:root{color-scheme:light;--bg:#f5f6f1;--panel:#ffffff;--ink:#1b221f;--muted:#65706b;--line:#dfe4dd;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#b42318;--ok:#16803c;--warn:#a15c07}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{align-items:center;background:#12322e;color:#fff;display:flex;gap:20px;justify-content:space-between;padding:16px clamp(16px,4vw,44px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{flex:0 0 auto;font-size:18px;font-weight:700}.topbar-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;min-width:0}.session-badge{align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:8px;display:grid;grid-gap:2px;gap:2px;max-width:260px;min-width:170px;padding:7px 10px}.session-badge small,.session-badge span{color:rgba(255,255,255,.76);font-size:11px}.session-badge strong{font-size:14px}.session-badge small,.session-badge strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav a,.nav-button{background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.main{padding:28px clamp(16px,4vw,44px) 44px}.page-title{display:flex;gap:14px;justify-content:space-between;margin-bottom:20px}.page-title h1{font-size:clamp(24px,4vw,34px);margin:0 0 6px}.page-title p{color:var(--muted);margin:0}.auto-refresh{align-items:flex-end;display:grid;grid-gap:6px;gap:6px;justify-items:end;min-width:150px}.auto-refresh small{color:var(--muted);font-size:12px}.grid{display:grid;grid-gap:16px;gap:16px}.grid,.grid>*{min-width:0}.grid.two{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.table-member-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr)}.table-admin-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(190px,.7fr) minmax(0,1.35fr) minmax(220px,.8fr)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:18px}.panel h2{font-size:18px;margin:0 0 14px}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}td,th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}th{color:var(--muted);white-space:nowrap}.badge,th{font-size:12px;font-weight:700}.badge{border-radius:999px;display:inline-flex;padding:4px 8px}.badge.ok{background:#ddf5e7;color:var(--ok)}.badge.warn{background:#fff2d8;color:var(--warn)}.badge.idle{background:#eef1ef;color:#52605a}.muted{color:var(--muted)}.text-link{color:var(--accent);font-weight:700}.form{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field label{color:var(--muted);font-size:13px;font-weight:700}input,select,textarea{background:#fff;border:1px solid #cfd8d2;border-radius:6px;color:var(--ink);min-height:42px;padding:9px 10px;width:100%}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5;resize:vertical}.compact-input{min-height:34px;min-width:92px;padding:6px 8px}.compact-input.name-input{min-width:140px}.compact-input.password-input{min-width:120px}.password-cell{align-items:center;display:flex;flex-wrap:wrap;gap:8px;min-width:250px}.user-list-toolbar{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(220px,360px) auto;margin-bottom:14px}.user-form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.check-line{align-items:center;display:inline-flex;gap:8px}.check-line input{min-height:auto;width:auto}.button{align-items:center;background:var(--accent);border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:10px 14px}.button:hover{background:var(--accent-strong)}.button.secondary{background:#e5ebe7;color:var(--ink)}.button.secondary:hover{background:#d8e1dc}.button.compact{min-height:34px;padding:7px 10px;white-space:nowrap}.actions{display:flex;flex-wrap:wrap;gap:10px}.table-list{display:grid;grid-gap:8px;gap:8px}.table-select{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:4px;gap:4px;min-height:62px;padding:12px;text-align:left}.table-select span{font-weight:700}.table-select small{color:var(--muted);font-size:12px}.table-select.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,118,110,.12)}.player-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.seat-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr))}.seat-card{background:#f7faf8;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:8px;gap:8px;padding:12px}.seat-card.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(15,118,110,.1)}.seat-card-heading{align-items:center;display:flex;justify-content:space-between}.seat-card-heading label{font-weight:700}.seat-card small{color:var(--muted)}.text-button{background:transparent;border:0;color:var(--accent);cursor:pointer;font-size:12px;font-weight:700;padding:0}.player-chip-list{display:grid;grid-gap:8px;gap:8px}.player-chip{align-items:center;background:#f7faf8;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:grid;grid-gap:3px;gap:3px;padding:10px 12px;text-align:left}.player-chip:hover{border-color:var(--accent)}.player-chip span{color:var(--muted);font-size:12px}.player-chip strong{font-size:14px}.metric-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(5,minmax(120px,1fr))}.metric{background:#f7faf8;border:1px solid var(--line);border-radius:8px;padding:14px}.metric span{color:var(--muted);display:block;font-size:12px;font-weight:700;margin-bottom:8px}.metric strong{font-size:24px}.message{border-radius:6px;padding:10px 12px}.message.ok{background:#ddf5e7;color:var(--ok)}.message.error{background:#ffe3df;color:var(--danger)}.login-page{align-items:stretch;background:linear-gradient(110deg,rgba(18,50,46,.92),rgba(15,118,110,.76)),url(https://images.unsplash.com/photo-1611891487122-207579d67d98?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-size:cover;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);min-height:100vh;padding:clamp(20px,5vw,56px)}.login-hero{align-items:flex-end;color:#fff;display:flex;min-height:420px;padding:20px clamp(0px,4vw,56px) 20px 0}.login-hero h1{font-size:clamp(34px,7vw,72px);line-height:1.05;margin:0 0 18px;max-width:760px}.login-hero p{font-size:17px;line-height:1.8;margin:0;max-width:560px}.login-kicker{font-size:13px!important;font-weight:700;letter-spacing:0;margin-bottom:12px!important;text-transform:uppercase}.login-card{align-self:center;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.62);border-radius:8px;display:grid;grid-gap:18px;gap:18px;padding:24px}.login-card h2{font-size:26px;margin:0 0 8px}.login-description{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.player-login-page{align-items:center;display:flex;justify-content:center}.player-login-page .login-card{width:min(100%,420px)}.admin-login-link{color:var(--accent);font-size:13px;font-weight:700;text-align:center;text-decoration:none}.admin-login-link:hover{text-decoration:underline}.login-tabs{background:#e8eeeb;border:1px solid #d3ddd8;border-radius:8px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:1fr 1fr;padding:4px}.login-tabs button{background:transparent;border:0;border-radius:6px;color:var(--muted);cursor:pointer;font-weight:700;min-height:42px}.login-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(18,50,46,.12)}.login-submit{width:100%}@media (max-width:920px){.grid.two,.metric-grid,.player-grid,.table-admin-layout,.table-member-layout{grid-template-columns:1fr}.page-title{display:block}.auto-refresh{align-items:flex-start;justify-items:start;margin-top:12px}.login-page{grid-template-columns:1fr}.login-hero{min-height:240px;padding-right:0}}@media (max-width:560px){.seat-grid{grid-template-columns:1fr}}@media (max-width:760px){.topbar{align-items:flex-start;display:grid;grid-gap:10px;gap:10px}.topbar-actions{align-items:stretch;display:grid;width:100%}.session-badge{max-width:none;width:100%}.nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.nav a,.nav-button{flex:0 0 auto}.user-list-toolbar{align-items:stretch;grid-template-columns:1fr}}@media (max-width:640px){.topbar{padding:10px 12px}.brand{font-size:15px}.session-badge{min-width:0;padding:6px 8px}.nav a,.nav-button{font-size:12px;min-height:34px;padding:7px 9px}.main{padding:16px 12px 28px}.page-title{margin-bottom:14px}.page-title h1{font-size:22px}.page-title p{font-size:13px;line-height:1.6}.panel{padding:14px}.panel h2{font-size:16px}.table-wrap{margin-inline:-8px;padding-inline:8px}table{min-width:620px}td,th{padding:10px 8px}.actions,.metric-grid,.password-cell,.user-form-grid{grid-template-columns:1fr}.actions,.password-cell{display:grid;min-width:0}.button,.button.compact{width:100%}.login-page{min-height:100svh;padding:16px}.login-hero{min-height:170px}.login-hero h1{font-size:32px}.login-hero p{font-size:14px}.login-card{padding:18px;width:100%}}