.mono-stage{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.mono-board{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 62%), linear-gradient(160deg, #0d3b23, #072014);box-shadow:var(--shadow-1), inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);aspect-ratio:1;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:2px;width:100%;max-width:620px;padding:2px;display:grid;position:relative}.mono-cell{min-width:0;color:var(--text-primary);background:color-mix(in srgb, var(--bg-overlay) 94%, transparent);font:inherit;cursor:pointer;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.mono-cell.is-owned{background:color-mix(in srgb, var(--own) 22%, var(--bg-overlay));box-shadow:inset 0 0 0 1.5px var(--own)}.mono-cell.is-offer{animation:1s ease-in-out infinite alternate mono-pulse}.mono-cell.is-info{outline:2px solid var(--text-primary);outline-offset:-2px}.mono-cell.is-start,.mono-cell.is-bench,.mono-cell.is-break,.mono-cell.is-red{background:color-mix(in srgb, var(--accent) 12%, var(--bg-overlay))}.mono-cell.is-red{background:color-mix(in srgb, #ff4d4d 18%, var(--bg-overlay))}.mono-strip{height:calc(var(--cell) * .12);background:var(--league);position:absolute;inset:0 0 auto}.mono-art{width:calc(var(--cell) * .42);height:calc(var(--cell) * .42);object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #00000059);display:block}.mono-icon{font-size:calc(var(--cell) * .3);line-height:1}.mono-name{max-width:100%;font-size:max(8px, calc(var(--cell) * .165));text-align:center;text-overflow:clip;white-space:nowrap;font-weight:800;line-height:1.05;overflow:hidden}.mono-price,.mono-rent{color:var(--text-muted);font-size:max(8px, calc(var(--cell) * .16));font-weight:700;line-height:1}.mono-rent{color:var(--own)}.mono-rent em{color:#ffd166;font-style:normal;font-size:max(7px, calc(var(--cell) * .14));letter-spacing:-1px;display:block}.mono-center{justify-content:center;align-items:center;gap:calc(var(--cell) * .16);min-width:0;padding:calc(var(--cell) * .15);border-radius:calc(var(--cell) * .18);text-align:center;background:linear-gradient(#0000006b,#0000006b),url(/assets/minigames/monopoly/board-center.webp) 50%/cover no-repeat;flex-direction:column;grid-area:2/2/7/7;display:flex}.mono-turn{color:var(--text-secondary);font-size:max(11px, calc(var(--cell) * .22));flex-wrap:wrap;justify-content:center;gap:4px 8px;font-weight:700;display:flex}.mono-half{border-radius:var(--radius-full);color:#1a1200;background:#ffd166;padding:1px 8px;font-weight:800}.mono-dice{gap:calc(var(--cell) * .2);display:flex}.mono-die{width:calc(var(--cell) * .85);height:calc(var(--cell) * .85);background:linear-gradient(160deg,#fff,#d9e2dc);border-radius:18%;grid-template-columns:repeat(3,1fr);gap:8%;padding:13%;display:grid;box-shadow:0 6px 14px #00000073,inset 0 -3px #0000001f}.mono-die i{border-radius:50%}.mono-die i.is-on{background:#0b2416}.mono-die.is-rolling{animation:.16s linear infinite mono-shake}.mono-events{max-width:100%;font-size:max(11px, calc(var(--cell) * .2));flex-direction:column;gap:3px;margin:0;padding:0;font-weight:700;line-height:1.25;list-style:none;animation:.3s ease-out both cdl-pop;display:flex}.mono-events li{border-left:3px solid var(--seat);text-align:left;padding-left:8px}.mono-info{border-radius:var(--radius-md,10px);background:color-mix(in srgb, var(--bg-overlay) 92%, transparent);width:100%;box-shadow:inset 0 3px 0 var(--league), var(--ring);text-align:left;font-size:max(11px, calc(var(--cell) * .2));flex-direction:column;gap:2px;padding:10px 12px;display:flex;position:relative}.mono-info small{color:var(--text-secondary)}.mono-info-x{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:14px;position:absolute;top:4px;right:6px}.mono-token{pointer-events:none;border-radius:50%;transition:transform .11s ease-out;position:absolute;top:0;left:0;box-shadow:0 2px 4px #0009,inset 0 0 0 2px #00000040}.mono-token.is-me{box-shadow:0 0 0 2px #fff,0 2px 6px #0009}.mono-token.is-now{z-index:2;animation:.8s ease-in-out infinite alternate mono-bob}.mono-actions{gap:var(--space-2);flex-direction:column;width:100%;max-width:620px;display:flex}.mono-build{flex-wrap:wrap;gap:6px;display:flex}.mono-build small{width:100%;color:var(--text-muted)}.mono-build-btn{border-radius:var(--radius-full);height:36px;color:var(--text-primary);background:var(--bg-sunken);box-shadow:inset 0 0 0 1.5px var(--league);cursor:pointer;border:0;padding:0 12px;font-weight:700}.mono-build-btn.is-on{color:#111;background:var(--league)}.mono-build-btn:disabled{opacity:.45;cursor:default}.mono-offer{padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-overlay) 92%, transparent);box-shadow:inset 0 3px 0 var(--league), var(--ring)}.mono-offer p{margin:0;font-weight:700}.mono-offer p small{color:var(--text-secondary);font-weight:600}.mono-offer-btns{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.mono-players{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;width:100%;max-width:620px;display:grid}.mono-player{border-radius:var(--radius-md,10px);background:var(--bg-sunken);box-shadow:var(--ring);grid-template-rows:auto auto;grid-template-columns:12px 1fr auto;align-items:center;column-gap:6px;padding:6px 10px;font-size:13px;display:grid}.mono-player>i{background:var(--seat);border-radius:50%;grid-row:1/3;width:12px;height:12px}.mono-player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.mono-player-name small{color:var(--text-muted);font-weight:600}.mono-player>b{font-size:13px}.mono-wealth{color:var(--text-muted);grid-column:2/4;font-size:12px}.mono-player.is-me{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--seat) 70%, transparent)}.mono-player.is-now{background:color-mix(in srgb, var(--seat) 16%, var(--bg-sunken))}.mono-player.is-out{opacity:.45}.mono-player.is-won{box-shadow:0 0 0 2px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 40%, transparent)}.mono-leagues{color:var(--text-muted);text-align:center;margin:0;font-size:12px}@keyframes mono-pulse{0%{box-shadow:inset 0 0 0 1.5px var(--accent)}to{box-shadow:inset 0 0 0 3px var(--accent), 0 0 14px color-mix(in srgb, var(--accent) 60%, transparent)}}@keyframes mono-shake{0%{transform:rotate(-12deg)translateY(-2px)}50%{transform:rotate(10deg)translateY(2px)}to{transform:rotate(-12deg)translateY(-2px)}}@keyframes mono-bob{0%{margin-top:0}to{margin-top:-3px}}@media (prefers-reduced-motion:reduce){.mono-token,.mono-die.is-rolling,.mono-cell.is-offer,.mono-token.is-now{transition:none;animation:none}}.pvp-stage-wrap:has(.mono-stage) .pvp-players{grid-template-columns:repeat(auto-fill,minmax(min(110px,30%),1fr));gap:6px}.pvp-stage-wrap:has(.mono-stage) .pvp-player{gap:6px;padding:6px 8px}.pvp-stage-wrap:has(.mono-stage) .pvp-player.is-right{text-align:left;flex-direction:row}.pvp-stage-wrap:has(.mono-stage) .pvp-player.is-right .pvp-player-name{align-items:flex-start}@media (max-width:860px){.mono-actions{left:var(--space-3);right:var(--space-3);bottom:calc(var(--bottom-nav) + var(--safe-bottom) + 24px);z-index:41;width:auto;max-width:none;padding:var(--space-3);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-overlay) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--ring), 0 12px 32px #0000008c;animation:pvp-note .25s var(--ease-out) both;position:fixed}.mono-offer{box-shadow:inset 0 3px 0 var(--league), var(--ring), 0 12px 32px #0000008c}.mono-stage:has(.mono-actions){padding-bottom:150px}}