:root{--bg:#07130f;--bg-2:#0b1f18;--bg-3:#102b22;--panel:#091b15db;--panel-solid:#0d251d;--cream:#f4ead6;--cream-strong:#fff8e8;--muted:#9db1a6;--muted-2:#74887d;--gold:#d6a857;--gold-bright:#efc979;--gold-dim:#d6a85738;--jade:#76b8a1;--red:#c95a46;--red-bright:#e8795e;--line:#e8d0a324;--line-strong:#e8d0a347;--shadow:0 20px 60px #00000073;--font-sans:"PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-serif:"Songti SC", "STSong", "Noto Serif SC", "SimSun", serif;color:var(--cream);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{width:100%;height:100dvh;margin:0;padding:0}html{background:var(--bg);overscroll-behavior:none}body{background:var(--bg);color:var(--cream);touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}img{-webkit-user-drag:none}.app-shell{background:var(--bg);width:100%;height:100dvh}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.eyebrow-line{background:linear-gradient(90deg, transparent, var(--gold));width:28px;height:1px}.section-label{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.icon-button{border:1px solid var(--line);width:36px;height:36px;color:var(--cream);background:#ffffff0b;border-radius:50%;place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-grid}.icon-button:hover{border-color:var(--line-strong);color:var(--gold-bright);background:#d6a8571f}.icon-button:active{transform:scale(.94)}.icon-button.is-on{color:var(--gold-bright);background:#d6a85729;border-color:#d6a85766}.icon-button--small{width:30px;height:30px}.text-button{color:var(--muted);background:0 0;border:none;align-items:center;gap:7px;padding:6px 2px;font-size:12px;transition:color .18s;display:inline-flex}.text-button:hover{color:var(--gold-bright)}.primary-button,.secondary-button{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 22px;font-size:14px;font-weight:600;transition:transform .18s,filter .18s,background .18s;display:inline-flex}.primary-button{color:#21180a;background:linear-gradient(135deg,#f0cc82,#c99542);border-color:#ffebb58c;box-shadow:0 8px 26px #c58f3840,inset 0 1px #fff6}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.38;filter:saturate(.5);transform:none}.secondary-button{color:var(--cream);border-color:var(--line);background:#ffffff0d}.secondary-button:hover{border-color:var(--line-strong);background:#ffffff17}.primary-button--large,.secondary-button--large{height:52px;padding:0 26px}.button-icon{background:#1a120621;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.tile-2d{background:0 0;border:none;border-radius:6px;flex:none;padding:0;line-height:0;transition:transform .16s,filter .16s;display:inline-flex;position:relative}.tile-2d img{aspect-ratio:512/704;border-radius:inherit;width:100%;height:auto;display:block;box-shadow:0 3px #b6a17e,0 7px 13px #00000047}.tile-2d--xs{border-radius:3px;width:26px}.tile-2d--xs img{box-shadow:0 2px #b6a17e,0 4px 7px #00000040}.tile-2d--sm{border-radius:4px;width:36px}.tile-2d--md{border-radius:5px;width:clamp(36px,3.45vw,52px)}.tile-2d--lg{border-radius:8px;width:64px}.tile-2d.is-clickable{cursor:pointer}.tile-2d.is-clickable:hover{filter:brightness(1.05);transform:translateY(-3px)}.tile-2d.is-selected{filter:drop-shadow(0 0 10px #e7be64a6);transform:translateY(-4px)}.tile-2d.is-selected img{outline:2px solid var(--gold-bright);outline-offset:1px}.tile-2d.is-gold img{box-shadow:0 3px #b18a4e,0 0 0 1px #e8be68b3,0 7px 14px #0000004d}.tile-2d.is-good img{outline:2px solid var(--jade)}.tile-2d.is-bad img{outline:2px solid var(--red-bright)}.tile-2d.is-muted{opacity:.5}.tile-2d-name{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.menu-screen{width:100%;height:100%;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) clamp(18px, 3vw, 46px) max(14px, env(safe-area-inset-bottom));background:radial-gradient(62% 56% at 72% 42%,#347c623d,#0000 64%),radial-gradient(40% 40% at 16% 88%,#a162301f,#0000 70%),linear-gradient(145deg,#081711 0%,#0a1c16 48%,#07130f 100%);flex-direction:column;display:flex;position:relative;overflow:auto}.menu-screen:before{content:"";pointer-events:none;opacity:.8;background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff02 4px),repeating-linear-gradient(90deg,#0000,#0000 4px,#00000003 5px);position:fixed;inset:0}.menu-grain{pointer-events:none;opacity:.18;background-image:radial-gradient(#ecd3a014 .6px,#0000 .7px);background-size:4px 4px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 80%);mask-image:linear-gradient(#00000073,#0000 80%)}.menu-orbit{pointer-events:none;border:1px solid #d6a85714;border-radius:50%;position:fixed}.menu-orbit--one{width:58vw;height:58vw;top:8vh;right:-20vw}.menu-orbit--two{border-color:#76b8a114;width:38vw;height:38vw;bottom:-16vw;left:-14vw}.menu-top{z-index:2;flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-seal{color:#ffeed6;width:41px;height:41px;font-family:var(--font-serif);background:linear-gradient(145deg,#d2654e,#9e382b);border-radius:10px 10px 12px;place-items:center;font-size:23px;font-weight:700;display:grid;transform:rotate(-2deg);box-shadow:inset 0 1px #ffffff47,0 6px 18px #852f2447}.brand-lockup strong{font-family:var(--font-serif);letter-spacing:.08em;color:var(--cream-strong);font-size:17px;font-weight:600;display:block}.brand-lockup>div span{color:var(--muted-2);letter-spacing:.24em;margin-top:2px;font-size:8px;font-weight:600;display:block}.menu-top-actions{align-items:center;gap:13px;display:flex}.menu-main{z-index:2;flex:auto;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(16px,3vw,54px);width:100%;max-width:1500px;min-height:0;margin:0 auto;display:grid;position:relative}.menu-copy{max-width:680px;padding:2vh 0 1vh}.menu-copy h1{font-family:var(--font-serif);letter-spacing:.06em;color:var(--cream-strong);text-shadow:0 12px 42px #00000061;margin:clamp(10px,2vh,22px) 0 clamp(12px,2.2vh,26px);font-size:clamp(66px,9vw,128px);font-weight:500;line-height:.88}.menu-copy h1 em{color:var(--gold);letter-spacing:.22em;text-shadow:0 10px 34px #a9782b2e;margin-left:.58em;font-size:.72em;font-style:normal;display:block}.menu-lead{max-width:540px;color:var(--muted);letter-spacing:.02em;margin:0;font-size:clamp(14px,1.2vw,17px);line-height:1.85}.menu-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:clamp(18px,3vh,32px) 0 clamp(13px,2vh,22px);display:flex}.menu-facts{color:var(--muted-2);flex-wrap:wrap;gap:15px;font-size:11px;display:flex}.menu-facts span{align-items:center;gap:5px;display:inline-flex}.menu-facts svg{color:var(--jade)}.lesson-strip{scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;gap:7px;margin-top:clamp(16px,2.4vh,26px);padding-bottom:3px;display:flex;overflow-x:auto}.lesson-chip{border:1px solid var(--line);height:30px;color:var(--muted);background:#ffffff06;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 9px 0 5px;font-size:10px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.lesson-chip>span{width:20px;height:20px;color:var(--gold);background:#d6a8571a;border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:grid}.lesson-chip strong{white-space:nowrap;font-weight:500}.lesson-chip:hover{border-color:var(--line-strong);color:var(--cream);background:#ffffff0f}.lesson-chip.is-done>span{color:var(--jade);background:#76b8a129}.lesson-chip.is-done svg{color:var(--jade)}.menu-art{justify-content:center;align-items:center;height:min(68vh,680px);min-height:330px;display:flex;position:relative}.menu-art-halo{aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#d6a85724,#0000 66%);border-radius:50%;width:76%;position:absolute}.menu-art-frame{position:absolute;inset:0}.menu-art-frame:before{content:"";aspect-ratio:1;border:1px solid #d6a8571f;border-radius:50%;width:68%;position:absolute;top:12%;left:16%}.menu-art-frame:after{content:"";aspect-ratio:1;border:1px dashed #76b8a11f;border-radius:50%;width:48%;position:absolute;top:25%;left:26%}.menu-art-caption{color:#d6a8578c;font-family:var(--font-serif);letter-spacing:.08em;flex-direction:column;gap:7px;font-size:15px;display:flex;position:absolute;bottom:22%;right:4%}.menu-art-note{color:var(--muted-2);align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;bottom:0;right:2%}.menu-footer{z-index:2;color:var(--muted-2);letter-spacing:.02em;border-top:1px solid #e8d0a314;flex:none;align-items:center;gap:9px;padding-top:12px;font-size:10px;display:flex;position:relative}.dot-separator{opacity:.4}.menu-progress{color:var(--gold);white-space:nowrap;margin-left:auto}.table-screen{background:#07110d;width:100%;height:100dvh;position:relative;overflow:hidden}.table-scene-layer{position:absolute;inset:0}.table-scene-layer canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.table-vignette{z-index:2;pointer-events:none;background:radial-gradient(at 50% 48%,#0000 46%,#02080633 78%,#02080685 100%),linear-gradient(#02080680,#0000 14% 76%,#0208068c);position:absolute;inset:0}.table-hud{z-index:5;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.topbar{pointer-events:auto;min-height:54px;padding:max(7px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 5px max(12px, env(safe-area-inset-left));background:linear-gradient(#050f0bdb,#050f0b52 72%,#0000);flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar-left,.topbar-right,.topbar-center{align-items:center;gap:8px;display:flex}.topbar-left{min-width:0}.topbar-right{justify-content:flex-end}.topbar-menu{width:32px;height:32px}.mini-brand{align-items:center;gap:8px;margin-right:8px;display:flex}.mini-brand-seal{color:#ffeed8;width:28px;height:28px;font-family:var(--font-serif);background:linear-gradient(145deg,#c85a45,#94352a);border-radius:7px 7px 9px;place-items:center;font-size:16px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff38}.mini-brand-text strong{font-family:var(--font-serif);letter-spacing:.08em;font-size:13px;display:block}.mini-brand-text span{color:var(--muted-2);letter-spacing:.12em;margin-top:1px;font-size:8px;display:block}.topbar-round{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:62px;padding-left:10px;display:flex}.topbar-round strong{color:var(--cream);font-size:11px;font-weight:600}.topbar-round span{color:var(--muted-2);margin-top:1px;font-size:9px}.turn-pill,.wall-pill,.score-pill{border:1px solid var(--line);height:28px;color:var(--muted);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#081812a3;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:inline-flex}.turn-pill.is-active{color:var(--gold-bright);background:#563a1640;border-color:#d6a85759}.turn-dot,.pulse-dot{background:var(--jade);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #76b8a11f}.turn-pill.is-active .turn-dot{background:var(--gold-bright);animation:1.8s ease-out infinite pulse-dot;box-shadow:0 0 0 3px #d6a85724}.pulse-dot{background:var(--gold);box-shadow:0 0 0 3px #d6a8571f}.wall-pill svg{color:var(--gold)}.wall-pill em{color:var(--muted-2);font-size:9px;font-style:normal}.score-pill{color:var(--muted);gap:5px}.score-pill span:first-child{color:var(--gold)}.score-pill i{opacity:.4;font-style:normal}.topbar-right .icon-button{width:32px;height:32px}.coach-panel{pointer-events:auto;top:calc(env(safe-area-inset-top) + 58px);right:max(12px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);z-index:12;background:linear-gradient(165deg,#122c22f0,#081711eb 70%),#081711e6;border:1px solid #e8d0a329;border-radius:20px;flex-direction:column;width:clamp(286px,24vw,344px);max-height:calc(100dvh - 154px);display:flex;position:absolute;overflow:hidden;box-shadow:0 24px 60px #0000006b,inset 0 1px #fff6de14}.coach-header{border-bottom:1px solid #e8d0a31a;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 10px;display:flex}.coach-title{align-items:center;gap:9px;min-width:0;display:flex}.coach-title>div{min-width:0}.coach-spark{color:#2b1e0b;background:linear-gradient(145deg,#e7c377,#bd8c3b);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 1px #ffffff59}.coach-title strong{color:var(--cream-strong);font-size:13px;font-weight:600;display:block}.coach-title span:not(.coach-spark){color:var(--muted-2);letter-spacing:.08em;margin-top:1px;font-size:9px;display:block}.coach-header-actions{align-items:center;gap:6px;display:flex}.level-switch{background:#00000038;border:1px solid #ffffff12;border-radius:999px;padding:2px;display:flex}.level-switch button{width:24px;height:21px;color:var(--muted-2);background:0 0;border:none;border-radius:999px;padding:0;font-size:9px;transition:background .16s,color .16s}.level-switch button.is-active{color:var(--gold-bright);background:#d6a85738}.coach-scroll{scrollbar-width:thin;scrollbar-color:#d6a8573d transparent;flex-direction:column;gap:11px;min-height:0;padding:11px 12px 15px;display:flex;overflow-y:auto}.coach-scroll::-webkit-scrollbar{width:5px}.guide-scroll::-webkit-scrollbar{width:5px}.win-card::-webkit-scrollbar{width:5px}.lesson-screen::-webkit-scrollbar{width:5px}.coach-scroll::-webkit-scrollbar-thumb{background:#d6a85738;border-radius:999px}.guide-scroll::-webkit-scrollbar-thumb{background:#d6a85738;border-radius:999px}.win-card::-webkit-scrollbar-thumb{background:#d6a85738;border-radius:999px}.lesson-screen::-webkit-scrollbar-thumb{background:#d6a85738;border-radius:999px}.coach-status-row{grid-template-columns:.9fr .9fr 1.18fr;gap:7px;display:grid}.coach-stat{background:#ffffff09;border:1px solid #e8d0a317;border-radius:12px;padding:9px 9px 8px}.coach-stat>span{color:var(--muted-2);letter-spacing:.03em;font-size:9px;display:block}.coach-stat strong{font-family:var(--font-serif);color:var(--cream-strong);margin-top:2px;font-size:28px;font-weight:500;line-height:1;display:inline-block}.coach-stat em{color:var(--muted-2);margin-left:3px;font-size:9px;font-style:normal}.coach-state{background:#76b8a10e;border:1px solid #76b8a121;border-radius:12px;flex-direction:column;justify-content:center;padding:8px 9px;display:flex}.coach-state span{color:var(--jade);font-size:9px}.coach-state b{color:var(--cream);margin-top:3px;font-size:10px;font-weight:500}.recommend-card{background:linear-gradient(135deg,#d6a8571f,#d6a85709 55%),#0d2018b3;border:1px solid #d6a85747;border-radius:14px;padding:10px}.recommend-top,.section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.recommend-shanten{color:var(--gold-bright);font-size:9px;font-weight:600}.recommend-main{align-items:center;gap:10px;margin-top:8px;display:flex}.recommend-main>div{min-width:0}.recommend-main h3{font-family:var(--font-serif);color:var(--cream-strong);margin:0 0 3px;font-size:17px;font-weight:500}.recommend-main p{color:var(--muted);margin:0;font-size:10px;line-height:1.62}.effective-row{border-top:1px solid #e8d0a31a;margin-top:9px;padding-top:8px}.effective-row>span{color:var(--muted-2);margin-bottom:5px;font-size:9px;display:block}.effective-chips{flex-wrap:wrap;gap:4px;display:flex}.effective-chip{background:#ffffff0a;border-radius:5px;align-items:center;gap:2px;padding:2px 4px 2px 2px;display:inline-flex}.effective-chip em{color:var(--muted-2);font-size:8px;font-style:normal}.candidate-section{flex-direction:column;gap:7px;display:flex}.section-heading>span{color:var(--cream);font-size:10px;font-weight:600}.section-heading>em{color:var(--muted-2);font-size:8px;font-style:normal}.candidate-list{flex-direction:column;gap:4px;display:flex}.candidate-row{background:#ffffff07;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;min-height:39px;padding:4px 6px 4px 4px;display:flex}.candidate-row:first-child{background:#d6a8570e;border-color:#d6a8572b}.candidate-index{text-align:center;width:13px;color:var(--muted-2);flex:none;font-size:8px}.candidate-name{flex:1;min-width:0}.candidate-name strong{color:var(--cream);font-size:10px;font-weight:500;display:block}.candidate-name span{color:var(--muted-2);margin-top:1px;font-size:8px;display:block}.candidate-risk{color:var(--muted-2);flex:none;align-items:center;gap:4px;font-size:8px;display:inline-flex}.risk-dot{background:var(--jade);border-radius:50%;width:5px;height:5px}.risk-1 .risk-dot{background:#9db98a}.risk-2 .risk-dot{background:#d8a74a}.risk-3{color:#e29a83}.risk-3 .risk-dot{background:var(--red-bright)}.coach-notes{background:#c95a460f;border:1px solid #c95a4624;border-radius:10px;flex-direction:column;gap:5px;padding:8px 9px;display:flex}.coach-notes p{color:#c8b9a8;gap:5px;margin:0;font-size:9px;line-height:1.5;display:flex}.coach-notes svg{color:#d9927d;flex:none;margin-top:1px}.coach-feedback{border-left:2px solid var(--gold);background:#d6a85712;border-radius:12px;padding:9px 10px}.coach-feedback.is-good{border-left-color:var(--jade);background:#76b8a112}.coach-feedback.is-mistake,.coach-feedback.is-inaccuracy{border-left-color:var(--red-bright);background:#c95a4612}.coach-feedback-head{color:var(--gold-bright);align-items:center;gap:5px;display:flex}.coach-feedback.is-good .coach-feedback-head{color:var(--jade)}.coach-feedback.is-mistake .coach-feedback-head,.coach-feedback.is-inaccuracy .coach-feedback-head{color:#e2a28e}.coach-feedback-head strong{font-size:10px;font-weight:600}.coach-feedback p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.55}.coach-feedback-tile{color:var(--gold);align-items:center;gap:6px;margin-top:6px;font-size:9px;display:flex}.coach-claim{background:#76b8a10e;border:1px solid #76b8a12e;border-radius:14px;padding:12px}.coach-claim h3{font-family:var(--font-serif);color:var(--cream-strong);margin:6px 0 5px;font-size:16px;font-weight:500}.coach-claim p{color:var(--muted);margin:0;font-size:10px;line-height:1.65}.claim-stat-row{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.claim-stat-row span{color:var(--muted);background:#ffffff0e;border-radius:999px;padding:3px 7px;font-size:8px}.coach-waiting{text-align:center;padding:22px 12px 12px;position:relative}.coach-waiting h3{font-family:var(--font-serif);color:var(--cream-strong);margin:8px 0 5px;font-size:17px;font-weight:500}.coach-waiting p{color:var(--muted-2);margin:0;font-size:9px;line-height:1.6}.waiting-orbit{border:1px solid #d6a85733;border-top-color:var(--gold);border-radius:50%;width:38px;height:38px;margin:0 auto;animation:1.7s linear infinite spin}.waiting-tip{color:var(--muted-2);text-align:left;background:#ffffff09;border-radius:9px;align-items:flex-start;gap:6px;margin-top:12px;padding:8px;font-size:8px;line-height:1.5;display:flex}.waiting-tip svg{color:var(--gold);flex:none}.coach-off{text-align:center;padding:24px 16px}.coach-off-mark{border:1px solid var(--line);width:42px;height:42px;color:var(--muted-2);font-family:var(--font-serif);border-radius:50%;place-items:center;margin:0 auto;font-size:17px;display:grid}.coach-off h3{font-family:var(--font-serif);margin:10px 0 4px;font-size:17px;font-weight:500}.coach-off p{color:var(--muted-2);margin:0 0 8px;font-size:10px;line-height:1.6}.coach-peek{pointer-events:auto;top:calc(env(safe-area-inset-top) + 62px);right:max(12px, env(safe-area-inset-right));border:1px solid var(--line-strong);height:32px;color:var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12;background:#081812c7;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:10px;display:inline-flex;position:absolute}.game-log{top:calc(env(safe-area-inset-top) + 64px);left:max(14px, env(safe-area-inset-left));pointer-events:none;z-index:8;flex-direction:column;gap:4px;max-width:270px;display:flex;position:absolute}.game-log-row{color:#e8e2d373;text-shadow:0 1px 8px #0009;align-items:center;gap:6px;font-size:9px;line-height:1.4;transition:color .2s;display:flex}.game-log-row.is-latest{color:#f4ecdad1}.game-log-row.tone-good.is-latest{color:#b9d9c8}.game-log-row.tone-warning.is-latest{color:#e0b19f}.game-log-dot{opacity:.7;border-radius:50%;flex:none;width:4px;height:4px}.action-dock{pointer-events:auto;left:50%;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px)saturate(1.1);backdrop-filter:blur(18px)saturate(1.1);z-index:20;background:linear-gradient(145deg,#0c211ae8,#07140fed);border:1px solid #e8d0a32b;border-radius:17px;justify-content:space-between;align-items:center;gap:14px;max-width:min(760px,100vw - 28px);min-height:54px;padding:8px 10px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 16px 46px #0000005c,inset 0 1px #ffffff0d}.dock-left{align-items:center;gap:8px;min-width:0;display:flex}.selected-copy{flex-direction:column;line-height:1.2;display:flex}.selected-copy span{color:var(--muted-2);font-size:8px}.selected-copy strong{color:var(--gold-bright);font-family:var(--font-serif);white-space:nowrap;margin-top:1px;font-size:14px;font-weight:500}.dock-hint{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:0 5px;font-size:10px;display:flex}.dock-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.action-button{border:1px solid var(--line);height:36px;color:var(--cream);white-space:nowrap;background:#ffffff0e;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:0 14px;font-size:11px;font-weight:500;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.action-button:hover{border-color:var(--line-strong);background:#ffffff1a;transform:translateY(-1px)}.action-button--primary{color:#261b09;background:linear-gradient(135deg,#edc87f,#c69543);border-color:#ffecbc80;box-shadow:0 5px 18px #b7822f2e}.action-button--primary:hover{background:linear-gradient(135deg,#f3d391,#d0a04f)}.action-button--hu{color:#24110b;background:linear-gradient(135deg,#f0c274,#d66d4f);border-color:#ffe0ac8c;font-weight:700;box-shadow:0 0 24px #d66d4f2e}.action-button--kan{color:#b9d9c9;background:#76b8a11a;border-color:#76b8a147}.action-button--chi{background:#76b8a114;border-color:#76b8a13d}.action-button--pass{color:var(--muted);background:0 0}.action-button--hint{color:var(--gold);background:#d6a8570f;border-color:#d6a85733}.action-dock--waiting{width:auto;min-height:40px;color:var(--muted);border-radius:999px;justify-content:center;gap:8px;padding:6px 14px;font-size:10px}.waiting-dots{gap:3px;display:inline-flex}.waiting-dots i{background:var(--gold);border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite dot-bounce}.waiting-dots i:nth-child(2){animation-delay:.18s}.waiting-dots i:nth-child(3){animation-delay:.36s}.claim-dock{justify-content:center;gap:8px}.claim-dock-title{color:var(--gold);white-space:nowrap;align-items:center;gap:6px;padding:0 5px;font-size:10px;display:flex}.seat-tag{color:#f4ead6cc;font-family:var(--font-sans);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071610c2;border:1px solid #e8d0a329;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;line-height:1;display:inline-flex;box-shadow:0 5px 18px #00000040}.seat-tag strong{color:var(--cream);font-size:9px;font-weight:500}.seat-tag span:last-child{color:var(--muted-2);font-size:8px}.seat-tag-dot{border-radius:50%;width:5px;height:5px}.seat-tag.is-active{background:#2c210ed1;border-color:#d6a85770}.seat-tag.is-you{border-color:#d6a8574d}.mobile-hand-layer{left:0;right:0;bottom:calc(max(8px, env(safe-area-inset-bottom)) + 49px);padding-left:max(6px, env(safe-area-inset-left));padding-right:max(6px, env(safe-area-inset-right));pointer-events:none;z-index:19;justify-content:center;display:flex;position:absolute}.mobile-hand{pointer-events:auto;max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - 12px);-webkit-backdrop-filter:blur(16px)saturate(1.1);backdrop-filter:blur(16px)saturate(1.1);background:linear-gradient(150deg,#11281fe6,#06130ef0);border:1px solid #e8d0a32e;border-radius:14px;justify-content:center;align-items:flex-end;gap:2px;padding:5px 7px 6px;display:flex;box-shadow:0 12px 32px #00000059,inset 0 1px #ffffff0d}.mobile-hand .tile-2d--md{width:clamp(24px, calc((100vw - 92px - env(safe-area-inset-left) - env(safe-area-inset-right)) / 14), 47px)}.mobile-hand-tile{flex-direction:column;align-items:center;gap:2px;padding-top:4px;display:flex;position:relative}.mobile-hand-label{color:var(--cream);white-space:nowrap;letter-spacing:.02em;text-shadow:0 1px 4px #00000080;font-size:9px;font-weight:600;line-height:1.1}.mobile-hand-tile:before{content:"";background:0 0;border-radius:50%;width:4px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-hand-tile.is-drawn{margin-left:7px}.mobile-hand-tile.is-drawn:before{background:var(--gold-bright);box-shadow:0 0 8px #efc979cc}.mobile-hand-tile.is-recommended:before{background:var(--jade)}.mobile-coach-chip{pointer-events:auto;top:calc(env(safe-area-inset-top) + 51px);left:max(10px, env(safe-area-inset-left));max-width:min(280px,100vw - 84px);height:30px;color:var(--gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:11;background:#081812c7;border:1px solid #d6a8573d;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:9px;display:inline-flex;position:absolute;box-shadow:0 6px 20px #0003}.mobile-coach-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-coach-chip em{color:var(--muted-2);margin-left:2px;font-size:8px;font-style:normal}.modal-layer,.win-layer{z-index:100;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));place-items:center;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020806a8;border:none;position:absolute;inset:0}.guide-card{background:radial-gradient(80% 40% at 20% 0,#347c6229,#0000 70%),linear-gradient(160deg,#0c241b,#081811);border:1px solid #e8d0a32e;border-radius:24px;flex-direction:column;width:min(1020px,94vw);max-height:min(90dvh,920px);animation:.28s ease-out modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000008c}.guide-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;display:flex;position:relative}.guide-header h2{font-family:var(--font-serif);color:var(--cream-strong);letter-spacing:.06em;margin:7px 0 3px;font-size:29px;font-weight:500}.guide-header p{color:var(--muted-2);margin:0;font-size:11px}.guide-scroll{min-height:0;padding:18px 24px 24px;overflow-y:auto}.guide-hero{background:linear-gradient(135deg,#d6a8571a,#d6a85705);border:1px solid #d6a8573b;border-radius:16px;gap:14px;padding:16px;display:flex}.guide-hero-icon{width:42px;height:42px;color:var(--gold);background:#d6a85729;border-radius:12px;flex:none;place-items:center;display:grid}.guide-hero h3{font-family:var(--font-serif);color:var(--cream-strong);margin:0 0 7px;font-size:19px;font-weight:500}.guide-hero ol{color:var(--muted);margin:0;padding-left:18px;font-size:11px;line-height:1.8}.guide-hero li::marker{color:var(--gold)}.guide-hero strong{color:var(--cream);font-weight:600}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.guide-block{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:14px}.guide-kicker{color:var(--gold);letter-spacing:.16em;font-size:8px;font-weight:700}.guide-block h3{font-family:var(--font-serif);color:var(--cream-strong);margin:5px 0 6px;font-size:17px;font-weight:500}.guide-block p{color:var(--muted);margin:0;font-size:10px;line-height:1.7}.guide-block small{color:var(--muted-2);margin-top:7px;font-size:8px;line-height:1.5;display:block}.guide-tiles{flex-wrap:wrap;gap:3px;margin-top:9px;display:flex}.guide-formula{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:9px;display:flex}.guide-formula span{color:#b8d4c8;background:#76b8a114;border-radius:6px;padding:4px 7px}.guide-formula b{color:var(--gold);font-weight:400}.guide-order{flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;display:flex}.guide-order span{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 7px;font-size:8px}.guide-order i{color:var(--gold);font-size:9px;font-style:normal}.guide-badges{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.guide-badges span{color:var(--muted);background:#ffffff0d;border-radius:999px;padding:4px 7px;font-size:8px}.guide-note{color:#b8d4c8;align-items:center;gap:5px;margin-top:9px;font-size:8px;display:flex}.guide-rules{background:#d6a85709;border:1px dashed #d6a85733;border-radius:14px;gap:12px;margin-top:12px;padding:14px;display:flex}.guide-rules-icon{width:34px;height:34px;color:var(--gold);background:#d6a8571f;border-radius:10px;flex:none;place-items:center;display:grid}.guide-rules h3{color:var(--cream);margin:0 0 4px;font-size:12px;font-weight:600}.guide-rules p{color:var(--muted-2);margin:0;font-size:9px;line-height:1.7}.pause-card{border:1px solid var(--line-strong);width:min(390px,92vw);box-shadow:var(--shadow);text-align:center;background:radial-gradient(at 50% 0,#d6a8571a,#0000 60%),linear-gradient(160deg,#0d271e,#081811);border-radius:24px;padding:28px 26px 22px;animation:.24s ease-out modal-in;position:relative}.pause-close{position:absolute;top:12px;right:12px}.pause-kicker{color:var(--gold);letter-spacing:.28em;font-size:9px}.pause-card h2{font-family:var(--font-serif);color:var(--cream-strong);margin:7px 0 4px;font-size:28px;font-weight:500}.pause-card>p{color:var(--muted-2);margin:0 0 18px;font-size:11px}.pause-actions{flex-direction:column;gap:8px;display:flex}.pause-actions .primary-button,.pause-actions .secondary-button{width:100%}.pause-home{justify-content:center;margin-top:3px}.win-layer{z-index:95;-webkit-backdrop-filter:blur(14px)saturate(.9);backdrop-filter:blur(14px)saturate(.9);background:radial-gradient(at 50% 44%,#31685138,#0000 62%),#020806b8}.win-card{text-align:center;background:radial-gradient(at 50% -6%,#d6a85729,#0000 52%),linear-gradient(165deg,#0d271e,#081811 78%);border:1px solid #e8d0a336;border-radius:26px;width:min(590px,94vw);max-height:min(91dvh,820px);padding:26px 24px 22px;animation:.34s cubic-bezier(.2,.8,.2,1) win-in;overflow-y:auto;box-shadow:0 30px 90px #0000008c}.win-medallion{width:64px;height:64px;color:var(--gold-bright);background:radial-gradient(circle at 35% 28%,#ffffff2e,#d6a8571a);border:1px solid #e8d0a347;border-radius:50%;place-items:center;margin:0 auto 10px;display:grid;box-shadow:0 0 0 8px #d6a85709,0 0 36px #d6a8571f}.win-medallion.is-player-win{color:#ffdc8f;background:radial-gradient(circle at 35% 28%,#ffffff52,#d6a85733);box-shadow:0 0 0 8px #d6a8570f,0 0 46px #f0c2673d}.win-kicker{color:var(--gold);letter-spacing:.24em;font-size:9px;font-weight:700}.win-card h2{font-family:var(--font-serif);letter-spacing:.06em;color:var(--cream-strong);margin:7px 0 4px;font-size:36px;font-weight:500}.win-subtitle{color:var(--muted-2);margin:0;font-size:10px}.win-hand{border:1px solid var(--line);background:#ffffff08;border-radius:14px;margin:16px 0 12px;padding:11px}.win-hand-head{color:var(--muted-2);justify-content:space-between;margin-bottom:8px;font-size:8px;display:flex}.win-hand-head span:first-child{color:var(--gold)}.win-tiles{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.win-draw-stats{color:var(--muted-2);justify-content:center;gap:14px;margin:18px 0;font-size:10px;display:flex}.win-tip{color:var(--muted);text-align:left;background:#76b8a10f;border-radius:10px;align-items:flex-start;gap:7px;margin:10px 0 16px;padding:9px 10px;font-size:9px;line-height:1.6;display:flex}.win-tip svg{color:var(--gold);flex:none;margin-top:1px}.win-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.toast{z-index:120;border:1px solid var(--line-strong);color:var(--cream);box-shadow:var(--shadow);background:#081812eb;border-radius:999px;padding:8px 14px;font-size:11px;animation:.22s ease-out toast-in;position:fixed;bottom:82px;left:50%;transform:translate(-50%)}.lesson-screen{width:100%;height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));background:radial-gradient(55% 50% at 88% 12%,#347c6230,#0000 65%),radial-gradient(45% 40% at 4% 84%,#a162301a,#0000 70%),linear-gradient(145deg,#081711,#0a1c16 58%,#07130f);flex-direction:column;display:flex;position:relative;overflow-y:auto}.lesson-bg{pointer-events:none;opacity:.15;background-image:radial-gradient(#ecd3a012 .5px,#0000 .6px);background-size:4px 4px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 80%);mask-image:linear-gradient(#0009,#0000 80%)}.lesson-top{z-index:2;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex;position:relative}.lesson-top-center{align-items:baseline;gap:8px;min-width:0;display:flex}.lesson-top-center>span{color:var(--gold);font-family:var(--font-serif);font-size:15px}.lesson-top-center strong{font-family:var(--font-serif);letter-spacing:.05em;white-space:nowrap;font-size:17px;font-weight:500}.lesson-top-center em{color:var(--muted-2);white-space:nowrap;font-size:9px;font-style:normal}.lesson-top-progress{color:var(--muted-2);letter-spacing:.05em;font-size:10px}.lesson-top-label{color:var(--gold);letter-spacing:.16em;font-size:9px}.lesson-layout{z-index:2;flex:auto;grid-template-columns:minmax(0,1fr) 300px;align-content:center;align-items:start;gap:clamp(12px,2vw,24px);width:100%;max-width:1320px;margin:0 auto;padding-top:clamp(12px,2vh,24px);display:grid;position:relative}.lesson-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(165deg,#143025a3,#081811cc),#08181199;border-radius:22px;min-width:0;padding:clamp(16px,2.2vw,28px);box-shadow:0 24px 70px #00000042}.lesson-progress-bar{gap:4px;margin-bottom:clamp(14px,2vh,22px);display:flex}.lesson-progress-bar span{background:#ffffff14;border-radius:999px;flex:1;height:3px}.lesson-progress-bar span.is-done{background:#76b8a1b3}.lesson-progress-bar span.is-current{background:linear-gradient(90deg, var(--gold), var(--gold-bright))}.lesson-question-head{align-items:center;gap:8px;display:flex}.question-count{color:var(--gold);letter-spacing:.12em;font-size:9px}.question-mode{color:var(--muted-2);background:#ffffff0d;border-radius:999px;padding:2px 6px;font-size:8px}.lesson-card h2{font-family:var(--font-serif);letter-spacing:.02em;color:var(--cream-strong);margin:9px 0 0;font-size:clamp(23px,2.3vw,32px);font-weight:500;line-height:1.3}.lesson-scenario{border-left:2px solid var(--gold);color:var(--muted);background:#d6a8570f;border-radius:9px;margin:9px 0 0;padding:8px 10px;font-size:10px;line-height:1.6}.lesson-hand-wrap{background:radial-gradient(at 50% 100%,#2e6d5438,#0000 68%),#06140e7a;border:1px solid #e8d0a31f;border-radius:15px;margin:clamp(15px,2.2vh,24px) 0;padding:clamp(10px,1.6vw,18px)}.lesson-hand{flex-wrap:wrap;justify-content:center;gap:clamp(2px,.4vw,5px);display:flex}.lesson-hand .tile-2d--md{width:clamp(34px,4.05vw,52px)}.hand-hint{color:var(--muted-2);text-align:center;margin-top:8px;font-size:8px;display:block}.lesson-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.lesson-options.is-multi{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-option{border:1px solid var(--line);min-height:46px;color:var(--muted);text-align:left;background:#ffffff08;border-radius:11px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .16s,background .16s,color .16s;display:flex}.lesson-option:hover:not(:disabled){border-color:var(--line-strong);color:var(--cream);background:#ffffff0f}.lesson-option.is-selected{color:var(--cream-strong);background:#d6a8571a;border-color:#d6a8577a}.lesson-option.is-correct{color:#d6eadf;background:#76b8a11f;border-color:#76b8a18c}.lesson-option.is-wrong{color:#e7c1b6;background:#c95a4617;border-color:#c95a467a}.lesson-option-label{flex:1;min-width:0;font-size:11px;line-height:1.4}.lesson-option-check{color:var(--gold);flex:none}.lesson-option.is-correct .lesson-option-check{color:var(--jade)}.lesson-option.is-wrong .lesson-option-check{color:var(--red-bright)}.lesson-feedback{border-left:2px solid var(--jade);background:#76b8a112;border-radius:11px;margin-top:12px;padding:10px 12px}.lesson-feedback.is-wrong{border-left-color:var(--gold);background:#d6a85712}.lesson-feedback-head{color:var(--jade);align-items:center;gap:5px;display:flex}.lesson-feedback.is-wrong .lesson-feedback-head{color:var(--gold-bright)}.lesson-feedback-head strong{font-size:11px;font-weight:600}.lesson-feedback p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.65}.lesson-actions{border-top:1px solid #e8d0a314;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(14px,2.2vh,22px);padding-top:12px;display:flex}.lesson-key-hint{color:var(--muted-2);font-size:9px}.lesson-side{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091c159e;border-radius:18px;flex-direction:column;gap:12px;padding:15px;display:flex}.lesson-side-head{align-items:flex-start;gap:9px;display:flex}.lesson-side-head>div{min-width:0}.lesson-side-head strong{color:var(--cream);font-size:11px;font-weight:600;display:block}.lesson-side-head span:not(.coach-spark){color:var(--muted-2);margin-top:3px;font-size:9px;line-height:1.55;display:block}.concept-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.concept-list li{color:var(--muted);align-items:flex-start;gap:7px;font-size:9px;line-height:1.65;display:flex}.concept-list li>span{background:var(--gold);border-radius:50%;flex:none;width:4px;height:4px;margin-top:5px}.lesson-side-note{color:var(--muted-2);background:#ffffff09;border-radius:9px;align-items:flex-start;gap:7px;padding:9px;display:flex}.lesson-side-note svg{color:var(--gold);flex:none}.lesson-side-note p{margin:0;font-size:8px;line-height:1.6}.lesson-list-mini{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:4px;padding-top:9px;display:flex}.lesson-list-mini>span{color:var(--muted-2);margin-right:3px;font-size:8px}.lesson-list-mini button{border:1px solid var(--line);width:25px;height:25px;color:var(--muted-2);background:0 0;border-radius:7px;place-items:center;padding:0;font-size:8px;display:grid}.lesson-list-mini button.is-current{color:var(--gold);background:#d6a8571f;border-color:#d6a85766}.lesson-finish{z-index:2;text-align:center;border:1px solid var(--line-strong);width:min(620px,94vw);box-shadow:var(--shadow);background:radial-gradient(at 50% 0,#d6a85721,#0000 56%),linear-gradient(160deg,#0d271e,#081811);border-radius:24px;margin:auto;padding:32px 26px;position:relative}.finish-medallion{width:68px;height:68px;color:var(--gold-bright);background:radial-gradient(circle at 35% 30%,#ffffff3d,#d6a8571f);border:1px solid #e8d0a34d;border-radius:50%;place-items:center;margin:0 auto 14px;display:grid;box-shadow:0 0 0 9px #d6a8570a}.lesson-finish>.eyebrow{justify-content:center}.lesson-finish h1{font-family:var(--font-serif);letter-spacing:.06em;margin:8px 0 6px;font-size:34px;font-weight:500}.finish-summary{max-width:470px;color:var(--muted);margin:0 auto;font-size:11px;line-height:1.7}.finish-score{justify-content:center;align-items:baseline;gap:6px;margin:20px 0;display:flex}.finish-score strong{color:var(--gold-bright);font-family:var(--font-serif);font-size:52px;font-weight:500;line-height:1}.finish-score span{color:var(--muted-2);font-size:10px}.finish-score em{color:var(--jade);background:#76b8a11a;border-radius:999px;margin-left:8px;padding:3px 7px;font-size:9px;font-style:normal}.finish-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.lesson-empty{text-align:center;margin:auto}.orientation-gate{display:none}@keyframes pulse-dot{0%,to{box-shadow:0 0 #d6a85747}55%{box-shadow:0 0 0 6px #d6a85700}}@keyframes dot-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes win-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (width<=1120px){.menu-main{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}.menu-copy h1{font-size:clamp(58px,8.2vw,96px)}.coach-panel{width:300px}.lesson-layout{grid-template-columns:minmax(0,1fr) 260px}}@media (width<=900px){.menu-screen{padding-inline:18px}.menu-main{grid-template-columns:minmax(0,1.06fr) minmax(0,.78fr)}.menu-art{height:min(60vh,520px);min-height:280px}.menu-footer{font-size:9px}.mini-brand-text{display:none}.mini-brand{margin-right:2px}.topbar{gap:6px;min-height:48px}.topbar-center{gap:5px}.turn-pill,.wall-pill,.score-pill{height:26px;padding:0 8px;font-size:9px}.score-pill{display:none}.topbar-right .icon-button{width:30px;height:30px}.icon-button--desktop{display:none}.coach-panel{top:calc(env(safe-area-inset-top) + 52px);right:max(8px, env(safe-area-inset-right));width:248px;max-height:calc(100dvh - 200px - env(safe-area-inset-bottom,0px));border-radius:16px}.coach-header{padding:9px 9px 8px}.coach-title strong{font-size:12px}.coach-title span:not(.coach-spark){font-size:8px}.coach-spark{width:27px;height:27px}.coach-scroll{gap:8px;padding:8px 9px 12px}.coach-stat{padding:7px}.coach-stat strong{font-size:23px}.recommend-main p{font-size:9px}.recommend-main h3{font-size:15px}.candidate-row{min-height:35px}.candidate-risk{font-size:7px}.game-log{top:calc(env(safe-area-inset-top) + 55px);max-width:205px}.game-log-row{font-size:8px}.action-dock{bottom:max(8px, env(safe-area-inset-bottom));border-radius:14px;gap:8px;min-height:46px;padding:6px 8px}.dock-hint{font-size:9px}.action-button{height:32px;padding:0 11px;font-size:10px}.selected-copy strong{font-size:12px}.selected-copy span{font-size:7px}.lesson-layout{grid-template-columns:minmax(0,1fr) 212px;gap:10px}.lesson-side{padding:11px}.lesson-card{padding:15px}.lesson-card h2{font-size:22px}.lesson-options.is-multi{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-card{width:95vw}.guide-grid{grid-template-columns:1fr}}@media (width<=760px){.menu-main{grid-template-columns:1fr;align-items:start}.menu-art{display:none}.menu-copy{padding-top:4vh}.menu-copy h1{font-size:clamp(58px,16vw,92px)}.menu-footer{flex-wrap:wrap;line-height:1.6}.menu-progress{width:100%;margin-left:0}.topbar-round{display:none}.topbar-center{flex:1;justify-content:center}.game-log{display:none}.coach-panel{width:min(235px,55vw)}.action-dock{max-width:calc(100vw - 16px)}.dock-left,.claim-dock-title{display:none}.lesson-layout{grid-template-columns:1fr}.lesson-side{display:none}.lesson-card h2{font-size:21px}.lesson-hand .tile-2d--md{width:clamp(30px,6vw,44px)}}@media (height<=620px){.menu-screen{padding-top:max(10px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.menu-top{min-height:32px}.brand-seal{border-radius:8px;width:31px;height:31px;font-size:18px}.brand-lockup strong{font-size:14px}.brand-lockup span{font-size:7px}.menu-copy{padding:0}.menu-copy h1{margin:6px 0 8px;font-size:clamp(48px,15vh,76px);line-height:.9}.menu-copy h1 em{font-size:.68em}.menu-lead{font-size:12px;line-height:1.62}.menu-actions{margin:12px 0 9px}.primary-button--large,.secondary-button--large{height:42px;padding:0 17px;font-size:12px}.menu-facts{gap:10px;font-size:9px}.lesson-strip{margin-top:10px}.lesson-chip{height:26px;font-size:9px}.lesson-chip>span{width:18px;height:18px;font-size:8px}.menu-art{height:100%;min-height:220px}.menu-art-caption{display:none}.menu-art-note{font-size:8px}.menu-footer{padding-top:7px;font-size:8px}.menu-progress{width:auto;margin-left:auto}.guide-header{padding:14px 18px 10px}.guide-header h2{margin:3px 0 1px;font-size:22px}.guide-header p{font-size:9px}.guide-scroll{padding:12px 18px 16px}.guide-hero{padding:11px}.guide-hero h3{font-size:15px}.guide-hero ol{font-size:9px;line-height:1.65}.guide-block{padding:10px}.guide-block h3{font-size:14px}.guide-block p{font-size:9px}.guide-grid{gap:7px;margin-top:8px}.guide-rules{margin-top:8px;padding:10px}.coach-panel{top:calc(env(safe-area-inset-top) + 48px);max-height:calc(100dvh - 214px - env(safe-area-inset-bottom,0px))}.coach-scroll{padding-bottom:9px}.coach-status-row{gap:5px}.coach-stat strong{font-size:22px}.effective-row{display:none}.candidate-list{gap:3px}.coach-feedback{padding:7px 8px}.coach-feedback p{font-size:8px}.action-dock{bottom:max(6px, env(safe-area-inset-bottom));min-height:42px;padding:5px 7px}.action-button{height:31px;padding:0 10px;font-size:10px}.dock-hint{font-size:9px}.selected-copy span{display:none}.topbar{min-height:45px;padding-top:max(5px, env(safe-area-inset-top))}.topbar-left{gap:5px}.topbar-menu{width:29px;height:29px}.mini-brand{display:none}.turn-pill,.wall-pill{height:24px;padding:0 7px;font-size:8px}.topbar-right{gap:4px}.topbar-right .icon-button{width:27px;height:27px}.coach-peek{top:calc(env(safe-area-inset-top) + 48px);height:28px;font-size:9px}.game-log{top:calc(env(safe-area-inset-top) + 49px)}.win-card{max-height:94dvh;padding:17px 18px 15px}.win-medallion{width:48px;height:48px;margin-bottom:5px}.win-card h2{margin:4px 0 2px;font-size:27px}.win-subtitle{font-size:9px}.win-hand{margin:9px 0 7px;padding:7px}.win-hand-head{margin-bottom:4px}.win-tip{margin:6px 0 10px;padding:7px 8px;font-size:8px}.win-actions .primary-button,.win-actions .secondary-button{height:39px;padding:0 15px;font-size:11px}.pause-card{max-height:92dvh;padding:20px 20px 16px}.pause-actions .primary-button,.pause-actions .secondary-button{height:38px;font-size:11px}.lesson-screen{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom))}.lesson-top{min-height:27px}.lesson-top-center strong{font-size:14px}.lesson-top-center em{display:none}.lesson-layout{grid-template-columns:minmax(0,1fr) 205px;gap:8px;padding-top:8px}.lesson-card{border-radius:16px;padding:11px 13px}.lesson-progress-bar{margin-bottom:9px}.lesson-card h2{margin-top:5px;font-size:19px}.lesson-hand-wrap{margin:9px 0;padding:7px}.lesson-hand .tile-2d--md{width:clamp(27px,3.35vw,38px)}.hand-hint{display:none}.lesson-options{gap:5px}.lesson-option{border-radius:8px;min-height:37px;padding:4px 7px}.lesson-option-label{font-size:9px}.lesson-option .tile-2d--sm{width:28px}.lesson-feedback{margin-top:7px;padding:7px 9px}.lesson-feedback p{font-size:9px;line-height:1.55}.lesson-actions{margin-top:8px;padding-top:8px}.lesson-actions .primary-button{height:36px;padding:0 14px;font-size:10px}.lesson-key-hint{font-size:8px}.lesson-side{gap:8px;padding:10px}.lesson-side-head strong{font-size:10px}.concept-list li{font-size:8px;line-height:1.5}.lesson-side-note,.lesson-list-mini{display:none}.lesson-finish{padding:20px 20px 16px}.finish-medallion{width:50px;height:50px;margin-bottom:8px}.lesson-finish h1{margin:4px 0;font-size:26px}.finish-summary{font-size:9px}.finish-score{margin:10px 0}.finish-score strong{font-size:40px}.finish-actions .primary-button,.finish-actions .secondary-button{height:39px;padding:0 15px;font-size:11px}}@media (orientation:portrait) and (width<=900px){.table-screen .orientation-gate,.lesson-screen .orientation-gate{z-index:200;text-align:center;background:radial-gradient(at 50% 30%,#30735a3d,#0000 60%),#07130f;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.orientation-phone{border:1px solid var(--line-strong);width:104px;height:104px;color:var(--gold);background:#ffffff0a;border-radius:26px;place-items:center;margin-bottom:18px;animation:2.4s ease-in-out infinite phone-tilt;display:grid;position:relative}.orientation-rotate{color:var(--jade);position:absolute;bottom:13px;right:13px}.orientation-gate h2{font-family:var(--font-serif);letter-spacing:.1em;color:var(--cream-strong);margin:0 0 7px;font-size:28px;font-weight:500}.orientation-gate p{max-width:250px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.orientation-gate>span{color:var(--muted-2);letter-spacing:.08em;margin-top:20px;font-size:10px}}@keyframes phone-tilt{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.coach-win-banner h3{font-family:var(--font-serif);color:var(--cream-strong);margin:7px 0 4px;font-size:18px;font-weight:500}.coach-win-banner p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.mobile-melds{pointer-events:none;top:calc(env(safe-area-inset-top) + 86px);left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));z-index:10;flex-wrap:wrap;gap:4px;display:flex;position:absolute}.mobile-meld-group{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071610b3;border:1px solid #e8d0a329;border-radius:8px;align-items:center;gap:2px;padding:3px 5px;display:inline-flex}.mobile-meld-group .tile-2d--xs{width:20px}.mobile-meld-label{color:var(--gold);white-space:nowrap;margin-right:2px;font-size:7px}.win-meld-group{background:#ffffff0a;border-radius:6px;align-items:center;gap:1px;margin-right:3px;padding:2px 4px;display:inline-flex}.win-meld-group>span{color:var(--gold);margin-right:2px;font-size:7px}.win-meld-group .tile-2d--sm{width:30px}.menu-static-fan{filter:drop-shadow(0 24px 26px #00000057);justify-content:center;align-items:center;gap:clamp(2px,.6vw,6px);padding:8% 6% 10%;display:flex;position:absolute;inset:0}.menu-static-tile{transform-origin:50% 110%;flex:none}.menu-static-fan .tile-2d--lg{border-radius:7px;width:clamp(36px,5vw,62px)}.menu-static-fan .tile-2d--lg img{box-shadow:0 5px #ac9978,0 14px 22px #00000052}@media (width<=760px){.menu-static-fan{display:none}}.screen-loader{z-index:60;text-align:center;background:radial-gradient(at 50% 32%,#2e71583d,#0000 62%),#07130f;flex-direction:column;justify-content:center;align-items:center;padding:28px;animation:.25s ease-out screen-loader-in;display:flex;position:fixed;inset:0}.screen-loader-seal{color:#ffeed6;width:52px;height:52px;font-family:var(--font-serif);background:linear-gradient(145deg,#d2654e,#9e382b);border-radius:13px;place-items:center;font-size:29px;font-weight:700;display:grid;box-shadow:0 10px 30px #852f2442}.screen-loader-kicker{color:var(--gold);letter-spacing:.26em;margin-top:19px;font-size:9px;font-weight:600}.screen-loader h1{font-family:var(--font-serif);letter-spacing:.1em;color:var(--cream-strong);margin:7px 0;font-size:clamp(25px,4.6vw,38px);font-weight:500}.screen-loader p{color:var(--muted-2);margin:0;font-size:11px;line-height:1.65}.screen-loader-bar{background:#f4ead61a;border-radius:999px;width:142px;height:2px;margin-top:22px;overflow:hidden}.screen-loader-bar span{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);width:42%;height:100%;animation:1.4s ease-in-out infinite screen-loader-sweep;display:block}@keyframes screen-loader-in{0%{opacity:0}to{opacity:1}}@keyframes screen-loader-sweep{0%{transform:translate(-160%)}to{transform:translate(360%)}}@media (prefers-reduced-motion:reduce){.screen-loader-bar span{opacity:.55;width:100%;animation:none}}.last-discard-callout{top:calc(env(safe-area-inset-top) + 58px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:11;pointer-events:none;background:linear-gradient(145deg,#102a20f0,#071610f0);border:1px solid #e8d0a333;border-radius:12px;align-items:center;gap:7px;padding:5px 10px 5px 8px;animation:.24s ease-out last-discard-pop;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000047}.last-discard-kicker{color:var(--muted-2);letter-spacing:.04em;white-space:nowrap;font-size:8px}.last-discard-text{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.last-discard-text strong{color:var(--cream);font-family:var(--font-serif);font-size:13px;font-weight:500}.last-discard-text em{color:var(--gold-bright);font-size:11px;font-style:normal;font-weight:600}@keyframes last-discard-pop{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@media (width<=900px),(height<=620px){.last-discard-callout{top:calc(env(safe-area-inset-top) + 51px);left:auto;right:max(10px, env(safe-area-inset-right));border-radius:10px;gap:5px;padding:4px 8px 4px 6px;animation-name:last-discard-pop-mobile;transform:none}.last-discard-kicker{display:none}.last-discard-text strong,.last-discard-text em{font-size:10px}.last-discard-callout .tile-2d--sm{width:28px}}@keyframes last-discard-pop-mobile{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.last-discard-action{color:var(--muted-2);white-space:nowrap;font-size:9px}.coach-discards{flex-direction:column;gap:6px;display:flex}.coach-discard-list{background:#ffffff06;border-radius:9px;flex-direction:column;gap:3px;padding:6px;display:flex}.coach-discard-row{min-height:24px;color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.coach-discard-row strong{min-width:26px;color:var(--cream);font-size:8px;font-weight:500}.coach-discard-row .tile-2d--xs{width:20px}.seat-color-dot{border-radius:50%;flex:none;width:5px;height:5px}.coach-discard-empty{color:var(--muted-2);font-size:8px}