:root{color-scheme:dark;font:14px/1.45 Inter,"Segoe UI",system-ui,sans-serif;background:#101713;color:#e9eee8}
*{box-sizing:border-box}
body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -20%,#28362c,#111915 48%,#0d120f 100%)}
button,input,select{font:inherit}
button,select,input[type=number],input[type=text]{color:#edf1e9;background:#1f2b25;border:1px solid #405045;border-radius:9px}
button{padding:10px 12px;cursor:pointer;font-weight:650;transition:background .15s,border-color .15s,transform .15s}
button:hover{background:#2b3b30;border-color:#829a80}
button:active{transform:translateY(1px)}
button:focus-visible,input:focus-visible,select:focus-visible,.anchor:focus-visible{outline:2px solid #d4bb79;outline-offset:3px}
.primary{background:#cba968;color:#142019;border-color:#e4c486}
.primary:hover{background:#e1bd79}
button:disabled{cursor:not-allowed;opacity:.45}
.topbar{height:72px;padding:0 clamp(16px,2.1vw,34px);display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff18;background:#101a14df}
.brand{display:flex;gap:11px;align-items:center;letter-spacing:.19em;white-space:nowrap}
.brand strong{display:block;font-size:14px}
.brand small{display:block;color:#a4b7a5;font-size:9px;letter-spacing:.17em}
.brand-symbol{width:34px;height:34px;display:grid;place-items:center;color:#d2b475;border:1px solid #937e53;border-radius:9px;background:#202920}
.draft-pill{margin-left:auto;border:1px solid #877851;color:#dbc892;border-radius:50px;padding:5px 10px;font-size:11px;white-space:nowrap}
.topbar a{color:#dae4d7;text-decoration:none;white-space:nowrap;font-size:12px}
.topbar a:hover{text-decoration:underline}
.workspace{display:grid;grid-template-columns:minmax(630px,690px) minmax(0,1fr) minmax(240px,280px);gap:16px;max-width:1920px;margin:auto;padding:18px;align-items:start}
.panel{background:#17221bcf;border:1px solid #344338;border-radius:15px;box-shadow:0 20px 45px #0003;min-width:0}
.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;background:transparent;border:0;border-radius:0;box-shadow:none}
.controls>.panel-heading,.controls>.control-group{min-width:0;background:#17221be8;border:1px solid #344338;border-radius:14px;box-shadow:0 12px 28px #0003}
.controls>.panel-heading{grid-column:1/-1;padding:13px 18px}
.controls>.panel-heading h1{font-size:24px}
.controls>.panel-heading>p:last-child{margin-top:3px}
.controls>.control-group{padding:15px 16px}
.controls>.control-group h2{margin-bottom:10px}
.controls>.save-group{grid-column:2/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:12px}
.controls>.save-group>h2,.controls>.save-group>#roomDescription,.controls>.save-group>.button-pair,.controls>.save-group>button,.controls>.save-group>#status{grid-column:1/-1}
.controls>.save-group>.field{min-width:0;margin-bottom:0}
.profile-picker{display:flex;align-items:end;min-width:0;gap:7px}
.profile-picker .field{flex:1;min-width:0;margin:0}
.profile-trash{display:grid;place-items:center;flex:none;width:39px;height:39px;padding:0;color:#e4a19a;border-color:#83554e}
.profile-trash:not(:disabled):hover{color:#ffe6dc;background:#57302d;border-color:#d59186}
.panel-heading{padding:23px 22px 17px}
.eyebrow{margin:0 0 7px;color:#d5b878;letter-spacing:.2em;font-size:10px;font-weight:750}
.panel h1,.panel h2,.canvas-heading h2{margin:0;font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em}
.panel h1{font-size:29px}
.panel-heading>p:last-child{color:#acb9aa;margin:10px 0 0;font-size:12px}
.control-group{padding:18px 22px;border-top:1px solid #ffffff16}
.control-group h2{font-size:18px;margin-bottom:14px}
.field{display:block;color:#c8d6c6;font-size:12px;margin:0 0 13px}
.field:last-child{margin-bottom:0}
.field select{display:block;margin-top:6px;width:100%;padding:9px 10px}
.field input[type=text]{display:block;margin-top:6px;width:100%;padding:9px 10px}
.range-control{display:flex;align-items:center;gap:12px;margin-top:8px}
.range-control input{min-width:0;flex:1;accent-color:#d6b775}
.range-control output{min-width:25px;text-align:right;color:#f1d08c;font-weight:750}
.toggle{display:flex;align-items:center;gap:9px;color:#d6e0d3;font-size:12px;cursor:pointer}
.toggle input{accent-color:#d6b775;width:16px;height:16px;margin:0}
.legend{display:grid;gap:7px}
.legend h2{margin-bottom:4px}
.legend span{display:flex;align-items:center;gap:9px;font-size:12px}
.legend p,.inspector-note p{color:#a3b4a3;font-size:11px;margin:7px 0 0}
.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.legend-dot.generated{background:#d2d5ca}
.legend-dot.override{background:#e5b35d;box-shadow:0 0 0 3px #e5b35d35}
.save-group{display:grid;gap:8px}
.save-group h2{margin-bottom:3px}
.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.button-pair button{padding:9px 6px;font-size:11px}
#status{font-size:11px;color:#d1c392;min-height:2.4em;margin:8px 0 0}
.canvas-column{min-width:0}
.canvas-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:6px 3px 15px}
.canvas-heading h2{font-size:26px}
.canvas-tools{display:flex;align-items:center;gap:12px}
.canvas-tools button{font-size:11px;padding:8px 10px}
.compact{white-space:nowrap}
.stage-viewport{position:relative;width:100%;overflow:hidden;border:1px solid #455447;border-radius:17px;background:#0a100c;box-shadow:0 24px 58px #0009}
.stage-viewport::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 7px #ffffff08,inset 0 20px 40px #0004;border-radius:17px}
#stage{width:1000px;height:620px;position:relative;overflow:hidden;transform-origin:top left;touch-action:none}
.decoration-list{display:grid;gap:5px;margin:10px 0}
.decoration-list button{text-align:left}
.decoration-list button[aria-pressed="true"]{border-color:#f5d18d;color:#f5d18d}
.decoration-handle-layer{position:absolute;inset:0;z-index:6;pointer-events:none}
.decoration-handle{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid #e8c88d;border-radius:50%;background:#213127aa;box-shadow:0 0 0 3px #101d15bb;pointer-events:auto;cursor:grab;touch-action:none}
.decoration-handle:active{cursor:grabbing}
.decoration-handle.selected{background:#e8c88daa;box-shadow:0 0 0 4px #e8c88d55}
.anchor-layer{position:absolute;inset:0}
.anchor{position:absolute;display:flex;align-items:center;justify-content:center;gap:5px;transform:translate(-50%,-50%);border:1px solid #b8d6b0b3;color:#ebf2e4;background:#10271fc7;box-shadow:0 4px 14px #0008,0 0 0 3px #0004;border-radius:8px;min-width:68px;min-height:28px;padding:4px 7px;font-size:10px;line-height:1.1;font-weight:700;letter-spacing:.025em;white-space:nowrap;cursor:grab;user-select:none;touch-action:none}
.anchor:active{cursor:grabbing}
.anchor.selected{border-color:#f5d18d;box-shadow:0 0 0 3px #ecc47766,0 5px 15px #000a;z-index:4}
.anchor.overridden{border-color:#e5b35d;color:#ffdfa0;background:#3a2b18e8}
.anchor[data-kind=seat]{min-width:34px;min-height:34px;width:34px;height:34px;border-radius:50%;font-size:12px;background:#203b2de9}
.anchor[data-kind=card]{min-width:48px;min-height:38px;border-radius:5px;border-style:solid}
.anchor[data-kind=chip]{border-radius:50%;min-width:44px;min-height:31px}
.anchor[data-kind=dealer]{border-color:#d6ba79}
.baseline-layer{pointer-events:none;opacity:.53}
.baseline-layer[hidden]{display:none}
.baseline-anchor{position:absolute;width:13px;height:13px;transform:translate(-50%,-50%);border:1px solid #d0dac4;border-radius:50%;background:#f3f2db40;box-shadow:0 0 0 4px #c9d5bd18}
.baseline-anchor::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#e8eee2}
.canvas-footer{display:flex;justify-content:space-between;gap:15px;margin:10px 3px 0;color:#a9b7a8;font-size:11px}
.canvas-legend{display:flex;flex-wrap:wrap;gap:12px;margin:10px 3px 0;color:#a9b7a8;font-size:11px}
.canvas-legend span{display:inline-flex;align-items:center;gap:7px}
.hint{margin:10px 3px 0;color:#c4b583;font-size:11px}
.inspector .panel-heading{padding-bottom:18px}
.empty-selection{border-top:1px solid #ffffff16;padding:32px 23px;text-align:center;color:#b4c2b3}
.empty-selection strong{display:block;color:#e8eee6;margin-top:8px}
.empty-selection p{font-size:12px}
.empty-icon{font-size:35px;color:#d4ba7b}
.inspector #selectionDetails{padding:22px;border-top:1px solid #ffffff18}
.selection-kicker{text-transform:uppercase;letter-spacing:.18em;color:#d5bc7f;font-size:10px}
.inspector h3{font:400 22px Georgia,serif;margin:5px 0}
.selection-source{margin:0 0 20px;color:#b7cbb1;font-size:12px}
.coord-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.coord-grid[hidden]{display:none}
.deal-path-controls{margin:15px 0;padding:12px;border:1px solid #cbb47a55;border-radius:8px;background:#cbb47a0b}
.deal-path-controls[hidden]{display:none}
.deal-path-controls .control-note{margin:7px 0 0}
.coord-grid label{color:#c5d5c2;font-size:12px}
.coord-grid input{display:block;margin-top:5px;width:100%;padding:9px}
.base-coordinates{color:#a5b3a3;font-size:11px}
.inspector #resetSelected{width:100%}
.inspector-note{border-top:1px solid #ffffff16;padding:20px 22px}
.inspector-note strong{font-size:12px;color:#d5bc7f}
@media(max-width:1600px){.workspace{grid-template-columns:minmax(630px,690px) minmax(0,1fr)}
.inspector{grid-column:1/-1;display:grid;grid-template-columns:250px 1fr 250px}
.inspector .panel-heading{padding:18px}
.inspector #selectionDetails,.empty-selection{border-top:0;border-left:1px solid #ffffff16;padding:18px}
.inspector-note{border-top:0;border-left:1px solid #ffffff16;padding:18px}
}
@media(max-width:1350px){.workspace{grid-template-columns:minmax(450px,510px) minmax(0,1fr)}
.controls{grid-template-columns:repeat(2,minmax(0,1fr))}
.controls>.save-group{grid-column:1/-1}
}
@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr)}
.controls,.inspector{grid-column:1}
.controls{grid-template-columns:repeat(3,minmax(0,1fr))}
.controls>.save-group{grid-column:2/-1}
.inspector{grid-template-columns:250px 1fr 250px}
}
@media(max-width:760px){.topbar{height:60px}
.topbar a{font-size:0}
.topbar a span{font-size:16px}
.draft-pill{display:none}
.workspace{display:block;padding:10px}
.controls,.inspector{margin-bottom:12px}
.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.controls>.save-group{grid-column:1/-1}
.inspector{display:block}
.controls .panel-heading{padding:17px}
.controls .panel-heading>p:last-child{margin-top:6px}
.controls .control-group{padding:14px 17px}
.canvas-heading{margin:16px 4px 10px;align-items:center}
.canvas-heading h2{font-size:23px}
.canvas-tools{gap:7px}
.canvas-tools .compact{font-size:0}
.canvas-tools .compact input{width:18px;height:18px}
.canvas-tools button{padding:7px;font-size:10px}
.canvas-footer{font-size:10px}
.inspector{margin-top:15px}
.inspector .panel-heading,.inspector #selectionDetails,.empty-selection,.inspector-note{border-left:0;border-top:1px solid #ffffff16}
.inspector .panel-heading{border-top:0}
.controls .save-group{display:grid}
.controls .legend{display:grid}
.hint{font-size:10px}
}
@media(max-width:560px){.controls{grid-template-columns:minmax(0,1fr)}
.controls>.panel-heading,.controls>.save-group{grid-column:1}
.controls>.save-group{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:420px){.topbar{padding:0 12px}
.brand small{font-size:8px}
.canvas-heading h2{font-size:20px}
.canvas-footer span:last-child{display:none}
}
.studio-game-preview{position:absolute;z-index:2;transform:translate(-50%,-50%);pointer-events:none}
.studio-game-card,.studio-blackjack-card{width:var(--table-card-width,46px);height:var(--table-card-height,64px);object-fit:cover;border-radius:5px;box-shadow:0 3px 7px #0008}
.studio-blackjack-card{position:absolute;top:0}
#stage[data-game-id="blackjack"] .studio-lab-profile{transform:translate(-22px,-50%)}
.studio-game-wheel{width:240px;height:240px;display:grid;place-items:center;border:18px solid #795329;border-radius:50%;color:#f8e9c8;background:conic-gradient(#8b1520 0 30deg,#171914 30deg 60deg,#8b1520 60deg 90deg,#171914 90deg 120deg,#8b1520 120deg 150deg,#171914 150deg 180deg,#8b1520 180deg 210deg,#171914 210deg 240deg,#8b1520 240deg 270deg,#171914 270deg 300deg,#8b1520 300deg 330deg,#171914 330deg);font:bold 54px Georgia,serif;text-shadow:0 2px 5px #000}
.studio-game-grid{width:320px;height:255px;display:grid;place-items:center;border:5px solid #e9ddbb;color:#f8e9c8;background:repeating-linear-gradient(0deg,transparent 0 36px,#eee8 37px 39px),repeating-linear-gradient(90deg,#17603b 0 35px,#eee8 36px 38px);font:bold 22px Georgia,serif;text-shadow:0 2px 4px #000}
.field[data-holdem-only][hidden]{display:none!important}

/* The table owns the centre; the tools are independent, overlapping windows. */
.workspace{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;max-width:none;min-height:calc(100dvh - 72px);padding:78px 24px 34px;overflow:hidden}
.workspace .controls{display:contents}
.workspace .controls>.panel-heading{display:none}
.workspace .canvas-column{grid-column:auto;width:min(100%,1160px);margin:auto;z-index:0}
#stageSpace{position:relative;margin-inline:auto}
.window-dock{position:absolute;z-index:500;top:10px;left:16px;right:16px;display:flex;align-items:center;gap:10px;min-height:46px;padding:6px 8px;border:1px solid #5a694f;border-radius:12px;background:#17221bef;box-shadow:0 8px 25px #0007}
.dock-title{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.dock-title h1{margin:0;color:#e9eee8;font:400 19px Georgia,serif}
.dock-title span{color:#acb9aa;font-size:10px}
.window-buttons{display:flex;gap:5px;flex-wrap:wrap;min-width:0}
.window-buttons button,.reset-windows{padding:5px 8px;font-size:11px;white-space:nowrap}
.window-buttons button.is-active{border-color:#d5bc7f;color:#ffe2a0;background:#3b3524}
.window-buttons button:disabled{opacity:.45;cursor:default}
.reset-windows{margin-left:auto}
.workspace .studio-window{position:absolute;z-index:10;display:flex;flex-direction:column;min-width:230px;min-height:46px;max-width:calc(100% - 16px);max-height:calc(100% - 8px);padding:0;resize:both;overflow:hidden;background:#17221b;border:1px solid #657457;border-radius:12px;box-shadow:0 18px 42px #000a}
.workspace .studio-window[hidden],.workspace .studio-window[data-game-available="false"]{display:none!important}
.workspace .studio-window.is-minimized{height:46px!important;min-height:46px;resize:none}
.window-titlebar{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:4px 6px 4px 13px;border-bottom:1px solid #4d604b;background:#26382a;cursor:grab;user-select:none;touch-action:none}
.window-titlebar:active{cursor:grabbing}
.window-titlebar:focus-visible{outline:2px solid #d4bb79;outline-offset:-3px}
.window-titlebar h2{overflow:hidden;margin:0!important;font:400 17px Georgia,serif;white-space:nowrap;text-overflow:ellipsis}
.window-actions{display:flex;gap:3px;margin-left:auto}
.window-actions button{display:grid;place-items:center;width:29px;height:29px;padding:0;border-radius:6px;font-size:17px;line-height:1}
.window-actions button:last-child:hover{border-color:#d99c91;background:#54302b}
.window-content{flex:1;min-height:0;padding:15px 17px;overflow:auto;scrollbar-color:#637361 #17221b}
.studio-window.is-minimized .window-content{display:none}
.workspace .controls>.control-group{padding:0;background:#17221b;border:1px solid #657457}
.workspace .controls>.save-group{display:flex;grid-column:auto}
.studio-window[data-window-id="profiles"] .window-content{display:grid;align-content:start;gap:8px}
.studio-window[data-window-id="profiles"] .field{margin:0}
.studio-window[data-window-id="inspector"] .window-content{padding:0}
.studio-window[data-window-id="inspector"] .panel-heading{padding:12px 17px}
.studio-window[data-window-id="inspector"] .empty-selection{padding:18px 16px}
.studio-window[data-window-id="inspector"] #selectionDetails{padding:16px}
.studio-window[data-window-id="inspector"] .inspector-note{padding:13px 17px}
.studio-window::after{position:absolute;right:3px;bottom:3px;width:13px;height:13px;border-right:2px solid #a9bb95;border-bottom:2px solid #a9bb95;content:"";pointer-events:none;opacity:.75}
.studio-window.is-minimized::after{display:none}
@media(max-width:1050px){.dock-title span{display:none}.workspace{padding-inline:12px}.window-dock{left:9px;right:9px;flex-wrap:wrap}.workspace .canvas-column{width:100%}}
@media(max-width:760px){.workspace{display:grid;min-height:calc(100dvh - 60px);padding:100px 10px 20px}.window-dock{align-items:center}.dock-title h1{font-size:17px}.window-buttons{order:3;flex-basis:100%}.window-buttons button{font-size:10px}.reset-windows{font-size:10px}.canvas-heading{flex-wrap:wrap}.canvas-tools{flex-wrap:wrap}.workspace .studio-window{max-width:calc(100% - 12px)}}

/* Keep the window controls in the site header and give the scene the viewport. */
.topbar{height:auto;min-height:40px;padding:2px 14px;gap:15px}
.brand small,.dock-title span{display:none}
.brand-symbol{width:29px;height:29px}
.topbar .window-dock{position:static;flex:1;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;gap:10px}
.topbar .dock-title h1{font-size:17px}
.topbar .window-buttons{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.topbar .window-buttons::-webkit-scrollbar,.stage-viewport::-webkit-scrollbar{display:none}
.topbar .reset-windows{flex:none}
.topbar .draft-pill{margin-left:0}
body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.topbar{flex:none}
.workspace{flex:1;width:100%;min-height:0;max-width:none;margin:0;padding:2px 2px 4px;align-items:stretch;overflow:hidden}
.workspace .canvas-column{display:flex;flex-direction:column;width:100%;min-height:0;max-width:none;margin:0 auto}
.canvas-heading{align-items:center;margin:0 3px 3px}
.canvas-heading .eyebrow{display:none}
.canvas-heading>div:first-child{min-width:0}
.canvas-heading h2{overflow:hidden;font-size:20px;white-space:nowrap;text-overflow:ellipsis}
.canvas-tools{gap:8px}
.canvas-tools button{padding:4px 9px}
.studio-scene{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:10px}
.studio-board-pane{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.stage-viewport{flex:none;min-height:0;margin-inline:auto;scrollbar-width:none}
.stage-viewport.is-fitted #stageSpace{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important}
.canvas-footer,.canvas-legend,.canvas-column>.hint{display:none}
.studio-ui-column{min-height:0;display:flex;flex-direction:column;gap:10px}
.studio-ui-column[hidden]{display:none}
.studio-ui-chat,.studio-ui-actions{min-width:0;padding:13px;border:1px solid #a99468;border-radius:13px;background:linear-gradient(145deg,#21352c,#13241f);box-shadow:0 12px 28px #0007}
.studio-ui-chat{display:flex;flex:1;min-height:160px;flex-direction:column;gap:8px}
.studio-ui-actions{flex:none;min-height:205px;display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column}
.studio-ui-column h3{margin:0 0 5px;font-size:14px;color:#f1e8d2}
.studio-ui-message{padding:8px;border-radius:7px;background:#ffffff0c;font-size:11px}
.studio-ui-input{margin-top:auto;padding:9px;border:1px solid #83968b66;border-radius:7px;background:#0e1715;color:#9eada3;font-size:11px}
.studio-ui-actions #previewActions{display:grid;gap:9px}
.studio-ui-sizing{display:grid;grid-template-columns:minmax(0,1fr) 70px;align-items:center;gap:9px}
.studio-ui-slider{height:5px;border-radius:99px;background:linear-gradient(90deg,#d4b575 45%,#7e8979 45%);position:relative}
.studio-ui-slider::after{content:"";position:absolute;left:45%;top:50%;width:14px;height:14px;border-radius:50%;background:#d4b575;transform:translate(-50%,-50%)}
.studio-ui-amount{padding:7px;border:1px solid #83968b66;border-radius:7px;background:#0e1715;color:#c8d5c8;font-size:11px}
.studio-ui-presets,.studio-ui-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.studio-ui-actions span:not(.studio-ui-slider):not(.studio-ui-amount){min-width:0;padding:8px 5px;border:1px solid #bea97d91;border-radius:8px;background:#344a3c;font-size:11px;font-weight:800;text-align:center}
.studio-ui-decisions span:nth-child(2){background:#d4b575!important;color:#1e261e}
.studio-ui-decisions span:last-child{background:#376e54!important}
@media(max-width:900px){.studio-scene{grid-template-columns:minmax(0,1fr)}.studio-ui-chat{flex:0 0 180px;min-height:180px}}
@media(max-width:1100px){
  .topbar{flex-wrap:wrap;gap:4px 12px}
  .topbar .window-dock{order:3;flex-basis:100%;padding-top:3px;border-top:1px solid #ffffff18}
  .topbar .draft-pill{margin-left:auto}
}
@media(max-width:760px){
  body{height:auto;min-height:100dvh;display:block;overflow:auto}
  .workspace{min-height:calc(100dvh - 90px);padding:8px 10px 20px}
  .workspace .canvas-column{display:block;height:auto;min-height:0}
  .stage-viewport{display:block;flex:none;min-height:300px}
  .topbar .window-buttons{order:0;flex-basis:auto}
  .canvas-heading{margin:0 3px 7px}
}