:root{color-scheme:dark;--bg:#080e18;--ink:#eaf3ff;--muted:#9aaec8;--line:#283a53;--mint:#7af0c5;--blue:#87beff;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#182e4b,transparent 50%),var(--bg);color:var(--ink);line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,select,input{font:inherit}button{cursor:pointer;background:#1a2b43;border:1px solid #3e5573;color:var(--ink);border-radius:8px;padding:9px 13px;font-size:12px;font-weight:650}button:hover{border-color:var(--mint);background:#243c50}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:3px}input,select{border:1px solid #3f536f;background:#0b182b;color:var(--ink);padding:9px 10px;border-radius:8px;width:100%;font-size:13px;min-width:0}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 32px;border-bottom:1px solid var(--line);background:#090f1bcc}.demo-header a{font-size:11px}.demo-header h1{font-size:23px;letter-spacing:-.045em;line-height:1.3;margin:8px 0 0}.demo-header h1 span{font-size:8px;letter-spacing:.16em;color:var(--muted);margin-left:16px;white-space:nowrap}.safety-badge{border:1px solid #7af0c555;color:var(--mint);border-radius:9px;background:#15382e77;text-align:center;font-size:11px;font-weight:800;letter-spacing:.12em;padding:10px 18px;white-space:nowrap}.safety-badge b{display:block;font-size:8px;color:#bcebdc;margin-top:3px}.notice{margin:0;padding:14px 32px;background:#102c2788;border-bottom:1px solid #305447;font-size:12px;color:#a3cbbd}.notice strong{color:#d9fff1;margin-right:8px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1800px;margin:auto;padding:25px 32px;align-items:start}.game-panel{min-width:0}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:13px 13px 0 0;padding:15px 18px;background:#15263b}.game-toolbar strong{font-size:12px}.game-toolbar small{display:block;color:var(--muted);font-size:10px;margin:4px 0 0 15px;font-variant-numeric:tabular-nums}.status-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}.toolbar-buttons{display:flex;gap:8px;flex-shrink:0}.toolbar-buttons button{font-size:10px;padding:8px 10px}.game-screen{border:1px solid var(--line);border-top:0;background:#030610;height:calc(100vh - 240px);min-height:580px;max-height:1000px;overflow:hidden;position:relative}iframe{border:0;display:block;width:100%;height:100%;background:#030610}.game-screen:fullscreen{height:100vh;width:100vw;max-height:none;border:0;min-height:0}.game-status{border:1px solid var(--line);border-top:0;padding:14px 18px;background:#112435;border-radius:0 0 13px 13px;font-size:12px;color:#abc8e3;min-height:66px}.instruction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:23px 0}.instruction-grid b{font-size:12px;color:#b8dacd}.instruction-grid p{font-size:11px;color:var(--muted);margin:7px 0}.local-history{border:1px solid var(--line);border-radius:13px;padding:20px;background:#0e1a2b}.local-history h2{font-size:13px;margin:0 0 12px}.local-history ol{margin:0;padding-left:19px;font-size:11px;color:var(--muted)}.local-history li{padding:5px 0}.pool-panel{border:1px solid var(--line);border-radius:15px;background:#101e31;padding:22px}.eyebrow{color:var(--mint);font-size:8px;font-weight:750;letter-spacing:.17em;margin:0 0 13px}.pool-panel h2{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:0}.sub{font-size:11px;color:var(--muted);margin:15px 0 20px}.browse-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.browse-fields label{display:block;font-size:9px;color:#a1bad9;margin-bottom:6px}.position-navigation{display:flex;gap:10px;justify-content:space-between;margin:12px 0}.position-navigation button{font-size:10px;flex:1}.offer-card{padding:18px;border:1px solid #6cdab24a;background:#16352f55;border-radius:12px;margin:18px 0}.offer-card>small{font-size:9px;letter-spacing:.14em;color:var(--mint)}.offer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:13px;font-size:12px}.offer-row span{color:#adc4da}.offer-row strong{font-size:20px;font-variant-numeric:tabular-nums}.offer-net{border-top:1px solid #36584e;margin-top:12px;padding-top:12px}.offer-net strong{font-size:17px}.offer-card p{font-size:9px;color:var(--muted);margin:12px 0 0}.primary{background:var(--mint);color:#0c2b20;border-color:var(--mint)}.primary:hover{background:#b0ffdf;color:#0c2b20}.wide{width:100%}.micro{font-size:9px;color:#8fa8c4;margin:10px 0 20px}.pool-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.pool-grid button{padding:6px 0;border-radius:5px;font-size:9px;line-height:1.3;background:#182a43;border:1px solid #304660;color:#9fb5ce;font-variant-numeric:tabular-nums}.pool-grid button.positive{background:#193f35;color:#adf4d3;border-color:#376e5a}.pool-grid button[aria-pressed=true]{outline:2px solid #87beff;outline-offset:0;color:white;background:#285579;z-index:1}.pool-grid button.playing{box-shadow:inset 0 -3px var(--mint)}.grid-key{display:flex;gap:10px;flex-wrap:wrap;font-size:8px;color:var(--muted);margin:12px 0 20px}.grid-key i{display:inline-block;width:7px;height:7px;background:#324d70;border-radius:2px;margin-right:3px}.grid-key i.positive{background:#3b9b76}details{border-top:1px solid var(--line);padding:14px 0 2px;margin-top:12px;font-size:11px}summary{cursor:pointer;color:#b9cee8;font-weight:600}details ul{font-size:10px;color:var(--muted);padding-left:17px}details li{margin-bottom:7px}table{border-collapse:collapse;width:100%;font-size:10px;margin-top:14px}caption{text-align:left;font-size:9px;color:var(--muted);margin-bottom:8px}td,th{text-align:right;padding:8px 5px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{color:#aacbe9}td{color:var(--muted)}footer{max-width:1800px;margin:auto;padding:12px 32px 40px;color:#849ab6;font-size:10px;line-height:1.8}footer strong{color:#b9cce5}footer a{white-space:nowrap}
@media(min-width:1600px){.demo-layout{grid-template-columns:minmax(0,1fr) 385px}.pool-grid button{font-size:10px;padding:8px 0}.pool-panel{padding:25px}}
@media(max-width:1050px){.demo-layout{grid-template-columns:minmax(0,1fr) 295px;padding:20px;gap:18px}.pool-panel{padding:17px}.demo-header{padding:20px}.notice{padding:12px 20px}.game-toolbar{padding:12px}.toolbar-buttons button{padding:7px}.game-screen{min-height:670px}.demo-header h1 span{display:block;margin:6px 0 0}.instruction-grid{gap:14px}.game-toolbar strong{font-size:11px}}
@media(max-width:800px){.demo-layout{grid-template-columns:1fr}.pool-panel{padding:24px}.pool-grid{gap:7px}.pool-grid button{padding:12px 0;font-size:12px}.game-screen{height:78vh;min-height:630px;max-height:900px}.safety-badge{padding:9px 12px;font-size:10px}.pool-panel h2 br{display:none}.offer-card{margin:18px 0}.pool-panel .sub{font-size:13px}.micro{font-size:11px}.pool-panel label{font-size:11px}.position-navigation button{font-size:12px}.grid-key{font-size:10px}details{font-size:13px}details ul{font-size:12px}.notice{font-size:11px}footer{padding:10px 20px 30px}.game-status{font-size:11px}}
@media(max-width:430px){.demo-header{padding:17px 15px;gap:12px}.demo-header h1{font-size:20px}.demo-header h1 span{font-size:7px}.safety-badge{font-size:8px;padding:9px}.safety-badge b{font-size:7px}.demo-layout{padding:16px 12px;gap:18px}.notice{padding:12px 15px}.game-toolbar{padding:10px;gap:8px}.game-toolbar strong{font-size:10px}.game-toolbar small{font-size:9px}.toolbar-buttons{gap:5px}.toolbar-buttons button{font-size:9px;padding:7px}.game-screen{height:75vh;min-height:610px}.instruction-grid{grid-template-columns:1fr;gap:10px;padding:20px 6px}.instruction-grid p{margin:4px 0}.pool-panel{padding:20px 17px}.pool-grid{gap:5px}.pool-grid button{padding:9px 0;font-size:10px}.game-status{padding:13px}.local-history{padding:17px}.offer-row strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Forge lesson: never stretch a portrait cabinet into a landscape iframe.
   The game is a 1080×1920 kiosk. Scale the whole stage, like the Forge builder. */
.game-screen{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 12px 8px;
  height:calc(100vh - 210px);
  min-height:680px;
  max-height:none;
  background:#050810;
}
.kiosk-stage{width:100%;flex:1;display:flex;justify-content:center;align-items:center;min-height:0}
.kiosk-bezel{
  position:relative;
  overflow:hidden;
  border:2px solid rgba(148,163,184,.28);
  border-radius:18px;
  background:#050810;
  box-shadow:0 16px 48px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.04);
  flex-shrink:0;
}
.kiosk-scale-host{width:1080px;height:1920px;transform-origin:top left;will-change:transform}
.kiosk-scale-host iframe{width:1080px!important;height:1920px!important;border:0;display:block;background:#050810}
.kiosk-scale-label{margin:8px 0 0;font-size:11px;color:#9aaec8;letter-spacing:.04em}
.game-screen:fullscreen,.game-screen:-webkit-full-screen{
  height:100vh;width:100vw;max-height:none;border:0;min-height:0;padding:20px;border-radius:0
}