: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){overflow:hidden;background:var(--night)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{min-height:100vh;display:flex;flex-direction:column}.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{position:relative;overflow:hidden;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{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)}@media (max-width:980px){body:has(.game-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%}}@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{width:100vw;min-height:100vh;display:grid;place-items:center;padding:clamp(14px,2vw,28px)}.city-board-bg{position:absolute;inset:0;overflow:hidden;background:#070812}.city-board-image{position:absolute;inset:0;background-image:url(/images/monocity.png);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:saturate(1.06) contrast(1.06)}.city-board-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 54%,rgba(6,8,17,.02),rgba(6,8,17,.18) 48%,rgba(4,5,10,.72) 100%),linear-gradient(180deg,rgba(7,6,14,.05),rgba(5,6,12,.2) 64%,rgba(3,3,7,.7))}.city-board-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 22%,rgba(255,205,112,.09) 45%,transparent 68%),radial-gradient(circle at 50% 18%,rgba(255,226,156,.2),transparent 22%);mix-blend-mode:screen}.landing-auth-shell{position:relative;z-index:6;width:min(390px,calc(100vw - 28px));display:grid;justify-items:center;transform:translateY(clamp(110px,25vh,260px))}.auth-card{width:100%;border:1px solid rgba(255,220,146,.42);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),rgba(5,7,15,.66);box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);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:46px;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:22px 24px 16px}.auth-form label{display:grid;grid-gap:7px;gap:7px;color:#f8e7c7;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.auth-form input{width:100%;min-height:44px;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)}.auth-submit{min-height:46px;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)}.social-auth{display:grid;grid-gap:10px;gap:10px;padding:0 24px 18px;color:rgba(255,238,205,.68);font-size:11px;font-weight:900;letter-spacing:1.8px;text-align:center;text-transform:uppercase}.social-auth-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.auth-switch,.social-auth-row button{min-height:38px;border:1px solid rgba(255,220,146,.28);border-radius:6px;background:rgba(10,13,25,.7);color:#ffe5ac;cursor:pointer;font-weight:900}.auth-switch:hover,.social-auth-row button:hover{border-color:rgba(255,220,146,.62);background:rgba(255,220,146,.1)}.auth-switch{width:100%;min-height:46px;border-width:1px 0 0;border-radius:0;color:#f8e7c7;letter-spacing:.5px}@media (max-width:760px){.landing-page{min-height:100svh;overflow:auto;padding:18px}.landing-auth-shell{transform:translateY(clamp(80px,18vh,160px))}}