: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}.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}.action-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.score-stack{gap:14px;display:grid}.score-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:12px;display:grid}.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:-8px;padding-top:18px;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}.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,.action-panel{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}.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}}