.title-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--pixel-background, #243b38);color:#eee0bd;width:100%;height:100vh;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}.title-surface{position:relative;width:100%;height:100%;overflow:hidden}.title-stage,.title-image{position:absolute}.title-stage[data-status=loading]{visibility:hidden}.title-image{top:0;right:0;bottom:0;left:0;pointer-events:none}.title-image canvas{display:block;image-rendering:pixelated}.title-choice{position:absolute;box-sizing:border-box;margin:0;padding:0;border:2px solid #d8ae68;border-radius:0;background:#294449;color:#eee0bd;cursor:pointer;font:700 16px sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.title-stage[data-ready=true] .title-choice{background:transparent;border-color:transparent;color:transparent;outline:none}.title-choice:disabled{cursor:wait}.title-stage[data-ready=false] .title-choice:disabled{opacity:.5}.title-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.title-fallback{position:absolute;width:100%;margin:0;text-align:center;font:700 28px Georgia,serif}.title-subtitle{display:block;margin-top:8px;color:#d8ae68;font-size:16px}.app-settings{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;pointer-events:none}.app-settings-surface{position:relative;width:100%;height:100%}.app-settings-page{background:#14242b;pointer-events:auto}.settings-page{position:absolute;overflow:auto;background:#14242b;pointer-events:auto}.settings-page-options{display:flex;flex-direction:column;margin:0 auto;box-sizing:content-box}.title-image canvas,.pixel-hand,button.title-choice,button.pixel-flow-button{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.map-label-fallback{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #87623d;background:#eee0bd;color:#253630;font:11px sans-serif}.return-to-pixel-map{position:fixed;right:12px;bottom:12px;z-index:2;min-height:44px;padding:8px 16px;border:1px solid #d8ae68;background:#14242b;color:#eee0bd;cursor:pointer}.pixel-map-scroll{position:absolute;left:0;top:0;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.pixel-map-scroll::-webkit-scrollbar{display:none}.pixel-map-scroll[data-dragging=true]{cursor:grabbing}.pixel-map-scroll:focus-visible{outline:2px solid var(--player-highlight, #eee0bd);outline-offset:-2px}.pixel-hand{position:absolute;overflow:clip}.title-choice.pixel-hand-card{overflow:hidden;border:0;-webkit-tap-highlight-color:transparent}.pixel-action-square{display:flex;align-items:center;justify-content:center;line-height:1}.pixel-action-square svg{flex-shrink:0}.title-stage[data-ready=false] .pixel-hand-card{box-shadow:inset 0 0 0 1px #87623d}.title-stage[data-ready=false] .pixel-hand-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--player-highlight, #eee0bd);background:#54736a}.pixel-play{background:#294449;color:var(--player-highlight, #eee0bd);border-color:var(--player-highlight, #eee0bd)}.pixel-sidebar-content{position:absolute;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;touch-action:pan-y;overscroll-behavior:contain}.pixel-sidebar-content::-webkit-scrollbar{display:none}.pixel-sidebar-content:focus-visible{outline:1px solid var(--player-highlight, #eee0bd);outline-offset:-1px}.title-stage[data-ready=false] .pixel-hand-card span{writing-mode:vertical-rl;white-space:nowrap;font-size:10px}.pixel-industry{touch-action:pan-x pan-y}.title-stage[data-ready=true] .pixel-industry:focus-visible{outline:2px solid var(--player-highlight, #eee0bd);outline-offset:1px}.pixel-flow{position:absolute;display:flex;flex-direction:column;background:#14242b}.pixel-flow-options,.pixel-dialog-body{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#87623d #14242b;overscroll-behavior:contain}.pixel-dialog-body:focus{outline:none}.pixel-flow-button{display:block;padding:0;border:0;margin:0;background:#294449;cursor:pointer;flex-shrink:0}.pixel-flow-options .pixel-flow-button{margin-bottom:4px}.pixel-flow-button:focus-visible{outline:2px solid var(--player-highlight, #eee0bd);outline-offset:-3px}.pixel-flow-button:disabled{opacity:.5;cursor:default}.pixel-flow-footer{display:flex;justify-content:space-between;align-items:end;flex-shrink:0}.pixel-dialog{background:#14242b;color:#eee0bd;border:solid #87623d;max-width:none;box-sizing:content-box}.pixel-dialog[open]{display:flex;flex-direction:column}.pixel-mat-scroll{position:absolute;left:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}.pixel-mat-scroll::-webkit-scrollbar{display:none}.title-stage[data-ready=true] .pixel-mat-tile:focus-visible,.title-stage[data-ready=true] .pixel-mat-nav:focus-visible{outline:2px solid var(--player-highlight, #eee0bd);outline-offset:-2px}.title-stage[data-ready=false] .pixel-mat-nav[data-player=true]{background:var(--mat-player-color);border:2px solid #47605d}.title-stage[data-ready=false] .pixel-mat-nav[data-player=true][aria-pressed=true]{border:4px solid #eee0bd}.pixel-mat-switcher{position:fixed;top:calc(env(safe-area-inset-top) + 52px);right:calc(env(safe-area-inset-right) + 4px);width:44px;display:flex;flex-direction:column;z-index:2;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto}.pixel-mat-switcher::-webkit-scrollbar{display:none}.title-stage .pixel-mat-switcher .pixel-mat-nav[data-player=true]{position:relative;flex:0 0 44px;width:44px;height:44px;background:var(--mat-player-color);border:2px solid #47605d}.title-stage .pixel-mat-switcher .pixel-mat-nav[data-player=true][aria-pressed=true]{border:4px solid #eee0bd}.pixel-mat-tile:disabled{cursor:default}.pixel-mat-tile{overflow:hidden}.pixel-portrait .title-surface{max-width:calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.62);margin-inline:auto}.pixel-overview{position:absolute;overflow:hidden;touch-action:manipulation}.pixel-overview-node{pointer-events:none;overflow:hidden}.title-stage[data-ready=true] .pixel-overview-node:focus-visible{outline:1px solid var(--player-highlight, #eee0bd)}.pixel-town-dialog{position:absolute}.pixel-full-width .title-surface{max-width:none}.pixel-mat-controls{position:absolute;z-index:1;pointer-events:none}.pixel-mat-choice{position:sticky;top:0;max-height:100%;overflow:auto;display:flex;flex-direction:column;align-items:center}.pixel-mat-choice-buttons{display:flex;flex-wrap:wrap;justify-content:center}.pixel-mat-choice .pixel-flow-button{pointer-events:auto}.pixel-map-target{overflow:hidden;-webkit-tap-highlight-color:transparent}.title-stage[data-ready=true] .pixel-map-target:focus-visible{outline:1px solid var(--player-highlight, #eee0bd);outline-offset:-1px}:root{font-family:sans-serif;-webkit-tap-highlight-color:transparent}body{font-size:14px;margin:0}html:has(.title-screen),body:has(.title-screen){background:var(--pixel-background, #243b38)}dialog{margin:0;top:50vh;left:50vw;transform:translate(-50%,-50%)}dialog::backdrop{background:#0000008c}text{pointer-events:none}label[aria-disabled=true]{color:#ccc}dialog button{margin:1em 1em 0 0}p{line-height:17px;margin:0}table{border-collapse:collapse}th{padding-inline:.75em}td{text-align:center;padding:0}table.stats th:first-child{padding-inline:0;width:1em}table.stats th:nth-child(2),table.stats td:nth-child(2){text-align:left}td.active-player-marker{font-size:1.2em;font-weight:700;line-height:1;width:1em}button.industry{align-items:normal;display:flex;flex-direction:column;height:92px;position:relative;width:92px}.emoji{font-size:16px}#game{display:flex;height:100vh;width:100vw}@media (orientation: landscape){#game{flex-direction:row}#board{max-width:50vw;height:100vh}}@media (orientation: portrait){#game{flex-direction:column}#board{max-height:50vh;width:100vw}}.disabled-message{color:#a9a9a9;font-size:.6em;height:1.6em;margin-inline-start:22px}.action-discard-log{align-items:stretch;display:flex;gap:.75em;width:100%}.action-discard-log>fieldset{min-width:0}fieldset.actions{flex:1}.action-discard-log>fieldset:not(.actions):not(.game-log){flex:2}fieldset.game-log{flex:3;max-height:260px;overflow-y:auto}.game-log ol{list-style:none;margin:0;padding-inline-start:0}.game-log li{line-height:1.35;margin-block:.35em}.game-log-action{display:grid;gap:.5em;grid-template-columns:2em 1fr}.game-log-action-number{color:#666;text-align:right}.game-log-round-end{align-items:center;color:#666;display:flex;font-size:.85em;font-weight:600;gap:.75em;margin-block:.6em;text-transform:uppercase}.game-log-round-end:before,.game-log-round-end:after{background:#ccc;content:"";flex:1;height:1px}.game-log-empty{color:#a9a9a9}
