#app{color:#fff;background:#008b8b;grid-template:"topbar topbar topbar""sidebar game panel"1fr"sidebar hand info"minmax(60px,15vh)/auto 1fr auto;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid;overflow:hidden}.top-bar{z-index:100;background:#0000004d;grid-area:topbar;justify-content:space-between;align-items:center;height:36px;padding:0 16px;display:flex}.round-indicator{font-size:16px;font-weight:600}.score-summary{gap:16px;display:flex}.score-item{opacity:.9;font-size:14px}.sidebar{z-index:100;background:#0003;flex-direction:column;grid-area:sidebar;gap:6px;width:80px;padding:8px 6px;display:flex;overflow-y:auto}.sidebar-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 8px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s}.sidebar-btn:disabled{opacity:.4;cursor:not-allowed}.sidebar-btn:not(:disabled):hover{opacity:.9;transform:scale(1.02)}.sidebar-btn:not(:disabled):active{transform:scale(.98)}.sidebar-btn.pulse{animation:.6s ease-in-out pulse-anim}@keyframes pulse-anim{0%,to{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 12px #fff6}}.game-area{grid-area:game;position:relative;overflow:hidden}.train-row{cursor:pointer;border-bottom:1px solid #ffffff1a;align-items:center;padding:0 8px;transition:background .2s;display:flex;position:relative}.train-row:hover{background:#ffffff0d}.train-row.eligible{background:#ffd7001a;border-color:#ffd7004d}.train-row.has-unsatisfied-double{background:#ff00001a;animation:1s ease-in-out infinite double-pulse}@keyframes double-pulse{0%,to{border-color:#ff00004d}50%{border-color:#ff0000b3}}.drop-indicator{z-index:50;pointer-events:none;background:gold;border-radius:1px;width:2px;transition:left .1s ease-out;position:absolute;box-shadow:0 0 6px #ffd70080}.hand-area{background:#00000026;grid-area:hand;min-height:60px;padding:8px;position:relative;overflow:hidden}.hand-area .tile{position:absolute}.tile{border-radius:4px;box-shadow:0 2px 4px #0000004d}.tile:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0006}.player-panel{z-index:100;background:#0003;grid-area:panel;width:180px;overflow-y:auto}.panel-row{border-bottom:1px solid #ffffff1a;align-items:center;gap:6px;height:auto;min-height:50px;padding:0 10px;transition:background .2s;display:flex}.panel-row-active{background:#ffd7001f}.panel-row-party{opacity:.7}.panel-name{white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.panel-name-party{background:#555}.panel-detail{opacity:.7;font-size:12px}.panel-tiles{opacity:.5}.panel-tiles:before{content:"🃏"}.panel-open{color:#ef4444;letter-spacing:.5px;font-size:10px;font-weight:700}.info-panel{z-index:100;background:#00000040;grid-area:info;width:180px;padding:8px 12px;overflow:hidden}.info-top-row{gap:12px;margin-bottom:4px;display:flex}.info-group{flex:1}.info-section{margin-bottom:0}.info-label{text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-bottom:2px;font-size:11px}.info-value{font-size:18px;font-weight:600}.bone-pile-count{font-size:22px}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}.toast{opacity:0;background:#000c;border-radius:20px;padding:8px 20px;font-size:14px;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.toast-visible{opacity:1;transform:translateY(0)}.toast-exit{opacity:0;transform:translateY(-10px)}.setup-overlay{z-index:2000;background:#001e1ef2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.setup-panel{background:#1a3a3a;border-radius:12px;min-width:320px;max-height:90vh;padding:40px;overflow-y:auto;box-shadow:0 8px 32px #00000080}@media (max-height:500px){.setup-overlay{align-items:flex-start;padding-top:8px}.setup-panel{width:80vw;min-width:auto;max-width:400px;padding:10px 20px}.setup-panel h1{margin-bottom:6px;font-size:16px}.setup-panel label{margin-top:4px;font-size:10px}.setup-input{padding:4px 6px;font-size:12px}.setup-start-btn{margin-top:6px;padding:8px;font-size:13px}.setup-resume-btn{margin-bottom:2px;padding:6px;font-size:12px}}.setup-panel h1{text-align:center;margin-bottom:24px;font-size:28px}.setup-panel label{opacity:.7;margin-top:16px;margin-bottom:4px;font-size:13px;display:block}.setup-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:100%;padding:10px;font-size:15px}.setup-input:focus{border-color:#22c55e;outline:none}.setup-options-row{gap:12px;margin-top:8px;display:flex}.setup-option-group{flex:1}.setup-option-group label{margin-top:0}.setup-start-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;width:100%;margin-top:24px;padding:14px;font-size:18px;font-weight:600;transition:background .2s}.setup-start-btn:hover{background:#16a34a}.score-overlay{z-index:2000;background:#001e1ee6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-panel{text-align:center;background:#1a3a3a;border-radius:12px;min-width:360px;padding:32px;box-shadow:0 8px 32px #00000080}.score-panel h2{margin-bottom:20px;font-size:24px}.winner-announce{color:gold;margin-bottom:16px;font-size:20px;font-weight:600}.score-table{border-collapse:collapse;width:100%;margin-bottom:20px}.score-table th,.score-table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:8px 12px}.score-table th{text-transform:uppercase;opacity:.6;font-size:12px}.winner-row{background:#ffd70026}.score-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:background .2s}.score-btn:hover{background:#2563eb}.player-info-panel{width:200px;padding:8px;position:absolute;top:40px;right:0}.player-info-row{border-radius:4px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.player-info-row.active{background:#ffd70033}.player-name{border-radius:3px;padding:2px 8px;font-size:13px;font-weight:600}.tile-count{opacity:.7;font-size:12px}.open-marker{font-size:14px}.menu-overlay{z-index:3000;background:#001414d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu-panel{text-align:center;background:#1a3a3a;border-radius:12px;min-width:280px;padding:32px;box-shadow:0 8px 32px #00000080}.menu-panel h2{margin-bottom:20px;font-size:22px}.menu-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;width:100%;margin-bottom:10px;padding:12px;font-size:15px;font-weight:600;transition:background .2s;display:block}.menu-btn:hover{background:#ffffff26}.menu-btn-close{opacity:.7;margin-top:8px}@media (max-height:500px){.menu-panel{min-width:200px;padding:16px}.menu-panel h2{margin-bottom:12px;font-size:16px}.menu-btn{margin-bottom:6px;padding:8px;font-size:13px}}.help-overlay{z-index:2500;background:#001414e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.help-panel{background:#1a3a3a;border-radius:12px;flex-direction:column;width:520px;max-width:90vw;max-height:80vh;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000080}.help-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex}.help-header h2{margin:0;font-size:20px}.help-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;width:32px;height:32px;font-size:16px;font-weight:700;transition:background .2s}.help-close-btn:hover{background:#fff3}.help-content{padding:16px 24px 24px;overflow-y:auto}.help-section{margin-bottom:16px}.help-section h3{color:gold;margin-bottom:6px;font-size:15px;font-weight:600}.help-section ul{margin:0;padding-left:20px}.help-section li{opacity:.9;font-size:13px;line-height:1.6}.setup-resume-btn{background:#3b82f6;margin-bottom:8px}.setup-resume-btn:hover{background:#2563eb}.train-row.tab-focus{outline-offset:-2px;background:#ffd70033;outline:2px solid #ffd70099}@media (max-height:500px){.top-bar{height:28px;padding:0 8px}.round-indicator{font-size:12px}.sidebar{width:60px}.sidebar-btn{padding:4px;font-size:10px}.player-panel{width:130px}.panel-name,.panel-detail{font-size:10px}.info-panel{width:130px;padding:4px 8px}.info-label{font-size:9px}.info-value{font-size:13px}.bone-pile-count{font-size:18px}}@media (max-width:600px){.sidebar{width:60px}.sidebar-btn{padding:4px;font-size:10px}.player-panel,.info-panel{width:120px}}