@font-face{font-family:Workshop Sans;src:url(/fonts/sans-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Workshop Sans;src:url(/fonts/sans-semibold.woff2) format("woff2");font-weight:500 600;font-display:swap}@font-face{font-family:Workshop Sans;src:url(/fonts/sans-bold.woff2) format("woff2");font-weight:650 900;font-display:swap}@font-face{font-family:Workshop Mono;src:url(/fonts/mono.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Workshop Play;src:url(/fonts/nunito-cyrillic.woff2) format("woff2");font-weight:600 1000;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Workshop Play;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");font-weight:600 1000;font-display:swap;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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Workshop Play;src:url(/fonts/nunito-latin.woff2) format("woff2");font-weight:600 1000;font-display:swap;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{--sans: "Workshop Sans", "Segoe UI", system-ui, sans-serif;--mono: "Workshop Mono", "SFMono-Regular", ui-monospace, Consolas, monospace;--bg: #171d21;--panel: #1f272d;--raised: #29333b;--line: #333f48;--line-strong: #485762;--text: #eef1f3;--muted: #a4afb7;--accent: #82c54a;--accent-text: #0d1706;--btn: #65a637;--soft: #1f2e24;--success: #82c54a;--warning: #f3b24d;--danger: #ff7b6b;--info: #6db6ff;--code: #11161a;--nav: #0e1215;--syn-cmd: #ffa94d;--syn-fn: #6db6ff;--syn-str: #a4dd74;--syn-num: #d4a5ff;--syn-pipe: #ff7f6e;--syn-kw: #8fa0ab;--syn-field: #eef1f3;font-family:var(--sans);color:var(--text);background:var(--bg);color-scheme:dark;line-height:1.6;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--accent-text)}p{margin:0 0 1.1rem;max-width:74ch}p,li,legend,summary,h1,h2,h3,label{overflow-wrap:anywhere}h1,h2,h3{line-height:1.2;letter-spacing:-.015em;margin:0 0 1rem;font-weight:650}h1{font-size:clamp(2rem,3.8vw,3.1rem);letter-spacing:-.03em}h2{font-size:1.45rem}h3{font-size:1.1rem}svg{flex-shrink:0;vertical-align:middle}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600}label{display:block;font-size:.85rem;font-weight:500;margin:0 0 1.1rem}input:not([type=radio]):not([type=checkbox]),textarea,select{display:block;width:100%;color:var(--text);background:var(--code);border:1px solid var(--line-strong);border-radius:2px;padding:.7rem .85rem;margin-top:.4rem;min-width:0;font-size:.88rem}input:not([type=radio]):not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}::placeholder{color:var(--muted);opacity:.7}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}textarea{resize:vertical}select{padding-right:2rem}kbd{font-size:.72rem;border:1px solid var(--line-strong);border-bottom-width:2px;padding:1px 6px;border-radius:3px;color:var(--muted)}.muted{color:var(--muted);font-size:.88rem}.split{display:flex;align-items:center;justify-content:space-between;gap:16px}.split h2,.split h3{margin-bottom:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:99;background:var(--accent);color:var(--accent-text);padding:12px}.skip-link:focus{top:10px}.site-header{height:64px;padding:0 max(5%,16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:2rem;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.brand-mark{color:var(--accent);display:inline-flex}.brand-cursor{display:inline-block;width:.55em;height:1.05em;background:var(--accent);margin-left:3px;vertical-align:-.18em;animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.brand-light{font-weight:400;color:var(--muted)}.site-header nav{display:flex;gap:.4rem;margin-left:auto;align-items:center;font-size:.8rem}.site-header nav a{color:var(--muted);padding:8px 12px;border-radius:2px}.site-header nav a:hover{color:var(--text);background:var(--raised)}.site-header nav a.active{color:var(--accent)}.site-header nav a.active:before{content:"> "}.site-header nav .join-nav{color:var(--accent);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong)}.site-header nav .join-nav:hover{border-color:var(--accent)}.small-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 0 var(--accent);animation:ping 2.2s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}80%,to{box-shadow:0 0 0 7px transparent}}.unused-theme-toggle{background:transparent;border:1px solid var(--line);border-radius:2px;padding:7px;color:var(--muted);display:grid;place-items:center}.unused-theme-toggle:hover{color:var(--text);border-color:var(--line-strong)}.site-main{width:min(1240px,90%);margin:0 auto;min-height:calc(100vh - 220px)}.site-footer{border-top:1px solid var(--line);padding:28px max(5%,16px);margin-top:70px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);gap:20px;font-size:.78rem}.site-footer strong{color:var(--text);font-weight:600}.site-footer p{margin:6px 0 0;font-family:var(--sans)}.site-footer a{display:flex;align-items:center;gap:6px;white-space:nowrap}.site-footer a:hover{color:var(--accent)}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:2px;border:1px solid transparent;padding:10px 18px;font-size:.82rem;font-weight:600;line-height:1.5;text-align:center;transition:transform .08s,background .15s,border-color .15s}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);color:var(--accent-text)}.button.primary:hover:not(:disabled){filter:brightness(1.1)}.button.secondary{border-color:var(--line-strong);background:transparent;color:var(--text)}.button.secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.button.danger{border-color:var(--danger);background:none;color:var(--danger)}.button.small{padding:6px 12px;font-size:.75rem}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--accent);background:transparent;border:0;padding:4px 0;font-size:.8rem;font-weight:500}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.badge{font-size:.68rem;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line-strong);color:var(--muted);padding:2px 8px;border-radius:2px}.badge.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 50%,transparent)}.badge.Easy{color:var(--success)}.badge.Medium{color:var(--warning)}.badge.Hard{color:var(--danger)}.kicker{font-size:.74rem;color:var(--accent);margin:0 0 14px;display:flex;align-items:center;gap:10px}.kicker:before{content:"//";color:var(--muted)}.kicker svg{display:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 22px}.section-heading h2{margin:0 0 6px}.section-heading p{margin:0;font-size:.9rem;color:var(--muted)}.page-heading{padding:64px 0 34px;border-bottom:1px solid var(--line);margin-bottom:36px}.page-heading h1{font-size:clamp(1.9rem,3.3vw,3rem);margin-bottom:12px}.page-heading p{color:var(--muted);font-size:1.02rem;margin:0}.hero{padding:76px 0 64px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero h1{margin-bottom:22px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lede{font-size:1.1rem;color:var(--muted);max-width:46ch;margin-bottom:30px}.hero-meta{margin-top:34px;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:.74rem;color:var(--muted)}.hero-meta span:before{content:"✓ ";color:var(--accent)}.term{background:var(--code);border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;color:#dbe5df}.term-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-bottom:1px solid #1f2a24;font-size:.7rem;color:#7f9188}.term pre{margin:0;padding:20px 18px;font-size:.86rem;line-height:1.9;overflow:auto}.term-out{border-top:1px dashed #26342c;padding:14px 18px 18px;font-size:.8rem}.term-out table{color:#dbe5df}.term-out th{color:#7f9188;border-bottom-color:#26342c}.term-out td{border-bottom-color:#1b2620}.term-out .meter{background:var(--syn-cmd)}.term-note{margin:12px 0 0;font-size:.72rem;color:#7f9188}.meter{height:6px;display:block;background:var(--accent)}.code{background:var(--code);color:#dbe5df;border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;margin:18px 0}.code-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f2a24;padding:7px 14px;color:#7f9188;font-size:.68rem}.code-bar>div{display:flex;gap:16px}.code-bar button,.code-bar a{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#7f9188;padding:0;font:inherit;text-transform:none;letter-spacing:0}.code-bar button:hover,.code-bar a:hover{color:var(--syn-cmd)}.code pre{margin:0;padding:18px;overflow:auto;font-size:.85rem;line-height:1.85;tab-size:2}.tk-cmd{color:var(--syn-cmd);font-weight:600}.tk-fn{color:var(--syn-fn)}.tk-kw{color:var(--syn-kw)}.tk-str{color:var(--syn-str)}.tk-num{color:var(--syn-num)}.tk-pipe{color:var(--syn-pipe);font-weight:700}.tk-com{color:#5c6e64;font-style:italic}.tk-field{color:var(--syn-field)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:3px;margin:16px 0;background:var(--panel)}table{border-collapse:collapse;width:100%;font-size:.8rem;text-align:left}th{font-weight:600;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line-strong);white-space:nowrap;background:var(--raised);position:sticky;top:0}td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:top;max-width:480px}td.num{text-align:right;color:var(--syn-num)}td.time{color:var(--muted);white-space:nowrap}td.raw{color:var(--muted)}td .mv{display:block}td .null{color:var(--muted);opacity:.5}tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,transparent)}tbody tr:last-child td{border-bottom:0}.course-section{padding-top:56px}.index-list{border-top:1px solid var(--line-strong)}.index-row{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.6fr) 150px 70px 24px;align-items:center;gap:18px;padding:20px 8px;border-bottom:1px solid var(--line);transition:background .12s,padding .12s}.index-row:hover{background:var(--soft);padding-left:16px}.index-row:hover .index-arrow{color:var(--accent);transform:translate(3px)}.index-num{color:var(--muted);font-size:.9rem}.index-title{font-weight:600;font-size:1.02rem;letter-spacing:-.02em}.index-desc{color:var(--muted);font-size:.86rem;line-height:1.5}.index-cmds{font-size:.7rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:3px 8px}.index-time{font-size:.74rem;color:var(--muted);text-align:right}.index-arrow{color:var(--muted);transition:transform .12s,color .12s}.index-row.is-done .index-num{color:var(--accent)}.index-row.is-done .index-title:after{content:" ✓";color:var(--accent)}.progress-bar{height:3px;background:var(--line);border-radius:0;overflow:hidden}.progress-bar>span{display:block;height:100%;background:var(--accent);transition:width .3s}.progress-line{display:flex;align-items:center;gap:14px;font-size:.74rem;color:var(--muted);margin:0 0 22px}.progress-line .progress-bar{flex:1;max-width:320px}.band{display:flex;align-items:center;gap:24px;border:1px solid var(--line-strong);border-left:3px solid var(--accent);background:var(--soft);padding:22px 26px;margin:0}.band h2{font-size:1.15rem;margin-bottom:4px}.band p{margin:0;font-size:.86rem;color:var(--muted)}.band .button{margin-left:auto;flex-shrink:0}.band+.band{margin-top:14px;border-left-color:var(--syn-fn);background:transparent}.lesson-layout{display:grid;grid-template-columns:240px minmax(0,780px);gap:64px;padding:38px 0}.lesson-sidebar{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:8px}.lesson-sidebar>h3{font-size:1.02rem;margin:6px 0 0}.lesson-sidebar>.muted{margin:20px 0 4px;font-size:.72rem}.lesson-sidebar nav{display:flex;flex-direction:column;border-left:1px solid var(--line);margin:20px 0}.lesson-sidebar nav a{padding:6px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:.78rem;color:var(--muted);line-height:1.4}.lesson-sidebar nav a:hover{color:var(--text)}.lesson-sidebar nav a.is-active{color:var(--accent);border-left-color:var(--accent);background:linear-gradient(90deg,var(--soft),transparent)}.lesson-sidebar .button{width:100%;font-size:.74rem}.lesson-heading{padding:8px 0 28px}.lesson-heading h1{font-size:clamp(2.1rem,3.6vw,3.2rem)}.lesson-heading>p{font-size:1.08rem;color:var(--muted)}.lesson-heading .kicker span{color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips code{font-size:.72rem;color:var(--accent);border:1px solid var(--line-strong);padding:2px 8px;border-radius:2px}.objectives{border:1px solid var(--line);border-radius:3px;padding:22px 26px;background:var(--panel)}.objectives h2{font-size:1.05rem}.objectives ul{list-style:none;padding:0;margin:0}.objectives li{padding:5px 0 5px 26px;font-size:.92rem;color:var(--muted);position:relative}.objectives li:before{content:"▸";position:absolute;left:4px;color:var(--accent)}.concept{padding-top:50px;scroll-margin-top:84px}.concept>h2{font-size:1.5rem;display:flex;gap:12px;align-items:baseline}.concept>h2 .sec-no{color:var(--accent);font-size:.8rem}.concept>p{font-size:1rem;line-height:1.85;color:color-mix(in srgb,var(--text) 82%,var(--muted))}.example p{font-size:.88rem;color:var(--muted)}details{border:1px solid var(--line);border-radius:3px;padding:11px 16px;margin:14px 0;font-size:.86rem}details[open]{background:var(--panel)}summary{cursor:pointer;color:var(--accent);font-size:.8rem}details p{margin:12px 0 2px}.flow-diagram{list-style:none;display:flex;flex-wrap:wrap;padding:0;gap:8px;margin:22px 0}.flow-diagram li{display:flex;align-items:center;gap:12px;border:1px solid var(--line-strong);padding:8px 14px;font-size:.8rem;color:var(--accent);background:var(--soft)}.flow-diagram li svg{color:var(--muted)}.quiz{padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-radius:3px;margin:18px 0}.quiz legend{float:left;width:100%;margin-bottom:14px;line-height:1.6}.quiz legend+.options,.quiz legend+p{clear:both}.options{display:grid;gap:8px;margin:16px 0 20px}.options label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.9rem;background:var(--bg);border:1px solid var(--line);padding:11px 14px;border-radius:2px;margin:0;overflow-wrap:anywhere;font-weight:400}.options label:hover{border-color:var(--line-strong)}.options label.selected{border-color:var(--accent);background:var(--soft)}.feedback{padding:13px 16px;border-radius:2px;margin:16px 0 0;line-height:1.65;font-size:.88rem;border:1px solid var(--line);border-left-width:3px}.feedback.success{border-left-color:var(--success);color:var(--text)}.feedback.success strong{color:var(--success)}.feedback.retry{border-left-color:var(--warning)}.feedback.retry strong{color:var(--warning)}.error{color:var(--danger);padding:10px 0;overflow-wrap:anywhere;font-size:.88rem}.hint{background:var(--soft);border-left:3px solid var(--warning);padding:12px 16px;font-size:.88rem;margin:14px 0}.exercise{background:var(--panel);border:1px solid var(--line);border-radius:3px;padding:22px 24px;margin:16px 0}.exercise.is-solved{border-color:color-mix(in srgb,var(--success) 55%,var(--line))}.exercise>.split{margin-bottom:14px}.exercise>p{font-size:.9rem;color:var(--muted)}.exercise form{margin-top:18px}.exercise .code pre{font-size:.78rem}.takeaway{margin-top:48px;padding:26px 28px;border:1px solid var(--line-strong);border-left:3px solid var(--accent);background:var(--soft)}.takeaway h2{font-size:1.2rem}.takeaway p{color:var(--muted)}.lesson-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;font-size:.82rem;flex-wrap:wrap}.complete-bar{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.console{border:1px solid var(--line-strong);border-radius:3px;background:var(--panel);margin-bottom:44px}.console-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.console-head h2{font-size:.95rem;margin:0}.console-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px}.console-main{min-width:0;padding:18px}.console-side{border-left:1px solid var(--line);padding:16px 18px;font-size:.8rem;background:var(--bg);max-height:760px;overflow:auto}.console-side h3{font-size:.7rem;color:var(--muted);margin:0 0 8px}.console-side h3:not(:first-child){margin-top:22px}.console-side ul{list-style:none;margin:0;padding:0}.console-side li button{width:100%;text-align:left;background:none;border:0;color:var(--text);padding:4px 0;font-size:.74rem;display:flex;justify-content:space-between;gap:8px}.console-side li button:hover{color:var(--accent)}.console-side li small{color:var(--muted)}.cmd-pill{display:inline-block;margin:0 4px 5px 0;font-size:.7rem;padding:1px 6px;border:1px solid var(--line-strong);color:var(--accent)}.editor-box{position:relative;background:var(--code);border:1px solid var(--line-strong);border-radius:2px;display:grid;grid-template-columns:38px minmax(0,1fr);font-size:.88rem;line-height:1.75}.editor-box:focus-within{border-color:var(--accent)}.editor-gutter{padding:12px 0;text-align:right;color:#4d5f55;border-right:1px solid #1c2721;-webkit-user-select:none;user-select:none;overflow:hidden}.editor-gutter div{padding-right:10px}.editor-stack{position:relative;min-width:0}.editor-stack pre,.editor-stack textarea{margin:0;padding:12px 14px;border:0;font:inherit;line-height:inherit;white-space:pre;tab-size:2;letter-spacing:0}.editor-stack pre{position:absolute;inset:0;overflow:hidden;pointer-events:none;color:#dbe5df}.editor-stack textarea{position:relative;display:block;width:100%;margin:0;background:transparent!important;color:transparent!important;caret-color:var(--accent);resize:none;overflow:auto;outline:none;border-radius:0;min-height:138px}.editor-stack textarea::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:transparent}.console-actions{display:flex;align-items:center;gap:14px;margin:14px 0 0;flex-wrap:wrap}.console-actions .spacer{flex:1}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}.chip-row button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);padding:3px 10px;font-size:.72rem;border-radius:2px}.chip-row button:hover{color:var(--accent);border-color:var(--accent)}.result-meta{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.74rem;color:var(--muted);margin:22px 0 8px}.result-meta strong{color:var(--text)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-top:8px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 14px;font-size:.78rem;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--text)}.timeline{display:flex;align-items:flex-end;gap:2px;height:70px;margin:16px 0 6px;border-bottom:1px solid var(--line-strong)}.timeline span{flex:1;background:var(--accent);opacity:.8;min-height:2px}.timeline span:hover{opacity:1}.timeline-axis{display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted);margin-bottom:14px}.result-pane{max-height:520px;overflow:auto;border:1px solid var(--line);margin-top:12px;background:var(--panel)}.result-pane .table-wrap{border:0;margin:0;overflow:visible}.result-pane pre{margin:0;padding:14px 16px;font-size:.76rem;line-height:1.6;overflow:auto}.empty-state{padding:34px 20px;text-align:center;color:var(--muted);font-size:.82rem}.chart-bars{padding:18px 18px 10px;display:grid;gap:8px}.chart-bars div{display:grid;grid-template-columns:150px 1fr 70px;gap:12px;align-items:center;font-size:.76rem}.chart-bars b{height:14px;background:var(--accent);display:block;opacity:.85}.chart-bars span:last-child{text-align:right;color:var(--syn-num)}.chart-bars span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.practice-grid>*,.cheat,.exercise,.console-main{min-width:0}.exercise-source{font-size:.72rem;color:var(--accent)}.practice-grid .exercise{margin:6px 0;height:calc(100% - 26px)}.filters{display:flex;gap:12px}.filters label{margin:0;font-size:.72rem;color:var(--muted)}.filters select{font-size:.78rem;padding:7px 10px}.cheat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px}.cheat{border:1px solid var(--line);background:var(--panel);padding:18px 20px}.cheat h3{font-size:.98rem;color:var(--accent);margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.cheat h3 small{font-size:.66rem;color:var(--muted);font-weight:400}.cheat p{font-size:.84rem;color:var(--muted);margin:0 0 12px}.cheat .code{margin:0}.cheat .code pre{padding:12px 14px;font-size:.78rem;line-height:1.7}.search-input{max-width:420px;margin-bottom:22px}.panel{background:var(--panel);border:1px solid var(--line);padding:26px;border-radius:3px;margin-bottom:22px}.panel h2{display:flex;align-items:center;gap:10px;font-size:1.15rem}.panel p{font-size:.86rem;color:var(--muted)}.panel .split{margin-bottom:22px}.join-panel{width:min(460px,100%);margin:70px auto 90px;background:var(--panel);padding:36px;border:1px solid var(--line-strong);border-radius:3px;position:relative}.join-panel:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:var(--accent)}.join-panel h1{font-size:2.2rem;margin:14px 0 16px}.join-panel>p{font-size:.9rem;color:var(--muted)}.join-panel form{margin-top:26px}.join-panel form>.button{width:100%;margin-top:8px}.join-icon{display:inline-grid;place-items:center;color:var(--accent);margin-bottom:8px}.room-input{font-size:1.1rem!important}.join-reassurance{display:flex;justify-content:center;align-items:center;gap:9px;font-size:.72rem;color:var(--muted);margin-top:22px}.join-panel>p:last-child{margin:22px 0 0;font-size:.8rem}.join-panel a{color:var(--accent)}.instructor-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.challenge-picker{margin:22px 0}.challenge-picker>div{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:2px;margin-bottom:8px;padding:12px 14px}.challenge-picker>div.chosen{border-color:var(--accent);background:var(--soft)}.challenge-picker label{display:flex;gap:12px;align-items:center;margin:0;flex:1;cursor:pointer}.challenge-picker strong{display:block;font-size:.86rem}.challenge-picker small{color:var(--muted)}.selected-rounds{padding-left:22px;font-size:.8rem;color:var(--muted)}.room-link{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);color:var(--accent);font-size:.84rem}.numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-backdrop{position:fixed;inset:0;background:#020504d9;display:flex;justify-content:center;align-items:flex-start;overflow:auto;z-index:30;padding:35px 20px}.editor{width:min(700px,100%);background:var(--panel);border:1px solid var(--line-strong);border-radius:3px;padding:28px}.editor form{margin-top:22px}.empty{padding:100px 0;text-align:center}.empty p{margin:18px auto;color:var(--muted)}.empty svg{color:var(--accent)}.empty h1{font-size:2rem}.arena{padding-top:36px}.arena-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.arena-header h1{font-size:1.9rem;margin:0}.arena-header .kicker{margin-bottom:10px}.arena-header-right{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.connection{font-size:.72rem;color:var(--muted);display:flex;gap:8px;align-items:center}.arena-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}.arena-main{background:var(--panel);border:1px solid var(--line-strong);border-radius:3px;overflow:hidden}.room-banner{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;gap:20px;background:var(--soft);border-bottom:1px solid var(--line)}.room-banner>div>span{font-size:.72rem;color:var(--muted)}.room-code{font-size:clamp(1.7rem,3.6vw,3.1rem);font-weight:700;color:var(--accent);padding:8px 0}.room-banner img{border-radius:2px;max-width:28%;height:auto}.arena-stats{display:flex;justify-content:space-between;gap:15px;padding:16px 28px;border-bottom:1px solid var(--line);font-size:.72rem;color:var(--muted);flex-wrap:wrap}.arena-stats>span{display:flex;gap:8px;align-items:center}.arena-stats strong{color:var(--text);font-size:1.15rem}.waiting{padding:56px 30px;text-align:center}.waiting p{margin:18px auto 26px;color:var(--muted);font-size:.9rem}.waiting-orbit{width:72px;height:72px;display:grid;place-items:center;border:1px dashed var(--line-strong);color:var(--accent);margin:0 auto 24px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{50%{border-color:var(--accent)}}.challenge-display{padding:28px 30px}.challenge-display h2{font-size:1.3rem;line-height:1.6;letter-spacing:-.01em;margin-top:22px;font-family:var(--sans);font-weight:600}.challenge-display .scoring-note{font-size:.7rem;color:var(--muted);margin:22px 0}.submission{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.submission legend{font-size:.9rem}.arena-controls{display:flex;flex-wrap:wrap;gap:10px;padding:0 30px 26px}.session-controls{margin:0;border-radius:0;border:0;border-top:1px solid var(--line);padding:16px 30px;font-size:.76rem}.session-controls button{margin-top:18px}.arena-main>.error{margin:0;padding:14px 30px}.leaderboard{background:var(--panel);border:1px solid var(--line-strong);border-radius:3px;overflow:hidden}.leaderboard>.split{padding:18px 20px}.leaderboard h2{font-size:1.05rem;display:flex;gap:10px;align-items:center}.leaderboard ol{padding:0;list-style:none;margin:0}.leaderboard li{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--line)}.leaderboard li:first-child .rank{color:var(--accent-text);background:var(--accent)}.leaderboard li.is-me{background:var(--soft);box-shadow:inset 3px 0 var(--accent)}.rank{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-strong);font-size:.78rem;color:var(--muted)}.leaderboard strong{font-size:.9rem;overflow-wrap:anywhere}.leaderboard small{display:flex;align-items:center;gap:7px;color:var(--muted);margin-top:3px;font-size:.68rem}.points{margin-left:auto;font-weight:700;font-size:1.05rem;color:var(--accent)}.online-dot,.offline-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:var(--success)}.offline-dot{background:var(--muted)}.leaderboard>p{margin:0;border-top:1px solid var(--line);padding:16px 20px;font-size:.72rem}.empty-board{text-align:center;padding:40px 20px;color:var(--muted)}.empty-board p{margin:14px 0 4px}.empty-board>span{font-size:.76rem}.solution{padding:26px 30px;background:var(--soft);border-top:1px solid var(--line);margin-bottom:26px}.solution h2{overflow-wrap:anywhere;line-height:1.5}.solution p{font-size:.92rem}.submissions{margin-top:38px}.projector{position:fixed;inset:0;overflow:auto;z-index:20;background:var(--bg);padding:35px 4%}.projector .arena-header h1{font-size:2.5rem}.projector .room-code{font-size:3.7rem}.projector .leaderboard strong{font-size:1.3rem}.projector .leaderboard .points{font-size:1.5rem}.projector .challenge-display h2{font-size:1.75rem}.presentation{padding:28px 5%;min-height:100vh;display:flex;flex-direction:column}.presentation-content{width:min(1100px,100%);margin:50px auto;flex:1}.presentation-content h1{font-size:clamp(2.6rem,5vw,4.8rem)}.presentation-content>p:not(.kicker){font-size:1.5rem;line-height:1.65;color:var(--muted)}.presentation .code pre{font-size:1.4rem}.presentation-note{font-size:1.1rem!important}.presentation-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid var(--line)}code,pre,kbd,table,.room-code,.points,.editor-box,.editor-gutter,.tk-cmd,.room-input,.submission input,.cmd-pill,.chart-bars,.timeline-axis,.result-meta,.tree{font-family:var(--mono)}.site-header{background:var(--nav);border-bottom:1px solid #000;height:52px;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header,.site-header a,.site-header .unused-theme-toggle{--text: #eef1f3;--muted: #a4afb7}.site-header .brand{color:#fff}.brand{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;gap:9px}.brand-mark{width:26px;height:26px;background:var(--btn);color:#0d1706;border-radius:3px;display:inline-grid;place-items:center;font-weight:800;font-size:.95rem;font-family:var(--mono)}.brand-cursor{display:none}.brand-light{color:#a4afb7;font-weight:500}.site-header nav{font-size:.88rem;gap:2px}.site-header nav a{color:#c3cbd1;padding:15px 14px;border-radius:0;border-bottom:3px solid transparent}.site-header nav a:hover{background:#1b2227;color:#fff}.site-header nav a.active{color:#fff;border-bottom-color:var(--btn);background:transparent}.site-header nav a.active:before{content:none}.site-header nav .join-nav{border:0;margin-left:10px;background:var(--btn);color:#0d1706;font-weight:700;padding:7px 14px;border-radius:3px;border-bottom:0}.site-header nav .join-nav:hover{background:var(--accent)}.small-dot{display:none}.unused-theme-toggle{border-color:#333f48;color:#c3cbd1}.button{border-radius:3px;font-size:.88rem;font-weight:600}.button.primary{background:var(--btn);color:var(--accent-text)}.button.secondary{background:var(--raised);border-color:var(--line-strong);color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--line);color:var(--text);border-color:var(--line-strong)}.text-button{font-size:.9rem;font-weight:600}.badge{border-radius:3px;font-size:.74rem;background:var(--raised);border-color:transparent}.kicker{font-size:.86rem;color:var(--muted);font-weight:500;margin-bottom:10px}.kicker:before{content:none}.kicker span{color:var(--muted)}.page-heading{padding:40px 0 26px}.page-heading h1{font-size:clamp(1.8rem,3vw,2.4rem)}.hero{padding:54px 0 48px;align-items:start}.hero h1 em{color:inherit;font-style:normal}.hero .lede{font-size:1.08rem}.hero-meta{font-size:.86rem;gap:6px 18px;margin-top:26px}.hero-meta span:before{content:none}.hero-meta span+span:before{content:"·";margin-right:18px;color:var(--line-strong)}.spl-app{background:var(--panel);border:1px solid var(--line);border-radius:3px;overflow:hidden}.spl-app-bar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--raised);border-bottom:1px solid var(--line);font-size:.78rem;color:var(--muted)}.spl-app-bar b{color:var(--text);font-weight:600}.spl-searchbar{display:flex;align-items:stretch;margin:14px;border:1px solid var(--line-strong);border-radius:3px;background:var(--code);overflow:hidden}.spl-searchbar pre{flex:1;margin:0;padding:10px 14px;font-size:.84rem;line-height:1.7;overflow:auto;color:#eef1f3}.spl-searchbar .go{background:var(--btn);color:#0d1706;display:grid;place-items:center;width:44px;flex-shrink:0}.spl-tabs{display:flex;gap:0;padding:0 14px;border-bottom:1px solid var(--line);font-size:.82rem}.spl-tabs span{padding:8px 14px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}.spl-tabs span.on{color:var(--text);border-bottom-color:var(--btn);font-weight:600}.spl-app .table-wrap{margin:0;border:0;border-radius:0}.spl-foot{padding:12px 16px;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line)}.meter{background:var(--btn)}.band{border-left-width:4px;border-left-color:var(--btn);background:var(--panel);border-color:var(--line);border-radius:3px}.band+.band{background:var(--panel)}.index-list{border-top:0;border:1px solid var(--line);border-radius:3px;background:var(--panel)}.index-row{padding:18px 20px}.index-row:hover{padding-left:20px;background:var(--raised)}.index-title{font-size:1rem;letter-spacing:-.01em}.index-row:last-child{border-bottom:0}.term{display:none}.console,.code,.table-wrap,.exercise,.quiz,.objectives,.panel,.arena-main,.leaderboard,.join-panel,.editor,.cheat,.takeaway,details,.feedback,.hint,.flow-diagram li,.editor-box{border-radius:3px}.join-panel:before{background:var(--btn)}.concept>h2 .sec-no{color:var(--muted);font-weight:500;font-size:.9rem}.concept>h2{font-size:1.55rem}.objectives li:before{content:"•";color:var(--accent)}.takeaway{background:var(--panel);border-left-color:var(--btn)}.lesson-sidebar nav a.is-active{background:linear-gradient(90deg,color-mix(in srgb,var(--btn) 18%,transparent),transparent)}.tk-com{color:#6d7d88}.progress-line,.result-meta,.timeline-axis,.console-side li small{font-family:var(--sans)}.console-side h3{font-size:.78rem;font-weight:700;color:var(--muted)}.cheat h3{font-family:var(--mono);font-size:.95rem}.room-code{color:var(--accent)}@media(max-width:1100px){.hero{gap:32px;grid-template-columns:1fr}.lesson-layout{gap:30px;grid-template-columns:200px minmax(0,1fr)}.arena-columns{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:18px}.index-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1.4fr) 60px 20px}.index-cmds{display:none}.console-grid{grid-template-columns:minmax(0,1fr)}.console-side{border-left:0;border-top:1px solid var(--line);max-height:none}}@media(max-width:780px){.site-header{height:auto;flex-wrap:wrap;padding:14px 5% 8px;gap:8px;position:static}.site-header nav{order:3;width:100%;gap:2px 4px;flex-wrap:wrap;margin:0}.site-header nav a{white-space:nowrap;padding:6px 8px}.site-header nav a.active:before{content:none}.unused-theme-toggle{margin-left:auto}.hero{padding:40px 0}.band{flex-wrap:wrap;padding:20px}.band .button{margin-left:0;width:100%}.index-row{grid-template-columns:36px minmax(0,1fr) 20px;gap:12px;padding:16px 4px}.index-desc,.index-time{display:none}.section-heading{align-items:flex-start;flex-wrap:wrap}.lesson-layout{display:block;padding-top:26px}.lesson-sidebar{position:static;max-height:none;padding:0;margin-bottom:18px}.lesson-sidebar nav,.lesson-sidebar>.muted,.lesson-sidebar>h3{display:none}.practice-grid,.instructor-grid,.arena-columns{grid-template-columns:minmax(0,1fr)}.filters{flex-wrap:wrap}.arena-header{flex-direction:column}.arena-header-right{flex-direction:row;align-items:center}.leaderboard{order:2}.room-code{font-size:2rem}.challenge-display,.room-banner{padding:22px}.arena-stats{padding:16px}.presentation-content{margin:36px auto}.presentation-content>p:not(.kicker){font-size:1.15rem}.presentation .code pre{font-size:1rem}.presentation-controls{flex-wrap:wrap}.presentation-controls>.actions{order:3;width:100%;justify-content:space-between}.projector .room-code{font-size:2.4rem}.site-footer{align-items:flex-start;flex-direction:column}.page-heading{padding-top:38px}.panel{padding:20px}.chart-bars div{grid-template-columns:90px 1fr 50px}}@media(max-width:480px){.site-main{width:92%}.join-panel{padding:24px;margin:30px auto}.numeric-grid{grid-template-columns:1fr}.arena-stats{gap:10px;font-size:.64rem}.room-banner img{max-width:31%}.cheat-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}.callout{display:flex;gap:14px;padding:14px 18px;margin:22px 0;border:1px solid var(--line);border-left-width:4px;border-radius:3px;background:var(--panel)}.callout svg{margin-top:3px}.callout strong{display:block;font-size:.88rem;margin-bottom:2px}.callout p{margin:0;font-size:.92rem;line-height:1.7;color:var(--text)}.callout.tip{border-left-color:var(--success)}.callout.tip svg{color:var(--success)}.callout.note{border-left-color:var(--info)}.callout.note svg{color:var(--info)}.callout.warning{border-left-color:var(--warning)}.callout.warning svg{color:var(--warning)}.callout.exam{border-left-color:var(--syn-num);background:color-mix(in srgb,var(--syn-num) 7%,var(--panel))}.callout.exam svg{color:var(--syn-num)}.steps{margin:26px 0}.steps h3{font-size:1.05rem}.steps ol{list-style:none;counter-reset:s;margin:0;padding:0 0 0 20px;border-left:2px solid var(--line)}.steps li{counter-increment:s;position:relative;padding:0 0 20px 26px}.steps li:before{content:counter(s);position:absolute;left:-32px;top:0;width:22px;height:22px;border-radius:50%;background:var(--btn);color:var(--accent-text);font-size:.75rem;font-weight:700;display:grid;place-items:center}.steps li strong{display:block;margin-bottom:2px}.steps li p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.7}.info-table{margin:24px 0;overflow-x:auto;border:1px solid var(--line);border-radius:3px;background:var(--panel)}.info-table table{font-family:var(--sans);font-size:.88rem}.info-table caption{text-align:left;padding:12px 14px 4px;font-weight:650;font-size:.92rem}.info-table th{position:static;background:var(--raised)}.info-table td{max-width:none;line-height:1.55}.info-table td.first{font-family:var(--mono);font-size:.8rem;white-space:nowrap;color:var(--accent)}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.compare .side{border:1px solid var(--line);border-radius:3px;padding:16px 18px;background:var(--panel);min-width:0}.compare .side-0{border-top:3px solid var(--info)}.compare .side-1{border-top:3px solid var(--btn)}.compare h4{margin:0 0 10px;font-size:1rem}.compare .code{margin:10px 0}.compare .code pre{font-size:.78rem;padding:12px;line-height:1.7}.compare ul{margin:0;padding-left:18px;font-size:.88rem;color:var(--muted)}.compare li{padding:2px 0}.defs{margin:22px 0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:3px;overflow:hidden}.defs div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:12px 16px;background:var(--panel)}.defs dt{font-weight:650;font-size:.9rem;font-family:var(--mono);color:var(--accent);overflow-wrap:anywhere}.defs dd{margin:0;font-size:.9rem;color:var(--muted);line-height:1.6}.plain-list{margin:22px 0}.plain-list h3{font-size:1.02rem}.plain-list ul{margin:0;padding-left:20px;color:var(--muted)}.plain-list li{padding:3px 0;line-height:1.65}figure{margin:0}.pipeline,.try,.anatomy,.timex,.flow{border:1px solid var(--line-strong);border-radius:3px;background:var(--panel);margin:28px 0;overflow:hidden}.pipeline figcaption,.try figcaption,.anatomy figcaption,.timex figcaption,.flow figcaption{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--raised);display:flex;flex-direction:column;gap:2px}.pipeline figcaption span,.try figcaption span,.timex figcaption span{font-size:.84rem;color:var(--muted)}.pipeline-stages{list-style:none;margin:0;padding:12px 14px 4px;display:grid;gap:4px}.pipeline-stages button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:3px;padding:6px 10px;color:var(--muted)}.pipeline-stages button:hover{background:var(--raised)}.pipeline-stages .n{flex:0 0 22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;font-size:.72rem}.pipeline-stages code{font-size:.82rem;white-space:pre;overflow:hidden;text-overflow:ellipsis}.pipeline-stages li.past button{color:var(--text)}.pipeline-stages li.past .n{background:color-mix(in srgb,var(--btn) 35%,transparent);border-color:var(--btn)}.pipeline-stages li.on button{background:color-mix(in srgb,var(--btn) 14%,var(--panel));border-color:var(--btn);color:var(--text)}.pipeline-stages li.on .n{background:var(--btn);color:var(--accent-text);border-color:var(--btn);font-weight:700}.pipeline-note{padding:10px 16px 14px;font-size:.92rem;line-height:1.65;animation:rise .35s ease}.pipeline-out{border-top:1px solid var(--line)}.pipeline-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.8rem;color:var(--muted);background:var(--raised)}.pipeline-controls{display:flex;gap:4px}.pipeline-controls button{background:var(--panel);border:1px solid var(--line-strong);color:var(--text);border-radius:3px;width:30px;height:26px;display:grid;place-items:center}.pipeline-controls button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pipeline-table{max-height:330px;overflow:auto;animation:rise .4s ease}.pipeline-table .table-wrap{margin:0;border:0;border-radius:0}.pipeline-table tbody tr{animation:rowin .45s ease backwards}.pipeline-table tbody tr:nth-child(2){animation-delay:.05s}.pipeline-table tbody tr:nth-child(3){animation-delay:.1s}.pipeline-table tbody tr:nth-child(4){animation-delay:.15s}.pipeline-table tbody tr:nth-child(5){animation-delay:.2s}.pipeline-table tbody tr:nth-child(n+6){animation-delay:.25s}.pipeline-more{padding:6px 14px 10px;margin:0;font-size:.78rem}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes rowin{0%{opacity:0;transform:translate(-10px)}}.try .code{margin:0;border-radius:0;border-left:0;border-right:0}.try>.button{margin:12px 16px}.try-out{padding:0 16px 8px;animation:rise .35s ease}.try-out .table-wrap{max-height:280px}.anatomy-code{margin:0;padding:20px 18px;background:var(--code);color:#eef1f3;font-size:.95rem;line-height:2.2;overflow-x:auto;white-space:pre-wrap}.anatomy .part{cursor:pointer;border-bottom:2px dotted #5b6a74;padding:2px 1px;transition:background .15s,border-color .15s;border-radius:2px}.anatomy .part:hover,.anatomy .part.on{background:color-mix(in srgb,var(--btn) 30%,transparent);border-bottom-color:var(--accent)}.anatomy-detail{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;animation:rise .3s ease}.anatomy-detail code{flex-shrink:0;background:var(--raised);padding:3px 9px;border-radius:3px;font-size:.85rem;color:var(--accent);max-width:40%;overflow-wrap:anywhere}.anatomy-detail p{margin:2px 0 0;font-size:.9rem;color:var(--muted);line-height:1.6}.timex-inputs{display:flex;gap:14px;padding:14px 16px 0;flex-wrap:wrap}.timex-inputs label{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:.85rem;margin:0;color:var(--syn-cmd)}.timex-inputs input{width:150px;margin:0!important;padding:7px 10px!important}.timex-presets{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px 0}.timex-presets button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);padding:3px 10px;border-radius:3px;font-size:.78rem}.timex-presets button:hover{color:var(--accent);border-color:var(--accent)}.timex-bar{position:relative;height:38px;margin:18px 16px 4px;background:var(--code);border:1px solid var(--line-strong);border-radius:3px}.timex-bar i{position:absolute;top:0;bottom:0;width:1px;background:#33424c}.timex-bar b{position:absolute;top:3px;bottom:3px;background:var(--btn);opacity:.85;border-radius:2px;transition:left .35s ease,width .35s ease;box-shadow:0 0 0 1px var(--accent)}.timex-bar u{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--warning);text-decoration:none}.timex-axis{display:flex;justify-content:space-between;margin:0 16px;font-size:.7rem;color:var(--muted);font-family:var(--mono)}.timex-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);margin:16px 0 0;border-top:1px solid var(--line)}.timex-out div{background:var(--panel);padding:10px 16px}.timex-out dt{font-size:.74rem;color:var(--muted)}.timex-out dd{margin:2px 0 0;font-family:var(--mono);font-size:.85rem}.flow ol{list-style:none;margin:0;padding:18px 16px;display:flex;flex-wrap:wrap;gap:10px 4px;align-items:stretch}.flow li{display:flex;align-items:center;gap:4px}.flow-label{display:block;border:1px solid var(--line-strong);background:var(--raised);border-radius:3px;padding:8px 12px;font-weight:650;font-size:.88rem}.flow-detail{display:none}.flow li{flex-direction:column;align-items:stretch;flex:1 1 150px;position:relative}.flow-detail{display:block;font-size:.82rem;color:var(--muted);line-height:1.55;padding:8px 4px 0}.flow-arrow{position:absolute;right:-14px;top:11px;color:var(--muted)}.reveal.in .flow li .flow-label{animation:flowlit 1.2s ease backwards;animation-delay:calc(var(--i) * .28s)}@keyframes flowlit{0%{background:var(--btn);color:var(--accent-text)}40%{background:var(--btn);color:var(--accent-text)}}.reveal.in .steps li{animation:rise .5s ease backwards;animation-delay:calc(var(--i) * .12s)}@media(max-width:780px){.compare{grid-template-columns:minmax(0,1fr)}.defs div{grid-template-columns:minmax(0,1fr);gap:2px}.anatomy-detail{flex-direction:column}.anatomy-detail code{max-width:100%}.flow-arrow{display:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.timex-inputs label{white-space:nowrap}.timex-inputs input{width:130px}.steps ol{margin-left:14px}.hero-meta span+span:before{content:none}.hero-meta{gap:6px 24px}.presenter{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.presenter-progress{height:3px;background:var(--line);position:sticky;top:0;z-index:5}.presenter-progress span{display:block;height:100%;background:var(--btn);transition:width .25s}.presenter-top,.presenter-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4vw;font-size:.85rem;color:var(--muted)}.presenter-tools{display:flex;gap:6px}.presenter-tools button{background:transparent;border:1px solid var(--line-strong);color:var(--text);width:34px;height:30px;border-radius:3px;display:grid;place-items:center}.presenter-tools button:hover{border-color:var(--accent);color:var(--accent)}.presenter-slide{flex:1 1 auto;min-height:0;overflow-y:auto;width:min(1500px,100%);margin:0 auto;padding:2vh 5vw 4vh;animation:slidein .3s ease}@keyframes slidein{0%{opacity:0;transform:translate(18px)}}.presenter-sub{color:var(--accent);font-size:1.05rem;font-weight:600;margin:0 0 6px}.presenter h1{font-size:clamp(1.8rem,min(4.2vw,6vh),3.4rem);margin-bottom:1rem}.presenter .lead{font-size:clamp(1.2rem,1.9vw,1.75rem);line-height:1.6;max-width:64ch;margin-bottom:1.1rem}.presenter .muted-lead{color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.35rem)}.presenter .big-list{list-style:none;padding:0;margin:0;font-size:clamp(1.3rem,2.2vw,2rem);display:grid;gap:14px}.presenter .big-list li{padding-left:1.4em;position:relative}.presenter .big-list li:before{content:"";position:absolute;left:0;top:.55em;width:.5em;height:.5em;background:var(--btn)}.presenter .chips code{font-size:1.1rem;padding:4px 12px}.presenter-body .reveal,.presenter-body>.code,.presenter-body>.flow-diagram{zoom:1}@media(min-width:1500px)and (min-height:880px){.presenter-body .reveal,.presenter-body>.code,.presenter-body>.flow-diagram{zoom:1.2}}@media(min-width:1800px)and (min-height:1000px){.presenter-body .reveal,.presenter-body>.code,.presenter-body>.flow-diagram{zoom:1.4}}.presenter-body .code pre{font-size:1.05rem}.presenter-body .timex-inputs input{width:160px}.presenter-bottom{border-top:1px solid var(--line);background:var(--nav);flex:0 0 auto}.presenter-hint{font-size:.78rem}.presenter-index{width:min(560px,100%)}.presenter-index ol{list-style:none;margin:16px 0 0;padding:0;max-height:65vh;overflow:auto}.presenter-index button{display:flex;gap:14px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:9px 4px}.presenter-index button span{color:var(--muted);width:28px;flex-shrink:0;font-family:var(--mono);font-size:.8rem}.presenter-index button:hover,.presenter-index button.on{background:var(--raised);color:var(--accent)}@media(max-width:780px){.presenter-hint{display:none}.presenter-body .reveal,.presenter-body>.code{zoom:1}.presenter-bottom{padding:10px 12px;gap:8px}}.presenter-top{flex:0 0 auto}.presenter-progress{position:static;flex:0 0 auto}.presenter-body .pipeline-table{max-height:36vh}.editor-wide{width:min(1180px,100%)}.editor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:28px;align-items:start}.editor-form label,.editor-form fieldset{margin-bottom:14px}.kind-tabs{display:flex;gap:0;border:1px solid var(--line-strong);border-radius:3px;overflow:hidden;margin-bottom:8px}.kind-tabs button{flex:1;background:transparent;border:0;border-right:1px solid var(--line-strong);color:var(--muted);padding:9px 6px;font-size:.84rem}.kind-tabs button:last-child{border-right:0}.kind-tabs button[aria-selected=true]{background:var(--btn);color:var(--accent-text);font-weight:700}.option-editor legend{font-size:.85rem;font-weight:600;margin-bottom:8px;float:none}.option-row{display:flex;gap:10px;align-items:center;margin-bottom:8px}.option-row input:not([type]),.option-row input[type=text],.option-row input:not([type=radio]){margin-top:0}.icon-button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);border-radius:3px;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.icon-button:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.check{display:flex;align-items:center;gap:10px}.presets{display:flex;gap:8px;margin:6px 0 12px;flex-wrap:wrap}.presets button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);padding:5px 14px;border-radius:3px;font-size:.84rem}.presets button.on{border-color:var(--accent);color:var(--accent);background:var(--soft)}.editor-preview{position:sticky;top:20px}.preview-card{border:1px solid var(--line-strong);border-radius:3px;padding:18px;background:var(--bg)}.preview-card h3{margin:12px 0 6px}.preview-card p{font-size:.92rem}.preview-card .options label{cursor:default}.preview-card .editor-box{margin-bottom:14px}.spl-ref .result-pane{max-height:220px}.spl-ref>label{font-weight:600}@media(max-width:900px){.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-preview{position:static}}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.filter-row label{margin-bottom:8px}.challenge-picker{max-height:420px;overflow:auto;margin:10px 0 18px}.challenge-picker .badge{flex-shrink:0}.small-heading{font-size:.95rem;margin:6px 0 8px}.round-order{list-style:none;margin:0 0 16px;padding:0;counter-reset:r}.round-order li{counter-increment:r;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);margin-bottom:4px;border-radius:3px;font-size:.88rem}.round-order li:before{content:counter(r);width:22px;color:var(--muted)}.round-order li span{flex:1;min-width:0;overflow-wrap:anywhere}.round-order .icon-button{width:28px;height:28px}.tool-links{display:grid;gap:10px}.tool-links a{color:var(--accent);font-size:.9rem}.tool-links a:hover{text-decoration:underline}.plain-table{font-family:var(--sans);font-size:.85rem}.plain-table th{position:static}@media(max-width:780px){.filter-row{grid-template-columns:minmax(0,1fr)}}.lecture-browser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}.lecture-browser .index-row{grid-template-columns:44px minmax(0,1fr) 70px 24px}.lecture-browser .index-row.is-active{background:var(--raised);box-shadow:inset 3px 0 var(--btn)}.lecture-preview{position:sticky;top:70px;border:1px solid var(--line);border-radius:3px;background:var(--panel);padding:22px 24px;animation:rise .25s ease}.lecture-preview h2{font-size:1.5rem;margin:2px 0 8px}.lecture-preview h3{font-size:.82rem;color:var(--muted);font-weight:650;margin:18px 0 6px}.lecture-preview ul,.lecture-preview .outline{margin:0;padding-left:18px;font-size:.9rem;color:var(--muted)}.lecture-preview li{padding:2px 0}.lecture-preview .outline{columns:2;column-gap:24px}.lecture-preview .code{margin:0}.lecture-preview .code pre{font-size:.78rem;padding:12px;line-height:1.7}.lecture-preview .actions{margin-top:20px}@media(max-width:960px){.lecture-browser{grid-template-columns:minmax(0,1fr)}.lecture-preview{display:none}}.results-download{margin:0 20px 18px}:root{--g-red: #e21b3c;--g-blue: #1368ce;--g-yellow: #d89e00;--g-green: #26890c}.game-root{position:fixed;inset:0;z-index:40;overflow:auto;background:radial-gradient(1200px 600px at 50% -10%,#223040 0%,var(--bg) 60%);color:var(--text)}.reconnect-banner{position:fixed;top:0;left:0;right:0;background:var(--warning);color:#1b1200;text-align:center;padding:4px;font-size:.8rem;z-index:5}.game-host{min-height:100%;padding:18px 4vw 28px;display:flex;flex-direction:column}.game-top{display:flex;align-items:center;gap:18px;padding-bottom:14px}.game-code{font-family:var(--mono);font-weight:700;letter-spacing:.08em;background:var(--raised);padding:6px 12px;border-radius:3px}.game-meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:1rem}.game-top .game-meta:last-of-type{margin-left:auto}.game-tool{background:transparent;border:1px solid var(--line-strong);color:var(--muted);border-radius:3px;width:34px;height:30px;display:grid;place-items:center}.game-actions{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:auto;padding-top:18px;flex-wrap:wrap}.game-actions.column{flex-direction:column;align-items:stretch;margin-top:16px}.button.big{font-size:1.15rem;padding:14px 34px}.pop-in{animation:popin .45s cubic-bezier(.2,1.4,.4,1) backwards}@keyframes popin{0%{opacity:0;transform:scale(.5)}}.lobby-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:5vw;align-items:center;flex:1}.lobby-join{text-align:center}.lobby-join p{font-size:1.2rem;margin:0 0 6px;max-width:none}.lobby-code{font-family:var(--mono);font-size:clamp(2.2rem,4.6vw,4.2rem);font-weight:700;letter-spacing:.06em;color:var(--accent);line-height:1.1;margin-bottom:14px}.lobby-join img{border-radius:4px;background:#fff;padding:6px}.lobby-players h2{font-size:1.6rem}.lobby-players ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:16px 0 0;max-height:52vh;overflow:auto}.lobby-players li{background:var(--raised);border:1px solid var(--line-strong);padding:8px 16px;border-radius:4px;font-size:1.15rem;font-weight:600}.lead-in{flex:1;display:grid;place-content:center;text-align:center}.lead-in p{font-size:2rem;color:var(--muted);margin:0}.lead-count{font-size:16rem;font-weight:800;line-height:1;color:var(--accent);animation:countpop 1s ease-out}@keyframes countpop{0%{transform:scale(2.2);opacity:0}25%{opacity:1}to{transform:scale(.9);opacity:.8}}.game-question{text-align:center;padding:8px 0 14px;animation:slidedown .5s ease}.game-question h1{font-size:clamp(1.8rem,3.8vw,3.4rem);max-width:28ch;margin:0 auto;line-height:1.2}@keyframes slidedown{0%{opacity:0;transform:translateY(-24px)}}.game-status{display:flex;align-items:center;justify-content:space-between;padding:6px 2vw 10px}.timer-ring{--p: 1;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p) * 360deg),var(--line) 0);position:relative;font-size:2.4rem;font-weight:800}.timer-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--bg)}.timer-ring span{position:relative}.timer-ring.urgent{animation:shake .5s infinite;background:conic-gradient(var(--danger) calc(var(--p) * 360deg),var(--line) 0)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.answered-count{text-align:right}.answered-count b{font-size:3rem;display:block;line-height:1}.answered-count span{color:var(--muted)}.time-bar{height:8px;background:var(--line);margin-bottom:14px;border-radius:4px;overflow:hidden}.time-bar span{display:block;height:100%;background:var(--accent);transition:width .1s linear}.time-bar.phone{margin:0;border-radius:0}.tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;flex:1;min-height:38vh}.tile{position:relative;overflow:hidden;display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:6px;color:#fff;font-size:clamp(1.2rem,2.4vw,2.1rem);font-weight:700;animation:tilein .5s cubic-bezier(.2,1.2,.4,1) backwards;box-shadow:0 5px #00000059;transition:opacity .4s,transform .4s}@keyframes tilein{0%{opacity:0;transform:translateY(30px) scale(.96)}}.tile-red{background:var(--g-red)}.tile-blue{background:var(--g-blue)}.tile-yellow{background:var(--g-yellow)}.tile-green{background:var(--g-green)}.tile.dim{opacity:.28}.tile.correct{transform:scale(1.02);outline:5px solid #fff;z-index:1}.tile-text{flex:1;overflow-wrap:anywhere}.tile-count{font-size:2.4rem;font-weight:800}.tile-bar{position:absolute;left:0;bottom:0;height:8px;background:#ffffffbf;transition:width .8s ease}.tile-check{background:#fff;color:var(--g-green);border-radius:50%;padding:4px}.game-explain{text-align:center;font-size:1.2rem;color:var(--muted);max-width:60ch;margin:14px auto 0}.board-title{text-align:center;font-size:clamp(2rem,4vw,3rem);margin:6px 0 22px}.game-board{list-style:none;position:relative;width:min(760px,100%);margin:0 auto;padding:0}.board-row{position:absolute;left:0;right:0;height:56px;display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--raised);border:1px solid var(--line-strong);border-radius:4px;font-size:1.3rem;font-weight:650;transition:transform .9s cubic-bezier(.3,1.1,.4,1)}.board-row.is-me{border-color:var(--accent);background:var(--soft)}.board-rank{width:28px;color:var(--muted);font-family:var(--mono)}.board-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-gain{color:var(--accent);font-size:1rem;animation:gainin .6s ease}@keyframes gainin{0%{opacity:0;transform:translateY(8px)}}.board-streak{display:inline-flex;align-items:center;gap:2px;color:#ff9d3b;font-size:.95rem}.board-points{font-family:var(--mono);min-width:5ch;text-align:right}.podium-wrap{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;padding-top:2vh}.podium-title{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:4vh;animation:slidedown .6s ease}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;width:min(760px,100%)}.podium-col{flex:1;text-align:center;animation:riseup .9s cubic-bezier(.2,1,.3,1) backwards}.podium-col.empty{visibility:hidden}@keyframes riseup{0%{opacity:0;transform:translateY(80px)}}.podium-name{font-size:1.6rem;font-weight:700;overflow-wrap:anywhere}.podium-points{color:var(--muted);font-family:var(--mono);margin-bottom:8px}.podium-block{display:grid;place-items:center;font-size:3.4rem;font-weight:800;border-radius:6px 6px 0 0;color:#0000008c}.place-1 .podium-block{height:240px;background:linear-gradient(#ffd24d,#d89e00)}.place-2 .podium-block{height:170px;background:linear-gradient(#e2e6ea,#9aa3ab)}.place-3 .podium-block{height:120px;background:linear-gradient(#e0a070,#a0622f)}.podium-rest{list-style:none;padding:0;margin:22px 0 0;width:min(520px,100%);color:var(--muted)}.podium-rest li{display:flex;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--line)}.podium-rest li.is-me{color:var(--accent)}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;width:10px;height:16px;opacity:0;animation:fall 3.4s linear infinite}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:1;transform:translateY(110vh) rotate(720deg)}}.phone-screen{min-height:100%;display:flex;flex-direction:column;padding:0}.phone-screen.center{align-items:center;justify-content:center;text-align:center;padding:24px;gap:4px}.phone-screen h1{font-size:2rem}.phone-wait{width:56px;height:56px;border:4px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.phone-tiles{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:10px}.phone-tile{border:0;border-radius:8px;color:#fff;display:grid;place-items:center;box-shadow:0 5px #00000059}.phone-tile:active:not(:disabled){transform:translateY(4px);box-shadow:none}.phone-locked{flex:1;display:grid;place-content:center;text-align:center;gap:6px;padding:24px}.locked-shape{width:120px;height:120px;margin:0 auto 10px;border-radius:10px;display:grid;place-items:center;color:#fff;animation:popin .4s ease}.locked-shape.small{width:64px;height:64px}.phone-screen.result.right{background:#1d5a10}.phone-screen.result.wrong{background:#7d1226}.phone-screen.result.none{background:#3b4650}.result-icon{width:120px;height:120px;border-radius:50%;background:#ffffff2e;display:grid;place-items:center;margin-bottom:8px}.phone-gain{font-size:2.6rem;font-weight:800;margin:0;animation:gainin .7s ease .3s backwards}.phone-streak{display:inline-flex;gap:6px;align-items:center;color:#ffc27a;font-size:1.1rem;margin:0}.phone-score{font-family:var(--mono);opacity:.9}.phone-rank-label{text-align:center;margin:28px 0 0;color:var(--muted)}.phone-rank{text-align:center;font-size:5rem;font-weight:800;color:var(--accent)}.phone-screen .podium-wrap{padding:0 10px 30px}.phone-screen .podium-name{font-size:1rem}.phone-screen .podium-block{font-size:2rem}.phone-screen .place-1 .podium-block{height:130px}.phone-screen .place-2 .podium-block{height:90px}.phone-screen .place-3 .podium-block{height:64px}.phone-screen .podium-title{margin-bottom:2vh;font-size:1.6rem}.hunt-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:24px;flex:1;align-items:start}.missions{display:grid;gap:16px}.mission{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px;background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;animation:tilein .6s ease backwards}.mission.has-solves{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.portrait{display:block;width:150px;height:150px;border-radius:8px;overflow:hidden;background:var(--raised);border:2px solid var(--line-strong)}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:4rem;font-weight:800;color:var(--muted)}.mission-no{margin:0;color:var(--accent);font-weight:700;font-size:.9rem}.mission h3{font-size:1.5rem;margin:2px 0 8px}.mission-quote{font-style:italic;color:var(--muted);font-size:1rem;margin:0 0 8px}.mission-task{font-size:1.05rem;margin:0 0 10px}.solvers{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}.solvers li{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;font-weight:650;background:var(--raised)}.solvers li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:.78rem;color:#1b1200}.solvers li.gold span{background:#ffd24d}.solvers li.silver span{background:#dfe3e7}.solvers li.bronze span{background:#e0a070}.solvers li b{font-family:var(--mono);font-weight:500;color:var(--muted);font-size:.85rem}.solvers li.more{color:var(--muted)}.hunt-side h2{font-size:1.2rem}.hunt-side .game-board{width:100%}.hunt-side .board-row{font-size:1.05rem}.hunt-timer{margin-left:auto;font-family:var(--mono);font-size:2.4rem;font-weight:700}.hunt-timer.urgent,.urgent{color:var(--danger);animation:shake .6s infinite}.toasts{position:fixed;right:24px;bottom:24px;display:grid;gap:10px;z-index:50}.toast{display:flex;gap:10px;align-items:center;background:var(--btn);color:#0d1706;font-weight:700;padding:12px 18px;border-radius:4px;font-size:1.1rem;animation:toastin .5s cubic-bezier(.2,1.3,.4,1);box-shadow:0 6px 24px #0006}@keyframes toastin{0%{transform:translate(120%)}}.hunt-phone{padding:12px;gap:12px}.hunt-phone-top{display:flex;justify-content:space-between;font-family:var(--mono);font-weight:700}.sandbox-link{width:100%}.phone-mission{background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;padding:14px}.phone-mission.solved{border-color:var(--accent);background:var(--soft)}.phone-mission-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.phone-mission-head .portrait{width:64px;height:64px;flex-shrink:0}.phone-mission-head .portrait-fallback{font-size:2rem}.phone-mission-head h3{margin:0;font-size:1.1rem}.phone-mission-head>div{flex:1}.solved-check{color:var(--accent)}.phone-mission form{display:grid;gap:8px;margin-top:8px}.phone-mission input{margin:0!important}@media(max-width:900px){.lobby-screen,.hunt-grid,.mission{grid-template-columns:minmax(0,1fr)}.portrait{width:100px;height:100px}.tile-grid{grid-template-columns:minmax(0,1fr)}}.preset-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 14px}.preset-card{text-align:left;background:var(--bg);border:1px solid var(--line-strong);border-radius:3px;padding:14px 16px;color:var(--text);display:grid;gap:4px}.preset-card strong{font-size:1rem}.preset-card span{color:var(--muted);font-size:.84rem;line-height:1.5}.preset-card:hover:not(:disabled),.preset-card.on{border-color:var(--accent);background:var(--soft)}.filter-row.three{grid-template-columns:1fr 1fr 1fr}.inline-field{max-width:260px}@media(max-width:780px){.preset-row,.filter-row.three{grid-template-columns:minmax(0,1fr)}}.game-tools{margin-left:auto;display:flex;gap:8px}.game-top .game-meta:last-of-type{margin-left:0}.game-tool{display:inline-flex;align-items:center;gap:6px;padding:0 10px;width:auto;transition:background .15s,border-color .15s,color .15s}.game-tool span{font-size:.78rem}.game-tool:hover{border-color:var(--accent);color:var(--accent)}.game-tool.on{background:var(--btn);color:#0d1706;border-color:var(--btn)}.progress-dots{display:inline-flex;gap:3px;vertical-align:middle;margin-right:6px}.progress-dots i{width:7px;height:7px;border-radius:50%;background:var(--line-strong);transition:background .3s,transform .3s}.progress-dots i.done{background:var(--accent)}.progress-dots i.now{background:#fff;transform:scale(1.5)}.count-bump{display:inline-block;animation:bump .4s ease}@keyframes bump{40%{transform:scale(1.35);color:var(--accent)}}.game-host.flash:after{content:"";position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;animation:buzzer .7s ease-out}@keyframes buzzer{0%{opacity:.55}to{opacity:0}}.lead-sub{font-size:1.2rem!important;color:var(--accent)!important;margin-top:8px!important}.fastest{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,#ffd24d,#e8a100);color:#1b1200;padding:10px 20px;border-radius:40px;box-shadow:0 6px 22px #ffbe2859;animation:popin .5s cubic-bezier(.2,1.4,.4,1) .5s backwards}.fastest b{display:block;font-size:1.2rem;line-height:1.1}.fastest span{font-size:.85rem;opacity:.8}.fastest svg{animation:zap 1s ease-in-out infinite}@keyframes zap{50%{transform:scale(1.25) rotate(-8deg)}}.time-bar.urgent span{background:var(--danger)}.tile{transition:opacity .4s,transform .4s,filter .4s}.tile.dim{filter:grayscale(.5)}.tile.correct{animation:tilein .5s ease backwards,glow 1.4s ease-in-out infinite .5s}@keyframes glow{50%{box-shadow:0 0 0 6px #ffffff73,0 5px #00000059}}.tile-bar{transform-origin:left;animation:growbar .9s ease backwards .3s}@keyframes growbar{0%{transform:scaleX(0)}}.tile-count{animation:bump .6s ease .4s backwards}.paused-overlay,.help-overlay{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:#080c0fdb;z-index:20;animation:fadein .2s ease}@keyframes fadein{0%{opacity:0}}.help-card{background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;padding:24px 28px;width:min(560px,92vw)}.help-card dl{margin:14px 0;display:grid;gap:8px}.help-card dl div{display:grid;grid-template-columns:130px 1fr;gap:14px}.help-card dt{font-family:var(--mono);color:var(--accent)}.help-card dd{margin:0}.board-move{display:inline-flex;align-items:center;font-size:.85rem;font-weight:700;padding:1px 6px;border-radius:10px;animation:gainin .5s ease}.board-move.up{color:#0d1706;background:var(--accent)}.board-move.down{color:#fff;background:#a83a3a}.board-row.top-1{background:linear-gradient(90deg,rgba(255,210,77,.22),var(--raised) 60%);border-color:#d9a21d}.board-row.top-2{border-color:#9aa3ab}.board-row.top-3{border-color:#a0622f}.board-row.climbed{animation:climb .9s ease .7s}@keyframes climb{30%{box-shadow:0 0 0 4px #82c54a80}}.podium-points{animation:bump .8s ease 2.4s backwards}.place-1 .podium-name:before{content:"";display:block;width:36px;height:24px;margin:0 auto 4px;background:#ffd24d;clip-path:polygon(0 100%,0 30%,25% 60%,50% 0,75% 60%,100% 30%,100% 100%);animation:popin .6s ease 2.6s backwards}.game-root.player{touch-action:manipulation;user-select:none;-webkit-user-select:none}.phone-tile{animation:tilein .35s ease backwards;transition:transform .08s}.phone-tile:active:not(:disabled){transform:scale(.96)}.locked-shape.big{width:160px;height:160px;animation:lockin .5s cubic-bezier(.2,1.3,.4,1)}@keyframes lockin{0%{transform:scale(2);opacity:.2}}.phone-screen.result{animation:slideup .4s ease}@keyframes slideup{0%{transform:translateY(40px);opacity:0}}.result-icon .draw{stroke-dasharray:30;stroke-dashoffset:30;animation:drawcheck .6s ease .2s forwards}@keyframes drawcheck{to{stroke-dashoffset:0}}.phone-time{display:inline-flex;gap:6px;align-items:center;margin:0;opacity:.9}.phone-screen.result.right .result-icon{animation:popin .5s cubic-bezier(.2,1.4,.4,1),pulsering 1.6s ease-out .5s}@keyframes pulsering{0%{box-shadow:0 0 #ffffff80}to{box-shadow:0 0 0 40px #fff0}}.mission{position:relative;overflow:hidden}.solve-flash{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(130,197,74,.45),transparent);transform:translate(-100%);animation:sweep 1.1s ease;pointer-events:none}@keyframes sweep{to{transform:translate(100%)}}.shake{animation:shakex .45s}@keyframes shakex{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.phone-mission{position:relative;transition:border-color .3s,background .3s}.phone-mission.burst{animation:popin .5s ease}.burst-ring{position:absolute;left:50%;top:30px;width:20px;height:20px;margin:-10px;border-radius:50%;border:3px solid var(--accent);animation:ringout 1.2s ease-out forwards;pointer-events:none}@keyframes ringout{to{transform:scale(18);opacity:0}}.solved-check{animation:popin .5s ease}@media(prefers-reduced-motion:reduce){.game-root *{animation-duration:.01s!important;animation-iteration-count:1!important}}.portrait-fallback{position:relative;padding:6px}.portrait-fallback svg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.portrait-fallback b{position:relative;font-size:2.6rem;color:#0f3d1e;text-shadow:0 0 10px rgba(255,255,255,.5)}.swirl{transform-origin:50px 50px}.swirl.s1{animation:spin 2.6s linear infinite}.swirl.s2{animation:spin 1.8s linear infinite reverse}.swirl.s3{animation:spin 1.1s linear infinite}.portrait-slots{display:grid;gap:12px;margin-top:12px}.portrait-slot{display:flex;gap:14px;align-items:center}.portrait-slot small{display:block;color:var(--muted)}.portrait-thumb{width:64px;height:64px;border-radius:6px;overflow:hidden;background:var(--raised);border:1px solid var(--line-strong);display:grid;place-items:center;flex-shrink:0;font-size:1.6rem;color:var(--muted)}.portrait-thumb img{width:100%;height:100%;object-fit:cover}.slot-actions{display:flex;gap:14px;margin-top:4px}.file-button{cursor:pointer;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.hunt-timer,.game-top .hunt-timer{margin-left:18px}.kick{background:transparent;border:0;color:var(--muted);margin-left:8px;padding:0;vertical-align:middle;opacity:0;transition:opacity .15s,color .15s}.lobby-players li:hover .kick,.kick:focus-visible{opacity:1}.kick:hover{color:var(--danger)}.report{width:min(620px,100%);margin:18px auto 0;border:1px solid var(--line-strong);border-radius:6px;padding:16px 20px;background:var(--panel);animation:fadein .6s ease 3.2s backwards}.report h2{font-size:1rem;margin-bottom:8px}.report ol{margin:0 0 12px;padding-left:20px}.report li{padding:3px 0;font-size:.92rem}.report li span{color:var(--muted)}.report li b{margin-left:10px;color:var(--warning)}.mode-row{display:flex;gap:14px;align-items:flex-end;margin:4px 0 6px}.mode-row label{flex:1;margin:0}.palette-trigger{background:transparent;border:1px solid #333f48;color:#c3cbd1;border-radius:3px;padding:5px 10px;font-size:.82rem;display:inline-flex;gap:8px;align-items:center;margin-left:8px}.palette-trigger:hover{border-color:var(--accent);color:#fff}.palette-trigger kbd{border-color:#3c4a54;color:#8fa0ab}.palette-backdrop{position:fixed;inset:0;background:#06090bb3;z-index:60;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;animation:fadein .15s ease}.palette{width:min(640px,94vw);background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;box-shadow:0 20px 60px #0009;overflow:hidden;animation:rise .2s ease}.palette-input{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--muted)}.palette-input input{flex:1;background:transparent!important;border:0!important;margin:0!important;padding:4px 0!important;font-family:var(--sans)!important;font-size:1.05rem!important;color:var(--text);outline:none}.palette ul{list-style:none;margin:0;padding:6px;max-height:50vh;overflow:auto}.palette li button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:9px 12px;border-radius:3px}.palette li button span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette li button small{color:var(--muted);font-size:.78rem}.palette li button.on{background:var(--raised);color:var(--accent)}.palette-empty{padding:20px;text-align:center;color:var(--muted)}@media(max-width:780px){.palette-trigger{display:none}}.join-box{display:grid;gap:10px;justify-items:center;text-align:center}.join-label{margin:0;color:var(--muted);max-width:none;font-size:1rem}.join-link{font-family:var(--mono);font-size:clamp(1.1rem,2.4vw,1.9rem);font-weight:700;color:var(--accent);background:var(--soft);border:1px solid var(--accent);border-radius:4px;padding:10px 18px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.join-link:hover{background:color-mix(in srgb,var(--btn) 30%,var(--soft))}.join-box .lobby-code{font-size:clamp(1.8rem,3.4vw,3rem);margin:4px 0}.join-box img{border-radius:4px;background:#fff;padding:4px}.hunt-laptop{min-height:100%;padding:12px 2vw 24px;display:flex;flex-direction:column;gap:12px}.hunt-split{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.4fr);gap:20px;align-items:start}.hunt-missions{display:grid;gap:12px;max-height:calc(100vh - 80px);overflow:auto;padding-right:4px}.hunt-console{min-width:0}.hunt-console .console{margin-bottom:0}.hunt-console .console-grid{grid-template-columns:minmax(0,1fr)}.hunt-console .console-side,.hunt-console .chip-row{display:none}.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.backdrop-glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.35;animation:glowmove 24s ease-in-out infinite alternate}.backdrop-glow.g1{background:radial-gradient(circle,#1368ce 0%,transparent 65%);left:-15vmax;top:-20vmax}.backdrop-glow.g2{background:radial-gradient(circle,#26890c 0%,transparent 65%);right:-20vmax;bottom:-25vmax;animation-delay:-9s}@keyframes glowmove{to{transform:translate(8vmax,6vmax) scale(1.15)}}.drift{position:absolute;opacity:.09;transform:rotate(var(--r));animation:drift linear infinite}@keyframes drift{0%{transform:translate(0) rotate(var(--r))}50%{transform:translate(40px,-60px) rotate(calc(var(--r) + 90deg))}to{transform:translate(0) rotate(calc(var(--r) + 180deg))}}.game-host,.phone-screen,.hunt-laptop,.reconnect-banner{position:relative;z-index:1}.game-root{background:linear-gradient(160deg,#101a28,#0b1119 55%,#0e1a12)}.lobby-screen{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4vw}.join-box{gap:12px}.qr-card{position:relative;background:#fff;border:0;border-radius:18px;padding:18px 18px 40px;width:min(340px,78vw);box-shadow:0 0 0 6px #82c54a59,0 24px 60px #0000008c;cursor:zoom-in;transition:transform .2s,box-shadow .2s;animation:popin .6s cubic-bezier(.2,1.3,.4,1)}.qr-card:hover{transform:scale(1.03);box-shadow:0 0 0 8px #82c54a99,0 30px 70px #0009}.qr-card img{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-hint{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#3b4a43;font-size:.82rem;font-weight:600}.qr-loading{display:block;aspect-ratio:1}.join-box .join-link{font-size:clamp(1rem,1.8vw,1.4rem)}.join-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.qr-zoom{position:fixed;inset:0;z-index:70;background:#05080be6;display:grid;place-items:center;animation:fadein .2s ease;cursor:zoom-out}.qr-zoom-card{background:#fff;border-radius:22px;padding:28px 28px 22px;text-align:center;color:#0b0f0d;max-width:94vw;cursor:default;animation:popin .4s cubic-bezier(.2,1.3,.4,1);box-shadow:0 0 0 10px #82c54a80}.qr-zoom-card img{display:block;width:min(72vh,82vw);height:min(72vh,82vw);image-rendering:pixelated;margin:0 auto}.qr-zoom-code{font-family:var(--mono);font-weight:800;font-size:clamp(1.8rem,5vh,3rem);letter-spacing:.1em;margin-top:12px}.qr-zoom-card p{margin:2px 0 14px;color:#44534b;max-width:none}.player-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px!important;border-radius:40px!important;background:#ffffff12!important;border:1px solid rgba(255,255,255,.14)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;font-size:1rem;box-shadow:inset 0 -3px #0003}.lobby-players ul{gap:12px}.lobby-players h2{font-size:2rem}.lobby-players h2 .count-bump{color:var(--accent)}body{background:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 500px at 85% -10%,rgba(19,104,206,.16),transparent 70%),radial-gradient(800px 500px at -10% 110%,rgba(38,137,12,.14),transparent 70%),radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:auto,auto,26px 26px}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#33424d;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#46596a}::-webkit-scrollbar-track{background:transparent}.page-heading{border-bottom:0;position:relative;padding-bottom:20px}.page-heading:after{content:"";display:block;width:64px;height:4px;border-radius:2px;margin-top:18px;background:linear-gradient(90deg,var(--btn),#1368ce)}.page-heading h1{background:linear-gradient(90deg,#fff,#b7e68e 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.panel,.exercise,.quiz,.objectives,.cheat,.takeaway,.lecture-preview,.index-list,.console,.editor,.join-panel,.preview-card,.callout,.info-table,.pipeline,.try,.anatomy,.timex,.flow{box-shadow:0 1px #ffffff0a inset,0 10px 28px #00000038}.panel,.exercise,.cheat,.index-list,.lecture-preview{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel)}.exercise,.cheat,.panel{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.exercise:hover,.cheat:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 16px 34px #00000052}.index-row{transition:background .15s,box-shadow .15s}.button{transition:transform .12s,box-shadow .18s,filter .15s,background .15s}.button.primary{background:linear-gradient(180deg,#78bb48,var(--btn));box-shadow:0 6px 18px #65a63747}.button.primary:hover:not(:disabled){box-shadow:0 9px 24px #65a63766;transform:translateY(-1px);filter:none}.site-header{box-shadow:0 2px 20px #00000059}.site-header nav a.active{box-shadow:0 8px 14px -10px var(--btn)}.join-panel{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),var(--panel);border-radius:12px;box-shadow:0 30px 80px #00000080,0 0 0 1px #82c54a2e;animation:popin .5s cubic-bezier(.2,1.2,.4,1);overflow:hidden}.join-panel:before{height:5px;background:linear-gradient(90deg,#e21b3c,#1368ce,#d89e00,#26890c)}.join-panel h1{font-size:2.4rem}.join-panel .room-input{text-align:center;font-size:1.3rem!important}.join-panel input{border-radius:6px!important;padding:.85rem 1rem!important}.join-page-bg{position:fixed;inset:0;z-index:-1}.arena-main,.leaderboard{border-radius:10px;box-shadow:0 16px 40px #0000004d}.tile{border-radius:10px}.table-wrap,.code,.editor-box,.result-pane{border-radius:6px}.join-page-bg .drift{opacity:.17}.join-page-bg .backdrop-glow{opacity:.5}.session-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.session-list li{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.session-code{display:flex;flex-direction:column;flex:1;min-width:0}.session-code code{color:var(--accent);font-size:.95rem}.session-code small{color:var(--muted)}.confirm-end{display:flex;align-items:center;gap:10px;font-size:.85rem;flex-wrap:wrap}.danger-text{color:var(--danger)!important}.game-tool.end:hover,.game-tool.danger{border-color:var(--danger);color:var(--danger)}.end-confirm{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}@media(pointer:coarse){button,.text-button,.button,select,input:not([type=radio]):not([type=checkbox]){min-height:42px}.code-bar button,.code-bar a{padding:10px 6px;min-height:40px}.tabs button,.chip-row button,.timex-presets button,.presets button{min-height:40px}.lesson-sidebar nav a{padding:10px 14px}.icon-button{width:40px;height:40px}}.game-question{padding:14px 2vw 18px}.game-question h1{font-size:clamp(2.4rem,5.8vw,5.2rem);max-width:28ch;line-height:1.15;text-shadow:0 2px 24px rgba(0,0,0,.45)}.tile{font-size:clamp(1.5rem,3.1vw,2.8rem);padding:26px 30px}.tile svg:first-child{width:44px;height:44px}.timer-ring{width:112px;height:112px;font-size:2.9rem}.answered-count b{font-size:3.6rem}.game-board{width:min(860px,100%)}.board-row{height:64px;font-size:1.5rem;border-radius:12px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0 20px}.board-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#82c54a59,#82c54a14);border-radius:12px 0 0 12px;transition:width .9s cubic-bezier(.3,1,.4,1);z-index:0}.board-row>*:not(.board-fill){position:relative;z-index:1}.board-row.top-1{background:linear-gradient(90deg,#ffd24d47,#ffffff0f 70%);border-color:#d9a21d;box-shadow:0 0 28px #ffbe2840}.board-row.top-1 .board-fill{background:linear-gradient(90deg,#ffd24d66,#ffd24d14)}.board-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-family:var(--mono);font-weight:800;font-size:1.05rem}.board-rank.medal{color:#1b1200;box-shadow:inset 0 -3px #0000002e}.board-rank.m1{background:linear-gradient(#ffd24d,#d89e00)}.board-rank.m2{background:linear-gradient(#e6eaee,#9aa3ab)}.board-rank.m3{background:linear-gradient(#e6a878,#a0622f)}.avatar.sm{width:38px;height:38px;font-size:1.05rem;flex-shrink:0}.board-points{font-size:1.6rem;font-weight:800}.board-gain{font-size:1.1rem;font-weight:700}.awards{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0 4px;max-width:900px}.award{display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,210,77,.45);animation:popin .6s cubic-bezier(.2,1.3,.4,1) backwards}.award svg{color:#ffd24d}.award b{display:block}.award span{color:var(--muted);font-size:.9rem}.phone-gap{margin:0;font-weight:600;background:#00000047;padding:6px 14px;border-radius:20px}.confetti.small{position:fixed;z-index:0}.confetti.small i{animation-duration:2.2s;animation-iteration-count:1}@media(max-width:700px){.board-row{font-size:1.1rem;padding:0 12px}.board-points{font-size:1.2rem}.tile{padding:18px}}@media(max-width:780px){.code-bar button,.code-bar a{padding:10px 6px;min-height:40px}.tabs button,.chip-row button,.timex-presets button,.presets button{min-height:40px}.lesson-sidebar nav a{padding:10px 14px}}.status-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.status-card{border:1px solid var(--line);border-radius:8px;padding:16px 18px;background:var(--panel);display:grid;gap:2px}.status-card span{color:var(--muted);font-size:.82rem}.status-card b{font-size:1.8rem;line-height:1.2}.status-card small{color:var(--muted)}.status-card.good{border-color:color-mix(in srgb,var(--success) 60%,var(--line))}.status-card.good b{color:var(--success)}.status-card.bad{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--panel))}.status-card.bad b{color:var(--danger)}.status-card.warn b{color:var(--warning)}.uptime-strip{display:grid;grid-template-columns:repeat(48,1fr);gap:3px;height:34px}.uptime-strip i{border-radius:3px;background:var(--line)}.uptime-strip i.ok{background:var(--success)}.uptime-strip i.bad{background:var(--danger)}.uptime-axis{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted);margin:6px 0 12px}td.bad{color:var(--danger);font-weight:700}@media(max-width:780px){.status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.side-ref{margin:0;font-size:.74rem}.side-ref dt{color:var(--muted);margin-top:8px;font-family:var(--sans)}.side-ref dd{margin:2px 0 0;font-family:var(--mono);color:var(--text);overflow-wrap:anywhere}.game-root{background:radial-gradient(1100px 600px at 50% -10%,#6a2bd1 0%,transparent 70%),linear-gradient(165deg,#46178f,#2a0f5e 55%,#1c0a40)}.backdrop-glow.g1{background:radial-gradient(circle,#ff4fa3 0%,transparent 65%);opacity:.28}.backdrop-glow.g2{background:radial-gradient(circle,#3ea0ff 0%,transparent 65%);opacity:.3}.drift{opacity:.14}.avatar-svg{display:block;flex-shrink:0;border-radius:50%}.avatar-svg.ring{box-shadow:0 0 0 3px #ffffffe6,0 8px 20px #00000059}.avatar-picker{margin:4px 0 14px}.avatar-picker legend{font-weight:650;font-size:.9rem;margin-bottom:8px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-grid button{background:transparent;border:2px solid transparent;border-radius:12px;padding:3px;display:grid;place-items:center;transition:transform .12s,border-color .12s,background .12s}.avatar-grid button:hover{transform:translateY(-2px);background:#ffffff0f}.avatar-grid button.on{border-color:var(--accent);background:#82c54a24;transform:scale(1.06)}.avatar-name{margin:8px 0 0;text-align:center}@media(max-width:480px){.avatar-grid{grid-template-columns:repeat(4,1fr)}}.lobby-avatar{animation:bounceIn .7s cubic-bezier(.2,1.6,.4,1),bob 2.6s ease-in-out .8s infinite;margin-bottom:8px}@keyframes bounceIn{0%{transform:scale(.2) rotate(-12deg);opacity:0}}@keyframes bob{50%{transform:translateY(-8px)}}.phone-name{font-size:1.5rem;font-weight:800;margin:0 0 4px}.podium-avatar{display:grid;place-items:center;margin-bottom:8px;animation:popin .6s ease backwards}.podium-avatar{animation-delay:inherit}.player-chip{padding:6px 16px 6px 6px!important;background:#ffffff29!important;border:2px solid rgba(255,255,255,.35)!important;font-size:1.25rem;font-weight:700}.game-board{width:min(900px,100%)}.board-row{height:66px;border-radius:14px;border:0;color:#fff;font-size:1.55rem;font-weight:800;box-shadow:0 6px #00000047;background:#6b3fd1;text-shadow:0 1px 0 rgba(0,0,0,.25);-webkit-backdrop-filter:none;backdrop-filter:none}.board-row:nth-child(5n+1){background:#e21b3c}.board-row:nth-child(5n+2){background:#1368ce}.board-row:nth-child(5n+3){background:#d89e00}.board-row:nth-child(5n+4){background:#26890c}.board-row:nth-child(5n+5){background:#8d3fd6}.board-row.top-1{background:linear-gradient(90deg,#ffb800,#ff7a00);box-shadow:0 6px #00000047,0 0 34px #ffbe288c}.board-row.is-me{outline:4px solid #fff;z-index:2}.board-fill{background:linear-gradient(90deg,#ffffff57,#ffffff0f);border-radius:14px 0 0 14px}.board-rank.medal,.board-rank{background:#00000047;color:#fff;box-shadow:none}.board-rank.m1{background:#fff;color:#b36b00}.board-rank.m2{background:#e9eef2;color:#4c5966}.board-rank.m3{background:#ffd0a8;color:#8a4a1f}.board-points{color:#fff;font-size:1.8rem}.board-gain{background:#ffffffeb;color:#26890c;padding:2px 10px;border-radius:12px;font-size:1rem}.board-streak{background:#00000047;border-radius:12px;padding:2px 8px;color:#ffcf6e}.board-move.up{background:#fff;color:#26890c}.board-move.down{background:#00000059;color:#fff}.board-title{font-size:clamp(2.2rem,5vw,3.6rem);text-shadow:0 3px 0 rgba(0,0,0,.3)}.board-row .avatar-svg{box-shadow:0 0 0 2px #ffffffd9}.reaction-layer{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.reaction{position:absolute;bottom:-60px;display:grid;justify-items:center;gap:4px;animation:floatup 4.6s ease-out forwards}.reaction-emoji{font-size:clamp(2.4rem,5vw,4rem);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));animation:wobble 1s ease-in-out infinite}.reaction-who{display:inline-flex;align-items:center;gap:6px;background:#00000073;padding:2px 10px 2px 3px;border-radius:14px;font-size:.85rem;font-weight:700;color:#fff;white-space:nowrap}@keyframes floatup{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1;transform:translateY(-12vh) scale(1.1)}to{transform:translateY(-92vh) scale(1);opacity:0}}@keyframes wobble{50%{transform:rotate(10deg) scale(1.1)}0%,to{transform:rotate(-8deg)}}.reaction-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#140830d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.18);animation:slideup .3s ease}.reaction-bar button{background:#ffffff1f;border:0;border-radius:14px;font-size:1.7rem;width:52px;height:52px;line-height:1;display:grid;place-items:center;transition:transform .1s}.reaction-bar button:active{transform:scale(.8)}.reaction-bar button.sent{animation:popin .4s ease;background:#ffffff47}.phone-screen{padding-bottom:84px}.host-tools{position:fixed;left:14px;bottom:14px;z-index:28;display:flex;gap:8px;flex-wrap:wrap}.host-tool{display:inline-flex;align-items:center;gap:8px;background:#140830cc;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:22px;padding:8px 14px;font-weight:650;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.host-tool:hover{border-color:#fff;background:#3c1978e6}.host-tool.closed{border-color:#ffb800}.host-tool.open{border-color:#5fe3a1}.host-tool kbd{background:#ffffff26;border-color:#ffffff4d;color:#fff}.join-overlay{background:#2a0f5e;border:1px solid rgba(255,255,255,.3);border-radius:18px;padding:24px 28px;width:min(560px,94vw);text-align:center;display:grid;gap:12px;max-height:94vh;overflow:auto;animation:popin .35s cubic-bezier(.2,1.3,.4,1)}.join-overlay h2{margin:0}.join-overlay .qr-card{width:min(260px,70vw)}.help-card{background:#2a0f5e;border-color:#ffffff4d}:root{--ink: #1a0f45;--stage: #4a2dbd;--stage-2: #5a3fd0;--paper: #fff7e6;--y: #ffc233;--pk: #ff5c8a;--tl: #19c3a6;--bl: #2f7bff;--rd: #ff4b55;--gr: #2fc96b;--pu: #8f4dff}.game-pattern{position:fixed;inset:0;z-index:0;pointer-events:none;background-color:var(--stage);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none' stroke='%23ffffff' stroke-opacity='.11' stroke-width='3' stroke-linejoin='round'%3E%3Cpath d='M22 40 34 18 46 40z'/%3E%3Cpath d='M118 22 132 36 118 50 104 36z'/%3E%3Ccircle cx='38' cy='118' r='11'/%3E%3Crect x='104' y='104' width='22' height='22' rx='3'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 160px}.join-page-bg.game-pattern{z-index:-1}.game-root{background:var(--stage);font-family:"Workshop Play",var(--sans);font-weight:700;color:#fff}.game-root h1,.game-root h2,.game-root h3,.game-root button,.game-root .button{font-family:"Workshop Play",var(--sans)}.game-root .muted{color:#ffffffc7}.reconnect-banner{background:var(--y);color:var(--ink);font-weight:800}.game-top{gap:12px}.game-code{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);font-weight:900;padding:4px 12px}.game-meta{color:#fff;font-weight:800;background:#1a0f4573;border-radius:20px;padding:4px 12px}.game-tool{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:0 3px 0 var(--ink);height:34px;font-weight:800;transition:transform .08s,box-shadow .08s}.game-tool:hover{border-color:var(--ink);color:var(--ink);background:#fff}.game-tool:active{transform:translateY(3px);box-shadow:none}.game-tool.on{background:var(--y);color:var(--ink);border-color:var(--ink)}.game-tool.end:hover,.game-tool.danger{background:var(--rd);color:#fff;border-color:var(--ink)}.progress-dots i{background:#ffffff4d}.progress-dots i.done{background:var(--y)}.progress-dots i.now{background:#fff}.host-tool{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:800}.host-tool:hover{background:#fff;border-color:var(--ink)}.host-tool.closed{background:var(--y)}.host-tool.open{background:#fff}.host-tool kbd{background:var(--ink);color:#fff;border-color:var(--ink)}.game-root .button.primary{background:var(--y);color:var(--ink);border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-weight:900}.game-root .button.primary:hover:not(:disabled){transform:none;filter:none;background:#ffd25e;box-shadow:0 5px 0 var(--ink)}.game-root .button.primary:active:not(:disabled){transform:translateY(5px);box-shadow:none}.game-root .button.secondary{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);font-weight:800}.game-root .button.secondary:hover:not(:disabled){background:#fff;color:var(--ink);border-color:var(--ink)}.game-root .button.danger{background:var(--rd);color:#fff;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink)}.button.big{font-size:1.3rem;padding:14px 40px}.lobby-code{color:var(--y);font-family:"Workshop Play",var(--sans);font-weight:1000;letter-spacing:.08em;-webkit-text-stroke:0;text-shadow:0 4px 0 var(--ink)}.join-label{color:#fff;font-weight:700}.join-box .join-link{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);font-family:var(--mono);font-weight:800}.join-box .join-link:hover{background:#fff}.qr-card{background:#fff;border:4px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink)}.qr-card:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-3px)}.qr-hint{color:var(--ink);font-weight:800}.qr-zoom{background:#1a0f45f0}.qr-zoom-card{border:5px solid var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:26px}.qr-zoom-code{font-family:var(--mono)}.lobby-players h2{text-shadow:0 3px 0 var(--ink);font-size:2.2rem;font-weight:1000}.lobby-players h2 .count-bump{color:var(--y)}.player-chip{background:var(--paper)!important;color:var(--ink)!important;border:3px solid var(--ink)!important;border-radius:40px!important;box-shadow:0 4px 0 var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;font-weight:900}.kick{color:var(--ink);opacity:0}.kick:hover{color:var(--rd)}.avatar-svg{box-shadow:none}.avatar-svg.ring{box-shadow:0 0 0 4px var(--ink),0 0 0 7px #fff}.lobby-avatar{filter:none}.phone-name{text-shadow:0 3px 0 var(--ink);font-weight:1000;font-size:1.8rem}.lead-in p{color:#fff;font-weight:900}.lead-count{color:var(--y);text-shadow:0 8px 0 var(--ink);font-weight:1000}.lead-sub{color:#fff!important}.game-question h1{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink);padding:18px 34px;max-width:30ch;text-shadow:none;font-weight:1000;font-size:clamp(2.2rem,5.2vw,4.6rem);line-height:1.12}.timer-ring{width:108px;height:108px;background:conic-gradient(var(--y) calc(var(--p) * 360deg),rgba(26,15,69,.5) 0);border:5px solid var(--ink);box-shadow:0 5px 0 var(--ink);color:var(--ink);font-weight:1000}.timer-ring:before{inset:7px;background:var(--paper)}.timer-ring.urgent{background:conic-gradient(var(--rd) calc(var(--p) * 360deg),rgba(26,15,69,.5) 0)}.answered-count{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);padding:6px 18px;text-align:center}.answered-count b{font-weight:1000;font-size:3rem}.answered-count span{color:var(--ink);font-weight:800}.time-bar{height:16px;background:#1a0f458c;border:3px solid var(--ink);border-radius:10px}.time-bar span{background:var(--y);border-radius:6px}.time-bar.urgent span{background:var(--rd)}.tile{border:4px solid var(--ink);border-radius:20px;box-shadow:0 8px 0 var(--ink);color:#fff;font-weight:1000;text-shadow:0 2px 0 rgba(26,15,69,.45)}.tile-red{background:var(--rd)}.tile-blue{background:var(--bl)}.tile-yellow{background:var(--y);color:var(--ink);text-shadow:none}.tile-green{background:var(--gr)}.tile svg{fill:#fff;stroke:var(--ink);stroke-width:1.6;paint-order:stroke;filter:none}.tile-yellow svg{fill:#fff}.tile.dim{opacity:1;filter:none;background:#6d5ab8;box-shadow:0 8px 0 var(--ink);color:#ffffff8c;text-shadow:none}.tile.dim svg{fill:#fff6}.tile.correct{outline:none;transform:none;border-color:var(--ink);box-shadow:0 8px 0 var(--ink),0 0 0 7px #fff;animation:tilein .5s ease backwards}.tile-bar{background:#fff;height:12px;border-top:3px solid var(--ink)}.tile-count{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:0 12px;font-size:1.8rem;text-shadow:none}.tile-check{background:#fff;color:var(--gr);border:3px solid var(--ink)}.game-explain{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:10px 20px;font-weight:700;font-size:1.15rem}.fastest{background:var(--y);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink)}.game-host.flash:after{background:#fff}.paused-overlay,.help-overlay{background:#1a0f45e0}.help-card,.join-overlay{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink)}.help-card .muted,.join-overlay .muted{color:#4b3d86}.help-card dt{color:#5a2dd0}.join-overlay .join-label{color:var(--ink)}.join-overlay .lobby-code{text-shadow:none;color:#5a2dd0}.board-title{color:#fff;text-shadow:0 5px 0 var(--ink);font-weight:1000}.game-board{width:min(920px,100%)}.board-row{height:68px;border:4px solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 6px 0 var(--ink);text-shadow:none;font-weight:1000;font-size:1.6rem;overflow:hidden;-webkit-backdrop-filter:none;backdrop-filter:none}.board-row:nth-child(n){background:var(--paper)}.board-fill{background:var(--bl);border-radius:0;opacity:.38}.board-row:nth-child(5n+1) .board-fill{background:var(--rd)}.board-row:nth-child(5n+2) .board-fill{background:var(--bl)}.board-row:nth-child(5n+3) .board-fill{background:var(--y)}.board-row:nth-child(5n+4) .board-fill{background:var(--gr)}.board-row:nth-child(5n+5) .board-fill{background:var(--pu)}.board-row.top-1{background:var(--y);box-shadow:0 6px 0 var(--ink)}.board-row.top-1 .board-fill{background:#fff;opacity:.5}.board-row.is-me{outline:none;box-shadow:0 6px 0 var(--ink),0 0 0 6px #fff}.board-rank{background:var(--ink);color:#fff;border-radius:10px;width:36px;height:36px;font-family:"Workshop Play",var(--sans);font-weight:1000}.board-rank.m1{background:var(--ink);color:var(--y)}.board-rank.m2{background:var(--ink);color:#dfe6ee}.board-rank.m3{background:var(--ink);color:#f0a56c}.board-points{color:var(--ink);font-family:"Workshop Play",var(--sans);font-weight:1000;font-size:1.9rem}.board-gain{background:var(--gr);color:#fff;border:3px solid var(--ink);border-radius:12px;padding:0 10px;font-size:1.05rem}.board-streak{background:var(--rd);color:#fff;border:3px solid var(--ink);border-radius:12px;padding:0 8px}.board-move.up{background:var(--gr);color:#fff;border:2px solid var(--ink)}.board-move.down{background:var(--rd);color:#fff;border:2px solid var(--ink)}.board-row .avatar-svg{box-shadow:0 0 0 3px var(--ink)}.podium-title{color:#fff;text-shadow:0 5px 0 var(--ink);font-weight:1000}.podium-block{border:4px solid var(--ink);border-bottom:0;border-radius:16px 16px 0 0;color:var(--ink);font-family:"Workshop Play",var(--sans);font-weight:1000;box-shadow:none}.place-1 .podium-block{background:var(--y)}.place-2 .podium-block{background:#dfe6ee}.place-3 .podium-block{background:#f0a56c}.podium-name{color:#fff;text-shadow:0 3px 0 var(--ink);font-weight:1000}.podium-points{color:#fff;font-family:"Workshop Play",var(--sans);font-weight:900}.place-1 .podium-name:before{background:var(--y);border:0;filter:drop-shadow(0 3px 0 var(--ink))}.podium-rest li{color:#fff;border-color:#ffffff40}.podium-rest li.is-me{color:var(--y)}.confetti i{border-radius:2px}.award{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink)}.award svg{color:var(--pk)}.award span{color:#4b3d86}.report{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink)}.report li span{color:#4b3d86}.report li b{color:#d6336c}.phone-tile{border:4px solid var(--ink);border-radius:22px;box-shadow:0 8px 0 var(--ink)}.phone-tile.tile-yellow{color:var(--ink)}.phone-tile:active:not(:disabled){transform:translateY(8px);box-shadow:none}.phone-tiles{gap:14px;padding:14px 14px 22px}.locked-shape{border:5px solid var(--ink);border-radius:26px;box-shadow:0 7px 0 var(--ink)}.phone-screen.result.right{background:var(--gr)}.phone-screen.result.wrong{background:var(--rd)}.phone-screen.result.none{background:var(--pu)}.result-icon{background:var(--paper);color:var(--ink);border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink)}.phone-gain{text-shadow:0 4px 0 var(--ink);font-weight:1000;font-size:3rem}.phone-gap,.phone-score,.phone-time,.phone-streak{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);padding:4px 14px;font-family:"Workshop Play",var(--sans);font-weight:800}.phone-rank{color:var(--y);text-shadow:0 5px 0 var(--ink);font-weight:1000}.reaction-bar{background:var(--ink);border-top:4px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;gap:6px}.reaction-bar button{background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px #000}.reaction-bar button:active{transform:translateY(3px);box-shadow:none}.reaction-bar button.sent{background:var(--y)}.reaction-who{background:var(--paper);color:var(--ink);border:2px solid var(--ink);font-weight:800}.phone-wait{border-color:#ffffff59;border-top-color:var(--y)}.mission{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink)}.mission .mission-no{color:#5a2dd0;font-weight:900}.mission-quote{color:#4b3d86}.mission-task{color:var(--ink);font-weight:700}.mission.has-solves{border-color:var(--ink);background:#fff3c2}.portrait{border:4px solid var(--ink);background:#fff}.solvers li{background:#fff;border:3px solid var(--ink);color:var(--ink);font-weight:900}.solvers li b{color:#4b3d86}.hunt-timer{color:#fff;text-shadow:0 4px 0 var(--ink);font-weight:1000}.toast{background:var(--y);color:var(--ink);border:4px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-weight:900}.phone-mission{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:20px;box-shadow:0 5px 0 var(--ink)}.phone-mission.solved{background:#cdf5da;border-color:var(--ink)}.phone-mission input{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:12px;font-weight:700}.hunt-phone-top,.hunt-phone-top span{color:#fff;font-weight:900}.game-root .feedback{background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:12px}.join-panel{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:26px;box-shadow:0 10px 0 var(--ink);font-family:"Workshop Play",var(--sans);font-weight:700}.join-panel:before{display:none}.join-panel h1{font-weight:1000;font-size:2.6rem}.join-panel .muted,.join-panel p{color:#4b3d86}.join-panel label,.join-panel legend{color:var(--ink);font-weight:900}.join-panel input:not([type=radio]):not([type=checkbox]){background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:14px;font-weight:800}.join-panel .button.primary{background:var(--y);color:var(--ink);border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-weight:900}.join-panel .button.primary:active:not(:disabled){transform:translateY(5px);box-shadow:none}.avatar-grid button{border:3px solid transparent;border-radius:16px}.avatar-grid button:hover{background:#ffe9a8}.avatar-grid button.on{border-color:var(--ink);background:var(--y);box-shadow:0 3px 0 var(--ink);transform:none}.join-panel .error{color:#c01f2f;font-weight:800}.brand-mark{width:28px;height:28px;background:none;border-radius:6px;display:block}.explain{margin:8px 0 12px;border:1px solid var(--border, #2b343b);border-radius:4px;background:#ffffff06}.explain>summary{cursor:pointer;padding:8px 12px;font-weight:700;font-size:.86rem;color:var(--accent);list-style:none}.explain>summary::-webkit-details-marker{display:none}.explain>summary:before{content:"▸ "}.explain[open]>summary:before{content:"▾ "}.explain ol{margin:0;padding:0 12px 8px;list-style:none;counter-reset:st;display:grid;gap:8px}.explain li{counter-increment:st;display:grid;grid-template-columns:22px minmax(0,.8fr) minmax(0,1.6fr);gap:10px;align-items:baseline;font-size:.88rem;line-height:1.5}.explain li:before{content:counter(st);width:20px;height:20px;border-radius:50%;background:var(--btn, #65a637);color:#0d1706;font-weight:800;font-size:.74rem;display:grid;place-items:center}.explain li code{font-family:var(--mono);font-size:.8rem;color:#cfe3bf;word-break:break-word;background:none;padding:0}.explain li span{color:var(--text, #dfe6ec)}.explain dl{margin:0;padding:8px 12px 12px;border-top:1px dashed var(--border, #2b343b);display:grid;gap:6px}.explain dl div{display:grid;grid-template-columns:130px 1fr;gap:10px;font-size:.84rem;line-height:1.45}.explain dt{font-family:var(--mono);color:var(--accent)}.explain dd{margin:0;color:var(--muted, #a4afb7)}@media(max-width:720px){.explain li{grid-template-columns:22px 1fr}.explain li code,.explain li span{grid-column:2}.explain dl div{grid-template-columns:1fr;gap:2px}}.presenter .explain,.presenter .explain li{font-size:1.05rem}.presenter .explain dl div{font-size:1rem}.blood{display:flex;align-items:center;gap:8px;margin:10px 0 0;font-weight:800;font-size:.95rem}.blood svg{flex:none}.blood span{font-weight:700;opacity:.8;font-size:.85rem}.blood.open{opacity:.65;font-weight:700}.blood.taken{color:#ff5c6a}.blood.taken b{color:inherit}.blood.mine{color:#fff;background:#d6303f;border-radius:10px;padding:6px 10px}.solvers li i{font-style:normal;font-family:var(--mono);font-size:.8rem;opacity:.75}.toast.blood{background:#d6303f;color:#fff;border:4px solid var(--ink, #1a0f45);font-size:1.25rem;box-shadow:0 5px 0 var(--ink, #1a0f45);animation:toastin .5s cubic-bezier(.2,1.3,.4,1),bloodshake .5s .4s}@keyframes bloodshake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.game-root .blood.taken{color:#c01f2f}.game-root .blood.open{color:var(--ink, #1a0f45)}.mission-task,.phone-mission .mission-task{white-space:pre-line}.hint-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.hint-list li{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:8px;background:#ffc23329;border:2px solid #ffc233;font-size:.95rem;line-height:1.4;font-weight:700}.hint-list li svg{flex:none;margin-top:2px;color:#ffc233}.hint-list li b{color:#ffc233}.game-root .hint-list li{background:#fff3c2;color:var(--ink, #1a0f45);border-color:var(--ink, #1a0f45)}.game-root .hint-list li svg,.game-root .hint-list li b{color:#b26a00}.hint-panel{margin-top:14px;display:grid;gap:8px}.hint-panel h3{margin:0;display:flex;align-items:center;gap:6px;font-size:1rem}.hint-panel .host-tool{width:100%;justify-content:flex-start}