:root{color:#f7e7b4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#061914;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f7e7b4;--ink-muted: rgba(247, 231, 180, .68);--panel: rgba(8, 28, 22, .84);--panel-strong: rgba(5, 22, 17, .92);--panel-border: rgba(230, 178, 58, .42);--gold: #f3c64c;--gold-deep: #bd7a21;--teal: #1d615e;--teal-bright: #2b8179;--shadow: rgba(0, 0, 0, .38);--game-area-height: calc(100vh - 96px) }*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit}.app-shell{position:relative;min-height:100vh;padding:0;background:radial-gradient(circle at 50% 10%,rgba(245,192,67,.16),transparent 36%),linear-gradient(180deg,#0b2a22d1,#020f0cf0),url(/assets/backgrounds/board-scenic-1.png) center / cover fixed}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(245,192,67,.2),transparent 34%),linear-gradient(180deg,#0b2a22db,#020f0cf5),url(/assets/backgrounds/board-scenic-1.png) center / cover fixed}.login-panel{display:grid;justify-items:center;gap:14px;width:min(420px,100%);padding:28px;border:1px solid var(--panel-border);border-radius:8px;color:var(--ink);text-align:center;background:linear-gradient(180deg,#102f25f2,#04120efa),var(--panel-strong);box-shadow:0 30px 80px #00000080}.login-panel img{width:min(260px,72vw);filter:drop-shadow(0 8px 18px rgba(0,0,0,.45)) brightness(1.22) contrast(.94)}.login-panel h1{margin:2px 0 0;color:var(--gold);font-size:1.8rem}.login-panel p{margin:0;color:var(--ink-muted);font-weight:800}.login-button{width:100%;margin-top:4px}.game-menu-bar{position:sticky;top:0;z-index:20;overflow:hidden;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;min-height:74px;padding:12px 18px;border-bottom:1px solid rgba(243,198,76,.18);background:linear-gradient(90deg,#0516112e,#051611d1 36%,#051611e6),#051611c7;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-menu-bar:before,.game-menu-bar:after{position:absolute;inset:0;content:"";pointer-events:none}.game-menu-bar:before{width:min(560px,52vw);background:linear-gradient(105deg,transparent 0 8%,rgba(29,92,79,.85) 8% 18%,transparent 18% 21%),linear-gradient(78deg,transparent 0 17%,rgba(225,151,42,.86) 17% 24%,transparent 24% 29%),linear-gradient(100deg,transparent 0 28%,rgba(39,124,167,.82) 28% 38%,transparent 38% 43%),linear-gradient(74deg,transparent 0 39%,rgba(201,68,111,.72) 39% 47%,transparent 47% 53%),linear-gradient(112deg,transparent 0 51%,rgba(230,191,54,.86) 51% 58%,transparent 58% 63%),linear-gradient(86deg,transparent 0 61%,rgba(82,140,80,.82) 61% 73%,transparent 73%),radial-gradient(circle at 20% 35%,rgba(86,54,148,.76),transparent 32%),radial-gradient(circle at 64% 72%,rgba(25,107,146,.75),transparent 36%),linear-gradient(180deg,#201848d1,#0b3730e0);opacity:.92}.game-menu-bar:after{background:linear-gradient(90deg,#0516110a,#051611b8 34%,#051611eb),linear-gradient(180deg,#ffe7a614,#00000029)}.brand-lockup{position:relative;z-index:1;display:flex;align-items:center;min-width:0}.brand-lockup:before{position:absolute;inset:-18px -28px -18px -18px;content:"";background:radial-gradient(circle at 12% 82%,rgba(238,185,42,.48),transparent 18%),radial-gradient(circle at 86% 32%,rgba(70,157,172,.42),transparent 28%);filter:blur(1px)}.brand-lockup img{position:relative;z-index:1;display:block;width:min(220px,42vw);height:auto;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5)) brightness(1.28) contrast(.92)}.game-status-pills{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.status-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:120px;min-height:42px;padding:0 18px;border:1px solid rgba(92,79,51,.16);border-radius:999px;color:var(--ink);background:#081c16d1;border-color:#f3c64c57;box-shadow:inset 0 1px #ffeeb429,0 8px 20px #00000047;font-weight:850}.status-pill svg{color:var(--gold)}.menu-actions{position:relative;z-index:1;display:flex;justify-content:flex-end;gap:10px}.menu-actions .icon-button{width:42px;min-height:42px}.menu-actions .menu-button{color:var(--gold);background:#081c16db;border:1px solid rgba(243,198,76,.34);box-shadow:0 8px 18px #00000047}.icon-button,.small-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:8px;color:#fff1bc;background:linear-gradient(180deg,var(--teal-bright),#16534f);border:1px solid rgba(243,198,76,.25);box-shadow:0 10px 22px #00000047;cursor:pointer}.icon-button{width:34px;min-height:34px}.small-button{width:100%;min-height:32px;margin-top:8px}.secondary-button{color:var(--ink);background:#0c2b23c2;border:1px solid rgba(243,198,76,.35);box-shadow:0 8px 18px #0000002e}.primary-button{padding:0 16px}.icon-button:disabled,.primary-button:disabled,.market-group:disabled{cursor:not-allowed;opacity:.48}.game-grid{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(270px,360px);gap:16px;align-items:start;padding:16px 6px 6px}.right-rail{display:grid;gap:10px}.left-rail{display:flex;flex-direction:column;gap:10px;max-height:var(--game-area-height);min-height:0;overflow:hidden}.left-rail .market-panel{flex:0 0 auto}.left-rail .score-tracker,.left-rail .state-loader-panel{flex:1 1 auto;min-height:0;overflow:auto}.right-rail{grid-template-rows:minmax(0,1fr) minmax(0,1fr);max-height:var(--game-area-height);overflow:hidden}.right-rail>.panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.right-rail>.panel .card-row{min-height:0;overflow:auto;align-content:start}.panel{position:relative;padding:10px;border:1px solid var(--panel-border);border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#102f25e0,#051611e6),var(--panel);box-shadow:inset 0 1px #ffeeb414,0 18px 38px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.panel-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:opacity .14s ease}.panel:hover .panel-actions,.panel:focus-within .panel-actions{opacity:1}.panel-actions .icon-button{width:30px;min-height:30px;border-radius:7px;box-shadow:none}.panel h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink);font-size:1rem}.market-list{display:grid;gap:6px}.market-group{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid rgba(243,198,76,.22);border-radius:8px;color:var(--ink);background:#04120e9e;box-shadow:inset 0 1px #ffeeb414,0 8px 16px #0003;cursor:pointer}.market-selected{outline:3px solid var(--gold)}.selected-tray{display:grid;gap:6px;margin-top:10px}.selected-tray div{display:flex;align-items:center;gap:8px;min-height:36px}.selected-token-button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:999px;background:transparent;cursor:pointer}.selected-token-active{outline:3px solid var(--gold);outline-offset:3px;background:#f3c64c1f}.token{display:inline-block;width:32px;height:32px;flex:0 0 auto;border-radius:50%;border:2px solid rgba(255,255,255,.72);box-shadow:inset 0 -7px #00000021,0 5px 9px #2924183d}.token-compact{width:30px;height:30px;margin-top:-16px}.token-compact:first-child{margin-top:0}.token-blue{background:#16849a}.token-gray{background:#8d9592}.token-brown{background:#9b6742}.token-green{background:#78a538}.token-yellow{background:#e8bf38}.token-red{background:#c94d5d}.board-panel{position:relative;overflow:hidden;display:grid;place-items:center;min-height:var(--game-area-height);max-height:var(--game-area-height);padding:24px 18px;border-radius:8px;background:radial-gradient(circle at 50% 43%,#ffe18352,#ffe18314 38%,#0314102e 76%),linear-gradient(180deg,#071f191a,#03141057),var(--board-background, url(/assets/backgrounds/board-scenic-1.png)) center / cover;box-shadow:inset 0 0 0 1px #f3c64c38,inset 0 -90px 100px #010f0c3d,0 20px 45px #00000057}.board-panel:before,.board-panel:after{position:absolute;inset:0;content:"";pointer-events:none}.board-panel:before{background:radial-gradient(circle at 50% 43%,rgba(255,239,174,.54),rgba(255,239,174,.16) 43%,transparent 72%),linear-gradient(90deg,rgba(2,18,15,.26),transparent 21%,transparent 79%,rgba(2,18,15,.28))}.board-panel:after{background:radial-gradient(circle at 11% 92%,rgba(1,16,13,.3),transparent 18%),radial-gradient(circle at 91% 91%,rgba(1,17,14,.26),transparent 20%)}.board{position:relative;z-index:1;width:min(100%,var(--board-width));aspect-ratio:var(--board-aspect)}.hex{position:absolute;left:var(--hex-x);top:var(--hex-y);display:grid;place-items:center;width:var(--hex-width);height:var(--hex-height);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);color:#234741;overflow:hidden;background:radial-gradient(circle at 42% 34%,#fffbe6f5,#f6e4aed1),#fff7dae6;box-shadow:inset 0 0 0 2px #f3c64c38,inset 0 -8px 12px #77603714,0 8px 14px #00000038;cursor:pointer}.hex:before{position:absolute;inset:0;z-index:2;content:"";pointer-events:none;opacity:0}.hex:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(150deg,rgba(255,255,255,.28),transparent 34%),radial-gradient(circle at 50% 105%,rgba(92,64,28,.16),transparent 44%);box-shadow:inset 0 0 0 2px #ffeeae6b,inset 0 -7px 11px #5e43201f}.hex-legal{box-shadow:inset 0 0 0 4px #35b099,0 8px 14px #254a3c38}.hex-cube-target{background:radial-gradient(circle at 50% 46%,#cdfafff5,#68e0ffbd 58%,#209dd885),#caf5ffe6;filter:drop-shadow(0 0 16px rgba(80,210,255,.96));box-shadow:inset 0 0 0 5px #d9fcfffa,inset 0 0 0 10px #32c2f5c7,inset 0 0 34px #1fb8eec7,0 0 0 6px #52d3ff7a,0 0 42px #40cdffeb,0 8px 16px #12607a57}.hex-cube-target:before{opacity:1;background:linear-gradient(115deg,transparent 0 16%,rgba(255,255,255,.92) 40%,transparent 64%),radial-gradient(circle at 50% 50%,#97efffb8,#3cccfa6b 54%,#3cccfa2e 82%);background-size:210% 100%,100% 100%;animation:animal-ready-shimmer 1.9s linear infinite}.hex-cube-target:after{z-index:4;background:linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.82) 42%,transparent 66%),radial-gradient(circle at 50% 50%,transparent 0 42%,rgba(98,224,255,.58) 54%,rgba(19,164,222,.74) 78%,rgba(211,250,255,.95) 100%);background-size:220% 100%,100% 100%;box-shadow:inset 0 0 0 6px #dafcfffa,inset 0 0 0 12px #2dc7f8a8,inset 0 0 24px #29bef585;animation:animal-ready-shimmer 1.9s linear infinite}.hex:disabled{cursor:default}.hex-stack{position:relative;z-index:3;display:grid;place-items:center;width:72px;height:80px;margin-top:-8px;pointer-events:none}.token-stack-3d{position:relative;display:block;width:72px;height:80px;filter:drop-shadow(0 8px 7px rgba(25,22,14,.34))}.hex-cube-target .token-stack-3d{filter:drop-shadow(0 0 9px rgba(162,242,255,.95)) drop-shadow(0 8px 7px rgba(25,22,14,.34))}.hex-cube-target .hex-stack:before{position:absolute;inset:-11px -9px;z-index:-1;content:"";border:5px solid rgba(157,240,255,.94);border-radius:999px;background:#46cfff3d;box-shadow:0 0 0 4px #3eccff52,0 0 24px #2cc5ffe6,inset 0 0 22px #adf5ffb8;pointer-events:none}.stack-token-3d{position:absolute;left:50%;bottom:calc(8px + var(--stack-index) * 16px);z-index:calc(3 + var(--stack-index));width:50px;height:36px;transform:translate(-50%);--token-top: #d8c27c;--token-mid: #b99d54;--token-low: #755c30;--token-shadow: rgba(61, 36, 20, .26)}.stack-token-top,.stack-token-side{position:absolute;left:0;width:100%;border-radius:50%}.stack-token-side{top:11px;height:25px;border-radius:0 0 50% 50%/0 0 34% 34%;background:linear-gradient(90deg,#1c140e61,#ffffff0d 24%,#ffffff1c 50%,#19120c57),linear-gradient(180deg,var(--token-mid) 0%,var(--token-mid) 46%,var(--token-low) 100%);box-shadow:inset 0 -5px #2c1c113d,inset 0 3px #ffffff12}.stack-token-top{top:0;height:22px;border:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%),var(--token-top);box-shadow:inset 0 -2px #22160e1a,inset 0 2px #ffffff2e,0 2px #2519112e}.stack-token-top:before,.stack-token-top:after{position:absolute;content:"";opacity:.34;pointer-events:none}.stack-token-top:before{left:11px;top:6px;width:20px;height:6px;border-top:2px solid rgba(255,255,255,.56);border-radius:50%;transform:rotate(-12deg)}.stack-token-top:after{right:11px;top:6px;width:7px;height:7px;border-radius:50%;background:#ffffff7a}.stack-token-blue{--token-top: #279ab0;--token-mid: #167f94;--token-low: #0d5365}.stack-token-gray{--token-top: #aeb8b2;--token-mid: #7f8a84;--token-low: #59625d}.stack-token-brown{--token-top: #b2764a;--token-mid: #8f5735;--token-low: #63402a}.stack-token-green{--token-top: #91b648;--token-mid: #789b39;--token-low: #536d2b}.stack-token-yellow{--token-top: #f0c844;--token-mid: #d9a728;--token-low: #9a721e}.stack-token-red{--token-top: #d65a68;--token-mid: #b6404e;--token-low: #7e2d38}.hex-feature-art{position:absolute;left:50%;top:50%;z-index:0;width:134%;height:134%;object-fit:cover;opacity:.96;pointer-events:none;transform:translate(-50%,-50%)}.hex-feature-water{filter:saturate(1.08)}.hex-feature-dirt{filter:saturate(1.04) contrast(1.02)}.hex-feature-mountain,.hex-feature-building{filter:contrast(1.03) saturate(1.03)}.animal-cube{position:absolute;z-index:5;left:50%;bottom:calc(39px + var(--cube-layer) * 16px);width:17px;height:17px;border-radius:5px;background:linear-gradient(145deg,#ffba46,#f18620 52%,#bb5615);border:2px solid #ffe4a8;box-shadow:inset -3px -4px #6832083d,inset 3px 3px #ffffff61,0 5px 10px #502a0c4d;transform:translate(-50%) translate(11px) rotate(7deg)}.hex-kind{position:absolute;z-index:3;bottom:9px;padding:2px 6px;border-radius:999px;max-width:64px;color:#20302bdb;background:#fffbe6c2;font-size:.58rem;font-weight:800;text-transform:uppercase;transition:opacity .14s ease,transform .14s ease}.hex-occupied .hex-kind{opacity:0;transform:translateY(4px)}.card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.animal-card{overflow:hidden;width:100%;padding:0;border-radius:8px;color:var(--ink);background:#03110dad;border:1px solid rgba(243,198,76,.28);box-shadow:0 10px 22px #0000003d;text-align:left}.animal-card-button{cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.animal-card-button:hover,.animal-card-button:focus-visible{border-color:#f3c64cb8;box-shadow:0 0 0 3px #f3c64c38,0 14px 28px #00000052;transform:translateY(-1px)}.animal-card-button:focus-visible{outline:3px solid rgba(255,234,162,.74);outline-offset:3px}.animal-card-ready{position:relative;border-color:#7ee7fffa;box-shadow:0 0 0 3px #7ee7ff5c,0 0 26px #50cdff8f,0 12px 26px #0000004d}.animal-card-ready:before{position:absolute;inset:0;z-index:3;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 0 28%,rgba(193,246,255,.64) 46%,transparent 64%),radial-gradient(circle at 50% 18%,rgba(114,231,255,.24),transparent 46%);background-size:230% 100%,100% 100%;mix-blend-mode:screen;opacity:.9;animation:animal-ready-shimmer 2.1s linear infinite}.animal-card-art{position:relative;overflow:hidden}.animal-card-art:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(1,10,8,.34));opacity:0;transition:opacity .14s ease}.animal-card-button:hover .animal-card-art:after,.animal-card-button:focus-visible .animal-card-art:after{opacity:1}@keyframes animal-ready-shimmer{0%{background-position:180% 0,0 0}to{background-position:-80% 0,0 0}}.animal-card img{display:block;width:100%;aspect-ratio:414 / 709;height:auto;object-fit:cover}.card-cube-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.flying-animal-cube{display:block;width:18px;height:18px;border-radius:5px;background:linear-gradient(145deg,#ffbf4d,#f08b22 54%,#bc5715);border:2px solid #ffe7ab;box-shadow:inset -3px -4px #6832083d,inset 3px 3px #ffffff6b,0 6px 12px #48240852}.card-animal-cube{fill:#f08b22;stroke:#ffe7ab;stroke-width:3px;filter:drop-shadow(0 5px 5px rgba(72,36,8,.35))}.flying-animal-cube{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;animation:fly-animal-cube 3s cubic-bezier(.2,.72,.16,1) forwards}@keyframes fly-animal-cube{0%{opacity:1;transform:translate(calc(var(--from-x) - 9px),calc(var(--from-y) - 9px)) scale(1) rotate(7deg)}45%{opacity:1;transform:translate(calc(var(--mid-x) - 9px),calc(var(--mid-y) - 9px)) scale(1.22) rotate(22deg)}to{opacity:1;transform:translate(calc(var(--to-x) - 9px),calc(var(--to-y) - 9px)) scale(1) rotate(7deg)}}.animal-card-meta{display:grid;gap:2px;padding:8px;font-size:.8rem;color:var(--ink)}.animal-card-meta span,.muted{color:var(--ink-muted);font-size:.8rem}.cube-track{display:flex;gap:4px;padding:0 8px 8px;color:var(--gold)}.score-tracker{padding:12px 14px 14px}.score-tracker .panel-heading{margin-bottom:12px}.score-tracker h2{color:var(--ink);font-size:.96rem;letter-spacing:.04em;text-transform:uppercase}.score-tracker-list{display:grid;gap:4px}.calibration-shell{min-height:100vh;padding:20px;color:var(--ink);background:#061611}.calibration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.calibration-toolbar h1{margin:0;color:var(--gold)}.calibration-toolbar p{margin:4px 0 0;color:var(--ink-muted)}.calibration-actions,.calibration-nudge-grid{display:flex;align-items:center;gap:8px}.calibration-actions button,.calibration-nudge-grid button,.calibration-slot-list button{min-height:36px;border:1px solid rgba(243,198,76,.45);border-radius:6px;color:var(--ink);background:#0b3127eb;font-weight:800}.calibration-save-status{color:var(--ink-muted);font-size:.85rem;font-weight:800}.calibration-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.calibration-card-stage{display:grid;place-items:start center}.calibration-card-frame{position:relative;width:min(70vh * 414 / 709,520px);aspect-ratio:414 / 709;box-shadow:0 20px 60px #00000073}.calibration-card-frame img,.calibration-overlay{position:absolute;inset:0;display:block;width:100%;height:100%}.calibration-overlay{cursor:crosshair}.calibration-marker{cursor:pointer}.calibration-marker line{stroke:#fff;stroke-width:2px;stroke-opacity:.78}.calibration-marker rect{fill:#f08b22;stroke:#ffe7ab;stroke-width:3px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.44))}.calibration-marker-selected line,.calibration-marker-selected rect{stroke:#65f6ff}.calibration-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel)}.calibration-panel h2{margin:0;color:var(--gold)}.calibration-panel p{margin:0;color:var(--ink-muted)}.calibration-slot-list{display:grid;gap:8px}.calibration-slot-list button{text-align:left;padding-inline:10px}.calibration-slot-list .calibration-slot-selected{border-color:#65f6ff;box-shadow:0 0 0 2px #65f6ff38}.calibration-panel label{display:grid;gap:6px;font-weight:800}.calibration-name-input,.calibration-panel textarea{min-height:260px;resize:vertical;border:1px solid rgba(243,198,76,.35);border-radius:6px;padding:10px;color:var(--ink);background:#020b09d6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.78rem}.calibration-name-input{min-height:38px;resize:none;font-family:inherit;font-size:1rem}.score-row{display:grid;grid-template-columns:30px auto 1fr minmax(66px,auto);align-items:center;gap:8px;min-height:31px}.score-icon{display:grid;place-items:center;width:26px;height:26px;overflow:hidden;border-radius:50%;font-size:1.45rem;line-height:1}.score-icon img{display:block;width:36px;height:36px;object-fit:cover}.score-label{color:var(--ink);font-weight:800}.score-rule{height:1px;background:#f3c64c2e}.score-values{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap}.score-values span{color:var(--ink-muted);font-size:.82rem;font-weight:800}.score-values strong{color:#ffe9a6;font-size:1.08rem;line-height:1}.score-total{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(243,198,76,.22)}.score-total span{color:var(--ink);font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.score-total strong{color:var(--gold);font-size:2.25rem;line-height:.95}.state-loader-panel{display:grid;gap:10px}.fixture-list{display:grid}.state-json-input{width:100%;min-height:150px;resize:vertical;border:1px solid rgba(243,198,76,.24);border-radius:8px;padding:10px;color:var(--ink);background:#03110db8;font:.72rem/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.state-loader-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.state-load-error{margin:0;color:#ff9f70;font-size:.8rem;font-weight:800}.background-preview-page{display:grid;gap:18px;padding:18px}.background-preview-heading{display:grid;gap:4px;max-width:920px;margin:0 auto;text-align:center}.background-preview-heading h1{margin:0;color:var(--gold);font-size:clamp(1.5rem,4vw,2.6rem);letter-spacing:.03em}.background-preview-heading p{margin:0;color:var(--ink-muted)}.background-preview-grid{display:grid;gap:18px}.background-preview-card{display:grid;gap:10px;max-width:1120px;margin:0 auto;width:100%}.background-preview-card h2{margin:0;color:var(--ink);font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase}.board-panel-preview{min-height:560px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;z-index:50;background:radial-gradient(circle at 50% 35%,rgba(243,198,76,.12),transparent 38%),#020b09c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.end-modal,.confirm-modal,.leaderboard-modal{width:min(480px,100%);padding:24px;border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#102f25f5,#04120efa),var(--panel-strong);border:1px solid var(--panel-border);box-shadow:0 30px 80px #00000080}.end-modal h1,.confirm-modal h1,.leaderboard-modal h1,.animal-choice-modal h1{margin:0 0 10px;color:var(--gold)}.confirm-modal,.leaderboard-modal{display:grid;gap:16px}.leaderboard-modal{width:min(560px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;text-align:left}.confirm-modal p{margin:0;color:var(--ink-muted);font-weight:700}.leaderboard-table-wrap{overflow-x:auto;border:1px solid rgba(243,198,76,.22);border-radius:8px;background:#020b0957}.leaderboard-table{width:100%;min-width:420px;border-collapse:collapse;text-align:left}.leaderboard-table th,.leaderboard-table td{padding:11px 12px;border-bottom:1px solid rgba(243,198,76,.14);vertical-align:middle}.leaderboard-table th{color:var(--ink-muted);font-size:.78rem;font-weight:900;text-transform:uppercase}.leaderboard-table tbody tr:last-child td{border-bottom:0}.leaderboard-rank{width:64px;color:var(--ink-muted);font-weight:900}.leaderboard-player{max-width:220px;overflow:hidden;color:#ffe9a6;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{width:84px;color:var(--gold);font-size:1.2rem;font-weight:950;text-align:right}.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){text-align:right}.leaderboard-modal time{color:var(--ink-muted);font-size:.92rem;font-weight:800}.leaderboard-heading,.leaderboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-heading .icon-button{flex:0 0 auto}.leaderboard-section{display:grid;gap:12px;padding-top:4px}.leaderboard-section+.leaderboard-section{padding-top:16px;border-top:1px solid rgba(243,198,76,.18)}.leaderboard-section h2{margin:0;color:#ffe9a6;font-size:1.05rem}.leaderboard-inline-button{width:auto;min-width:116px;margin-top:0;padding:0 12px}.player-summary{display:flex;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid rgba(243,198,76,.18);border-radius:8px;background:#081c1685}.player-summary img,.player-avatar-fallback{width:38px;height:38px;border-radius:999px;background:linear-gradient(180deg,var(--teal-bright),var(--gold-deep))}.player-summary span{display:grid;min-width:0}.player-summary strong,.player-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.best-score-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid rgba(243,198,76,.26);border-radius:8px;background:linear-gradient(135deg,#2b817961,#bd7a212e),#081c16ad}.best-score-card strong{color:var(--gold);font-size:2rem;line-height:1}.best-score-card span,.leaderboard-status{color:var(--ink-muted);font-weight:800}.leaderboard-status,.leaderboard-modal .muted,.leaderboard-modal .state-load-error{margin:0}.confirm-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-inspector{position:fixed;right:18px;top:92px;bottom:18px;z-index:45;display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:12px;width:min(410px,calc(100vw - 36px));padding:14px;border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#102f25f5,#04120efa),var(--panel-strong);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffeeb414,0 30px 80px #00000085;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto}.card-inspector h1{margin:0;color:var(--gold);font-size:1.15rem}.card-inspector .icon-button{width:32px;min-height:32px;box-shadow:none}.card-inspector-art{position:relative;display:grid;align-self:center;justify-self:center;aspect-ratio:414 / 709;width:min(100%,330px,calc((100vh - 284px) * 414 / 709));height:auto;max-width:100%;min-height:0;overflow:visible}.card-inspector-image{display:block;width:100%;height:auto;aspect-ratio:414 / 709;border-radius:8px;box-shadow:0 14px 32px #00000057}.card-inspector-meta{display:flex;justify-content:center;color:var(--ink-muted);font-weight:800}.card-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card-inspector-actions .primary-button:only-child{grid-column:1 / -1}.animal-choice-modal{width:min(620px,100%);max-height:min(820px,calc(100vh - 48px));overflow:auto;padding:18px;border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#102f25f5,#04120efa),var(--panel-strong);border:1px solid var(--panel-border);box-shadow:0 30px 80px #00000080}.animal-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.animal-choice-card{display:grid;grid-template-rows:auto auto;align-items:start;gap:12px;width:100%;min-width:0;padding:10px;border-radius:8px;color:var(--ink);background:#03110d94;border:1px solid rgba(126,231,255,.28);cursor:pointer;text-align:left;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.animal-choice-card:hover,.animal-choice-card:focus-visible{border-color:#7ee7ffc7;box-shadow:0 0 0 3px #7ee7ff33,0 16px 34px #00000057;transform:translateY(-1px)}.animal-choice-card:focus-visible{outline:3px solid rgba(193,246,255,.72);outline-offset:3px}.animal-choice-card-art{position:relative;overflow:hidden;width:100%;border-radius:6px;box-shadow:0 14px 30px #00000052}.animal-choice-card-art img{display:block;width:100%;aspect-ratio:414 / 709;height:auto;object-fit:cover}.animal-choice-card-meta{display:grid;gap:4px}.animal-choice-card small{color:var(--ink-muted);font-weight:700}@media(max-width:1120px){.game-menu-bar{grid-template-columns:1fr;justify-items:center}.menu-actions{justify-content:center}.game-grid{grid-template-columns:1fr}.left-rail,.right-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-height:none;overflow:visible}.left-rail .score-tracker,.left-rail .state-loader-panel{overflow:visible}.right-rail{grid-template-rows:none}.right-rail>.panel{overflow:visible}.right-rail>.panel .card-row{overflow:visible}.board-panel{min-height:560px;max-height:none;order:-1}}@media(max-width:640px){.app-shell{padding:0}.game-menu-bar{gap:10px;padding:10px}.brand-lockup img{width:min(190px,70vw)}.status-pill{min-width:0;min-height:36px;padding:0 12px;font-size:.9rem}.game-grid{padding:10px}.board{width:100%}.token{width:26px;height:26px}.token-compact{width:22px;height:22px;margin-top:-12px}.hex-kind{display:none}}