@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--mp-board: min(700px, calc(100vw - 2rem) );--mp-cell: calc(var(--mp-board) / 9);--mp-bg: #f6f8fb;--mp-ink: #172033;--mp-muted: #64748b;--mp-panel: rgba(255,255,255,.95);--mp-panel-2: #ffffff;--mp-line: rgba(71,85,105,.16);--mp-green: #0f766e;--mp-green-2: #14b8a6;--mp-red: #c2410c;--mp-gold: #b7791f;--mp-blue: #2563eb;--mp-purple: #7c3aed;--mp-shadow: 0 22px 54px rgba(15,23,42,.13)}[data-theme=dark]{--mp-bg: #0d1425;--mp-ink: #f8fafc;--mp-muted: #a8b3c7;--mp-panel: rgba(15,23,42,.95);--mp-panel-2: #101827;--mp-line: rgba(226,232,240,.14);--mp-green: #2dd4bf;--mp-green-2: #0f766e;--mp-gold: #f6c453;--mp-shadow: 0 24px 64px rgba(0,0,0,.42)}body{background:#f1f5f9}[data-theme=dark] body{background:#0d1425}.monopoly-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(20,184,166,.08),transparent 28%),radial-gradient(circle at bottom right,rgba(183,121,31,.1),transparent 30%),var(--mp-bg)}#monopoly-app{max-width:1240px;margin:0 auto;padding:clamp(1rem,3vw,1.6rem) clamp(.65rem,3vw,1.2rem) 3rem;color:var(--mp-ink);font-family:Inter,sans-serif;box-sizing:border-box}.mp-shell{background:linear-gradient(180deg,var(--mp-panel),rgba(255,255,255,.86));border:1px solid var(--mp-line);border-radius:clamp(18px,2.6vw,28px);padding:clamp(.75rem,2vw,1.2rem);box-shadow:var(--mp-shadow);overflow:hidden}[data-theme=dark] .mp-shell{background:linear-gradient(180deg,#0f172af5,#0b1220f0)}.mp-head{text-align:center;margin-bottom:clamp(.85rem,2vw,1.2rem)}.mp-title{margin:0;font:900 clamp(1.9rem,5vw,3.35rem)/1 Cinzel,serif;letter-spacing:.04em;color:var(--mp-gold);text-shadow:0 10px 26px rgba(183,121,31,.22)}.mp-sub{margin:.35rem 0 0;color:var(--mp-muted);font-size:clamp(.75rem,1.8vw,.9rem);letter-spacing:.12em;text-transform:uppercase}.mp-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(250px,330px);gap:clamp(.85rem,2.4vw,1.25rem);align-items:start}.mp-board-wrap{display:grid;place-items:center;padding:clamp(.65rem,2vw,1rem);border-radius:20px;background:linear-gradient(145deg,#155e54,#1c2b38 54%,#0b1320);box-shadow:inset 0 0 0 7px #ffffff0f,0 18px 36px #0000002e;overflow:auto}.mp-board{width:var(--mp-board);height:var(--mp-board);max-width:calc(100vw - 2.4rem);max-height:calc(100vw - 2.4rem);display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:3px;padding:3px;border-radius:16px;background:#0a121eb8;box-sizing:border-box}.mp-tile{border:1px solid rgba(15,23,42,.18);background:#f8fafc;color:#172033;border-radius:8px;min-width:0;min-height:0;padding:4px;position:relative;display:grid;align-content:space-between;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}[data-theme=dark] .mp-tile{background:#dfe8ef;color:#142033}.mp-tile.corner{background:linear-gradient(145deg,#fff7ed,#f3d39c);font-weight:900}.mp-tile.tax{background:linear-gradient(145deg,#fee2e2,#fecaca)}.mp-tile.chance{background:linear-gradient(145deg,#dbeafe,#bfdbfe)}.mp-tile.rail{background:linear-gradient(145deg,#e2e8f0,#cbd5e1)}.mp-color{height:9px;margin:-4px -4px 2px;background:var(--tile-color, #94a3b8)}.mp-name{font-size:clamp(.45rem,1vw,.64rem);line-height:1.05;font-weight:900;text-transform:uppercase;word-break:break-word}.mp-price{font-size:clamp(.43rem,.9vw,.58rem);color:#475569;font-weight:800}.mp-owner{position:absolute;inset-inline:4px;bottom:3px;height:4px;border-radius:999px;background:transparent}.mp-houses{position:absolute;left:4px;right:4px;bottom:9px;display:flex;gap:2px;justify-content:center}.mp-house{width:7px;height:7px;border-radius:2px 2px 1px 1px;background:#16a34a;box-shadow:0 1px 2px #0000003d}.mp-hotel{width:18px;height:8px;border-radius:3px;background:#dc2626;box-shadow:0 1px 2px #00000047}.mp-center{grid-column:2 / 9;grid-row:2 / 9;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(20,184,166,.18),transparent 28%),linear-gradient(145deg,#ffffffdb,#e2e8f0e6);border:1px solid rgba(15,23,42,.12);display:grid;place-items:center;text-align:center;padding:clamp(.7rem,2vw,1.3rem);box-shadow:inset 0 0 0 7px #ffffff59}[data-theme=dark] .mp-center{background:radial-gradient(circle at 50% 20%,rgba(45,212,191,.16),transparent 28%),linear-gradient(145deg,#0f172ae0,#1e293be6);border-color:#e2e8f01f}.mp-center h2{margin:0;font:900 clamp(1.35rem,4vw,2.6rem)/1 Cinzel,serif;color:var(--mp-green)}.mp-dice{margin-top:.75rem;display:flex;gap:.55rem;justify-content:center}.mp-die{width:clamp(42px,8vw,64px);aspect-ratio:1;border-radius:14px;display:grid;place-items:center;background:#fff;color:#111827;font-size:clamp(1.35rem,4vw,2rem);font-weight:900;box-shadow:0 12px 24px #0f172a2e,inset 0 -4px #0f172a1a}.mp-token{position:absolute;z-index:4;width:15px;height:15px;border-radius:999px;border:2px solid rgba(255,255,255,.88);box-shadow:0 4px 9px #00000059}.mp-token.p0{left:6px;top:16px;background:var(--mp-green)}.mp-token.p1{right:6px;top:16px;background:var(--mp-red)}.mp-token.p2{left:6px;bottom:10px;background:var(--mp-blue)}.mp-token.p3{right:6px;bottom:10px;background:var(--mp-purple)}.mp-panel{background:var(--mp-panel-2);border:1px solid var(--mp-line);border-radius:14px;padding:.85rem;box-shadow:0 10px 22px #0f172a0f}.mp-panel+.mp-panel{margin-top:.75rem}.mp-pt{display:flex;align-items:center;gap:.45rem;color:var(--mp-green);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.65rem}.mp-status{min-height:3.2rem;display:flex;align-items:center;padding:.72rem .78rem;border-radius:12px;background:#14b8a61a;color:var(--mp-ink);font-weight:700;line-height:1.35}.mp-players{display:grid;gap:.5rem}.mp-player{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;padding:.55rem;border-radius:12px;border:1px solid var(--mp-line);background:#64748b14}.mp-player.active{outline:2px solid rgba(20,184,166,.45);background:#14b8a61a}.mp-dot{width:16px;height:16px;border-radius:999px;background:var(--dot)}.mp-player strong{display:block;font-size:.82rem}.mp-player span{display:block;color:var(--mp-muted);font-size:.72rem}.mp-cash{font:900 1rem/1 Cinzel,serif;color:var(--mp-gold)}.mp-actions{display:grid;gap:.5rem}.mp-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mp-btn{min-height:42px;border-radius:10px;border:1px solid var(--mp-line);background:#64748b1a;color:var(--mp-ink);font:800 .76rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:0 .75rem}.mp-btn:hover{border-color:var(--mp-green);color:var(--mp-green)}.mp-btn.primary{background:linear-gradient(135deg,var(--mp-green),#115e59);border-color:transparent;color:#fff}.mp-btn.warn{color:#b91c1c}.mp-btn:disabled{opacity:.45;cursor:default;transform:none}.mp-log{margin:0;padding:0;list-style:none;display:grid;gap:.4rem;max-height:180px;overflow:auto;color:var(--mp-muted);font-size:.78rem;line-height:1.35}.mp-result[hidden]{display:none}.mp-result{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:1rem;background:#020617b8;backdrop-filter:blur(8px)}.mp-result-box{width:min(430px,100%);text-align:center;background:var(--mp-panel-2);color:var(--mp-ink);border:1px solid var(--mp-line);border-radius:18px;padding:clamp(1.1rem,4vw,1.6rem);box-shadow:0 28px 70px #0000005c;animation:mpPop .18s ease-out}.mp-result-icon{width:64px;height:64px;margin:0 auto .7rem;border-radius:999px;display:grid;place-items:center;background:#14b8a624;color:var(--mp-green);font-size:1.65rem}.mp-result-box h2{margin:0;font:900 clamp(1.45rem,5vw,2.1rem)/1.1 Cinzel,serif;color:var(--mp-gold)}.mp-result-box p{margin:.55rem 0 1rem;color:var(--mp-muted);line-height:1.45}@keyframes mpPop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:940px){.mp-layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr;gap:.55rem}.mp-panel+.mp-panel{margin-top:0}}@media(max-width:560px){:root{--mp-board: min(94vw, 430px)}#monopoly-app{padding-left:.5rem;padding-right:.5rem}.mp-shell{padding:.65rem;border-radius:16px}.mp-board-wrap{padding:.45rem;border-radius:15px}.mp-board{gap:2px;padding:2px}.mp-tile{border-radius:5px;padding:2px}.mp-color{height:6px;margin:-2px -2px 1px}.mp-name{font-size:.43rem}.mp-price{font-size:.4rem}.mp-token{width:11px;height:11px;border-width:1px}.mp-center{border-radius:10px;padding:.45rem}.mp-panel{padding:.68rem}.mp-row{grid-template-columns:1fr}.mp-btn{min-height:39px;font-size:.66rem;letter-spacing:.04em}}@media(max-width:390px){:root{--mp-board: min(93vw, 345px)}.mp-name{font-size:.38rem}.mp-price,.mp-houses{display:none}.mp-die{border-radius:10px}}.page-wrap.page-wrap-play{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important}.page-wrap.page-wrap-play>.monopoly-page{background:transparent!important;min-height:auto;padding-top:0!important}.page-wrap.page-wrap-play .monopoly-page{background:transparent!important}.page-wrap.page-wrap-play #monopoly-app{background:transparent!important;min-height:auto;padding-top:0!important}.page-wrap.page-wrap-play .mp-shell{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.page-wrap.page-wrap-play .mp-shell:before,.page-wrap.page-wrap-play #monopoly-app:before,.page-wrap.page-wrap-play .mp-shell:after,.page-wrap.page-wrap-play #monopoly-app:after{display:none!important}html[data-theme=dark] body,html[data-theme=dark] .monopoly-page{background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 8% 10%,rgba(14,165,233,.1),transparent 28%),linear-gradient(180deg,#07111f,#0a1424 48%,#070d18)!important}html:not([data-theme=dark]) body,html:not([data-theme=dark]) .monopoly-page{background:radial-gradient(circle at 86% 0%,rgba(191,219,254,.3),transparent 32%),radial-gradient(circle at 8% 10%,rgba(224,242,254,.34),transparent 28%),linear-gradient(180deg,#f7fbff,#f3f7fb 48%,#eef2f7)!important}html:not([data-theme=dark]) #monopoly-app{background:transparent!important}