:root{--bg: #05070e;--bg-2: #080c18;--bg-panel: rgba(16, 34, 70, .42);--hud: #5ab2ff;--hud-bright: #a9dcff;--hud-dim: #2e6fb0;--hud-edge: rgba(120, 190, 255, .9);--hud-line: rgba(120, 190, 255, .28);--green: #37f5a0;--red: #ff566b;--amber: #ffcf6b;--violet: #b98cff;--ink: #dbe8ff;--ink-dim: #7f9bc4;--ink-faint: #4d6a95;--glow: 0 0 12px rgba(90, 178, 255, .55), 0 0 34px rgba(60, 120, 220, .35);--glow-sm: 0 0 8px rgba(90, 178, 255, .5);--glow-green: 0 0 12px rgba(55, 245, 160, .5);--glow-red: 0 0 12px rgba(255, 86, 107, .5);--font-ui: system-ui, "Segoe UI", Roboto, -apple-system, sans-serif;--font-display: "Bahnschrift", "Segoe UI Semibold", "Arial Narrow", system-ui, sans-serif;--font-mono: "Consolas", ui-monospace, "SF Mono", "Menlo", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--t-fast: .12s;--t-mid: .25s;--t-slow: .5s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.2, .9, .2, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--tap: 44px;--blur: 3px}:root{--rank-e: #8ea6c4;--rank-d: #5ab2ff;--rank-c: #37f5a0;--rank-b: #ffcf6b;--rank-a: #ff9d4d;--rank-s: #ff566b}html.lite{--blur: 0px;--glow: 0 0 8px rgba(90, 178, 255, .35);--glow-sm: 0 0 5px rgba(90, 178, 255, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;position:relative;isolation:isolate}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;touch-action:manipulation}a{color:var(--hud-bright);text-decoration:none}:focus-visible{outline:2px solid var(--hud-bright);outline-offset:2px}.display{font-family:var(--font-display);letter-spacing:.04em}.mono{font-family:var(--font-mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sys-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 8%,#0c1730 0%,var(--bg-2) 42%,var(--bg) 100%)}.sys-grid{position:fixed;left:-20%;right:-20%;bottom:-6%;height:46vh;z-index:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(90,178,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(90,178,255,.35) 1px,transparent 1px);background-size:56px 56px;transform:perspective(320px) rotateX(62deg);transform-origin:bottom center;mask-image:linear-gradient(to top,#000 0%,transparent 82%);-webkit-mask-image:linear-gradient(to top,#000 0%,transparent 82%);animation:gridflow 9s linear infinite;will-change:background-position}@keyframes gridflow{to{background-position:0 56px,0 0}}.sys-fx{position:fixed;inset:0;z-index:1;display:block;pointer-events:none}.sys-scan{position:fixed;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(120,190,255,.05) 0 1px,transparent 1px 3px);mix-blend-mode:screen;opacity:.5;animation:flicker 5s steps(1) infinite}@keyframes flicker{0%,to{opacity:.5}48%{opacity:.42}50%{opacity:.6}52%{opacity:.46}}.sys-vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 45%,rgba(0,2,8,.85) 100%)}.sys-flash{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 45%,rgba(169,220,255,.55),transparent 65%)}.sys-flash.fire{animation:flashout .55s ease-out 1}.sys-flash.fire-red{background:radial-gradient(circle at 50% 45%,rgba(255,86,107,.45),transparent 65%);animation:flashout .45s ease-out 1}@keyframes flashout{0%{opacity:.9}to{opacity:0}}html.lite .sys-scan,html.lite .sys-grid{display:none}.stage{position:relative;z-index:5;min-height:100dvh;display:grid;place-items:center;padding:calc(var(--safe-t) + 64px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 28px) calc(var(--safe-l) + 16px)}.brand{position:fixed;top:calc(var(--safe-t) + 14px);left:calc(var(--safe-l) + 14px);z-index:20;display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(-6px);transition:opacity .7s ease,transform .7s var(--ease-out)}.brand.on{opacity:1;transform:none}.brand .wm{font-family:var(--font-display);font-weight:700;letter-spacing:.28em;font-size:.8rem;color:var(--hud-bright);text-shadow:0 0 10px rgba(90,178,255,.6)}.crest{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:none}.crest i{position:absolute;inset:0;transform:rotate(45deg);border:1.5px solid var(--hud);box-shadow:var(--glow),inset 0 0 8px #5ab2ff66}.crest b{position:relative;z-index:1;font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--hud-bright);letter-spacing:.06em;text-shadow:0 0 8px rgba(90,178,255,.8)}.sys-tools{position:fixed;top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);z-index:20;display:flex;gap:8px}.tool{width:var(--tap);height:var(--tap);display:grid;place-items:center;border:1px solid rgba(120,190,255,.35);background:#0812268c;color:var(--ink-dim);font-size:1rem;transition:color var(--t-mid),border-color var(--t-mid),transform var(--t-fast)}.tool:hover,.tool.on{color:var(--hud-bright);border-color:var(--hud)}.tool:active{transform:scale(.92)}.panel{position:relative;width:min(94vw,440px);padding:26px 22px 24px;background:linear-gradient(180deg,#142c5a80,#0912288c);border:1.5px solid var(--hud-edge);box-shadow:var(--glow),inset 0 0 30px #1e50a047;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.panel.wide{width:min(94vw,560px)}.panel.enter{animation:materialize .5s var(--ease-out) both}@keyframes materialize{0%{opacity:0;transform:scale(.965) translateY(8px);clip-path:inset(0 0 100% 0)}60%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}.panel.leave{animation:dematerialize .22s ease-in both}@keyframes dematerialize{to{opacity:0;transform:scale(1.02);clip-path:inset(50% 0 50% 0)}}.panel:after{content:"";position:absolute;left:0;right:0;top:0;height:38%;background:linear-gradient(180deg,rgba(150,210,255,.16),transparent);pointer-events:none;opacity:0}.panel.enter:after{animation:sweep .7s ease-out .05s 1}@keyframes sweep{0%{opacity:.9;transform:translateY(-40%)}to{opacity:0;transform:translateY(280%)}}.c{position:absolute;width:22px;height:22px;border:1.5px solid var(--hud);pointer-events:none;filter:drop-shadow(0 0 4px rgba(90,178,255,.7))}.c.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.c.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.c.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.c.br{bottom:-1px;right:-1px;border-left:0;border-top:0}.c:before{content:"";position:absolute;width:5px;height:5px;background:var(--hud-bright);transform:rotate(45deg);box-shadow:0 0 6px var(--hud)}.c.tl:before{top:5px;left:5px}.c.tr:before{top:5px;right:5px}.c.bl:before{bottom:5px;left:5px}.c.br:before{bottom:5px;right:5px}.panel.enter .c{animation:cornersnap .35s var(--ease-pop) .28s both}@keyframes cornersnap{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:none}}.phead{display:flex;align-items:center;justify-content:center;gap:9px;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--hud-line)}.phead .ic{color:var(--amber);filter:drop-shadow(0 0 6px rgba(255,207,107,.7));font-size:1rem;line-height:1}.phead h2{font-family:var(--font-display);font-weight:700;letter-spacing:.22em;font-size:1.02rem;color:var(--hud-bright);text-shadow:0 0 10px rgba(90,178,255,.55)}.center{text-align:center}.welcome{font-family:var(--font-display);font-weight:700;font-size:clamp(1.45rem,6.6vw,2.05rem);letter-spacing:.05em;line-height:1.2;margin:10px 0 8px;color:var(--ink);text-shadow:0 0 16px rgba(90,178,255,.4)}.welcome .g{color:var(--green);text-shadow:0 0 16px rgba(55,245,160,.75)}.sub{color:var(--ink-dim);font-size:.9rem;line-height:1.55;letter-spacing:.01em}.sub strong,.sub b{color:var(--hud-bright);font-weight:600}.foot{margin-top:16px;text-align:center;font-size:.72rem;color:var(--ink-faint);line-height:1.5}.hint{margin-top:14px;text-align:center;font-size:.7rem;color:#3f5f8c;letter-spacing:.12em}.caret{display:inline-block;width:9px;height:1em;background:var(--hud);margin-left:4px;transform:translateY(2px);box-shadow:var(--glow-sm);animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;pointer-events:none}.glitch:before{color:var(--red);animation:gl1 2.6s steps(2) infinite}.glitch:after{color:var(--hud);animation:gl2 2.6s steps(2) infinite}@keyframes gl1{0%,92%,to{opacity:0;transform:none}93%{opacity:.7;transform:translate(-2px,1px)}96%{opacity:.5;transform:translate(1px,-1px)}}@keyframes gl2{0%,92%,to{opacity:0;transform:none}94%{opacity:.6;transform:translate(2px,-1px)}97%{opacity:.4;transform:translate(-1px,1px)}}html.lite .glitch:before,html.lite .glitch:after{display:none}.btn{position:relative;overflow:hidden;width:100%;min-height:var(--tap);margin-top:20px;padding:13px;background:linear-gradient(180deg,#285aaa8c,#14326e8c);border:1.5px solid var(--hud);color:var(--hud-bright);font-family:var(--font-display);font-weight:700;letter-spacing:.16em;font-size:.92rem;text-shadow:0 0 10px rgba(90,178,255,.6);box-shadow:var(--glow);transition:transform var(--t-fast) var(--ease-out),background var(--t-mid),opacity var(--t-mid)}.btn:hover:not(:disabled){background:linear-gradient(180deg,#3773cdb3,#1e468cb3)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.ok{border-color:var(--green);color:#c6ffe4;background:linear-gradient(180deg,#1c785273,#0e3a2880);text-shadow:0 0 10px rgba(55,245,160,.6);box-shadow:var(--glow-green)}.btn.ok:hover:not(:disabled){background:linear-gradient(180deg,#26966899,#14503899)}.btn.ghost{background:#0a142880;border-color:#78beff66;color:var(--ink-dim);box-shadow:none;letter-spacing:.1em}.btn.ghost:hover:not(:disabled){color:var(--ink);background:#12224099}.btn.sm{margin-top:10px;padding:11px;font-size:.8rem}.btn .ripple{position:absolute;border-radius:50%;transform:scale(0);background:#a9dcff59;pointer-events:none;animation:ripple .55s ease-out forwards}@keyframes ripple{to{transform:scale(2.6);opacity:0}}.btnrow{display:flex;gap:10px;margin-top:18px}.btnrow .btn{margin-top:0;letter-spacing:.08em;font-size:.84rem;padding:12px 8px}@media (max-width: 430px){.btnrow{flex-direction:column}}.btn.loading{color:transparent;text-shadow:none}.btn.loading:before{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid rgba(169,220,255,.25);border-top-color:var(--hud-bright);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{margin:16px 0 6px;position:relative;text-align:left}.field+.field{margin-top:12px}.field label{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.18em;color:var(--hud-dim);text-transform:uppercase}.field input{width:100%;min-height:var(--tap);padding:12px 14px;background:#060e1eb3;border:1.5px solid rgba(120,190,255,.5);color:var(--hud-bright);font-family:var(--font-mono);font-size:16px;letter-spacing:.04em;outline:none;box-shadow:inset 0 0 16px #1e50a04d;transition:border-color var(--t-mid),box-shadow var(--t-mid)}.field input.center-text{text-align:center}.field input:focus{border-color:var(--hud);box-shadow:var(--glow),inset 0 0 16px #1e50a066}.field input::placeholder{color:#3f5f8c}.field input[aria-invalid=true]{border-color:var(--red);box-shadow:var(--glow-red),inset 0 0 16px #781e324d}.field .peek{position:absolute;right:4px;bottom:2px;width:40px;height:40px;display:grid;place-items:center;color:var(--hud-dim);font-size:.95rem}.field .peek:hover{color:var(--hud-bright)}.pwbar{display:flex;gap:4px;margin-top:8px}.pwbar i{flex:1;height:3px;background:#78beff2e;transition:background var(--t-mid)}.pwbar i.on-1{background:var(--red)}.pwbar i.on-2{background:var(--amber)}.pwbar i.on-3{background:var(--green)}.check{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:10px 12px;min-height:var(--tap);background:#08122673;border:1px solid rgba(120,190,255,.22);text-align:left;cursor:pointer;transition:border-color var(--t-mid),background var(--t-mid)}.check:hover{border-color:#78beff80}.check.checked{border-color:#37f5a08c;background:#0c2c2266}.check .box{flex:none;width:20px;height:20px;margin-top:1px;display:grid;place-items:center;border:1.5px solid rgba(120,190,255,.6);color:transparent;font-size:.8rem;transition:color var(--t-fast),border-color var(--t-mid)}.check.checked .box{border-color:var(--green);color:var(--green);text-shadow:0 0 8px rgba(55,245,160,.8)}.check .txt{font-size:.82rem;line-height:1.45;color:var(--ink-dim)}.check.checked .txt{color:var(--ink)}.age-choice{margin-top:14px}.age-lbl{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;color:var(--hud-dim);text-transform:uppercase}.age-opts{display:flex;gap:8px}.age-opt{flex:1;min-height:var(--tap);padding:10px 8px;border:1.5px solid rgba(120,190,255,.4);background:#0c1a3480;color:var(--ink-dim);font-family:var(--font-display);font-weight:700;font-size:.86rem;letter-spacing:.02em;transition:border-color var(--t-mid),color var(--t-mid),background var(--t-mid)}.age-opt.on{border-color:var(--hud);color:var(--hud-bright);background:#18346499;box-shadow:inset 0 0 14px #5ab2ff33}.age-note{margin-top:10px;padding:9px 11px;font-size:.78rem;line-height:1.45;color:var(--ink-dim);border:1px solid rgba(120,190,255,.25);background:#08122680}.age-note strong{color:var(--hud-bright)}.err{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,86,107,.5);background:#3c0c1666;color:#ffc2cb;font-size:.82rem;line-height:1.45;text-align:left;animation:shake .35s ease-in-out 1}.err b{color:var(--red)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.opts{display:flex;flex-direction:column;gap:10px;margin-top:18px}.opt{position:relative;overflow:hidden;min-height:var(--tap);padding:13px 15px;text-align:left;background:#0c1a348c;border:1.5px solid rgba(120,190,255,.4);color:var(--ink);font-size:.97rem;transition:border-color .18s,background .18s,transform var(--t-fast)}.opt:before{content:"▸";color:var(--hud);margin-right:10px;text-shadow:0 0 6px var(--hud)}.opt:hover{border-color:var(--hud);background:#18346499;box-shadow:0 0 14px #5ab2ff4d}.opt:active{transform:scale(.99)}.opt.picked{border-color:var(--green);background:#103c2c8c}.opts .opt{animation:optin .3s var(--ease-out) both}.opts .opt:nth-child(1){animation-delay:.04s}.opts .opt:nth-child(2){animation-delay:.1s}.opts .opt:nth-child(3){animation-delay:.16s}.opts .opt:nth-child(4){animation-delay:.22s}@keyframes optin{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.qcount{color:var(--hud-dim);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-align:center;margin-bottom:8px}.quiz-q{font-family:var(--font-display);font-weight:700;font-size:1.12rem;line-height:1.32;text-align:center;color:var(--ink);text-shadow:0 0 12px rgba(90,178,255,.3)}.resp .rtxt{color:var(--hud-bright);font-size:.95rem;line-height:1.55;min-height:3em;text-align:center}.resp .rtxt b{color:var(--green);text-shadow:0 0 10px rgba(55,245,160,.5)}.steps{display:flex;gap:5px;margin-bottom:14px}.steps i{flex:1;height:2px;background:#78beff29;transition:background var(--t-slow) var(--ease-out)}.steps i.done{background:var(--hud);box-shadow:0 0 6px #5ab2ffb3}.steps i.cur{background:var(--hud-bright);box-shadow:0 0 10px #a9dcffe6}.scanbar{margin:18px auto 6px;width:80%;max-width:280px;height:6px;background:#081226d9;border:1px solid rgba(120,190,255,.4);overflow:hidden}.scanbar i{display:block;height:100%;width:32%;background:linear-gradient(90deg,transparent,var(--hud),transparent);box-shadow:var(--glow);animation:scanmove 1.05s linear infinite}@keyframes scanmove{0%{transform:translate(-120%)}to{transform:translate(360%)}}.scanpct{font-family:var(--font-mono);font-size:.78rem;color:var(--hud);letter-spacing:.18em}.avatar{position:relative;width:96px;height:96px;margin:6px auto 12px;display:grid;place-items:center}.avatar i.frame{position:absolute;inset:0;transform:rotate(45deg);border:2px solid var(--hud);box-shadow:var(--glow),inset 0 0 14px #5ab2ff66}.avatar .ph{width:60px;height:60px;border-radius:50%;overflow:hidden;z-index:1;border:1.5px solid rgba(169,220,255,.55);box-shadow:0 0 10px #5ab2ff73,inset 0 0 8px #060e1e99;background:#060e1e99}.avatar .ph img{width:100%;height:100%;object-fit:cover;display:block}.avatar svg{width:44px;height:44px;z-index:1;opacity:.85}.avatar.scanning:after{content:"";position:absolute;left:6%;right:6%;height:2px;background:var(--hud-bright);box-shadow:0 0 12px var(--hud);animation:avscan 1.1s ease-in-out infinite}@keyframes avscan{0%,to{top:8%;opacity:.2}50%{top:88%;opacity:1}}.pfhandle{font-family:var(--font-mono);font-size:1.12rem;color:var(--hud-bright);letter-spacing:.03em;text-shadow:0 0 10px rgba(90,178,255,.6);margin-bottom:4px;word-break:break-all}.pfname{font-size:.88rem;color:var(--ink-dim);margin-bottom:8px}.boot{width:min(94vw,520px);display:flex;flex-direction:column;gap:9px}.boot p{color:var(--ink-dim);font-size:.88rem;letter-spacing:.03em;opacity:0;transition:opacity .35s ease;word-break:break-word}.boot p.on{opacity:1}.boot p b{color:var(--green)}.boot .skip{margin-top:18px;align-self:flex-start;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;color:var(--ink-faint);padding:10px 0}.boot .skip:hover{color:var(--hud)}.rank-lbl{color:var(--ink-dim);text-align:center;letter-spacing:.3em;font-size:.72rem;font-family:var(--font-mono)}.rankbig{position:relative;width:122px;height:122px;margin:10px auto 14px;display:grid;place-items:center}.rankbig i{position:absolute;inset:0;transform:rotate(45deg);border:2.5px solid var(--rank-c-color, #8fb6e0);box-shadow:0 0 22px #5ab2ff8c,inset 0 0 22px #5ab2ff4d}.rankbig i.o{inset:-9px;opacity:.4}.rankbig b{position:relative;z-index:1;font-family:var(--font-display);font-weight:700;font-size:3.3rem;line-height:1;color:#e6f1ff;text-shadow:0 0 22px rgba(90,178,255,.85)}.rankbig.pop{animation:rankpop .75s var(--ease-pop) both}@keyframes rankpop{0%{opacity:0;transform:scale(.4) rotate(-10deg)}60%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.rankbig .wave{position:absolute;inset:-10px;border:2px solid var(--hud-bright);transform:rotate(45deg) scale(.4);opacity:0;pointer-events:none}.rankbig.pop .wave{animation:shock .9s ease-out .15s 1}@keyframes shock{0%{opacity:.9;transform:rotate(45deg) scale(.5)}to{opacity:0;transform:rotate(45deg) scale(2.2)}}.rankname{text-align:center;font-family:var(--font-display);font-weight:700;letter-spacing:.24em;font-size:1.1rem;color:#cfe4ff;text-shadow:0 0 14px rgba(90,178,255,.7)}.ladder{display:flex;justify-content:center;gap:6px;margin:16px 0 2px;flex-wrap:wrap}.ladder .r{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1.5px solid rgba(120,190,255,.3);font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--ink-dim)}.ladder .r.cur{border-color:#8fb6e0;color:#fff;box-shadow:0 0 14px #5ab2ff99}.ladder .r.top{border-color:var(--red);color:#ffd6dc;text-shadow:0 0 8px rgba(255,86,107,.6)}.ladder .r small{position:absolute;bottom:-15px;font-family:var(--font-ui);font-size:.52rem;letter-spacing:.06em;color:var(--ink-faint);white-space:nowrap}.summary{display:flex;flex-direction:column;gap:7px;margin:26px 0 2px;padding:12px 14px;background:#08122680;border:1px solid rgba(120,190,255,.25)}.summary>div{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.summary .k{color:var(--ink-dim)}.summary .v{color:var(--hud-bright);font-family:var(--font-mono);text-align:right;word-break:break-all}.summary .v.on{color:var(--green)}.summary .v.off{color:var(--ink-dim)}.goals-lbl{color:var(--green);text-align:center;font-family:var(--font-display);font-weight:700;letter-spacing:.3em;font-size:.92rem;text-shadow:0 0 12px rgba(55,245,160,.6);margin:8px 0 12px}.goal{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 2px;font-size:.93rem}.goal .n{color:var(--ink)}.goal .v{color:var(--hud-bright);font-family:var(--font-mono);white-space:nowrap;text-shadow:0 0 8px rgba(90,178,255,.5)}.caution{margin-top:16px;text-align:center;font-size:.8rem;line-height:1.5;color:var(--ink-dim)}.caution b{color:var(--red);text-shadow:0 0 10px rgba(255,86,107,.6);letter-spacing:.04em}.demo-badge{position:fixed;left:50%;bottom:calc(var(--safe-b) + 10px);transform:translate(-50%);z-index:20;padding:6px 12px;border:1px solid rgba(255,207,107,.5);background:#281e06b3;color:var(--amber);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;white-space:nowrap}.loader-full{min-height:100dvh;display:grid;place-items:center;color:var(--hud-dim);font-family:var(--font-mono);letter-spacing:.2em;font-size:.8rem}@media (max-width: 360px){.panel{padding:20px 16px}.phead h2{font-size:.92rem;letter-spacing:.16em}}@media (max-height: 520px){.stage{place-items:start center;padding-top:calc(var(--safe-t) + 56px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sys-grid,.sys-scan{display:none}}.cookie{position:fixed;left:50%;bottom:calc(var(--safe-b) + 12px);transform:translate(-50%);z-index:30;width:min(94vw,520px);display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(180deg,#142c5ad1,#091228e0);border:1px solid var(--hud-edge);box-shadow:var(--glow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));animation:cookiein .4s var(--ease-out) both}@keyframes cookiein{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.cookie p{flex:1;margin:0;font-size:.76rem;line-height:1.45;color:var(--ink-dim)}.cookie p strong{color:var(--hud-bright)}.cookie a{color:var(--hud);white-space:nowrap}.cookie button{flex:none;min-height:var(--tap);padding:0 18px;border:1.5px solid var(--hud);background:linear-gradient(180deg,#285aaa8c,#14326e8c);color:var(--hud-bright);font-family:var(--font-display);font-weight:700;letter-spacing:.1em;font-size:.82rem}.cookie button:active{transform:scale(.96)}@media (prefers-reduced-motion: reduce){.cookie{animation:none}}.cpn{position:fixed;left:calc(var(--safe-l) + 14px);bottom:calc(var(--safe-b) + 14px);z-index:25;display:flex;align-items:flex-end;gap:10px;pointer-events:none}.cpn-sprite{pointer-events:auto;position:relative;width:58px;height:58px;padding:0;border:0;background:none;cursor:pointer;animation:cpn-float 4.6s var(--ease-out) infinite;will-change:transform;transition:transform var(--t-fast) var(--ease-pop)}.cpn-sprite:active{transform:scale(.92)}.cpn-orb{position:absolute;inset:0;border-radius:50%;background:radial-gradient(120% 120% at 50% 25%,#1e3c7880,#080e1eeb);border:1.5px solid var(--hud-edge);box-shadow:var(--glow-sm),inset 0 0 12px #5ab2ff40;display:grid;place-items:center;overflow:hidden;animation:cpn-breathe 3.4s ease-in-out infinite}.cpn-k{font-family:Cinzel,Trajan Pro,Georgia,serif;font-weight:700;font-size:2rem;line-height:1;transform:translateY(1px);background:linear-gradient(100deg,#46a6ff,#5b8cff 24%,#8b6bff 52%,#c162e8 74%,#ff5f96);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px rgba(139,107,255,.5));animation:cpn-shimmer 7s ease-in-out infinite}.cpn-smoke{position:absolute;left:-6px;top:-14px;width:34px;height:34px;pointer-events:none;z-index:-1}.cpn-smoke i{position:absolute;inset:0;border-radius:50%;filter:blur(7px);mix-blend-mode:screen;opacity:0;background:radial-gradient(50% 50% at 50% 50%,rgba(120,200,255,.6),transparent 70%);will-change:transform,opacity;animation:cpn-wisp 6.5s ease-in-out infinite}.cpn-smoke i:nth-child(2){background:radial-gradient(50% 50% at 50% 50%,rgba(150,110,255,.5),transparent 70%);animation-duration:8.5s;animation-delay:1.4s}.cpn-sprite.reacts{animation:cpn-pop .5s var(--ease-pop) 1,cpn-float 4.6s var(--ease-out) infinite}.cpn-bubble-wrap{position:relative}.cpn-bubble{pointer-events:auto;max-width:min(66vw,264px);margin-bottom:8px;padding:10px 12px;background:var(--bg-panel);border:1px solid var(--hud-line);border-radius:12px;color:var(--ink);font-family:var(--font-ui);font-size:.82rem;line-height:1.4;box-shadow:var(--glow-sm);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));transform-origin:left bottom;animation:cpn-bubble-in .28s var(--ease-out) both}.cpn-bubble b{color:var(--hud-bright);font-family:var(--font-display);letter-spacing:.04em}.cpn-close{pointer-events:auto;position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:1px solid var(--hud-line);background:var(--bg-2);color:var(--ink-dim);font-size:.7rem;line-height:1;cursor:pointer;display:grid;place-items:center}@keyframes cpn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes cpn-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes cpn-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cpn-wisp{0%{transform:translateY(6px) scale(.7);opacity:0}30%{opacity:.8}to{transform:translate(-10px,-18px) scale(1.2);opacity:0}}@keyframes cpn-pop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-10px) scale(1.12)}to{transform:translateY(0) scale(1)}}@keyframes cpn-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}html.lite .cpn-sprite,html.lite .cpn-orb,html.lite .cpn-k{animation:none}html.lite .cpn-smoke{display:none}@media (prefers-reduced-motion: reduce){.cpn-sprite,.cpn-orb,.cpn-k,.cpn-sprite.reacts{animation:none!important}.cpn-smoke{display:none}.cpn-bubble{animation-duration:.01ms}}.pet-float{position:fixed;right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 14px);z-index:26;display:flex;flex-direction:column;align-items:flex-end;gap:8px;transition:transform 1.4s var(--ease-out)}.pet-float.visiting{transform:none}.pet-orb{width:58px;height:58px;padding:5px;border:1.5px solid rgba(185,140,255,.75);border-radius:50%;background:radial-gradient(120% 120% at 50% 20%,#3c286e80,#0a0c1ceb);box-shadow:0 0 16px #966eff80;cursor:pointer;animation:pet-pulse 3.6s ease-in-out infinite;will-change:transform;transition:transform var(--t-fast) var(--ease-pop)}.pet-orb:active{transform:scale(.92)}.pet-quip{max-width:min(72vw,250px);padding:9px 11px;border-radius:12px;border:1px solid rgba(185,140,255,.4);background:var(--bg-panel);box-shadow:var(--glow-sm);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));color:var(--ink);font-family:var(--font-ui);font-size:.82rem;line-height:1.35;animation:pet-in .26s var(--ease-out) both}.pet-quip-row{display:flex;gap:6px;align-items:center;margin-top:7px}.pet-quip-yes{flex:1;height:30px;border-radius:15px;border:1px solid rgba(185,140,255,.55);background:#966eff47;color:#f2edff;font-size:.78rem;cursor:pointer}.pet-quip-x{width:30px;height:30px;border-radius:8px;border:1px solid var(--hud-line);background:transparent;color:var(--ink-dim);cursor:pointer}.pet-av{width:100%;height:100%;display:block;overflow:visible}.pet-av-sm{flex:none;width:34px;height:34px}.pet-av-lg{display:block;width:112px;height:112px;margin:0 auto;filter:drop-shadow(0 0 14px rgba(150,110,255,.4))}.knight-eyes{filter:drop-shadow(0 0 3px rgba(127,233,255,.9));animation:pet-eyeglow 3.2s ease-in-out infinite}.pet-panel{position:fixed;right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 14px);z-index:60;width:min(340px,calc(100vw - 28px));height:min(66vh,540px);display:flex;flex-direction:column;border-radius:16px;border:1px solid rgba(185,140,255,.35);background:linear-gradient(180deg,#14122af5,#0a0c1af7);box-shadow:0 12px 40px #00000080,0 0 22px #966eff40;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));overflow:hidden;animation:pet-in .26s var(--ease-out) both}@media (max-width: 420px){.pet-panel{width:calc(100vw - 20px);right:10px;height:min(72vh,560px)}}.pet-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(185,140,255,.22);background:#966eff14}.pet-head-name{flex:1;font-family:var(--font-display);letter-spacing:.05em;color:var(--hud-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-x{flex:none;width:28px;height:28px;border-radius:8px;border:1px solid rgba(185,140,255,.3);background:transparent;color:var(--ink-dim);cursor:pointer}.pet-log{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.pet-msg{max-width:82%;padding:8px 11px;border-radius:13px;font-family:var(--font-ui);font-size:.86rem;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.pet-msg.assistant{align-self:flex-start;background:#5ab2ff1f;border:1px solid var(--hud-line);color:var(--ink);border-bottom-left-radius:4px}.pet-msg.user{align-self:flex-end;background:#966eff3d;border:1px solid rgba(185,140,255,.4);color:#f2edff;border-bottom-right-radius:4px}.pet-typing{display:flex;gap:5px;align-items:center}.pet-typing i{width:6px;height:6px;border-radius:50%;background:var(--hud);opacity:.4;animation:pet-dot 1.1s ease-in-out infinite}.pet-typing i:nth-child(2){animation-delay:.15s}.pet-typing i:nth-child(3){animation-delay:.3s}.pet-compose{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(185,140,255,.22)}.pet-input,.pet-name-input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:20px;border:1px solid rgba(185,140,255,.35);background:#080c1acc;color:var(--ink);font-family:var(--font-ui);font-size:16px}.pet-input:focus,.pet-name-input:focus{outline:none;border-color:#b98cffbf;box-shadow:0 0 10px #966eff66}.pet-send{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid rgba(185,140,255,.5);background:#966eff4d;color:#f2edff;cursor:pointer;transition:transform var(--t-fast) var(--ease-pop)}.pet-send:active{transform:scale(.9)}.pet-send:disabled{opacity:.4;cursor:default}.pet-foot{padding:0 12px 10px;font-size:.68rem;color:var(--ink-faint);text-align:center}.pet-setup{flex:1;display:flex;flex-direction:column;gap:14px;padding:20px 16px;justify-content:center;align-items:center;text-align:center}.pet-hatch{position:relative;width:120px;height:120px;margin:6px auto}.pet-hatch>div{position:absolute;inset:0}.ph-egg{animation:hatch-egg 2s ease forwards;transform-origin:50% 60%}.ph-flash{border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(200,170,255,.95),rgba(127,233,255,.4) 45%,transparent 70%);opacity:0;animation:hatch-flash 2s ease forwards}.ph-knight{opacity:0;transform-origin:50% 60%;animation:hatch-knight 2s ease forwards}.pet-name-intro{color:var(--ink-dim);font-family:var(--font-ui);font-size:.9rem;line-height:1.5;text-align:center}.pet-name-go{height:42px;border-radius:21px;border:1px solid rgba(185,140,255,.6);background:#966eff47;color:#f2edff;font-family:var(--font-display);letter-spacing:.06em;cursor:pointer}.pet-name-go:disabled{opacity:.4;cursor:default}@keyframes pet-pulse{0%,to{transform:translateY(0);box-shadow:0 0 14px #966eff73}50%{transform:translateY(-3px);box-shadow:0 0 20px #966eff99}}@keyframes pet-eyeglow{0%,to{opacity:.6}50%{opacity:1}}@keyframes hatch-egg{0%{transform:translate(0) rotate(0) scale(1);opacity:1}10%{transform:translate(-3px) rotate(-5deg)}20%{transform:translate(3px) rotate(5deg)}32%{transform:translate(-3px) rotate(-5deg)}44%{transform:translate(3px) rotate(5deg)}56%{transform:translate(0) scale(1.08)}64%{transform:scale(1.16);opacity:.9}72%{transform:scale(.35);opacity:0}to{opacity:0}}@keyframes hatch-flash{0%,56%{opacity:0;transform:scale(.6)}66%{opacity:.95;transform:scale(1.15)}82%,to{opacity:0;transform:scale(1.5)}}@keyframes hatch-knight{0%,62%{opacity:0;transform:scale(.4) translateY(10px)}78%{opacity:1;transform:scale(1.1) translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes pet-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes pet-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}html.lite .pet-orb,html.lite .knight-eyes,html.lite .ph-knight{animation:none}html.lite .pet-float{transition:none}html.lite .pet-float.visiting{transform:none}html.lite .ph-knight{opacity:1}html.lite .ph-egg,html.lite .ph-flash{display:none}html.lite .pet-panel{backdrop-filter:none;-webkit-backdrop-filter:none}@media (prefers-reduced-motion: reduce){.pet-orb,.knight-eyes,.ph-egg,.ph-flash,.ph-knight,.pet-typing i{animation:none!important}.pet-float{transition:none!important}.pet-float.visiting{transform:none!important}.ph-knight{opacity:1!important}.ph-egg,.ph-flash{display:none}.pet-panel{animation-duration:.01ms}}