@font-face{font-family:Ruslan Display;src:url(/fonts/ruslan-display-v27-cyrillic_latin-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/alegreya-v41-cyrillic_latin-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/alegreya-v41-cyrillic_latin-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--font-display:"Ruslan Display", Georgia, serif;--font-body:"Alegreya", Georgia, "Times New Roman", serif;--bg:#17110c;--panel:#181009d1;--parchment:#e8d5ae;--gold:#c9973f;--gold-bright:#ffd685;--gold-dim:#8a6a2f;--red:#a5341f;--red-bright:#d95536;--ink:#2b1c10;--text:#e8d5ae;--muted:#a89066;--card-w:96px;--card-h:133px;--card-w-sm:64px;--card-h-sm:89px;--glow-gold:0 0 18px #ffd68573}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-weight:500}.title{font-family:var(--font-display);text-align:center;color:var(--gold-bright);letter-spacing:.1em;text-shadow:0 1px #5d4013,0 3px 6px #000c,0 0 34px #ffbe5080;margin:0;font-size:54px;font-weight:400}.subtitle{text-align:center;color:var(--parchment);text-shadow:0 2px 6px #000000e6;letter-spacing:.04em;margin:6px 0 24px}.hint{color:var(--muted);text-align:center;text-shadow:0 1px 3px #000c;font-size:13px;line-height:1.5}.prompt{color:var(--parchment);text-align:center;margin:4px 0;font-size:15px}.btn{letter-spacing:.02em;color:var(--gold-bright);cursor:pointer;text-shadow:0 1px 2px #000c;background:linear-gradient(#4a3517,#2c1f0e 55%,#241808);border:1px solid #6e5322;border-radius:12px;padding:12px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:transform 80ms,box-shadow .25s,filter .2s;box-shadow:inset 0 1px #ffd68540,inset 0 -2px 4px #00000080,0 3px 8px #0009}.btn:active{filter:brightness(1.15);transform:scale(.96)}.btn:disabled{opacity:.35;pointer-events:none}.btn-primary{color:#2b1a02;text-shadow:0 1px #ffebbe8c;background:linear-gradient(#f0c060,#c9973f 45%,#96690f);border-color:#ffe3a3;font-weight:700;box-shadow:inset 0 1px #fff0c8cc,inset 0 -3px 5px #5a37008c,0 4px 16px #dca03c73}.btn-danger{color:#ffe4cf;background:linear-gradient(#c04a2c,#8c2c17 50%,#6b1e0d);border-color:#e07a52;box-shadow:inset 0 1px #ffb48c66,inset 0 -2px 4px #00000080,0 4px 14px #be462366}.btn-ghost{color:var(--muted);box-shadow:none;background:#140d068c;border-color:#5a4527}.btn-big{border-radius:14px;padding:16px 38px;font-size:21px}.btn-icon{color:var(--muted);cursor:pointer;background:#140d0699;border:1px solid #5a4527;border-radius:9px;width:36px;height:36px;font-size:16px}.chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{border:1px solid var(--gold);color:var(--gold-bright);cursor:pointer;background:linear-gradient(#3c2b13,#241808);border-radius:999px;padding:9px 16px;font-family:inherit;font-size:14px;box-shadow:inset 0 1px #ffd68533,0 2px 6px #00000080}.chip:active{transform:scale(.95)}.lobby{background:linear-gradient(#0a060340 0%,#0a06030d 35%,#0a0603d1 72%,#080502f2 100%),url(/bg-menu.jpg) top/cover no-repeat fixed;flex-direction:column;justify-content:flex-end;min-height:100dvh;display:flex}.lobby-inner{padding:24px 24px calc(28px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;width:100%;max-width:430px;margin:0 auto;display:flex}.lobby-players{flex-direction:column;gap:10px;display:flex}.lobby-row{align-items:center;gap:8px;display:flex}.lobby-row input{color:var(--parchment);background:#140d07d9;border:1px solid #5a4527;border-radius:10px;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:inherit;font-size:17px;box-shadow:inset 0 2px 6px #0009}.lobby-row input:focus{border-color:var(--gold);box-shadow:inset 0 2px 6px #0009,0 0 10px #c9973f59}.lobby-actions{justify-content:center;align-items:center;gap:10px;display:flex}.seat-toggle{cursor:pointer;border:1px solid #6e5322;border-radius:10px;flex:none;width:46px;height:46px;font-size:21px;box-shadow:inset 0 1px #ffd68533,0 2px 6px #0000008c}.seat-human{color:var(--gold-bright);background:linear-gradient(#4a3517,#241808)}.seat-bot{color:#a8c4d4;background:linear-gradient(#35414a,#171e24);border-color:#4a616e}.handover{text-align:center;background:radial-gradient(120% 100% at 50% 30%,#0c07038c 0%,#080502ed 78%),url(/bg-menu.jpg) 50%/cover no-repeat fixed;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:32px;display:flex}.handover h2{color:var(--parchment);text-shadow:0 2px 5px #000;margin:0;font-size:18px;font-weight:400}.handover-name{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 2px 4px #000,0 0 30px #ffc85a8c;letter-spacing:.04em;font-size:42px}.handover-note{color:#ffb08c;text-shadow:0 2px 5px #000;max-width:320px;margin:0;font-size:16px;line-height:1.4}.handover-seal{border:2px solid var(--gold);width:96px;height:96px;color:var(--gold-bright);background:radial-gradient(circle at 35% 30%,#4a3517,#1c1207);border-radius:50%;justify-content:center;align-items:center;font-size:46px;display:flex;box-shadow:0 6px 34px #dca03c66,inset 0 1px #ffd6854d}.card{width:var(--card-w);height:var(--card-h);background:#101010;border:1px solid #0c0906;border-radius:8px;flex:none;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px #ffd6851f,0 5px 14px #000000a6}.card img{object-fit:cover;width:100%;height:100%;display:block}.card-sm{width:var(--card-w-sm);height:var(--card-h-sm)}.card-city{width:var(--card-h);height:calc(var(--card-h) * .72)}.card-city.card-sm{width:110px;height:79px}.card-selected{outline:3px solid var(--gold-bright);outline-offset:-1px;box-shadow:var(--glow-gold), 0 14px 26px #0009;transform:translateY(-10px)}.card-fallback{width:100%;height:100%;color:var(--ink);background:linear-gradient(160deg,#ead9b2,#d8bf8b);flex-direction:column;gap:3px;padding:6px;display:flex;position:relative}.cf-name{color:#7c2313;font-size:11px;font-weight:700;line-height:1.15}.cf-type{text-transform:uppercase;letter-spacing:.06em;color:#6b5637;font-size:9px}.cf-text{font-size:9px;line-height:1.25;overflow:hidden}.cf-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:5px}.cf-str{background:radial-gradient(circle at 35% 30%,#b3552e,#71301a);right:5px}.cf-slava{color:#33220a;background:radial-gradient(circle at 35% 30%,#e0a33b,#9c6b1e);left:5px}.card-back-fallback{background:radial-gradient(circle at 50% 40%,#23180d,#0d0906);justify-content:center;align-items:center}.card-back-fallback span{color:var(--gold);font-size:34px}.game{height:100dvh;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0e090459,#0e09048c),url(/bg-board.jpg) 50%/cover no-repeat fixed;flex-direction:column;gap:6px;max-width:560px;margin:0 auto;display:flex;overflow:hidden}.tables{flex-direction:column;flex:1 1 0;gap:8px;min-height:0;display:flex;overflow-y:auto}.board{background:var(--panel);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid #c9973f47;border-radius:14px;padding:9px;box-shadow:inset 0 1px #ffd68514,0 4px 12px #00000073}.board-active{border-color:var(--gold);box-shadow:inset 0 1px #ffd68526,0 0 22px #e6af504d}.board-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.board-name{color:var(--gold-bright);letter-spacing:.02em;text-shadow:0 1px 3px #000;font-size:16px;font-weight:700}.board-meta{color:var(--muted);font-size:12px}.board-empty{color:var(--muted);font-size:12px;font-style:italic}.board-cities{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.board-letopisi{gap:6px;margin-top:6px;display:flex;overflow-x:auto}.city{border:1px solid #0000;border-radius:10px;flex-direction:column;flex:none;gap:4px;padding:5px;display:flex}.city-target{border-color:var(--red-bright);cursor:pointer;background:#a5341f2e;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #d9553600}50%{box-shadow:0 0 18px #d955368c}}.city-info{color:var(--parchment);text-shadow:0 1px 3px #000;justify-content:center;gap:8px;font-size:12px;display:flex}.city-buildings{flex-wrap:wrap;gap:4px;max-width:150px;display:flex}.city-buildings .card{width:44px;height:61px}.status-bar{color:var(--parchment);text-shadow:0 1px 3px #000;align-items:center;gap:12px;padding:2px 6px;font-size:14px;display:flex}.deck-count{font-size:15px}.status-endgame{color:#ff8c66;font-weight:700;animation:1.4s infinite pulse}.bot-thinking{color:#a8c4d4;font-style:italic}.turn-banner{z-index:25;pointer-events:none;font-family:var(--font-display);color:var(--gold-bright);letter-spacing:.1em;text-shadow:0 2px 4px #000,0 0 40px #ffc85acc;background:radial-gradient(#140c04e0 30%,#140c0400 75%);padding:14px 44px;font-size:38px;position:fixed;top:38%;left:50%;translate:-50% -50%}.bottom{flex-direction:column;gap:10px;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions-col{flex-direction:column;align-items:center;gap:8px;display:flex}.hand{min-height:calc(var(--card-h) + 20px);gap:6px;padding:12px 6px 6px;display:flex;overflow-x:auto}.hand>.card:not(.card-selected):hover{transform:translateY(-6px)}.hand-inline{flex-wrap:wrap;justify-content:center;min-height:0;overflow:visible}.pending{background:linear-gradient(#4a180ce0,#200e07eb);border:1px solid #d9553699;border-radius:16px;flex-direction:column;align-items:center;gap:10px;max-height:62dvh;padding:13px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ff966e26,0 6px 22px #0000008c}.board-target{border-color:var(--red-bright);cursor:pointer;background:#a5341f38;animation:1.2s ease-in-out infinite pulse}.drop-zone{border:2px dashed var(--gold);color:var(--gold-bright);cursor:pointer;text-shadow:0 1px 3px #000;background:#c9973f1a;border-radius:14px;padding:16px 42px;font-size:18px;animation:1.5s ease-in-out infinite drop-pulse}@keyframes drop-pulse{0%,to{border-color:var(--gold);box-shadow:0 0 #ffd68500}50%{border-color:var(--gold-bright);box-shadow:0 0 22px #ffd68566}}.drop-zone:active{transform:scale(.97)}.card-preview-mobile{left:10px;bottom:calc(var(--card-h) + 118px);z-index:44;pointer-events:none;position:fixed}.card-preview-mobile .card{width:160px;height:222px;box-shadow:0 14px 44px #000c, var(--glow-gold)}.card-preview-mobile .card-city{width:222px;height:160px}.pending h3{color:#ffe4cf;text-align:center;text-shadow:0 1px 3px #000;margin:0;font-size:16px;font-weight:400}.sheet{z-index:30;border-top:2px solid var(--gold);padding:16px 16px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#281b0df7,#180f07fc);border-radius:20px 20px 0 0;flex-direction:column;align-items:center;gap:10px;max-height:82dvh;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px #000000b3}.sheet-card .card{width:150px;height:208px}.sheet-card .card-city{width:208px;height:150px}.sheet-text{color:var(--parchment);text-align:center;max-width:360px;margin:0;font-size:14px;line-height:1.45}.log{z-index:40;border-left:1px solid var(--gold);background:linear-gradient(#241808,#17100a);width:min(320px,86vw);padding:16px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 30px #0009}.log h3{font-family:var(--font-display);color:var(--gold-bright);margin:4px 0 12px;font-weight:400}.log-close{position:absolute;top:10px;right:10px}.log-entries p{color:var(--parchment);opacity:.9;margin:0 0 8px;font-size:13px;line-height:1.4}.toast{z-index:50;color:#ffe4cf;background:linear-gradient(#c04a2c,#8c2c17);border:1px solid #e07a52;border-radius:12px;max-width:86vw;padding:12px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009}.game-shake{animation:.45s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(6px,-1px)}}.fx-overlay{z-index:60;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow:hidden}.fx-icon{filter:drop-shadow(0 4px 12px #000c);font-size:96px;line-height:1}.fx-text{color:var(--parchment);text-align:center;text-shadow:0 2px 4px #000,0 0 22px #000000e6;background:radial-gradient(#0f0903d9 40%,#0f090300 80%);max-width:80vw;padding:10px 30px;font-size:21px}.fx-clash{background:radial-gradient(#781e0a47,#0000 70%)}.fx-clash .fx-icon{color:#ffd685;text-shadow:0 0 40px #ff7828e6}.fx-shield{background:radial-gradient(#28466e40,#0000 70%)}.fx-capture{background:radial-gradient(#c896284d,#0000 72%)}.fx-capture .fx-icon{color:var(--gold-bright);text-shadow:0 0 50px #ffc850}.fx-capture .fx-text{font-family:var(--font-display);color:var(--gold-bright);font-size:26px}.fx-fire{background:radial-gradient(at 50% 70%,#b43c0a59,#0000 75%)}.fx-horn{background:radial-gradient(#5a0a058c,#28050233 80%)}.fx-horn .fx-icon{color:#d95536}.fx-horn .fx-text{font-family:var(--font-display);color:#ff8c66;font-size:26px}.fx-slash{background:linear-gradient(90deg,#0000,#ffd685,#fff,#ffd685,#0000);border-radius:3px;height:3px;position:absolute;top:45%;left:10%;right:10%;box-shadow:0 0 24px #ffd685e6}.fx-slash-r{top:52%;transform:scaleX(-1)}.fx-showcase{background:radial-gradient(#0f09038c,#0000 75%)}.fx-card{position:relative}.fx-card .card{width:170px;height:236px;box-shadow:0 18px 60px #000000d9, var(--glow-gold)}.fx-card .card-city{width:236px;height:170px}.fx-card-icon{filter:drop-shadow(0 3px 8px #000000e6);font-size:44px;position:absolute;top:-18px;right:-18px}.fx-embers{position:absolute;inset:0}.fx-ember{font-size:22px;position:absolute;bottom:25%}.board-head{cursor:pointer;-webkit-user-select:none;user-select:none}.board-chevron{color:var(--gold-dim)}.board-collapsed{flex-wrap:wrap;gap:6px;display:flex}.city-chip{color:var(--parchment);white-space:nowrap;background:#140d0680;border:1px solid #c9973f66;border-radius:999px;padding:4px 10px;font-size:12px}.status-buttons{gap:6px;margin-left:auto;display:flex}.status-bar .btn-icon{margin-left:0}.lobby-row-wrap{flex-direction:column;gap:5px;display:flex}.level-row{gap:6px;padding-left:54px;display:flex}.level-btn{cursor:pointer;color:#7e98a6;background:#171e24b3;border:1px solid #4a616e;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12px}.level-active{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#3c2b13,#241808)}.rules{z-index:70;background:linear-gradient(#1e1409fa,#120c06fc);flex-direction:column;padding:20px 0 0;display:flex;position:fixed;inset:0}.rules-scroll{width:100%;max-width:520px;margin:0 auto;padding:0 22px 20px;overflow-y:auto}.rules h2{font-family:var(--font-display);color:var(--gold-bright);text-align:center;letter-spacing:.04em;margin:6px 0 14px;font-weight:400}.rules h3{color:var(--gold);border-bottom:1px solid #c9973f4d;margin:18px 0 6px;padding-bottom:4px;font-size:16px}.rules p,.rules li{color:var(--parchment);font-size:14px;line-height:1.55}.rules ul{margin:6px 0;padding-left:20px}.rules b{color:var(--gold-bright)}.rules-close{margin:10px auto calc(16px + env(safe-area-inset-bottom));flex:none}.scores{min-height:100dvh;padding:clamp(16px, 4vh, 40px) 16px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#0a060399,#080502e6),url(/bg-menu.jpg) 50%/cover no-repeat fixed;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.scores-inner{flex-direction:column;align-items:center;gap:clamp(12px,2.5vh,24px);width:100%;max-width:560px;margin:auto;display:flex}.scores-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 4px #000;margin:0;font-size:15px;font-style:italic}.champion{text-align:center;border:2px solid var(--gold);background:radial-gradient(120% 140% at 50% 0,#c9973f47,#181009e0 60%);border-radius:20px;padding:clamp(18px,3vh,30px) clamp(24px,6vw,56px);position:relative;box-shadow:0 0 44px #ffc85a47,inset 0 1px #ffd68540}.champion-crown{color:var(--gold-bright);text-shadow:0 0 26px #ffc850e6,0 3px 5px #000;font-size:clamp(34px,6vh,52px);line-height:1}.champion-name{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 2px 4px #000,0 0 30px #ffc85a8c;word-break:break-word;margin:4px 0 0;font-size:clamp(26px,6vw,44px);font-weight:400}.champion-score{font-family:var(--font-display);color:var(--parchment);text-shadow:0 0 22px #ffd68580;font-size:clamp(30px,7vw,46px)}.champion-sub{color:var(--muted);margin:2px 0 0;font-size:14px;font-style:italic}.scores-list{flex-direction:column;gap:10px;width:100%;display:flex}.score-row{background:var(--panel);border:1px solid #c9973f4d;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.score-winner{border-color:var(--gold-bright);background:linear-gradient(#c9973f33,#181009d9);box-shadow:0 0 24px #ffd68540}.score-rank{font-family:var(--font-display);color:var(--muted);text-align:center;flex:none;width:32px;font-size:20px}.score-rank-1{color:var(--gold-bright);text-shadow:0 0 14px #ffc850cc}.score-body{flex:auto;min-width:0}.score-name{color:var(--gold-bright);text-shadow:0 1px 3px #000;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.score-cities{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.score-chip{color:var(--parchment);white-space:nowrap;background:#140d068c;border:1px solid #c9973f59;border-radius:999px;padding:2px 8px;font-size:11.5px}.score-chip-empty{color:var(--muted);border-style:dashed;font-style:italic}.score-value{font-family:var(--font-display);color:var(--parchment);text-shadow:0 0 14px #ffd68566;text-align:right;flex:none;min-width:44px;font-size:clamp(22px,5vw,30px)}.fan-slot{flex:none;position:relative}.fan-slot:hover{z-index:55!important}.fan-slot:has(.card-selected){z-index:60!important}@media (hover:hover){.btn:hover{filter:brightness(1.18);box-shadow:0 6px 20px #c9973f59}.btn-ghost:hover,.btn-icon:hover{color:var(--gold-bright);border-color:var(--gold)}.chip:hover{filter:brightness(1.25)}.city-target:hover{background:#c74a304d}.board-head:hover .board-name{color:#ffe9bd}}@media (width>=900px){:root{--card-w:122px;--card-h:169px;--card-w-sm:78px;--card-h-sm:108px}.game{background:linear-gradient(#0e090438,#0e09046b),url(/bg-board-wide.jpg) 50%/cover no-repeat fixed;gap:10px;max-width:none;padding:14px 28px}.game>.tables,.game>.status-bar,.game>.bottom,.game>.pending-wrap{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}.lobby,.handover,.scores{background-image:linear-gradient(#0a060340 0%,#0a06030d 35%,#0a0603cc 72%,#080502f0 100%),url(/bg-menu-wide.jpg)}.handover{background-image:radial-gradient(120% 100% at 50% 30%,#0c07038c 0%,#080502ed 78%),url(/bg-menu-wide.jpg)}.scores{background-image:linear-gradient(#0a060399,#080502e6),url(/bg-menu-wide.jpg)}.card-preview-mobile{inset:50% 34px auto auto;transform:translateY(-50%)}.tables{grid-template-columns:repeat(2,1fr);align-content:start;gap:12px;display:grid;overflow:visible}.board{align-self:start}.board-cities{flex-wrap:wrap;overflow:visible}.city-buildings{max-width:190px}.city-buildings .card{width:52px;height:72px}.hand{min-height:calc(var(--card-h) + 42px);justify-content:center;align-items:flex-end;padding-top:26px;overflow:visible}.hand-fan .fan-slot{transform-origin:50% 120%;transition:transform .18s}.hand-fan .fan-slot:hover{z-index:50!important;transform:translateY(-26px)scale(1.06)!important}.status-bar{font-size:15px}.turn-banner{font-size:58px}.fx-icon{font-size:130px}.fx-text{font-size:26px}.card-preview{z-index:45;pointer-events:none;position:fixed;top:50%;right:34px;transform:translateY(-50%)}.card-preview .card{width:290px;height:402px;box-shadow:0 18px 60px #000c, var(--glow-gold)}.card-preview .card-city{width:402px;height:290px}.sheet{border:2px solid var(--gold);border-radius:20px;width:480px;margin-left:-240px;bottom:40px;left:50%;right:auto}.sheet-card .card{width:190px;height:263px}.sheet-card .card-city{width:263px;height:190px}.pending{width:100%;max-width:760px;margin:0 auto}.lobby-inner{max-width:480px}.title{font-size:72px}.handover-name{font-size:58px}.scores-inner{max-width:640px}.champion{padding:26px 72px}}.icon{object-fit:contain;vertical-align:-.2em;filter:drop-shadow(0 1px 2px #0000008c);-webkit-user-select:none;user-select:none;width:1.15em;height:1.15em;display:inline-block}.icon-spin{animation:26s linear infinite icon-spin}@keyframes icon-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.icon-spin{animation:none}}.icon-sun{filter:drop-shadow(0 0 5px #ffc85080)}.btn-icon{justify-content:center;align-items:center;transition:transform .15s,border-color .15s;display:inline-flex}.btn-icon .icon{width:21px;height:21px}.btn-icon:active{transform:scale(.88)}.btn-icon-off{position:relative}.btn-icon-off .icon{filter:grayscale()brightness(.5)}.btn-icon-off:after{content:"";background:#c94b30;border-radius:2px;height:2px;position:absolute;top:50%;left:8px;right:8px;transform:rotate(-32deg);box-shadow:0 1px 3px #000c}.bot-thinking .icon-spin{animation-duration:3.5s}.fx-icon .icon-fx{filter:drop-shadow(0 6px 18px #000000d9);width:124px;height:124px}.fx-capture .icon-fx{filter:drop-shadow(0 0 34px #ffc850e6);animation:14s linear infinite icon-spin}.fx-card-icon .icon{width:48px;height:48px}.champion-crown .icon{filter:drop-shadow(0 4px 14px #ffc8508c);width:60px;height:60px}.score-rank .icon{width:22px;height:22px}.seat-toggle{justify-content:center;align-items:center;display:inline-flex}.seat-toggle .icon{width:27px;height:27px;transition:transform .16s}@media (hover:hover){.btn{transition:transform .15s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn-icon:hover{border-color:var(--gold);transform:translateY(-1px)scale(1.1)}.btn-icon:hover .icon{filter:drop-shadow(0 0 6px #ffd68599)}.icon-swords,.icon-deck{transition:transform .18s}.btn:hover:not(:disabled) .icon-swords{transform:rotate(-14deg)scale(1.2)}.deck-count:hover .icon-deck{transform:translateY(-2px)rotate(-5deg)}.seat-toggle:hover .icon{transform:rotate(-8deg)scale(1.12)}.city-slava:hover .icon-sun{filter:drop-shadow(0 0 10px #ffd25af2)brightness(1.15)}}.board-name .icon,.score-name .icon{margin-right:6px}.tutor{top:calc(46px + env(safe-area-inset-top));z-index:70;border:1px solid var(--gold);text-align:center;pointer-events:none;background:linear-gradient(#281c0df7,#170f06f7);border-radius:14px;width:min(92vw,560px);margin:0 auto;padding:13px 16px;position:fixed;left:0;right:0;box-shadow:inset 0 0 0 2px #c9973f4d,inset 0 1px #ffd68540,0 12px 44px #000c}.tutor h3{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 2px 4px #000;margin:0 0 6px;font-size:20px;font-weight:400}.tutor p{color:var(--parchment);text-shadow:0 1px 2px #000;margin:0;font-size:15px;line-height:1.45}.tutor button{pointer-events:auto;margin-top:10px}.tutor-bot{border-color:#4a616e;box-shadow:inset 0 0 0 2px #5a829640,0 12px 44px #000c}.tutor-bot p{color:#a8c4d4;font-style:italic}.tutor-exit{top:calc(6px + env(safe-area-inset-top));z-index:71;border-radius:9px;padding:7px 10px;font-size:12px;position:fixed;right:8px}.tutor-hi{z-index:6;border-radius:12px;animation:1.5s ease-in-out infinite tutor-pulse;position:relative}@keyframes tutor-pulse{0%,to{box-shadow:0 0 0 3px #ffd685e6,0 0 20px 5px #ffbe3c80}50%{box-shadow:0 0 0 3px #ffd685a6,0 0 34px 10px #ffbe3cd9}}.hand-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gold-dim) transparent;justify-content:flex-start;padding:14px 10px 8px;overflow:auto visible}.hand-scroll .fan-slot:first-child{margin-left:auto}.hand-scroll .fan-slot:last-child{margin-right:auto}.hand-scroll::-webkit-scrollbar{height:6px}.hand-scroll::-webkit-scrollbar-thumb{background:#c9973f73;border-radius:3px}.city-openable{cursor:pointer}.city-bcount{color:var(--gold-dim);white-space:nowrap;background:#140d068c;border:1px solid #c9973f59;border-radius:999px;padding:0 7px;font-size:11px;line-height:17px}.city-openable:active .city-bcount{color:var(--gold-bright)}.btn{background:radial-gradient(130% 200% at 50% -40%,#ffd68529,#0000 45%),linear-gradient(#4e3818,#2c1f0e 55%,#1f1404);border-color:#7a5c26;box-shadow:inset 0 0 0 1px #0f0903e6,inset 0 0 0 2px #c9973f61,inset 0 1px #ffd68547,inset 0 -3px 6px #0000008c,0 4px 12px #000000a6}.btn-primary{background:radial-gradient(130% 200% at 50% -40%,#fffadc80,#0000 45%),linear-gradient(#f0c060,#c9973f 45%,#96690f);box-shadow:inset 0 0 0 1px #5a370099,inset 0 0 0 2px #fff0c8b3,inset 0 1px #fff0c8cc,inset 0 -3px 5px #5a37008c,0 4px 16px #dca03c73}.btn-danger{box-shadow:inset 0 0 0 1px #280802cc,inset 0 0 0 2px #ffa07859,inset 0 1px #ffb48c66,inset 0 -2px 4px #00000080,0 4px 14px #be462366}.btn-ghost{color:#cdb68a;background:#140d0699;box-shadow:inset 0 0 0 1px #c9973f33,0 2px 8px #0006}.btn-big{font-family:var(--font-display);letter-spacing:.05em;padding:15px 40px;font-size:23px;font-weight:400}.lobby-tutorial{color:var(--parchment);justify-content:center;align-items:center;gap:10px;font-weight:500;display:flex}.lobby-tutorial .icon{width:22px;height:22px}.lobby-actions .btn{white-space:nowrap;flex:1 1 0;padding-left:8px;padding-right:8px}.lobby-actions .btn-big{flex:1.5 1 0;padding-left:10px;padding-right:10px}.tutor-skip{padding:7px 16px;font-size:13px}.lobby-expansions{flex-direction:column;gap:8px;display:flex}.exp-toggle{text-align:left;cursor:pointer;color:var(--muted);background:#140d0699;border:1px solid #4a3a1d;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1px #c9973f1f}.exp-on{border-color:var(--gold);color:var(--parchment);box-shadow:inset 0 0 0 1px #c9973f59,0 0 14px #e6af5040}.exp-check{color:var(--gold-dim);flex:none;font-size:19px}.exp-on .exp-check{color:var(--gold-bright);text-shadow:0 0 8px #ffc850cc}.exp-body{flex-direction:column;gap:2px;min-width:0;display:flex}.exp-name{font-size:14px;font-weight:700}.exp-on .exp-name{color:var(--gold-bright)}.exp-blurb{color:var(--muted);font-size:12px}.library{min-height:100dvh;padding:14px 14px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#0a0603db,#080502f0),url(/bg-menu.jpg) 50%/cover no-repeat fixed;flex-direction:column;gap:12px;display:flex}.lib-head{align-items:center;gap:12px;display:flex}.lib-title{font-family:var(--font-display);color:var(--gold-bright);text-shadow:0 2px 5px #000;flex:1;margin:0;font-size:24px;font-weight:400}.lib-title .icon{width:26px;height:26px}.lib-count{color:var(--muted);font-size:13px}.lib-filters{flex-direction:column;gap:8px;display:flex}.lib-filter-row{flex-wrap:wrap;gap:6px;display:flex}.lib-filter-row .chip{opacity:.75;padding:6px 12px;font-size:12px}.lib-filter-row .chip-on{opacity:1;box-shadow:inset 0 1px #ffd68533,0 0 12px #e6af5073}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-items:start;gap:10px;display:grid}.lib-cell{cursor:pointer;position:relative}.lib-cell .card{aspect-ratio:62/92;width:100%;height:auto}.lib-cell .card-city{aspect-ratio:92/62}.lib-cell .card img{object-fit:cover;width:100%;height:100%}.lib-copies{z-index:2;color:#2b1a02;background:linear-gradient(#f0c060,#96690f);border:1px solid #ffe3a3;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:-7px;right:-5px;box-shadow:0 2px 5px #0009}.lib-view{z-index:80;background:#080502d1;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.lib-view-inner{border:1px solid var(--gold);background:linear-gradient(#281c0df7,#170f06f7);border-radius:18px;align-items:center;gap:20px;width:100%;max-width:720px;padding:20px;display:flex;box-shadow:inset 0 0 0 2px #c9973f4d,0 24px 70px #000000d9}.lib-view-inner .card{flex:none;width:240px;height:356px}.lib-view-inner .card-city{width:320px;height:232px}.lib-view-info{flex-direction:column;gap:8px;min-width:0;display:flex}.lib-view-info h2{font-family:var(--font-display);color:var(--gold-bright);margin:0;font-size:24px;font-weight:400}.lib-view-meta{color:var(--gold-dim);margin:0;font-size:14px}.lib-view-text{color:var(--parchment);margin:0;font-size:15px;line-height:1.5}.lib-view-set{color:var(--muted);margin:0;font-size:12px;font-style:italic}.lib-view-info .btn{align-self:flex-start;margin-top:6px}.lobby-library{justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=640px){.lib-view-inner{flex-direction:column;gap:12px;max-height:92dvh;overflow-y:auto}.lib-view-inner .card{width:190px;height:282px}.lib-view-inner .card-city{width:260px;height:188px}.lib-view-info{text-align:center;align-items:center}.lib-view-info .btn{align-self:center}}@media (width>=900px){.library{padding:22px 5vw}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.lib-cell:hover{transition:transform .15s;transform:translateY(-4px)}}.lesson-list{flex-direction:column;gap:6px;display:flex;overflow:hidden}.lesson-btn{text-align:left;cursor:pointer;background:#140d06a6;border:1px solid #4a3a1d;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;font-family:inherit;transition:border-color .15s;display:flex;box-shadow:inset 0 0 0 1px #c9973f1f}.lesson-btn:hover{border-color:var(--gold)}.lesson-title{color:var(--gold-bright);font-size:14px;font-weight:700}.lesson-desc{color:var(--muted);font-size:12px}.lobby-secondary{gap:10px;display:flex}.lobby-secondary .btn{white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding-left:8px;padding-right:8px;display:flex}.lobby-online{color:var(--parchment);font-weight:500}.online-title{font-size:40px}.online-status{color:var(--muted);text-align:center;margin:0;font-size:13px}.online-link{word-break:break-all;white-space:normal;font-size:12px}.online-seat{background:#140d06a6;border:1px solid #4a3a1d;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.online-seat .icon{width:22px;height:22px}.online-seat-name{color:var(--parchment);flex:1;font-weight:600}.online-seat-off{opacity:.45;font-style:italic}.online-kick{width:28px;height:28px;font-size:13px}.online-join{gap:8px;display:flex}.online-join input{letter-spacing:.2em;text-transform:uppercase;color:var(--parchment);background:#140d07d9;border:1px solid #5a4527;border-radius:10px;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:inherit;font-size:18px}.online-error{color:#ff8c66;text-align:center;margin:0;font-size:14px}.online-hint-bottom{text-align:center;position:fixed;bottom:8px;left:0;right:0}.hero-about{text-align:center;color:var(--parchment);text-shadow:0 1px 3px #000;margin:0;font-size:14px;line-height:1.5}.hero-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hero-badge{color:var(--gold-dim);white-space:nowrap;background:#140d0699;border:1px solid #c9973f59;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.hero-badge .icon{width:15px;height:15px}.account-box{flex-direction:column;gap:10px;display:flex}.account-line{border:1px solid var(--gold);background:#140d06b3;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:inset 0 0 0 1px #c9973f40}.account-line .icon{width:22px;height:22px}.account-name{color:var(--gold-bright);flex:1;font-weight:700}.account-rating{color:var(--parchment);align-items:center;gap:5px;font-weight:700;display:inline-flex}.account-logout{width:28px;height:28px;font-size:12px}.account-hint{margin:0}.auth-form{flex-direction:column;gap:8px;display:flex;overflow:hidden}.auth-form input{color:var(--parchment);background:#140d07d9;border:1px solid #5a4527;border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:16px}.auth-form input:focus{border-color:var(--gold)}.ranked-wait{text-align:center;align-items:center}.ranked-spinner .icon{filter:drop-shadow(0 0 20px #ffc85099);width:84px;height:84px}.ranked-note{color:var(--parchment);margin:0;font-size:16px}.lb-table{flex-direction:column;gap:5px;width:100%;max-width:680px;margin:0 auto;display:flex}.lb-row{color:var(--parchment);background:#140d0699;border:1px solid #c9973f40;border-radius:10px;grid-template-columns:44px 1fr 110px 70px 70px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:grid}.lb-header{color:var(--muted);background:0 0;border-color:#0000;font-size:12px}.lb-place{text-align:center;color:var(--gold-dim);font-weight:700}.lb-place .icon{width:20px;height:20px}.lb-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.lb-rating{color:var(--gold-bright);align-items:center;gap:5px;font-weight:700;display:inline-flex}.lb-rating .icon{width:15px;height:15px}.lb-games,.lb-wins{text-align:center;color:var(--muted)}.lb-top-1{border-color:var(--gold);box-shadow:0 0 14px #e6af504d}.lb-me{border-color:#7fb069;box-shadow:0 0 12px #7fb06959}@media (width<=520px){.lb-row{grid-template-columns:34px 1fr 84px 48px 48px;padding:8px 10px;font-size:13px}}