/* A miniature Istanbul, in the site's quiet paper-and-ink palette. */
.game-container{max-width:1320px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:30px}.board-area{min-width:0}.board-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.view-switch{display:flex;border:1px solid var(--line);padding:3px;gap:3px;flex-shrink:0}.view-button{border:0;background:transparent;padding:8px 12px;font:11px var(--mono);color:var(--muted)}.view-button.active{color:var(--paper);background:var(--ink)}.board-tool-actions{display:flex;gap:7px}.button.tool-button{font-size:10px;padding:9px 10px}.board-stage{position:relative}.board-stage:has(#scene-view:not([hidden])){border:1px solid var(--line);background:var(--wash)}#scene-view{width:100%;height:clamp(420px,52vw,650px);position:relative;overflow:hidden}#scene-view canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.scene-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;background:var(--wash);font:11px var(--mono);color:var(--muted);pointer-events:none}.loading-cube{width:28px;height:28px;border:1px solid var(--muted);transform:rotate(30deg);box-shadow:7px 7px 0 var(--line);animation:cube-turn 1.5s ease-in-out infinite}.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;font:10px/1.6 var(--mono);color:var(--muted)}.camera-buttons{display:flex;gap:4px;flex-shrink:0}.camera-buttons button{border:1px solid var(--line);background:var(--paper);width:31px;height:31px;font:17px var(--mono)}.camera-buttons button:hover{background:var(--wash)}#event-ribbon{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:20px}#event-ribbon p{font-size:14px;line-height:1.55;margin:7px 0 0}#event-ribbon .eyebrow{font-size:9px}.pot-counter{display:flex;align-items:center;gap:9px;flex-shrink:0;font:10px var(--mono);color:var(--muted)}.pot-counter>svg{width:30px;height:30px}.pot-counter strong{display:block;font-size:17px;color:var(--ink);margin-top:4px}
body[data-view="3d"] #play-panel{border:1px solid var(--line);margin:0 0 22px;background:var(--paper)}body[data-view="3d"] .board-center{padding:25px 22px;overflow:visible}body[data-view="3d"] .board-center::before{display:none}body[data-view="3d"] .game-title{font-size:37px}body[data-view="3d"] .turn-title{font-size:29px}body[data-view="3d"] .brand-mark{font-size:9px;letter-spacing:.08em;margin-bottom:15px}body[data-view="3d"] .brand-mark::before,body[data-view="3d"] .brand-mark::after{width:16px}body[data-view="3d"] .intro{font-size:13px;line-height:1.6;margin-bottom:20px}body[data-view="3d"] .fine-print{font-size:10px}body[data-view="3d"] .center-label{font-size:9px;letter-spacing:.06em}body[data-view="3d"] .turn-detail{font-size:13px}body[data-view="3d"] .setup-form{max-width:none}body[data-view="3d"] .local-players{grid-template-columns:1fr}body[data-view="3d"] .local-players .field{display:grid;grid-template-columns:1fr 32px;column-gap:8px}body[data-view="3d"] .local-players input{grid-column:1;grid-row:2}body[data-view="3d"] .local-pawn-choice{grid-column:2;grid-row:2;align-self:end;height:32px}body[data-view="2d"] #play-panel{display:none}
.pawn-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.pawn-summary{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);padding:10px 12px;margin:0 0 13px;background:var(--wash);font:10px var(--mono);color:var(--muted)}.pawn-summary>span:first-child svg{width:31px;height:31px}.pawn-summary strong{display:block;color:var(--ink);font-size:12px;margin-top:2px;font-weight:500}.pawn-summary>span:last-child{margin-left:auto;font-size:9px}.local-pawn-choice{border:1px solid var(--line);background:var(--paper);padding:3px;margin-top:4px}.local-pawn-choice svg{width:23px;height:23px}.sculpted-token{position:relative;border-radius:5px;width:23px;height:25px}.sculpted-token .pawn-icon{width:20px;height:20px}.sculpted-token small{position:absolute;bottom:-3px;right:-3px;font:7px var(--mono);background:var(--paper);color:var(--ink);border-radius:50%;width:10px;height:10px;display:grid;place-items:center}.player-row{position:relative;grid-template-columns:29px 1fr auto}.player-row .sculpted-token{width:28px;height:30px;border-radius:6px}.player-row .sculpted-token .pawn-icon{width:24px;height:24px}.player-row .sculpted-token small{font-size:8px;width:12px;height:12px}.building-marks{display:flex;gap:0;background:transparent;right:1px;top:4px}.building-icon{width:11px;height:13px;color:var(--accent);fill:var(--paper);stroke-width:2.5}.hotel-icon{color:light-dark(#a75542,#da9e8e);width:15px;height:16px}.room-extras{display:grid;gap:12px;margin:0 0 20px}.room-extras .text-button{text-align:left}.room-extras .button svg{width:18px;height:18px}.reaction-buttons{display:flex;gap:6px}.reaction-buttons button{background:var(--wash);border:1px solid var(--line);height:34px;flex:1;font:17px var(--mono)}.reaction-buttons button:hover{border-color:var(--muted);transform:translateY(-2px)}.rule-mini{margin:0 0 20px}.rules-summary{border-block:1px solid var(--line);margin:20px 0;padding:10px 0}.rules-summary .data-row{gap:25px}.rules-summary strong{white-space:nowrap}
.modal-intro{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 22px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.preset-card{padding:14px 10px;text-align:left;border:1px solid var(--line);background:var(--paper);min-width:0}.preset-card:hover,.preset-card.selected{border-color:var(--ink);background:var(--wash)}.preset-card strong{display:block;font:12px/1.5 var(--mono)}.preset-card small{display:block;color:var(--muted);font:11px/1.5 var(--sans);margin-top:7px}.rules-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.rule-check{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.rule-check input{margin:4px 0 0;flex-shrink:0;accent-color:var(--accent);width:16px;height:16px}.rule-check strong{display:block;font-size:13px;font-weight:500;line-height:1.5}.rule-check small{display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:3px}#rules-form>.button,#appearance-form>.button{margin-top:20px}.pawn-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pawn-option{position:relative;cursor:pointer}.pawn-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.pawn-option>span{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border:1px solid var(--line);background:var(--paper)}.pawn-option .pawn-icon{width:42px;height:42px}.pawn-option strong{font:11px var(--mono)}.pawn-option input:checked+span{background:var(--wash);border:1px solid var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.pawn-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.color-picker{border:0;margin:23px 0;padding:0;display:flex;justify-content:space-between;gap:6px}.color-picker legend{font:11px var(--mono);color:var(--muted);margin-bottom:12px}.color-option{position:relative;width:36px;height:36px}.color-option input{opacity:0;position:absolute;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.color-option span{display:block;background:var(--choice);width:100%;height:100%;border-radius:50%;pointer-events:none;border:4px solid var(--paper)}.color-option input:checked+span{outline:1px solid var(--ink)}.color-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.customization-preview{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;background:var(--wash);margin-bottom:20px}.customization-preview .pawn-icon{width:48px;height:48px}.customization-preview span{font:12px/1.5 var(--mono);max-width:210px}.deed-buildings{display:flex;gap:3px;align-items:center;margin:12px 0}.deed-buildings .building-icon{width:25px;height:28px}
.moving-pawn{position:absolute;top:0;left:0;pointer-events:none;z-index:8;filter:drop-shadow(0 3px 2px #0004)}.moving-pawn .token{width:26px;height:28px}.token-travelling{opacity:0}.cash-float{position:absolute;right:0;top:0;pointer-events:none;font:500 12px var(--mono);z-index:5;padding:2px 4px;background:var(--paper)}.cash-float.gain{color:var(--accent)}.cash-float.loss{color:light-dark(#a75542,#da9e8e)}#celebration,#reaction-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:4}.confetti-piece{position:absolute;top:0;width:7px;height:12px}.reaction-bubble{position:absolute;left:50%;top:18px;transform:translateX(-50%);display:flex;gap:12px;align-items:center;padding:14px 22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 25px #0002;animation:reaction-in .25s ease-out;font:12px var(--mono);white-space:nowrap}.reaction-bubble>strong{font-size:28px;color:var(--accent)}.reaction-bubble small{display:block;color:var(--muted);margin-top:5px}.rolling .die{animation:dice-shake .65s ease-in-out}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes cube-turn{50%{transform:rotate(120deg) translateY(-5px)}}@keyframes reaction-in{from{opacity:0;top:35px}to{opacity:1;top:18px}}
@media(max-width:1100px){.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.board-tools{align-items:start;flex-wrap:wrap}.board-tool-actions{margin-left:auto}#scene-view{height:530px}body[data-view="3d"] .board-center{padding:22px 16px}}
@media(max-width:850px){.game-layout{grid-template-columns:1fr;gap:24px}#scene-view{height:clamp(370px,80vw,620px)}.sidebar{grid-template-columns:1fr 1fr;gap:0 24px}.sidebar>#play-panel{grid-column:1/-1}body[data-view="3d"] .board-center{padding:25px}body[data-view="3d"] .center-content{max-width:420px}body[data-view="3d"] .local-players{grid-template-columns:1fr 1fr}body[data-view="3d"] .setup-form{max-width:340px}body[data-view="3d"] .game-title{font-size:42px}.board-tool-actions{margin-left:0}.board-foot{margin-top:10px}}
@media(max-width:520px){.game-container{padding-top:22px}.game-nav{margin-bottom:24px}.board-tools{gap:8px;align-items:center}.view-button{font-size:10px;padding:7px 9px}.board-tool-actions{gap:5px}.button.tool-button{font-size:9px;padding:8px}.board-tool-actions .button:last-child{font-size:0}.board-tool-actions .button:last-child::after{content:'⚙';font:16px var(--mono)}#scene-view{height:355px}.scene-caption{align-items:start;font-size:9px}.scene-caption>span{max-width:140px}.camera-buttons{gap:3px}.camera-buttons button{width:30px;height:34px}#event-ribbon{margin-top:13px;padding:14px 0;gap:10px}#event-ribbon p{font-size:12px}.pot-counter{font-size:8px}.pot-counter>svg{display:none}.pot-counter strong{font-size:14px}body[data-view="3d"] .board-center{padding:23px 20px}body[data-view="3d"] .game-title{font-size:36px}body[data-view="3d"] #play-panel{margin-bottom:8px}.sidebar{gap:0 18px}.player-row{grid-template-columns:25px 1fr auto;gap:6px}.player-row .sculpted-token{width:24px;height:26px}.player-row .sculpted-token .pawn-icon{width:21px;height:21px}.tokens .sculpted-token{width:16px;height:18px}.tokens .sculpted-token .pawn-icon{width:14px;height:14px}.tokens .sculpted-token small{font-size:6px;width:8px;height:8px;right:-2px;bottom:-2px}.building-icon{width:7px;height:10px}.hotel-icon{width:11px;height:13px}.preset-grid{gap:5px}.preset-card{padding:10px 7px}.preset-card strong{font-size:10px}.preset-card small{font-size:10px}.rules-fields{gap:0 12px}.color-option{width:31px;height:31px}.pawn-option>span{padding:15px 6px}.pawn-option .pawn-icon{width:35px;height:35px}.customization-preview span{font-size:11px}.room-extras .button{font-size:10px}.reaction-bubble{font-size:10px;padding:12px 16px}dialog{padding:20px}.local-pawn-choice{margin-bottom:5px}}