@font-face{font-family:LobbyGrobold;src:url('/assets/fonts/GROBOLD.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LobbyDigitalix;src:url('/assets/fonts/digitalix.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--blue:#668bd2;--blue-strong:#7499e1;--blue-deep:#294b85;--edge:#cadcff;--text:#f5f8ff;--muted:#b8c7e2;--line:#7895ca99}*{box-sizing:border-box}body{background:#05070a;color:var(--text);font-family:LobbyGrobold,Impact,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:700 13px LobbyGrobold,Impact,sans-serif;cursor:pointer;color:var(--text);border:2px solid var(--edge);border-radius:7px;padding:6px 12px;background:linear-gradient(180deg,#d7e7ff55 0 18%,transparent 18%),linear-gradient(180deg,var(--blue-strong),var(--blue-deep));box-shadow:inset 0 0 16px #ffffff29,inset 0 -9px 18px #172e6278,0 0 0 1px #486aa7,0 4px 9px #0008;text-shadow:0 2px 1px #294370;touch-action:manipulation}button:disabled{opacity:.48;cursor:default}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.primary{letter-spacing:.06em}
.lobby-shell{height:100%;width:min(1140px,100%);margin:auto;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 10px);display:flex;flex-direction:column;gap:7px;min-height:0;background:radial-gradient(circle at 70% 18%,#4d69a529,transparent 34%),linear-gradient(#111929e8,#05070af5),url('bg_new.png') center/cover}.topbar{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:52px;padding:4px 10px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(#131c2ce8,#080d17eb);box-shadow:inset 0 -16px 36px #0008}.back-link{display:flex;align-items:center;gap:3px;height:36px;flex-shrink:0;color:#fff;text-decoration:none;font-size:12px}.profile{display:flex;align-items:center;gap:9px;min-width:0}.name{font-size:16px;letter-spacing:.5px;text-shadow:0 3px 2px #000}.avatar{width:42px;height:42px;min-width:42px;flex-shrink:0;padding:0;border-radius:50%;background:#253b64;border:2px solid #b7cef1;box-shadow:0 2px 5px #000;overflow:hidden;display:grid;place-items:center;appearance:none;-webkit-appearance:none}.avatar canvas{width:100%;height:100%;display:block;border-radius:50%;pointer-events:none}.header-actions{display:flex;gap:8px;margin-left:auto}.training,.help{height:36px;min-width:106px;letter-spacing:.06em}.help{min-width:84px}
main{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1fr);gap:7px;flex:1;min-height:0;overflow:hidden}.panel{min-height:0;min-width:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(#0a1120ef,#050812f0);box-shadow:inset 0 1px #c9ddff18;display:flex;flex-direction:column;overflow:hidden}h2{margin:0 0 6px;font-size:14px;letter-spacing:.08em;color:#fff;text-shadow:0 2px 2px #000}.creator>h2{min-height:26px;display:flex;align-items:center}fieldset{border:0;padding:0;margin:0 0 10px;min-width:0}legend{color:#cddcff;font-size:12px;letter-spacing:.08em;font-weight:900;padding:0;margin-bottom:5px}.stakes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.stake{position:relative;display:grid;place-content:center;gap:3px;min-height:48px;font-size:15px;background:linear-gradient(180deg,#6187cd,#28477f)}.stake small{font:800 8px Arial,sans-serif;letter-spacing:.45px;color:#dce9ff}.stake[aria-pressed=true]{border-color:#fff;background:linear-gradient(180deg,#91b4f4,#426aa9);box-shadow:inset 0 0 0 1px #fff,0 0 13px #89b3ff7a}.stake[aria-pressed=true]:after{content:'✓';position:absolute;right:7px;bottom:4px;color:#fff;font-size:14px}.mode{display:flex;align-items:center;gap:8px;min-height:38px;margin:2px 0;flex-shrink:0;color:#d8e5ff;font-size:12px;font-weight:900}.equipment{margin-left:auto;display:flex;gap:6px}.equipment span{width:28px;height:28px;border:1px solid #9ab6e6;border-radius:50%;display:grid;place-items:center;font-size:21px}.toggle{width:64px;height:30px;position:relative;flex-shrink:0;padding:0 6px 0 25px;background:#355987;border-color:#b7cef1;font-size:10px}.toggle:before{content:'';position:absolute;left:5px;top:4px;width:20px;height:20px;background:#d5e5fb;border-radius:50%}.toggle[aria-checked=true]{padding:0 25px 0 5px;background:#426fac}.toggle[aria-checked=true]:before{left:35px;background:#fff}.room-hint{font:12px/1.5 Arial,sans-serif;color:#d2dcf0;margin:8px 0}.create{margin-top:auto;min-height:40px;flex-shrink:0;font:20px LobbyDigitalix,LobbyGrobold,sans-serif;letter-spacing:.09em}
.games-head{display:flex;align-items:center;gap:8px;min-height:32px;flex-shrink:0;border-bottom:1px solid #7895ca8c;padding-bottom:5px}.games-head h2{margin:0}.badge{margin-left:auto;color:#fff;padding:4px 7px;border:1px solid #b8cef5;border-radius:6px;background:#365c95;font:900 9px Arial;white-space:nowrap}.refresh{width:30px;height:28px;padding:3px;display:grid;place-items:center}.refresh svg{width:17px;height:17px}#games{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-color:#7091c8 #0a1020}.empty{margin:0;height:100%;display:grid;place-items:center;padding:16px 10px;color:#adbbd4;font:13px/1.5 Arial,sans-serif;text-align:center;background:radial-gradient(ellipse,#4f6ba42c,transparent 42%)}.game-row{display:grid;grid-template-columns:72px minmax(0,1fr) 48px 68px;align-items:center;gap:8px;min-height:66px;margin-top:6px;padding:5px 6px;border:1px solid #7998cf;border-radius:8px;background:linear-gradient(90deg,#1a2b48f5,#0b1221f5);box-shadow:inset 0 1px #d3e2ff18}.room-map{width:72px;height:48px;overflow:hidden;border:1px solid #b7cef1;border-radius:5px;background:#16264a;position:relative}.room-map:before{content:'';position:absolute;inset:0;background:url('menuTexture.png') -505px -819px/1024px 1024px;transform:scale(1.15);transform-origin:top left}.room-detail{min-width:0}.room-detail strong{font-size:12px;color:#fff;display:block;overflow-wrap:anywhere}.room-detail p{font:10px/1.4 Arial,sans-serif;margin:2px 0;color:#d2dcf0}.room-detail .room-money{font-size:11px}.room-money b{color:#fff}.room-money strong{display:inline;color:#ffd96b;font-size:11px}.slots{text-align:center;font-size:14px;color:#d8e3f8}.slots b{color:#fff}.slots small{display:block;font-size:8px;color:#b5c3dc}.game-row button{min-height:36px;padding:6px 8px;font-size:11px}.status{font:11px/1.4 Arial,sans-serif;color:#d2dcf0;min-height:16px;flex-shrink:0}.info-panel{position:absolute;z-index:100;inset:15% 20%;padding:24px;border:2px solid var(--edge);border-radius:8px;background:linear-gradient(#243d6ce8,#101b31f5);overflow:auto;box-shadow:inset 0 0 20px #fff2,0 0 0 100vmax #0009;font:15px/1.5 Arial,sans-serif}.info-panel[hidden]{display:none}
.history-panel{display:flex;flex-direction:column;gap:10px;inset:10% 8%}
.history-panel>h2{text-align:center;margin:0 0 4px;letter-spacing:.12em}
.history-split{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:0 16px;flex:1;min-height:0;align-items:stretch}
.history-col{min-width:0;min-height:0;display:flex;flex-direction:column}
.history-col h3{margin:0 0 8px;font:14px LobbyGrobold,Arial,sans-serif;letter-spacing:.1em;color:#d8e5ff;text-align:center}
.history-rule{width:1px;align-self:center;height:50%;background:#cadcff66;border:0}
#bet-history-recent,#bet-history-mine{flex:1;min-height:0;overflow-y:auto}
.history-empty{margin:12px 0;color:#adbbd4;text-align:center}.history-row{margin-top:8px;padding:8px 10px;border:1px solid #7998cf;border-radius:8px;background:linear-gradient(90deg,#1a2b48f5,#0b1221f5)}.history-row strong{display:block;font:16px LobbyGrobold,Arial,sans-serif;letter-spacing:.06em}.history-row p{margin:4px 0 0;font:12px/1.4 Arial,sans-serif;color:#d2dcf0}.history-row small{display:block;margin-top:2px;color:#9eb0cc;font:10px Arial,sans-serif}
.character-picker{inset:12% 12%;display:flex;flex-direction:column;gap:12px}
.character-picker[hidden]{display:none}
.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.character-pick{padding:8px 4px;min-height:88px;display:grid;place-items:center;gap:6px}
.character-pick canvas{width:56px;height:56px;border-radius:50%;background:#1a2b48}
.character-pick[aria-pressed=true]{border-color:#fff;box-shadow:inset 0 0 0 1px #fff,0 0 13px #89b3ff7a}
@media(max-width:640px){.character-picker{inset:8% 4%}.character-grid{gap:4px}.character-pick{min-height:72px;padding:4px 2px}.character-pick canvas{width:44px;height:44px}}
@container(max-width:900px){main{grid-template-columns:minmax(220px,.82fr) minmax(0,1fr)}.game-row{grid-template-columns:60px minmax(0,1fr) 36px 54px;gap:6px}.room-map{width:60px;height:42px}.training{min-width:92px}}@container(max-height:520px){.stakes .stake{min-height:36px;font-size:13px;gap:1px}.creator>h2{min-height:20px}.room-hint{margin:4px 0}.panel{padding:6px 8px 8px}fieldset{margin-bottom:4px}.topbar{min-height:48px}}@container(max-width:640px){main{grid-template-columns:minmax(160px,.9fr) minmax(0,1.1fr)}.lobby-shell{gap:4px}.topbar{gap:6px;padding:4px}.name{font-size:12px}.header-actions{margin-left:auto;gap:4px}.training,.help{min-width:0;font-size:11px;padding:4px 7px}.games-head{gap:4px}.games-head h2{font-size:11px}.game-row{grid-template-columns:minmax(0,1fr) 48px}.room-map,.slots{display:none}.room-detail strong{font-size:11px}.equipment{display:none}.toggle{margin-left:auto}.mode{font-size:10px}.badge{font-size:8px;padding:3px 4px}}
/* Use the actual game face, not browser-synthesized bold. */
.name,h2,legend,.mode,.stake,.stake small,.room-detail strong,.room-money,.room-money b,.slots,.slots b,.slots small,.badge{font-family:LobbyGrobold,Arial,sans-serif;font-weight:400;font-synthesis:none}
.probe-mode[hidden]{display:none}.probe-mode select{margin-left:auto;min-width:104px;padding:7px;border:1px solid #b7cef1;border-radius:5px;background:#17345f;color:#fff;font:10px LobbyGrobold,Arial,sans-serif}
button{font-weight:400;font-synthesis:none}.header-actions .refresh{width:36px;height:36px;flex-shrink:0}.name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile>div:last-child{min-width:0}