:root{--night:#081449;--deep:#020725;--panel:#d9e9ff;--panel-light:#f5f9ff;--blue:#1555c0;--cyan:#32e6ff;--pink:#ff4edb;--yellow:#fff45c;--ink:#101b4b;--line:#6089d4;--shadow:#00072c}*{box-sizing:border-box}html{color:#fff;background:var(--deep)}body{background-color:var(--night);background-image:radial-gradient(circle,#ffffffd9 0 1px,#0000 1.5px),radial-gradient(circle,#32e6ffa6 0 1px,#0000 1.5px),linear-gradient(#050c3b,#15105e 60%,#260b54);background-position:0 0,19px 23px,0 0;background-size:37px 37px,53px 53px,100% 100%;min-height:100vh;margin:0;padding:1.5rem .75rem;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:.95rem;line-height:1.6}a{color:#064bbe;text-underline-offset:.15em}a:visited{color:#7a2d9f}a:hover,a:focus-visible{color:#fff;outline:2px solid var(--yellow);background:#d700a8;text-decoration:none}.site-shell{width:min(68rem,100%);box-shadow:0 0 0 3px var(--deep), 12px 12px 0 #00000073;background:#061246c7;border:3px ridge #a8c6ff;margin:0 auto}.site-header{border-bottom:3px double var(--cyan);text-align:center;background:linear-gradient(#0b2074bf,#19126ad9),repeating-linear-gradient(90deg,#0000 0 2.5rem,#32e6ff2e 2.5rem calc(2.5rem + 1px));padding:1.5rem 1rem 0;position:relative;overflow:hidden}.site-header:before,.site-header:after{content:"✦";color:var(--yellow);text-shadow:0 0 .6rem var(--pink);font-size:2.5rem;position:absolute;top:2.7rem}.site-header:before{left:5%}.site-header:after{right:5%}.site-header.compact{padding-bottom:1rem}.status-line{color:#65ff8c;letter-spacing:.12em;margin:0;font-family:Courier New,monospace;font-size:.72rem;font-weight:700}.site-header h1,.site-title{color:#fff;text-shadow:3px 3px 0 var(--pink), -2px -2px 0 var(--blue), 0 0 1rem var(--cyan);margin:.35rem 0;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(2rem,7vw,4.4rem);line-height:1.1}.site-title{margin:.35rem 0}.subtitle{color:var(--yellow);margin:.4rem 0 1rem;font-family:Comic Sans MS,Trebuchet MS,cursive}.ticker{border-top:1px solid var(--cyan);color:var(--yellow);background:var(--deep);white-space:nowrap;margin-inline:-1rem;padding:.3rem 0;font-family:Courier New,monospace;font-weight:700;overflow:hidden}.ticker span{padding-left:100%;animation:18s linear infinite ticker;display:inline-block}@keyframes ticker{to{transform:translate(-100%)}}.main-nav{background:#96bce9;border-bottom:3px ridge #dcebff;grid-template-columns:repeat(5,1fr);padding:.35rem;display:grid}.main-nav a{color:var(--ink);text-align:center;background:linear-gradient(#f9fcff,#a9c9ed);border:2px outset #e9f4ff;padding:.55rem .3rem;font-size:.75rem;font-weight:700;text-decoration:none}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a[aria-current=page]{color:#fff;background:linear-gradient(#245ccd,#112e8a);border-style:inset;outline:0}main{color:var(--ink)}.home-layout{grid-template-columns:12rem minmax(0,1fr) 11rem;gap:.8rem;padding:.8rem;display:grid}.inner-layout{grid-template-columns:13rem minmax(0,1fr);gap:.8rem;padding:.8rem;display:grid}.single-column{padding:.8rem}.content-column{align-content:start;gap:.8rem;display:grid}.window{color:var(--ink);background:var(--panel-light);box-shadow:3px 3px 0 var(--shadow);border:2px outset #e6f1ff;overflow:hidden}.window>h2{color:#fff;letter-spacing:.03em;background:linear-gradient(90deg,#092888,#2576dc 60%,#53bdec);margin:0;padding:.25rem .5rem;font-family:Tahoma,Arial,sans-serif;font-size:.8rem}.window>h2:after{content:"_ □ ×";float:right;color:#fff;letter-spacing:.08em;font-family:monospace}.window-body{padding:.8rem}.window-body p{margin:.45rem 0}.profile-card{text-align:center}.profile-card p{text-align:left}.pixel-avatar{aspect-ratio:1;color:#fff;background:repeating-conic-gradient(#223ca0 0 25%, #4f1c8c 0 50%) 0 / 1rem 1rem;border:4px ridge #b8d4ff;place-items:center;width:6.5rem;margin:.2rem auto .8rem;font-size:3rem;display:grid}.side-links{margin:0;padding:.7rem;list-style:none}.side-links li+li{border-top:1px dotted var(--line)}.side-links a{padding:.4rem .2rem;display:block}.welcome .intro{color:#1e1a69;font-family:Georgia,Times New Roman,serif;font-size:1.12rem}.construction{color:#111;background:repeating-linear-gradient(45deg, var(--yellow) 0 .8rem, #ff9b28 .8rem 1.6rem);text-align:center;border:3px dashed #111;margin:1rem 0;padding:.65rem;font-family:Courier New,monospace;font-weight:700}.new{color:#e00000;font-weight:700;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.counter,.weather{text-align:center}.digits{color:#39ff64;letter-spacing:.12em;background:#050505;border:2px inset #bbb;margin:.4rem 0;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:1.25rem;display:inline-block}.badges{justify-content:center;gap:.4rem;display:grid}.badges span{color:#fff;text-align:center;background:linear-gradient(135deg,#d700a8,#163bb3);border:2px outset #fff;width:88px;min-height:31px;padding:.2rem;font:700 .65rem/1.1 Arial,sans-serif;display:block}.weather b,.weather small{display:block}.prose{max-width:56rem;margin-inline:auto}.prose h1{color:#142c93;margin-top:0;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(1.7rem,5vw,2.7rem)}.prose h3{color:#142c93;margin:.7rem 0;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:clamp(1.5rem,4vw,2.2rem)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prose h2{border-bottom:2px dotted var(--pink);color:#7b167f;margin-top:1.6rem;padding-bottom:.2rem;font-family:Comic Sans MS,Trebuchet MS,cursive}.photo-album{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.photo-album figure{background:#fff;border:1px solid #a8a8a8;margin:0;padding:.7rem .7rem 1.1rem;transform:rotate(-.6deg);box-shadow:4px 5px #142c9340}.photo-album figure:nth-child(2n){transform:rotate(.8deg)}.photo{background:#111;border:2px inset #b5b5b5;overflow:hidden}.photo img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:18rem;display:block}.photo-album figcaption{padding-top:.7rem;font-family:Comic Sans MS,Trebuchet MS,cursive;font-size:.85rem}.photo-album figcaption strong{color:#76196f;display:block}.photo-album figcaption span{color:#586587;margin-top:.25rem;font-family:Courier New,monospace;font-size:.72rem;display:block}.album-note{color:#555;text-align:center;margin-top:1.5rem;font-family:Courier New,monospace}.retro-form{background:#c7dcf5;border:2px outset #fff;margin:1.3rem 0 1.8rem;padding:.35rem}.retro-form fieldset{border:2px groove #fff;gap:.45rem;margin:0;padding:1rem;display:grid}.retro-form legend{color:#fff;letter-spacing:.06em;background:#12378e;border:1px solid #12378e;padding:.2rem .55rem;font:700 .78rem Courier New,monospace}.retro-form label{color:#17296b;margin-top:.35rem;font-weight:700}.retro-form label span{color:#596784;font-size:.75rem;font-weight:400}.retro-form input,.retro-form select,.retro-form textarea{color:#101b4b;width:100%;font:inherit;background:#fff;border:2px inset #fff;border-radius:0;padding:.55rem}.retro-form input:focus,.retro-form select:focus,.retro-form textarea:focus{outline:2px solid var(--pink);outline-offset:1px}.retro-form select{border-radius:0;width:100%;min-height:2.35rem}.retro-form input[type=file]{color:#16245f;background:#eaf3ff;font-family:Courier New,monospace;font-size:.8rem}.retro-form textarea{resize:vertical}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.form-columns{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}.form-columns>div{align-content:start;gap:.45rem;display:grid}.form-actions button{color:#06154c;background:linear-gradient(#fff,#9fc3ee);border:2px outset #fff;border-radius:0;min-width:8rem;padding:.45rem .8rem;font:700 .75rem Tahoma,Arial,sans-serif}.form-actions button:active{border-style:inset}.form-actions button:focus-visible{outline:2px solid var(--pink)}.form-note{color:#630;background:#fff3b2;border:1px dashed #9a5200;margin:.4rem 0 0;padding:.45rem;font:.75rem Courier New,monospace}.diary-layout .content-column{gap:1rem}.diary-post .window-body{background-image:repeating-linear-gradient(#0000 0 1.75rem,#6089d433 1.75rem calc(1.75rem + 1px));padding:1rem 1.3rem}.post-meta{color:#fff;background:#6d2a95;padding:.35rem .5rem;font:700 .72rem Courier New,monospace}.post-footer{color:#555;text-align:right;font:.7rem Courier New,monospace}.fake-player{text-align:center}.progress{background:#fff;border:2px inset #ddd;height:.75rem}.progress span{background:repeating-linear-gradient(90deg,#1bc4e8 0 .35rem,#113b9a .35rem .7rem);width:62%;height:100%;display:block}.guestbook-list{gap:.8rem;margin-top:1rem;display:grid}.guestbook-list article{border:1px dashed var(--line);background:#e7f1ff;grid-template-columns:4rem 1fr;gap:.8rem;padding:.8rem;display:grid}.guestbook-list h2{color:#76196f;margin:0;font-size:1rem}.guestbook-list p{margin:.35rem 0}.guestbook-list small{color:#586587;font-family:Courier New,monospace}.guest-avatar{width:3.5rem;height:3.5rem;color:var(--yellow);background:#243caf;border:3px ridge #fff;place-items:center;font-family:Courier New,monospace;font-weight:700;display:grid}.fake-form{color:#666;text-align:center;background:#ddd;border:2px inset #fff;margin-top:1.2rem;padding:.8rem;font-family:Courier New,monospace}footer{border-top:3px double var(--cyan);color:#d9e9ff;background:var(--deep);text-align:center;padding:1rem;font-family:Courier New,monospace;font-size:.75rem}footer p{margin:.3rem}footer a{color:var(--yellow)}@media (width<=52rem){.home-layout{grid-template-columns:11rem minmax(0,1fr)}.home-layout>aside:last-child{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}}@media (width<=38rem){body{padding:.35rem}.site-shell{box-shadow:none;border-width:2px}.site-header:before,.site-header:after{display:none}.main-nav,.home-layout,.inner-layout,.home-layout>aside:last-child,.photo-album,.form-columns{grid-template-columns:1fr}.main-nav a{text-align:left}.home-layout>aside:last-child{grid-column:auto;display:grid}.photo img{height:auto}.photo-album figure,.photo-album figure:nth-child(2n){transform:none}}@media (prefers-reduced-motion:reduce){.ticker span,.new{animation:none}.ticker span{padding-left:0}}