@font-face{font-family:'Press Start 2P';src:url(PressStart2P-Regular.woff2) format('woff2'),url(PressStart2P-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}:root{--background-default:light-dark(#f0f0f0, #0d0d1a);--background-alt:light-dark(#e0e0e8, #1a1a33);--box-background-default:light-dark(#ffffff, #0f1e3c);--box-inner-background-default:light-dark(#f8f8ff, #0a1428);--navbar-bg:light-dark(#fcfcfc, #0f1e3c);--footer-bg:light-dark(#fcfcfc, #0f1e3c);--border-default:light-dark(#ccccff, #3a3aff);--border-light:light-dark(#1a1a1a, #4444ff);--border-dark:light-dark(#111188, #000077);--text-default:light-dark(#1a1a33, #e8e8f0);--text-dim:#4F4F75;--font-primary:'Press Start 2P',var(--font-primary-fallback, sans-serif);--font-size-base:16px;--font-size-lg:1.125rem;--font-size-md:1rem;--font-size-sm:0.875rem;--font-size-xs:0.75rem;--font-size-2xs:0.625rem;--font-size-h1:clamp(2em, 6vw, 4.5em);--font-size-h2:clamp(1em, 3vw, 1.6em);--yellow:#ffe000;--red:light-dark(#bf3232, #ff4444);--green:light-dark(#0a8938, #0ec450);--blue:#44aaff;--purple:light-dark(#a23ade, #c688e7);--cyan:#00ddee;--black:#212121;--heading-color:light-dark(var(--text-default), var(--yellow));--heading-shadow:3px 3px 0 light-dark(#dcdcdc, #aa7700);--spacing-2xs:0.5rem;--spacing-xs:1rem;--spacing-sm:1.5rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--container-width:960px;--gutter:var(--spacing-sm);--card-width:340px;color-scheme:light dark}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-default);color:var(--text-default);font-family:var(--font-primary);font-size:var(--font-size-base);line-height:2;min-height:100vh;image-rendering:pixelated}a{color:var(--yellow);text-decoration:none}a:hover{color:#fff}ul{list-style:none}h1{font-size:var(--font-size-h1);margin-block-end:var(--spacing-md);color:var(--heading-color)}h2{font-size:var(--font-size-h2);margin-block-end:var(--spacing-md);color:var(--heading-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-default);border-left:2px solid var(--border-dark)}::-webkit-scrollbar-thumb{background:var(--border-default);border:2px solid var(--border-dark)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.title-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1a0a3a 0,#0d0d1a 70%);padding:var(--spacing-md)}@media (prefers-color-scheme:dark){.title-screen::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 8% 12%,#fff 0,transparent 100%),radial-gradient(1px 1px at 22% 45%,#fff 0,transparent 100%),radial-gradient(1px 1px at 37% 8%,#cce 0,transparent 100%),radial-gradient(1px 1px at 51% 72%,#fff 0,transparent 100%),radial-gradient(1px 1px at 65% 25%,#ccf 0,transparent 100%),radial-gradient(1px 1px at 78% 58%,#fff 0,transparent 100%),radial-gradient(1px 1px at 90% 15%,#cce 0,transparent 100%),radial-gradient(1px 1px at 14% 80%,#fff 0,transparent 100%),radial-gradient(1px 1px at 43% 93%,#ccf 0,transparent 100%),radial-gradient(1px 1px at 72% 88%,#fff 0,transparent 100%),radial-gradient(2px 2px at 30% 30%,#aaf 0,transparent 100%),radial-gradient(2px 2px at 60% 60%,#aaf 0,transparent 100%),radial-gradient(1px 1px at 5% 55%,#fff 0,transparent 100%),radial-gradient(1px 1px at 85% 40%,#cce 0,transparent 100%),radial-gradient(1px 1px at 50% 50%,#fff 0,transparent 100%),radial-gradient(1px 1px at 18% 32%,#fff 0,transparent 100%),radial-gradient(1px 1px at 92% 70%,#fff 0,transparent 100%);pointer-events:none}}body:has(input[value=mode-dark]:checked) .title-screen::before{content:'';position:absolute;inset:0;background-image:radial-gradient(1px 1px at 8% 12%,#fff 0,transparent 100%),radial-gradient(1px 1px at 22% 45%,#fff 0,transparent 100%),radial-gradient(1px 1px at 37% 8%,#cce 0,transparent 100%),radial-gradient(1px 1px at 51% 72%,#fff 0,transparent 100%),radial-gradient(1px 1px at 65% 25%,#ccf 0,transparent 100%),radial-gradient(1px 1px at 78% 58%,#fff 0,transparent 100%),radial-gradient(1px 1px at 90% 15%,#cce 0,transparent 100%),radial-gradient(1px 1px at 14% 80%,#fff 0,transparent 100%),radial-gradient(1px 1px at 43% 93%,#ccf 0,transparent 100%),radial-gradient(1px 1px at 72% 88%,#fff 0,transparent 100%),radial-gradient(2px 2px at 30% 30%,#aaf 0,transparent 100%),radial-gradient(2px 2px at 60% 60%,#aaf 0,transparent 100%),radial-gradient(1px 1px at 5% 55%,#fff 0,transparent 100%),radial-gradient(1px 1px at 85% 40%,#cce 0,transparent 100%),radial-gradient(1px 1px at 50% 50%,#fff 0,transparent 100%),radial-gradient(1px 1px at 18% 32%,#fff 0,transparent 100%),radial-gradient(1px 1px at 92% 70%,#fff 0,transparent 100%);pointer-events:none}@media (prefers-color-scheme:light){.title-screen::before{content:'';position:absolute;height:100%;width:100%;background:linear-gradient(180deg,#87ceeb 0,#4a90e2 30%,#2171b5 70%,#1a5490 100%);overflow:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}}body:has(input[value=mode-light]:checked) .title-screen::before{content:'';position:absolute;height:100%;width:100%;background:linear-gradient(180deg,#87ceeb 0,#4a90e2 30%,#2171b5 70%,#1a5490 100%);overflow:hidden;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.title-screen::after{content:'';position:absolute;bottom:0;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,var(--border-dark) 0,var(--border-dark) 16px,var(--border-default) 16px,var(--border-default) 32px)}.title-content{position:relative;z-index:1}.title-eyebrow{font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);color:light-dark(var(--black),var(--yellow))}.title-name{color:var(--yellow);text-shadow:4px 4px 0 #a70,8px 8px 0 rgba(0,0,0,.4)}.title-role{font-size:var(--font-size-h2);color:var(--cyan);margin-bottom:var(--spacing-lg)}.hiscore{display:flex;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.hiscore-val{color:light-dark(var(--cyan),var(--green))}.cloud{position:absolute;background:#fff;border-radius:8px;opacity:.9;filter:contrast(1.2) saturate(.9)}@media (prefers-color-scheme:dark){.cloud{display:none}}body:has(input[value=mode-dark]:checked) .cloud{display:none}@media (prefers-color-scheme:light){.cloud{display:block}}body:has(input[value=mode-light]:checked) .cloud{display:block}.cloud::after,.cloud::before{content:'';position:absolute;background:#fff;border-radius:8px}.cloud-1{width:60px;height:20px;top:20%;left:10%;animation-duration:20s;animation-delay:0s}.cloud-1::before{width:30px;height:30px;top:-15px;left:10px}.cloud-1::after{width:40px;height:25px;top:-10px;right:15px}.cloud-2{width:80px;height:25px;top:40%;left:60%;animation-duration:25s;animation-delay:-5s}.cloud-2::before{width:35px;height:35px;top:-18px;left:15px}.cloud-2::after{width:45px;height:30px;top:-12px;right:20px}.cloud-3{width:50px;height:18px;top:10%;left:80%;animation-duration:18s;animation-delay:-10s}.cloud-3::before{width:25px;height:25px;top:-12px;left:8px}.cloud-3::after{width:30px;height:20px;top:-8px;right:10px}.cloud-4{width:70px;height:22px;top:55%;left:25%;animation-duration:22s;animation-delay:-15s}.cloud-4::before{width:32px;height:32px;top:-16px;left:12px}.cloud-4::after{width:38px;height:28px;top:-10px;right:18px}.cloud-5{width:45px;height:16px;top:30%;left:5%;animation-duration:28s;animation-delay:-20s}.cloud-5::before{width:22px;height:22px;top:-10px;left:6px}.cloud-5::after{width:28px;height:18px;top:-6px;right:8px}html:has(input[value=mode-dark]:checked){color-scheme:dark}html:has(input[value=mode-light]:checked){color-scheme:light}.nav{position:sticky;top:0;z-index:100;background:var(--navbar-bg);border-bottom:4px solid var(--border-dark)}.nav-inner{max-width:960px;margin:0 auto;padding:var(--spacing-xs) var(--spacing-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.nav-logo{color:var(--red);font-weight:700;white-space:nowrap}.nav-logo:hover{color:var(--red);text-decoration:underline}.nav-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.nav-link{color:var(--text-default);font-size:var(--font-size-sm);position:relative;padding-bottom:2px;transition:color .1s}.nav-link::before{content:'▶';position:absolute;left:-1.1em;color:currentColor;opacity:0}.nav-link:hover{color:light-dark(var(--black),var(--yellow))}.nav-link:hover::before{opacity:1}@media screen and (max-width:768px){.nav-inner{flex-direction:column;gap:var(--spacing-2xs)}.nav-list{justify-content:center}}.section{background-color:var(--section-background,transparent);padding-block:var(--spacing-xl)}.section-alt{--section-background:var(--background-alt)}.section-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.section-title{text-align:center;text-shadow:var(--heading-shadow);margin-block-end:0}.section-deco{color:light-dark(var(--green),var(--yellow));font-size:var(--font-size-h2)}.character-screen{background-color:var(--box-background-default);padding:var(--spacing-sm);position:relative;z-index:0}.character-screen::before{content:'';display:block;position:absolute;top:4px;left:0;border-left:3px solid var(--border-light);border-right:3px solid var(--border-light);width:100%;height:calc(100% - 8px);z-index:-1}.character-screen::after{content:'';display:block;position:absolute;top:0;left:4px;border-top:3px solid var(--border-light);border-bottom:3px solid var(--border-light);width:calc(100% - 8px);height:100%;z-index:-1}.character-screen .box-inner{background-color:var(--box-inner-background-default);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 0 #000;padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.character-screen{display:flex;gap:var(--spacing-md)}@media screen and (max-width:768px){.character-screen{flex-direction:column;align-items:center}.character-info{width:100%}}.character-left{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.avatar-frame{width:112px;height:160px;border:4px solid var(--border-light);box-shadow:inset 2px 2px 0 var(--border-light),inset -2px -2px 0 var(--border-dark),0 0 0 4px #000;display:flex;align-items:center;justify-content:center;background:var(--box-inner-background);overflow:hidden}.avatar-frame img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.avatar-label{font-size:var(--font-size-xs);color:light-dark(var(--text-dim),var(--white));text-align:center}.character-info{flex:1;min-width:220px}.stat-row{display:flex;gap:var(--spacing-2xs);margin-bottom:var(--spacing-2xs);font-size:var(--font-size-xs)}.stat-key{min-width:4.5em}.stat-sep{color:var(--border-light)}.bio{font-size:var(--font-size-sm)}.bio p{color:var(--text-default)}.skills-grid{padding-inline-start:max(var(--gutter),calc((100vw - var(--container-width))/ 2 + var(--gutter)));padding-inline-end:var(--gutter);margin-inline-end:var(--spacing-2xs);display:grid;grid-template-columns:repeat(3,var(--card-width));gap:var(--spacing-md);padding-block-end:var(--spacing-md);overflow-x:auto}.skill-category{background-color:var(--box-background-default);padding:var(--spacing-sm);position:relative;z-index:0}.skill-category::before{content:'';display:block;position:absolute;top:4px;left:0;border-left:3px solid var(--border-light);border-right:3px solid var(--border-light);width:100%;height:calc(100% - 8px);z-index:-1}.skill-category::after{content:'';display:block;position:absolute;top:0;left:4px;border-top:3px solid var(--border-light);border-bottom:3px solid var(--border-light);width:calc(100% - 8px);height:100%;z-index:-1}.skill-category .box-inner{background-color:var(--box-inner-background-default);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 0 #000;padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.skill-category{width:var(--card-width)}.skill-cat-title{font-size:var(--font-size-md);color:light-dark(var(--black),var(--yellow));margin-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-dark);padding-bottom:var(--spacing-2xs)}.skill-name{font-size:var(--font-size-sm);color:var(--text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1/-1}.skill-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2xs);margin-bottom:var(--spacing-xs)}.skill-name{font-size:var(--font-size-sm);color:var(--text-default);width:100%}.skill-bar{flex:1;height:14px;background-color:var(--box-inner-background-default);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 #000;position:relative;min-width:80px}@keyframes fillBar{from{width:0}to{width:var(--power)}}.skill-fill{background-color:var(--fill-bg,var(--blue));height:100%;width:var(--power);position:relative;animation:fillBar 1s both ease-out}@media (prefers-reduced-motion:reduce){.skill-fill{animation:none}}.skill-fill::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 4px,transparent 4px,transparent 8px)}.fill-red{--fill-bg:var(--red)}.fill-green{--fill-bg:var(--green)}.skill-lv{font-size:var(--font-size-xs);color:light-dark(var(--black),var(--yellow));white-space:nowrap}.quests-grid{padding-inline-start:max(var(--gutter),calc((100vw - var(--container-width))/ 2 + var(--gutter)));padding-inline-end:var(--gutter);margin-inline-end:var(--spacing-2xs);display:grid;grid-template-columns:repeat(3,var(--card-width));gap:var(--spacing-md);overflow-x:auto;padding-block-end:var(--spacing-md)}.quest-card{background-color:var(--box-background-default);padding:var(--spacing-sm);position:relative;z-index:0}.quest-card::before{content:'';display:block;position:absolute;top:4px;left:0;border-left:3px solid var(--border-light);border-right:3px solid var(--border-light);width:100%;height:calc(100% - 8px);z-index:-1}.quest-card::after{content:'';display:block;position:absolute;top:0;left:4px;border-top:3px solid var(--border-light);border-bottom:3px solid var(--border-light);width:calc(100% - 8px);height:100%;z-index:-1}.quest-card .box-inner{background-color:var(--box-inner-background-default);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 0 #000;padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.quest-card{display:flex;flex-direction:column;gap:var(--spacing-xs);transition:transform .1s,box-shadow .1s;width:var(--card-width)}.quest-card-top{display:flex;justify-content:space-between;align-items:center}.quest-icon{font-size:var(--font-size-lg)}.badge{font-size:var(--font-size-2xs);padding:2px var(--spacing-2xs);border:2px solid currentColor}.badge-done{color:var(--green)}.badge-wip{color:light-dark(var(--purple),var(--yellow))}.quest-title{--heading-color:var(--cyan);font-size:var(--font-size-sm)}.quest-desc{font-size:var(--font-size-xs);flex:1}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs)}.tag{font-size:var(--font-size-2xs);background:var(--box-inner-background-default);border:1px solid var(--border-dark);color:var(--purple);padding:2px 6px;font-weight:700}.contact-screen{background-color:var(--box-background-default);padding:var(--spacing-sm);position:relative;z-index:0}.contact-screen::before{content:'';display:block;position:absolute;top:4px;left:0;border-left:3px solid var(--border-light);border-right:3px solid var(--border-light);width:100%;height:calc(100% - 8px);z-index:-1}.contact-screen::after{content:'';display:block;position:absolute;top:0;left:4px;border-top:3px solid var(--border-light);border-bottom:3px solid var(--border-light);width:calc(100% - 8px);height:100%;z-index:-1}.contact-screen .box-inner{background-color:var(--box-inner-background-default);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 0 #000;padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.contact-screen{max-width:600px;margin:0 auto;text-align:center}.contact-prompt{font-size:var(--font-size-sm);color:var(--heading-color);margin-bottom:var(--spacing-xs);text-shadow:var(--heading-shadow)}.contact-sub{font-size:var(--font-size-xs);color:var(--text-dim);margin-bottom:var(--spacing-md)}.contact-btns{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-md)}.contact-credit{font-size:var(--font-size-xs);color:light-dark(var(--text-dim),var(--white))}@media screen and (max-width:768px){.contact-btns{flex-direction:column;align-items:center}}.footer{background:var(--footer-bg);border-top:4px solid var(--border-default);box-shadow:0 -4px 0 0 #000;padding:var(--spacing-sm) var(--spacing-sm);text-align:center;font-size:var(--font-size-xs);color:light-dark(var(--text-dim),var(--white))}.footer-score{color:var(--purple);margin-top:var(--spacing-2xs)}.container{margin-inline:auto;padding-inline:var(--gutter);width:min(100%,var(--container-width))}@keyframes blink{0%,49%{opacity:1}100%,50%{opacity:0}}.blink{animation:blink 1s infinite step-end}@media (prefers-reduced-motion:reduce){.blink{animation:none}}.btn{--font-primary-fallback:monospace;display:inline-block;font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-xs);background:var(--border-default);color:light-dark(var(--white),var(--black));border:0;cursor:pointer;text-align:center}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--border-dark),0 0 0 2px #000}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 2px #000}.btn-ghost{background:0 0;box-shadow:4px 4px 0 0 var(--border-dark),0 0 0 2px var(--border-dark)}.btn-ghost:hover{background:var(--border-dark);color:#fff}.color-mode{border:none;display:inline-flex;gap:var(--spacing-xs);flex-direction:column;padding-block-end:var(--spacing-md)}.color-mode input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.color-mode label{align-items:center;cursor:pointer;display:flex;gap:var(--spacing-2xs);position:relative;color:light-dark(var(--black),var(--yellow))}.color-mode label:hover::before{content:'▶';position:absolute;left:-1.1em}.color-mode :checked+label::before{content:'▶';position:absolute;left:-1.1em}.color-mode input:focus-visible+label{outline:2px solid var(--yellow);outline-offset:2px}.color-mode .color-mode-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}