:root{color:#1e2523;--surface:#fffdf8;--surface-strong:#fff;--line:#d9dfd5;--muted:#62706b;--text:#1e2523;--accent:#18856f;--accent-strong:#116c5a;--blue:#2686d9;--danger:#b42318;--shadow:0 18px 50px #28362d1f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);background:#f5f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:320px;margin:0}button,input,select{font:inherit}button{background:var(--accent);color:#fff;cursor:pointer;min-height:44px;transition:transform .14s var(--ease-out), background .16s ease, box-shadow .16s ease;border:0;border-radius:8px;padding:0 16px;font-weight:760}button:hover{background:var(--accent-strong)}button:active{transform:scale(.97)}button.icon{place-items:center;width:44px;padding:0;display:grid}main{width:min(1080px,100%);padding:env(safe-area-inset-top) 14px calc(92px + env(safe-area-inset-bottom));margin:0 auto}header{justify-content:space-between;align-items:center;gap:16px;padding:18px 0 12px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:28px}h2,h3{align-items:center;gap:8px;display:flex}header p{color:var(--muted);margin-top:4px;font-size:14px}nav{z-index:12;width:min(1080px,100% - 20px);padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f5;border:1px solid #d9dfd5eb;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #14221d1f}nav button{color:var(--text);background:#e4ebe4;min-height:48px}nav button.active{background:var(--accent);color:#fff;box-shadow:0 8px 24px #116c5a38}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:14px;margin-top:12px;padding:16px;display:grid;box-shadow:0 1px 2px #0f23200f}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{gap:6px;display:grid}label span{color:var(--muted);font-size:13px}input,select{background:var(--surface-strong);width:100%;min-height:44px;color:var(--text);border:1px solid #c8d1ca;border-radius:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #18856f29}.switch{align-items:center;gap:10px;display:flex}.switch input{width:20px;min-height:20px}.mode-segment{border:1px solid var(--line);background:#f7faf6;border-radius:8px;grid-template-columns:1fr 1fr;min-width:116px;padding:3px;display:grid}.mode-segment button{min-height:34px;color:var(--text);box-shadow:none;background:0 0;border-radius:6px;padding:0 14px}.mode-segment button.active{background:var(--accent);color:#fff}.record-actions{align-items:center;gap:8px;display:flex}.dahu-toggle{min-height:42px;color:var(--text);box-shadow:none;background:#e4ebe4;padding:0 14px}.dahu-toggle.active{color:#fff;background:#c83f2d;box-shadow:0 8px 22px #c83f2d33}.toggles{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.record-shell{gap:12px;display:grid}.record-controls{margin-top:12px}.record-meta{grid-template-columns:minmax(0,1fr) minmax(84px,.7fr) minmax(0,1fr) auto;align-items:end}.load-table-button{min-height:44px;color:var(--text);box-shadow:none;background:#e4ebe4;padding:0 12px}.load-table-button:hover{background:#d5ded5}.load-table-button:disabled{cursor:wait;opacity:.66}.mahjong-table{min-height:430px;box-shadow:var(--shadow);background:linear-gradient(#ffffffb8,#f6f9f3eb),radial-gradient(circle at 50% 48%,#18856f24,#0000 34%);border:1px solid #d7dfd4;border-radius:8px;grid-template:".top.""left center right"".bottom."/minmax(152px,1fr) 112px minmax(152px,1fr);align-items:center;gap:14px;padding:18px;display:grid;position:relative}.rocket-save-button{z-index:3;isolation:isolate;color:#07120a;transform-origin:50%;width:62px;height:62px;min-height:62px;transition:transform .13s var(--ease-out), box-shadow .13s var(--ease-out), background .16s ease, filter .16s ease;background:radial-gradient(circle at 34% 24%,#ffffffeb,#fff3 21%,#0000 38%),linear-gradient(145deg,#9dff4e 0%,#44ed22 44%,#18aa10 100%);border:1px solid #fffc;border-radius:999px;place-items:center;padding:0;font-size:30px;line-height:1;display:grid;position:absolute;top:12px;right:12px;transform:translateY(0);box-shadow:0 11px #0c7d08,0 16px 24px #09640c57,inset 0 2px 3px #ffffffd1,inset 0 -7px 10px #075d0a57}.rocket-save-button:hover{filter:saturate(1.05);background:radial-gradient(circle at 34% 24%,#fffffff5,#ffffff3d 21%,#0000 38%),linear-gradient(145deg,#aaff5f 0%,#4ef52b 44%,#1aba12 100%);transform:translateY(-1px)}.rocket-save-button:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff4d,#0000 58%);position:absolute;inset:5px 7px 12px}.rocket-save-button:active{transform:translateY(7px)scale(.98);box-shadow:0 4px #0c7d08,0 8px 14px #09640c47,inset 0 3px 8px #04480861}.rocket-save-button:focus-visible{outline-offset:5px;outline:3px solid #28b4ffb8}.rocket-save-button span{transition:transform .13s var(--ease-out);display:block;transform:translateY(-2px)rotate(-7deg)}.rocket-save-button:active span{transform:translateY(1px)rotate(-7deg)scale(.96)}.seat-card{width:max-content;max-width:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:10px;padding:0;display:grid}.seat-card:hover{box-shadow:none;transform:none}.seat-top{grid-area:top;justify-self:center}.seat-right{grid-area:right;justify-self:end}.seat-bottom{grid-area:bottom;justify-self:center}.seat-left{grid-area:left;justify-self:start}.seat-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.seat-row{align-items:center;gap:8px;display:flex}.player-pill{background:var(--blue);color:#fff;white-space:nowrap;border-radius:8px;place-items:center;width:auto;min-width:56px;height:44px;min-height:44px;padding:0 12px;font-size:18px;line-height:1;display:grid;box-shadow:0 8px 20px #2686d93d}.player-pill:hover{background:#1976c4}.score-line{align-items:end;gap:8px;display:flex}.score-line input{text-align:center;width:60px;height:32px;min-height:32px;box-shadow:none;background:0 0;border:0;border-bottom:2px solid #b9c4bd;border-radius:0;padding:0 2px}.score-line input::placeholder{color:var(--muted);opacity:1}.score-line input:focus{border-color:var(--accent);box-shadow:none}.seat-flags{align-items:center;gap:10px;display:flex}.seat-flags label{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex}.seat-flags input{width:18px;min-height:18px}.rotate-button{color:#07120a;background:#45af53;grid-area:center;place-self:center;place-items:center;width:96px;height:96px;min-height:96px;padding:0;display:grid;box-shadow:0 16px 32px #45af534d}.rotate-button:hover{background:#3da64b}.rotate-button:active svg{transform:rotate(42deg)}.rotate-button svg{transition:transform .18s var(--ease-out)}.picker-backdrop{z-index:20;background:#1119165c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.player-picker{border:1px solid var(--line);background:var(--surface-strong);width:min(420px,100%);max-height:min(620px,86vh);box-shadow:var(--shadow);border-radius:8px;gap:12px;padding:14px;display:grid;overflow:auto}.picker-title{color:var(--text);font-weight:760}.player-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.player-picker-grid button{min-height:40px;color:var(--text);box-shadow:none;background:#eef4ed;padding:0 8px}.player-picker-grid button.active{background:var(--blue);color:#fff}.player-picker-grid button.danger.active{color:#fff;background:#c83f2d}.picker-cancel{color:var(--text);box-shadow:none;background:#e4ebe4}.record-status{gap:4px;min-height:22px;padding:0 4px;display:grid}.score-stack{gap:10px;display:grid}.score-card{border-bottom:1px solid var(--line);gap:6px;padding:4px 0 12px;display:grid}.score-card:last-child{border-bottom:0;padding-bottom:0}.score-card-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-card-title span{color:var(--muted);font-size:13px}.score-table{width:100%;margin-top:-6px;padding-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{text-align:right;border-bottom:1px solid #e3e9e6;padding:10px 8px}.score-name{vertical-align:baseline;min-width:24px;display:inline-block;position:relative}.score-badge{filter:drop-shadow(0 1px 1px #28362d2e);pointer-events:none;font-size:15px;line-height:1;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.score-badge-loss{top:-16px}th:first-child,td:first-child{text-align:left}.summary-row td{font-weight:760}.login{text-align:center;place-content:center;gap:24px;min-height:100vh;padding:24px;display:grid}.login h1{font-size:38px}.login p{color:var(--muted);margin-top:8px}.google-signin{justify-content:center;min-height:44px;display:flex}.dev-login{background:#2f3c37;justify-self:center}.dev-login:hover{background:#22302b}.success{color:var(--accent)}.error{color:var(--danger);padding:10px 0}.list{color:#31413e;gap:8px;max-height:220px;font-size:14px;display:grid;overflow:auto}@media (width<=760px){main{padding-left:10px;padding-right:10px}.grid.two,.grid.three{grid-template-columns:1fr}.section-title{align-items:start}.record-actions{flex-shrink:0}.grid.three.record-meta{grid-template-columns:minmax(0,.9fr) minmax(52px,.56fr) minmax(0,1fr) 52px;gap:6px}.record-meta label{gap:4px}.record-meta label span{font-size:12px}.record-meta input,.record-meta select{min-height:38px;padding:0 7px;font-size:14px}.load-table-button{min-height:38px;padding:0 6px;font-size:13px}nav button{min-height:46px;padding:0 6px}.mahjong-table{grid-template:".top.""left center right"88px".bottom."/minmax(116px,1fr) 72px minmax(116px,1fr);gap:10px 6px;min-height:360px;padding:10px 6px;overflow:hidden}.rocket-save-button{width:52px;height:52px;min-height:52px;font-size:25px;top:8px;right:8px;box-shadow:0 9px #0c7d08,0 14px 18px #09640c4d,inset 0 2px 3px #ffffffd1,inset 0 -6px 9px #075d0a57}.rocket-save-button:active{transform:translateY(6px)scale(.98);box-shadow:0 3px #0c7d08,0 7px 12px #09640c42,inset 0 3px 8px #04480861}.seat-card{grid-template-columns:1fr;justify-items:center;gap:6px;width:116px}.seat-top,.seat-bottom{width:158px}.seat-row{gap:6px}.player-pill{min-width:52px;height:40px;min-height:40px;padding:0 10px;font-size:17px}.score-line{gap:6px}.score-line input{width:56px;font-size:14px}.seat-flags{gap:8px}.seat-flags label span{font-size:13px}.rotate-button{width:68px;height:68px;min-height:68px}.rotate-button svg{width:30px;height:30px}.picker-backdrop{align-items:end;padding:10px}.player-picker{max-height:72vh}.player-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.player-picker-grid button{min-height:38px;padding:0 4px;font-size:14px}.score-card-title h3{font-size:16px}.score-table{overflow-x:visible}.score-table table{table-layout:fixed;min-width:0}.score-table th,.score-table td{padding:8px 4px;font-size:14px}.score-table th:first-child,.score-table td:first-child{width:42px}.score-name{max-width:100%}.score-name span:last-child{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}}