@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/MnemonicaStack/assets/cormorant-garamond-latin-400-normal-B-1hWBU7.woff2) format("woff2"),url(/MnemonicaStack/assets/cormorant-garamond-latin-400-normal-B7YtguxJ.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/MnemonicaStack/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/MnemonicaStack/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/MnemonicaStack/assets/cormorant-garamond-latin-700-normal-DajfzrDU.woff2) format("woff2"),url(/MnemonicaStack/assets/cormorant-garamond-latin-700-normal-O25Qpphb.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/MnemonicaStack/assets/cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2) format("woff2"),url(/MnemonicaStack/assets/cormorant-garamond-latin-400-italic-BLh7T8o8.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/MnemonicaStack/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2) format("woff2"),url(/MnemonicaStack/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff) format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/MnemonicaStack/assets/jetbrains-mono-latin-700-normal-BYuf6tUa.woff2) format("woff2"),url(/MnemonicaStack/assets/jetbrains-mono-latin-700-normal-D3wTyLJW.woff) format("woff")}:root{--bg: #0a0807;--bg-warm: #17110b;--text: #e8dcc4;--text-dim: #9a8f78;--gold: #b89968;--gold-bright: #d4b878;--card-face: #f5efe0;--suit-red: #a8201a;--suit-red-soft: #c2554d;--suit-black: #0e0c0a;--line: rgba(184, 153, 104, .22);--line-strong: rgba(184, 153, 104, .5);--serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden}body{margin:0;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 50% 28%,var(--bg-warm) 0%,var(--bg) 58%);background-attachment:fixed;font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;touch-action:manipulation}body.no-scroll{overflow:hidden;height:100vh;height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit;color:inherit}.app{position:relative;z-index:1;max-width:480px;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(56px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));min-height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app input,.app textarea{-webkit-user-select:text;user-select:text}.screen{display:flex;flex-direction:column;gap:18px}.title{margin:0;font-family:var(--serif);font-weight:600;font-size:clamp(34px,11vw,46px);letter-spacing:.5px;text-align:center;color:var(--text)}.subtitle{margin:6px 0 0;font-family:var(--serif);font-size:18px;text-align:center;color:var(--text-dim)}.subtitle em{color:var(--gold)}.section-title{margin:0;font-family:var(--serif);font-weight:600;font-size:22px;text-align:center;color:var(--text)}.metric-grid{display:grid;gap:8px}.metric-grid--4{grid-template-columns:repeat(4,1fr)}.metric-grid--3{grid-template-columns:repeat(3,1fr)}.metric-box{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 6px;border:1px solid var(--line);border-radius:8px;background:#f5efe004}.metric-value{font-family:var(--mono);font-weight:700;font-size:20px;color:var(--gold-bright)}.metric-label{font-family:var(--mono);font-size:10px;letter-spacing:.5px;text-align:center;color:var(--text-dim)}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 0;font-size:14px;opacity:.75}.ornament:before,.ornament:after{content:"";height:1px;width:46px;background:linear-gradient(90deg,transparent,var(--line-strong))}.ornament:after{transform:scaleX(-1)}.orn-red{color:var(--suit-red-soft)}.orn-black{color:var(--gold)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.5px;padding:13px 18px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px);border-color:var(--line-strong)}.btn:active{transform:translateY(0) scale(.99)}.btn-primary{background:linear-gradient(180deg,#d4b87833,#b8996814);border-color:var(--gold);color:var(--gold-bright)}.btn-primary:hover{border-color:var(--gold-bright);box-shadow:0 10px 22px #00000073}.btn-ghost{background:#f5efe005}.btn-danger{border-color:var(--suit-red);color:var(--suit-red-soft);background:#a8201a14}.btn-danger:hover{border-color:var(--suit-red-soft);box-shadow:0 8px 18px #0006}.btn-link{padding:6px 4px;border:none;background:none;font-family:var(--mono);font-size:12.5px;color:var(--gold);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer;transition:color .2s ease}.btn-link:hover{color:var(--gold-bright)}.home-header{margin-bottom:2px}.mode-list{display:flex;flex-direction:column;gap:12px}.mode-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px 18px;text-align:left;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#f5efe008,#f5efe002);color:var(--text);cursor:pointer;transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .24s ease,box-shadow .24s ease}.mode-button:hover{transform:translateY(-3px) rotate(-.5deg);border-color:var(--line-strong);box-shadow:0 12px 26px #00000080}.mode-button:active{transform:translateY(-1px) scale(.995)}.mode-name{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--text)}.mode-desc{font-family:var(--mono);font-size:11px;line-height:1.4;color:var(--text-dim)}.secondary-actions{display:flex;flex-direction:column;gap:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.toolbar-stat{display:flex;flex-direction:column;align-items:center;line-height:1.15}.ts-value{font-family:var(--mono);font-weight:700;font-size:15px;color:var(--gold-bright)}.ts-label{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--text-dim)}.toolbar-title{font-family:var(--serif);font-size:20px;color:var(--text)}.toolbar-spacer{width:52px}.playing-card{position:relative;flex:none;aspect-ratio:5 / 7;border-radius:9px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55)) drop-shadow(0 2px 4px rgba(0,0,0,.4))}.playing-card--large{width:148px;border-radius:11px}.playing-card--medium{width:96px}.playing-card--small{width:100%;border-radius:6px}.pc-image{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pc-missing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--text-dim);background:var(--card-face);border-radius:inherit}.position-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;flex:none;aspect-ratio:5 / 7;border:2px solid var(--suit-black);border-radius:11px;background:var(--card-face);color:var(--suit-black);box-shadow:0 10px 20px #0000008c,0 2px 5px #00000073}.position-display--large{width:148px}.position-display--medium{width:96px;border-radius:9px}.pd-label{font-family:var(--mono);letter-spacing:2px;color:#7a6a4d}.position-display--large .pd-label{font-size:11px}.position-display--medium .pd-label{font-size:9px;letter-spacing:1px}.pd-number{font-family:var(--mono);font-weight:700;line-height:1;color:var(--suit-black)}.position-display--large .pd-number{font-size:58px}.position-display--medium .pd-number{font-size:38px}.prompt-text{margin:2px 0 0;font-family:var(--serif);font-style:italic;font-size:21px;text-align:center;color:var(--text)}.stimulus{display:flex;justify-content:center;padding:4px 0 2px;animation:cardIn .28s cubic-bezier(.2,.7,.2,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px) rotate(-1.5deg) scale(.96)}to{opacity:1;transform:none}}.reveal-link{align-self:center}.prompt-toggle{align-self:center;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#f5efe005;color:var(--gold);font-family:var(--mono);font-size:10.5px;letter-spacing:.5px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.prompt-toggle:hover{border-color:var(--line-strong);color:var(--gold-bright)}.spoken-card{width:148px;aspect-ratio:5 / 7;border:2px solid var(--gold);border-radius:11px;background:radial-gradient(ellipse at 50% 40%,rgba(212,184,120,.18),transparent 70%),linear-gradient(180deg,#1c150c,#0a0807);color:var(--gold-bright);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 10px 20px #0000008c,0 2px 5px #00000073;-webkit-tap-highlight-color:transparent}.spoken-card-label{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-align:center}.result{display:flex;flex-direction:column;align-items:center;gap:18px;animation:cardIn .28s cubic-bezier(.2,.7,.2,1)}.result-banner{font-family:var(--serif);font-style:italic;font-size:26px;letter-spacing:.5px}.result-banner.is-correct{color:var(--gold-bright)}.result-banner.is-wrong{color:var(--suit-red-soft)}.result-banner.is-neutral{color:var(--text-dim)}.result{cursor:pointer;-webkit-tap-highlight-color:transparent}.result:focus{outline:none}.result:focus-visible{outline:1px solid var(--gold);outline-offset:6px;border-radius:10px}.result.is-correct .result-banner{font-size:38px;text-shadow:0 0 28px rgba(212,184,120,.55),0 0 6px rgba(212,184,120,.45);animation:bannerPop .46s cubic-bezier(.2,.7,.2,1)}@keyframes bannerPop{0%{opacity:0;transform:scale(.55)}55%{opacity:1;transform:scale(1.18)}80%{transform:scale(.97)}to{transform:scale(1)}}.result.is-correct .reveal{position:relative}.result.is-correct .reveal:before{content:"";position:absolute;top:-28px;right:-12px;bottom:-28px;left:-12px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,rgba(212,184,120,.28),transparent 65%);animation:glowPulse 1.4s ease-in-out infinite alternate}@keyframes glowPulse{0%{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}.celebrate{display:flex;justify-content:center;gap:14px;margin-top:-8px;font-size:22px}.celebrate .orn-red{color:var(--suit-red-soft)}.celebrate .orn-black{color:var(--gold)}.celebrate span{display:inline-block;animation:pipPop .52s cubic-bezier(.2,.7,.2,1) both}.celebrate span:nth-child(1){animation-delay:60ms}.celebrate span:nth-child(2){animation-delay:.14s}.celebrate span:nth-child(3){animation-delay:.22s}.celebrate span:nth-child(4){animation-delay:.3s}@keyframes pipPop{0%{opacity:0;transform:translateY(10px) scale(.4) rotate(-14deg)}60%{opacity:1;transform:translateY(-6px) scale(1.25) rotate(8deg)}to{opacity:1;transform:none}}.tap-hint{margin:6px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:1.2px;text-align:center;color:var(--text-dim)}.reveal{display:flex;align-items:center;justify-content:center;gap:14px}.reveal-item{display:flex;flex-direction:column;align-items:center;gap:8px}.reveal-label{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:var(--text-dim)}.reveal-arrow{font-family:var(--mono);font-size:22px;color:var(--gold)}.your-choice{margin:-6px 0 0;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.your-choice-sub{opacity:.7;font-size:11px}.reveal-hook{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#d4b8780d}.reveal-hook-label{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;color:var(--text-dim)}.reveal-hook-pair{font-family:var(--serif);font-style:italic;font-size:20px;text-align:center;color:var(--gold-bright)}.reveal-hook-sub{font-family:var(--mono);font-size:10px;letter-spacing:.5px;text-align:center;color:var(--text-dim)}.reveal-hook-link{margin-top:3px;font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.4;text-align:center;color:var(--text)}.next-btn{min-width:180px}.number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:7px;animation:gridSettle .18s steps(2,end)}.card-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;animation:gridSettle .18s steps(2,end)}@keyframes gridSettle{0%{pointer-events:none}to{pointer-events:auto}}.grid-cell{border:1px solid var(--line);border-radius:7px;background:#f5efe006;color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.grid-cell:hover{transform:translateY(-2px);border-color:var(--line-strong);background:#d4b87814}.grid-cell:active{transform:scale(.94);border-color:var(--gold);background:#d4b87829}.num-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-family:var(--mono);font-size:15px}.card-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:.72;padding:2px 0;line-height:1}.card-cell.is-red{color:var(--suit-red-soft)}.card-cell.is-black{color:var(--text)}.cc-rank{font-family:var(--mono);font-weight:700;font-size:12px}.cc-suit{font-size:11px;margin-top:1px}.empty-note,.reference-note{margin:0;font-family:var(--mono);font-size:12px;text-align:center;color:var(--text-dim)}.weak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:12px}.weak-card{display:flex;flex-direction:column;align-items:center;gap:5px}.weak-pos{font-family:var(--mono);font-size:10px;color:var(--text-dim)}.weak-acc{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--gold-bright)}.reset-area{margin-top:4px}.reset-btn{width:100%}.confirm{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--suit-red);border-radius:10px;background:#a8201a0f}.confirm-text{margin:0;font-family:var(--mono);font-size:13px;text-align:center;color:var(--text)}.confirm-actions{display:flex;gap:10px}.confirm-actions .btn{flex:1}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px}.reference-cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer}.ref-pos{font-family:var(--mono);font-size:11px;color:var(--gold)}.learn-cta{display:flex;flex-direction:column;gap:8px;width:100%;padding:18px;text-align:left;border:1px solid var(--gold);border-radius:12px;background:linear-gradient(180deg,#d4b87829,#b899680d);color:var(--text);cursor:pointer;transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .24s ease,box-shadow .24s ease}.learn-cta:hover{transform:translateY(-3px);border-color:var(--gold-bright);box-shadow:0 12px 28px #00000080}.learn-cta:active{transform:translateY(-1px) scale(.995)}.learn-cta-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.learn-cta-name{font-family:var(--serif);font-weight:600;font-size:24px;color:var(--gold-bright)}.learn-cta-count{font-family:var(--mono);font-size:14px;color:var(--gold)}.learn-cta-desc{font-family:var(--mono);font-size:11px;line-height:1.4;color:var(--text-dim)}.learn-cta-bar,.learn-progress-bar{display:block;height:5px;margin-top:2px;border-radius:3px;background:#f5efe014;overflow:hidden}.learn-cta-bar>span,.learn-progress-bar>span{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .3s ease}.eyebrow{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--text-dim)}.learn-progress{display:flex;flex-direction:column;gap:6px}.learn-progress-text{font-family:var(--mono);font-size:11px;text-align:center;color:var(--text-dim)}.learn-card{display:flex;flex-direction:column;gap:16px;animation:cardIn .28s cubic-bezier(.2,.7,.2,1)}.learn-pair{display:flex;align-items:center;justify-content:center;gap:14px}.learn-side{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:140px}.learn-peg{font-family:var(--serif);font-style:italic;font-size:22px;text-align:center;color:var(--gold-bright)}.learn-cue{font-family:var(--mono);font-size:10px;letter-spacing:.5px;text-align:center;color:var(--text-dim)}.learn-amp{font-family:var(--serif);font-size:24px;color:var(--gold)}.learn-link-hint{margin:0;font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.45;text-align:center;color:var(--text)}.learn-link-hint strong{font-style:normal;color:var(--gold-bright)}.learn-field{display:flex;flex-direction:column;gap:5px}.learn-field-label{font-family:var(--mono);font-size:10px;letter-spacing:1px;color:var(--text-dim)}.learn-input{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#f5efe008;color:var(--text);font-family:var(--mono);font-size:14px;transition:border-color .2s ease,background .2s ease}.learn-input::placeholder{color:#9a8f7899}.learn-input:focus{outline:none;border-color:var(--gold);background:#d4b8780f}.learn-mark{width:100%}.learn-nav{display:flex;gap:10px}.learn-nav .btn{flex:1}.btn:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}.major-help{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#f5efe004}.major-help summary{font-family:var(--mono);font-size:12px;color:var(--gold);cursor:pointer}.major-help-text{margin:10px 0;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--text-dim)}.major-table{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 16px}.major-row{display:flex;gap:10px;align-items:baseline}.major-digit{width:14px;font-family:var(--mono);font-weight:700;color:var(--gold-bright)}.major-sound{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.empty-drill{display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 10px}.empty-drill-text{margin:0;font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.5;text-align:center;color:var(--text)}.ref-image{font-family:var(--mono);font-size:10px;text-align:center;color:var(--text-dim)}.setup-intro{margin:0;font-family:var(--serif);font-style:italic;font-size:18px;text-align:center;color:var(--text)}.setup-section{display:flex;flex-direction:column;gap:10px}.setup-phase{margin:8px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:1.5px;color:var(--gold-bright)}.setup-text{margin:0;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--text-dim)}.setup-text strong{font-weight:700;color:var(--text)}.setup-text em{font-style:italic;color:var(--gold)}.setup-steps{display:flex;flex-direction:column;gap:11px;margin:0;padding-left:20px}.setup-steps li{font-family:var(--mono);font-size:12.5px;line-height:1.6;color:var(--text)}.setup-steps li::marker{font-weight:700;color:var(--gold)}.setup-steps strong{color:var(--gold-bright)}.inline-link{padding:0;border:none;background:none;font:inherit;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.inline-link:hover{color:var(--gold-bright)}.setup-substeps{display:flex;flex-direction:column;gap:6px;margin:9px 0 0;padding-left:16px;list-style:disc}.setup-substeps li{font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--text-dim)}.setup-substeps li::marker{color:var(--gold)}.setup-caveat{margin:4px 0 0;padding:11px 13px;border-left:2px solid var(--gold);border-radius:4px;background:#d4b8780d;font-family:var(--mono);font-size:11.5px;line-height:1.55;color:var(--text)}.pile-visual{display:flex;flex-direction:column;align-items:center;gap:10px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f5efe005}.pile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:230px}.pile-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:5 / 7;border:1px solid var(--line);border-radius:5px;background:#f5efe008}.pile-cell.is-anchor{border-color:var(--gold)}.pile-cell.is-diag{animation:diagSweep 2.4s ease-in-out infinite}@keyframes diagSweep{0%,60%,to{background:#f5efe008;border-color:var(--line);box-shadow:none}18%{background:#d4b87838;border-color:var(--gold-bright);box-shadow:0 0 12px #d4b87873}}.pile-num{font-family:var(--mono);font-weight:700;font-size:13px;color:var(--gold-bright)}.pile-caption{font-family:var(--mono);font-size:10.5px;line-height:1.5;text-align:center;color:var(--text-dim)}.sync-actions{display:flex;gap:10px}.sync-actions .btn{flex:1}.sync-status{margin:0;font-family:var(--mono);font-size:12px;text-align:center;color:var(--gold)}.sync-now{width:100%}.sync-code-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#d4b8780d}.sync-code{font-family:var(--mono);font-size:20px;letter-spacing:2px;color:var(--gold-bright);word-break:break-all;text-align:center}.sync-hint{margin:0;font-family:var(--mono);font-size:10.5px;line-height:1.5;text-align:center;color:var(--text-dim)}.sync-disconnect{width:100%;margin-top:4px}.cut-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 14px;border:1px solid var(--line);border-radius:10px;background:#d4b8780d}.cut-pos{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:var(--text-dim)}.cut-method{margin:0;font-family:var(--serif);font-size:19px;line-height:1.45;text-align:center;color:var(--text)}.insight-cards{display:flex;justify-content:center;gap:16px;margin-top:4px}.insight-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:66px}.insight-card-pos{font-family:var(--mono);font-size:10px;color:var(--text-dim)}.soundkey-tab{position:fixed;right:env(safe-area-inset-right,0px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);z-index:60;padding:14px 9px;border:1px solid var(--gold);border-right:none;border-radius:10px 0 0 10px;background:linear-gradient(180deg,#d4b87838,#141009f0);color:var(--gold-bright);cursor:pointer;box-shadow:-4px 4px 16px #00000080;transition:padding-right .2s ease,background .2s ease}.soundkey-tab:hover{padding-right:13px;background:linear-gradient(180deg,#d4b8784d,#141009f0)}.soundkey-tab-label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--mono);font-size:12px;letter-spacing:1.5px}.soundkey-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a080773;animation:fadeIn .18s ease}.soundkey-panel{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:70;width:250px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow-y:auto;padding:16px;border:1px solid var(--gold);border-radius:12px;background:linear-gradient(180deg,#1a1410,#100c08);box-shadow:0 16px 44px #0000009e;animation:soundkeyIn .22s cubic-bezier(.2,.7,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes soundkeyIn{0%{opacity:0;transform:translate(14px,-50%)}to{opacity:1;transform:translateY(-50%)}}.soundkey-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.soundkey-title{font-family:var(--serif);font-size:19px;color:var(--gold-bright)}.soundkey-close{padding:0 4px;border:none;background:none;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer;transition:color .2s ease}.soundkey-close:hover{color:var(--text)}.soundkey-note{margin:8px 0;font-family:var(--mono);font-size:10.5px;line-height:1.5;color:var(--text-dim)}.soundkey-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 14px;margin:6px 0}.soundkey-row{display:flex;gap:10px;align-items:baseline}.soundkey-digit{width:12px;font-family:var(--mono);font-weight:700;color:var(--gold-bright)}.soundkey-sound{font-family:var(--mono);font-size:12px;color:var(--text)}.soundkey-suits{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:13px;color:var(--text)}.soundkey-suits b{font-weight:700}.soundkey-suits .is-red{color:var(--suit-red-soft)}.soundkey-eg{margin:10px 0 0;font-family:var(--serif);font-style:italic;font-size:13px;line-height:1.4;color:var(--text-dim)}.random-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;background-color:var(--bg);background-image:radial-gradient(circle at 50% 38%,var(--bg-warm) 0%,var(--bg) 62%);cursor:pointer;-webkit-tap-highlight-color:transparent}.random-card .playing-card{width:min(82vw,calc((100dvh - 96px) * 5 / 7))}.random-card-back{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:1;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:14px;cursor:pointer}.random-card-back:hover{color:var(--text)}.random-card-hint{position:absolute;left:0;right:0;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));text-align:center;pointer-events:none;color:var(--gold-bright);font-family:var(--mono);font-size:12px;letter-spacing:1px;opacity:.85}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.stimulus-pair{display:flex;align-items:center;justify-content:center;gap:14px}.pair-gap{font-size:28px;color:var(--gold)}.reveal-pair{display:flex;gap:6px}.reveal-pair .playing-card{width:52px;flex:none}.metric-grid--5{grid-template-columns:repeat(5,1fr);gap:6px}.metric-grid--5 .metric-box{padding:12px 3px}.metric-grid--5 .metric-value{font-size:17px}.metric-grid--5 .metric-label{font-size:9px;letter-spacing:.2px}.timed-screen{display:flex;flex-direction:column;gap:16px}.timed-ready,.timed-done{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.timed-ready{margin-top:8px}.timed-best-badge{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 28px;border:1px solid var(--line-strong);border-radius:12px;background:#d4b8780d}.timed-best-value{font-family:var(--serif);font-size:38px;font-weight:700;color:var(--gold-bright);line-height:1}.timed-best-label,.timed-best-none{font-family:var(--mono);font-size:11px;letter-spacing:.4px;color:var(--text-dim)}.timed-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;min-height:50dvh}.countdown-num{font-family:var(--serif);font-size:120px;font-weight:700;color:var(--gold-bright);line-height:1;animation:countPop .8s ease}@keyframes countPop{0%{opacity:0;transform:scale(1.4)}30%{opacity:1;transform:scale(1)}to{opacity:.85}}.countdown-sub{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--text-dim)}.timed-pb{font-family:var(--mono);font-size:13px;letter-spacing:.5px;color:var(--gold-bright);padding:8px 16px;border:1px solid var(--gold);border-radius:999px;background:#d4b8781a}.timed-result{display:flex;flex-direction:column;align-items:center;gap:2px}.timed-result-avg{font-family:var(--serif);font-size:60px;font-weight:700;color:var(--gold-bright);line-height:1}.timed-result-label{font-family:var(--mono);font-size:12px;letter-spacing:.5px;color:var(--text-dim)}.timed-run-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.timed-clock-big{font-family:var(--serif);font-size:72px;font-weight:700;color:var(--gold-bright);line-height:1;font-variant-numeric:tabular-nums}.timed-clock-count{font-family:var(--mono);font-size:12px;letter-spacing:1px;color:var(--text-dim)}.timed-retire{color:var(--suit-red-soft);font-size:13px}.timed-discard{align-self:center;color:var(--text-dim);font-size:12px;margin-top:-4px}.timed-chart{width:100%;display:flex;flex-direction:column;gap:6px;padding:12px 12px 8px;border:1px solid var(--line);border-radius:12px;background:#f5efe004}.timed-chart-svg{width:100%;height:auto;display:block}.timed-chart-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.3px;color:var(--text-dim)}.timed-chart-labels span:nth-child(1){color:var(--gold-bright)}.timed-chart-empty{margin:0;padding:18px 12px;width:100%;text-align:center;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--text-dim);border:1px dashed var(--line);border-radius:12px}.drill-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.filter-pill{padding:5px 12px;border:1px solid var(--line-strong);border-radius:999px;background:#d4b8780d;color:var(--gold);font-family:var(--mono);font-size:10.5px;letter-spacing:.5px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.filter-pill:hover{border-color:var(--gold);color:var(--gold-bright)}.filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#060504c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.filter-panel{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px;padding:20px;border:1px solid var(--gold);border-radius:14px;background:var(--bg-warm);box-shadow:0 20px 50px #0009}.filter-title{font-family:var(--serif);font-size:20px;color:var(--text);text-align:center}.filter-subtitle{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--text-dim);margin-top:4px}.filter-option,.filter-range{padding:12px;border:1px solid var(--line);border-radius:9px;background:#f5efe008;color:var(--text);font-family:var(--mono);font-size:13px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.filter-option.is-active,.filter-range.is-active{border-color:var(--gold);background:var(--gold);color:var(--bg);font-weight:700}.filter-ranges{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.filter-close{margin-top:4px}.direction-prompt{display:flex;flex-direction:column;align-items:center;gap:2px}.direction-badge{font-family:var(--serif);font-weight:700;font-size:44px;letter-spacing:3px;line-height:1;color:var(--gold-bright)}.direction-sub{font-family:var(--mono);font-size:11px;letter-spacing:.4px;color:var(--text-dim)}.acaan-stim{display:flex;align-items:center;justify-content:center;gap:16px}.acaan-arrow{font-size:26px;color:var(--gold)}.acaan-target{display:flex;flex-direction:column;align-items:center;gap:2px}.acaan-target-num{font-family:var(--serif);font-size:56px;font-weight:700;color:var(--gold-bright);line-height:1}.acaan-target-label{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--text-dim)}.acaan-answer{display:flex;flex-direction:column;align-items:center;gap:2px}.acaan-answer-cut{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--gold-bright)}.acaan-answer-from{font-size:18px;color:var(--text-dim);font-weight:400}.acaan-answer-alt{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.acaan-peek{display:flex;justify-content:center;gap:22px}.acaan-peek-item{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.6}.acaan-peek-item.is-key{opacity:1}.acaan-peek-item .playing-card{width:58px}.acaan-peek-item.is-key .playing-card{width:66px}.acaan-peek-label{font-family:var(--mono);font-size:10px;letter-spacing:.3px;color:var(--text-dim)}.acaan-peek-item.is-key .acaan-peek-label{color:var(--gold-bright)}.acaan-working{display:flex;flex-direction:column;gap:6px;width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:#d4b8780d}.acaan-working-line{margin:0;font-family:var(--serif);font-size:17px;line-height:1.4;color:var(--text);text-align:center}.acaan-working-sub{margin:0;font-family:var(--mono);font-size:11px;color:var(--text-dim);text-align:center}.route-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-family:var(--serif);font-size:17px;line-height:1.4;color:var(--text);text-align:left}.route-steps li::marker{color:var(--gold)}.landmark-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px}.landmark-card{display:flex;flex-direction:column;align-items:center;gap:5px;width:64px}.landmark-pos{font-family:var(--mono);font-size:10px;color:var(--gold)}.landmark-role{font-family:var(--mono);font-size:9.5px;color:var(--text-dim);text-align:center}.toolkit-picker{margin-top:10px}.route-result{margin-top:14px;padding:16px 14px;border:1px solid var(--gold);border-radius:10px;background:#d4b8780f}.route-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.route-head .playing-card{width:56px;flex:none}body.no-scroll .app:has(.drill),body.no-scroll .app:has(.timed-running){display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}body.no-scroll .drill,body.no-scroll .timed-running{flex:1 1 auto;min-height:0;gap:12px}body.no-scroll .stimulus{flex:none}body.no-scroll .stimulus .playing-card,body.no-scroll .stimulus .spoken-card{width:min(148px,19dvh)}body.no-scroll .number-grid,body.no-scroll .card-grid,body.no-scroll .drill .result{flex:1 1 auto;min-height:0;overflow-y:auto;align-content:start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.route-head-text{display:flex;flex-direction:column;gap:2px}.route-card-name{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--text)}.route-card-pos{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.route-summary{margin:0 0 10px;font-family:var(--mono);font-size:12px;color:var(--gold-bright)}.session-sub{margin:0;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--text-dim);text-align:center}.session-begin{align-self:center;min-width:180px}.session-actions{display:flex;gap:10px;margin-top:4px}.session-actions .btn{flex:1}.ref-badge{position:absolute;top:18px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--suit-red);box-shadow:0 0 0 2px var(--bg)}.ref-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#060504c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ref-detail{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:280px;padding:22px;border:1px solid var(--gold);border-radius:14px;background:var(--bg-warm);box-shadow:0 20px 50px #0009}.ref-detail .playing-card{width:92px}.ref-detail-body{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.ref-detail-name{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--text)}.ref-detail-pos{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.ref-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:8px}.ref-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border:1px solid var(--line);border-radius:8px}.ref-stat-value{font-family:var(--serif);font-size:20px;color:var(--gold-bright)}.ref-stat-label{font-family:var(--mono);font-size:9px;color:var(--text-dim)}.ref-detail-close{width:100%}.sync-embedded{display:flex;flex-direction:column;gap:14px}.stack-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#f5efe005;color:var(--text);cursor:pointer;transition:border-color .16s ease,background .16s ease}.stack-row:not(:disabled):hover{border-color:var(--line-strong)}.stack-row.is-active{border-color:var(--gold);background:#d4b8780f;cursor:default}.stack-row-main{display:flex;flex-direction:column;gap:2px}.stack-row-name{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--text)}.stack-row-author{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.stack-row-meta{font-family:var(--mono);font-size:11px;color:var(--gold);white-space:nowrap}.stack-row.is-active .stack-row-meta{color:var(--gold-bright)}.stack-confirm{margin-top:12px;padding:14px;border:1px solid var(--gold);border-radius:10px;background:#d4b8780f;display:flex;flex-direction:column;gap:10px}.heat-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:4px}.heat-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:5px;font-family:var(--mono);font-size:9.5px;color:var(--bg);font-weight:700}.heat-cell.is-empty{border:1px dashed var(--line);color:var(--text-dim);font-weight:400}.heat-legend{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--mono);font-size:10px;color:var(--text-dim)}.heat-legend span+.heat-swatch{margin-left:8px}.heat-swatch{width:12px;height:12px;border-radius:3px}.heat-swatch.is-empty{border:1px dashed var(--line)}.slow-list{display:flex;flex-direction:column;gap:6px;align-items:center}.slow-row{display:flex;gap:14px;font-family:var(--mono);font-size:12px}.slow-card{color:var(--text);font-weight:700;min-width:34px}.slow-pos{color:var(--text-dim)}.slow-time{color:var(--suit-red-soft)}.audio-screen{gap:16px}.audio-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.audio-chips{display:flex;gap:8px;margin-bottom:8px}.audio-chip{padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px;background:#f5efe008;color:var(--text);font-family:var(--mono);font-size:12px;cursor:pointer;transition:border-color .14s ease,background .14s ease}.audio-chip.is-active{border-color:var(--gold);background:var(--gold);color:var(--bg);font-weight:700}.audio-now{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0}.audio-answer{margin:0;font-family:var(--serif);font-size:20px;color:var(--gold-bright)}.stack-paste{min-height:120px;resize:vertical;line-height:1.6}.stack-parse-status{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);text-align:center}.stack-parse-status.has-errors{color:var(--suit-red-soft)}.stack-parse-errors{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.stack-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;font-family:var(--mono);font-size:11px;color:var(--text)}.stack-preview-cell em{font-style:normal;color:var(--text-dim);font-size:9.5px}.stack-row-main{border:none;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;font:inherit;display:flex;flex-direction:column;gap:2px}.stack-row-main:disabled{cursor:default}.stack-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.stack-delete{color:var(--suit-red-soft);font-size:11px;padding:2px 4px}