*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#e6d1ad;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}button{font-family:inherit}.game-page{--wood-dark:#7a4423;--wood-mid:#8c542f;--wood-light:#a86b3d;--ease-spring:cubic-bezier(.16, 1, .3, 1);color:#3f2614;background:linear-gradient(#bc814326,#bc814326),repeating-linear-gradient(0deg,#f3dfbf 0 58px,#edd5ae 58px 60px),repeating-linear-gradient(90deg,#f3dfbf 0 58px,#edd5ae 58px 60px);grid-template-rows:auto auto auto auto 1fr;gap:8px;min-height:100svh;padding:8px;display:grid}.fx-layer{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.flight-chip{opacity:0;width:18px;height:18px;animation:plate-flight var(--flight-duration) var(--ease-spring) forwards;animation-delay:var(--flight-delay);border-radius:50%;position:fixed;top:0;left:0;box-shadow:0 10px 18px #1f160f3d,inset 0 -2px #00000029,inset 0 2px #ffffff59}.flight-chip:after{content:"";border-radius:inherit;background:#ffffff47;position:absolute;inset:3px}.flight-chip--tray-store{width:14px;height:14px}.flight-chip--tray-return{box-shadow:0 8px 16px #1f160f2e,0 0 0 8px #ffffff14,inset 0 -2px #00000029,inset 0 2px #ffffff59}@keyframes plate-flight{0%{opacity:0;transform:translate(var(--start-x), var(--start-y)) scale(.78) rotate(-20deg)}16%{opacity:1}60%{opacity:1;transform:translate(var(--mid-x), var(--mid-y)) scale(1.06) rotate(var(--flight-rotate))}to{opacity:0;transform:translate(var(--end-x), var(--end-y)) scale(.42) rotate(0deg)}}.top-bar{z-index:6;background:linear-gradient(var(--wood-mid), var(--wood-dark));border-radius:14px;align-items:center;gap:8px;padding:8px;display:flex;position:sticky;top:6px;box-shadow:0 4px #5b2e14}.icon-btn{background:#f3a545;border:2px solid #f5cc87;border-radius:50%;width:40px;height:40px;font-size:18px}.level-progress{flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.level-tag,.progress-text{color:#fff3d5;white-space:nowrap;font-size:12px;font-weight:800}.progress-track{background:#2b190e;border-radius:999px;height:12px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#f6e160,#f3c63b);height:100%}.star{color:#f8da63;font-size:12px;position:absolute;top:-8px}.star:first-of-type{left:23%}.star:nth-of-type(2){left:49%}.star:nth-of-type(3){left:75%}.audio-controls{align-items:center;gap:8px;padding-left:4px;display:flex}.audio-btn{color:#fff7e3;transition:transform .16s var(--ease-spring), background .16s ease;background:#ffffff1f;border:1px solid #fff3d566;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.audio-btn:active{transform:scale(.97)}.audio-btn.is-muted{background:#503016cc}.volume-slider{accent-color:#f8da63;width:84px}.hud-row{color:#fff2da;text-align:center;background:#603a1ded;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;font-size:12px;font-weight:700;display:grid}.board.four-only{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.table-card{min-height:92px;transition:transform .22s var(--ease-spring), filter .22s ease;place-items:center;display:grid;position:relative}.slot-empty{background:#fff4de80;border:2px dashed #b18b61;border-radius:10px}.table-empty-mark{color:#8b6645;font-size:12px;font-weight:700}.table-disc{color:#fff;width:62px;height:62px;transition:transform .22s var(--ease-spring), box-shadow .22s ease;border-radius:50%;place-items:center;font-weight:800;display:grid;box-shadow:inset 0 -4px #0003,0 3px #00000038}.table-card.is-flashing{transform:translateY(-2px)}.table-card.is-flashing .table-disc{animation:table-pop .62s var(--ease-spring);box-shadow:0 0 0 8px #ffffff1f,0 0 0 16px #ffdf721f,inset 0 -4px #0003,0 8px 18px #5e341247}.table-card.is-flashing:after{content:"";border:2px solid #ffe99dbf;border-radius:18px;animation:.62s forwards table-glow;position:absolute;inset:14px}@keyframes table-pop{0%{transform:scale(.92)}48%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes table-glow{0%{opacity:0;transform:scale(.88)}30%{opacity:1}to{opacity:0;transform:scale(1.06)}}.table-label{font-size:11px;line-height:1}.table-score{margin-top:2px;font-size:10px}.person{margin-top:-9px;margin-left:-9px;font-size:16px;position:absolute;top:50%;left:50%}.person-done{opacity:.4;transform:scale(.92)}.status-panel{color:#fff4de;background:#5f3a1ceb;border-radius:10px;gap:6px;padding:8px;font-size:13px;font-weight:700;display:grid}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:12px;display:grid}.tray-row{flex-wrap:wrap;gap:6px;display:flex}.tray-slot{width:22px;height:22px;transition:transform .18s var(--ease-spring), box-shadow .18s ease, background .18s ease;border:2px solid #ffffff59;border-radius:6px}.tray-slot.is-filled{box-shadow:0 4px 10px #0000002e,inset 0 -2px #00000024}.tray-slot.is-filled:nth-child(odd){animation:2.8s ease-in-out infinite tray-breathe}@keyframes tray-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hint-text{opacity:.95;font-size:12px}.legend-row{flex-wrap:wrap;gap:6px;display:flex}.legend-chip{background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.legend-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #fff3}.bottom-panel{z-index:7;background:linear-gradient(var(--wood-light), var(--wood-dark));border-radius:12px;gap:8px;padding:8px;display:grid;position:sticky;bottom:0}.queues-panel{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px 0;display:grid}.queue-column{flex-direction:column;align-items:center;gap:3px;min-height:184px;display:flex}.queue-item{cursor:pointer;transition:filter .14s ease, transform .18s var(--ease-spring), box-shadow .18s ease;border:none;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 2px #00000040,inset 0 -2px #00000026}.queue-item:disabled{cursor:default}.queue-item.front{width:44px;height:44px}.queue-item.front:hover{filter:brightness(1.12);transform:translateY(-3px)scale(1.04);box-shadow:0 8px 16px #00000038,inset 0 -2px #00000026}.queue-item.front:active{transform:translateY(-1px)scale(.97)}.queue-item.behind{opacity:.94;width:34px;height:34px}.q-count{color:#fff;text-shadow:0 1px 2px #00000080;font-size:13px;font-weight:900}.q-dot{background:#ffffff8c;border-radius:50%;width:8px;height:8px}.queue-empty{color:#fff4deb8;margin-top:auto;font-size:11px;font-weight:700}.tool-panel{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.tool-panel button{color:#4d2f17;transition:transform .18s var(--ease-spring), filter .18s ease, box-shadow .18s ease;background:linear-gradient(#f7d9a4,#f2bf6c);border:none;border-radius:8px;padding:8px 4px;font-size:12px;font-weight:800;box-shadow:0 3px #b97f2f}.tool-panel button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 6px #b97f2f}.tool-panel button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px #b97f2f}.tool-panel button:disabled{opacity:.45}.result-modal{z-index:20;background:#110c079e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.result-card{text-align:center;color:#4a2f1a;background:#fff6e2;border-radius:14px;width:min(360px,100%);padding:16px;box-shadow:0 7px #b8883f}.result-actions{justify-content:center;margin-top:10px;display:flex}.result-actions button{color:#fff;background:linear-gradient(#f17b3b,#dd4b23);border:none;border-radius:8px;padding:8px 12px;font-weight:700}.result-subtitle{color:#7c5838;font-size:13px}@media (prefers-reduced-motion:reduce){.flight-chip,.tray-slot.is-filled:nth-child(odd),.table-card.is-flashing .table-disc,.table-card.is-flashing:after{animation:none!important}.queue-item,.tool-panel button,.audio-btn,.tray-slot,.table-card,.table-disc{transition:none!important}}@media (width>=768px){.game-page{max-width:680px;margin:0 auto}}