:root{--bg:#110e26;--bg-2:#17143a;--panel:#1e1b4a;--panel-2:#28255e;--ink:#07051a;--line:rgba(160,150,255,.18);--line-2:rgba(246,210,127,.45);--text:#f4efe0;--muted:#b9b6d8;--dim:#8a86b4;--gold:#f2b33d;--gold-2:#ffd977;--leaf:#5fd38a;--blood:#d4553f}*,*:before,*:after{box-sizing:border-box;border-radius:0}body{margin:0;min-height:100vh;color:var(--text);font:18px/1.6 Pixelify Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;will-change:transform;background:linear-gradient(180deg,rgba(17,14,38,.35),rgba(17,14,38,.75) 60%,var(--bg)),url(backdrop.svg) center top/cover,var(--bg)}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:0 auto;padding:0 16px}.pnav{position:sticky;top:0;z-index:50;background:#110e26f2;border-bottom:3px solid var(--ink);box-shadow:0 3px 0 var(--line)}.pnav .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;height:68px}.pnav .logo{display:flex;align-items:center;gap:10px;font:400 28px "Jersey 10",sans-serif;letter-spacing:.03em;white-space:nowrap}.pnav .logo img{width:52px;height:52px;image-rendering:pixelated;margin:-6px 0}.pnav .logo span{color:var(--gold)}.pnav .links{display:flex;gap:8px}.pnav .links a{font:700 12px Silkscreen,monospace;text-transform:uppercase;padding:8px 10px;color:var(--muted)}.pnav .links a:hover{color:var(--text)}.pnav .links a.on{background:var(--gold);color:#2a1606;box-shadow:0 0 0 2px var(--ink)}.pnav .xbtn{font:700 12px Silkscreen,monospace;background:var(--ink);color:var(--text);padding:10px 12px;box-shadow:0 0 0 2px var(--line-2);white-space:nowrap}@media (max-width:820px){.pnav .links{display:none}}@media (max-width:420px){.pnav .logo{font-size:22px}.pnav .logo img{width:42px;height:42px}}.phead{text-align:center;padding:56px 0 26px}.phead h1{margin:0;font:400 clamp(56px,9vw,104px)/.9 "Jersey 10",sans-serif;letter-spacing:.03em;color:var(--gold-2);text-shadow:5px 5px 0 #8a4a10,9px 9px 0 var(--ink)}.phead p{max-width:620px;margin:16px auto 0;font-size:19px;color:var(--text);text-shadow:2px 2px 0 var(--ink)}.quest{position:relative;max-width:640px;margin:0 auto 70px;background:var(--panel);padding:22px 20px 20px;box-shadow:0 0 0 4px var(--ink),0 0 0 8px var(--gold),inset 0 4px #ffffff0f,10px 12px 0 4px #0006}.qhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:-22px -20px 18px;padding:0 20px;border-bottom:3px solid var(--ink)}.qtab{font:700 14px Silkscreen,monospace;letter-spacing:.12em;text-transform:uppercase;background:var(--panel);color:var(--gold-2);padding:10px 16px 8px;margin-top:-18px;box-shadow:0 0 0 3px var(--ink);position:relative;top:3px}.qbadge{font:700 11px Silkscreen,monospace;text-transform:uppercase;background:var(--ink);color:var(--gold-2);padding:5px 9px;margin-bottom:8px;box-shadow:0 0 0 2px var(--gold);animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{color:var(--gold)}}.steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}.step{display:flex;align-items:center;gap:14px;background:var(--bg-2);padding:12px 14px;box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--line);transition:opacity .2s}.step .no{flex:none;width:34px;height:34px;display:grid;place-items:center;font:700 14px Silkscreen,monospace;background:var(--gold);color:#2a1606;box-shadow:0 0 0 2px var(--ink)}.step .txt{flex:1;min-width:0}.step .txt b{display:block;font-size:18px;font-weight:600}.step .txt small{display:block;font:700 10px/1.5 Silkscreen,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.step.locked{opacity:.45}.step.locked .no{background:var(--panel-2);color:var(--dim)}.step.locked .no:before{content:"\1f512";font-size:14px}.step.locked .no span{display:none}.step.done .no{background:var(--leaf)}.step.done .no span{display:none}.step.done .no:before{content:"\2713";font-size:18px}.step input,.step textarea{width:100%;margin-top:8px}.pbtn{flex:none;font:700 12px Silkscreen,monospace;text-transform:uppercase;letter-spacing:.04em;border:0;cursor:pointer;padding:11px 14px;background:var(--ink);color:var(--text);box-shadow:0 0 0 2px var(--gold),inset -3px -3px #0000004d;transition:transform .08s steps(2)}.pbtn:hover{transform:translate(-2px,-2px)}.pbtn:active{transform:translate(2px,2px)}.pbtn:disabled{opacity:.5;cursor:not-allowed;transform:none}.step.done .pbtn{background:var(--panel-2);color:var(--leaf);box-shadow:0 0 0 2px var(--leaf)}.submit{display:block;width:100%;margin-top:20px;padding:16px;font:700 15px Silkscreen,monospace;text-transform:uppercase;letter-spacing:.06em;border:0;cursor:pointer;background:var(--gold);color:#2a1606;box-shadow:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink),inset -4px -4px #00000040,inset 4px 4px #ffffff59}.submit:hover{background:var(--gold-2)}label.f{display:block;margin-top:14px;font:700 11px Silkscreen,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-2)}input,textarea,select{width:100%;margin-top:6px;font:inherit;font-size:17px;color:var(--text);background:var(--ink);border:0;padding:11px 12px;box-shadow:0 0 0 2px var(--line-2);outline:none}input:focus,textarea:focus{box-shadow:0 0 0 2px var(--gold-2),0 0 0 5px #ffd97733}input.bad{box-shadow:0 0 0 2px var(--blood)}textarea{min-height:90px;resize:vertical}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chips label{cursor:pointer}.chips input{position:absolute;opacity:0;width:1px;height:1px}.chips span{display:inline-block;font:700 12px Silkscreen,monospace;text-transform:uppercase;padding:9px 12px;background:var(--ink);color:var(--muted);box-shadow:0 0 0 2px var(--line-2)}.chips input:checked+span{background:var(--gold);color:#2a1606;box-shadow:0 0 0 2px var(--ink)}.chips input:focus-visible+span{outline:2px solid var(--gold-2);outline-offset:2px}.hint{font-size:14px;color:var(--dim);margin-top:6px}.ideas{margin:14px 0 0;padding:12px 14px;background:var(--bg-2);box-shadow:0 0 0 2px var(--line);font-size:15px;color:var(--muted)}.ideas b{color:var(--gold-2);font:700 11px Silkscreen,monospace;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:4px}.ideas ul{margin:0;padding-left:18px}.result{display:none;margin-top:18px;padding:14px 16px;background:var(--ink);box-shadow:0 0 0 2px var(--gold);font-size:16px}.result.show{display:block}.result b{color:var(--gold-2)}.result.err{box-shadow:0 0 0 2px var(--blood)}.toast{position:fixed;left:50%;bottom:24px;translate:-50% 0;z-index:200;background:var(--ink);color:var(--text);padding:12px 16px;font-size:15px;box-shadow:0 0 0 2px var(--gold);opacity:0;transition:opacity .2s;pointer-events:none;max-width:calc(100vw - 32px)}.toast.show{opacity:1}.pfoot{border-top:3px solid var(--ink);box-shadow:inset 0 3px 0 var(--line);background:var(--bg);padding:28px 0 40px;color:var(--dim);font-size:14px}.pfoot .row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.pfoot a{color:var(--gold-2)}@media (max-width:560px){.phead{padding:34px 0 18px}.quest{padding:20px 14px 16px}.qhead{margin:-20px -14px 16px;padding:0 14px}.qbadge{font-size:8px;white-space:nowrap;letter-spacing:0}.step{flex-wrap:wrap}.step .txt{flex:1 1 calc(100% - 50px)}.step .pbtn{margin-left:48px}}@media (prefers-reduced-motion:reduce){.qbadge{animation:none}}.ts-box{margin:18px 0 0;min-height:65px}
