:root{--bg:#f5f1e8;--panel:#ffffff;--ink:#151922;--muted:#627083;--line:#d9dee7;--gold:#d8aa58;--night:#080b12}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body:has(.game-page),body:has(.landing-page){background:var(--night)}body:has(.landing-page){overflow-x:hidden;overflow-y:hidden}body:has(.game-page){overflow:hidden}body:has(.demo-room-page){background:#070812}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-shell:has(.demo-room-page) .site-footer,.site-shell:has(.demo-room-page) .site-header,.site-shell:has(.game-page) .site-footer,.site-shell:has(.game-page) .site-header,.site-shell:has(.landing-page) .site-footer,.site-shell:has(.landing-page) .site-header{display:none}.site-footer,.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.94)}.site-footer{border-top:1px solid var(--line);border-bottom:0;margin-top:auto}.footer-inner,.nav,.page{width:min(1180px,calc(100% - 32px));margin:0 auto}.nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted)}.nav-actions{display:flex;gap:10px}.button,.button-secondary{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:6px;padding:0 14px;background:var(--ink);color:white;font-weight:700}.button-secondary{background:white;color:var(--ink)}.page{padding:48px 0}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);grid-gap:36px;gap:36px;align-items:center;padding:36px 0 28px}.hero h1,.page-title{margin:0 0 18px;font-size:clamp(38px,6vw,76px);line-height:.96;letter-spacing:0}.lead{max-width:680px;color:var(--muted);font-size:20px;line-height:1.55}.board-preview{aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);border:2px solid var(--ink);background:#f9fbfb}.board-cell{min-width:0;border:1px solid var(--line);padding:8px;font-size:12px;font-weight:700;color:var(--muted)}.board-cell:nth-child(3n){border-top:8px solid #197a59}.board-cell:nth-child(4n){border-top:8px solid #b33b38}.board-cell:nth-child(5n){border-top:8px solid var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel)}.card h2,.card h3{margin:0 0 10px}.muted{color:var(--muted)}.form{max-width:440px;display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:6px;gap:6px}.field input{min-height:44px;border:1px solid var(--line);border-radius:6px;padding:0 12px;background:white}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}.room-list{display:grid;grid-gap:12px;gap:12px}.footer-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.landing-page{min-height:100vh;display:grid;place-items:center;color:#fff7df;isolation:isolate}.landing-content{position:relative;z-index:5;display:grid;justify-items:center;grid-gap:16px;gap:16px;width:min(760px,calc(100% - 32px));text-align:center;transform:translateY(-5vh);text-shadow:0 10px 28px rgba(0,0,0,.7)}.landing-content h1{color:#f9d77b;font-size:clamp(48px,7.4vw,106px);line-height:.85;letter-spacing:0;filter:drop-shadow(0 8px 0 rgba(95,49,16,.72)) drop-shadow(0 0 28px rgba(255,191,89,.36))}.landing-content h1,.landing-kicker{margin:0;font-weight:900;text-transform:uppercase}.landing-kicker{min-width:min(300px,75vw);padding:8px 36px;border:1px solid rgba(255,214,124,.72);background:linear-gradient(90deg,rgba(92,45,16,.74),rgba(225,167,73,.92),rgba(92,45,16,.74));color:#17110a;font-size:clamp(16px,2vw,28px)}.landing-tagline{margin:0;color:#f3e7d6;font-size:clamp(12px,1.6vw,18px);font-weight:700;letter-spacing:5px;text-transform:uppercase}.landing-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:8px}.landing-button{min-width:154px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,223,151,.74);padding:0 20px;color:#fff9e8;font-size:16px;font-weight:900;text-transform:uppercase;background:rgba(6,9,16,.7);box-shadow:0 16px 34px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-button-primary{background:linear-gradient(180deg,#f6cf78,#a7621f);color:#150d07}.landing-button-secondary{background:rgba(7,11,20,.72)}.dice-mark{position:relative;width:118px;height:72px;margin-bottom:-6px}.dice-mark span,.die{position:absolute;width:48px;height:48px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#2c1b0b 0 3px,transparent 4px),radial-gradient(circle at 70% 34%,#2c1b0b 0 3px,transparent 4px),radial-gradient(circle at 32% 70%,#2c1b0b 0 3px,transparent 4px),radial-gradient(circle at 70% 72%,#2c1b0b 0 3px,transparent 4px),linear-gradient(145deg,#fff4cb,#d79a45);box-shadow:0 12px 26px rgba(0,0,0,.5)}.dice-mark span:first-child{left:24px;top:10px;transform:rotate(-18deg)}.dice-mark span:last-child{right:22px;top:14px;transform:rotate(16deg)}.city-board-bg{position:absolute;background:radial-gradient(circle at 48% 42%,rgba(244,154,74,.28),transparent 24%),radial-gradient(circle at 18% 26%,rgba(221,49,78,.35),transparent 28%),radial-gradient(circle at 78% 24%,rgba(48,111,196,.38),transparent 30%),linear-gradient(180deg,#090820,#35102c 42%,#080b13)}.city-board-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,rgba(255,130,58,.13) 49%,transparent 50%),radial-gradient(circle at 30% 18%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 58% 12%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 74% 18%,rgba(255,255,255,.18) 0 1px,transparent 2px);background-size:auto,180px 130px,220px 150px,260px 170px;opacity:.9}.city-board-bg:after{content:"";position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 50% 45%,transparent 0 34%,rgba(2,3,8,.18) 54%,rgba(1,2,7,.84) 100%);pointer-events:none}.city-skyline{position:absolute;bottom:38%;z-index:1;display:flex;align-items:flex-end;gap:8px;opacity:.95}.city-skyline-left{left:5%}.city-skyline-right{right:6%}.dome,.skyscraper,.tower{display:block;width:42px;border:1px solid rgba(255,181,95,.28);background:linear-gradient(180deg,rgba(50,28,57,.92),rgba(9,13,24,.96));box-shadow:inset 0 0 18px rgba(255,139,81,.18),0 0 28px rgba(255,98,65,.16)}.tower-small{height:150px}.tower-mid{height:230px}.dome{width:72px;height:170px;border-radius:34px 34px 4px 4px}.dome-one{height:210px}.skyscraper-one{height:240px}.skyscraper-two{height:310px}.skyscraper-three{height:275px}.skyscraper-four{height:190px}.city-river{position:absolute;left:0;right:0;bottom:20%;height:25%;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,175,77,.26),transparent),linear-gradient(180deg,rgba(38,32,58,.44),rgba(7,9,19,.88));transform:skewY(-3deg)}.perspective-board{position:absolute;left:50%;bottom:-16%;z-index:3;width:min(1180px,112vw);aspect-ratio:2.05/1;transform:translateX(-50%) perspective(900px) rotateX(58deg);border:3px solid rgba(235,177,88,.86);border-radius:50%;background:radial-gradient(ellipse at center,rgba(31,14,39,.72) 0 36%,transparent 37%),radial-gradient(ellipse at center,rgba(255,169,65,.15),rgba(8,8,18,.94) 62%);box-shadow:0 0 58px rgba(246,126,65,.26),inset 0 0 50px rgba(250,185,83,.14)}.board-center-mark{position:absolute;left:50%;top:48%;width:128px;height:128px;display:grid;place-items:center;border:2px solid rgba(244,207,130,.72);border-radius:50%;color:rgba(246,210,145,.82);font-size:74px;font-weight:900;transform:translate(-50%,-50%)}.board-ring{position:absolute;display:flex;gap:4px}.board-ring-bottom{left:17%;right:17%;bottom:5%}.board-ring-top{left:25%;right:25%;top:13%}.board-ring-left{left:5%}.board-ring-left,.board-ring-right{top:35%;bottom:22%;flex-direction:column}.board-ring-right{right:5%}.decor-cell{flex:1 1;min-width:0;display:grid;place-items:center;border:1px solid rgba(255,211,139,.48);background:rgba(11,10,24,.78);color:rgba(255,235,198,.72);font-size:13px;font-weight:800;text-transform:uppercase}.color-0{border-bottom:10px solid #f59e0b}.color-1{border-bottom:10px solid #9333ea}.color-2{border-bottom:10px solid #0ea5e9}.color-3{border-bottom:10px solid #ef4444}.color-4{border-bottom:10px solid #22c55e}.color-5{border-bottom:10px solid #facc15}.game-page{width:100vw;height:100vh;overflow:hidden;display:grid;place-items:center;padding:12px;color:#f8fafc;background:radial-gradient(circle at 52% 40%,rgba(214,168,95,.18),transparent 32%),radial-gradient(circle at center,#243447 0,#0b1017 70%)}.board{width:min(98vw,1480px);height:min(92vh,860px);aspect-ratio:16/9.4;display:grid;grid-template-rows:13% 74% 13%;overflow:hidden;border:3px solid var(--gold);border-radius:24px;background:#080b10;box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 60px rgba(214,168,95,.12)}.bottom-row,.top-row{display:grid;grid-template-columns:1.35fr repeat(9,1fr) 1.35fr}.middle-row{display:grid;grid-template-columns:11% 78% 11%;min-height:0}.left-col,.right-col{display:grid;grid-template-rows:repeat(7,1fr);min-width:0;min-height:0}.tile{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(35,24,10,.75);background:linear-gradient(#fff6e6,#eadbc4);color:#151515}.tile.corner{border:1px solid var(--gold);background:linear-gradient(145deg,#10151d,#05070a);color:#f8fafc}.tile.special{background:linear-gradient(145deg,#f8ead3,#dcc7aa)}.tile-content{position:absolute;inset:8px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;white-space:pre-line}.tile-title{font-size:clamp(9px,.82vw,15px);font-weight:900}.tile-subtitle,.tile-title{line-height:1.1;text-transform:uppercase}.tile-subtitle{font-size:clamp(7px,.72vw,11px);opacity:.88}.tile-icon{min-width:34px;min-height:26px;display:grid;place-items:center;border-radius:999px;padding:3px 8px;background:rgba(12,16,24,.08);font-size:clamp(10px,.95vw,16px);font-weight:900;line-height:1}.top .color-strip{bottom:0;border-top:2px solid rgba(0,0,0,.35)}.bottom .color-strip,.top .color-strip{position:absolute;left:0;right:0;height:22%}.bottom .color-strip{top:0;border-bottom:2px solid rgba(0,0,0,.35)}.left .color-strip{right:0;border-left:2px solid rgba(0,0,0,.35)}.left .color-strip,.right .color-strip{position:absolute;top:0;bottom:0;width:22%}.right .color-strip{left:0;border-right:2px solid rgba(0,0,0,.35)}.left.property .tile-content{right:25%}.right.property .tile-content{left:25%}.top.property .tile-content{bottom:23%}.bottom.property .tile-content{top:23%}.center{position:relative;overflow:hidden;border:2px solid rgba(214,168,95,.65);background:linear-gradient(rgba(7,10,15,.78),rgba(7,10,15,.82)),radial-gradient(circle at center,#27384d,#10151d 70%)}.center:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 45%),linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.06) 46% 47%,transparent 48%)}.center-stage{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center;pointer-events:none}.center-logo h1{margin:0;font-size:clamp(42px,7vw,96px);line-height:.9;letter-spacing:0}.center-logo h2{margin:-4px 0 8px;color:var(--gold);font-size:clamp(28px,5vw,60px);letter-spacing:0}.center-logo span{color:#cbd5e1;letter-spacing:10px}.dice{position:relative;height:70px;margin-top:20px}.dice .die{top:0}.dice .die:first-child{left:calc(50% - 54px);transform:rotate(-12deg)}.dice .die:last-child{left:calc(50% + 6px);transform:rotate(15deg)}.chat-panel{position:absolute;left:2.5%;top:4%;bottom:4%;z-index:3;width:24%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(214,168,95,.35);border-radius:20px;background:rgba(5,9,15,.58);box-shadow:0 18px 40px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:clamp(10px,.88vw,14px)}.chat-messages{flex:1 1;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:14px 16px;font-size:clamp(11px,.95vw,14px)}.chat-messages p{margin:0;line-height:1.35}.c1{color:#fca5a5}.c2{color:#86efac}.c3{color:#c4b5fd}.chat-input{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#94a3b8;font-size:clamp(10px,.86vw,13px)}.chat-input button{width:28px;height:28px;border:0;border-radius:8px;background:var(--gold);color:#111827;font-weight:900}.players-panel{position:absolute;right:2.5%;top:4%;bottom:4%;z-index:3;width:24%;display:flex;flex-direction:column;gap:14px}.player-card{display:flex;align-items:center;gap:14px;min-height:74px;padding:14px;border:2px solid;border-radius:18px;background:rgba(6,10,18,.58);box-shadow:0 15px 30px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-card.red{color:#f87171}.player-card.green{color:#4ade80}.player-card.purple{color:#c084fc}.player-card.yellow{color:#facc15}.player-card strong{display:block;margin-bottom:4px;color:#f8fafc;font-size:clamp(12px,1vw,16px)}.player-card span{color:#cbd5e1;font-size:clamp(10px,.9vw,14px)}.avatar{width:clamp(36px,3.7vw,52px);height:clamp(36px,3.7vw,52px);flex:0 0 auto;border:2px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.15)}.demo-room-page{grid-gap:12px;gap:12px;padding:14px;background:linear-gradient(180deg,rgba(4,5,10,.18),rgba(4,5,10,.78)),url(/images/3840x2160.webp) 50% /cover no-repeat}.demo-board-panel,.demo-chat-panel,.demo-room-loading,.demo-room-topbar,.demo-side-panel{border:1px solid rgba(255,220,146,.28);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(7,9,18,.68);box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.035);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-room-topbar{min-height:76px;grid-gap:18px;gap:18px;padding:14px 18px}.demo-action-row button,.demo-room-actions button,.demo-room-back,.demo-room-chat-form button{min-height:38px}.demo-panel-title span,.demo-room-topbar span,.demo-turn-card span{display:block;color:#e4b968;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.demo-room-topbar h1{margin:3px 0 0;color:#fff4d7;font-size:clamp(22px,2.4vw,36px);line-height:1}.demo-action-row button:first-child,.demo-room-actions button:last-child{border-color:rgba(255,230,166,.78);background:linear-gradient(180deg,#ffe39c,#c37a25 58%,#6b310e);color:#190d05}.demo-room-notice{top:92px}.demo-room-layout{grid-template-columns:minmax(250px,.9fr) minmax(620px,2.4fr) minmax(300px,1fr);grid-gap:12px;gap:12px}.demo-board-panel,.demo-chat-panel,.demo-side-panel{min-width:0;min-height:0;overflow:hidden}.demo-panel-title{min-height:64px;padding:14px 16px;border-bottom:1px solid rgba(255,220,146,.18)}.demo-panel-title strong{font-size:22px}.demo-player-list,.demo-room-chat-messages{padding:14px}.demo-player-list{grid-gap:12px;gap:12px}.demo-player-card{grid-gap:10px;gap:10px;border:1px solid rgba(255,220,146,.22);padding:12px;background:rgba(10,13,25,.68)}.demo-player-card b{font-size:15px}.demo-player-card.is-eliminated{opacity:.52;filter:grayscale(.85)}.demo-player-card.is-eliminated .demo-player-token{background:#374151!important}.demo-player-card.is-eliminated b{color:#fca5a5;letter-spacing:1px}.demo-player-token{width:38px;height:38px}.demo-map-token{width:22px;height:22px}.demo-map-token.token-3,.token-3 .demo-player-token{background:#ca8a04}.demo-map-token.token-4,.token-4 .demo-player-token{background:#0284c7}.demo-board-panel{display:grid;place-items:center;padding:12px}.demo-board{width:min(100%,calc((100dvh - 126px) * 1.02));aspect-ratio:1;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);background:#070812;box-shadow:0 24px 54px rgba(0,0,0,.5),inset 0 0 44px rgba(255,220,146,.12)}.demo-board-cell{border:1px solid rgba(38,22,8,.8)}.demo-board-cell.corner{background:linear-gradient(145deg,#1b1620,#070812);color:#fff4d9}.demo-board-cell.chance,.demo-board-cell.special,.demo-board-cell.tax{background:linear-gradient(145deg,#f8e6c7,#cfa66d)}.demo-board-cell strong{font-size:clamp(7px,.72vw,12px)}.demo-board-cell small{opacity:.75}.demo-color-strip{z-index:1;display:block}.demo-board-cell.side-top .demo-color-strip{left:0;right:0;bottom:0;height:18%}.demo-board-cell.side-right .demo-color-strip{left:0;top:0;bottom:0;width:18%}.demo-board-cell.side-bottom .demo-color-strip{left:0;right:0;top:0;height:18%}.demo-board-cell.side-left .demo-color-strip{right:0;top:0;bottom:0;width:18%}.demo-board-center{grid-row:2/11;place-items:center;grid-gap:16px;gap:16px;padding:28px;border:2px solid rgba(255,220,146,.26);background:radial-gradient(circle at 50% 38%,rgba(255,220,146,.17),transparent 32%),linear-gradient(145deg,rgba(17,19,34,.92),rgba(5,7,14,.96))}.demo-board-center img{width:min(320px,46%);object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}.demo-turn-card{min-width:min(360px,80%);padding:14px;background:rgba(6,8,16,.64);text-align:center}.demo-turn-card strong{font-size:24px}.demo-action-row{gap:10px}.demo-room-chat-messages{gap:12px}.demo-room-chat-messages article{padding-bottom:10px}.demo-room-chat-form{grid-gap:10px;gap:10px;padding:14px;border-top:1px solid rgba(255,220,146,.18)}.demo-room-chat-form input{min-height:42px;padding:0 12px;background:rgba(10,13,25,.72)}@media (max-width:980px){body:has(.game-page){overflow:auto}body:has(.demo-room-page){overflow:auto}.game-page{min-width:0;height:auto;min-height:100vh;overflow:auto}.board{width:98vw;height:auto;min-height:640px}.chat-panel,.players-panel{width:28%}.demo-room-page{height:auto;min-height:100dvh;overflow:visible}.demo-room-layout{grid-template-columns:1fr}.demo-board{width:min(100%,880px)}.demo-chat-panel,.demo-side-panel{min-height:360px}}@media (max-width:820px){.footer-inner,.nav{align-items:flex-start;flex-direction:column;padding:16px 0}.landing-actions,.nav-actions,.nav-links{flex-wrap:wrap}.hero{grid-template-columns:1fr}.landing-content{transform:translateY(-2vh)}.city-skyline{transform:scale(.72);transform-origin:bottom}}.landing-page{--auth-top:clamp(170px,23dvh,250px);width:100vw;min-height:100dvh;position:relative;overflow:hidden;padding:clamp(10px,2vw,24px)}.landing-page:has(.auth-card-register){min-height:max(100dvh,calc(var(--auth-top) + 700px + max(52px, env(safe-area-inset-bottom))));overflow:visible}body:has(.auth-card-register){overflow-y:auto}.city-board-bg{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100svh;overflow:hidden;background:#070812}.city-board-bg:after,.city-board-bg:before{content:none}.city-board-image{position:absolute;inset:0;display:block;width:100vw;height:100dvh;min-height:100svh;background-image:url(/images/3840x2160.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:saturate(1.04) contrast(1.04)}.city-board-vignette{background:radial-gradient(circle at 50% 52%,rgba(6,8,17,0),rgba(6,8,17,.1) 50%,rgba(4,5,10,.46) 100%),linear-gradient(180deg,rgba(7,6,14,0),rgba(5,6,12,.1) 66%,rgba(3,3,7,.48))}.city-board-shine,.city-board-vignette{display:none;position:absolute;inset:0;pointer-events:none}.city-board-shine{background:linear-gradient(90deg,transparent 0 22%,rgba(255,205,112,.09) 45%,transparent 68%);mix-blend-mode:screen}.city-board-shield{position:absolute;inset:0;z-index:5;pointer-events:auto;touch-action:pan-y;background:rgba(0,0,0,.001)}.landing-auth-shell{position:absolute;left:50%;top:var(--auth-top);z-index:6;width:min(372px,calc(100vw - 24px));display:grid;grid-gap:0;gap:0;justify-items:center;transform:translateX(-50%)}.landing-auth-logo{position:fixed;top:clamp(14px,3.2dvh,34px);left:50%;z-index:7;width:min(330px,82vw);max-height:118px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.58));margin:0;transform:translateX(-50%);pointer-events:none}.landing-auth-shell:has(.lobby-shell){inset:0;width:100%;min-height:100dvh;padding:clamp(16px,2.2vw,34px);align-items:stretch;justify-items:stretch;transform:none}.landing-page:has(.lobby-shell)>.landing-auth-logo{display:none}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/3840x2160.webp)}.auth-card{width:100%;border:1px solid rgba(255,220,146,.42);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(5,7,15,.52);box-shadow:0 22px 56px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.auth-card-top{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,220,146,.28)}.auth-card-top button{min-height:44px;border:0;border-right:1px solid rgba(255,220,146,.22);background:rgba(255,255,255,.03);color:#ffe5ac;cursor:pointer;font-size:13px;font-weight:900;letter-spacing:2px;text-align:center;text-transform:uppercase}.auth-card-top button:last-child{border-right:0}.auth-card-top button.active{background:linear-gradient(180deg,rgba(255,220,146,.22),rgba(255,220,146,.06));color:#fff6dc}.auth-form{display:grid;grid-gap:12px;gap:12px;padding:20px 22px 16px}.auth-form label{display:grid;grid-gap:8px;gap:8px;color:#f8e7c7;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.auth-form input{width:100%;min-height:42px;border:1px solid rgba(255,220,146,.34);border-radius:6px;padding:0 13px;outline:none;background:rgba(10,13,25,.72);color:#fff8e8;box-shadow:inset 0 0 18px rgba(0,0,0,.25)}.auth-form input::placeholder{color:rgba(255,238,205,.42)}.auth-form input:focus{border-color:rgba(255,210,121,.86);box-shadow:0 0 0 3px rgba(232,172,76,.16),inset 0 0 18px rgba(0,0,0,.25)}.email-code-control{display:grid;grid-gap:10px;gap:10px}.email-code-control>button{justify-self:start;min-height:0;border:0;padding:0;background:transparent;color:#ffd98c;cursor:pointer;font-size:12px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.email-code-control>button:disabled{color:rgba(255,238,205,.5);cursor:default}.auth-submit{min-height:44px;border:1px solid rgba(255,230,166,.72);border-radius:6px;margin-top:4px;padding:0 16px;background:linear-gradient(180deg,#ffe19a,#c07a28 58%,#6d3512);color:#180d05;cursor:pointer;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;box-shadow:0 14px 28px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.42)}.auth-submit:hover{filter:brightness(1.08)}.auth-submit:disabled{cursor:wait;filter:grayscale(.25) brightness(.85)}.auth-message{margin:-2px 0 0;color:#ffe5ac;font-size:12px;font-weight:800;line-height:1.35;text-align:center}.auth-status{display:grid;grid-gap:10px;gap:10px;padding:22px;color:#f8e7c7;text-align:center}.auth-status small,.auth-status span{color:rgba(255,238,205,.78);font-size:13px;font-weight:800}.auth-status strong{color:#fff6dc;font-size:24px;line-height:1.1}.social-auth{display:grid;grid-gap:15px;gap:15px;padding:4px 22px 16px}.social-auth-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.social-divider{height:1px;margin:2px 0 1px;background:linear-gradient(90deg,transparent,rgba(255,220,146,.48),transparent)}.auth-switch,.social-button{min-height:40px;border:1px solid rgba(255,220,146,.28);border-radius:6px;background:rgba(10,13,25,.7);color:#ffe5ac;cursor:pointer;font-weight:900}.social-button{display:grid;place-items:center;padding:0}.social-button img{width:22px;height:22px;object-fit:contain}.social-placeholder{color:#f6d384;font-size:17px}.auth-switch:hover,.social-button:hover{border-color:rgba(255,220,146,.62);background:rgba(255,220,146,.1)}.auth-switch{width:100%;min-height:44px;border-width:1px 0 0;border-radius:0;color:#f8e7c7;font-size:14px;letter-spacing:.2px}.lobby-shell{width:min(1720px,100%);min-height:calc(100dvh - clamp(32px, 4.4vw, 68px));margin:0 auto;position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-gap:18px;gap:18px;color:#fff4d9}.lobby-chat-panel,.lobby-hero-line,.lobby-topbar,.rooms-panel{border:1px solid rgba(255,219,145,.28);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(8,10,20,.62);box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.035);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.lobby-topbar{min-height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:22px;gap:22px;align-items:center;padding:14px 18px}.lobby-topbar-spacer{display:none;width:0;min-height:1px}.lobby-logo{justify-self:start;width:min(360px,34vw);max-height:82px;object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}.lobby-nav,.player-menu,.room-filters{display:flex;align-items:center;gap:10px}.lobby-nav{justify-content:center}.lobby-chat-form button,.lobby-nav button,.player-menu button,.room-card button,.room-filters button{min-height:38px;border:1px solid rgba(255,220,146,.28);border-radius:6px;padding:0 14px;background:rgba(9,12,24,.68);color:#ffe5ac;cursor:pointer;font-weight:900}.lobby-nav button.active,.room-filters button.active{border-color:rgba(255,226,158,.68);background:linear-gradient(180deg,rgba(255,218,136,.24),rgba(142,81,29,.16));color:#fff6dc}.player-menu{justify-content:end}.player-menu span,.player-menu strong{display:block}.player-menu span{color:rgba(255,238,205,.68);font-size:12px;font-weight:800}.player-avatar{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,225,154,.6);border-radius:50%;background:radial-gradient(circle at 32% 22%,#fff0b4,#bd7628 50%,#311608);color:#160b05;font-weight:900}.capital-pill{min-height:34px;display:grid;place-items:center;border:1px solid rgba(255,220,146,.36);border-radius:999px;padding:0 12px;background:rgba(255,213,126,.12);color:#ffe19a;font-size:13px;font-weight:900}.lobby-hero-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px}.lobby-hero-line span,.panel-heading span{display:block;color:#e4b968;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.create-room-button{min-height:50px;border:1px solid rgba(255,230,166,.78);border-radius:6px;padding:0 22px;background:linear-gradient(180deg,#ffe39c,#c37a25 58%,#6b310e);color:#190d05;cursor:pointer;font-weight:900;letter-spacing:1px;text-transform:uppercase;box-shadow:0 16px 32px rgba(0,0,0,.35)}.create-room-form{display:grid;grid-template-columns:minmax(180px,1fr) 74px 74px 110px 132px;align-items:end;grid-gap:8px;gap:8px;width:min(680px,100%)}.create-room-form input,.create-room-form select{min-height:38px;min-width:0;border:1px solid rgba(255,220,146,.28);border-radius:6px;padding:0 10px;background:rgba(9,12,24,.68);color:#fff4d9;font-weight:900}.create-room-form label{display:grid;grid-gap:3px;gap:3px;color:rgba(255,238,205,.66);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.create-room-form label select{min-width:72px}.create-room-form>select{min-width:96px}.create-room-form .create-room-button{min-height:38px;padding:0 14px;white-space:nowrap}.create-room-form :disabled{cursor:not-allowed;opacity:.58}.profile-rank-pill,.profile-section-label{min-height:38px;display:grid;place-items:center;border:1px solid rgba(255,220,146,.3);border-radius:999px;padding:0 14px;background:rgba(255,213,126,.12);color:#ffe19a;font-size:13px;font-weight:900}.lobby-notice{position:fixed;left:50%;top:166px;z-index:30;max-width:min(720px,calc(100vw - 32px));margin:0;transform:translateX(-50%);border:1px solid rgba(255,220,146,.35);border-radius:8px;padding:10px 16px;background:rgba(12,10,18,.86);color:#ffe5ac;font-weight:900;text-align:center;box-shadow:0 16px 38px rgba(0,0,0,.38)}.lobby-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(3,4,10,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lobby-modal{width:min(420px,100%);display:grid;grid-gap:14px;gap:14px;border:1px solid rgba(255,220,146,.32);border-radius:8px;padding:20px;background:linear-gradient(180deg,rgba(38,24,42,.96),rgba(9,10,19,.96));color:#fff4d9;box-shadow:0 24px 80px rgba(0,0,0,.55)}.lobby-modal strong{color:#ffe19a;font-size:22px}.lobby-modal p{margin:0;color:rgba(255,238,205,.74);font-weight:800}.lobby-modal input{min-height:42px;border:1px solid rgba(255,220,146,.28);border-radius:6px;padding:0 12px;background:rgba(10,13,25,.72);color:#fff8e8}.lobby-modal div{display:flex;gap:10px}.lobby-modal button{min-height:40px;border:1px solid rgba(255,220,146,.35);border-radius:6px;padding:0 14px;background:rgba(9,12,24,.72);color:#ffe5ac;cursor:pointer;font-weight:900}.lobby-grid{min-height:0;display:grid;grid-template-columns:minmax(0,7fr) minmax(340px,3fr);grid-gap:18px;gap:18px}.lobby-chat-panel,.rooms-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel-heading{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(255,220,146,.18)}.panel-heading strong{display:block;margin-top:2px;color:#fff4d7;font-size:22px}.rooms-list{flex:1 1;min-height:0;display:grid;align-content:start;grid-gap:12px;gap:12px;overflow:auto;padding:16px;scrollbar-color:#c37a25 rgba(8,10,18,.48);scrollbar-width:thin}.rooms-list::-webkit-scrollbar{width:10px}.rooms-list::-webkit-scrollbar-track{border:1px solid rgba(255,220,146,.12);border-radius:999px;background:rgba(8,10,18,.48)}.rooms-list::-webkit-scrollbar-thumb{border:2px solid rgba(8,10,18,.92);border-radius:999px;background:linear-gradient(180deg,#ffe39c,#c37a25 58%,#6b310e)}.room-card{display:grid;grid-template-columns:minmax(0,1fr) 82px 72px auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid rgba(255,220,146,.22);border-radius:8px;padding:16px;background:linear-gradient(90deg,rgba(130,52,50,.38),rgba(17,16,32,.74)),rgba(10,13,25,.72)}.room-status{display:inline-flex;width:-moz-fit-content;width:fit-content;margin-bottom:7px;border:1px solid rgba(255,220,146,.35);border-radius:999px;padding:3px 9px;color:#ffd98c;font-size:11px;font-weight:900;text-transform:uppercase}.room-main h2,.room-main p,.room-meta span,.room-meta strong{margin:0}.room-main h2{color:#fff6dc;font-size:19px}.room-main p,.room-meta span{color:rgba(255,238,205,.64);font-size:12px;font-weight:800}.room-meta{display:grid;justify-items:center;grid-gap:2px;gap:2px}.room-meta strong{color:#ffe19a;font-size:22px}.room-card-actions{display:grid;grid-gap:7px;gap:7px}.room-delete-button{border-color:rgba(255,110,110,.44)!important;background:rgba(86,18,24,.62)!important;color:#ffd0d0!important}.empty-lobby{min-height:260px;display:grid;place-content:center;grid-gap:8px;gap:8px;text-align:center;color:rgba(255,238,205,.72)}.empty-lobby strong{color:#fff4d7;font-size:22px}.profile-panel{flex:1 1;min-height:0;display:grid;align-content:start;grid-gap:16px;gap:16px;overflow:auto;padding:16px}.profile-details,.profile-hero-card,.profile-stats-grid article{border:1px solid rgba(255,220,146,.22);border-radius:8px;background:linear-gradient(135deg,rgba(130,52,50,.34),rgba(17,16,32,.74)),rgba(10,13,25,.72)}.profile-hero-card{min-height:172px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;grid-gap:18px;gap:18px;padding:22px}.profile-large-avatar{width:clamp(82px,8vw,128px);aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(255,225,154,.7);border-radius:50%;background:radial-gradient(circle at 32% 22%,#fff0b4,#bd7628 50%,#311608);color:#160b05;font-size:clamp(36px,4vw,62px);font-weight:1000;box-shadow:0 18px 40px rgba(0,0,0,.4)}.profile-details span,.profile-hero-card span,.profile-stats-grid span{display:block;color:#e4b968;font-size:12px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}.profile-hero-card h2{margin:6px 0 4px;color:#fff6dc;font-size:clamp(28px,3vw,46px);line-height:1}.profile-hero-card p,.profile-stats-grid p{margin:0;color:rgba(255,238,205,.66);font-weight:800}.profile-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.profile-stats-grid article{min-height:132px;display:grid;align-content:center;grid-gap:5px;gap:5px;padding:16px}.profile-stats-grid strong{color:#ffe19a;font-size:clamp(24px,2.4vw,36px);line-height:1}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1px;gap:1px;overflow:hidden}.profile-details div{min-height:92px;display:grid;align-content:center;grid-gap:5px;gap:5px;padding:16px;background:rgba(7,9,18,.34)}.profile-details strong{color:#fff4d7;font-size:18px}.lobby-chat-messages{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:12px;overflow:auto;padding:16px}.lobby-chat-message{border-bottom:1px solid rgba(255,220,146,.12);padding-bottom:10px}.lobby-chat-message div{display:flex;justify-content:space-between;gap:10px;color:#ffe19a;font-size:13px;font-weight:900}.chat-empty,.lobby-chat-message span{color:rgba(255,238,205,.55)}.lobby-chat-message p{margin:5px 0 0;color:#fff4d9;line-height:1.35}.lobby-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:14px;border-top:1px solid rgba(255,220,146,.18)}.lobby-chat-form input{min-width:0;min-height:42px;border:1px solid rgba(255,220,146,.28);border-radius:6px;padding:0 12px;background:rgba(10,13,25,.72);color:#fff8e8}@media (min-aspect-ratio:2/1){.landing-page{--auth-top:clamp(160px,24dvh,215px)}.city-board-image{background-image:url(/images/3440x1440.webp)}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/3440x1440.webp)}}@media (min-aspect-ratio:5/3) and (max-aspect-ratio:2/1){.landing-page{--auth-top:clamp(165px,23dvh,250px)}.city-board-image{background-image:url(/images/3840x2160.webp)}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/3840x2160.webp)}}@media (min-aspect-ratio:3/2) and (max-aspect-ratio:5/3){.landing-page{--auth-top:clamp(165px,23dvh,250px)}.city-board-image{background-image:url(/images/2880x1800.webp)}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/2880x1800.webp)}}@media (min-aspect-ratio:1/1) and (max-aspect-ratio:3/2){.landing-page{--auth-top:clamp(200px,24dvh,285px)}.city-board-image{background-image:url(/images/2732x2048.webp)}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/2732x2048.webp)}}@media (min-aspect-ratio:2/3) and (max-aspect-ratio:1/1){.landing-page{--auth-top:clamp(190px,23dvh,310px)}.city-board-image{background-image:url(/images/2048x2732.webp)}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/2048x2732.webp)}}@media (max-aspect-ratio:2/3){.landing-page{--auth-top:clamp(145px,22dvh,420px)}.city-board-image{background-image:url(/images/1440x2560.webp)}.landing-page:has(.lobby-shell) .city-board-image{background-image:url(/images/1440x2560.webp)}}@media (max-width:760px){.landing-page{min-height:100dvh;overflow:hidden;padding:0 10px max(72px,env(safe-area-inset-bottom))}.landing-page:has(.auth-card-register){min-height:max(100dvh,calc(var(--auth-top) + 590px + max(42px, env(safe-area-inset-bottom))));overflow:visible}.landing-auth-shell{position:absolute;left:50%;top:var(--auth-top);width:min(342px,calc(100vw - 22px));margin:0;transform:translateX(-50%)}.landing-auth-logo{width:min(300px,78vw);max-height:96px;top:max(10px,env(safe-area-inset-top));margin:0;transform:translateX(-50%)}.landing-auth-shell:has(.lobby-shell){inset:0;width:100%;padding:12px;transform:none}.auth-form{gap:10px;padding:16px 18px 12px}.auth-form input{min-height:38px}.auth-submit{min-height:40px}.social-auth{padding:2px 18px 12px}.social-auth-row{gap:7px}}@media (max-width:1120px){body:has(.lobby-shell){overflow-y:auto}.landing-page:has(.lobby-shell){min-height:100dvh;overflow:visible}.lobby-shell{min-height:auto}.lobby-grid,.lobby-topbar{grid-template-columns:1fr}.lobby-topbar-spacer{display:none}.lobby-logo{width:min(330px,72vw)}.lobby-nav,.player-menu{justify-content:start;flex-wrap:wrap}.lobby-hero-line{align-items:stretch;flex-direction:column}.create-room-form{grid-template-columns:minmax(180px,1fr) repeat(4,auto)}.lobby-chat-panel{min-height:520px}.profile-details,.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.lobby-hero-line,.lobby-topbar,.panel-heading,.room-card{padding:14px}.lobby-nav,.room-filters{overflow-x:auto;justify-content:start}.lobby-nav button{flex:0 0 auto}.create-room-form{grid-template-columns:1fr 1fr}.create-room-form .create-room-button,.create-room-form input,.create-room-form>select{grid-column:span 2;width:100%}.player-menu{display:grid;grid-template-columns:auto 1fr;width:100%}.capital-pill,.player-menu button{grid-column:span 2;width:100%}.room-card{grid-template-columns:1fr 1fr}.room-card-actions,.room-main{grid-column:span 2}.profile-section-label,.room-card-actions button{width:100%}.profile-hero-card{justify-items:center;text-align:center}.profile-details,.profile-hero-card,.profile-stats-grid{grid-template-columns:1fr}.demo-room-page{padding:10px}.demo-room-topbar{grid-template-columns:1fr}.demo-room-actions{flex-direction:column}.demo-room-actions button,.demo-room-back{width:100%}.demo-board-panel{overflow-x:auto;justify-content:start}.demo-board{width:760px}.demo-board-center img{width:220px}.demo-turn-card{min-width:260px}}@media (max-width:760px) and (max-height:760px){.landing-page{--auth-top:clamp(132px,22dvh,168px)}}.demo-room-page{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:clamp(8px,1.1vw,14px);gap:clamp(8px,1.1vw,14px);padding:clamp(8px,1vw,14px);color:#fff4d9;background:linear-gradient(180deg,rgba(3,4,9,.18),rgba(3,4,9,.68)),url(/images/board_3840x2160.webp) 50% /cover no-repeat}@media (min-aspect-ratio:20/9){.demo-room-page{background-image:linear-gradient(180deg,rgba(3,4,9,.18),rgba(3,4,9,.68)),url(/images/board_3440x1440.webp)}}@media (min-aspect-ratio:8/5) and (max-aspect-ratio:19/10){.demo-room-page{background-image:linear-gradient(180deg,rgba(3,4,9,.18),rgba(3,4,9,.68)),url(/images/board_2880x1800.webp)}}.demo-room-loading,.demo-room-topbar{border:1px solid rgba(255,220,146,.28);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(7,9,18,.68);box-shadow:0 18px 54px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.035);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-room-topbar{min-height:62px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:10px 14px}.demo-panel-title span,.demo-room-heading span,.demo-turn-card span{display:block;color:#e4b968;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.demo-room-heading h1{margin:2px 0 0;color:#fff4d7;font-size:clamp(18px,2vw,30px);line-height:1}.demo-action-row button,.demo-room-actions button,.demo-room-back,.demo-room-chat-form button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,220,146,.36);border-radius:6px;padding:0 14px;background:rgba(9,12,24,.72);color:#ffe5ac;cursor:pointer;font-weight:900}.demo-room-actions{display:flex;gap:10px}.demo-room-actions button:last-child{border-color:rgba(255,230,166,.78);background:linear-gradient(180deg,#ffe39c,#c37a25 58%,#6b310e);color:#190d05}.demo-room-notice{position:absolute;left:50%;top:82px;z-index:5;margin:0;transform:translateX(-50%);color:#ffe5ac;font-weight:900}.demo-room-layout{min-height:0;display:grid;place-items:center}.demo-board{width:min(calc(100vw - 28px),calc((100dvh - 94px) * 1.72));max-height:calc(100dvh - 94px);aspect-ratio:16/9.3;border:2px solid rgba(255,220,146,.7);background:linear-gradient(145deg,rgba(12,9,17,.88),rgba(6,7,13,.94)),url(/images/board_3840x2160.webp) 50% /cover no-repeat;box-shadow:0 28px 70px rgba(0,0,0,.56),inset 0 0 44px rgba(255,220,146,.12)}.demo-board,.demo-board-cell{position:relative;display:grid;overflow:hidden}.demo-board-cell{min-width:0;min-height:0;align-content:center;justify-items:center;grid-gap:3px;gap:3px;border:1px solid rgba(38,22,8,.82);padding:4px;background:linear-gradient(180deg,#fff4df,#d9c09b);background-size:cover;color:#16100a;text-align:center}.demo-board-cell:after{z-index:4;box-shadow:inset 0 0 22px rgba(75,38,4,.18)}.demo-board-cell.owned:before,.demo-board-cell:after{content:"";position:absolute;inset:0;pointer-events:none}.demo-board-cell.owned:before{z-index:2;mix-blend-mode:multiply}.demo-board-cell.owner-0:before{background:rgba(220,38,38,.5);box-shadow:inset 0 0 0 4px rgba(248,113,113,.95),inset 0 0 24px rgba(248,113,113,.45)}.demo-board-cell.owner-1:before{background:rgba(8,170,60,.54);box-shadow:inset 0 0 0 4px rgba(34,255,105,.95),inset 0 0 26px rgba(34,255,105,.5)}.demo-board-cell.owner-2:before{background:rgba(124,58,237,.5);box-shadow:inset 0 0 0 4px rgba(167,139,250,.95),inset 0 0 24px rgba(167,139,250,.45)}.demo-board-cell.owner-3:before{background:rgba(0,89,255,.54);box-shadow:inset 0 0 0 4px rgba(37,99,235,.98),inset 0 0 26px rgba(37,99,235,.5)}.demo-board-cell.owner-4:before{background:rgba(234,88,12,.5);box-shadow:inset 0 0 0 4px rgba(251,146,60,.95),inset 0 0 24px rgba(251,146,60,.45)}.demo-board-cell.owner-5:before{background:rgba(190,24,93,.5);box-shadow:inset 0 0 0 4px rgba(244,114,182,.95),inset 0 0 24px rgba(244,114,182,.45)}.demo-board-cell.corner,.demo-board-cell.jail,.demo-board-cell.rest{background:linear-gradient(145deg,#281827,#080912);color:#fff4d9}.demo-board-cell.airport{background:linear-gradient(145deg,#f8e6c7,#bd8b4d)}.demo-board-cell.chance,.demo-board-cell.tax,.demo-board-cell.travel,.demo-board-cell.treasury{color:#fff8e8;text-shadow:0 2px 8px rgba(0,0,0,.76)}.demo-board-cell strong{position:relative;z-index:3;max-width:100%;font-size:clamp(7px,.76vw,13px);line-height:1.05;text-transform:uppercase}.demo-board-cell small{position:relative;z-index:3;font-size:clamp(6px,.62vw,10px);font-weight:900;opacity:.82}.demo-color-strip{position:absolute;left:0;right:0;top:0;height:18%}.demo-cell-tokens{position:absolute;z-index:5;left:4px;right:4px;bottom:4px;display:flex;justify-content:center;gap:2px}.demo-map-token,.demo-player-token{display:grid;place-items:center;border:1px solid rgba(255,255,255,.46);border-radius:50%;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.35)}.demo-player-token{width:34px;height:34px}.demo-map-token{width:21px;height:21px;font-size:11px}.demo-map-token.token-0,.token-0 .demo-player-token{background:#dc2626}.demo-map-token.token-1,.token-1 .demo-player-token{background:#16a34a}.demo-map-token.token-2,.token-2 .demo-player-token{background:#7c3aed}.demo-map-token.token-3,.token-3 .demo-player-token{background:#0891b2}.demo-map-token.token-4,.token-4 .demo-player-token{background:#ea580c}.demo-map-token.token-5,.token-5 .demo-player-token{background:#be185d}.demo-board-center{min-width:0;display:grid;grid-template-columns:minmax(210px,.9fr) minmax(260px,1.2fr) minmax(210px,.9fr);grid-gap:clamp(8px,1vw,14px);gap:clamp(8px,1vw,14px);padding:clamp(10px,1.2vw,18px);border:2px solid rgba(255,220,146,.25);background:linear-gradient(145deg,rgba(15,17,31,.52),rgba(5,7,14,.62))}.demo-chat-panel,.demo-side-panel,.demo-table-panel{min-width:0;min-height:0;border:1px solid rgba(255,220,146,.24);border-radius:8px;background:rgba(7,9,18,.48);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-chat-panel,.demo-side-panel{display:flex;flex-direction:column;overflow:hidden}.demo-panel-title{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,220,146,.16)}.demo-panel-title strong{color:#fff4d7;font-size:20px}.demo-player-list,.demo-room-chat-messages{flex:1 1;min-height:0;overflow:auto;padding:12px}.demo-player-list{align-content:start;grid-gap:10px;gap:10px}.demo-player-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:9px;gap:9px;align-items:center;border:1px solid rgba(255,220,146,.2);border-radius:8px;padding:10px;background:rgba(10,13,25,.48)}.demo-player-card b,.demo-player-card span,.demo-player-card strong{display:block}.demo-player-card span{color:rgba(255,238,205,.62);font-size:12px;font-weight:800}.demo-player-card b{grid-column:1/-1;color:#ffe19a;font-size:14px}.demo-table-panel{align-content:center;grid-gap:clamp(10px,1.2vw,16px);gap:clamp(10px,1.2vw,16px);padding:clamp(12px,1.4vw,20px);text-align:center;background:radial-gradient(circle at 50% 28%,rgba(255,220,146,.18),transparent 34%),rgba(8,10,18,.42)}.demo-table-panel img{width:min(300px,72%);object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}.demo-turn-card{width:min(340px,100%);border:1px solid rgba(255,220,146,.26);border-radius:8px;padding:12px;background:rgba(6,8,16,.54)}.demo-turn-card strong{display:block;margin-top:4px;color:#fff4d7;font-size:clamp(20px,2vw,28px)}.demo-turn-card p{margin:6px 0 0;color:rgba(255,238,205,.74);font-weight:800}.demo-dice{display:flex;gap:14px;border:0;background:transparent;cursor:pointer;perspective:620px;transform-style:preserve-3d}.demo-dice span{width:clamp(54px,5.2vw,82px);aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(255,231,166,.9);border-radius:8px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.92),transparent 18%),linear-gradient(145deg,#fff0bd,#d59535 58%,#6e330f);color:#160c04;font-size:clamp(28px,3.2vw,48px);font-weight:1000;box-shadow:0 16px 34px rgba(0,0,0,.45),inset 0 -8px 16px rgba(72,29,4,.22);transform:translateZ(0) rotateX(0deg) rotateY(0deg);transform-origin:50% 70%;will-change:transform}.demo-dice.rolling span:first-child{animation:dice-throw-left .98s cubic-bezier(.16,.84,.28,1) both}.demo-dice.rolling span:last-child{animation:dice-throw-right .98s cubic-bezier(.16,.84,.28,1) both}.demo-game-actions{pointer-events:auto;display:grid;justify-items:center;grid-gap:8px;gap:8px;color:#fff4d7;font-weight:900}.demo-game-actions span{color:rgba(255,238,205,.72);font-size:13px}.demo-game-actions em.is-warning{color:#ff6868;font-weight:900;text-shadow:0 0 12px rgba(255,70,70,.55)}.demo-game-actions div{display:flex;gap:8px}.demo-game-actions button{min-height:34px;border:1px solid rgba(255,220,146,.42);border-radius:6px;padding:0 12px;background:linear-gradient(180deg,rgba(255,218,136,.28),rgba(142,81,29,.24));color:#fff1c2;cursor:pointer;font-weight:900}.demo-action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.demo-room-chat-messages{display:flex;flex-direction:column;gap:10px}.demo-room-chat-messages article{border-bottom:1px solid rgba(255,220,146,.12);padding-bottom:9px}.demo-room-chat-messages div{display:flex;justify-content:space-between;gap:8px;color:#ffe19a;font-size:13px;font-weight:900}.demo-room-chat-messages span,.demo-room-chat-messages>p{color:rgba(255,238,205,.58)}.demo-room-chat-messages p{margin:5px 0 0;line-height:1.35}.demo-room-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:12px;border-top:1px solid rgba(255,220,146,.16)}.demo-room-chat-form input{min-width:0;min-height:38px;border:1px solid rgba(255,220,146,.28);border-radius:6px;padding:0 11px;background:rgba(10,13,25,.62);color:#fff8e8}.demo-room-loading{width:min(420px,calc(100vw - 32px));min-height:180px;display:grid;place-items:center;margin:auto;color:#ffe5ac;font-weight:900;text-align:center}@keyframes dice-throw-left{0%{transform:translate3d(-34px,-92px,90px) rotateX(0deg) rotateY(0deg) rotate(-22deg) scale(.86);filter:blur(1px)}42%{transform:translate3d(8px,14px,18px) rotateX(520deg) rotateY(-430deg) rotate(32deg) scale(1.08);filter:blur(0)}68%{transform:translate3d(-5px,-10px,10px) rotateX(690deg) rotateY(-560deg) rotate(-14deg) scale(.98)}to{transform:translateZ(0) rotateX(2turn) rotateY(-2turn) rotate(-8deg) scale(1)}}@keyframes dice-throw-right{0%{transform:translate3d(34px,-88px,90px) rotateX(0deg) rotateY(0deg) rotate(20deg) scale(.86);filter:blur(1px)}42%{transform:translate3d(-10px,18px,18px) rotateX(-510deg) rotateY(450deg) rotate(-34deg) scale(1.08);filter:blur(0)}68%{transform:translate3d(6px,-9px,10px) rotateX(-690deg) rotateY(580deg) rotate(15deg) scale(.98)}to{transform:translateZ(0) rotateX(-2turn) rotateY(2turn) rotate(9deg) scale(1)}}@media (max-height:720px),(max-width:1180px){body:has(.demo-room-page){overflow:auto}.demo-room-page{height:auto;min-height:100dvh;overflow:visible}.demo-room-layout{justify-content:start;overflow-x:auto;padding-bottom:8px}.demo-board{width:1120px;max-height:none}}@media (max-width:760px){.demo-room-topbar{grid-template-columns:1fr}.demo-room-actions{flex-direction:column}.demo-room-actions button,.demo-room-back{width:100%}}body:has(.demo-room-page){background:#05060c;touch-action:pinch-zoom}.demo-room-layout,.demo-room-page{width:100vw;height:100dvh;min-height:100svh;display:block;overflow:hidden;padding:0}.demo-board{position:fixed;inset:0;width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));background:#05060c;box-shadow:inset 0 0 90px rgba(0,0,0,.58)}.demo-board:before{content:"";grid-column:2/11;grid-row:2/9;min-width:0;min-height:0;background:linear-gradient(180deg,rgba(4,5,10,.1),rgba(4,5,10,.34)),url(/images/board_3840x2160.webp) 50% /cover no-repeat;box-shadow:inset 0 0 70px rgba(0,0,0,.46);pointer-events:none;z-index:0}.demo-board-cell,.demo-board-center{position:relative;z-index:1}@media (min-aspect-ratio:20/9){.demo-board:before{background-image:linear-gradient(180deg,rgba(4,5,10,.1),rgba(4,5,10,.34)),url(/images/board_3440x1440.webp)}}@media (min-aspect-ratio:8/5) and (max-aspect-ratio:19/10){.demo-board:before{background-image:linear-gradient(180deg,rgba(4,5,10,.1),rgba(4,5,10,.34)),url(/images/board_2880x1800.webp)}}.demo-room-topbar{position:fixed;z-index:5;top:clamp(6px,.8vw,14px);left:clamp(6px,.8vw,14px);right:clamp(6px,.8vw,14px);min-height:clamp(52px,6dvh,76px);padding:clamp(8px,.9vw,14px);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(7,9,18,.55)}.demo-board-cell{background-size:contain;background-repeat:no-repeat;background-position:50%;font-size:12px}.demo-board-cell.chance,.demo-board-cell.tax,.demo-board-cell.travel,.demo-board-cell.treasury{background-color:rgba(9,10,18,.94)}.demo-board-cell strong{font-size:clamp(6px,.66vw,13px)}.demo-board-cell small{font-size:clamp(5px,.54vw,10px)}.demo-board-center{margin-top:clamp(48px,6.8dvh,82px);min-height:0;grid-template-columns:minmax(200px,.95fr) minmax(280px,1.15fr) minmax(200px,.95fr);gap:clamp(8px,.9vw,16px);padding:clamp(8px,1vw,18px);background:linear-gradient(145deg,rgba(6,8,16,.64),rgba(5,7,14,.74))}.demo-chat-panel,.demo-side-panel,.demo-table-panel{background:rgba(7,9,18,.4)}@media (max-height:720px),(max-width:1180px){body:has(.demo-room-page){overflow:hidden}.demo-room-layout,.demo-room-page{height:100dvh;min-height:100svh;overflow:hidden}.demo-board{width:100vw;height:100dvh;max-height:none}}@media (max-width:900px) and (orientation:portrait){.demo-board{width:100svh;height:100svw;transform:rotate(90deg) translateY(-100%);transform-origin:top left}.demo-room-topbar{transform:rotate(90deg);transform-origin:top left;top:8px;left:calc(100vw - 8px);right:auto;width:calc(100svh - 16px)}}.demo-room-page{background:#05060c}.demo-room-topbar{display:none}.demo-room-layout{position:fixed;inset:0}.demo-board{inset:clamp(22px,1.7vw,34px);border:2px solid rgba(255,220,146,.76);border-radius:8px;box-shadow:0 0 0 1px rgba(28,14,5,.88),0 24px 70px rgba(0,0,0,.58),inset 0 0 90px rgba(0,0,0,.5)}.demo-room-board-title{position:absolute;z-index:4;top:calc(11.111% + clamp(8px, 1vw, 16px));left:50%;max-width:min(42vw,520px);transform:translateX(-50%);padding:5px 16px;border:1px solid rgba(255,220,146,.3);border-radius:8px;background:rgba(7,9,18,.24);color:rgba(255,244,217,.72);font-size:clamp(14px,1.2vw,22px);font-weight:1000;line-height:1;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.52);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-board-center{grid-column:2/11;grid-row:2/9;margin-top:0;grid-template-columns:minmax(280px,.78fr) minmax(260px,1.28fr) minmax(270px,.78fr);align-items:stretch;gap:clamp(10px,1vw,20px);padding:clamp(46px,5.8dvh,86px) clamp(12px,1.1vw,24px) clamp(18px,2dvh,36px);border:0;background:linear-gradient(180deg,rgba(4,5,10,.28),rgba(4,5,10,.22))}.demo-chat-panel,.demo-side-panel{height:100%;align-self:stretch;background:rgba(7,9,18,.34)}.demo-table-panel{align-self:stretch;display:grid;place-items:center;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.demo-dice{align-self:center;justify-self:center}.demo-player-list{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));align-content:stretch}.demo-player-card{min-height:0;align-content:center}.demo-player-actions{padding:12px;border-top:1px solid rgba(255,220,146,.16)}.demo-player-actions a,.demo-player-actions button{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,220,146,.5);border-radius:6px;background:linear-gradient(180deg,#ffe39c,#c37a25 58%,#6b310e);color:#190d05;font-weight:1000;cursor:pointer}.demo-player-actions button:disabled{cursor:not-allowed;filter:grayscale(.55);opacity:.72}.demo-room-chat-messages{scrollbar-width:thin;scrollbar-color:rgba(255,220,146,.58) rgba(8,10,18,.4)}.demo-room-chat-messages::-webkit-scrollbar{width:8px}.demo-room-chat-messages::-webkit-scrollbar-track{background:rgba(8,10,18,.4);border-radius:999px}.demo-room-chat-messages::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#ffe39c,#9d5a18)}.demo-board-cell{background-size:100% 100%;cursor:pointer}.demo-board-cell:focus-visible{outline:2px solid rgba(255,230,166,.88);outline-offset:-3px}.demo-board-cell.has-card-image{background:linear-gradient(180deg,#fff4df,#d9c09b);padding:0}.demo-board-cell.has-card-image.corner,.demo-board-cell.has-card-image.jail,.demo-board-cell.has-card-image.rest{background:linear-gradient(180deg,#fff4df,#d9c09b);color:#fff4d9}.demo-card-art{position:absolute;z-index:0;inset:4px;background-repeat:no-repeat;background-position:50%;pointer-events:none}.demo-board-cell.has-card-image.airport{padding:4px;color:#17100a;text-shadow:0 1px 8px rgba(255,239,205,.55)}.demo-board-cell.has-card-image.airport small,.demo-board-cell.has-card-image.airport strong{position:relative;z-index:1}.demo-board-cell.has-card-image.airport strong{max-width:100%;overflow-wrap:anywhere;font-size:clamp(8px,.78vw,16px);line-height:1.08}.demo-board-cell.has-card-image.airport small{margin-top:2px;font-size:clamp(8px,.68vw,14px);font-weight:1000;opacity:.95}.demo-board-cell.has-card-image:after{content:none}.demo-board-cell:not(.has-card-image){padding:4px}.demo-board-cell:not(.has-card-image).side-left{padding-right:calc(18% + 6px)}.demo-board-cell:not(.has-card-image).side-right{padding-left:calc(18% + 6px)}.demo-board-cell:not(.has-card-image).side-top{padding-bottom:calc(18% + 4px)}.demo-board-cell:not(.has-card-image).side-bottom{padding-top:calc(18% + 4px)}.demo-board-cell:not(.has-card-image) strong{max-width:100%;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.demo-color-strip{inset:auto!important;z-index:2}.demo-board-cell.side-top .demo-color-strip{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:18%!important}.demo-board-cell.side-right .demo-color-strip{top:0!important;left:0!important;right:auto!important;bottom:0!important;width:18%!important;height:auto!important}.demo-board-cell.side-bottom .demo-color-strip{top:0!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;height:18%!important}.demo-board-cell.side-left .demo-color-strip{top:0!important;left:auto!important;right:0!important;bottom:0!important;width:18%!important;height:auto!important}@media (max-width:900px) and (orientation:portrait){.demo-board{width:calc(100svh - 20px);height:calc(100svw - 20px);transform:rotate(90deg) translateY(calc(-100% - 10px))}}.demo-board-center{position:relative;display:block;overflow:hidden;padding:0;background:linear-gradient(180deg,rgba(4,5,10,.2),rgba(4,5,10,.16))}.demo-chat-panel{left:clamp(12px,1.2vw,24px);width:min(26%,430px);min-width:290px;height:auto}.demo-chat-panel,.demo-players-zone{position:absolute;top:clamp(74px,10dvh,110px);bottom:clamp(16px,2dvh,30px)}.demo-players-zone{right:clamp(8px,.7vw,16px);width:min(24%,390px);min-width:260px;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:12px;gap:12px;pointer-events:auto}.demo-players-zone .demo-player-list{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));align-content:start;grid-gap:10px;gap:10px;overflow:hidden;padding:0}.demo-players-zone .demo-player-card{min-height:0;border:1px solid rgba(255,220,146,.24);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),rgba(7,9,18,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-players-zone .demo-player-actions{padding:0;border-top:0}.demo-table-panel{position:absolute;inset:0;pointer-events:none}.demo-dice{pointer-events:auto}.demo-board-cell:not(.has-card-image) strong{font-size:clamp(8px,.78vw,16px);line-height:1.08}.demo-board-cell:not(.has-card-image) small{margin-top:2px;color:#24160a;font-size:clamp(8px,.68vw,14px);font-weight:1000;opacity:.92}.demo-board-cell:not(.has-card-image).corner small,.demo-board-cell:not(.has-card-image).jail small,.demo-board-cell:not(.has-card-image).rest small{color:#f9e6b2}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){.demo-board{inset:clamp(8px,1.4vmin,14px)}.demo-room-board-title{top:calc(11.111% + 5px);padding:4px 12px;background:rgba(7,9,18,.22);color:rgba(255,244,217,.68);font-size:clamp(13px,1.7vw,18px)}.demo-chat-panel{left:clamp(8px,1vw,14px);bottom:auto;width:32%;height:min(62%,calc(100% - 86px))}.demo-chat-panel,.demo-players-zone{top:clamp(48px,13dvh,76px);min-width:0}.demo-players-zone{right:clamp(4px,.6vw,10px);bottom:clamp(10px,1.6dvh,18px);width:23%;gap:7px}.demo-panel-title{min-height:42px;padding:8px 10px}.demo-panel-title strong{font-size:18px}.demo-room-chat-messages{padding:10px;gap:7px;font-size:13px}.demo-room-chat-messages div{font-size:11px}.demo-room-chat-form{padding:8px;gap:6px}.demo-room-chat-form input{min-height:34px;font-size:13px}.demo-room-chat-form button{min-height:34px;padding:0 10px}.demo-players-zone .demo-player-list{gap:6px}.demo-players-zone .demo-player-card{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:7px}.demo-player-token{width:30px;height:30px}.demo-player-card strong{font-size:clamp(12px,1.65vw,17px)}.demo-player-card span{font-size:clamp(9px,1.25vw,12px)}.demo-player-card b{font-size:clamp(10px,1.35vw,14px)}.demo-player-actions a,.demo-player-actions button{min-height:36px;font-size:14px}.demo-dice span{width:clamp(44px,7vw,70px);font-size:clamp(24px,4.8vw,42px)}.demo-board-cell:not(.has-card-image) strong{font-size:clamp(6px,1vw,11px)}.demo-board-cell:not(.has-card-image) small{font-size:clamp(6px,.9vw,10px)}.demo-board-cell.has-card-image.airport .demo-cell-price,.demo-board-cell.has-card-image.property .demo-cell-price,.demo-board-cell:not(.has-card-image) .demo-cell-price{font-size:clamp(10px,1.7vw,18px);line-height:1}.demo-board-cell.side-bottom.has-card-image.airport .demo-cell-price,.demo-board-cell.side-bottom.has-card-image.property .demo-cell-price,.demo-board-cell.side-bottom:not(.has-card-image) .demo-cell-price,.demo-board-cell.side-top.has-card-image.airport .demo-cell-price,.demo-board-cell.side-top.has-card-image.property .demo-cell-price,.demo-board-cell.side-top:not(.has-card-image) .demo-cell-price{height:18%;min-height:0;padding:0 2px}.demo-board-cell.side-top.has-card-image.airport .demo-cell-price,.demo-board-cell.side-top.has-card-image.property .demo-cell-price,.demo-board-cell.side-top:not(.has-card-image) .demo-cell-price{bottom:0}.demo-board-cell.side-bottom.has-card-image.airport .demo-cell-price,.demo-board-cell.side-bottom.has-card-image.property .demo-cell-price,.demo-board-cell.side-bottom:not(.has-card-image) .demo-cell-price{top:0}.demo-board-cell.side-left.has-card-image.airport .demo-cell-price,.demo-board-cell.side-left.has-card-image.property .demo-cell-price,.demo-board-cell.side-left:not(.has-card-image) .demo-cell-price,.demo-board-cell.side-right.has-card-image.airport .demo-cell-price,.demo-board-cell.side-right.has-card-image.property .demo-cell-price,.demo-board-cell.side-right:not(.has-card-image) .demo-cell-price{width:18%;min-width:0;padding:2px 0;font-size:clamp(9px,1.45vw,15px)}}@media (max-width:900px) and (orientation:portrait){.demo-chat-panel{left:8px;top:52px;bottom:14px;width:31%;min-width:0}.demo-players-zone{right:6px;top:52px;bottom:14px;width:22%;min-width:0}}.demo-board-cell.has-card-image.airport .demo-cell-title,.demo-board-cell:not(.has-card-image) .demo-cell-title{color:#e3b247;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.72)}.demo-board-cell.has-card-image.airport .demo-cell-price,.demo-board-cell.has-card-image.property .demo-cell-price,.demo-board-cell:not(.has-card-image) .demo-cell-price{position:absolute;z-index:3;display:grid;place-items:center;margin:0;color:#fffaf0;font-size:clamp(12px,1vw,19px);font-weight:1000;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.55);opacity:1;pointer-events:none}.demo-board-cell.side-bottom.has-card-image.airport .demo-cell-price,.demo-board-cell.side-bottom:not(.has-card-image) .demo-cell-price,.demo-board-cell.side-top.has-card-image.airport .demo-cell-price,.demo-board-cell.side-top:not(.has-card-image) .demo-cell-price{left:0;right:0;height:18%}.demo-board-cell.side-top.has-card-image.airport .demo-cell-price,.demo-board-cell.side-top:not(.has-card-image) .demo-cell-price{bottom:0}.demo-board-cell.side-bottom.has-card-image.airport .demo-cell-price,.demo-board-cell.side-bottom:not(.has-card-image) .demo-cell-price{top:0}.demo-board-cell.side-left.has-card-image.airport .demo-cell-price,.demo-board-cell.side-left:not(.has-card-image) .demo-cell-price,.demo-board-cell.side-right.has-card-image.airport .demo-cell-price,.demo-board-cell.side-right:not(.has-card-image) .demo-cell-price{top:0;bottom:0;width:18%;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed}.demo-board-cell.side-left.has-card-image.airport .demo-cell-price,.demo-board-cell.side-left:not(.has-card-image) .demo-cell-price{right:0}.demo-board-cell.side-right.has-card-image.airport .demo-cell-price,.demo-board-cell.side-right:not(.has-card-image) .demo-cell-price{left:0}.demo-board-cell.has-card-image.airport .demo-cell-price{color:#fffaf0;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.72)}.demo-board-cell.has-card-image.airport,.demo-board-cell.has-card-image.property{background-origin:border-box}.demo-board-cell.side-bottom.has-card-image.airport,.demo-board-cell.side-bottom.has-card-image.property,.demo-board-cell.side-left.has-card-image.airport,.demo-board-cell.side-left.has-card-image.property,.demo-board-cell.side-right.has-card-image.airport,.demo-board-cell.side-right.has-card-image.property,.demo-board-cell.side-top.has-card-image.airport,.demo-board-cell.side-top.has-card-image.property{background-size:auto!important}.demo-board-cell.side-top.has-card-image.airport .demo-card-art,.demo-board-cell.side-top.has-card-image.property .demo-card-art{inset:4px 4px calc(18% + 4px)}.demo-board-cell.side-right.has-card-image.airport .demo-card-art,.demo-board-cell.side-right.has-card-image.property .demo-card-art{inset:4px 4px 4px calc(18% + 4px)}.demo-board-cell.side-bottom.has-card-image.airport .demo-card-art,.demo-board-cell.side-bottom.has-card-image.property .demo-card-art{inset:calc(18% + 4px) 4px 4px}.demo-board-cell.side-left.has-card-image.airport .demo-card-art,.demo-board-cell.side-left.has-card-image.property .demo-card-art{inset:4px calc(18% + 4px) 4px 4px}.demo-board-cell.has-card-image.airport .demo-cell-title,.demo-board-cell.has-card-image.property .demo-cell-title{position:relative;z-index:3;max-width:82%;overflow-wrap:anywhere;color:#e3b247;font-size:clamp(8px,.78vw,16px);line-height:1.08;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.72)}.demo-board-cell.has-card-image.property .demo-cell-price{color:#fffaf0;font-size:clamp(12px,1vw,19px);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.72)}.demo-board-cell.side-bottom.has-card-image.property .demo-cell-price,.demo-board-cell.side-top.has-card-image.property .demo-cell-price{left:0;right:0;height:18%}.demo-board-cell.side-top.has-card-image.property .demo-cell-price{bottom:0}.demo-board-cell.side-bottom.has-card-image.property .demo-cell-price{top:0}.demo-board-cell.side-left.has-card-image.property .demo-cell-price,.demo-board-cell.side-right.has-card-image.property .demo-cell-price{top:0;bottom:0;width:18%;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed}.demo-board-cell.side-left.has-card-image.property .demo-cell-price{right:0}.demo-board-cell.side-right.has-card-image.property .demo-cell-price{left:0}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){.demo-board-cell.side-bottom .demo-color-strip,.demo-board-cell.side-top .demo-color-strip{height:24%!important}.demo-board-cell.side-top:not(.has-card-image){padding-bottom:calc(24% + 2px)}.demo-board-cell.side-bottom:not(.has-card-image){padding-top:calc(24% + 2px)}.demo-board-cell.side-bottom.has-card-image.airport,.demo-board-cell.side-bottom.has-card-image.property,.demo-board-cell.side-top.has-card-image.airport,.demo-board-cell.side-top.has-card-image.property{background-size:auto!important}.demo-board-cell.side-top.has-card-image.airport .demo-card-art,.demo-board-cell.side-top.has-card-image.property .demo-card-art{inset:3px 3px calc(24% + 3px)}.demo-board-cell.side-bottom.has-card-image.airport .demo-card-art,.demo-board-cell.side-bottom.has-card-image.property .demo-card-art{inset:calc(24% + 3px) 3px 3px}.demo-board-cell.side-bottom.has-card-image.airport .demo-cell-price,.demo-board-cell.side-bottom.has-card-image.property .demo-cell-price,.demo-board-cell.side-bottom:not(.has-card-image) .demo-cell-price,.demo-board-cell.side-top.has-card-image.airport .demo-cell-price,.demo-board-cell.side-top.has-card-image.property .demo-cell-price,.demo-board-cell.side-top:not(.has-card-image) .demo-cell-price{height:24%;min-height:0;padding:0 2px;font-size:clamp(9px,1.28vw,14px);line-height:.9}.demo-board-cell.side-top.has-card-image.airport .demo-cell-price,.demo-board-cell.side-top.has-card-image.property .demo-cell-price,.demo-board-cell.side-top:not(.has-card-image) .demo-cell-price{bottom:0}.demo-board-cell.side-bottom.has-card-image.airport .demo-cell-price,.demo-board-cell.side-bottom.has-card-image.property .demo-cell-price,.demo-board-cell.side-bottom:not(.has-card-image) .demo-cell-price{top:0}}.demo-player-card>div{min-width:0}.admin-economy-page{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:32px 0 56px}.admin-economy-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-economy-header span{display:block;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.admin-economy-header h1{margin:4px 0 0;font-size:clamp(30px,4vw,52px);line-height:1}.admin-economy-header button{min-height:42px;border:1px solid var(--line);border-radius:6px;padding:0 14px;background:#eef2f7;color:var(--muted);font-weight:800}.admin-economy-panel{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#ffffff}.admin-economy-table{min-width:1360px}.admin-economy-row{display:grid;grid-template-columns:150px 130px repeat(9,minmax(96px,1fr));grid-gap:1px;gap:1px;border-bottom:1px solid var(--line);background:var(--line)}.admin-economy-row:last-child{border-bottom:0}.admin-economy-row>*{min-width:0;min-height:44px;display:flex;align-items:center;border:0;padding:0 10px;background:#ffffff;color:var(--ink);font-size:14px}.admin-economy-row-head>*{background:#111827;color:#ffffff;font-weight:900}.admin-economy-row strong{font-weight:900}.admin-economy-row input{width:100%}.admin-economy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:18px}.admin-economy-cards article{border:1px solid var(--line);border-radius:8px;padding:14px;background:#ffffff}.admin-economy-cards h2{margin:0 0 12px;font-size:20px}.admin-economy-cards p{display:grid;grid-gap:3px;gap:3px;margin:0;padding:10px 0;border-top:1px solid var(--line)}.admin-economy-cards strong{font-size:13px}.admin-economy-cards span{color:var(--muted);font-size:13px;line-height:1.35}@media (max-width:720px){.admin-economy-header{align-items:stretch;flex-direction:column}.admin-economy-cards{grid-template-columns:1fr}}.demo-card-detail-backdrop{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:clamp(12px,2vw,28px);background:radial-gradient(circle at center,rgba(4,5,10,.18),rgba(4,5,10,.58));pointer-events:auto}.demo-card-detail{position:relative;width:min(440px,72vw);max-height:min(680px,78vh);overflow:auto;display:grid;grid-gap:12px;gap:12px;border:2px solid rgba(84,48,15,.78);border-radius:10px;padding:clamp(16px,2vw,24px);background:linear-gradient(145deg,rgba(255,250,231,.96),rgba(215,183,126,.98)),repeating-linear-gradient(45deg,rgba(92,56,20,.08) 0 1px,transparent 1px 12px);color:#1b1208;box-shadow:0 34px 90px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.45);animation:demo-card-pickup .34s cubic-bezier(.16,.84,.28,1) both}.demo-card-detail:before{content:"";position:absolute;inset:9px;border:1px solid rgba(119,75,24,.42);border-radius:7px;pointer-events:none}.demo-card-detail-close{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border:1px solid rgba(90,54,16,.36);border-radius:50%;background:rgba(255,248,225,.72);color:#2c1908;cursor:pointer;font-size:22px;font-weight:900;line-height:1}.demo-card-detail-top{display:grid;grid-gap:4px;gap:4px;padding-right:30px}.demo-card-detail-top span{color:#8b5a1d;font-size:12px;font-weight:1000;letter-spacing:2px;text-transform:uppercase}.demo-card-detail-top h2{margin:0;color:#261305;font-size:clamp(24px,2.4vw,34px);line-height:.98}.demo-card-detail-top p{margin:0;color:rgba(38,19,5,.58);font-weight:900}.demo-card-detail-description{margin:-2px 0 0;padding:10px 12px;border:1px solid rgba(118,74,24,.18);border-radius:8px;background:rgba(255,255,255,.24);color:rgba(38,19,5,.76);font-size:13px;font-weight:800;line-height:1.3}.demo-card-detail-grid>div,.demo-card-detail-price{border:1px solid rgba(118,74,24,.22);border-radius:8px;padding:10px;background:rgba(255,255,255,.32)}.demo-card-detail-price{display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-card-detail span{display:block;color:#865415;font-size:12px;font-weight:900}.demo-card-detail strong{color:#241303;font-size:20px;line-height:1}.demo-card-detail-price strong{font-size:30px}.demo-card-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.demo-card-detail-finance{margin-top:4px;padding-top:12px;border-top:1px solid rgba(118,74,24,.24)}.demo-card-detail-finance>div{background:rgba(144,92,28,.12)}.demo-card-detail-build{padding-bottom:12px;border-bottom:1px solid rgba(118,74,24,.24)}.demo-card-detail-build>div{background:rgba(255,246,205,.42)}.demo-card-detail-deck,.demo-card-detail-rates{display:grid;grid-gap:7px;gap:7px}.demo-card-detail-rates{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card-detail-deck article,.demo-card-detail-rates>div{border:1px solid rgba(118,74,24,.2);border-radius:8px;padding:9px 10px;background:rgba(255,255,255,.3)}.demo-card-detail-rates em{display:block;margin-top:4px;color:rgba(38,19,5,.58);font-size:11px;font-style:normal;font-weight:800;line-height:1.2}.demo-card-detail-deck{max-height:210px;overflow:auto;padding-right:3px}.demo-card-detail-deck article strong{display:block;margin-bottom:4px;font-size:14px}.demo-card-detail-deck article span{color:rgba(38,19,5,.74);font-size:12px;line-height:1.25;text-transform:none}@keyframes demo-card-pickup{0%{opacity:0;transform:translateY(34px) scale(.42) rotateY(84deg) rotate(-4deg)}62%{opacity:1;transform:translateY(-8px) scale(1.04) rotateY(-8deg) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0deg) rotate(0deg)}}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){.demo-card-detail{width:min(390px,54vw);max-height:72vh;gap:8px;padding:14px}.demo-card-detail-top h2{font-size:22px}.demo-card-detail-price strong{font-size:24px}.demo-card-detail strong{font-size:16px}.demo-card-detail-rates{grid-template-columns:1fr}.demo-card-detail-deck{max-height:150px}}body:has(.demo-room-page){width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom}.demo-room-layout,.demo-room-page{position:fixed;inset:0;width:100lvw;height:100lvh;min-width:100lvw;min-height:100lvh;overflow:hidden}.demo-board{position:absolute;inset:22px;width:auto;height:auto;max-width:none;max-height:none;contain:layout paint size;transform-origin:top left}.demo-card-art{background-size:contain}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){.demo-board{inset:8px}}@media (max-width:900px) and (orientation:portrait){.demo-room-layout,.demo-room-page{width:100lvw;height:100lvh;min-width:100lvw;min-height:100lvh}.demo-board{inset:auto;width:calc(100lvh - 20px);height:calc(100lvw - 20px);transform:rotate(90deg) translateY(calc(-100% - 10px));transform-origin:top left}}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){.demo-chat-panel{left:clamp(8px,1vw,12px);top:clamp(38px,9dvh,54px);bottom:clamp(20px,4dvh,34px);width:27%;height:auto}.demo-panel-title{min-height:34px;padding:6px 9px}.demo-panel-title span{font-size:11px}.demo-panel-title strong{font-size:16px}.demo-room-chat-messages{padding:8px 9px;gap:5px;font-size:11px}.demo-room-chat-messages article{padding-bottom:5px}.demo-room-chat-messages div{font-size:10px}.demo-room-chat-messages p{margin-top:3px;line-height:1.22}.demo-room-chat-form{padding:6px;gap:5px}.demo-room-chat-form input{min-height:30px;padding:0 8px;font-size:11px}.demo-room-chat-form button{min-height:30px;padding:0 8px;font-size:12px}.demo-players-zone{right:clamp(3px,.45vw,8px);top:clamp(42px,10dvh,60px);bottom:clamp(44px,8dvh,64px);width:18.5%;gap:5px}.demo-players-zone .demo-player-list{display:flex;flex-direction:column;gap:4px;overflow:hidden}.demo-players-zone .demo-player-card{grid-template-columns:24px minmax(0,1fr);gap:5px;padding:4px 5px;min-height:0;align-items:center}.demo-player-token{width:24px;height:24px;font-size:13px}.demo-player-card b,.demo-player-card span,.demo-player-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-player-card strong{font-size:clamp(10px,1.35vw,13px);line-height:1.05}.demo-player-card b,.demo-player-card span{font-size:clamp(8px,1vw,10px);line-height:1.05}.demo-player-card b{grid-column:2;margin-top:1px}.demo-player-actions a,.demo-player-actions button{min-height:32px;font-size:13px}}@media (max-width:900px) and (orientation:portrait){.demo-chat-panel{top:42px;bottom:10px;width:29%}.demo-room-chat-messages{padding:8px;gap:6px;font-size:11px}.demo-room-chat-form{padding:6px}.demo-room-chat-form button,.demo-room-chat-form input{min-height:30px;font-size:11px}.demo-players-zone{width:21%}.demo-players-zone .demo-player-card{grid-template-columns:24px minmax(0,1fr);padding:5px}.demo-board-cell.has-card-image.airport .demo-cell-price,.demo-board-cell.has-card-image.property .demo-cell-price,.demo-board-cell:not(.has-card-image) .demo-cell-price{font-size:clamp(9px,2.2vw,15px)}}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){body:has(.demo-room-page){height:100%;min-height:100%;overflow:hidden;overscroll-behavior:none}.demo-room-layout,.demo-room-page{position:fixed;inset:0;width:100svw;height:100svh;min-width:100svw;min-height:100svh;overflow:hidden}.demo-board{inset:8px}}.demo-board-cell .demo-cell-tokens{z-index:8;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(18px,1.8vw,32px),max-content));place-content:center;align-items:end;grid-gap:clamp(1px,.2vw,4px);gap:clamp(1px,.2vw,4px);pointer-events:none}.demo-board-cell.side-top .demo-cell-tokens{top:7%;right:7%;bottom:calc(18% + 5px);left:7%}.demo-board-cell.side-bottom .demo-cell-tokens{top:calc(18% + 5px);right:7%;bottom:7%;left:7%}.demo-board-cell.side-right .demo-cell-tokens{top:8%;right:7%;bottom:8%;left:calc(18% + 5px)}.demo-board-cell.side-left .demo-cell-tokens{top:8%;right:calc(18% + 5px);bottom:8%;left:7%}.demo-board-cell .demo-map-token{width:clamp(18px,1.85vw,32px);height:clamp(18px,1.85vw,32px);border:0;background:transparent;box-shadow:none;transition:transform .16s ease}.demo-board-cell .demo-map-token.has-pawn-image{overflow:visible;border-radius:0}.demo-board-cell .demo-map-token.has-pawn-image img{width:145%;height:145%;object-fit:contain;transform:translateY(-10%);filter:drop-shadow(0 5px 5px rgba(0,0,0,.52));pointer-events:none}.demo-board-cell .demo-map-token.is-moving{animation:demo-pawn-step .36s ease-in-out both}.demo-board-cell .demo-map-token.has-pawn-image.is-moving img{animation:demo-pawn-glide .36s ease-in-out both}.demo-board-cell .demo-map-token:not(.has-pawn-image){border:1px solid rgba(255,255,255,.52);border-radius:50%;color:#fff;font-size:clamp(9px,.9vw,12px);font-weight:1000;box-shadow:0 5px 10px rgba(0,0,0,.35)}.demo-board-cell .demo-map-token.token-0:not(.has-pawn-image){background:#dc2626}.demo-board-cell .demo-map-token.token-1:not(.has-pawn-image){background:#16a34a}.demo-board-cell .demo-map-token.token-2:not(.has-pawn-image){background:#7c3aed}.demo-board-cell .demo-map-token.token-3:not(.has-pawn-image){background:#0891b2}.demo-board-cell .demo-map-token.token-4:not(.has-pawn-image){background:#ea580c}.demo-board-cell .demo-map-token.token-5:not(.has-pawn-image){background:#be185d}@keyframes demo-pawn-step{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-9%) scale(1.08)}to{transform:translateY(0) scale(1)}}@keyframes demo-pawn-glide{0%{transform:translateY(-10%) scale(1)}45%{transform:translateY(-20%) scale(1.08)}to{transform:translateY(-10%) scale(1)}}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){.demo-board-cell.side-top .demo-cell-tokens{bottom:calc(24% + 4px)}.demo-board-cell.side-bottom .demo-cell-tokens{top:calc(24% + 4px)}.demo-board-cell .demo-map-token{width:clamp(15px,1.85vw,24px);height:clamp(15px,1.85vw,24px)}}@media (max-height:650px) and (orientation:landscape),(max-width:980px) and (orientation:landscape){body:has(.demo-room-page){width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.demo-room-layout,.demo-room-page{position:fixed;inset:0;width:100dvw;height:100dvh;min-width:100dvw;min-height:100dvh;overflow:hidden}.demo-board{inset:4px}}.demo-players-zone .demo-player-card{grid-template-columns:auto minmax(0,1fr) auto}.demo-player-card b{grid-column:2/3}.demo-turn-timer{--timer-angle:360deg;width:clamp(44px,3.9vw,58px);grid-column:3;grid-row:1/span 2;place-items:center;align-self:center;background:radial-gradient(circle at center,rgba(13,10,17,.95) 0 58%,transparent 60%),conic-gradient(#ffe19a var(--timer-angle),rgba(255,220,146,.18) 0);box-shadow:0 0 0 1px rgba(255,220,146,.22),0 8px 18px rgba(0,0,0,.32)}.demo-turn-timer,.demo-turn-timer span{aspect-ratio:1;display:grid;border-radius:50%}.demo-turn-timer span{place-items:center;width:74%;background:rgba(7,9,18,.92);color:#fff4d7;font-size:clamp(15px,1.35vw,20px);font-weight:1000}.demo-turn-timer.is-warning{background:radial-gradient(circle at center,rgba(20,8,10,.95) 0 58%,transparent 60%),conic-gradient(#ff5252 var(--timer-angle),rgba(255,82,82,.2) 0);box-shadow:0 0 0 1px rgba(255,82,82,.36),0 0 22px rgba(255,65,65,.38)}.demo-turn-timer.is-warning span{color:#ff7373}.demo-game-actions{padding:12px 14px;border-radius:8px;background:rgba(8,10,18,.42);text-shadow:0 2px 10px rgba(0,0,0,.46)}.demo-game-actions button{border-color:rgba(255,224,154,.68);background:linear-gradient(180deg,#ffe19a,#b86818 64%,#6d3512);color:#170c04;box-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.42)}.demo-trade-offer{width:min(520px,92vw);display:grid;grid-template-columns:1fr;grid-gap:7px;gap:7px;border:1px solid rgba(255,220,146,.26);border-radius:8px;padding:9px;background:rgba(7,9,18,.72)}.demo-trade-offer div{justify-content:center}.demo-player-avatar-wrap{position:relative;width:max-content}.demo-player-card .demo-player-token{border:0;cursor:pointer}.demo-player-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:80;min-width:190px;border:1px solid rgba(255,224,154,.42);border-radius:8px;padding:6px;background:linear-gradient(180deg,rgba(29,19,22,.98),rgba(8,10,18,.98));box-shadow:0 18px 34px rgba(0,0,0,.46)}.demo-player-menu button{width:100%;min-height:36px;border:1px solid rgba(255,224,154,.48);border-radius:6px;padding:0 12px;background:linear-gradient(180deg,#ffe19a,#b86818 64%,#6d3512);color:#170c04;cursor:pointer;font-weight:1000;text-align:left}.demo-player-menu button:disabled{opacity:.55;cursor:default}.demo-player-avatar-wrap,.demo-players-zone,.demo-players-zone .demo-player-card,.demo-players-zone .demo-player-list{overflow:visible}.demo-player-menu{min-width:170px;border-color:rgba(255,224,154,.26);padding:4px}.demo-player-menu button{min-height:32px;border:0;border-radius:5px;padding:0 10px;background:transparent;color:#fff4d7;box-shadow:none;font-size:13px}.demo-player-menu button:hover{background:rgba(255,220,146,.12);color:#ffe19a}.demo-trade-backdrop{position:absolute;inset:0;z-index:65;display:grid;place-items:center;padding:18px;background:rgba(2,3,8,.52);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.demo-trade-modal{position:relative;width:min(620px,calc(100vw - 36px));border:2px solid rgba(141,92,38,.9);border-radius:8px;padding:18px 22px 22px;background:radial-gradient(circle at 20% 18%,rgba(255,251,230,.6),transparent 28%),linear-gradient(145deg,rgba(255,246,216,.98),rgba(225,190,128,.98));color:#201007;box-shadow:0 22px 70px rgba(0,0,0,.52)}.demo-trade-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:12px}.demo-trade-form label{display:grid;grid-gap:6px;gap:6px;color:#7a4b19;font-weight:1000}.demo-trade-form input,.demo-trade-form select{min-width:0;min-height:42px;border:1px solid rgba(126,81,32,.28);border-radius:8px;padding:0 10px;background:rgba(255,249,228,.86);color:#201007;font-weight:900}.demo-trade-form button{grid-column:1/-1;min-height:44px;border:1px solid rgba(126,81,32,.45);border-radius:6px;background:linear-gradient(180deg,#ffe19a,#b86818 64%,#6d3512);color:#170c04;cursor:pointer;font-weight:1000}.demo-finished-overlay{position:absolute;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:rgba(2,3,8,.68);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.demo-finished-overlay section{width:min(420px,calc(100vw - 40px));display:grid;grid-gap:12px;gap:12px;justify-items:center;border:1px solid rgba(255,220,146,.36);border-radius:8px;padding:22px;background:linear-gradient(180deg,rgba(36,24,31,.96),rgba(8,10,18,.96));color:#fff4d7;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.55)}.demo-finished-overlay strong{font-size:clamp(26px,3vw,38px)}.demo-finished-overlay p{margin:0;color:rgba(255,238,205,.78);font-weight:800}.demo-finished-overlay button{min-height:40px;border:1px solid rgba(255,224,154,.68);border-radius:6px;padding:0 18px;background:linear-gradient(180deg,#ffe19a,#b86818 64%,#6d3512);color:#170c04;cursor:pointer;font-weight:1000}.demo-dice{gap:clamp(16px,1.8vw,24px);perspective:900px}.demo-roll-action{display:grid!important;justify-items:center;grid-gap:0!important;gap:0!important}.demo-game-actions .demo-dice{min-height:0;border:0;padding:4px;background:transparent;box-shadow:none}.demo-game-actions .demo-dice:hover{filter:brightness(1.08)}.demo-dice .demo-die{--die-size:clamp(46px,4.6vw,70px);position:relative;width:var(--die-size);aspect-ratio:1;display:block;transform-style:preserve-3d;transform:rotateX(10deg) rotateY(-12deg);will-change:transform;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-size:inherit}.demo-dice .demo-die .demo-die-face{position:absolute;inset:0;width:auto;aspect-ratio:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:10%;gap:10%;padding:18%;border:2px solid rgba(255,231,166,.86);border-radius:12px;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.95),transparent 18%),linear-gradient(145deg,#fff0bd,#d59636 60%,#6e330f);box-shadow:inset 0 -10px 18px rgba(72,29,4,.22);-webkit-backface-visibility:hidden;backface-visibility:hidden}.demo-dice .demo-die:after,.demo-dice .demo-die:before{content:"";position:absolute;border-radius:12px;pointer-events:none}.demo-dice .demo-die:before{inset:7px -7px -7px 7px;background:linear-gradient(145deg,#a55b18,#5f2a0c);transform:translateZ(-10px);filter:brightness(.82)}.demo-dice .demo-die:after{inset:0;box-shadow:0 14px 22px rgba(0,0,0,.34);transform:translateZ(-14px)}.demo-dice .demo-die .demo-die-face i{display:block;border-radius:50%}.demo-dice .demo-die .demo-die-face i.is-active{background:radial-gradient(circle at 34% 32%,#5c2607,#120905);box-shadow:inset 0 1px 2px rgba(0,0,0,.45)}.demo-dice .demo-die .demo-die-front{transform:translateZ(1px)}.demo-dice .demo-die .demo-die-back,.demo-dice .demo-die .demo-die-bottom,.demo-dice .demo-die .demo-die-left,.demo-dice .demo-die .demo-die-right,.demo-dice .demo-die .demo-die-top{display:none}.demo-dice.rolling .demo-die:first-child{animation:dice-cube-left 1.1s cubic-bezier(.16,.84,.28,1) both}.demo-dice.rolling .demo-die:last-child{animation:dice-cube-right 1.1s cubic-bezier(.16,.84,.28,1) both}.lobby-reconnect-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,220,146,.32);border-radius:8px;padding:12px 14px;background:linear-gradient(180deg,rgba(255,220,146,.14),rgba(9,12,24,.66));color:#fff4d7}.lobby-reconnect-banner div{display:grid;grid-gap:3px;gap:3px}.lobby-reconnect-banner strong{font-size:16px}.lobby-reconnect-banner span{color:rgba(255,238,205,.72);font-weight:800}.lobby-reconnect-banner button{min-height:38px;border:1px solid rgba(255,224,154,.68);border-radius:6px;padding:0 14px;background:linear-gradient(180deg,#ffe19a,#b86818 64%,#6d3512);color:#170c04;cursor:pointer;font-weight:1000}.room-players-line{color:rgba(255,238,205,.76)!important;font-weight:800}@keyframes dice-cube-left{0%{transform:translate3d(-36px,-86px,80px) rotateX(20deg) rotateY(-30deg) rotate(-20deg) scale(.86);filter:blur(1px)}48%{transform:translate3d(12px,12px,24px) rotateX(520deg) rotateY(-430deg) rotate(34deg) scale(1.08);filter:blur(0)}to{transform:translateZ(0) rotateX(702deg) rotateY(-692deg) rotate(-8deg) scale(1)}}@keyframes dice-cube-right{0%{transform:translate3d(36px,-82px,80px) rotateX(-18deg) rotateY(32deg) rotate(18deg) scale(.86);filter:blur(1px)}48%{transform:translate3d(-12px,15px,24px) rotateX(-520deg) rotateY(450deg) rotate(-34deg) scale(1.08);filter:blur(0)}to{transform:translateZ(0) rotateX(-702deg) rotateY(692deg) rotate(8deg) scale(1)}}.demo-player-avatar-wrap,.demo-players-zone,.demo-players-zone .demo-player-card,.demo-players-zone .demo-player-list{overflow:visible!important}.demo-players-zone{z-index:40}.demo-player-menu{z-index:120}@media (max-height:650px) and (orientation:landscape),(max-width:900px) and (orientation:portrait),(max-width:980px) and (orientation:landscape){.demo-players-zone{width:min(29%,360px)}.demo-players-zone .demo-player-card{grid-template-columns:auto minmax(0,1fr) auto}.demo-turn-timer{width:clamp(30px,3.2vw,38px)}.demo-turn-timer span{font-size:clamp(10px,1.15vw,14px)}.demo-player-card strong{font-size:clamp(10px,1.25vw,14px)}.demo-player-card span{font-size:clamp(8px,.9vw,11px)}}