:root{--bg: #f4efe4;--panel: #fbf7ee;--ink: #2b2118;--muted: #7a6a58;--line: #d8cbb2;--font: Georgia, serif;font-family:var(--font);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);min-height:100vh}#app{max-width:1400px;margin:0 auto;padding:16px}button,select{font:inherit;color:var(--ink)}button{padding:5px 12px;border:1px solid var(--ink);background:transparent;border-radius:4px;cursor:pointer}button:disabled{opacity:.4;cursor:default}select{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:3px 4px;max-width:100%}.top{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end;margin-bottom:14px}.brand h1{margin:0;font-size:1.9rem;letter-spacing:.04em}.sub{margin:0;color:var(--muted);font-style:italic}.top{align-items:center}.menu-toggle{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-color:var(--line);background:var(--panel)}.menu-toggle:hover{border-color:var(--accent);color:var(--accent)}.settings{position:fixed;inset:0 auto 0 0;z-index:800;width:min(320px,86vw);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px 18px 24px;overflow-y:auto;font-size:.9rem;background:var(--panel);border-right:1px solid var(--line);box-shadow:6px 0 28px #00000059;transform:translate(-105%);visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s}.settings.open{transform:none;visibility:visible;transition:transform .28s ease,visibility 0s}.settings #menu-close{align-self:flex-start;margin-bottom:4px}.settings label{display:flex;flex-direction:column;gap:3px;color:var(--muted)}.settings label select{width:100%;padding:5px 6px}.settings label.check{flex-direction:row;align-items:center;gap:8px;color:var(--ink)}@media(prefers-reduced-motion:reduce){.settings,.settings.open{transition:none}}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}@media(max-width:1000px){.layout{grid-template-columns:1fr}}.wide-board .layout{grid-template-columns:minmax(0,1fr)}.wide-board .side{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.wide-board #personas:empty{display:none}.play{position:relative}.statusbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:8px;min-height:32px}.statusbar .actions{display:flex;gap:8px}.board{position:relative;direction:ltr;display:grid;grid-template-columns:repeat(var(--cols),1fr);width:100%;border:6px solid var(--frame);border-radius:4px;box-shadow:0 6px 20px #00000040}.cell{all:unset;position:relative;aspect-ratio:1;display:grid;place-items:center;cursor:pointer}.cell.light{background:var(--light-sq)}.cell.dark{background:var(--dark-sq)}.cell.midline{box-shadow:inset 2px 0 0 var(--frame)}.cell.selected{outline:3px solid var(--accent);outline-offset:-3px}.cell.winning{outline:3px solid gold;outline-offset:-3px}.cell.hinted{box-shadow:inset 0 0 0 4px var(--accent)}.cell:focus-visible{outline:3px solid #2c6fbb;outline-offset:-3px}.cell.hl-move:after,.cell.hl-lmove:after{content:"";position:absolute;width:38%;height:38%;border-radius:50%;z-index:2;box-shadow:0 0 0 3px #ffffffd9,0 1px 6px #00000080}.cell.hl-move:after{background:var(--move)}.cell.hl-lmove:after{background:var(--lmove)}.cell.hl-move:has(.piece):after{width:26%;height:26%;top:6%;right:6%}.cell.hl-capture{box-shadow:inset 0 0 0 5px var(--capture);animation:capture-pulse 1.1s ease-in-out infinite}@keyframes capture-pulse{50%{box-shadow:inset 0 0 0 9px var(--capture)}}.cell.suggest:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:18%;z-index:3;pointer-events:none;border:4px solid var(--accent);box-shadow:0 0 14px 4px var(--accent);animation:suggest-blink .9s ease-in-out infinite}@keyframes suggest-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.15;transform:scale(.88)}}@media(prefers-reduced-motion:reduce){.cell.suggest:before,.cell.hl-capture,.blink-dot{animation:none}}.ghost{position:absolute;display:grid;place-items:center;pointer-events:none;z-index:5}.ghost .piece{width:86%;height:86%}.piece{width:86%;height:86%;overflow:visible;position:relative;z-index:1;pointer-events:none}.piece .body{stroke-width:4}.piece.white .body{fill:var(--white-piece);stroke:var(--white-stroke)}.piece.black .body{fill:var(--black-piece);stroke:var(--black-stroke)}.piece .inner{fill:none;stroke-width:3;opacity:.5}.piece.white .inner{stroke:var(--white-stroke)}.piece.black .inner{stroke:var(--black-text)}.piece.turncoat .body{stroke-dasharray:8 5}.piece text{font:bold 30px var(--font)}.piece.white text{fill:var(--white-stroke)}.piece.black text{fill:var(--black-text)}.piece.square text,.piece.pyramid text{font-size:28px}.prizes{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-height:40px;margin:6px 0}.prize-label{color:var(--muted);font-size:.85rem;margin-right:6px}.prize{all:unset;width:34px;height:34px;display:grid;place-items:center;border-radius:4px;cursor:pointer}.prize:disabled{cursor:default}.prize.selected{outline:3px solid var(--accent)}.prize.rescued{opacity:.5}.prize .piece{width:100%;height:100%}.choice{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);z-index:5;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px #00000059;max-width:min(90vw,520px)}.choice-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:2px}.choice-head p{margin:0;font-weight:700}.choice-option{text-align:left}.choice-cancel{flex:none;border-color:var(--line);color:var(--muted);font-size:.85rem;padding:3px 10px}.choice-cancel:hover{color:var(--ink);border-color:var(--ink)}.side{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:.9rem}.panel h2{margin:0 0 8px;font-size:1.05rem}.panel h3{margin:10px 0 4px;font-size:.9rem}.panel ul{margin:0;padding-left:18px}.panel li{margin:3px 0}.muted{color:var(--muted)}.threats li{color:var(--capture)}.tip{margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.small{font-size:.8rem}.suggestion{border-left:4px solid var(--accent);padding:2px 0 4px 10px;margin:8px 0}.suggestion h3{display:flex;align-items:center;gap:8px;margin-top:4px}.suggestion p{margin:4px 0}.why-label{font-weight:700;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.why li{margin:2px 0}.blink-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:suggest-blink .9s ease-in-out infinite}.log{max-height:220px;overflow-y:auto;padding-left:22px;margin:0;font-size:.85rem}.ev-capture{color:var(--capture)}.ev-victory{font-weight:700}.rule-list{font-size:.85rem}#personas{display:flex;flex-direction:column;gap:14px}.persona{position:relative}.persona.their-turn{box-shadow:0 0 0 2px var(--accent)}.persona-head{display:flex;gap:12px;align-items:center}.persona-id h2{margin:0 0 2px}.persona-id p{margin:0 0 6px}.home-board{font-size:.75rem;padding:2px 8px}.avatar{flex:none;width:120px;height:160px;border-radius:10px;overflow:hidden;border:2px solid var(--line);box-shadow:0 4px 12px #0000004d;transform-origin:50% 90%}.avatar img,.avatar video{width:100%;height:100%;object-fit:cover;display:block;transition:filter .4s ease}.speech{position:relative;margin:10px 0 4px;padding:8px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);font-style:italic;animation:speech-in .35s ease-out}.speech:before{content:"";position:absolute;top:-7px;left:40px;width:12px;height:12px;background:var(--bg);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}@keyframes speech-in{0%{opacity:0;transform:translateY(-4px)}}.bio summary{cursor:pointer;color:var(--muted);font-size:.8rem}.bio p{font-size:.85rem;margin:6px 0 0}.emo-idle .avatar{animation:breathe 4s ease-in-out infinite}.emo-thinking .avatar{animation:ponder 2.6s ease-in-out infinite}.emo-thinking .avatar img{filter:brightness(.92) saturate(.9)}.emo-pleased .avatar{animation:nod .9s ease-out 1,breathe 4s ease-in-out .9s infinite;box-shadow:0 0 14px #ffd2788c}.emo-triumphant .avatar{animation:cheer .7s ease-out 2,breathe 4s ease-in-out 1.4s infinite;box-shadow:0 0 22px 4px #ffc83ccc}.emo-worried .avatar{animation:tremble .5s ease-in-out 3,breathe 4s ease-in-out 1.5s infinite}.emo-worried .avatar img{filter:saturate(.85) brightness(.95)}.emo-upset .avatar{animation:shake .45s ease-in-out 2}.emo-upset .avatar img{filter:saturate(.7) contrast(1.05)}.emo-defeated .avatar{transform:translateY(6px) rotate(-3deg)}.emo-defeated .avatar img{filter:grayscale(.75) brightness(.85)}@keyframes breathe{50%{transform:scale(1.02)}}@keyframes ponder{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg) translateY(-2px)}}@keyframes nod{30%{transform:translateY(4px)}60%{transform:translateY(-2px)}}@keyframes cheer{40%{transform:translateY(-10px) scale(1.06)}70%{transform:translateY(0) scale(1)}}@keyframes tremble{25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes shake{20%{transform:translate(-6px) rotate(-2deg)}40%{transform:translate(6px) rotate(2deg)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.persona .avatar{animation:none!important}}[dir=rtl] .speech:before{left:auto;right:40px;border-left:0;border-right:1px solid var(--line)}.progs li{color:var(--accent);font-weight:600}.coord{position:absolute;z-index:3;pointer-events:none;font:bold .68rem/1 var(--font);color:var(--ink);background:color-mix(in srgb,var(--panel) 82%,transparent);border-radius:3px;padding:1px 3px}.coord-file{left:2px;top:50%;transform:translateY(-50%)}.coord-rank{top:2px;left:50%;transform:translate(-50%)}.tabs{display:flex;gap:4px;align-self:center}.tabs button{padding:6px 16px;border-radius:999px;font-weight:600}.tabs button[aria-selected=true]{background:var(--accent);color:var(--panel);border-color:var(--accent)}.learn-only{display:none}.learning .learn-only{display:block}.learning .play-only{display:none!important}.lesson .persona{margin-bottom:4px}.lesson .avatar{width:96px;height:128px}.lesson .persona-id h2{margin:2px 0}.lesson .task{padding:8px 10px;border-radius:6px;background:var(--bg);border-left:4px solid #d4a017}.lesson.solved{box-shadow:0 0 0 2px #d4a017}.lesson-why{border-left:4px solid var(--accent);padding:2px 0 2px 10px;margin:8px 0;animation:speech-in .35s ease-out}.lesson-why p{margin:2px 0}.lesson-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.lesson-buttons .spacer{flex:1}.lesson-buttons .primary,.course-list .current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.lesson-buttons .primary{background:var(--accent);color:var(--panel);font-weight:600}.cell.lesson-target{box-shadow:inset 0 0 0 3px #d4a017;animation:target-pulse 1.4s ease-in-out infinite}@keyframes target-pulse{50%{box-shadow:inset 0 0 0 3px #d4a017,inset 0 0 18px 4px #d4a017a6}}@media(prefers-reduced-motion:reduce){.cell.lesson-target{animation:none}}.course-bar{height:6px;border-radius:3px;background:var(--bg);border:1px solid var(--line);overflow:hidden;margin:4px 0 6px}.course-bar span{display:block;height:100%;background:#d4a017;transition:width .4s ease}.course-list{list-style:none;padding:0!important;margin:0}.course-list li{margin:2px 0}.course-list button{width:100%;text-align:start;display:flex;gap:8px;align-items:center;padding:4px 8px;font-size:.85rem}.course-list .mark{flex:none;width:1.4em;height:1.4em;border-radius:50%;display:inline-grid;place-items:center;font-size:.75rem;border:1px solid var(--line)}.course-list .done .mark{background:#2e7d32;color:#fff;border-color:#2e7d32}.course-list .seen .mark{color:#d4a017;border-color:#d4a017}button.link{background:none;border:0;padding:0;margin-top:8px;text-decoration:underline;color:var(--muted);cursor:pointer}.profile-only{display:none}.profiling .profile-only{display:block}.profiling .layout,.profiling .settings .play-only{display:none!important}.profile-view{max-width:1100px}.profile-head{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-bottom:14px}.level-ring{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 35% 30%,#ffe9a8,#d4a017 70%);color:#3a2a00;box-shadow:0 0 0 4px var(--panel),0 0 0 6px #d4a017}.lv-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.lv-num{font-size:1.7rem;font-weight:700;line-height:1}.profile-who{flex:1 1 240px;min-width:0}.name-field{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:.8rem}.name-field input{font:inherit;font-size:1.1rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 8px;max-width:280px}.xp-bar{height:10px;border-radius:5px;background:var(--bg);border:1px solid var(--line);overflow:hidden;margin:8px 0 2px}.xp-bar span{display:block;height:100%;background:linear-gradient(90deg,#d4a017,#ffd966);transition:width .5s ease}.rating-box{display:flex;flex-direction:column;align-items:center;min-width:120px}.rating-num{font-size:2rem;font-weight:700;line-height:1}.tier{font-weight:600;color:var(--accent)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.profile-grid .wide{grid-column:1 / -1}.daily .streak{font-weight:600}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.stat{display:flex;flex-direction:column;padding:6px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--line)}.stat-v{font-size:1.25rem;font-weight:700}.stat-l{font-size:.75rem;color:var(--muted)}.table-wrap{overflow-x:auto}table.vs{width:100%;border-collapse:collapse;font-size:.85rem}table.vs th,table.vs td{padding:4px 8px;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}table.vs .num,table.vs th:not(:first-child){text-align:end}.badges{list-style:none;padding:0!important;margin:0 0 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.badge{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg)}.badge-icon{grid-row:span 2;font-size:1.5rem;width:1.6em;height:1.6em;display:grid;place-items:center;border-radius:50%;background:var(--panel)}.badge-name{font-weight:600;font-size:.85rem}.badge-desc{font-size:.72rem;color:var(--muted)}.badge.got{border-color:#d4a017;box-shadow:0 0 0 1px #d4a017 inset}.badge.got .badge-icon{background:radial-gradient(circle,#fff3c4,#d4a017)}.badge.locked{opacity:.55}.badge.locked .badge-icon{filter:grayscale(1)}.recent{padding-left:18px;font-size:.85rem}.recent .res{font-weight:700}.res-win .res{color:#2e7d32}.res-loss .res{color:#c62828}.leaders{padding-left:0;list-style:none}.leaders li{display:flex;gap:8px;padding:3px 0;border-bottom:1px solid var(--line)}.leaders .rank{width:2em;font-weight:700}.leaders .num{margin-inline-start:auto}.leaders .you{font-weight:700;color:var(--accent)}.file-btn{cursor:pointer;display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.file-btn input{display:none}button.danger{color:#c62828}.streak-pill{margin-inline-start:auto;font-size:.75rem}.statusbar .clocks{display:inline-flex;gap:8px;margin-inline-start:12px;font-variant-numeric:tabular-nums}.clk{padding:1px 8px;border-radius:999px;border:1px solid var(--line);font-size:.85rem}.clk.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;font-weight:700}.clk.low{color:#fff;background:#c62828;border-color:#c62828}.clk.move{color:var(--muted)}.toasts{position:fixed;z-index:50;bottom:16px;inset-inline-end:16px;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:min(360px,calc(100vw - 32px))}.toast{padding:8px 14px;border-radius:8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 20px #0000004d;animation:toast-in .35s ease-out;transition:opacity .5s,transform .5s;font-weight:600}.toast.leaving{opacity:0;transform:translateY(8px)}.toast-xp{border-color:#d4a017}.toast-level{background:linear-gradient(90deg,#d4a017,#ffd966);color:#3a2a00}.toast-badge{border-color:#d4a017;box-shadow:0 0 0 1px #d4a017 inset,0 6px 20px #0000004d}.toast-note{font-weight:400;color:var(--muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.calc{outline:none;border-radius:8px}.calc:focus-visible{box-shadow:0 0 0 2px var(--accent)}.calc-screen{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-height:3.6em;padding:6px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-variant-numeric:tabular-nums;direction:ltr;overflow:hidden}.calc-tape{white-space:pre;font-size:.75rem;opacity:.6;text-align:right;line-height:1.3}.calc-main{font-size:1.5rem;font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.calc-main.calc-err{font-size:.95rem;color:var(--capture, #b33)}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;direction:ltr}.calc-keys button{padding:8px 0;font-size:1.05rem;font-variant-numeric:tabular-nums}.calc-keys [data-k=C],.calc-keys [data-k=⌫]{grid-column:span 2}.calc-keys .calc-op{font-weight:700;color:var(--accent)}.calc-keys .calc-eq{background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:700}.calc-keys .calc-fn{opacity:.85}.cell.helper{box-shadow:inset 0 0 0 3px var(--accent),0 0 14px 3px var(--accent);z-index:3;animation:helper-glow 1.1s ease-in-out infinite alternate}.cell.doomed{box-shadow:inset 0 0 0 3px var(--capture, #c0392b);z-index:3}@keyframes helper-glow{0%{box-shadow:inset 0 0 0 3px var(--accent),0 0 6px 1px var(--accent)}to{box-shadow:inset 0 0 0 3px var(--accent),0 0 18px 5px var(--accent)}}.ghost.held{z-index:6}.capture-bubble{position:absolute;z-index:20;width:max-content;max-width:min(300px,80%);translate:-50% -100%;padding:10px 12px 12px;border-radius:12px;cursor:pointer;overflow:hidden;background:var(--panel);color:var(--ink);border:2px solid var(--accent);box-shadow:0 8px 26px #0006;font-size:.85rem;line-height:1.35;text-align:start}.capture-bubble.below{translate:-50% 0}.capture-bubble.in{animation:bubble-in .25s ease-out}@keyframes bubble-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.capture-bubble:after{content:"";position:absolute;left:var(--arrow-x, 50%);top:100%;translate:-50% -7px;rotate:45deg;width:12px;height:12px;background:var(--panel);border:2px solid var(--accent);border-top:none;border-left:none}.capture-bubble.below:after{top:0;translate:-50% -7px;rotate:225deg}.capture-bubble p{margin:2px 0}.capture-bubble .cb-title{font-weight:700}.capture-bubble .cb-eq{font-size:1.25rem;font-weight:700;color:var(--accent);direction:ltr;text-align:center;margin:4px 0}.capture-bubble .cb-tap{font-size:.75rem;opacity:.65;margin-top:6px}.capture-bubble .cb-timer{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform-origin:left;animation:cb-timer linear forwards}@keyframes cb-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cell.helper,.capture-bubble.in{animation:none}}.celebration{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:900}.win-bubble{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:25;width:min(360px,86%);padding:14px 18px 16px;border-radius:16px;text-align:center;overflow:hidden;background:var(--panel);color:var(--ink);border:3px solid gold;box-shadow:0 0 0 4px color-mix(in srgb,gold 30%,transparent),0 14px 40px #00000080}.win-bubble.in{animation:win-in .5s cubic-bezier(.2,1.4,.4,1)}@keyframes win-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.win-bubble p{margin:3px 0}.win-bubble .wb-trophy{font-size:2.2rem;line-height:1;animation:trophy-bob 1.6s ease-in-out infinite}@keyframes trophy-bob{50%{translate:0 -4px;rotate:-6deg}}.win-bubble .wb-title{font-size:1.4rem;font-weight:800}.win-bubble .wb-name{font-weight:700;color:var(--accent)}.win-bubble .wb-detail{font-size:1.05rem;font-weight:600;direction:ltr;unicode-bidi:plaintext}.win-bubble .wb-why{font-size:.85rem;opacity:.9}.win-bubble .wb-score{font-size:.85rem;margin-top:8px;padding-top:6px;border-top:1px solid var(--line)}.win-bubble .wb-turns{font-size:.8rem;opacity:.7}.win-bubble .wb-buttons{display:flex;justify-content:center;gap:8px;margin-top:10px}@media(prefers-reduced-motion:reduce){.win-bubble.in,.win-bubble .wb-trophy{animation:none}}.win-bubble .wb-buttons .primary{background:var(--accent);color:var(--panel);border-color:var(--accent);font-weight:600}.fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.fold>summary::-webkit-details-marker{display:none}.fold>summary h2{margin:0;flex:1}.fold>summary:after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;translate:0 -2px;opacity:.7;transition:rotate .2s,translate .2s}.fold[open]>summary:after{rotate:225deg;translate:0 2px}.fold>summary:hover h2{color:var(--accent)}.fold>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.fold[open]>.fold-body{margin-top:10px}@media(prefers-reduced-motion:reduce){.fold>summary:after{transition:none}}.settings label.volume input[type=range]{width:100%;accent-color:var(--accent)}.settings label.volume.off{opacity:.45}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;display:grid;place-items:center;animation:intro-in .5s ease-out}.intro.leaving{opacity:0;transition:opacity .45s ease}@keyframes intro-in{0%{opacity:0}to{opacity:1}}.intro-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:.45;transition:opacity .6s ease}.intro.playing .intro-video{opacity:1}.intro-card{position:relative;text-align:center;color:#f3ead2;padding:24px;text-shadow:0 2px 18px rgba(0,0,0,.9)}.intro.playing .intro-card{display:none}.intro-card h1{margin:0;font-size:clamp(2.2rem,7vw,4.6rem);letter-spacing:.08em}.intro-card p{margin:6px 0 22px;font-style:italic;opacity:.85}.intro-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.intro button{color:#f3ead2;border:1px solid rgba(243,234,210,.6);background:#00000059;padding:9px 18px;font-size:1rem;border-radius:6px}.intro .intro-watch{background:#b5893a;border-color:#b5893a;color:#140f05;font-weight:700}.intro button:hover{border-color:#f3ead2}.intro .intro-skip{position:absolute;right:18px;bottom:18px}.settings .menu-intro{align-self:stretch;text-align:start}@media(prefers-reduced-motion:reduce){.intro,.intro-video{animation:none;transition:none}}.settings label.check.disabled{opacity:.45;cursor:not-allowed}.speech.live{animation:speech-in .35s ease-out}.ask-coach{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.ask-coach h3{margin:0 0 6px}.ask-form{display:flex;gap:6px}.ask-form input{flex:1;min-width:0;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px}.ask-qa{margin-bottom:8px}.ask-q{margin:0 0 4px;font-style:italic;opacity:.85}.ask-q:before{content:"“"}.ask-q:after{content:"”"}.ask-a{margin:0;padding:6px 10px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 6px 6px 0}.account-form{display:flex;gap:6px;flex-wrap:wrap}.account-form input{flex:1 1 200px;min-width:0;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px}.account-sent{padding:6px 10px;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 6px 6px 0}.account-failed{color:var(--capture, #b33)}
