@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter.ttf)format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(/fonts/oswald.ttf)format("truetype")}@font-face{font-family:Noto Sans Devanagari;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-devanagari.ttf)format("truetype")}.game-shell .game-stage{height:calc(100svh - 112px);min-height:0;max-height:none}.game-stage{--head:Anton, Oswald, "Noto Sans Devanagari", sans-serif;--card:#ffffffc2;--muted:#546a7b;--accent:#147d89;--win:#17765c;color-scheme:light;isolation:isolate;color:#20384c;background:radial-gradient(at 30% 20%,#f8fdff,#dcebf2);font-family:Inter,Noto Sans Devanagari,system-ui,sans-serif;position:relative;overflow:hidden}.game-stage #app{max-width:560px;height:100%;min-height:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box;flex-direction:column;margin-inline:auto;display:flex}.game-stage #app header{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 6px;display:flex}.game-stage .title{font:400 26px/1 var(--head);color:#20384c}.game-stage .title span{color:#147d89}.game-stage .sub{letter-spacing:1px;font-size:10px}.game-stage #beta[hidden]{display:none}.game-stage .pill{color:#125f6e;text-align:center;background:#e0f2f2;border:1px solid #afd7dd;border-radius:14px;flex:none;min-width:56px;padding:7px 12px}.game-stage .pill b{font:400 25px/1 var(--head);display:block}.game-stage .pill small{letter-spacing:1px;font-size:8px;font-weight:800;display:block}.game-stage #mapbox{touch-action:none;user-select:none;cursor:grab;flex:none;height:38vh;min-height:180px;position:relative;overflow:hidden}.game-stage #mapbox.dragging{cursor:grabbing}.game-stage #map{touch-action:none;width:100%;height:100%;display:block}.game-stage .map-country path{stroke:#5a7d91;stroke-width:.4px;transition:stroke .18s}.game-stage .map-country{transition:opacity .23s}.game-stage[data-screen=pick] .map-country,.game-stage[data-screen=watchset] .map-country,.game-stage .map-marker{cursor:pointer}.game-stage .map-country.is-muted{opacity:.23}.game-stage .map-country.is-selected path{stroke:#fff;stroke-width:1.5px;paint-order:stroke}.game-stage #card{background:var(--card);backdrop-filter:blur(18px);border:1px solid #fffffff2;border-radius:24px;flex-direction:column;flex:1;gap:12px;min-height:0;margin:8px 12px 12px;padding:18px 14px;display:flex;position:relative;overflow-y:auto;box-shadow:0 12px 32px #315b711c}.game-stage #card>*{flex-shrink:0}.game-stage h2{font:400 29px/1.15 var(--head);color:#20384c;text-align:center;margin:0}.game-stage #card p{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.5}.game-stage button,.game-stage input{font-family:Inter,Noto Sans Devanagari,system-ui,sans-serif}.game-stage #card button,.game-stage #title button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;min-height:46px;padding:12px 14px;font-size:15px;font-weight:800;line-height:1.3;transition:background .16s,transform .16s;display:block}.game-stage #card button:active,.game-stage #title button:active{transform:scale(.985)}.game-stage #card button.ghost,.game-stage #title button.ghost{color:#284558;background:#e5eef3}.game-stage #card button:disabled{opacity:.5;cursor:default}.game-stage button.selected{outline-offset:-2px;outline:2px solid #267f8b}.game-stage #card button.back{align-self:start;width:auto;min-height:36px;padding:8px 12px;font-size:12px}.game-stage .row,.game-stage .wseg{gap:8px;width:100%;display:flex}.game-stage #card input{color:#20384c;box-sizing:border-box;background:#fffc;border:1px solid #adc7d5;border-radius:13px;width:100%;min-height:46px;padding:12px;font-size:16px}.game-stage #card input:focus{outline-offset:1px;outline:2px solid #429aab}.game-stage #country-options{flex-direction:column;gap:4px;display:flex}.game-stage #country-options:empty{display:none}.game-stage #country-options .country-option{text-align:start;color:#20384c;background:#e8f2f7;align-items:center;gap:10px;font-size:13px;display:flex}.game-stage .country-option img,.game-stage .watch-chip img{object-fit:cover;border-radius:4px;width:34px;height:25px}.game-stage details{color:#36596c;border-block-start:1px solid #c8dce6;padding-block:10px 2px;font-size:13px}.game-stage summary{cursor:pointer;min-height:30px;font-weight:700}.game-stage .sound{bottom:6px;color:#1a6277;z-index:2;background:#ffffffe0;border:1px solid #c3dbe6;border-radius:13px;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;display:grid;position:absolute;inset-inline-end:10px;box-shadow:0 3px 12px #34556b16}.game-stage .sound.globe{inset-inline-end:60px}.game-stage .sound.zin{inset-inline:8px auto}.game-stage .sound.zout{inset-inline:56px auto}.game-stage .ic{vertical-align:middle;width:1.15em;height:1.15em;display:inline-block}.game-stage #mix{inset-inline-end:12px;z-index:100;color:#20384c;background:#fffffff2;border:1px solid #d3e5ec;border-radius:15px;padding:14px;position:absolute;bottom:60px;box-shadow:0 8px 32px #254f7733}.game-stage #mix label{flex-direction:column;gap:8px;font-size:13px;display:flex}.game-stage #mix input{width:180px}.game-stage .vs{align-items:stretch;gap:6px;width:100%;display:flex}.game-stage .side{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.game-stage .role{letter-spacing:1.5px;color:#5a7282;font-size:10px;font-weight:800}.game-stage .side .big{aspect-ratio:4/3;object-fit:cover;border-radius:11px;width:100%;max-width:132px;box-shadow:0 6px 16px #31566c24}.game-stage .name{text-align:center;overflow-wrap:anywhere;min-height:42px;font:400 20px/1.1 var(--head);color:#20384c;justify-content:center;align-items:center;display:flex}.game-stage .info{color:#556f80;text-align:center;font-size:12px;line-height:1.4}.game-stage .info em{color:#147582;font-style:normal;font-weight:800}.game-stage .mid{justify-content:center;align-items:center;min-width:40px;display:flex}.game-stage .swords{width:44px;height:52px}.game-stage .dice{justify-content:center;gap:4px;height:32px;display:flex}.game-stage .die{background:linear-gradient(145deg,#f3fcff,#8cc9df);border:1px solid #9dd0df;border-radius:7px;grid-template:repeat(3,1fr)/repeat(3,1fr);width:32px;height:32px;padding:5px;display:grid;box-shadow:inset -2px -2px #6bacc5}.game-stage .die i{background:#224b61;border-radius:2px;place-self:center;width:5px;height:5px}.game-stage .die i.pip-off{visibility:hidden}.game-stage .die.rally{background:linear-gradient(145deg,#ffe2c8,#ef967a);border-color:#eda88c;box-shadow:inset -2px -2px #d07d63}.game-stage.dice-running .dice{animation:.12s infinite alternate dice-jiggle}@keyframes dice-jiggle{to{transform:translateY(-2px)rotate(2deg)}}.game-stage .score{height:34px;font:400 32px/1 var(--head);color:#176f7a;font-variant-numeric:tabular-nums}.game-stage .tags{flex-wrap:wrap;justify-content:center;gap:5px;min-height:24px;display:flex}.game-stage .tag{color:#655012;background:#f5e7b4;border-radius:9px;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.game-stage .hearts{align-items:center;gap:4px;font-size:22px;display:inline-flex}.game-stage .ht{width:1.1em;height:1.05em;overflow:visible}.game-stage .ht path{fill:#e95c70;stroke:#b92f49;stroke-width:1px;paint-order:stroke}.game-stage .ht.lost path{fill:#d1dce2;stroke:#94abb8}.game-stage .stats{justify-content:center;gap:24px;display:flex}.game-stage .stats>div{flex-direction:column;align-items:center;gap:3px;display:flex}.game-stage .stats b{font:400 31px/1 var(--head);color:#1e6975}.game-stage .stats small{letter-spacing:1px;color:#617785;font-size:10px}.game-stage .rank{color:#2e7482;font-weight:700}.game-stage #leave{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.game-stage #leave span{flex:1}.game-stage .battle-content,.game-stage .battle-actions{flex-direction:column;gap:12px;width:100%;display:flex}.game-stage #card:has(#roll:disabled) #leave{visibility:hidden}.game-stage #title{z-index:10;background:#eff7fb url(/images/game/territory-table.webp) 50%/cover;position:absolute;inset:0;overflow:hidden}.game-stage #title .front{background:radial-gradient(#f8fdff73,#0000);flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:18px;display:flex}.game-stage .logo{text-align:center;color:#25485c;font:400 clamp(40px, 7svh, 76px)/1.02 var(--head);text-shadow:0 3px 16px #fffa;letter-spacing:.02em}.game-stage .logo span,.game-stage .logo strong{font-weight:400;display:block}.game-stage .logo strong{color:#167d87}.game-stage .title-modes,.game-stage .modes{flex-direction:column;align-self:center;gap:10px;width:min(440px,100%);display:flex}.game-stage #title .mode,.game-stage #card .mode{text-align:start;color:#25485c;backdrop-filter:blur(14px);background:#ffffffd9;border:1px solid #fff;align-items:center;gap:12px;display:flex;box-shadow:0 5px 20px #41687913}.game-stage #title .mode.big,.game-stage #card .mode.big{color:#fff;background:linear-gradient(130deg,#147d89,#2d96a0);box-shadow:0 7px 25px #23838a36}.game-stage .mode-icon{flex:none;width:32px;height:32px}.game-stage .mode>span{flex:1;min-width:0}.game-stage .mode b{font:400 28px/1.15 var(--head);display:block}.game-stage .mode small{margin-top:5px;font-size:11px;font-weight:500;line-height:1.4;display:block}.game-stage .mode em{flex:none;font-size:10px;font-style:normal;font-weight:700}.game-stage #title .tsound{inset-inline-end:12px;color:#23566b;background:#ffffffd9;width:44px;min-height:44px;padding:11px;position:absolute;bottom:12px}.game-stage .api-status{color:#924e29;font-size:12px;line-height:1.5}.game-stage .watch-controls{flex-direction:column;gap:8px;margin-top:auto;display:flex}.game-stage .watch-speed{gap:5px;display:flex}.game-stage #card .watch-speed button{min-width:0;padding:8px 5px;font-size:12px}.game-stage .watch-speed button:last-child{flex:2}.game-stage .watch-hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.game-stage .watch-leaders{gap:8px;display:flex}.game-stage .watch-leaders span{align-items:center;gap:3px;font-weight:700;display:flex}.game-stage .watch-leaders img{border-radius:3px;width:22px;height:16px}.game-stage #follow-favorite{flex-basis:100%;min-height:36px;padding:7px;font-size:12px}.game-stage #watch-battle .big{max-width:100px}.game-stage #watch-battle .name{min-height:28px;font-size:18px}.game-stage .watch-chip{align-items:center;gap:8px;font-size:13px;display:flex}.game-stage #card .watch-chip button{width:44px;margin-inline-start:auto;padding:8px}.game-stage .wwin{aspect-ratio:4/3;object-fit:cover;border-radius:14px;align-self:center;width:min(180px,70%)}.game-stage .wlab{font-weight:700}@media (aspect-ratio>=5/4){.game-stage #app{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(300px,28%,380px);max-width:none;display:grid}.game-stage #app header{grid-column:1}.game-stage #mapbox{grid-column:1;height:auto;min-height:0}.game-stage #card{grid-area:1/2/3;justify-content:safe center;margin:10px 10px 10px 0}.game-stage #app.watch #card{justify-content:start}}@media (aspect-ratio<=5/4){.game-stage[data-screen=pick] #mapbox,.game-stage[data-screen=watchset] #mapbox{height:30%;min-height:110px;max-height:240px}.game-stage #app.watch #mapbox{height:32%;min-height:120px}.game-stage #app.watch #card{gap:8px;padding:12px}.game-stage #watch-battle .big{max-width:78px}.game-stage #watch-battle .score{height:26px;font-size:26px}}@media (height<=560px){.game-stage #title .front{flex-direction:row;gap:24px}.game-stage .logo{font-size:clamp(32px,8svh,55px)}.game-stage .mode b{font-size:23px}}@media (prefers-reduced-motion:reduce){.game-stage.dice-running .dice{animation:none}}@supports not (backdrop-filter:blur(10px)){.game-stage #card,.game-stage #title .mode{background:#f7fbfe}.game-stage #title .mode.big{background:#147d89}}.game-stage #board{text-align:start;flex-direction:column;gap:12px;width:100%;display:flex}.game-stage .leaderboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.game-stage .lb{min-width:0;font-size:12px}.game-stage .lb h3{letter-spacing:.8px;color:var(--muted);min-height:2.6em;margin:0 0 5px;font:800 10px/1.3 Inter,Noto Sans Devanagari,sans-serif}.game-stage .lb ol{margin:0;padding:0;list-style:none}.game-stage .lb-row{color:#20384c;align-items:center;gap:4px;min-height:34px;padding:3px 0;display:flex}.game-stage .lb-place{color:#9fb2c0;flex:none;place-items:center;width:24px;height:28px;font-size:12px;font-weight:800;display:grid;position:relative}.game-stage .lb-place svg{width:24px;height:28px;position:absolute;inset:0}.game-stage .lb-place>span{color:#142633;align-self:start;padding-top:3px;font-size:12px;line-height:17px;position:relative}.game-stage .lb-place.gold{color:#f1c75b}.game-stage .lb-place.silver{color:#c6d7e4}.game-stage .lb-place.bronze{color:#d79a72}.game-stage .lb img{object-fit:cover;border-radius:2px;flex:none;width:18px;height:14px}.game-stage .lb em{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-style:normal;font-weight:700;overflow:hidden}.game-stage .lb-row>b{min-width:1.6ch;font:400 18px/1 var(--head);text-align:end;font-variant-numeric:tabular-nums;flex:none}.game-stage #board .lb-empty{text-align:start;font-size:12px;line-height:1.5}.game-stage #board .leaderboard-note{text-align:start;color:var(--muted);font-size:11px;line-height:1.45}@media (width<=767px){.game-shell .game-stage{height:calc(100svh - 104px)}}.game-shell .game-stage:fullscreen{height:100dvh}@media (width<=767px),(aspect-ratio<=5/4),(height<=520px) and (aspect-ratio>=5/4){.game-stage[data-screen=play] #app{grid-template-rows:44px minmax(0,1fr) clamp(288px,54%,370px);grid-template-columns:minmax(0,1fr);max-width:none;min-height:0;display:grid}.game-stage[data-screen=play] #app .game-topbar{grid-area:1/1;justify-content:space-between;align-items:center;gap:6px;padding:0 10px;display:flex}.game-stage[data-screen=play] .game-brand{display:block}.game-stage[data-screen=play] .game-brand .title{font-size:20px}.game-stage[data-screen=play] .game-brand .sub{display:none}.game-stage[data-screen=play] .game-topbar .pill{border-radius:10px;min-width:0;padding:4px 6px}.game-stage[data-screen=play] .game-topbar .pill b{font-size:19px}.game-stage[data-screen=play] .game-topbar .pill small{letter-spacing:.5px;font-size:7px;display:block}.game-stage[data-screen=play] #mapbox{grid-area:2/1;height:auto;min-height:0}.game-stage[data-screen=play] #card{border-radius:20px;grid-area:3/1;grid-template-rows:minmax(0,1fr) auto;justify-content:normal;gap:6px;width:min(680px,100% - 16px);min-height:0;margin:6px auto 8px;padding:8px 10px;display:grid;overflow:hidden}.game-stage[data-screen=play] .handle,.game-stage[data-screen=play] .battle-status{display:none}.game-stage[data-screen=play] .battle-content{overscroll-behavior:contain;scrollbar-width:thin;gap:5px;min-height:0;overflow-y:auto}.game-stage[data-screen=play] .battle-actions{gap:0;padding-block-start:2px}.game-stage[data-screen=play]:fullscreen .battle-status{display:block}.game-stage[data-screen=play]:fullscreen .battle-meta{display:none}.game-stage[data-screen=play] #roll{letter-spacing:0;border-radius:14px;min-height:50px;padding:10px 12px;font-size:15px;line-height:1.25}.game-stage[data-screen=play] #leave{display:none}.game-stage[data-screen=play] #leave.confirming{flex-wrap:wrap;gap:6px;margin:0;display:flex}.game-stage[data-screen=play] #leave.confirming span{flex-basis:100%}.game-stage[data-screen=play] #leave.confirming button{flex:1;min-height:44px;font-size:12px}.game-stage[data-screen=play] .side{gap:4px}.game-stage[data-screen=play] .side .big{border-radius:9px;width:min(100%,104px);max-width:104px}.game-stage[data-screen=play] .role{letter-spacing:1.5px;font-size:10px}.game-stage[data-screen=play] .name{min-height:28px;font-size:min(var(--country-name-size,22px), 20px);line-height:1.1}.game-stage[data-screen=play] .info{font-size:12px;line-height:1.25}.game-stage[data-screen=play] .mid{align-items:center;min-width:36px}.game-stage[data-screen=play] .swords{width:38px;height:42px}.game-stage[data-screen=play] .dice{gap:4px;height:28px}.game-stage[data-screen=play] .die{width:28px;height:28px;padding:4px}.game-stage[data-screen=play] .die i{width:5px;height:5px}.game-stage[data-screen=play] .score{height:30px;font-size:30px}.game-stage[data-screen=play] .mul{vertical-align:4px;margin-inline-start:3px;font-size:18px}.game-stage[data-screen=play] #tags{gap:4px;min-height:0}.game-stage[data-screen=play] #tags:empty{display:none}.game-stage[data-screen=play] .tag{letter-spacing:0;padding:4px 6px;font-size:10px;line-height:1.2}}@media (height<=680px) and (aspect-ratio<=5/4){.game-stage[data-screen=play] .side{gap:3px}.game-stage[data-screen=play] .side .big{max-width:84px}.game-stage[data-screen=play] .name{min-height:24px;font-size:min(var(--country-name-size,22px), 18px)}.game-stage[data-screen=play] .info{font-size:11px}.game-stage[data-screen=play] .dice,.game-stage[data-screen=play] .die{height:24px}.game-stage[data-screen=play] .die{width:24px;padding:3px}.game-stage[data-screen=play] .score{height:26px;font-size:26px}}@media (height<=600px) and (aspect-ratio<=5/4){.game-stage[data-screen=play] .side .big{max-width:72px}}@media (height<=560px) and (aspect-ratio<=5/4){.game-stage[data-screen=play] #app{grid-template-rows:44px minmax(56px,22%) minmax(0,1fr)}.game-stage[data-screen=play] .side .big{max-width:64px}}@media (height<=520px) and (aspect-ratio>=5/4){.game-stage[data-screen=play] #app{grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(260px,42%);max-width:none;display:grid}.game-stage[data-screen=play] #card{grid-area:1/2/3;grid-template-rows:minmax(0,1fr) auto;gap:4px;width:auto;min-height:0;margin:6px 6px 6px 0;padding:8px;display:grid;overflow:hidden}.game-stage[data-screen=play] .side .big{max-width:64px}.game-stage[data-screen=play] .battle-content{gap:4px;min-height:0;overflow-y:auto}.game-stage[data-screen=play] .battle-status,.game-stage[data-screen=play] .handle{display:none}.game-stage[data-screen=play] #roll{min-height:44px;padding:8px;font-size:14px}}.game-stage .score-submit{flex-direction:column;gap:7px;padding-block:10px;display:flex}.game-stage .score-submit>label{font-size:13px;font-weight:700}.game-stage .score-entry{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.game-stage #card .score-entry input{min-width:0;min-height:46px;padding:10px 12px;font-size:16px}.game-stage #card .score-entry button{letter-spacing:0;width:auto;min-height:46px;padding:10px 12px;font-size:13px}.game-stage #card .score-help{text-align:start;font-size:11px;line-height:1.4}.game-stage #card .score-saved{color:#176d78;background:#e1f2ee;border-radius:12px;padding:12px;font-weight:700}.game-stage .game-instructions{padding-block:10px}.game-stage #card .game-instructions p{text-align:start;margin:6px 0 12px;font-size:13px;line-height:1.65}.game-stage .game-instructions h3{letter-spacing:0;margin:20px 0 8px;font-size:16px;line-height:1.35}.game-stage .game-instructions h4{font-size:13px;line-height:1.4}.game-stage .instruction-steps{margin:0;padding-inline-start:22px}.game-stage .instruction-steps li{margin-block:10px;padding-inline-start:4px}.game-stage .instruction-example{background:#e5f1f6;border-radius:10px;padding:10px 12px}.game-stage .instruction-bands{margin:12px 0;font-size:12px}.game-stage .instruction-bands>div{border-block-end:1px solid #c4dbe6;justify-content:space-between;align-items:baseline;gap:12px;padding-block:7px;display:flex}.game-stage .instruction-bands dt{color:#546a7b}.game-stage .instruction-bands dd{font-variant-numeric:tabular-nums;flex:none;margin:0;font-weight:800}.game-stage .instruction-ranks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.game-stage .instruction-ranks li{background:#e5f1f6;border-radius:10px;flex-direction:column;gap:3px;padding:9px 12px;font-size:12px;display:flex}.game-stage .instruction-ranks span{color:#546a7b}.game-stage .share-copy{flex-direction:column;gap:6px;font-size:12px;display:flex}.game-stage .share-copy textarea{box-sizing:border-box;color:#20384c;width:100%;min-height:110px;font:inherit;background:#f5fafe;border:1px solid #365364;border-radius:10px;padding:10px;line-height:1.5}
