:root{--ink:#efe3c8;--ink-soft:#b9ab8e;--line:#d9a4414d;--sun:#d9a441;--gold:#f2c14e;--glass:#0c0a09db;--glass-edge:#d9a4416b;--good:#8fd16a;--bad:#f0705a;--warn:#f0a85a;--valley:#a9a34e;--jungle:#1f5634;--forest:#3b7340;--highland:#7c6c5b;--dry:#b88947;--lake:#24557c;--fog:#0e1018;--land-edge:#0a08068c;--r-maize:#f2c14e;--r-wood:#b07a45;--r-stone:#a9a9a2;--r-cacao:#8a4b2c;--r-obsidian:#3a3546;--r-jade:#3fbf8c;--r-cotton:#f4f0e6;--night:radial-gradient(1px 1px at 12% 18%, #fff8 50%, transparent), radial-gradient(1px 1px at 78% 12%, #fff6 50%, transparent), radial-gradient(1.5px 1.5px at 88% 64%, #fff7 50%, transparent), radial-gradient(1px 1px at 22% 82%, #fff5 50%, transparent), radial-gradient(1px 1px at 64% 88%, #fff6 50%, transparent), radial-gradient(1.5px 1.5px at 6% 52%, #fff6 50%, transparent), radial-gradient(1px 1px at 36% 6%, #fff5 50%, transparent), radial-gradient(1px 1px at 94% 30%, #fff6 50%, transparent), radial-gradient(ellipse at 50% 46%, #1d2438, #07080d 74%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background-color:#07080d;background-image:var(--night);color:var(--ink);background-attachment:fixed;font:14px/1.4 Alegreya Sans,system-ui,sans-serif;overflow:hidden}h1,h2,h3{letter-spacing:.02em;margin:0;font-family:Cinzel,Georgia,serif;font-weight:700}h2{color:var(--gold);align-items:baseline;gap:8px;margin-bottom:6px;font-size:16px;display:flex}h3{color:var(--sun);text-transform:uppercase;letter-spacing:.08em;align-items:baseline;gap:8px;margin:10px 0 4px;font-size:12.5px;display:flex}ul{margin:0;padding:0;list-style:none}p{margin:4px 0}button{font:inherit;cursor:pointer;color:#1d150e;background:linear-gradient(#e0a948,#a86c1f);border:1px solid #6b4310;border-radius:6px;align-items:center;gap:6px;padding:6px 11px;font-weight:600;display:inline-flex}button:hover{filter:brightness(1.1)}button.quiet{color:var(--ink);border-color:var(--glass-edge);background:0 0}button.on.danger{background:var(--bad);border-color:var(--bad)}button:disabled{cursor:default;filter:none;opacity:.45}button small{opacity:.7;font-weight:400}button.small{padding:2px 8px;font-size:12.5px}button.big{justify-content:center;width:100%;padding:12px 16px;font-family:Cinzel,serif;font-size:18px}.meta{color:var(--ink-soft);font-size:12.5px;font-weight:400}.notice{color:var(--warn);font-size:13px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.row.center{justify-content:center}.title{letter-spacing:.04em;color:var(--gold);text-shadow:0 0 24px #f2c14e73;font-family:Cinzel Decorative,Cinzel,serif;font-weight:900;line-height:1}.glass{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;padding:12px 14px;box-shadow:0 0 30px #00000073}.panel{background:var(--glass);border:1px solid var(--glass-edge);border-radius:18px;padding:24px 28px;box-shadow:0 0 60px #0009}.start-screen .stage{place-items:center;height:100%;padding:24px 16px;display:grid}.panel.start{gap:14px;width:min(560px,100%);display:grid}.panel.start .title{text-align:center;font-size:52px}.subtitle{text-align:center;color:var(--ink-soft);margin:-6px 0 4px;font-style:italic}fieldset.pick{border:0;margin:0;padding:0}fieldset.pick legend{color:var(--gold);margin-bottom:8px;font-family:Cinzel,serif;font-weight:700}.people-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.people-tile{cursor:pointer;background:#0000004d;border:1px solid #d9a44140;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:Cinzel,serif;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.people-tile input{opacity:0;pointer-events:none;position:absolute}.people-tile .sigil{background:var(--pc);width:16px;height:16px;box-shadow:0 0 8px var(--pc);border-radius:50%}.people-tile:hover{transform:translateY(-1px)}.people-tile:has(input:checked){border-color:var(--pc);color:var(--pc);box-shadow:0 0 18px color-mix(in srgb, var(--pc) 45%, transparent)}.start-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.start-row label{color:var(--gold);gap:4px;font-family:Cinzel,serif;font-size:13px;font-weight:700;display:grid}select,input[type=number]{font:inherit;color:var(--ink);border:1px solid var(--glass-edge);background:#00000073;border-radius:6px;width:100%;padding:6px 8px;font-family:Alegreya Sans,sans-serif}.seed{gap:6px;display:flex}.game-screen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:300px minmax(0,1fr) 300px;gap:10px;height:100vh;padding:10px;display:grid}.topbar{background:var(--glass);border:1px solid var(--glass-edge);border-radius:12px;grid-column:1/-1;align-items:center;gap:18px;padding:8px 14px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand .title{font-size:22px}.who{color:var(--pc);align-items:center;gap:6px;font-family:Cinzel,serif;font-weight:700;display:inline-flex}.who i,.dip-head i,.scores td i{background:var(--pc);width:10px;height:10px;box-shadow:0 0 6px var(--pc);border-radius:50%;display:inline-block}.turn{color:var(--ink-soft);white-space:nowrap;font-family:Cinzel,serif;font-size:15px}.turn b{color:var(--gold);font-size:20px}.stock{gap:12px;margin-left:auto;display:flex}.res{grid-template-columns:auto auto;align-items:center;column-gap:5px;line-height:1.1;display:grid}.res i{background:var(--rc);border:1px solid #00000080;border-radius:50%;grid-row:span 2;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff1f}.res b{font-size:17px}.res small{color:var(--good);white-space:nowrap;font-size:11px}.res.hungry small{color:var(--bad)}.r-maize{--rc:var(--r-maize)}.r-wood{--rc:var(--r-wood)}.r-stone{--rc:var(--r-stone)}.r-cacao{--rc:var(--r-cacao)}.r-obsidian{--rc:var(--r-obsidian)}.r-jade{--rc:var(--r-jade)}.r-cotton{--rc:var(--r-cotton)}.pillars{border-left:1px solid var(--line);gap:4px;padding-left:14px;display:flex}.pillar{justify-items:center;min-width:58px;line-height:1.1;display:grid}.pillar small{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:10.5px}.pillar b{color:var(--gold);font-family:Cinzel,serif;font-size:18px}.end-turn{padding:9px 16px;font-family:Cinzel,serif;font-size:16px}.side{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.centre{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;display:grid}.map-wrap{border:1px solid var(--line);background:radial-gradient(#1d243880,#0000 75%);border-radius:14px;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.map-hint{background:var(--glass);border:1px solid var(--glass-edge);color:var(--gold);pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 14px;font-size:13px;position:absolute;top:10px;left:50%;transform:translate(-50%)}svg.map{width:100%;height:100%;display:block}.map-wrap{background:#e8cfa0}.map-slot{position:absolute;inset:0}canvas.codex-map{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.land{stroke:var(--land-edge);stroke-width:1px;cursor:pointer;transition:filter .12s}.land:hover{filter:brightness(1.18)}.b-valley{fill:var(--valley)}.b-jungle{fill:var(--jungle)}.b-forest{fill:var(--forest)}.b-highland{fill:var(--highland)}.b-dry{fill:var(--dry)}.b-lake{fill:var(--lake);cursor:default}.b-fog{fill:var(--fog);stroke:#ffffff0a}.land.dim{filter:brightness(.5)saturate(.55)}.land.dim:hover{filter:brightness(.62)saturate(.6)}.land.choice{stroke:var(--gold);stroke-width:2px;filter:brightness(1.22)}.land.choice:hover{filter:brightness(1.45)}.land.choice.b-fog{fill:#2b2514}.tint{fill-opacity:.16;pointer-events:none}.realm-under{fill:none;stroke:#000000b3;stroke-width:5px;stroke-linecap:round;pointer-events:none}.realm{fill:none;stroke-width:2.6px;stroke-linecap:round;pointer-events:none}.focus{fill:none;stroke:#fff;stroke-width:2.5px;stroke-dasharray:5 4;pointer-events:none}.path{fill:none;stroke:var(--gold);stroke-width:3px;stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round;opacity:.75;pointer-events:none}.path.current{opacity:1;stroke-width:4px;filter:drop-shadow(0 0 4px #f2c14ecc)}.arrow-head{fill:var(--gold)}.coin{cursor:pointer}.coin-face{fill:color-mix(in srgb, var(--pc) 85%, #000);stroke:#120d08;stroke-width:1.6px}.coin.mine .coin-face{stroke:var(--gold)}.coin.selected .coin-face{stroke:#fff;stroke-width:2.6px;filter:drop-shadow(0 0 5px #fff)}.coin .g-line{fill:none;stroke:#120d08;stroke-width:1.8px;stroke-linecap:round}.coin .g-fill{fill:#120d08}.coin .g-blade{fill:#120d08;stroke:#fff;stroke-width:.8px}.fort-ring{fill:none;stroke:var(--pc);stroke-width:1.5px;stroke-dasharray:3 2}.order-dot{fill:var(--gold);stroke:#120d08;stroke-width:1px}.coin.mine:not(.ordered) .coin-face{stroke-dasharray:3 2}.town{cursor:pointer}.town-base{fill:#0e0b08e6;stroke:var(--pc);stroke-width:2.2px}.town.capital .town-base{stroke-width:3px}.town.selected .town-base{stroke:#fff;filter:drop-shadow(0 0 6px #fff)}.town-pyr{fill:var(--pc)}.crown{fill:var(--gold);stroke:#120d08;stroke-width:.8px}.lvl-badge{fill:var(--gold);stroke:#120d08;stroke-width:1.2px}.lvl{fill:#120d08;text-anchor:middle;dominant-baseline:central;pointer-events:none;font:700 9px Alegreya Sans,sans-serif}.walls{fill:none;stroke:#c9c3b5;stroke-width:1.6px;stroke-dasharray:4 2}.special,.site,.improved{pointer-events:none}.sp-obsidian{fill:#1a1622;stroke:#d8d0ff;stroke-width:1px}.sp-jade{fill:var(--r-jade);stroke:#0c2a1c;stroke-width:1px}.sp-jade-hole{fill:#0c2a1c}.sp-cotton circle{fill:var(--r-cotton);stroke:#6b6458;stroke-width:.6px}.site rect{fill:#e0c27a;stroke:#3b2a10;stroke-width:.8px}.site .site-door{fill:#3b2a10}.improved path{stroke:#fff0c859;stroke-width:1.2px}.map.picking-unit .coin.mine,.map.picking-town .town.mine{filter:drop-shadow(0 0 5px var(--gold))}.tip{z-index:20;pointer-events:none;border:1px solid var(--glass-edge);background:#090807f2;border-radius:8px;max-width:260px;padding:7px 10px;font-size:13px;line-height:1.35;position:fixed;box-shadow:0 4px 20px #0009}.tip b{color:var(--gold);font-family:Cinzel,serif}.tip[hidden]{display:none}.list li+li{margin-top:3px}.row-btn{text-align:left;width:100%;color:var(--ink);background:#ffffff08;border:1px solid #0000;grid-template-columns:auto 1fr;column-gap:8px;padding:5px 8px;font-weight:600;display:grid}.row-btn:hover{border-color:var(--glass-edge);filter:none;background:#ffffff0f}.row-btn .status{color:var(--gold);grid-column:2;font-size:12px;font-weight:400}.row-btn .status em{color:var(--ink-soft)}.mini-coin{background:var(--pc);border:1.5px solid var(--gold);border-radius:50%;align-self:center;width:14px;height:14px}.mini-town{border:2px solid var(--pc);width:18px;height:18px;color:var(--gold);background:#120d08;border-radius:4px;align-self:center;place-items:center;font-size:11px;font-weight:700;display:grid}.mini-town.big{border-radius:7px;width:36px;height:36px;font-size:18px}.big-coin{background:var(--pc);border:2px solid var(--gold);color:#120d08;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-family:Cinzel,serif;font-weight:700;display:grid}.head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.head h2{margin:0}.actions{flex-direction:column;align-items:flex-start;gap:5px;margin-top:8px;display:flex}.why{color:var(--ink-soft);margin:-2px 0 2px;font-size:12px}.options li+li{margin-top:3px}.options button{text-align:left;width:100%;color:var(--ink);background:#ffffff0a;border:1px solid #d9a4412e;grid-template-columns:1fr auto;row-gap:0;padding:4px 8px;display:grid}.options button:hover:not(:disabled){border-color:var(--gold);filter:none;background:#f2c14e1a}.options .name{font-weight:700}.options .note{color:var(--ink-soft);grid-column:1/-1;font-size:11.5px;font-weight:400}.options .off .note{color:var(--warn);opacity:1}.options .picking button,.options .queued button{border-color:var(--gold)}.costs{gap:6px;display:flex}.cost{align-items:center;gap:3px;font-weight:700;display:inline-flex}.cost i{background:var(--rc);border:1px solid #00000080;border-radius:50%;width:9px;height:9px;display:inline-block}.cost.short{color:var(--bad)}.free{color:var(--ink-soft);font-size:12px;font-weight:400}.queue li{color:var(--gold);justify-content:space-between;align-items:center;gap:6px;padding:3px 0;font-weight:600;display:flex}.problems{border-color:#f0a85a99}.problems h3{color:var(--warn);margin-top:0}.problems li,.problems-list li{padding-left:12px;font-size:13px;position:relative}.problems li:before,.problems-list li:before{content:"!";color:var(--warn);font-weight:700;position:absolute;left:0}.cards{gap:6px;display:grid}.card{background:linear-gradient(#3c281273,#140e0873);border:1px solid #d9a44140;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.card b{color:var(--gold);font-family:Cinzel,serif;font-size:13px}.card p{color:var(--ink-soft);margin:1px 0 0;font-size:12.5px}.played{margin-bottom:8px}.played li{align-items:center;gap:6px;padding:3px 0;font-size:13px;display:flex}.played li button{margin-left:auto}.dip{border-top:1px solid var(--line);padding:6px 0}.dip:first-child{border-top:0}.dip-head{align-items:center;gap:8px;display:flex}.dip-head b{color:var(--pc);font-family:Cinzel,serif}.dip-head .meta{margin-left:auto}.stance{border:1px solid;border-radius:999px;padding:0 7px;font-size:11.5px}.s-peace{color:var(--good);border-color:#8fd16a80}.s-war{color:var(--bad);border-color:#f0705a99}.chronicle{scrollbar-width:thin;scrollbar-color:var(--line) transparent;max-height:168px;overflow-y:auto}.chronicle h3{margin-top:0}.chronicle ul{columns:2;column-gap:24px}.chronicle li{break-inside:avoid;padding:1px 0 1px 12px;font-size:13px;position:relative}.chronicle li:before{content:"•";color:var(--sun);position:absolute;left:0}.chronicle .t-good:before{color:var(--good)}.chronicle .t-bad:before{color:var(--bad)}.overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04050999;place-items:center;display:grid;position:fixed;inset:0}.modal{gap:8px;width:min(460px,92vw);display:grid}.modal.wide{width:min(720px,94vw)}.modal .title.small{text-align:center;font-size:36px}.message{text-align:center;font-size:16px}.scores{border-collapse:collapse;width:100%;margin:6px 0}.scores th{color:var(--sun);text-align:right;border-bottom:1px solid var(--line);padding:6px 8px;font-family:Cinzel,serif;font-size:12px}.scores th:first-child,.scores td:first-child{text-align:left}.scores td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #d9a4411f;padding:6px 8px}.scores td:first-child{color:var(--pc);font-family:Cinzel,serif;font-weight:700}.scores td:first-child i{margin-right:8px}.scores tr.winner td{background:#f2c14e1a}.scores tr.winner td:last-child b{color:var(--gold);font-size:17px}:root{--ink:#2b1a10;--ink-soft:#6e4426;--line:#2b1a1038;--sun:#b8382a;--gold:#b8382a;--glass:#f2e4c4f0;--glass-edge:#2b1a10;--good:#3f8f6b;--bad:#b8382a;--warn:#b0701f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:#e2c99a;background-image:var(--amate,none);background-size:512px;background-attachment:fixed}.title{color:var(--sun);text-shadow:none}h2{color:var(--sun)}h3{color:var(--ink-soft)}.glass,.panel{border:2px solid var(--ink);outline-offset:3px;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:6px;outline:3px solid #b8382abf;box-shadow:0 6px 18px #5a371447}.panel{border-radius:8px}.glass{margin:3px}button{color:var(--ink);border:1.5px solid var(--ink);background:linear-gradient(#e7b83a,#c98a3c);border-radius:5px}button.quiet{color:var(--ink);background:#fff8e699;border-color:#2b1a1073}button.on{background:var(--sun);color:#f6ecd4;border-color:var(--ink)}.end-turn{color:#f6ecd4;background:linear-gradient(#d0503e,#a32e22)}.pillar b,.turn b{color:var(--sun)}.res i,.cost i{border-color:var(--ink);box-shadow:none}.who i,.dip-head i,.scores td i{box-shadow:none;border:1.5px solid var(--ink)}.people-tile{background:#fff8e699;border:1.5px solid #2b1a1059}.people-tile .sigil{box-shadow:none;border:1.5px solid var(--ink)}.people-tile:has(input:checked){border-color:var(--ink);color:var(--ink);background:color-mix(in srgb, var(--pc) 30%, #f6ecd4);box-shadow:none}select,input[type=number]{color:var(--ink);background:#fff8e6bf;border:1.5px solid #2b1a1073}.start-row label,fieldset.pick legend{color:var(--sun)}.map-wrap{border:0;border-radius:4px;box-shadow:0 6px 22px #5a371459}.map-hint{border:1.5px solid var(--ink);color:var(--ink);background:#f2e4c4f5;top:34px}.tip{color:var(--ink);border:1.5px solid var(--ink);background:#f6ecd4f7;box-shadow:0 4px 14px #5a371459}.tip b{color:var(--sun)}.row-btn{background:#fff8e673}.row-btn:hover{background:#fff8e6d9;border-color:#2b1a1066}.options button{background:#fff8e680;border-color:#2b1a1040}.options button:hover:not(:disabled){border-color:var(--ink);background:#e7b83a40}.card{background:#fff8e68c;border:1.5px solid #2b1a104d}.card b{color:var(--sun)}.mini-coin,.big-coin{border-color:var(--ink)}.chronicle .t-good{color:#2f6e50}.chronicle .t-bad{color:#9a2c20}.s-peace{border-color:#3f8f6b99}.s-war{border-color:#b8382a99}.overlay{background:#3c230f59}.scores td{border-bottom-color:var(--line)}.map-notice{border:1.5px solid var(--bad);color:var(--bad);pointer-events:none;background:#f6ecd4f7;border-radius:999px;padding:4px 14px;font-weight:600;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.game-screen{height:100vh;padding:0;display:block;position:relative;overflow:hidden}.game-screen>.map-slot{position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud>.hud-foot-left,.hud>.hand-zone,.hud>.toasts,.hud>.map-hint,.hud>.map-notice{pointer-events:none}.hud-foot-left>*,.hand-zone>*{pointer-events:auto}.cartouche{border:2px solid var(--ink);outline-offset:2px;background:#f2e4c4f2;border-radius:6px;outline:2px solid #b8382ab3;box-shadow:0 6px 18px #5a371447}.res-bar{gap:4px;padding:6px 12px 7px;display:grid;position:absolute;top:34px;left:34px}.who-line{align-items:baseline;gap:10px;display:flex}.who-line .title{font-size:18px}.res-bar .stock{gap:10px;margin:0;display:flex}.res-bar .res{grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:3px;line-height:1;display:grid}.res-bar .res .ico{grid-row:span 2}.res-bar .res b{font:700 18px Cinzel,serif}.res-bar .res small{color:var(--good);min-height:11px;font-size:11px}.res-bar .res.hungry small{color:var(--bad);font-weight:700}.pillar-bar{position:absolute;top:34px;right:34px}.pillar-bar .pillars{border-left:2px solid var(--ink);gap:12px;padding:6px 12px;display:flex}.pillar-bar .pillar{cursor:help;justify-items:center;gap:1px;min-width:0;display:grid}.pillar-bar .pillar b{color:var(--ink);font:700 17px Cinzel,serif}.hud>.end-turn{border:2px solid var(--ink);border-radius:999px;padding:12px 20px;font-size:18px;position:absolute;bottom:34px;right:34px;box-shadow:0 0 0 3px #f2e4c4e6,0 6px 18px #5a371466}.hud>.end-turn small{opacity:.8;font-size:13px}.game-screen.busy .end-turn{color:var(--ink);background:linear-gradient(#c9b48a,#a8946a)}.hand-zone{justify-items:center;gap:6px;display:grid;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.hand-head{color:var(--ink-soft);background:#f2e4c4e6;border:1.5px solid #2b1a1066;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12.5px;display:flex}.hand-head b{color:var(--sun)}.hand-zone .hand{height:150px;position:relative}.hand-empty{color:var(--ink-soft);background:#f2e4c4b3;border:1.5px dashed #2b1a1059;border-radius:10px;padding:8px 14px;font-size:12px}.hand-zone .card{left:var(--x);z-index:var(--i);text-align:center;border:2px solid var(--ink);width:112px;height:150px;color:var(--ink);font:inherit;transform-origin:50% 100%;transform:translateY(var(--y)) rotate(var(--r));background:#f3e6c8;border-radius:9px;grid-template-rows:auto auto 1fr;align-content:start;justify-items:center;gap:3px;padding:0 0 8px;font-weight:400;transition:transform .16s,box-shadow .16s,opacity .16s;display:grid;position:absolute;bottom:0;overflow:hidden;box-shadow:-2px 5px 12px #5a371466}.hand-zone .card .c-band{background:var(--sun);color:#f6ecd4;border-bottom:2px solid var(--ink);width:100%;padding:5px 4px 4px;font:700 11.5px/1.1 Cinzel,serif}.hand-zone .card .c-art{margin-top:4px;line-height:0}.hand-zone .card .c-text{color:var(--ink);padding:0 7px;font-size:10px;line-height:1.2}.hand-zone .card:hover:not(:disabled),.hand-zone .card.picking{z-index:60;box-shadow:0 0 0 2px var(--sun), 0 18px 36px #5a371480;filter:none;transform:translateY(-46px)rotate(0)scale(1.45)}.hand-zone .card.picking{box-shadow:0 0 0 3px #e7b83a,0 18px 36px #5a371480}.hand-zone .card:disabled{opacity:.55;filter:grayscale(.4);cursor:default}.hud-foot-left{align-content:end;gap:8px;width:320px;display:grid;position:absolute;bottom:34px;left:34px}.hud-foot-left .glass{scrollbar-width:thin;max-height:calc(100vh - 260px);margin:0;overflow-y:auto}.hud .map-hint{top:116px}.hud .map-notice{bottom:210px}.toasts{justify-items:center;gap:4px;display:grid;position:absolute;top:118px;left:50%;transform:translate(-50%)}.toasts li{border:1.5px solid var(--ink);background:#f6ecd4f7;border-radius:999px;padding:4px 12px;font-size:13px;animation:6s forwards toast}.toasts .t-good{border-color:var(--good);color:#2f6e50}.toasts .t-bad{border-color:var(--bad);color:#9a2c20}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%,80%{opacity:1;transform:none}to{opacity:0}}.medallions{gap:10px;display:grid;position:absolute;top:120px;left:34px}.medal{border:2px solid var(--ink);background:#f3e6c8;border-radius:50%;justify-content:center;width:48px;height:48px;padding:0;box-shadow:0 0 0 3px #b8382ab3,0 4px 10px #5a371459}.medal.on{background:#e7b83a}.flyout{z-index:5;width:320px;max-height:calc(100vh - 340px);margin:0;position:absolute;top:120px;left:96px;overflow-y:auto}.flyout-units{top:178px}.flyout-peoples{top:236px}.res-bar .res{cursor:help}.tip .bad{color:var(--bad)}.tip div+div{margin-top:3px}.end-zone{justify-items:end;gap:6px;display:grid;position:absolute;bottom:34px;right:34px}.end-zone .end-turn{border:2px solid var(--ink);border-radius:999px;padding:12px 20px;font-size:17px;position:relative;box-shadow:0 0 0 3px #f2e4c4e6,0 6px 18px #5a371466}.end-turn.next{color:var(--ink);background:linear-gradient(#ecc458,#c98a3c)}.end-turn .count{background:var(--sun);color:#f6ecd4;border:2px solid var(--ink);text-align:center;border-radius:50%;width:24px;height:24px;font:700 13px/20px Alegreya Sans,sans-serif;position:absolute;top:-8px;left:-8px}.end-anyway{background:#f2e4c4e6}.badges{pointer-events:none;position:absolute;inset:0;overflow:hidden}.badge{pointer-events:auto;background:radial-gradient(circle at 40% 35%,#fbe7a4,#e7b83a 70%);border:2px solid #2b1a10;border-radius:50%;justify-content:center;width:50px;height:50px;margin:-25px 0 0 -25px;padding:0;animation:1.4s ease-in-out infinite badge-bob,1.4s ease-in-out infinite badge-glow;position:absolute;box-shadow:0 0 0 2px #f2e4c4e6,0 0 14px 4px #e7b83abf}.badge.unit{width:40px;height:40px;margin:-20px 0 0 -20px}.badge:after{content:"";border:6px solid #0000;border-top:7px solid #2b1a10;border-bottom:0;margin-left:-6px;position:absolute;bottom:-9px;left:50%}.badge:hover{filter:brightness(1.08);animation-play-state:paused}@keyframes badge-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes badge-glow{0%,to{box-shadow:0 0 0 2px #f2e4c4e6,0 0 8px 2px #e7b83a8c}50%{box-shadow:0 0 0 2px #f2e4c4e6,0 0 18px 7px #e7b83ad9}}.game-screen.busy .badges{display:none}.tip .ico{vertical-align:-3px}.card.flying{z-index:50;pointer-events:none;text-align:center;color:#2b1a10;background:#f3e6c8;border:2px solid #2b1a10;border-radius:9px;grid-template-rows:auto auto 1fr;align-content:start;justify-items:center;gap:3px;width:112px;height:150px;padding:0 0 8px;font:14px Alegreya Sans,sans-serif;transition:transform .12s,box-shadow .12s;display:grid;position:fixed;overflow:hidden;transform:rotate(-6deg)scale(1.08);box-shadow:0 18px 30px #5a371473}.card.flying .c-band{color:#f6ecd4;background:#b8382a;border-bottom:2px solid #2b1a10;width:100%;padding:5px 4px 4px;font:700 11.5px/1.1 Cinzel,serif}.card.flying .c-art{margin-top:4px;line-height:0}.card.flying .c-text{padding:0 7px;font-size:10px;line-height:1.2}.card.flying.on-target{transform:rotate(0)scale(.9);box-shadow:0 0 0 4px #e7b83a,0 0 24px 8px #e7b83ab3}.card.flying.on-target:after{content:"✓";color:#f6ecd4;background:#3f8f6b;border:2px solid #2b1a10;border-radius:50%;width:26px;height:26px;font:700 16px/26px sans-serif;position:absolute;top:34px;right:8px}.hand-zone .card{cursor:grab;touch-action:none}.hand-zone .card.picking{opacity:.35;transform:translateY(var(--y)) rotate(var(--r));box-shadow:none}