:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2523;--ink-soft:#56615d;--paper:#f5f0e5;--panel:#fffaf0;--panel-strong:#fff3d0;--line:#d4c6a8;--teal:#2f837c;--teal-deep:#1d5f59;--red:#c9493d;--amber:#d99a2b;--violet:#5863a8;--green:#5d8c45;--shadow:0 16px 40px #1f252329;font-family:Trebuchet MS,Gill Sans,Verdana,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(90deg,#1f25230b 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#1f25230b 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 20% 20%,#d99a2b29,#0000 34rem),linear-gradient(135deg,#efe5d0 0%,#f8f1df 54%,#e5ede5 100%);margin:0}button,input,select,textarea{font:inherit}button{color:var(--ink);cursor:pointer;white-space:nowrap;background:#fff8e8;border:1px solid #1f25232e;border-radius:7px;justify-content:center;align-items:center;gap:.42rem;min-height:2.35rem;padding:.48rem .7rem;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}button:hover{background:#fff1cc;transform:translateY(-1px);box-shadow:0 7px 20px #1f25231a}button:disabled{cursor:not-allowed;opacity:.48;transform:none}button:disabled:hover{box-shadow:none;background:#fff8e8}button:active{transform:translateY(0)}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fffdf8;border-radius:6px;width:100%;min-height:2.25rem;padding:.5rem .6rem}textarea{resize:vertical;min-height:4.5rem}label{color:var(--ink-soft);gap:.36rem;font-size:.82rem;font-weight:700;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:clamp(1.35rem,2.7vw,2.05rem)}h2{font-size:1.35rem}h3{font-size:1rem}.app-shell{max-width:1760px;min-height:100vh;margin:0 auto;padding:1rem}.topbar{grid-template-columns:minmax(16rem,1fr) auto auto;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.brand-lockup,.section-title,.player-heading,.inline-title,.toolbar-actions,.inline-controls,.dice-actions,.draw-actions{align-items:center;gap:.65rem;display:flex}.brand-mark{background:var(--ink);color:#fff8e8;border-radius:8px;place-items:center;width:3rem;height:3rem;display:grid}.eyebrow{color:var(--teal-deep);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.mode-switch{background:#fffaf0b8;border:1px solid #1f252324;border-radius:8px;padding:.25rem;display:flex}.mode-switch button{background:0 0;border-color:#0000;min-height:2.25rem}.mode-switch button.active{background:var(--ink);color:#fff8e8}.connection-pill{color:var(--ink-soft);border:1px solid #1f252329;border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:.42rem;min-width:7rem;padding:.48rem .7rem;font-size:.82rem;font-weight:800;display:inline-flex}.connection-pill.live{color:var(--teal-deep)}.connection-pill.connecting{color:var(--amber)}.panel{box-shadow:var(--shadow);background:#fffaf0eb;border:1px solid #1f252324;border-radius:8px}.notice{background:var(--ink);color:#fff8e8;justify-content:flex-start;width:100%;margin-bottom:1rem}.primary-action{background:var(--teal);border-color:var(--teal-deep);color:#fff;font-weight:800}.primary-action:hover{background:var(--teal-deep)}.muted{color:var(--ink-soft);font-size:.86rem}.join-stage{grid-template-columns:minmax(0,1.25fr) minmax(20rem,.75fr);align-items:stretch;gap:1rem;min-height:calc(100vh - 7rem);display:grid}.join-art{box-shadow:var(--shadow);background:linear-gradient(135deg,#2f837c38,#0000 45%),linear-gradient(45deg,#c9493d24,#0000 35%),#26302d;border-radius:8px;min-height:34rem;position:relative;overflow:hidden}.grid-table{grid-template-columns:repeat(6,1fr);gap:6px;display:grid;position:absolute;top:14%;left:9%;right:9%;transform:rotate(-5deg)}.grid-table span{aspect-ratio:1;background:#fff3d0;border:1px solid #fffaf057;border-radius:4px}.grid-table span:nth-child(3n){background:#cde4d7}.grid-table span:nth-child(4n){background:#f5c68d}.sample-token,.sample-card{position:absolute}.sample-token{color:#fff;border:3px solid #fff8e8;border-radius:999px;place-items:center;width:4rem;height:4rem;font-size:1.4rem;font-weight:900;display:grid}.sample-token.red{background:var(--red);top:28%;left:22%}.sample-token.teal{background:var(--teal);top:52%;right:24%}.sample-card{background:#fffaf0;border-radius:8px;width:7rem;height:10rem;box-shadow:0 20px 45px #0000003d}.sample-card.one{bottom:13%;left:16%;transform:rotate(8deg)}.sample-card.two{bottom:18%;left:28%;transform:rotate(-9deg)}.join-panel{align-self:center;gap:.8rem;padding:1.1rem;display:grid}.admin-shell,.game-shell{gap:1rem;display:grid}.admin-login-stage{place-items:center;min-height:calc(100vh - 7rem);display:grid}.admin-login-panel{gap:.85rem;width:min(100%,28rem);max-width:28rem;padding:1.1rem;display:grid}.admin-toolbar,.game-status{justify-content:space-between;align-items:center;gap:1rem;padding:.95rem;display:flex}.admin-grid{grid-template-columns:minmax(18rem,.55fr) minmax(36rem,1.45fr);align-items:start;gap:1rem;display:grid}.admin-section{gap:.8rem;padding:.95rem;display:grid}.admin-task-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;padding:.35rem;display:grid}.admin-task-tabs button{background:0 0;border-color:#0000;min-height:2.55rem}.admin-task-tabs button.active{background:var(--ink);color:#fff8e8}.room-create-row{grid-template-columns:minmax(16rem,1fr) auto;align-items:end;gap:.75rem;display:grid}.board-manager-layout,.item-workbench{grid-template-columns:minmax(16rem,.32fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.board-list-panel,.item-list-panel,.item-editor-panel,.tile-editor-panel,.selected-space-panel,.panel-subsection{background:#ffffff6b;border:1px solid #1f25231a;border-radius:8px}.board-list-panel,.item-list-panel,.item-editor-panel,.tile-editor-panel,.selected-space-panel{gap:.7rem;padding:.75rem;display:grid}.board-edit-stack{gap:.85rem;display:grid}.item-list{gap:.45rem;max-height:34rem;padding-right:.1rem;display:grid;overflow:auto}.item-row-button{text-align:left;white-space:normal;background:#fffdf8b8;place-items:start;gap:.16rem;min-height:3.15rem;display:grid}.item-row-button.active{border-color:#2f837cb3;box-shadow:inset 0 0 0 2px #2f837c29}.item-row-button span{align-items:center;gap:.45rem;min-width:0;display:inline-flex}.item-row-button small{color:var(--ink-soft);font-size:.72rem;font-weight:800}.field-grid,.item-editor-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.span-two{grid-column:1/-1}.board-designer{position:relative}.companion-design-layout{grid-template-columns:minmax(0,1fr) minmax(15rem,.34fr);align-items:start;gap:.85rem;display:grid}.admin-board-preview{grid-template-columns:repeat(10,minmax(3.65rem,1fr));gap:.24rem;display:grid;overflow:auto}.admin-board-preview.is-cloning,.admin-board-preview.is-cloning .admin-board-cell-button{cursor:crosshair}.admin-board-cell-button{aspect-ratio:1;white-space:normal;background:#f7dfaa;border-radius:5px;align-content:space-between;justify-items:stretch;min-height:0;padding:.28rem;display:grid}.admin-board-cell-button.checker-alt{background:#dfe6d1}.admin-board-cell-button.draw-card,.admin-board-cell-button.portal,.admin-board-cell-button.resource,.admin-board-cell-button.skip-turn{box-shadow:inset 0 0 0 3px #2f837c29}.admin-board-cell-button.skip-turn{box-shadow:inset 0 0 0 3px #c9493d2e}.admin-board-cell-button.resource{box-shadow:inset 0 0 0 3px #d99a2b3d}.admin-board-cell-button.inactive{filter:grayscale(.85);opacity:.58}.admin-board-cell-button.selected,.board-cell.selected,.companion-node.selected{outline:3px solid var(--teal);outline-offset:2px}.admin-board-cell-button span{color:#1f252394;justify-self:start;font-size:.66rem;font-weight:800}.admin-board-cell-button strong{overflow-wrap:anywhere;font-size:clamp(.62rem,.86vw,.82rem);line-height:1.08}.tile-editor-panel h4{margin:0;font-size:1.25rem}.modal-backdrop{z-index:40;background:#1f252361;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tile-editor-modal{background:var(--panel);border:1px solid #1f252333;border-radius:8px;gap:.75rem;width:min(100%,34rem);max-width:34rem;padding:1rem;display:grid;box-shadow:0 24px 80px #1f252352}.tile-editor-modal h4{margin:0;font-size:1.25rem}.modal-title-row,.modal-actions,.clone-toolbar,.deck-filter-row,.room-row-actions,.companion-editor-toolbar{align-items:center;gap:.55rem;display:flex}.modal-title-row{justify-content:space-between}.modal-actions,.room-row-actions{flex-wrap:wrap;justify-content:flex-end}.clone-toolbar{background:var(--ink);color:#fff8e8;z-index:4;border-radius:8px;padding:.48rem .55rem;position:absolute;bottom:.8rem;left:.8rem}.clone-toolbar button{background:#fff8e8}.clone-helper{background:var(--red);color:#fff;pointer-events:none;z-index:50;border-radius:999px;padding:.36rem .55rem;font-size:.75rem;font-weight:900;position:fixed}.prominent-check{background:#fffdf8b8;border:1px solid #1f25231a;border-radius:7px;padding:.55rem}.panel-subsection{padding:.75rem}.editor-stage{min-height:22rem}.selected-space-panel{grid-template-columns:minmax(0,1fr) minmax(14rem,auto)}.selected-space-panel .muted{align-self:center}.selected-space-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.5rem;display:flex}.admin-overview{align-content:start;min-height:16rem}.overview-metrics{grid-template-columns:repeat(4,minmax(8rem,1fr));gap:.7rem;display:grid}.admin-event-feed{gap:.45rem;display:grid}.admin-event-feed>div:not(.inline-title){background:#ffffff6b;border:1px solid #1f252314;border-radius:6px;align-items:baseline;gap:.55rem;padding:.48rem;display:flex}.admin-event-feed time{color:var(--teal-deep);flex:none;font-size:.72rem;font-weight:900}.admin-event-feed span{color:var(--ink-soft);font-size:.83rem}.room-list,.editor-table,.other-players,.activity-log,.dice-log,.calc-history{gap:.55rem;display:grid}.room-row,.other-player-row,.cash-row,.resource-row-control{background:#ffffff75;border:1px solid #1f25231a;border-radius:7px;justify-content:space-between;align-items:center;gap:.55rem;padding:.55rem;display:flex}.room-row{grid-template-columns:minmax(16rem,.9fr) minmax(22rem,1.15fr) auto;align-items:start;display:grid}.room-row>div{gap:.16rem;display:grid}.room-access-grid{grid-template-columns:repeat(2,minmax(7rem,1fr));gap:.45rem}.room-access-card,.room-settings-list>div{background:#fffdf8a8;border:1px solid #1f252314;border-radius:7px;gap:.18rem .45rem;padding:.5rem;display:grid}.room-access-card{grid-template-columns:auto minmax(0,1fr);align-items:baseline}.room-access-card strong{letter-spacing:.06em;min-width:0;font-size:1.25rem;line-height:1}.room-access-card small{color:var(--ink-soft);grid-column:1/-1;font-size:.7rem;font-weight:700;line-height:1.35}.room-settings-list{grid-template-columns:minmax(12rem,1.35fr) minmax(7rem,.72fr) minmax(6rem,.56fr) minmax(6rem,.56fr);gap:.45rem}.room-settings-list strong{overflow-wrap:anywhere;min-width:0;font-size:.82rem;line-height:1.2}.room-settings-list>div{grid-template-columns:auto minmax(0,1fr);align-items:baseline}.room-row>.room-row-actions{display:flex}.room-player-list{color:var(--ink-soft);border-top:1px solid #1f252314;grid-column:1/-1;gap:.12rem;margin-top:.35rem;padding-top:.35rem;font-size:.76rem;display:grid}.room-row span{color:var(--teal-deep);font-size:.85rem;font-weight:800}.deck-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:stretch}.deck-filter-tabs{background:#1f252314;border-radius:8px;flex:13rem;min-width:0;padding:.25rem;display:flex}.deck-filter-tabs button{white-space:normal;background:0 0;border-color:#0000;flex:1}.deck-filter-tabs button.active{background:var(--ink);color:#fff8e8}.admin-board-grid{grid-template-columns:repeat(10,minmax(6.9rem,1fr));gap:.35rem;max-height:35rem;padding-bottom:.25rem;display:grid;overflow:auto}.admin-space-cell{background:#ffffff80;border:1px solid #1f25231a;border-radius:6px;gap:.32rem;min-width:6.9rem;padding:.36rem;display:grid}.admin-space-cell span{color:var(--ink-soft);font-size:.75rem;font-weight:800}.admin-space-cell select,.admin-space-cell input,.companion-edit-row input,.companion-edit-row select,.editor-row input,.editor-row select,.editor-row textarea{min-height:1.95rem;padding:.32rem;font-size:.78rem}.compact-check{flex-direction:row;align-items:center;gap:.32rem;font-size:.74rem;display:flex}.compact-check input{width:auto;min-height:auto}.companion-editor{gap:.5rem;display:grid}.companion-edit-row,.editor-row{grid-template-columns:minmax(7rem,1fr) 5rem 5rem minmax(7rem,.8fr) minmax(9rem,1fr);gap:.4rem;display:grid}.card-table .editor-row{grid-template-columns:7.5rem minmax(8rem,1fr) 7.5rem 4.5rem minmax(12rem,1.4fr)}.resource-row.editor-row{grid-template-columns:minmax(8rem,1fr) 4rem 4rem minmax(7rem,1fr) 5rem}.rule-row.editor-row{grid-template-columns:minmax(10rem,.8fr) minmax(14rem,1.2fr)}.game-status{flex-wrap:wrap}.turn-cluster{flex-wrap:wrap;gap:.6rem;display:flex}.status-tile,.deck-count{background:#ffffff80;border:1px solid #1f25231a;border-radius:7px;min-width:6.5rem;padding:.55rem .7rem;display:grid}.status-tile span,.deck-count span,.deck-count small{color:var(--ink-soft);text-transform:uppercase;font-size:.72rem;font-weight:800}.game-grid{grid-template-columns:minmax(42rem,1fr) minmax(22rem,.38fr);align-items:start;gap:1rem;display:grid}.board-column,.side-column{gap:1rem;display:grid}.board-panel,.companion-panel,.player-panel,.dice-panel,.activity-panel{gap:.8rem;padding:.95rem;display:grid}.board-grid{grid-template-columns:repeat(10,minmax(3.8rem,1fr));gap:.25rem;display:grid}.board-cell{aspect-ratio:1;white-space:normal;background:#f7dfaa;border:1px solid #1f252324;border-radius:5px;align-content:space-between;justify-items:stretch;min-height:0;padding:.28rem;display:grid;position:relative}.board-cell.checker-alt{background:#dfe6d1}.board-cell.draw-card{box-shadow:inset 0 0 0 3px #5863a838}.board-cell.skip-turn{box-shadow:inset 0 0 0 3px #c9493d38}.board-cell.portal{box-shadow:inset 0 0 0 3px #2f837c47}.board-cell.resource{box-shadow:inset 0 0 0 3px #d99a2b4d}.board-cell.inactive{filter:grayscale(.85);opacity:.55}.cell-index{color:#1f252394;justify-self:start;font-size:.66rem;font-weight:800}.cell-kind{overflow-wrap:anywhere;text-align:center;font-size:clamp(.62rem,.9vw,.82rem);font-weight:900;line-height:1.08}.token-stack{flex-wrap:wrap;align-items:center;gap:.15rem;min-height:1.25rem;display:flex}.player-token{color:#fff;border:2px solid #fffaf0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.66rem;font-weight:900;line-height:1;display:inline-flex}.player-token[draggable=true]{cursor:grab}.player-token.static{width:2rem;height:2rem}.companion-stage{--node-scale:1;--stage-zoom:1;aspect-ratio:16/9;background-color:#2c3430;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #1f252324;border-radius:8px;min-height:20rem;position:relative;overflow:hidden}.companion-placement{gap:.55rem;min-width:0;display:grid}.companion-editor-toolbar{flex-wrap:wrap;justify-content:space-between}.companion-play-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.companion-zoom-controls strong{text-align:center;min-width:3rem}.companion-editor-toolbar label{min-width:min(100%,14rem)}.companion-viewport{border:1px solid #1f252324;border-radius:8px;min-height:24rem;padding:.35rem;overflow:auto}.companion-viewport .companion-stage{min-width:min(100%,42rem)}.play-companion-viewport{min-height:20rem}.companion-node{border:2px solid var(--teal);min-width:3.7rem;min-height:3.7rem;transform:translate(-50%, -50%) scale(calc(var(--node-scale) * var(--stage-zoom)));transform-origin:50%;background:#fffaf0e6;border-radius:999px;align-items:center;gap:.2rem;padding:.35rem;transition:background .12s,border-color .12s,box-shadow .12s;display:grid;position:absolute}.companion-node:hover{border-color:var(--red);transform:translate(-50%, -50%) scale(calc(var(--node-scale) * var(--stage-zoom)));background:#fff8e8;box-shadow:0 0 0 4px #c9493d1f}.companion-node span:first-child{font-size:.75rem;font-weight:900}.node-move-handle{background:var(--ink);color:#fff8e8;cursor:grab;border:2px solid #fff8e8;border-radius:999px;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:inline-flex;position:absolute;top:-.45rem;right:-.45rem}.companion-stage.is-dragging,.companion-stage.is-dragging .node-move-handle{cursor:grabbing}.deck-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.self-panel,.hand-block,.resource-controls,.investment-controls,.calculator{background:#ffffff7a;border:1px solid #1f25231a;border-radius:8px;gap:.65rem;padding:.7rem;display:grid}.self-panel.is-turn{border-color:#2f837c8c;box-shadow:inset 0 0 0 2px #2f837c29}.player-heading{justify-content:flex-start}.player-heading div,.other-player-row div{gap:.1rem;display:grid}.player-heading small,.other-player-row small{color:var(--ink-soft);font-size:.76rem}.draw-actions{flex-wrap:wrap}.hand-cards{grid-template-columns:repeat(auto-fit,minmax(8.8rem,1fr));gap:.55rem;display:grid}.game-card{background:#fffdf8;border:1px solid #1f252329;border-radius:8px;gap:.38rem;min-height:10rem;padding:.6rem;display:grid}.game-card.movement{border-top:5px solid var(--teal)}.game-card.reward{border-top:5px solid var(--amber)}.game-card span{color:var(--ink-soft);text-transform:uppercase;font-size:.68rem;font-weight:900}.game-card p{color:var(--ink-soft);font-size:.8rem;line-height:1.25}.game-card button{align-self:end}.cash-row,.resource-row-control{grid-template-columns:minmax(4rem,1fr) 2rem minmax(2.5rem,auto) 2rem;display:grid}.resource-row-control{grid-template-columns:1.8rem minmax(5rem,1fr) 2rem minmax(2.5rem,auto) 2rem}.resource-row-control button,.cash-row button,.calc-row button{min-height:2rem;padding:.25rem}.resource-row-control small{color:var(--ink-soft);font-size:.68rem;font-weight:800;line-height:1.1;display:block}.resource-swatch{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;font-size:.75rem;font-weight:900;display:inline-flex}.dice-log div,.activity-log div{background:#ffffff6b;border:1px solid #1f252314;border-radius:6px;align-items:baseline;gap:.55rem;padding:.48rem;display:flex}.dice-log span,.activity-log span{color:var(--ink-soft);font-size:.83rem}.activity-log time{color:var(--teal-deep);flex:none;font-size:.72rem;font-weight:900}.calc-row{grid-template-columns:minmax(0,1fr) 2.4rem;gap:.4rem;display:grid}.calc-history span{color:var(--ink-soft);font-size:.78rem}.loading-panel{padding:1rem}.reconnect-panel{align-content:start;gap:.8rem;max-width:28rem;display:grid}.reconnect-panel button{justify-self:start}@media (width<=1180px){.admin-grid,.game-grid,.join-stage,.board-manager-layout,.item-workbench,.board-designer,.companion-design-layout{grid-template-columns:1fr}.game-grid{align-items:stretch}.board-grid{grid-template-columns:repeat(10,minmax(3.2rem,1fr))}}@media (width<=720px){.app-shell{padding:.6rem}.topbar{grid-template-columns:1fr}.connection-pill{justify-self:stretch}.mode-switch{width:100%}.mode-switch button{flex:1}.admin-toolbar,.game-status{flex-direction:column;align-items:stretch}.admin-task-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-actions,.inline-controls,.room-row-actions,.selected-space-actions{flex-wrap:wrap;justify-content:stretch}.room-row-actions,.companion-play-header{flex-direction:column;align-items:stretch}.toolbar-actions button,.companion-zoom-controls button,.room-row-actions button,.selected-space-actions button{flex:1}.room-create-row,.room-row,.room-access-grid,.room-settings-list,.field-grid,.field-grid.two-col,.item-editor-panel,.selected-space-panel,.overview-metrics{grid-template-columns:1fr}.admin-board-grid{grid-template-columns:repeat(2,minmax(8rem,1fr))}.admin-board-preview{grid-template-columns:repeat(5,minmax(3.4rem,1fr))}.companion-edit-row,.editor-row,.card-table .editor-row,.resource-row.editor-row,.rule-row.editor-row{grid-template-columns:1fr}.board-grid{grid-template-columns:repeat(5,minmax(3.4rem,1fr))}.board-cell{aspect-ratio:1.08}}
