:root{color:#12201d;background:#eef2eb;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--felt: #12634f;--felt-dark: #0c4338;--ink: #12201d;--muted: #68756f;--line: rgba(18, 32, 29, .08);--paper: rgba(255, 255, 255, .72);--accent: #d94f35;--gold: #d6a931;--sky: #3d7c98;--green: #278b61;--pink: #f7a7b8;--mint: #9be4c7;--glass: rgba(255, 255, 255, .66);--glass-strong: rgba(255, 255, 255, .82);--soft-shadow: 0 18px 50px rgba(34, 67, 59, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{min-height:100vh;padding:16px 18px 24px;background:radial-gradient(circle at 8% 8%,rgba(247,167,184,.3),transparent 26%),radial-gradient(circle at 92% 18%,rgba(155,228,199,.34),transparent 30%),radial-gradient(circle at 62% 92%,rgba(214,169,49,.18),transparent 28%),linear-gradient(135deg,#f5f8f1,#fdf9fb 45%,#e9f6ef)}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1360px;margin:0 auto 12px}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:2px solid rgba(217,79,53,.22);border-radius:14px;color:#fff;background:linear-gradient(145deg,#d94f35,#a92e22);box-shadow:0 16px 40px #8f2a1e2e;font-size:24px;font-weight:800}.brand-mark,.mahjong-tile,.wait-tile{animation:float-in .42s ease both}h1{margin:0;font-size:clamp(24px,3vw,36px);line-height:1;letter-spacing:0}.brand-block p,.body-copy{margin:5px 0 0;color:var(--muted);line-height:1.7}.mode-button,.mode-tab,.icon-button,.segmented button,.primary-action,.confirm-action,.soft-action{border:0;cursor:pointer}.mode-dock{position:fixed;right:0;z-index:55;display:grid;grid-template-columns:auto auto;align-items:start;filter:drop-shadow(0 18px 34px rgba(12,67,56,.14));transition:top .12s ease,filter .18s ease}.mode-tab{position:relative;grid-column:2;grid-row:1;display:grid;width:42px;min-height:96px;place-items:center;gap:6px;padding:10px 0;border-radius:999px 0 0 999px;color:#fff;background:linear-gradient(180deg,#166b5a,#0c4338);box-shadow:0 16px 34px #0c43383d;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;transform-origin:right center;transition:border-radius .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,box-shadow .22s ease}.mode-dock.open{filter:drop-shadow(0 24px 42px rgba(12,67,56,.24))}.mode-dock.open .mode-tab{border-radius:0 0 0 22px;transform:translate(0)}.mode-tab:before{content:"";position:absolute;inset:8px 7px auto;height:32px;border-radius:999px;background:#ffffff24;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .22s ease}.mode-dock.open .mode-tab:before{opacity:1;transform:scale(1)}.mode-tab-icon{position:relative;display:grid;width:22px;height:22px;place-items:center;overflow:hidden}.mode-tab-icon svg{grid-area:1 / 1;transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.mode-menu-icon{opacity:1;transform:translateY(0) rotate(0) scale(1)}.mode-close-icon{opacity:0;transform:translateY(16px) rotate(-90deg) scale(.65)}.mode-dock.open .mode-menu-icon{opacity:0;transform:translateY(-16px) rotate(90deg) scale(.65)}.mode-dock.open .mode-close-icon{opacity:1;transform:translateY(0) rotate(0) scale(1)}.mode-dock.dragging{transition:none}.mode-dock.dragging .mode-tab{cursor:grabbing;transform:scale(1.03)}.mode-tab span{writing-mode:vertical-rl;font-size:13px;font-weight:800;letter-spacing:0}.mode-drawer{position:relative;grid-column:1;grid-row:1;display:grid;gap:8px;width:166px;padding:10px;border:1px solid rgba(255,255,255,.72);border-right:0;border-radius:24px 0 0 24px;background:var(--glass-strong);box-shadow:0 18px 42px #10241f2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);clip-path:inset(0 0 0 100% round 24px 0 0 24px);opacity:1;pointer-events:none;transform:translate(34px) scaleX(.92);transform-origin:right center;transition:clip-path .27s cubic-bezier(.2,.85,.25,1),transform .27s cubic-bezier(.2,.85,.25,1)}.mode-drawer:after{content:none}.mode-dock.open .mode-drawer{clip-path:inset(0 0 0 0 round 24px 0 0 24px);pointer-events:auto;transform:translate(0) scaleX(1)}.mode-button{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:42px;padding:0 12px;border-radius:12px;color:var(--muted);background:transparent;white-space:nowrap;opacity:0;transform:translate(22px) scale(.96);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.85,.25,1.08),background .18s ease,color .18s ease,box-shadow .18s ease}.mode-button svg{flex:0 0 auto;transition:transform .22s ease,color .18s ease}.mode-dock.open .mode-button{opacity:1;transform:translate(0) scale(1)}.mode-dock.open .mode-button:nth-child(1){transition-delay:40ms}.mode-dock.open .mode-button:nth-child(2){transition-delay:75ms}.mode-dock.open .mode-button:nth-child(3){transition-delay:.11s}.mode-button.active{color:#fff;background:linear-gradient(135deg,var(--felt-dark),#2f8b6b);box-shadow:0 10px 24px #12634f2e}.mode-button.active svg{transform:scale(1.12) rotate(-8deg)}.mode-button:hover svg{transform:translate(-2px) scale(1.08)}.mode-button.locked{cursor:not-allowed;opacity:.52}.trainer-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;max-width:1360px;margin:0 auto}.table-zone,.side-panel{min-width:0}.table-header,.hint-row,.panel-title,.result-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.table-header{min-height:58px;padding:12px 16px;border:1px solid rgba(255,255,255,.72);border-radius:18px 18px 0 0;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow)}.label,.hint-row span,.explain-block span,.metric span{color:var(--muted);font-size:13px}.gold-name{display:block;margin-top:2px;color:#9d7410;font-size:28px}.icon-button{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;color:var(--felt-dark);background:#e8f2edeb;transition:transform .16s ease,background .16s ease}.icon-button:hover{background:#dff4e9;transform:rotate(-12deg) scale(1.04)}.felt{min-height:560px;padding:24px;border-radius:0 0 22px 22px;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.13),transparent 24%),radial-gradient(circle at 86% 78%,rgba(247,167,184,.13),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.12),transparent),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 10px),var(--felt);box-shadow:inset 0 0 0 1px #ffffff2e,0 24px 70px #08372d33}.rule-note{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:16px;color:#ffffffe6;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tile-rack{display:grid;align-content:end;gap:14px;min-height:430px;padding-top:96px}.suit-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:100px}.suit-row-label{display:grid;width:30px;height:72px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:#ffffffd1;background:#0000001f;font-size:14px;font-weight:800}.suit-row-tiles{display:flex;gap:10px;min-width:0;padding:8px 8px 12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.suit-row-tiles:empty:after{content:"";width:72px;height:72px;border:1px dashed rgba(255,255,255,.24);border-radius:8px}.mahjong-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(58px,5.8vw,76px);height:clamp(82px,8vw,104px);padding:7px 5px 8px;border:0;border-radius:13px;color:var(--ink);background:linear-gradient(180deg,#fff,#f4f1e8);box-shadow:0 14px 24px #0000002e,inset 0 -5px #18272014;transform:translateY(0);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.mahjong-tile:not(:disabled):hover{box-shadow:0 20px 32px #00000040,inset 0 -5px #18272014;transform:translateY(-8px)}.mahjong-tile[draggable=true]{cursor:grab}.mahjong-tile[draggable=true]:active{cursor:grabbing}.mahjong-tile.selected{animation:discard-away .52s cubic-bezier(.2,.9,.3,1.05) both;box-shadow:0 0 0 4px #d94f352e,0 30px 48px #00000038,inset 0 -5px #18272014}.mahjong-tile.pending{box-shadow:0 0 0 4px #f7a7b880,0 22px 34px #0000003d,inset 0 -5px #18272014;animation:tile-ready .9s ease-in-out infinite}.mahjong-tile.pending:after{position:absolute;right:50%;bottom:-30px;z-index:1;min-width:66px;padding:5px 8px;border-radius:999px;color:#7a3b2d;background:#fff6f7eb;box-shadow:0 8px 18px #62382f24;content:"待打出";font-size:12px;font-weight:800;transform:translate(50%);pointer-events:none}.mahjong-tile.dragging{opacity:.45}.mahjong-tile.gold{background:linear-gradient(180deg,#fff8dd,#ead184)}.tile-rank{font-size:clamp(25px,3vw,38px);font-weight:800;line-height:1}.tile-rank.chinese{color:var(--accent);font-family:KaiTi,STKaiti,PingFang SC,serif}.tile-suit{margin-top:2px;font-size:18px;font-weight:700}.wan .tile-suit{color:var(--accent)}.tong .tile-suit{color:var(--sky)}.tiao .tile-suit{color:var(--green)}.gold-chip{position:absolute;top:5px;right:5px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#5d3d00;background:var(--gold);font-size:12px;font-weight:800;box-shadow:0 4px 12px #9a6f0c38}.tile-helper{margin-top:3px;color:var(--muted);font-size:11px;font-weight:800;line-height:1}.dot-pattern{display:grid;grid-template-columns:repeat(3,11px);grid-auto-rows:11px;place-content:center;gap:4px;min-height:53px}.dot-pattern span{width:11px;height:11px;border:2px solid var(--sky);border-radius:50%;background:radial-gradient(circle,#fff 28%,var(--sky) 31%,var(--sky) 42%,#fff 44%)}.bamboo-pattern{display:grid;grid-template-columns:repeat(3,8px);grid-auto-rows:17px;place-content:center;gap:3px 5px;min-height:56px}.bamboo-pattern span{width:8px;height:17px;border-radius:7px;background:linear-gradient(90deg,transparent 0 36%,rgba(255,255,255,.55) 36% 52%,transparent 52%),linear-gradient(180deg,#3ba66e,#0c7a50);box-shadow:inset 0 0 0 1px #00502d1f}.hint-row{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.68);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--soft-shadow)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:min(290px,100%);padding:4px;border-radius:14px;background:#e7ece6b8}.segmented button{min-height:36px;border-radius:11px;color:var(--muted);background:transparent}.segmented button.active{color:#fff;background:linear-gradient(135deg,var(--felt-dark),#3d9872)}.side-panel{display:grid;align-content:start;gap:14px}.coach-launcher{position:fixed;right:18px;bottom:20px;z-index:45;display:grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;gap:10px;max-width:min(320px,calc(100vw - 36px));min-height:66px;padding:9px 12px 9px 9px;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:var(--felt-dark);background:#fff9f0d1;box-shadow:0 24px 70px #243a4233;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.coach-launcher:hover{transform:translateY(-3px);box-shadow:0 30px 80px #243a4240}.coach-launcher.open{opacity:0;pointer-events:none;transform:translateY(12px) scale(.96)}.coach-launcher-copy{display:grid;gap:2px;min-width:0;text-align:left}.coach-launcher-copy strong{font-size:15px;line-height:1}.coach-launcher-copy span{color:#1f354494;font-size:12px;font-weight:800}.pet-avatar{--pet-frame-w: 70px;--pet-frame-h: 76px;display:block;width:var(--pet-frame-w);height:var(--pet-frame-h);border-radius:18px;background-image:url(/coach-pet.webp);background-repeat:no-repeat;background-size:calc(var(--pet-frame-w) * 8) calc(var(--pet-frame-h) * 9);background-position:0 0;filter:drop-shadow(0 10px 14px rgba(73,101,119,.2))}.pet-avatar.large{--pet-frame-w: 92px;--pet-frame-h: 100px;border-radius:20px}.pet-avatar.idle{animation:petIdleSprite 2.8s steps(1,end) infinite}.pet-avatar.talking{animation:petTalkingSprite 1.4s steps(1,end) infinite}.pet-avatar.thinking{animation:petThinkingSprite .9s steps(1,end) infinite}.coach-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.coach-layer.open{pointer-events:auto}.coach-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#111f2200;opacity:0;transition:opacity .22s ease,background .22s ease}.coach-layer.open .coach-backdrop{background:#111f222e;opacity:1}.coach-drawer{position:absolute;top:14px;right:14px;bottom:14px;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:min(540px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.72);border-radius:28px;background:linear-gradient(180deg,#fff9f0eb,#e0f0f6e0),#ffffffdb;box-shadow:0 34px 100px #233b4447;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;overflow:hidden;transform:translate(42px) scale(.98);visibility:hidden;transition:opacity .22s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .22s ease}.coach-layer.open .coach-drawer{opacity:1;transform:translate(0) scale(1);visibility:visible}.coach-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px}.coach-title-block{display:flex;align-items:center;gap:12px;min-width:0}.coach-title-block strong{display:block;color:#1f3544;font-size:24px;line-height:1.1}.coach-snapshot{display:grid;gap:12px;margin:0 16px 12px;padding:13px;border:1px solid rgba(167,108,89,.14);border-radius:20px;background:#ffffff8a}.snapshot-meta,.snapshot-facts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.snapshot-meta span,.snapshot-meta strong,.snapshot-facts span{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 10px;color:#1f3544b8;background:#fff8f0b3;font-size:12px;font-weight:900}.snapshot-meta strong{color:#a96143}.snapshot-section{display:grid;gap:8px}.snapshot-tiles{display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow-y:auto;padding-right:2px}.snapshot-tile{min-width:34px;width:34px;height:48px;border-radius:8px}.snapshot-tile .tile-rank{font-size:18px}.snapshot-tile .tile-suit{font-size:10px}.snapshot-tile .tile-helper{font-size:8px}.snapshot-tile .dot-pattern{grid-template-columns:repeat(3,5px);grid-auto-rows:5px;gap:1px;min-height:23px}.snapshot-tile .dot-pattern span{width:5px;height:5px}.snapshot-tile .bamboo-pattern{grid-template-columns:repeat(3,4px);grid-auto-rows:8px;gap:1px 2px;min-height:24px}.snapshot-tile .bamboo-pattern span{width:4px;height:8px}.snapshot-tile .gold-chip{top:2px;right:2px;width:15px;height:15px;font-size:9px}.stats-panel,.feedback-panel,.coach-panel,.listening-panel{border:1px solid rgba(255,255,255,.7);border-radius:18px;background:var(--glass);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:panel-rise .36s ease both}.stats-panel{padding:12px}.coach-panel{padding:16px}.panel-title{justify-content:flex-start;color:var(--felt-dark);font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.metric{min-height:58px;padding:8px 6px;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#ffffff9e}.metric strong{display:block;margin-top:4px;color:var(--felt-dark);font-size:22px}.feedback-panel{padding:18px}.guide-panel,.review-panel{display:grid;gap:14px}.feedback-hero,.review-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}.feedback-icon,.review-badge{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;color:#7c5c0a;background:linear-gradient(145deg,#ffec8fe6,#daac3cbf);box-shadow:inset 0 -5px #6b52121a,0 14px 26px #7052141f}.review-badge{width:42px;height:42px;border-radius:50%}.answered.wrong .review-badge{color:#fff;background:linear-gradient(145deg,#e06a55,#b63b2c)}.feedback-hero strong,.review-head strong{display:block;color:var(--felt-dark);font-size:22px;line-height:1.15}.review-head strong{font-size:20px}.feedback-hero span,.review-head span{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.feedback-brief{margin:0;padding:12px 14px;border-left:3px solid rgba(214,169,49,.68);border-radius:14px;color:#42564f;background:#f1f5eda8;line-height:1.65}.feedback-status{display:flex;align-items:center;gap:8px}.feedback-status svg{color:#9c760d}.feedback-status em{margin-left:auto;color:var(--muted);font-size:12px;font-style:normal}.recommend-strip{display:grid;gap:10px;padding:12px;border-radius:16px;background:#0d4a3a14}.recommend-strip>span,.section-kicker{color:#af8421;font-size:13px;font-weight:900}.recommend-strip div,.top-candidates{display:grid;gap:8px}.recommend-strip strong,.top-card{display:block;padding:10px 12px;border-radius:13px;color:var(--felt-dark);background:#ffffff80;box-shadow:inset 0 0 0 1px #ffffff61}.light-hint-strip{background:#ffffff1f}.light-hint-strip strong{position:relative;padding-left:28px;color:#edf7ead1;background:#ffffff14}.light-hint-strip strong:before{content:"";position:absolute;top:16px;left:12px;width:7px;height:7px;border-radius:999px;background:#e4c76f;box-shadow:0 0 0 4px #e4c76f1f}.review-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.review-section{display:grid;gap:10px;padding:13px;border-radius:18px;background:#0d4a3a14}.mini-tile-list{display:flex;flex-wrap:wrap;gap:8px}.mini-tile,.empty-mini-tiles{display:grid;min-width:44px;height:58px;place-items:center;border-radius:10px;color:var(--ink);background:linear-gradient(180deg,#fff,#f4f1e8);box-shadow:0 10px 18px #22433b1f,inset 0 -3px #18272012}.empty-mini-tiles{width:100%;height:auto;min-height:42px;color:var(--muted);background:#ffffff73;font-size:14px}.mini-tile .tile-rank{font-size:22px}.mini-tile .tile-suit{font-size:12px}.mini-tile .tile-helper{margin-top:1px;font-size:9px}.mini-tile .dot-pattern{grid-template-columns:repeat(3,6px);grid-auto-rows:6px;gap:2px;min-height:29px}.mini-tile .dot-pattern span{width:6px;height:6px;border-width:1px}.mini-tile .bamboo-pattern{grid-template-columns:repeat(3,5px);grid-auto-rows:10px;gap:2px 3px;min-height:31px}.mini-tile .bamboo-pattern span{width:5px;height:10px}.top-card{display:grid;gap:3px}.top-card.best{background:#d6a93129}.top-card strong{color:var(--felt-dark)}.top-card span{color:var(--muted);font-size:13px}.reason-list{display:grid;gap:8px;padding:12px 14px;border-radius:16px;background:#f1f5edbd}.reason-list p{margin:0;color:#3e4f49;line-height:1.6}.coach-messages{display:grid;gap:8px;max-height:230px;margin-top:14px;overflow-y:auto;padding-right:2px}.coach-message{width:fit-content;max-width:92%;padding:10px 12px;border-radius:16px;color:#31453f;background:#f1f5eddb;font-size:14px;line-height:1.55}.coach-message-content{display:grid;gap:7px}.coach-message-block{margin:0}.coach-keyword{padding:1px 5px;border-radius:999px;color:#7c3b3b;background:#ffda8885;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:800}.coach-message.user{justify-self:end;color:#fff;background:linear-gradient(135deg,var(--felt-dark),#347b65)}.coach-message.loading{display:inline-flex;align-items:center;gap:8px}.coach-message.loading svg{animation:spin .9s linear infinite}.token-usage{display:block;margin-top:8px;padding-top:7px;border-top:1px solid rgba(18,32,29,.1);color:#31453fb8;font-size:12px;line-height:1.4}.coach-message.user .token-usage{border-top-color:#fff3;color:#ffffffb8}.quick-questions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-questions button{min-height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.78);border-radius:999px;color:var(--felt-dark);background:#eef4efd1;cursor:pointer;font-size:13px}.quick-questions button:disabled{cursor:not-allowed;opacity:.58}.coach-form{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;margin-top:12px}.coach-form input{min-width:0;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.82);border-radius:14px;color:var(--ink);background:#fff;font:inherit;font-size:14px}.coach-form button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:14px;color:#fff;background:var(--felt-dark);cursor:pointer}.coach-form button:disabled{cursor:not-allowed;opacity:.5}.special-list{display:grid;gap:10px;margin-top:14px}.special-list div,.hint-card,.explain-block,.pending-card{padding:12px;border-radius:16px;background:#f1f5edd6}.special-list strong,.hint-card strong{display:block;color:var(--felt-dark)}.special-list span{display:block;margin-top:4px;color:var(--muted);line-height:1.55}.hint-card{margin-top:14px}.pending-card{margin-top:12px;color:#38534a;line-height:1.6}.answered.correct{border-color:#278b615c}.answered.wrong{border-color:#d94f3557}.result-line{padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--felt-dark);font-weight:800}.result-line strong{color:var(--accent)}.explain-block{display:grid;gap:8px;margin-top:12px}.score-line{display:flex;align-items:center;gap:7px;color:var(--muted)}.score-line strong{color:var(--felt-dark);font-size:20px}.explain-block p{margin:0;color:#3e4f49;line-height:1.6}.primary-action{display:inline-flex;justify-content:center;width:100%;min-height:48px;margin-top:14px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--accent),#b73928);font-weight:800}.reward-pop{position:fixed;top:18px;left:50%;z-index:60;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:min(430px,calc(100vw - 28px));min-height:86px;padding:14px 16px;border:1px solid rgba(255,255,255,.74);border-radius:22px;color:#5a321c;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.96),transparent 30%),linear-gradient(135deg,#fff6d1f0,#ffe5eaeb 55%,#daf8e6eb);box-shadow:0 24px 70px #58341933;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;overflow:hidden;transform:translate(-50%);animation:reward-drop .56s cubic-bezier(.18,1.15,.3,1) both,reward-leave .42s ease 2.4s forwards}.reward-rays{position:absolute;top:-42px;right:-42px;bottom:-42px;left:-42px;background:conic-gradient(from 12deg,#fff0,#ffffff6b,#fff0),radial-gradient(circle,rgba(255,255,255,.7),transparent 58%);opacity:.65;animation:reward-spin 2.6s linear infinite}.reward-medal,.reward-copy,.reward-streak,.reward-spark{position:relative}.reward-medal{display:grid;width:58px;height:58px;place-items:center;border-radius:20px;color:#7b4b00;background:linear-gradient(145deg,#fff1a8,#dba93a);box-shadow:inset 0 -5px #6f4b001f,0 14px 24px #9a6f0c2e;animation:medal-pop .9s ease both}.reward-copy{display:grid;gap:4px;text-align:left}.reward-copy strong{color:#5c311d;font-size:20px}.reward-copy span{color:#5c311db8;font-size:14px;line-height:1.45}.reward-streak{display:grid;min-width:52px;height:52px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,#d94f35,#f0b437);font-size:20px;font-weight:900;box-shadow:0 12px 22px #d94f3533}.reward-spark{position:absolute;color:#d59718;animation:spark-burst 1.2s ease-out both}.spark-one{top:12px;right:82px}.spark-two{left:84px;bottom:14px;animation-delay:.12s}.action-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:12px;align-items:stretch}.confirm-action,.soft-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin-top:14px;border:0;border-radius:16px;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.confirm-action{color:#fff;background:linear-gradient(135deg,#e15b4a,#d6a931);box-shadow:0 18px 34px #d94f352e}.soft-action{padding:0 18px;color:var(--felt-dark);background:#ffffffb8}.confirm-action:not(:disabled):hover,.soft-action:not(:disabled):hover,.primary-action:not(:disabled):hover{transform:translateY(-2px)}.confirm-action:disabled,.soft-action:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.listening-panel{margin-top:14px;padding:16px}.listening-mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin-top:12px;padding:5px;border-radius:16px;background:#e7ece6b8}.table-tools .listening-mode-switch{margin-top:0;border-radius:999px}.listening-mode-switch button{min-height:38px;border:0;border-radius:12px;color:var(--muted);background:transparent;cursor:pointer;font-weight:800;transition:transform .16s ease,background .16s ease,color .16s ease}.table-tools .listening-mode-switch button{min-height:30px;border-radius:999px;font-size:12px}.listening-mode-switch button:not(:disabled):hover{transform:translateY(-1px)}.listening-mode-switch button.active{color:#fff;background:linear-gradient(135deg,var(--felt-dark),#3d9872)}.listening-mode-switch button:disabled{cursor:default;opacity:.72}.listening-focus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:10px 12px;border-radius:15px;color:var(--muted);background:#ffffff94}.listening-focus span{font-weight:800}.listening-focus strong{color:var(--felt-dark)}.wait-grid{display:grid;grid-template-columns:repeat(9,minmax(42px,1fr));gap:8px;margin-top:14px}.wait-tile{position:relative;display:grid;min-height:70px;place-items:center;border:0;border-radius:14px;color:var(--ink);background:linear-gradient(180deg,#fff,#f4f1e8);box-shadow:0 10px 18px #22433b1f,inset 0 -4px #18272012;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.wait-tile:hover{transform:translateY(-4px)}.wait-tile.selected{box-shadow:0 0 0 4px #f7a7b86b,0 14px 22px #22433b29,inset 0 -4px #18272012;transform:translateY(-5px)}.wait-tile.correct{background:linear-gradient(180deg,#f3fff9,#ccefdc);box-shadow:0 0 0 4px #278b613d,0 14px 24px #278b6124}.wait-tile.wrong{background:linear-gradient(180deg,#fff6f4,#f2c8c0);box-shadow:0 0 0 4px #d94f3538,0 14px 24px #d94f351f}.wait-tile:disabled{cursor:default;opacity:.92}.wait-tile .dot-pattern{transform:scale(.8)}.wait-tile .bamboo-pattern{transform:scale(.78)}.wait-tile .tile-rank{font-size:24px}.wait-tile .tile-suit{font-size:12px}.listen-actions{display:flex;flex-wrap:wrap;gap:10px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tile-ready{0%,to{transform:translateY(-12px) rotate(-1deg) scale(1)}50%{transform:translateY(-18px) rotate(1deg) scale(1.035)}}@keyframes discard-away{0%{opacity:1;transform:translateY(-14px) rotate(-1deg) scale(1.03)}48%{opacity:1;transform:translateY(-34px) rotate(-4deg) scale(1.08)}to{opacity:.72;transform:translateY(-76px) rotate(-9deg) scale(.92)}}@keyframes reward-drop{0%{opacity:0;transform:translate(-50%,-28px) scale(.92)}62%{opacity:1;transform:translate(-50%,4px) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes reward-leave{to{opacity:0;transform:translate(-50%,-18px) scale(.96)}}@keyframes reward-spin{to{transform:rotate(360deg)}}@keyframes medal-pop{0%{transform:rotate(-10deg) scale(.7)}58%{transform:rotate(8deg) scale(1.12)}to{transform:rotate(0) scale(1)}}@keyframes spark-burst{0%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:1}to{opacity:0;transform:scale(1.55) rotate(28deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@media(max-width:920px){.app-shell{padding:12px 12px 18px}.hero-panel,.trainer-grid{grid-template-columns:1fr}.hero-panel{align-items:center;flex-direction:row}.brand-block p{display:none}.trainer-grid{display:grid}.side-panel,.action-strip{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{padding:10px 10px 16px}.brand-block{align-items:center}.brand-mark{width:40px;height:40px;font-size:21px}h1{font-size:24px}.table-header,.hint-row{align-items:stretch;flex-direction:column}.confirm-action,.soft-action{width:100%}.felt{min-height:450px;padding:14px}.tile-rack{gap:8px;min-height:330px;padding-top:28px}.mode-tab{width:38px;min-height:84px}.mode-drawer{width:154px}.suit-row{grid-template-columns:24px minmax(0,1fr);gap:6px;min-height:82px}.suit-row-label{width:24px;height:58px;font-size:12px}.suit-row-tiles{gap:7px;padding:6px 4px 10px}.mahjong-tile{width:54px;min-width:54px;max-width:54px;height:74px}.tile-rank{font-size:26px}.tile-suit{font-size:14px}.dot-pattern{grid-template-columns:repeat(3,8px);grid-auto-rows:8px;gap:3px;min-height:39px}.dot-pattern span{width:8px;height:8px;border-width:1px}.bamboo-pattern{grid-template-columns:repeat(3,6px);grid-auto-rows:12px;gap:2px 4px;min-height:40px}.bamboo-pattern span{width:6px;height:12px}.stats-grid{grid-template-columns:repeat(4,1fr)}.wait-grid{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-width:thin}.wait-tile{flex:0 0 54px;min-height:74px}.reward-pop{top:12px;grid-template-columns:auto minmax(0,1fr);min-height:78px;padding:12px}.reward-medal{width:50px;height:50px;border-radius:17px}.reward-streak{grid-column:1 / -1;width:100%;height:34px;min-width:0;border-radius:999px;font-size:16px}.metric{min-height:68px;padding:8px}.metric strong{font-size:22px}}:root{color:#edf7ea;background:#0b3a25;--felt: #114b31;--felt-dark: #0a2c1e;--ink: #161814;--muted: #abc2b4;--line: rgba(222, 205, 130, .18);--paper: rgba(19, 76, 49, .88);--accent: #c93f36;--gold: #d6b85d;--sky: #2b2b28;--green: #242720;--pink: #c93f36;--mint: #6bc39b;--glass: rgba(19, 76, 49, .8);--glass-strong: rgba(23, 86, 57, .92);--soft-shadow: 0 24px 70px rgba(0, 0, 0, .24)}body{color:#edf7ea;background:#0b3a25}.app-shell{min-height:100vh;position:relative;overflow-x:hidden;padding:28px 24px 110px;background:radial-gradient(circle at 18% 0%,rgba(77,145,94,.18),transparent 34%),radial-gradient(circle at 82% 18%,rgba(213,184,93,.12),transparent 26%),linear-gradient(90deg,rgba(0,0,0,.1),transparent 18%,transparent 82%,rgba(0,0,0,.12)),linear-gradient(135deg,#0b3c28,#123d29 48%,#092f21)}.hero-panel{position:relative;z-index:30;margin-bottom:18px}.hero-art{position:relative;width:min(31vw,430px);min-width:260px;height:150px;border:1px solid rgba(228,199,111,.18);border-radius:22px;overflow:hidden;background:#f5ebd014;box-shadow:0 24px 70px #00000047,inset 0 0 0 1px #ffffff0f}.hero-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 18% 24%,rgba(255,245,218,.22),transparent 32%),linear-gradient(90deg,#082b1d1a,#082b1d94);pointer-events:none}.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 42%;filter:saturate(.94) contrast(.96) brightness(.92)}.theme-sakura.app-shell{color:#1f3544;background:linear-gradient(#f4fafcbd,#f4fafce6),url(/sakura-coast-theme.jpg) center 28% / cover fixed,linear-gradient(135deg,#c7e2f4,#fde3df 48%,#f7c98e)}.theme-sakura.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 8%,rgba(255,209,219,.46),transparent 30%),radial-gradient(circle at 84% 14%,rgba(136,193,223,.34),transparent 26%),linear-gradient(180deg,#ffffff2e,#fff8f05c)}.theme-sakura .brand-mark{border-color:#a65e5129;color:#7c3b3b;background:linear-gradient(145deg,#ffe6eb,#f3bdc7);box-shadow:0 18px 40px #76474524,inset 0 -5px #774e3414}.theme-sakura h1,.theme-sakura .panel-title,.theme-sakura .feedback-hero strong,.theme-sakura .review-head strong,.theme-sakura .top-card strong,.theme-sakura .special-list strong,.theme-sakura .hint-card strong,.theme-sakura .metric strong{color:#1f3544}.theme-sakura .brand-block p,.theme-sakura .body-copy,.theme-sakura .label,.theme-sakura .hint-row span,.theme-sakura .explain-block span,.theme-sakura .metric span,.theme-sakura .provider-row span,.theme-sakura .section-kicker,.theme-sakura .recommend-strip>span{color:#1f3544a3}.theme-sakura .hero-art{border-color:#a65e5129;background:#fff7ee6b;box-shadow:0 24px 70px #5770822e,inset 0 0 0 1px #ffffff70}.theme-sakura .hero-art:before{background:radial-gradient(circle at 14% 20%,rgba(255,235,241,.4),transparent 34%),linear-gradient(90deg,#ffffff05,#ffefe55c)}.theme-sakura .hero-art img{object-position:50% 36%;filter:saturate(1.04) contrast(.96) brightness(1.04)}.theme-sakura .table-header,.theme-sakura .stats-panel,.theme-sakura .feedback-panel,.theme-sakura .coach-panel,.theme-sakura .listening-panel,.theme-sakura .hint-row,.theme-sakura .river-panel{border-color:#a76c592e;background:linear-gradient(180deg,#fff9f0d1,#e0f0f6c7);box-shadow:0 22px 64px #49657729,inset 0 0 0 1px #ffffff85}.theme-sakura .felt{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,#97c7cb33,#97c7cb0a 42%,#97c7cb2e),linear-gradient(180deg,#fff9f029,#fff9f005 34%,#58949d1a),url(/felt-table-desktop.jpg) center / cover no-repeat,radial-gradient(circle at 18% 16%,rgba(255,230,235,.42),transparent 24%),radial-gradient(circle at 82% 72%,rgba(248,190,126,.22),transparent 28%),repeating-linear-gradient(45deg,rgba(99,145,164,.035) 0 2px,transparent 2px 12px),linear-gradient(145deg,#97c7cbdb,#77b5bbd6 58%,#609ba4e0);box-shadow:inset 0 0 0 1px #ffffff6b,inset 0 30px 80px #ffffff1f,0 28px 80px #49657733}.theme-sakura .felt:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 86% 48%,rgba(255,255,255,.14),transparent 34%),linear-gradient(90deg,rgba(151,199,203,.38),transparent 42%,rgba(151,199,203,.22)),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 12px);-webkit-backdrop-filter:saturate(.92);backdrop-filter:saturate(.92)}@media(max-width:560px){.theme-sakura .felt{background:linear-gradient(90deg,#97c7cb2e,#97c7cb0a 48%,#97c7cb29),linear-gradient(180deg,#fff9f024,#fff9f005 34%,#58949d14),url(/felt-table-mobile.jpg) center / cover no-repeat,radial-gradient(circle at 18% 16%,rgba(255,230,235,.36),transparent 24%),radial-gradient(circle at 82% 72%,rgba(248,190,126,.18),transparent 28%),repeating-linear-gradient(45deg,rgba(99,145,164,.035) 0 2px,transparent 2px 12px),linear-gradient(145deg,#97c7cbdb,#77b5bbd6 58%,#609ba4e0)}}.theme-sakura .rule-note,.theme-sakura .metric,.theme-sakura .feedback-brief,.theme-sakura .recommend-strip,.theme-sakura .review-section,.theme-sakura .reason-list,.theme-sakura .special-list div,.theme-sakura .hint-card,.theme-sakura .explain-block,.theme-sakura .pending-card,.theme-sakura .coach-message,.theme-sakura .top-card,.theme-sakura .empty-mini-tiles{border-color:#a76c591f;color:#1f3544c2;background:#ffffff75}.theme-sakura .gold-name,.theme-sakura .draw-status strong,.theme-sakura .recommend-strip strong{color:#a96143}.theme-sakura .light-hint-strip strong{color:#1f3544c7;background:#ffffff7a}.theme-sakura .light-hint-strip strong:before{background:#df7f8d;box-shadow:0 0 0 4px #df7f8d24}.theme-sakura .suit-row-label,.theme-sakura .draw-status{border-color:#a76c5924;color:#1f3544b8;background:#fff7ee75}.theme-sakura .icon-button,.theme-sakura .mode-tab,.theme-sakura .coach-form button,.theme-sakura .confirm-action{color:#fffaf5;background:linear-gradient(145deg,#6ea6b7,#4b879a);box-shadow:inset 0 -4px #23505f21}.theme-sakura .primary-action,.theme-sakura .win-action{color:#fffaf5;background:linear-gradient(135deg,#df7f8d,#b85c66)}.theme-sakura .soft-action,.theme-sakura .quick-questions button{color:#2f5362;border-color:#a76c592e;background:#fff8f08f}.theme-sakura .segmented{background:#fff8f094}.theme-sakura .segmented button,.theme-sakura .mode-button{color:#1f3544a3}.theme-sakura .segmented button.active,.theme-sakura .mode-button.active{color:#5f3634;background:linear-gradient(135deg,#ffd7df,#f2bd82)}.theme-sakura .mode-drawer{border-color:#a76c592e;background:#fff8f0f0}.theme-sakura .coach-form input,.theme-sakura .provider-row select{color:#1f3544;border-color:#a76c592e;background:#ffffff9e}.theme-sakura .coach-form input::placeholder{color:#1f354475}.theme-sakura .coach-message.user{color:#5f3634;background:linear-gradient(135deg,#ffd7df,#f0c58e)}.theme-sakura .feedback-icon,.theme-sakura .review-badge,.theme-sakura .gold-chip,.theme-sakura .mahjong-tile.pending:after{color:#5f3634;background:linear-gradient(145deg,#ffd7df,#f2bd82)}.theme-sakura .mahjong-tile,.theme-sakura .wait-tile,.theme-sakura .mini-tile{background:linear-gradient(180deg,rgba(255,255,255,.75),transparent 26%),linear-gradient(180deg,#fff8e9,#f1dfbd);box-shadow:0 14px #bea48729,0 22px 26px #435b6933,inset 0 -5px #4b351c12,inset 0 0 0 1px #ffffffb3}.theme-sakura .mahjong-tile.gold{background:linear-gradient(180deg,rgba(255,255,255,.6),transparent 26%),linear-gradient(180deg,#ffe8ee,#eeb4be)}.brand-mark{width:52px;height:52px;border-color:#e4c76f38;border-radius:18px;color:#f8edc9;background:linear-gradient(145deg,#1f7d56,#0d4c35);box-shadow:0 18px 40px #0000003d,inset 0 -5px #0000001f}h1{color:#f6fff5;font-size:clamp(30px,3.8vw,48px);font-weight:900}.brand-block p,.body-copy{color:#edf7eaad}.trainer-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.table-header,.stats-panel,.feedback-panel,.coach-panel,.listening-panel,.hint-row{border-color:#dab85d2e;background:linear-gradient(180deg,#1b5b3dd1,#0e3f2adb);box-shadow:0 22px 64px #00000038,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-header{min-height:70px;border-radius:22px 22px 0 0}.label,.hint-row span,.explain-block span,.metric span,.provider-row span,.section-kicker,.recommend-strip>span{color:#edf7ea9e}.gold-name{color:#e4c76f;text-shadow:0 2px 12px rgba(0,0,0,.18)}.icon-button{color:#f4fff0;background:linear-gradient(145deg,#1e7b57,#0f5138);box-shadow:inset 0 -4px #00000026}.icon-button:hover{background:linear-gradient(145deg,#249464,#126342)}.felt{min-height:560px;border-radius:0 0 24px 24px;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 82% 72%,rgba(214,184,93,.08),transparent 28%),repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 12px),linear-gradient(145deg,#145334,#0d3f2c 60%,#0b3525);box-shadow:inset 0 0 0 1px #dab85d21,inset 0 30px 80px #ffffff06,0 28px 80px #00000047}.rule-note{border-color:#dab85d29;color:#edf7eab8;background:#06251957}.tile-rack{min-height:410px;padding-top:82px}.suit-row{grid-template-columns:34px minmax(0,1fr);min-height:96px}.suit-row-label{width:34px;height:70px;border-color:#dab85d29;color:#edf7eabd;background:#05241861}.suit-row-tiles{gap:8px}.mahjong-tile,.wait-tile,.mini-tile{border:1px solid rgba(36,30,22,.1);border-radius:10px;color:#191713;background:linear-gradient(180deg,rgba(255,255,255,.68),transparent 26%),linear-gradient(180deg,#fbf2dc,#efe1be);box-shadow:0 14px #cebe972e,0 22px 26px #0000003d,inset 0 -5px #4b351c14,inset 0 0 0 1px #ffffffa6}.mahjong-tile{width:clamp(54px,5.1vw,68px);height:clamp(78px,7.4vw,96px)}.mahjong-tile:not(:disabled):hover,.wait-tile:hover{box-shadow:0 16px #cebe9733,0 28px 34px #0000004d,inset 0 -5px #4b351c14,inset 0 0 0 1px #ffffffc2}.mahjong-tile.gold{background:linear-gradient(180deg,rgba(255,255,255,.54),transparent 26%),linear-gradient(180deg,#fff2b9,#ddbd5a)}.mahjong-tile.pending{box-shadow:0 0 0 4px #30a9e8b3,0 15px #cebe9733,0 26px 38px #00000052,inset 0 -5px #4b351c14}.mahjong-tile.pending:after{color:#062d20;background:#e4c76f;box-shadow:0 8px 18px #0003}.tile-rank{font-size:clamp(27px,3.1vw,40px);font-weight:900}.tile-rank.chinese{color:#bd352e;font-family:KaiTi,STKaiti,"FangSong",PingFang SC,serif;text-shadow:0 1px 0 rgba(255,255,255,.45)}.tile-suit{color:#bd352e;font-family:KaiTi,STKaiti,"FangSong",PingFang SC,serif;font-weight:900}.wan .tile-suit{color:#bd352e}.tong .tile-suit,.tiao .tile-suit{color:#201d18}.tile-helper{color:#1917139e;font-size:10px}.dot-pattern{grid-template-columns:repeat(3,12px);grid-auto-rows:12px;gap:5px}.dot-pattern span{width:12px;height:12px;border:0;background:#24211d}.dot-pattern span:nth-child(3n),.dot-pattern span:nth-child(4n){background:#c83d36}.bamboo-pattern{grid-template-columns:repeat(3,9px);grid-auto-rows:18px;gap:3px 6px}.bamboo-pattern span{width:9px;height:18px;border-radius:4px;background:linear-gradient(90deg,transparent 0 36%,rgba(255,255,255,.36) 36% 50%,transparent 50%),linear-gradient(180deg,#2b2924,#171511)}.bamboo-pattern span:nth-child(4n){background:linear-gradient(90deg,transparent 0 36%,rgba(255,255,255,.4) 36% 50%,transparent 50%),linear-gradient(180deg,#c8463f,#952d28)}.gold-chip{color:#4c3507;background:#e4c76f}.panel-title,.feedback-hero strong,.review-head strong,.top-card strong,.special-list strong,.hint-card strong,.metric strong{color:#f6fff5}.metric,.feedback-brief,.recommend-strip,.review-section,.reason-list,.special-list div,.hint-card,.explain-block,.pending-card,.coach-message,.top-card{border-color:#dab85d1a;color:#edf7eacc;background:#062b1d6b;box-shadow:inset 0 0 0 1px #ffffff06}.feedback-brief,.reason-list p,.explain-block p,.special-list span,.top-card span,.feedback-hero span,.review-head span,.coach-message{color:#edf7eabd}.feedback-icon,.review-badge{color:#123421;background:linear-gradient(145deg,#f0d67d,#cda84f)}.answered.wrong .review-badge{color:#fff4ea;background:linear-gradient(145deg,#c93f36,#8e2925)}.recommend-strip strong,.top-card.best{color:#f6fff5;background:#d6b85d24}.segmented{background:#05241875}.segmented button{color:#edf7eaa8}.segmented button.active,.mode-button.active{color:#123421;background:linear-gradient(135deg,#e4c76f,#b98e36)}.listening-mode-switch{background:#05241875}.listening-mode-switch button{color:#edf7eaa8}.listening-mode-switch button.active{color:#123421;background:linear-gradient(135deg,#e4c76f,#b98e36)}.listening-focus{color:#edf7eabd;background:#062b1d6b}.listening-focus strong{color:#f6fff5}.mode-tab,.coach-form button,.confirm-action{color:#f7fff2;background:linear-gradient(145deg,#1d845b,#0e5d3f)}.mode-drawer{border-color:#dab85d2e;background:#072b1df0}.mode-button{color:#edf7eab8}.primary-action{color:#fff4e8;background:linear-gradient(135deg,#c93f36,#8d2a25)}.soft-action,.quick-questions button{color:#eaf8e8;border-color:#dab85d2e;background:#145c3e8f}.coach-form input,.provider-row select{color:#f6fff5;border-color:#dab85d2e;background:#05241894}.coach-form input::placeholder{color:#edf7ea73}.coach-message.user{color:#123421;background:linear-gradient(135deg,#e4c76f,#cba34b)}.token-usage{color:#edf7ea85;border-top-color:#dab85d21}.coach-message.user .token-usage{color:#1234219e;border-top-color:#12342129}.wait-tile.selected{box-shadow:0 0 0 4px #30a9e894,0 14px #cebe972e,0 24px 30px #00000047}.wait-tile.correct{background:linear-gradient(180deg,#fbf2dc,#d7e6bd)}.wait-tile.wrong{background:linear-gradient(180deg,#fbf2dc,#e6b7ad)}.mini-tile{min-width:42px}.empty-mini-tiles{color:#edf7ea9e;background:#062b1d6b}@media(max-width:920px){.app-shell{padding:16px 12px 94px}.hero-panel{gap:12px}.hero-art{width:180px;min-width:180px;height:82px;border-radius:18px}.trainer-grid{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{padding:12px 10px 90px}h1{font-size:27px}.brand-mark{width:44px;height:44px;border-radius:15px}.hero-panel{align-items:stretch;flex-direction:column}.hero-art{width:100%;min-width:0;height:96px}.hero-art img{object-position:50% 47%}.felt{min-height:440px}.mahjong-tile{width:52px;min-width:52px;max-width:52px;height:74px}.dot-pattern{grid-template-columns:repeat(3,8px);grid-auto-rows:8px;gap:3px}.bamboo-pattern{grid-template-columns:repeat(3,6px);grid-auto-rows:12px;gap:2px 4px}}.felt,.tile-rack,.suit-row,.suit-row-tiles{overflow:visible}.tile-rack{align-content:center;gap:18px;min-height:auto;padding-top:54px;padding-bottom:18px}.suit-row{align-items:start;min-height:auto}.suit-row-label{margin-top:8px}.suit-row-tiles{flex-wrap:wrap;row-gap:28px;padding-bottom:26px;overscroll-behavior-x:auto;scrollbar-width:none}.mahjong-tile.drawn{animation:drawnTilePop .52s cubic-bezier(.2,.9,.2,1.2)}.mahjong-tile.drawn:before{content:"摸";position:absolute;top:-12px;right:-8px;z-index:5;display:grid;width:28px;height:28px;place-items:center;border-radius:999px;color:#5c2f06;font-size:13px;font-weight:900;background:linear-gradient(145deg,#fff2a8,#e3bb49);box-shadow:0 8px 18px #00000038,inset 0 1px #ffffffb3}.draw-status{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:fit-content;max-width:100%;margin:12px auto 0;padding:9px 12px;border:1px solid rgba(218,184,93,.18);border-radius:999px;color:#edf7eabd;background:#06251961;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.draw-status strong{color:#f8edc9}.draw-status.won{color:#fff7c7;background:#70560e66;animation:rewardPulse 1.1s ease-in-out infinite alternate}.draw-play-panel{display:grid;gap:14px;margin-top:14px}.draw-actions,.draw-actions .confirm-action{margin-top:0}.win-action{background:linear-gradient(135deg,#e4c76f,#e15b4a)}.river-panel{padding:16px;border:1px solid rgba(218,184,93,.18);border-radius:18px;background:linear-gradient(180deg,#1b5b3db8,#0e3f2ac7);box-shadow:0 18px 48px #0000002e,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.river-tiles{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.river-tile{transform:rotate(-1deg);animation:riverTileIn .26s ease both}@keyframes drawnTilePop{0%{opacity:0;transform:translateY(-24px) scale(.92)}70%{opacity:1;transform:translateY(-8px) scale(1.04)}to{transform:translateY(0) scale(1)}}@keyframes riverTileIn{0%{opacity:0;transform:translateY(-10px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}@keyframes rewardPulse{0%{box-shadow:0 0 #e4c76f00;transform:translateY(0)}to{box-shadow:0 10px 26px #e4c76f29;transform:translateY(-1px)}}.suit-row-tiles::-webkit-scrollbar{display:none}.mahjong-tile{z-index:1}.mahjong-tile.pending,.mahjong-tile.selected{z-index:4}@media(max-width:920px){.tile-rack{padding-top:34px}}@media(max-width:560px){.felt{min-height:auto}.tile-rack{gap:12px;min-height:auto;padding-top:20px;padding-bottom:10px}.suit-row{align-items:start;min-height:auto}.suit-row-tiles{gap:5px;row-gap:22px;padding-right:4px;padding-bottom:22px}.draw-status{justify-content:center;border-radius:16px;font-size:12px}.draw-actions{grid-template-columns:1fr}.river-panel{padding:12px;border-radius:15px}.mahjong-tile{width:38px;min-width:38px;max-width:38px;height:58px;padding:5px 3px 6px;border-radius:9px}.mahjong-tile.pending:after{bottom:-24px;min-width:54px;padding:4px 6px;font-size:11px}.tile-rank{font-size:21px}.tile-suit{font-size:12px}.tile-helper{font-size:9px}.dot-pattern{grid-template-columns:repeat(3,6px);grid-auto-rows:6px;gap:2px;min-height:28px}.dot-pattern span{width:6px;height:6px}.bamboo-pattern{grid-template-columns:repeat(3,5px);grid-auto-rows:10px;gap:2px 3px;min-height:30px}.bamboo-pattern span{width:5px;height:10px}}.theme-sakura .feedback-brief,.theme-sakura .reason-list p,.theme-sakura .explain-block p,.theme-sakura .special-list span,.theme-sakura .top-card span,.theme-sakura .feedback-hero span,.theme-sakura .review-head span,.theme-sakura .coach-message{color:#1f3544c2}.theme-sakura .reason-list{background:#ffffffa8}.theme-sakura .top-card.best{color:#1f3544;background:#ffe7beb8}.theme-sakura .recommend-strip strong{color:#7d4d36}.coach-drawer .coach-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:0;margin:0 16px 16px;padding:14px;border-color:#a76c5924;border-radius:20px;color:#1f3544;background:#fff9;box-shadow:none}.coach-drawer .coach-messages{max-height:none;min-height:0;margin-top:10px;padding-right:4px;overflow-y:auto}.coach-drawer .coach-message{max-width:100%;color:#1f3544c7;background:#ffffffad}.coach-drawer .coach-message.user{max-width:88%;color:#5f3634;background:linear-gradient(135deg,#ffd7df,#f0c58e)}.coach-drawer .coach-keyword{color:#6f3e34;background:#ffe1a3ad}.coach-drawer .panel-title{color:#1f3544}.coach-drawer .quick-questions button{color:#2f5362;border-color:#a76c592e;background:#fff8f099}.coach-drawer .coach-form input{color:#1f3544;border-color:#a76c592e;background:#ffffffc2}.coach-drawer .coach-form input::placeholder{color:#1f35447a}.coach-drawer .coach-form button{color:#fffaf5;background:linear-gradient(145deg,#6ea6b7,#4b879a)}@keyframes petIdleSprite{0%,18%{background-position:0 0}24%{background-position:calc(var(--pet-frame-w) * -1) 0}34%,58%{background-position:calc(var(--pet-frame-w) * -2) 0}66%{background-position:calc(var(--pet-frame-w) * -3) 0}76%{background-position:calc(var(--pet-frame-w) * -4) 0}86%,to{background-position:calc(var(--pet-frame-w) * -5) 0}}@keyframes petThinkingSprite{0%,24%{background-position:0 calc(var(--pet-frame-h) * -5)}25%,49%{background-position:calc(var(--pet-frame-w) * -1) calc(var(--pet-frame-h) * -5)}50%,74%{background-position:calc(var(--pet-frame-w) * -2) calc(var(--pet-frame-h) * -5)}75%,to{background-position:calc(var(--pet-frame-w) * -3) calc(var(--pet-frame-h) * -5)}}@keyframes petTalkingSprite{0%,19%{background-position:0 calc(var(--pet-frame-h) * -4)}20%,39%{background-position:calc(var(--pet-frame-w) * -1) calc(var(--pet-frame-h) * -4)}40%,59%{background-position:calc(var(--pet-frame-w) * -2) calc(var(--pet-frame-h) * -4)}60%,79%{background-position:calc(var(--pet-frame-w) * -3) calc(var(--pet-frame-h) * -4)}80%,to{background-position:calc(var(--pet-frame-w) * -4) calc(var(--pet-frame-h) * -4)}}@media(max-width:920px){.coach-launcher{right:12px;bottom:12px}.coach-launcher-copy{display:none}.coach-drawer{top:10px;right:10px;bottom:10px;left:10px;width:auto;border-radius:24px;transform:translateY(28px) scale(.98)}.coach-layer.open .coach-drawer{transform:translateY(0) scale(1)}}@media(max-width:560px){.coach-launcher{min-height:58px;padding:7px}.pet-avatar{--pet-frame-w: 58px;--pet-frame-h: 63px;border-radius:15px}.pet-avatar.large{--pet-frame-w: 76px;--pet-frame-h: 82px}.coach-drawer{top:0;right:0;bottom:0;left:0;border-radius:0;border:0}.coach-drawer-head{padding:12px 12px 8px}.coach-title-block strong{font-size:21px}.coach-snapshot{margin:0 10px 10px;padding:10px;border-radius:17px}.snapshot-tiles{max-height:112px}.coach-drawer .coach-panel{margin:0 10px 10px;padding:10px;border-radius:17px}.coach-drawer .quick-questions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.coach-drawer .quick-questions button{flex:0 0 auto}}.table-header{display:grid;grid-template-columns:minmax(112px,auto) minmax(260px,1fr) auto;align-items:center;gap:12px}.table-gold{min-width:0}.table-actions{display:flex;justify-content:flex-end}.table-tools{display:grid;grid-template-columns:minmax(260px,420px);align-items:center;justify-content:center;gap:10px;min-width:0}.table-tools.listening-tools{grid-template-columns:minmax(180px,240px) minmax(260px,420px)}.hint-row.compact{justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:min(100%,420px);min-height:42px;margin:0;padding:6px 8px 6px 12px;border-radius:999px;background:#ffffff6b;box-shadow:inset 0 0 0 1px #ffffff5c}.hint-row.compact span{flex:0 0 auto;margin:0;font-size:12px}.hint-row.compact .segmented{width:min(260px,100%);border-radius:999px}.hint-row.compact .segmented button{min-height:30px;border-radius:999px;font-size:12px}.feedback-hero,.review-head{grid-template-columns:auto minmax(0,1fr)}.review-head:has(.review-next-action){grid-template-columns:auto minmax(0,1fr) auto}.feedback-icon,.review-badge{flex:0 0 auto;overflow:hidden}.badge-symbol{display:grid;width:100%;height:100%;place-items:center;margin:0;color:inherit;font-size:18px;font-weight:900;line-height:1;text-align:center}.feedback-icon .badge-symbol{font-size:21px}.review-badge .badge-symbol{font-size:17px}.review-next-action{align-self:center;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#e15b4a,#d6a931);box-shadow:0 12px 24px #d94f3529;cursor:pointer;font-weight:800;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease}.review-next-action:hover{transform:translateY(-1px);box-shadow:0 16px 28px #d94f3533}.mode-dock{align-items:stretch}.mode-dock.open .mode-tab{background:linear-gradient(180deg,#d95c71,#b84661);box-shadow:inset 6px 0 14px #ffffff1f,0 18px 34px #8f415333}.mode-drawer{align-self:stretch;background:#fff9f4e0}.mode-dock.open .mode-drawer{box-shadow:-18px 20px 46px #555a742e,inset 0 0 0 1px #ffffff75}.mode-dock.open .mode-button{transition-delay:calc(var(--mode-index, 0) * 48ms + 40ms)}.mode-dock.open .mode-button:nth-child(1){--mode-index: 0}.mode-dock.open .mode-button:nth-child(2){--mode-index: 1}.mode-dock.open .mode-button:nth-child(3){--mode-index: 2}.theme-sakura .hint-row.compact{border-color:#a76c591f;background:#ffffff6b;box-shadow:inset 0 0 0 1px #ffffff57}.theme-sakura .feedback-icon,.theme-sakura .review-badge{color:#7d4d36;background:linear-gradient(145deg,#ffe4a8,#f3b3c2);box-shadow:inset 0 -5px #7e4b3f14,0 14px 26px #79575a1f}.theme-sakura .answered.correct .review-badge{color:#1d694d;background:linear-gradient(145deg,#d7f6da,#88d8bb)}.theme-sakura .answered.wrong .review-badge{color:#fff;background:linear-gradient(145deg,#ee796a,#c94352)}.theme-sakura .review-next-action{color:#fff;background:linear-gradient(135deg,#da6077,#e7a94f)}.theme-sakura .mode-drawer{border-color:#a76c592e;background:#fff8f2e6}.theme-sakura .mode-button{color:#1f3544b3}.theme-sakura .mode-button.active{color:#7c3b3b;background:linear-gradient(135deg,#ffe1a3,#f3b4c4)}.theme-sakura .listening-mode-switch{background:#ffffff7a}.theme-sakura .listening-mode-switch button{color:#1f3544a8}.theme-sakura .listening-mode-switch button.active{color:#7c3b3b;background:linear-gradient(135deg,#ffe1a3,#f3b4c4)}.theme-sakura .listening-focus{color:#1f3544ad;background:#ffffff94}.theme-sakura .listening-focus strong{color:#7d4d36}@media(max-width:980px){.table-header{grid-template-columns:minmax(104px,auto) minmax(220px,1fr) auto}.table-tools.listening-tools{grid-template-columns:1fr;gap:8px}.hint-row.compact{width:100%}}@media(max-width:640px){.table-header{grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:0;padding:9px 12px}.table-header .label{font-size:12px}.table-header .gold-name{font-size:23px;line-height:1.05}.table-gold{grid-column:1}.table-actions{grid-column:2;grid-row:1}.table-tools{grid-column:1 / -1;grid-template-columns:1fr;justify-self:stretch}.table-tools.listening-tools{grid-template-columns:1fr}.hint-row.compact{grid-column:1 / -1;justify-self:stretch;display:grid;grid-template-columns:auto minmax(0,1fr);width:100%;min-height:42px;padding:5px 6px 5px 10px}.hint-row.compact .segmented{width:100%}.hint-row.compact .segmented button{min-height:28px;padding:0 6px}.review-head:has(.review-next-action){grid-template-columns:auto minmax(0,1fr)}.review-next-action{grid-column:1 / -1;justify-self:stretch;width:100%}}