@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-arabic-wght-normal-DiwT_uOQ.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-vietnamese-wght-normal-Do5Nl5oc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-ext-wght-normal-CsYMu49W.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-wght-normal--ekFhJJC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0B1A1E;--bg-2: #0F2328;--panel: #12282D;--panel-2: #17323A;--well: rgba(2, 10, 12, .32);--line: #21414A;--line-2: #2D5661;--ink: #E7F0EE;--ink-2: #A6BDB9;--ink-3: #6F8C88;--teal: #2E7565;--teal-2: #3A9480;--go: #4FD49C;--amber: #FFB23F;--alarm: #FF5A4C;--link: #8CC8FF;--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--font: "Readex Pro Variable", "Readex Pro", system-ui, "Segoe UI", Tahoma, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 420px at 50% -120px,rgba(46,117,101,.22),transparent 70%),var(--bg);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}::selection{background:#ffb23f59}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}h1,h2,h3,p{margin:0}code,.addr,time{font-family:var(--mono)}.muted{color:var(--ink-2)}.fine{color:var(--ink-3);font-size:.8125rem;line-height:1.6}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.center{justify-content:center}.row.end{justify-content:flex-end;margin-top:20px}.link{background:none;border:0;padding:0;color:var(--link);text-decoration:underline}.seg{--seg: var(--amber);--glow: rgba(255, 178, 63, .5);display:inline-block;height:1em;line-height:0}.seg svg{height:100%;width:auto;display:block;overflow:visible;filter:drop-shadow(0 0 6px var(--glow))}.seg .on{fill:var(--seg)}.seg .off{fill:var(--seg);opacity:.07}.seg-colon rect{fill:var(--seg)}.seg.go{--seg: var(--go);--glow: rgba(79, 212, 156, .45)}.seg.alarm{--seg: var(--alarm);--glow: rgba(255, 90, 76, .5)}.seg.dim{--seg: var(--ink-3);--glow: transparent}.seg.dim .on{opacity:.55}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:#0b1a1edb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:600;font-size:.9375rem}.brand-mark{width:12px;height:12px;border-radius:50%;flex:none;background:var(--amber);box-shadow:0 0 0 3px #ffb23f26,0 0 12px #ffb23fb3}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-mid{display:flex;justify-content:center}.topbar-end{display:flex;justify-content:flex-end;align-items:center;gap:6px}.icon-btn{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;color:var(--ink-2);transition:color .15s,border-color .15s,background .15s}.icon-btn:hover{color:var(--ink);border-color:var(--line-2);background:var(--panel)}.langswitch{display:flex;height:38px;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}.langswitch button{min-width:38px;padding:0 10px;border:0;background:transparent;color:var(--ink-3);font-weight:600;font-size:.875rem}.langswitch button.on{background:var(--panel-2);color:var(--ink)}.timer{position:relative;display:flex;align-items:center;padding:7px 14px;border-radius:var(--r-sm);background:var(--well);border:1px solid var(--line);box-shadow:inset 0 1px 6px #0006}.timer .seg{height:30px}.timer .seg-colon{animation:blink 1s steps(1) infinite}.timer.critical{border-color:#ff5a4c8c}.timer.critical .seg{--seg: var(--alarm);--glow: rgba(255, 90, 76, .6)}.timer.critical .seg-colon{animation-duration:.5s}@keyframes blink{50%{opacity:.15}}.penalty{position:absolute;inset-inline-start:calc(100% + 8px);top:50%;padding:2px 8px;border-radius:999px;white-space:nowrap;background:#ff5a4c24;border:1px solid rgba(255,90,76,.5);color:var(--alarm);font-weight:700;font-size:.9375rem;pointer-events:none;direction:ltr;unicode-bidi:isolate;animation:penalty 1.6s ease-out forwards}@keyframes penalty{0%{opacity:0;transform:translateY(-50%) scale(.7)}12%{opacity:1;transform:translateY(-50%) scale(1.12)}25%{transform:translateY(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-70%)}}.timer.hit{animation:hit .5s ease-out}@keyframes hit{0%,to{border-color:var(--line)}20%{border-color:var(--alarm);box-shadow:0 0 0 4px #ff5a4c33}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 18px;border-radius:var(--r-sm);border:1px solid transparent;font-weight:600;font-size:.9375rem;line-height:1.3;transition:background .15s,border-color .15s,transform .08s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--teal);border-color:var(--teal-2);color:#fff}.btn.primary:hover:not(:disabled){background:var(--teal-2)}.btn.ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--panel-2)}.btn.danger{background:#9b3027;border-color:#c2453a;color:#fff}.btn.danger:hover{background:#b23a30}.btn.small{min-height:36px;padding:6px 12px;font-size:.875rem}.btn.big{min-height:50px;padding:12px 26px;font-size:1.0625rem}.btn.wide{min-width:min(100%,280px)}.btn-note{font-weight:400;color:var(--ink-3);font-size:.8125rem}.screen{flex:1;width:100%}.screen.center{display:grid;place-items:center;min-height:100vh}.intro,.end{max-width:660px;margin:0 auto;padding:44px 16px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}.device{position:relative;padding:34px 34px 26px;border-radius:22px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-2);box-shadow:0 30px 80px -30px #000000b3,inset 0 0 0 6px #020a0c59}.device-led{position:absolute;top:13px;inset-inline-start:16px;width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber);animation:blink 1.6s steps(1) infinite}.device-led.go{background:var(--go);box-shadow:0 0 10px var(--go);animation:none}.device-led.alarm{background:var(--alarm);box-shadow:0 0 10px var(--alarm);animation-duration:.5s}.hero-seg{height:clamp(68px,17vw,124px)}.hero-seg.idle .seg-colon{animation:blink 1s steps(1) infinite}.screen.center .hero-seg{height:64px}.title{font-size:clamp(2rem,6.2vw,2.875rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}.title span{display:block;margin-top:4px;font-size:.5em;font-weight:300;color:var(--ink-2);letter-spacing:0}.story{max-width:56ch;color:var(--ink-2);font-size:1.0625rem;line-height:1.9}.facts{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.facts li{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:.9063rem;color:var(--ink-2)}.facts svg{color:var(--amber)}.start{width:100%;max-width:500px;display:grid;gap:8px;text-align:start}.start label{font-size:.875rem;color:var(--ink-2)}.start-row{display:flex;gap:8px}.start input,input[type=text]{flex:1;min-width:0;height:50px;padding:0 14px;background:var(--well);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:1rem}.start input::placeholder{color:var(--ink-3)}.start input:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #ffb23f26}.start.compact input{height:42px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:500px;margin:0}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 10px}.stats dt{font-size:.8125rem;color:var(--ink-3)}.stats dd{margin:2px 0 0;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.champion{color:var(--ink-2)}.champion b{color:var(--ink)}.human-check{min-height:65px;margin-top:12px}.board-scope{width:fit-content;margin-bottom:14px}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1180px;width:100%;margin:16px auto 0;padding:0 16px}.module{position:relative;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border-radius:var(--r-md);text-align:start;background:var(--panel);border:1px solid var(--line);color:var(--ink-2);transition:border-color .15s,background .15s}.module:hover:not(:disabled){border-color:var(--line-2)}.module:disabled{cursor:not-allowed;color:var(--ink-3)}.module.viewing{background:var(--panel-2);border-color:var(--line-2);color:var(--ink)}.module.viewing:after{content:"";position:absolute;inset-inline:14px;bottom:-1px;height:2px;border-radius:2px;background:var(--amber)}.module .led{width:10px;height:10px;border-radius:50%;flex:none;background:#2a434b;box-shadow:inset 0 1px 2px #00000080}.module.now .led{background:var(--amber);box-shadow:0 0 10px var(--amber);animation:blink 1.2s steps(1) infinite}.module.done .led{background:var(--go);box-shadow:0 0 8px #4fd49ccc}.module-n{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-3)}.module-name{font-weight:500;font-size:.9375rem;line-height:1.35;flex:1}.module-lock{color:var(--ink-3);flex:none}.module.done .module-lock{color:var(--go)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;max-width:1180px;width:100%;margin:0 auto;padding:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg)}.main-panel{padding:26px 28px 28px}.side{display:grid;gap:12px;position:sticky;top:76px}.code-panel,.status{padding:18px}.code-slots{display:flex;justify-content:center;gap:18px;margin:12px 0 10px;padding:14px 10px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--line)}.code-slots .seg{height:40px}.status{display:grid;gap:10px}.stat{display:flex;justify-content:space-between;align-items:center;color:var(--ink-2);font-size:.9375rem}.stat b{font-size:1.125rem;color:var(--ink);font-variant-numeric:tabular-nums}.stat b.bad{color:var(--alarm)}.bulbs{display:inline-flex;gap:4px;color:var(--ink-3)}.bulbs svg{opacity:.45}.bulbs svg.lit{color:var(--amber);opacity:1;filter:drop-shadow(0 0 4px rgba(255,178,63,.6))}.side-actions{display:flex;gap:8px;flex-wrap:wrap}.stage{display:grid;gap:24px}.stage-head{display:grid;gap:8px}.stage-head h1{font-size:1.625rem;font-weight:600;line-height:1.3}.lede{color:var(--ink-2);max-width:66ch}.sub{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;margin-bottom:12px}.step{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line-2);font-size:.8125rem;font-weight:700}.skeleton{height:240px;border-radius:var(--r-md);background:var(--panel-2);animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}.actions{display:flex;gap:10px;flex-wrap:wrap}.feedback{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-sm);font-size:.9375rem;line-height:1.6;background:var(--panel-2);color:var(--ink-2);border:1px solid var(--line)}.feedback svg{flex:none;margin-top:2px}.feedback.bad{color:#ffc2bc;background:#ff5a4c17;border-color:#ff5a4c66}.feedback.bad svg{color:var(--alarm)}.feedback.ok{color:var(--go)}.art{display:block;width:100%;max-width:112px;height:auto;overflow:visible;transition:transform .2s ease,filter .2s ease,opacity .2s}.art-shadow{fill:#00000061}.art-shell{fill:#22444c;stroke:#3a6874;stroke-width:1.2}.art-shell-2{fill:#2b5560;stroke:#3a6874;stroke-width:1}.art-metal{fill:#4c7a84}.art-screen{stroke:#081417;stroke-width:1}.art-screen-top{stop-color:#1f6458;transition:stop-color .2s}.art-screen-bottom{stop-color:#0c2b27;transition:stop-color .2s}.art-screen-line{fill:#8cc8ff52;stroke:#8cc8ff52;stroke-width:2.4;stroke-linecap:round}.art-glare{fill:#ffffff0f}.art-stroke-ink{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round}.art-accent{fill:var(--amber)}.art-keyhole{fill:#3a2606}.art-dim{fill:#e7f0ee59}.art-led{fill:var(--go);filter:drop-shadow(0 0 2px var(--go));animation:blink 2.4s steps(1) infinite}.art-sticky{fill:#e9c66a}.art-sticky-fold{fill:#c39c45}.art-tape{fill:#e7f0ee4d}.art-scribble{fill:none;stroke:#6b4f12;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.art-scribble.thin{stroke-width:1.4;opacity:.65}.art-strap{fill:none;stroke:var(--teal-2);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.art-lanyard{fill:var(--teal-2)}.art-lanyard-stitch{fill:none;stroke:#e7f0ee59;stroke-width:.8;stroke-dasharray:2 2}.art-card{fill:#dce7e4}.art-card-band{fill:var(--teal)}.art-card-slot,.art-cavity{fill:#0a181b}.art-photo{fill:#a9bfba}.art-person{fill:#5e7c77}.art-text{fill:#4e6a66}.art-text.dim{opacity:.55}.art-barcode rect{fill:#24363a}.art-cal-band{fill:var(--teal-2)}.art-cal-cell{fill:#bfcfcb}.art-ring{fill:none;stroke:#ffb23fb3;stroke-width:1.6}.art-label{fill:#dce7e4;opacity:.75}.art-paper{fill:#e7efec}.art-lens{fill:#0a181b;stroke:#4c7a84;stroke-width:1.5}.art-lens-glass{fill:#1f6458}.art-glint{fill:#ffffffb3}.art-sticker{fill:#dce7e4}.art-sticker-q{font:700 13px var(--font);fill:#24363a}.scene{display:grid;place-items:center}.scene .art{width:min(280px,100%);max-width:none}.art-row{fill:#e7f0ee0f}.art-row-env{fill:#dce7e4;opacity:.8}.art-row-flap{fill:none;stroke:#4e6a66;stroke-width:1}.art-screen-line.dim{opacity:.55}.art-line{fill:none;stroke:#e7f0ee80;stroke-width:1.2}.art-hook{fill:none;stroke:#b9c9c5;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.art-hooked{transform-box:view-box;transform-origin:176px 0;animation:dangle 3.4s ease-in-out infinite}@keyframes dangle{50%{transform:rotate(3deg)}}.art-env{fill:#dce7e4}.art-env-back{fill:#a9bfba}.art-env-flap{fill:none;stroke:#8fa6a1;stroke-width:1.4;stroke-linejoin:round}.art-env-ink{fill:none;stroke:#6f8c88;stroke-width:1.6;stroke-linecap:round}.art-env-seal{fill:var(--teal-2)}.art-envelope{width:40px;max-width:40px;flex:none}.art-panel{fill:#183238;stroke:#3a6874;stroke-width:1}.art-light{fill:#20383e;stroke:#3a6874;stroke-width:.8;transition:fill .3s,filter .3s}.art-light.on{fill:var(--go);filter:drop-shadow(0 0 3px var(--go))}.art-door{fill:#22444c;stroke:#4c7a84;stroke-width:3}.art-door-ring{fill:none;stroke:#2e5a63;stroke-width:6;transition:stroke .3s}.art-vault.ready .art-door-ring{stroke:#4fd49c73}.art-spoke{fill:none;stroke:#6e9aa3;stroke-width:4;stroke-linecap:round}.art-hub{fill:#2b5560}.art-hinge{fill:#4c7a84}.art-keypad-screen{fill:#ffb23f38}.art-vault.ready .art-keypad-screen{fill:#4fd49c4d}.art-key{fill:#2b5560}.obj:hover .art,.netdev:hover .art{transform:translateY(-3px)}.obj.active .art,.netdev.on .art{filter:drop-shadow(0 0 12px rgba(255,178,63,.32))}.obj.active .art-screen-top,.netdev.on .art-screen-top{stop-color:#6a4a12}.obj.active .art-screen-bottom,.netdev.on .art-screen-bottom{stop-color:#2a1d07}.obj.seen:not(.active) .art{opacity:.7}.objects{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px}.obj{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;padding:14px 8px 12px;border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);color:var(--ink);font-size:.9375rem;line-height:1.35;transition:border-color .15s,background .15s}.obj svg{color:var(--ink-2);transition:color .15s}.obj:hover{border-color:var(--line-2)}.obj:hover svg{color:var(--amber)}.obj.active{border-color:var(--amber);background:#ffb23f0f}.obj.active svg{color:var(--amber)}.obj-check{position:absolute;top:8px;inset-inline-end:8px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--go);color:#062018}.notebook{padding:16px 18px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--line)}.notebook ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.notebook li{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:8px;line-height:1.7}.notebook li svg{flex:none;margin-top:5px;color:var(--ink-3)}.notebook li.fresh{background:#ffb23f14}.notebook li.fresh svg{color:var(--amber)}.lockpad{display:grid;gap:14px;padding:18px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--line)}.lockpad.big{justify-items:center;padding:24px 18px}.lockpad-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink-2);font-size:.9375rem}.lockpad-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.digits{display:flex;gap:14px;justify-content:center}.digit-group{display:flex;gap:6px}.digit{width:52px;height:64px;text-align:center;padding:0;font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--amber);caret-color:var(--amber);background:#081619;border:1px solid var(--line-2);border-radius:var(--r-sm)}.digit:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px #ffb23f2e}.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97)}.shake .digit{border-color:var(--alarm)}@keyframes shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(5px)}45%,55%{transform:translate(-7px)}}.hints{display:grid;gap:10px;justify-items:start}.hint{display:flex;gap:10px;align-items:flex-start;width:100%;padding:12px 14px;border-radius:var(--r-sm);line-height:1.7;background:#ffb23f12;border:1px solid rgba(255,178,63,.3)}.hint svg{flex:none;margin-top:4px;color:var(--amber)}.inbox{display:grid;gap:8px}.mail{border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);overflow:hidden;transition:border-color .15s}.mail.on{border-color:var(--line-2)}.mail-row{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:0;text-align:start}.mail-row:hover{background:#ffffff05}.radio{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--line-2)}.mail.on .radio{border-color:var(--amber);box-shadow:inset 0 0 0 3px var(--panel-2),inset 0 0 0 9px var(--amber)}.mail-meta{display:grid;gap:2px;min-width:0}.mail-meta b{font-weight:600}.addr{font-size:.8125rem;color:var(--ink-3);overflow-wrap:anywhere;text-align:start}.mail-body{display:grid;gap:12px;padding:14px 16px 16px;border-top:1px solid var(--line);background:var(--well)}.mail-link{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.fake-link{display:inline-flex;align-items:center;gap:6px;color:var(--link);text-decoration:underline;text-underline-offset:3px;font-family:var(--mono);font-size:.875rem}.link-target{display:grid;gap:4px;padding:10px 12px;border-radius:var(--r-sm);background:#ffb23f12;border:1px solid rgba(255,178,63,.3);font-size:.9375rem}.link-target code{color:var(--amber);overflow-wrap:anywhere}.link-target small{color:var(--ink-3);font-size:.8125rem}.signs{display:grid;gap:8px}.sign{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;transition:border-color .15s,background .15s}.sign:hover{border-color:var(--line-2)}.sign input{position:absolute;opacity:0;width:1px;height:1px}.sign .box{width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:6px;border:2px solid var(--line-2);color:transparent}.sign.on{border-color:var(--line-2);background:#2e756524}.sign.on .box{background:var(--teal-2);border-color:var(--teal-2);color:#fff}.sign input:focus-visible+.box{outline:2px solid var(--amber);outline-offset:2px}.log{list-style:none;margin:0;padding:4px 0;border-radius:var(--r-md);background:var(--well);border:1px solid var(--line)}.log li{display:grid;grid-template-columns:64px 170px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 16px;font-size:.9375rem}.log li+li{border-top:1px solid rgba(33,65,74,.6)}.log time{color:var(--amber);font-weight:500;text-align:start}.log-dev{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:.875rem}.log-dev svg{flex:none;align-self:center}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.netdev{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 12px;border-radius:var(--r-md);background:var(--panel-2);border:1px solid var(--line);text-align:center;transition:border-color .15s,background .15s}.netdev code{font-size:.75rem;color:var(--ink-3)}.netdev:hover{border-color:var(--line-2)}.netdev.on{border-color:var(--amber);background:#ffb23f0f}.frags{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.frag{display:grid;justify-items:center;gap:8px;padding:16px 8px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--line);text-align:center}.frag .seg{height:46px}.frag span{font-size:.8125rem;color:var(--ink-3);line-height:1.4}.solved{display:grid;gap:16px;justify-items:start;padding:22px;border-radius:var(--r-lg);background:#4fd49c0f;border:1px solid rgba(79,212,156,.32)}.solved-top{display:flex;align-items:center;gap:18px}.solved-frag{padding:12px 16px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--line)}.solved-frag .seg{height:48px}.solved h2{font-size:1.25rem;font-weight:600;color:var(--go)}.debrief{line-height:1.85;max-width:66ch}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#030a0cb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .15s ease-out}.modal{width:100%;max-width:520px;max-height:88vh;overflow:auto;padding:20px 24px 24px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 40px 100px -30px #000c;animation:pop .18s ease-out}.modal.wide{max-width:640px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.modal-head h2{font-size:1.25rem;font-weight:600}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}.howto{list-style:none;padding:0;margin:0;display:grid}.howto li{display:flex;gap:14px;padding:12px 0}.howto li+li{border-top:1px solid var(--line)}.howto-ic{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--panel-2);color:var(--amber)}.howto p{color:var(--ink-2);margin-top:2px;font-size:.9375rem}.board-wrap{overflow-x:auto;margin:0 -4px 12px}.board{width:100%;border-collapse:collapse;font-size:.9375rem}.board th{padding:8px;color:var(--ink-3);font-weight:500;font-size:.8125rem;border-bottom:1px solid var(--line-2)}.board td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:center}.board .name{text-align:start;overflow-wrap:anywhere}.board .num{font-variant-numeric:tabular-nums}.board .rank{font-weight:700;color:var(--ink-3)}.board .top1 .rank{color:var(--amber)}.board .top2 .rank{color:#c9d6d3}.board .top3 .rank{color:#d08a57}.empty{display:grid;justify-items:center;gap:10px;padding:24px 0;color:var(--ink-2);text-align:center}.empty svg{color:var(--amber)}.footer{margin-top:auto;padding:28px 16px 24px;text-align:center;color:var(--ink-3);font-size:.8125rem}@media (max-width: 960px){.layout{grid-template-columns:1fr}.side{position:static;grid-template-columns:1fr 1fr}.side-actions{grid-column:1 / -1}}@media (max-width: 640px){.topbar{grid-template-columns:auto 1fr auto;gap:8px;padding-inline:12px}.brand-name{display:none}.timer{padding:6px 10px}.timer .seg{height:26px}.topbar-end{gap:4px}.icon-btn{width:34px;height:34px}.langswitch{height:34px}.langswitch button{min-width:32px;padding:0 8px}.modules{gap:6px;padding:0 12px;margin-top:12px}.module{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;text-align:center;min-height:64px}.module-n{display:none}.module-name{font-size:.75rem;flex:none}.module-lock{display:none}.layout{padding:12px;gap:12px}.main-panel{padding:20px 16px}.side{grid-template-columns:1fr}.stage-head h1{font-size:1.375rem}.log li{grid-template-columns:auto 1fr;gap:2px 12px}.log-text{grid-column:1 / -1}.digit{width:44px;height:56px;font-size:1.5rem}.digits{gap:10px}.digit-group{gap:4px}.lockpad-row{justify-content:center}.start-row{flex-direction:column}.start-row input{flex:none}.stats dd{font-size:1.25rem}.intro,.end{padding-top:32px;gap:18px}.device{padding:20px 22px}.solved-top{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
