:root{--desk:#2b2017;--paper:#f4f1ea;--paper-2:#e9e4d6;--ink:#1f2328;--muted:#5c6068;--line:#c9c2ae;--stamp-red:#b3342b;--stamp-blue:#27508f;--sticky:#f3e6a2;--kraft:#d9c29a;--font:"Helvetica Neue", "Segoe UI", Arial, sans-serif;--mono:"Courier New", Courier, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--desk);height:100%;color:var(--ink);font-family:var(--font);margin:0;overflow:hidden}#gfx{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hidden{display:none!important}button{color:inherit;cursor:pointer;font-family:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #e8c900}.screen{z-index:20;pointer-events:auto;background:var(--desk);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel{background:var(--paper);color:var(--ink);border:1px solid var(--line);background-image:repeating-linear-gradient(#0000 0 27px,#7896be2e 27px 28px);border-radius:3px;max-width:min(560px,94vw);padding:26px 32px;box-shadow:0 2px #b9b19c,0 14px 30px #00000073}.panel h1{font-family:var(--mono);letter-spacing:.02em;margin:6px 0 2px}.panel .sub{color:var(--muted);margin-top:0}.panel ul{padding-left:20px;line-height:1.6}.reason{white-space:pre-wrap;background:var(--paper-2);color:var(--stamp-red);font:12px var(--mono);max-height:120px;padding:8px 10px;overflow:auto}.crest{color:#0000;background:url(/favicon.svg) 50%/contain no-repeat;width:88px;height:88px;margin:0 auto 6px;font-size:0}.overlay{z-index:10;pointer-events:auto;background:#1e160e8c;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:auto}.overlay .panel{text-align:center;width:min(560px,94vw);max-height:94vh;overflow:auto}.overlay.menu .panel{width:min(480px,94vw)}.overlay h1{margin:6px 0 0;font-size:clamp(26px,5vw,38px)}.overlay h2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:clamp(20px,3.4vw,26px)}.overlay h3{color:var(--stamp-blue);font:700 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 6px}.overlay .tag{font:italic 16px var(--mono);color:var(--muted);margin:2px 0 8px}.overlay .lead{color:var(--muted);margin:8px 0 14px;line-height:1.5}.overlay .big{margin:6px 0;font-size:18px;line-height:1.4}.overlay .foot{color:var(--muted);font:12px var(--mono);margin:16px 0 0}.overlay .note{color:var(--muted);font-size:12px}.menu-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.menu-list.row{flex-flow:wrap;justify-content:center}.menu-btn{color:var(--stamp-blue);border:3px double var(--stamp-blue);font:800 16px var(--mono);text-transform:uppercase;letter-spacing:.06em;background:0 0;border-radius:4px;flex-direction:column;align-items:center;gap:1px;padding:10px 22px;transition:transform 80ms,background .12s;display:flex;transform:rotate(-.6deg)}.menu-btn:nth-child(2n){transform:rotate(.5deg)}.menu-btn small{font:500 10px var(--mono);letter-spacing:.04em;opacity:.75;text-transform:none}.menu-btn:hover{background:#27508f1a;transform:rotate(0)scale(1.02)}.menu-btn.primary{color:var(--stamp-red);border-color:var(--stamp-red)}.menu-btn.primary:hover{background:#b3342b1a}.menu-btn.danger{color:var(--stamp-red);border-color:var(--stamp-red)}.rules-body{text-align:left;max-height:56vh;margin-bottom:14px;padding-right:8px;overflow:auto}.rules-body p{color:#33373d;margin:4px 0;font-size:14px;line-height:1.45}.row{border-bottom:1px dashed var(--line);text-align:left;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.rtext{flex-direction:column;font-weight:700;display:flex}.rtext small{color:var(--muted);max-width:300px;font-size:12px;font-weight:400}.toggle,.seg button{border:2px solid var(--stamp-blue);color:var(--stamp-blue);font:700 13px var(--mono);background:0 0;border-radius:3px;min-width:64px;padding:6px 14px}.toggle.on,.seg button.on{background:var(--stamp-blue);color:var(--paper)}.seg{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.overlay.settings .menu-btn{width:100%;margin-top:14px}.slider{width:190px;accent-color:var(--stamp-blue)}.tally{text-align:left;margin:10px 0 14px}.tally-row{border-bottom:1px dashed var(--line);grid-template-columns:110px 1fr auto;align-items:center;gap:10px;padding:8px 6px;display:grid}.tally-row.win{background:#f7ee9e}.tname{font-weight:700}.tname em{color:var(--stamp-red);font-size:12px;font-style:normal;font-weight:500}.tcards{flex-wrap:wrap;gap:3px;display:flex}.tkpi{font:800 15px var(--mono)}.tkpi .plus{color:var(--stamp-red)}.chip-card{background:var(--paper-2);text-align:left;border:0;border-left:5px solid;border-radius:2px;flex-direction:column;align-items:flex-start;padding:3px 7px;font-size:11px;line-height:1.15;display:inline-flex;color:var(--ink)!important}.chip-card small{opacity:.75;font-size:9px}.chip-card[disabled]{cursor:default}.stamp{overflow-wrap:anywhere;max-width:calc(100% - 16px);font:800 clamp(20px, 4.4vw, 42px) var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--stamp-red);opacity:.92;border:5px double;border-radius:6px;margin:4px 0 10px;padding:6px 20px;display:inline-block;transform:rotate(-4deg)}.matchend.promoted .stamp{color:var(--stamp-blue)}.standings{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.stand{background:var(--paper-2);font-family:var(--mono);justify-content:space-between;padding:6px 12px;display:flex}.stand.win{background:#f7ee9e}.modal-layer{z-index:5;pointer-events:auto;background:#1e160e73;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:3px;width:min(640px,94vw);padding:20px 24px;box-shadow:0 2px #b9b19c,0 14px 30px #00000080}.modal h2{font:800 20px var(--mono);margin:0 0 6px}.modal h2.second{margin-top:14px;font-size:16px}.modal .sub{color:var(--muted);margin:0 0 12px}.dept-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.dept-btn{min-height:92px;font:800 17px var(--font);border:0;border-top:14px solid #0000002e;border-radius:4px 4px 2px 2px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:transform .1s;display:flex;box-shadow:0 2px #00000040}.dept-btn small{opacity:.85;font-size:11px;font-weight:500}.dept-btn:hover{transform:translateY(-3px)rotate(-1deg)}.dept-btn.suggest{outline-offset:2px;outline:3px solid #e8c900}.target-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;display:flex}.target{border:2px solid var(--line);background:var(--paper-2);flex-direction:column;padding:8px 16px;font-size:15px;display:flex}.target small{color:var(--muted)}.target.on{border-color:var(--stamp-blue);background:#f7ee9e}.card-row{flex-wrap:wrap;justify-content:center;gap:6px;max-height:32vh;margin:8px 0 12px;display:flex;overflow:auto}.card-row .chip-card{padding:6px 10px;font-size:13px}.card-row.disabled{opacity:.45}.ghost{border:2px solid var(--line);color:var(--muted);font:700 13px var(--mono);background:0 0;border-radius:3px;padding:8px 18px}.hud{pointer-events:none;z-index:1;position:absolute;inset:0}.hud>*{pointer-events:none}.topbar{background:linear-gradient(#19120b99,#0000);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 14px;display:flex;position:absolute;top:0;left:0;right:0}.tb-left{min-width:150px;color:var(--paper);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.round{font:800 15px var(--mono);margin-right:4px}.chip{font:700 12px var(--mono);background:var(--paper);color:var(--ink);border-radius:2px;padding:3px 10px}.chip.dir{padding:1px 9px;font-size:16px}.chip.pen{background:var(--stamp-red);color:var(--paper);animation:1s infinite pulse}.scores{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.score{background:var(--paper);color:var(--ink);border-bottom:3px solid var(--line);border-radius:2px;align-items:baseline;gap:6px;padding:5px 12px;font-size:13px;display:flex}.score .skpi{font:800 15px var(--mono);color:var(--stamp-blue)}.score.active{background:#f7ee9e;border-bottom-color:#e8c900}.score.burned{opacity:.45;text-decoration:line-through}.pause-btn{pointer-events:auto;border:2px solid var(--line);background:var(--paper);border-radius:3px;width:38px;height:38px;font-size:16px}.notes{flex-direction:column;align-items:flex-start;gap:6px;max-width:min(360px,56vw);display:flex;position:absolute;bottom:40px;left:14px}.hint{font:600 13px var(--mono);background:var(--sticky);color:var(--ink);border-left:4px solid #e8c900;padding:7px 14px;line-height:1.35;transform:rotate(-.6deg);box-shadow:0 3px 8px #0006}.hint:empty{display:none}.hint.mine{background:#f7ee9e}.plates{position:absolute;inset:0}.plate{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-bottom:3px solid var(--line);white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:13px;display:flex;position:absolute;top:0;left:0}.pline{align-items:center;gap:8px;display:flex}.pname{font-weight:800}.pcount{text-align:center;background:var(--paper-2);min-width:22px;font:800 13px var(--mono);border-radius:2px;padding:1px 7px}.plate.active{background:#f7ee9e;border-bottom-color:#e8c900}.plate.danger .pcount{background:var(--stamp-red);color:var(--paper)}.plate.burned{opacity:.5}.pbadge{border:2px solid var(--stamp-red);color:var(--stamp-red);font:800 11px var(--mono);padding:1px 8px;animation:.8s infinite pulse;transform:rotate(-3deg)}.toasts{flex-direction:column;gap:6px;display:flex}.toast{background:var(--sticky);color:var(--ink);border-left:4px solid #b8a24a;padding:7px 12px;font-size:13px;line-height:1.3;transition:opacity .6s;animation:.2s ease-out toast-in;box-shadow:0 2px 6px #00000059}.toast:nth-child(odd){transform:rotate(-.4deg)}.toast.warn{border-left-color:#c9871a}.toast.good{border-left-color:#4c8b65}.toast.bad{border-left-color:var(--stamp-red)}.toast.leaving{opacity:0}.actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:16px;right:14px}.act{pointer-events:auto;border:3px double var(--stamp-blue);background:var(--paper);min-width:170px;color:var(--stamp-blue);font:800 15px var(--mono);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;flex-direction:column;align-items:center;padding:9px 20px;transition:transform 80ms;display:flex;transform:rotate(-.8deg);box-shadow:0 4px 10px #0006}.act small{font:500 10px var(--mono);text-transform:none;opacity:.8}.act:hover{transform:rotate(0)translateY(-2px)}.act.gajian,.act.report,.act.accept{color:var(--stamp-red);border-color:var(--stamp-red)}.act.gajian,.act.report{font-size:18px;animation:.7s infinite pulse}.keys{font:11px var(--mono);color:var(--paper);background:#19120b99;padding:3px 10px;position:absolute;bottom:14px;left:14px}@keyframes pulse{0%,to{transform:scale(1)rotate(-.8deg)}50%{transform:scale(1.06)rotate(-.8deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}@media (max-width:720px){.keys{display:none}.score{padding:3px 8px;font-size:11px}.notes{bottom:14px}.hint{font-size:12px}.act{min-width:130px;padding:8px 14px;font-size:13px}.dept-grid{grid-template-columns:repeat(2,1fr)}.tally-row{grid-template-columns:80px 1fr auto}}@media (prefers-reduced-motion:reduce){.chip.pen,.pbadge,.act.gajian,.act.report{animation:none}}.lastplayed{gap:6px;display:flex;position:absolute;top:62px;right:14px}.lp{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-bottom:3px solid var(--line);font:700 10px var(--mono);color:var(--ink);border-radius:2px;flex-direction:column;align-items:center;gap:2px;max-width:80px;padding:3px;display:flex}.lp canvas{width:54px;height:auto;display:block}.lp span{text-overflow:ellipsis;white-space:nowrap;max-width:72px;overflow:hidden}.lp:hover{transform:translateY(-2px)}.lens{pointer-events:auto;border:2px solid var(--stamp-blue);background:var(--paper);border-radius:50%;width:30px;height:30px;padding:0;font-size:15px;line-height:1;position:absolute;top:0;left:0;box-shadow:0 2px 6px #0006}.lens:hover{background:#f7ee9e}.inspect-layer{z-index:8;pointer-events:auto;-webkit-backdrop-filter:blur(5px);background:#140e088c;place-items:center;display:grid;position:fixed;inset:0}.inspect-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;width:100%;height:100%;padding:3vh 4vw;display:flex;overflow:auto}.inspect-stage{perspective:900px}.inspect-card{border-radius:14px;width:auto;height:60vh;animation:6s ease-in-out infinite inspect-idle;display:block;box-shadow:0 18px 50px #0009}.inspect-panel{background:var(--paper);border:1px solid var(--line);border-radius:3px;width:min(340px,90vw);padding:18px 22px;box-shadow:0 2px #b9b19c,0 14px 30px #00000080}.inspect-panel h2{font:800 22px var(--mono);margin:0}.inspect-panel .alt{color:var(--muted);font:italic 12px var(--mono);margin:0 0 6px}.inspect-panel .origin{font:700 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--stamp-blue);margin:0 0 8px}.inspect-panel h3{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 2px}.inspect-panel p{margin:0;font-size:14px;line-height:1.4}.inspect-panel .request{background:var(--sticky);font:600 13px var(--mono);padding:6px 8px}.inspect-panel .status{font:700 12px var(--mono);color:var(--muted);margin-top:10px}.inspect-panel .status.ok{color:#3b7a55}.inspect-panel .menu-list{margin-top:12px}.inspect-panel .hint-small{font:11px var(--mono);color:var(--muted);margin-top:8px}@keyframes inspect-idle{0%,to{transform:rotateY(-3deg)rotateX(1.5deg)}50%{transform:rotateY(3deg)rotateX(-1.5deg)}}@media (prefers-reduced-motion:reduce){.inspect-card{animation:none}}@media (max-width:720px){.lastplayed{top:84px}.lp canvas{width:40px}}.roster,.hud.compact .scores{display:none}.hud.compact .roster{pointer-events:none;max-height:none;display:block;position:absolute;top:62px;left:10px}.roster-toggle{pointer-events:auto;border:2px solid var(--line);background:var(--paper);border-radius:3px;width:30px;height:26px;padding:0;font-size:14px}.roster-list{background:var(--paper);border:1px solid var(--line);pointer-events:auto;min-width:170px;max-height:max(130px,100vh - 360px);margin-top:4px;overflow:auto}.roster.collapsed .roster-list{display:none}.rrow{border-bottom:1px dashed var(--line);grid-template-columns:1fr 26px 38px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;display:grid}.rname{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rcount{text-align:center;font:800 11px var(--mono);background:var(--paper-2)}.rkpi{text-align:right;font:800 11px var(--mono);color:var(--stamp-blue)}.rrow.active{background:#f7ee9e}.rrow.next{background:#fbf6d0}.rrow.burned{opacity:.45;text-decoration:line-through}.rrow.danger .rcount{background:var(--stamp-red);color:var(--paper)}.hud.compact .plate{gap:1px;padding:1px 6px;font-size:11px}.hud.compact .pcount{min-width:16px;padding:0 4px;font-size:11px}.plate.next,.score.next{border-bottom-color:#e8c900}@media (max-height:560px),(max-width:760px){.topbar{gap:6px;padding:6px 8px}.round{font-size:12px}.chip{padding:2px 7px;font-size:10px}.chip.dir{padding:0 7px;font-size:13px}.scores{gap:4px}.score{border-bottom-width:2px;gap:4px;padding:2px 7px;font-size:11px}.score .skpi{font-size:12px}.pause-btn{width:30px;height:30px;font-size:13px}.keys{display:none}.plate{border-bottom-width:2px;gap:1px;padding:2px 7px;font-size:11px}.pcount{min-width:16px;padding:0 5px;font-size:11px}.pbadge{font-size:9px}.notes{gap:4px;max-width:min(230px,26vw);bottom:8px;left:8px}.hint{border-left-width:3px;padding:4px 8px;font-size:10px;line-height:1.3}.toast{padding:4px 8px;font-size:10px}.toast:not(:last-child){display:none}.actions{gap:6px;bottom:8px;right:8px}.act{border-width:2px;min-width:0;padding:5px 12px;font-size:12px}.act small{display:none}.act.gajian,.act.report{font-size:13px}.lastplayed{gap:4px;top:44px;right:8px}.lp{max-width:52px;padding:2px;font-size:8px}.lp canvas{width:34px}.lp span{max-width:46px}.lens{width:26px;height:26px;font-size:13px}}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.tb-right{align-items:flex-start;gap:6px;display:flex}.fs-btn{pointer-events:auto;border:2px solid var(--line);background:var(--paper);border-radius:3px;width:38px;height:38px;padding:0;font-size:16px}.topbar{padding-top:calc(6px + env(safe-area-inset-top));padding-left:calc(8px + env(safe-area-inset-left));padding-right:calc(8px + env(safe-area-inset-right))}.act.play{color:var(--stamp-red);border-color:var(--stamp-red);font-size:17px}@media (pointer:coarse){.act,.menu-btn,.toggle,.seg button,.ghost,.target,.dept-btn,.chip-card{min-height:44px}.pause-btn,.fs-btn,.roster-toggle,.lens{width:44px;height:44px}.lp{min-width:44px;min-height:44px}.actions{padding-bottom:env(safe-area-inset-bottom);padding-right:env(safe-area-inset-right)}}html[data-layout=portrait] .hud .scores{display:none}html[data-layout=portrait] .hud .roster{left:8px;top:calc(52px + env(safe-area-inset-top));display:block;position:absolute}html[data-layout=portrait] .roster-list{max-height:40vh}html[data-layout=portrait] .notes{align-items:stretch;max-width:none;bottom:calc(31% + 62px);left:8px;right:8px}html[data-layout=portrait] .hint{white-space:nowrap;text-overflow:ellipsis;max-width:none;font-size:11px;overflow:hidden;transform:none}html[data-layout=portrait] .toast{font-size:11px}html[data-layout=portrait] .actions{left:8px;right:8px;bottom:calc(10px + env(safe-area-inset-bottom));flex-flow:wrap;justify-content:center;align-items:stretch;gap:6px;padding-bottom:0}html[data-layout=portrait] .act{flex:1 1 0;min-width:84px;min-height:48px;padding:6px 8px;font-size:13px;transform:none}html[data-layout=portrait] .keys,html[data-layout=portrait] .lp:not(:first-child){display:none}html[data-layout=portrait] .lastplayed{top:calc(52px + env(safe-area-inset-top));right:8px}html[data-layout=portrait] .tb-left{min-width:0}html[data-layout=portrait] .modal-layer{place-items:end center}html[data-layout=portrait] .modal{width:100%;max-height:84vh;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;overflow:auto}html[data-layout=portrait] .overlay{place-items:end center;padding:0}html[data-layout=portrait] .overlay .panel{width:100%;max-width:none;max-height:90vh;padding-bottom:calc(22px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0}html[data-layout=portrait] .inspect-row{padding:calc(10px + env(safe-area-inset-top)) 10px 10px;flex-direction:column;justify-content:flex-start;gap:10px}html[data-layout=portrait] .inspect-card{height:38vh}html[data-layout=portrait] .inspect-panel{border-radius:14px 14px 0 0;width:100%}html[data-layout=portrait] .dept-grid{grid-template-columns:repeat(2,1fr)}.menu-btn.online{color:var(--stamp-blue)}.room-code{font:800 clamp(26px, 6vw, 38px) var(--mono);letter-spacing:.08em;background:var(--sticky);-webkit-user-select:all;user-select:all;margin:6px 0;padding:8px 16px;display:inline-block;transform:rotate(-.8deg)}.net-form{text-align:left;flex-direction:column;gap:8px;margin:8px 0;display:flex}.net-form label{font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.net-form input[type=text],.net-form textarea{border:2px solid var(--line);width:100%;color:var(--ink);font:600 15px var(--mono);-webkit-user-select:text;user-select:text;background:#fffdf6;border-radius:3px;padding:9px 10px}.net-form textarea{resize:vertical;word-break:break-all;min-height:84px;font-size:11px}.net-note{color:var(--stamp-red);font:600 12px var(--mono);text-align:left;margin:4px 0}.net-note.ok{color:#3b7a55}.seat-list{text-align:left;border:1px solid var(--line);background:var(--paper);max-height:34vh;margin:8px 0;overflow:auto}.seat-row{border-bottom:1px dashed var(--line);grid-template-columns:22px 1fr auto auto;align-items:center;gap:8px;padding:5px 8px;font-size:13px;display:grid}.seat-row .sk{font:800 11px var(--mono);color:var(--muted)}.seat-row.open{opacity:.55;font-style:italic}.seat-row .tag{font:700 10px var(--mono);border:1px solid var(--line);background:var(--paper-2);text-transform:uppercase;padding:1px 6px}.seat-row .tag.ready{background:#cfe8d5;border-color:#4c8b65}.seat-row .tag.weak{background:#f5d9a0;border-color:#c9871a}.seat-row .tag.off{border-color:var(--stamp-red);background:#f2c6c0}.seat-row button{border:1px solid var(--stamp-red);color:var(--stamp-red);font:700 11px var(--mono);background:0 0;border-radius:2px;padding:2px 8px}.plate.weak .pname:after,.rrow.weak .rname:after{content:" ●";color:#c9871a}.plate.offline .pname:after,.rrow.offline .rname:after{content:" ●";color:var(--stamp-red)}.plate.offline,.rrow.offline{opacity:.8}.rotate-prompt{z-index:30;pointer-events:auto;color:var(--paper);text-align:center;background:#1e160ee6;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:fixed;inset:0}.rotate-prompt h2{font:800 22px var(--mono);margin:0}.rot-icon{font-size:56px;animation:2.2s ease-in-out infinite rot-turn}@keyframes rot-turn{0%,30%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}@media (orientation:landscape) and (max-height:560px){.overlay{padding:6px}.overlay .panel,.overlay.menu .panel{background-image:none;width:min(880px,96vw);max-width:96vw;max-height:calc(100vh - 12px);padding:12px 18px}.overlay h2{margin:0 0 4px;font-size:18px}.overlay .lead{margin:2px 0 6px;font-size:12px;line-height:1.35}.room-code{margin:2px 0 4px;padding:4px 12px;font-size:24px}.lobby-cols{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.lobby-main{text-align:center}.lobby .seat-list{max-height:calc(100vh - 170px)}.seat-row{padding:3px 8px;font-size:12px}.net-form{gap:4px;margin:4px 0}.row{gap:10px;padding:4px 0}.toggle,.seg button{min-width:40px;padding:4px 10px;font-size:12px}.seg{gap:4px}.menu-list{gap:6px;margin-top:6px}.menu-btn{padding:6px 14px;font-size:13px}.menu-btn small{display:none}.crest{width:52px;height:52px;margin-bottom:2px}.overlay h1{font-size:24px}.net-form{grid-template-columns:1fr 1fr;align-items:center;gap:5px 14px;display:grid}.net-form>.net-note,.net-form>div:not(.seg):not(.row){grid-column:1/-1}.net-form>label:has(+.seg>button:nth-child(9)){grid-column:1/-1;margin-bottom:-2px}.net-form>.seg:has(>button:nth-child(9)){grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(34px,1fr));gap:4px;display:grid}.net-form>label:not(:has(+.seg>button:nth-child(9))){display:none}.net-form>.seg:has(>button:nth-child(9)) button{min-width:0;min-height:30px;padding:2px 0}.net-form .row{border:1px dashed var(--line);border-radius:3px;gap:6px;min-height:40px;padding:1px 8px}.net-form .row .toggle{min-height:36px}.online-menu .panel{padding-top:8px;padding-bottom:8px}.online-menu .menu-list{margin-top:4px}.net-form .rtext{font-size:12px;line-height:1.2}.lobby-main .menu-btn{margin:0 auto}.lobby-side .menu-list.row{justify-content:center}.overlay .panel>.menu-btn{margin:0 auto}}