#drillApp{max-width:680px;margin:0 auto;padding:24px 16px}.dw-stats{display:flex;justify-content:center;gap:20px;padding:12px 16px;border:1px solid var(--line);margin-bottom:16px;font-size:.85em}.dw-stat{display:flex;align-items:center;gap:5px}.stat-val{font-family:Space Mono,monospace;font-weight:700;color:var(--ink);font-size:1.1em}.stat-label{color:var(--mid);font-size:.8em}.dw-start{text-align:center;padding:40px 20px}.dw-start h2{font-family:"Noto Serif TC",serif;font-size:1.4em;font-weight:900;margin-bottom:12px}.dw-start p{color:var(--mid);font-size:.9em;line-height:1.8;margin-bottom:20px}.dw-diff{display:flex;gap:0;margin-bottom:14px;border:1px solid var(--line)}.diff-btn{flex:1;padding:10px 8px;background:transparent;color:var(--mid);font-family:Space Mono,monospace;font-size:.8em;font-weight:700;border:none;cursor:pointer;transition:all .2s;text-align:center;letter-spacing:.06em}.diff-btn+.diff-btn{border-left:1px solid var(--line)}.diff-btn.active{background:var(--ink);color:var(--paper)}.diff-btn:hover:not(.active){background:#0000000f}.dw-qbox{border:1px solid var(--line);padding:18px;margin-bottom:14px}.q-title{font-size:.95em;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:8px}.q-num{background:var(--ink);color:var(--paper);font-family:Space Mono,monospace;font-size:.7em;padding:2px 8px}.q-sub{font-size:.8em;color:var(--mid);margin-bottom:14px;min-height:1.2em}.hand{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding:12px 4px;background:#00000008;border:1px solid var(--line);margin-bottom:4px;min-height:70px;align-items:flex-end}.t{display:inline-flex;align-items:center;justify-content:center;width:44px;height:60px;background:#fff;border:1.5px solid var(--line);border-radius:4px;box-shadow:2px 3px #0000001f;cursor:pointer;transition:all .15s;user-select:none;-webkit-tap-highlight-color:transparent;overflow:hidden;padding:3px}.t:hover{transform:translateY(-6px);box-shadow:2px 6px #0000002e}.t img{width:100%;height:100%;object-fit:contain;pointer-events:none}.t.picked{border-color:var(--accent);box-shadow:2px 3px #0000001f,0 0 14px #c84b3166;transform:translateY(-8px);z-index:2}.t.best-mark{border-color:#15803d!important;box-shadow:2px 3px #0000001f,0 0 14px #15803d66!important;transform:translateY(-8px)}.t.wrong-mark{border-color:#dc2626!important;opacity:.6}.t.locked{pointer-events:none;cursor:default}.t.locked:hover{transform:none}.ts{width:32px;height:44px;cursor:default!important;pointer-events:none;padding:2px}.ts:hover{transform:none!important}.t.wait-hl{border-color:#15803d!important;box-shadow:2px 3px #0000001f,0 0 8px #15803d66!important;position:relative}.t.wait-hl:after{content:"摸";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-size:.4em;color:#15803d;font-weight:700}.dw-actions{display:flex;gap:8px;justify-content:center;margin:14px 0}.dw-btn{padding:12px 24px;border:2px solid var(--ink);font-family:Space Mono,monospace;font-size:.85em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s;background:transparent;color:var(--ink)}.dw-btn:active{transform:scale(.97)}.dw-btn-go{background:var(--ink);color:var(--paper)}.dw-btn-go:hover{background:var(--accent);border-color:var(--accent)}.dw-btn-go:disabled{background:var(--line);border-color:var(--line);color:var(--mid);cursor:not-allowed;transform:none}.dw-btn-next{background:#15803d;color:#fff;border-color:#15803d}.dw-btn-next:hover{background:#166534;border-color:#166534}.dw-btn-skip{background:transparent;color:var(--mid);border-color:var(--line)}.dw-btn-skip:hover{border-color:var(--ink);color:var(--ink)}.dw-btn-hint{background:transparent;color:var(--ink);border-color:var(--line)}.dw-btn-hint:hover{border-color:var(--ink)}.dw-btn-hint:disabled{opacity:.4;cursor:not-allowed;transform:none}.fb{border:1px solid var(--line);padding:18px;margin-top:14px;display:none}.fb.show{display:block;animation:fadeUp .35s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fb-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.fb-title{font-size:1.1em;font-weight:700}.fb-correct .fb-title{color:#15803d}.fb-wrong .fb-title{color:#dc2626}.fb-partial .fb-title{color:#92400e}.fb-section{margin-bottom:14px}.fb-label{font-size:.8em;color:var(--mid);margin-bottom:6px;font-weight:500}.fb-tiles{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.fb-detail{font-size:.85em;color:var(--mid);line-height:1.7;margin-top:8px}.fb-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.fb-col{border:1px solid var(--line);padding:10px}.fb-col-title{font-size:.78em;color:var(--mid);margin-bottom:6px;font-weight:600}.fb-col-val{font-size:1.2em;font-weight:700;font-family:Space Mono,monospace}.fb-col-val.good{color:#15803d}.fb-col-val.bad{color:#dc2626}.fb-col-val.ok{color:#92400e}.hint-box{border:1px solid var(--line);padding:16px;margin-top:14px;animation:fadeUp .35s ease}.hint-title{font-size:.9em;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:6px}.hint-groups{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:12px}.hint-g{display:inline-flex;gap:2px;padding:6px;border:1px solid var(--line);position:relative}.hint-g-done{border-color:#1a4ed4}.hint-g-pair{border-color:#92400e}.hint-g-free{border-color:#dc2626}.hint-g-label{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:.5em;padding:0 5px;font-weight:700;white-space:nowrap;line-height:1.5;background:var(--paper)}.hint-note{font-size:.82em;color:var(--mid);line-height:1.7;margin-top:8px;padding:10px 12px;border:1px solid var(--line)}.decomp-section{margin-top:14px}.decomp-box{border:1px solid var(--line);padding:14px;margin:10px 0;overflow-x:auto}.decomp-head{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.decomp-head-label{font-size:.82em;color:var(--mid)}.decomp-head-wait{display:inline-flex;align-items:center;gap:4px;border:1px solid #15803D;padding:2px 8px;font-size:.82em;color:#15803d;font-weight:600}.decomp-groups{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.dg{display:inline-flex;gap:2px;padding:5px;border:1px solid var(--line);position:relative;align-items:flex-end}.dg-shun{border-color:#1a4ed4}.dg-kou{border-color:var(--accent)}.dg-pair{border-color:#92400e}.dg-label{position:absolute;top:-7px;left:50%;transform:translate(-50%);font-size:.5em;padding:0 6px;font-weight:700;white-space:nowrap;line-height:1.5;background:var(--paper)}.dg-plus{color:var(--line);font-size:.9em;font-weight:700;margin:0 1px}.stage-list{display:flex;flex-direction:column;gap:8px}.stage-card{border:1px solid var(--line);padding:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px}.stage-card:hover{border-color:var(--ink)}.stage-card.locked{opacity:.45;cursor:default}.stage-card.locked:hover{border-color:var(--line)}.stage-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:.85em;flex-shrink:0;border:1px solid var(--line)}.stage-num.done{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stage-num.current{background:var(--accent);color:var(--paper);border-color:var(--accent)}.stage-info{flex:1}.stage-name{font-weight:700;font-size:.95em;color:var(--ink);margin-bottom:2px}.stage-desc{font-size:.78em;color:var(--mid);line-height:1.4}.stage-progress{font-size:.75em;color:var(--mid);flex-shrink:0;font-family:Space Mono,monospace}.lesson-header{border:1px solid var(--line);border-left:3px solid var(--accent);padding:10px 14px;margin-bottom:14px;font-size:.85em}.lesson-header .lh-stage{color:var(--accent);font-weight:700}.lesson-header .lh-concept{color:var(--ink);margin-top:4px;line-height:1.6}.lesson-header .lh-tip{color:#1a4ed4;margin-top:4px;font-size:.9em}.lesson-progress-bar{height:3px;background:var(--line);margin-top:8px;overflow:hidden}.lesson-progress-fill{height:100%;background:var(--accent);transition:width .3s}.dw-sim-status{display:flex;justify-content:center;gap:16px;margin-bottom:14px;padding:10px;border:1px solid var(--line)}.sim-stat{text-align:center}.sim-stat-label{font-size:.7em;color:var(--mid);display:block;font-family:Space Mono,monospace}.sim-stat-val{font-size:1.3em;font-weight:700;font-family:Space Mono,monospace}.sim-draw-box{border:1px solid var(--line);border-left:3px solid #15803D;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sim-draw-label{font-size:.85em;color:#15803d;font-weight:600}.sim-warn{border:1px solid #DC2626;padding:14px;margin-top:10px;animation:fadeUp .3s ease}.sim-warn-title{color:#dc2626;font-weight:700;font-size:.95em;margin-bottom:6px}.sim-warn-text{color:var(--mid);font-size:.85em;line-height:1.6;margin-bottom:10px}.sim-result{border:1px solid var(--line);padding:18px;margin-top:14px;animation:fadeUp .35s ease}.sim-result h3{font-family:"Noto Serif TC",serif;font-size:1.2em;font-weight:900;margin-bottom:12px}.sim-replay-step{border:1px solid var(--line);padding:10px 12px;margin:6px 0;font-size:.85em}.step-badge{font-size:.75em;padding:1px 8px;font-weight:600;display:inline-block;margin-right:6px}.step-badge.correct{background:#15803d1a;color:#15803d}.step-badge.wrong{background:#dc26261a;color:#dc2626}.step-badge.ok{background:#92400e1a;color:#92400e}.tenpai-banner{border:2px solid #15803D;padding:16px;text-align:center;margin:14px 0}.tenpai-banner h3{color:#15803d;font-size:1.2em;margin-bottom:8px}.dw-complete-title{font-size:1.3em;font-weight:700;margin-bottom:8px}.remaining-hand{margin-bottom:12px}.remaining-hand .rh-label{font-size:.8em;color:var(--mid);margin-bottom:6px;font-weight:500}.remaining-hand .rh-tiles{display:flex;flex-wrap:wrap;gap:3px}@media(max-width:420px){.t{width:38px;height:52px;padding:1px}.ts{width:28px;height:38px;padding:1px}.hand{gap:3px;padding:8px 2px}.dw-stats{gap:12px;font-size:.8em}.fb-compare{grid-template-columns:1fr}}