:root{--bg-deep: #150f2e;--bg-mid: #1e1440;--surface: rgba(255, 255, 255, .055);--surface-2: rgba(255, 255, 255, .1);--surface-border: rgba(255, 255, 255, .1);--text: #f6f3ff;--text-dim: #b6acd9;--accent: #ffca3a;--accent-2: #ff5d8f;--blue: #4cc9f0;--green: #52d68a;--red: #ff5d6c;--purple: #b389f9;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 9px;--shadow-pop: 0 10px 30px rgba(0, 0, 0, .45);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}::selection{background:var(--accent);color:#1a1330}h1,h2,h3{font-family:"Baloo 2",Inter,system-ui,sans-serif}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg-deep);background-image:radial-gradient(circle at 12% 8%,rgba(255,93,143,.28),transparent 42%),radial-gradient(circle at 88% 4%,rgba(76,201,240,.24),transparent 45%),radial-gradient(circle at 50% 100%,rgba(179,137,249,.28),transparent 55%),radial-gradient(circle at 90% 80%,rgba(255,202,58,.14),transparent 50%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid) 60%,var(--bg-deep));background-attachment:fixed;background-size:200% 200%,200% 200%,200% 200%,200% 200%,100% 100%;animation:bg-drift 28s ease-in-out infinite}@keyframes bg-drift{0%{background-position:0% 0%,100% 0%,50% 100%,100% 100%,0 0}50%{background-position:20% 20%,80% 10%,40% 90%,90% 80%,0 0}to{background-position:0% 0%,100% 0%,50% 100%,100% 100%,0 0}}@media (prefers-reduced-motion: reduce){body{animation:none}}button{font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.6rem 1.2rem;background:var(--surface-2);color:var(--text);box-shadow:0 3px #00000059,0 6px 14px #00000040;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #00000059,0 3px 8px #00000040}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.primary{background:linear-gradient(160deg,#ffe08a,var(--accent) 55%,#f2a91e);color:#241a05;box-shadow:0 3px #b5790a,0 8px 18px #ffca3a59}button.primary:active:not(:disabled){box-shadow:0 1px #b5790a,0 4px 10px #ffca3a4d}button.secondary{background:linear-gradient(160deg,#7bdcf7,var(--blue) 70%);color:#082530;box-shadow:0 3px #1f7f9c,0 8px 18px #4cc9f04d}input,select{font:inherit;padding:.55rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:#00000040;color:var(--text)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.home-screen,.lobby-screen,.centered-message{max-width:960px;margin:0 auto;padding:3rem 1.25rem}.home-screen h1{font-size:3rem;margin:0 0 .25rem;background:linear-gradient(135deg,var(--accent),var(--accent-2) 60%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(255,93,143,.35))}.game-screen{max-width:1320px;margin:0 auto;padding:1.5rem 1rem 190px}.centered-message{text-align:center;padding-top:4rem;position:relative}.centered-message-win{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.win-title{font-size:3.2rem;margin:0;animation:win-bounce 1.4s ease-in-out infinite;filter:drop-shadow(0 6px 24px rgba(255,202,58,.45))}@keyframes win-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.04)}}.win-home-link{text-decoration:none;display:inline-block}.subtitle{color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.5rem;max-width:300px}.home-actions{display:flex;flex-direction:column;gap:1rem;max-width:300px}.join-row{display:flex;gap:.5rem}.join-row input{flex:1}.error-text{color:var(--red);margin-top:1rem;font-weight:600;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.hint{color:var(--text-dim);font-size:.9rem}.lobby-code-card{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.lobby-code-label{color:var(--text-dim)}.lobby-code{font-size:2rem;font-weight:800;letter-spacing:.15em;background:var(--surface-2);border:1px solid var(--surface-border);padding:.5rem 1.2rem;border-radius:var(--radius-md);color:var(--accent);font-family:"Baloo 2",sans-serif}.ready-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.ready-list li{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--surface-border);padding:.7rem 1.1rem;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ready-list li.ready{border-left:4px solid var(--green)}.ready-list li.not-ready{border-left:4px solid var(--text-dim)}.host-tag{font-size:.7rem;color:var(--accent);margin-left:.5rem;text-transform:uppercase}.ready-pill{font-size:.8rem;color:var(--text-dim)}.game-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.7rem 1.1rem;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:.6rem;z-index:70}.lobby-code-small{color:var(--text-dim);font-size:.85rem;letter-spacing:.05em}.turn-indicator{font-weight:800;color:var(--accent);font-family:"Baloo 2",sans-serif}.bank-marker{font-size:.75rem;font-weight:700;color:var(--text-dim);background:#00000038;padding:.25rem .6rem;border-radius:999px;white-space:nowrap}.sound-toggle{padding:.45rem;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-dim);box-shadow:none;flex-shrink:0}.sound-toggle:hover:not(:disabled){color:var(--text);filter:brightness(1.2)}.sound-toggle:active:not(:disabled){transform:translateY(1px);box-shadow:none}.reconnect-banner{background:linear-gradient(120deg,var(--red),#b5384a);color:#fff;padding:.7rem 1.1rem;border-radius:var(--radius-md);margin-bottom:1rem;box-shadow:var(--shadow-pop)}.opponents-row{display:flex;gap:1rem;overflow-x:auto;padding-top:20px;margin-top:-20px;margin-bottom:1.5rem;padding-bottom:.25rem}.center-area{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;min-height:150px;justify-content:center}.dice-roller{display:flex;flex-direction:column;align-items:center;gap:1rem}.dice-faces{display:flex;gap:.9rem}.die{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;border-radius:16px;background:linear-gradient(155deg,#fffaf0,#f0d9a8 55%,#d8b978);box-shadow:inset 0 2px 3px #fffc,0 8px #0000004d,0 14px 24px #0006;color:#241a05}.die-empty{color:var(--text-dim);font-size:2rem;background:var(--surface);box-shadow:none;border:2px dashed var(--surface-border)}.dice-actions{display:flex;gap:.6rem}.purple-prompt{background:var(--surface);border:1px solid var(--purple);border-radius:var(--radius-md);padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;max-width:320px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 3px #b389f926,var(--shadow-pop)}.purple-prompt label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.marketplace{margin-bottom:2rem}.marketplace h3,.player-landmarks+.player-establishments{font-family:"Baloo 2",sans-serif}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:.7rem;margin-bottom:1.3rem}.market-row-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.5rem;font-weight:700}.landmark-market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem}.landmark-market-card{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,box-shadow .15s ease}.landmark-market-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #00000059}.landmark-market-card .card-buy{margin-top:.4rem}.landmark-market-header{display:flex;align-items:center;gap:.45rem;color:var(--accent)}.landmark-market-header .landmark-name{color:var(--text);font-weight:700;font-size:.92rem}.landmark-effect-text{margin:0;color:var(--text-dim);font-size:.74rem;line-height:1.35}.landmark-cost-tiers{display:flex;gap:.3rem}.landmark-cost-tier{font-size:.72rem;color:var(--text-dim);padding:.15rem .5rem;border-radius:999px;background:#00000040}.landmark-cost-tier-active{color:#241a05;background:linear-gradient(135deg,#ffe08a,var(--accent));font-weight:800}.draft-screen{max-width:1320px;margin:0 auto;padding:1.5rem 1rem 4rem}.draft-marketplace{display:flex;flex-direction:column;gap:1.75rem}@media (min-width: 900px){.draft-marketplace{display:grid;grid-template-columns:1.5fr 1fr;align-items:start;gap:1.75rem}}.draft-sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.draft-players{display:flex;flex-direction:column;gap:.6rem}.draft-players .player-board{min-width:0;padding:.8rem 1rem}@media (max-width: 860px){.draft-sidebar{width:100%}}.game-layout{display:flex;gap:1.5rem;align-items:flex-start}.game-main{flex:1;min-width:0}.game-main-content{min-width:0}@media (min-width: 1100px){.game-screen .game-main{display:grid;grid-template-columns:190px 1fr;gap:1.5rem;align-items:start}.center-area{position:sticky;top:4.5rem;margin-bottom:0}}.game-log{width:300px;flex-shrink:0;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.1rem;display:flex;flex-direction:column;height:580px;position:sticky;top:4.5rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-pop)}.game-log h3{margin:0 0 .6rem}.game-log-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}.game-log-entry{margin:0;font-size:.82rem;line-height:1.4}.game-log-event{color:var(--text-dim)}.game-log-chat{color:var(--text);background:var(--surface-2);padding:.35rem .6rem;border-radius:var(--radius-sm)}.game-log-input-row{display:flex;gap:.4rem}.game-log-input-row input{flex:1;min-width:0}@media (max-width: 860px){.game-layout{flex-direction:column}.game-log{width:100%;height:320px;position:static}}.landmark-progress{font-size:.75rem;color:var(--text-dim);display:block;margin-bottom:.35rem;font-weight:600}.player-board{background:linear-gradient(165deg,var(--surface-2),var(--surface));border-radius:var(--radius-lg);padding:1.1rem;min-width:230px;border:2px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 18px #0000004d;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.player-board-active{border-color:var(--accent);box-shadow:0 0 0 3px #ffca3a33,0 10px 26px #0006}.player-board-me{background:linear-gradient(165deg,rgba(179,137,249,.14),var(--surface-2))}.player-board-owed{border-color:var(--accent-2);animation:owed-glow 1.1s ease-in-out infinite}@keyframes owed-glow{0%,to{box-shadow:0 0 0 4px #ff5d8f3d,0 0 16px #ff5d8f40}50%{box-shadow:0 0 0 6px #ff5d8f66,0 0 32px #ff5d8f8c}}.owed-badge{position:absolute;top:-13px;right:14px;background:var(--accent-2);color:#2b0a17;font-size:.68rem;font-weight:800;padding:.25rem .6rem;border-radius:999px;white-space:nowrap;box-shadow:0 4px 10px #ff5d8f80;z-index:5}.player-board-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem;gap:.5rem}.player-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.9rem;color:#241a05;background:linear-gradient(150deg,var(--accent),var(--accent-2));flex-shrink:0;box-shadow:0 3px 8px #00000059}.player-board-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-tag{color:var(--text-dim);font-weight:400;font-size:.8rem}.disconnected-pill{font-size:.7rem;background:var(--red);color:#fff;padding:.15rem .55rem;border-radius:999px;font-weight:700}.player-purse{display:flex;align-items:center;gap:.4rem}.player-coins{font-weight:800;color:var(--accent);font-family:"Baloo 2",sans-serif}.player-landmarks{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.landmark{display:flex;align-items:center;gap:.3rem;background:#00000040;border-radius:var(--radius-sm);padding:.3rem .55rem;font-size:.8rem}.landmark svg{color:var(--accent);flex-shrink:0}.landmark-built{border:1px solid var(--green)}.landmark-check{color:var(--green)}.player-establishments{display:flex;flex-wrap:wrap;gap:.5rem}.card{border-radius:var(--radius-md);padding:.6rem;width:134px;background:linear-gradient(160deg,var(--surface-2),rgba(0,0,0,.2));border:1px solid var(--surface-border);border-top:4px solid var(--text-dim);font-size:.8rem;display:flex;flex-direction:column;box-shadow:0 6px 16px #00000059;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;position:relative}.card:hover{transform:translateY(-5px) rotate(-.6deg) scale(1.03);box-shadow:0 14px 26px #00000073}.card-icon-box{display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:var(--radius-sm);height:42px;margin-bottom:.4rem;color:var(--text-dim)}.card-effect-line{display:flex;align-items:flex-start;gap:.3rem;color:var(--text-dim);font-size:.68rem;line-height:1.3;margin-bottom:.35rem}.card-effect-line svg{flex-shrink:0;margin-top:.1rem;color:var(--accent)}.card-blue{border-top-color:var(--blue)}.card-green{border-top-color:var(--green)}.card-red{border-top-color:var(--red)}.card-purple{border-top-color:var(--purple)}.card-highlight{box-shadow:0 0 0 3px var(--accent),0 0 24px #ffca3a8c}.card-paying-out{box-shadow:0 0 0 3px var(--green),0 10px 26px #52d68a66;z-index:15}.card-income-banner{position:absolute;left:50%;top:-14px;transform:translate(-50%);background:linear-gradient(150deg,#7defb0,var(--green));color:#0a2c17;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:.85rem;padding:.25rem .7rem;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px #52d68a80;z-index:16}.player-board-compact:has(.card-paying-out) .player-board-expandable{max-height:600px;opacity:1;margin-top:.6rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem;font-weight:800;margin-bottom:.25rem;font-family:"Baloo 2",sans-serif}.card-name{min-width:0}.card-cost{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#ffe08a,var(--accent));color:#241a05;border-radius:50%;font-size:.7rem;padding:0}.card-range{color:var(--text-dim);margin-bottom:.35rem}.card-count{color:var(--accent);font-weight:800}.card-buy{width:100%;margin-top:auto;padding-top:.45rem;padding-bottom:.3rem;font-size:.75rem}.card-buy-affordable{background:linear-gradient(150deg,#7defb0,var(--green));color:#0a2c17;box-shadow:0 3px #1f7a41}.card-buy-affordable:disabled{background:var(--surface);color:var(--text-dim);opacity:.7;box-shadow:none}.card-buy-unaffordable{background:#0000004d;color:var(--red);opacity:.85;box-shadow:none}.coin-token{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:"Baloo 2",sans-serif;border:2px solid;position:relative;box-shadow:inset 0 2px 2px #fff9,inset 0 -3px 4px #00000040,0 3px 6px #0006;overflow:hidden;flex-shrink:0}.coin-token-10{background:radial-gradient(circle at 32% 28%,#fff3c4,#f0c33f 45%,#c8891a);border-color:#8a5a06;color:#4a2f04}.coin-token-5{background:radial-gradient(circle at 32% 28%,#fff,#d4d4e2 45%,#9a9ab0);border-color:#63637a;color:#35354a}.coin-token-1{background:radial-gradient(circle at 32% 28%,#f6d5ab,#cf9153 45%,#93602e);border-color:#5c3a19;color:#33200c}.coin-token-shine{position:absolute;top:6%;left:16%;width:34%;height:22%;background:#ffffffa6;border-radius:50%;filter:blur(1px)}.coin-token-value{position:relative;z-index:1}.coin-stack{position:relative}.coin-stack-total{position:absolute;right:-6px;bottom:-8px;background:#0000008c;color:var(--accent);font-size:.62rem;font-weight:800;padding:.05rem .3rem;border-radius:999px;z-index:20}.coin-stack-empty{color:var(--text-dim);font-size:.75rem}.coin-fly-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.coin-fly{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:#0f0a1ee0;border:1px solid rgba(255,255,255,.12);padding:.35rem .8rem;border-radius:999px;font-size:.82rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-pop)}.coin-fly-label{color:var(--text)}.payment-dock{position:fixed;left:50%;bottom:128px;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#0f0a1eb8;border:1px solid rgba(255,202,58,.35);padding:.9rem 1.3rem;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -6px 24px #00000080,0 0 0 1px #ffffff0a;max-width:92vw}.payment-dock-label{font-weight:800;color:var(--accent);font-family:"Baloo 2",sans-serif;font-size:.95rem;text-align:center}.payment-dock-icon{filter:drop-shadow(0 0 6px rgba(255,202,58,.6))}.payment-dock-items{display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center}.payment-dock-autopay{font-size:.78rem;padding:.4rem .9rem;opacity:.85}.payment-dock-autopay:hover:not(:disabled){opacity:1}.payment-stack{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.payment-stack:active{cursor:grabbing}.payment-stack-label{font-size:.7rem;color:var(--text-dim);text-align:center;white-space:nowrap}.payment-stack-label strong{color:var(--text)}.snackbar-layer{position:fixed;left:50%;top:5.5rem;transform:translate(-50%);z-index:150;pointer-events:none}.snackbar{display:flex;align-items:center;gap:.6rem;background:#180e18f5;border:1px solid rgba(255,93,143,.4);color:var(--text);padding:.7rem .8rem .7rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-pop);font-size:.86rem;font-weight:600;max-width:min(90vw,420px);pointer-events:auto}.snackbar-icon{flex-shrink:0}.snackbar-close{background:transparent;box-shadow:none;padding:.1rem .3rem;margin-left:.3rem;color:var(--text-dim);font-weight:700;flex-shrink:0}.snackbar-close:hover:not(:disabled){color:var(--text);filter:none}.my-hand-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center;pointer-events:none}.my-hand-bar .player-board{pointer-events:auto}.player-board-bar{width:100%;max-width:1320px;min-width:0;display:flex;align-items:center;gap:1.2rem;padding:.65rem 1.2rem;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(0deg,#150f2efa,#1e1440f0);border:1px solid var(--surface-border);border-bottom:none;box-shadow:0 -10px 30px #00000080}.player-board-bar .player-board-header{margin-bottom:0;flex-shrink:0}.player-board-bar .player-board-expandable{display:flex;align-items:center;gap:1.2rem;flex:1;min-width:0;overflow-x:auto;padding:34px 0 .2rem}.player-board-bar .player-landmarks{margin-bottom:0;flex-shrink:0;flex-wrap:nowrap}.player-board-bar .landmark-progress{margin-bottom:.25rem}.player-board-bar .player-establishments{flex-wrap:nowrap}@media (max-width: 720px){.player-board-bar{flex-wrap:wrap}.player-board-bar .player-board-expandable{flex-basis:100%}}.player-board-compact{cursor:pointer}.player-board-compact .player-board-expandable{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.player-board-compact:hover,.player-board-compact:focus-within{z-index:20}.player-board-compact:hover .player-board-expandable,.player-board-compact:focus-within .player-board-expandable{max-height:600px;opacity:1;margin-top:.6rem}.compact-hint{font-size:.72rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.player-board-compact:hover .compact-hint,.player-board-compact:focus-within .compact-hint{display:none}.confetti-layer{position:fixed;right:0;bottom:0;top:0;left:50%;width:0;height:0;pointer-events:none;z-index:120}.confetti-piece{position:absolute;top:0;left:0;border-radius:2px}