:root{color-scheme:dark;--bg:#080e17;--text:#e6eef7;--muted:#8f9eaf;--line:#25313d;--cyan:#33e4ff;--pink:#fa65c2;--volt:#ddfa55;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 26% 28%,#10303b55,transparent 50%),var(--bg);color:var(--text)}button{font:inherit;color:inherit;cursor:pointer;transition:background .18s,transform .18s}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--volt);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.topbar{min-height:100px;display:flex;justify-content:space-between;align-items:center;padding:20px 3.2%;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--text)}.brand-number{font-size:50px;letter-spacing:-5px;font-weight:900;line-height:1}.brand-number span{color:var(--cyan)}.brand-word{font-size:17px;font-weight:800;letter-spacing:3px}.brand-word small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:400;color:var(--muted);margin-top:7px}nav{display:flex;align-items:center;gap:18px}.local-label{font:11px monospace;color:var(--volt);letter-spacing:.8px}.quiet{border:0;background:none;padding:11px 8px;font-size:14px}.quiet.outline{border:1px solid #415461;border-radius:5px;padding:11px 18px}.layout{max-width:1660px;margin:auto;padding:34px 3.2% 26px;display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:26px}.arena{min-width:0}.arena-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.eyebrow,.mini-label{font:11px monospace;letter-spacing:1.6px;color:var(--cyan)}h1{font-size:clamp(20px,2vw,29px);letter-spacing:-.7px;margin:9px 0 0;font-weight:500}.round{border-left:1px solid var(--line);padding-left:22px}.round>span{font:10px monospace;letter-spacing:2px;color:var(--muted)}.round strong{display:block;font-size:28px;font-weight:400;white-space:nowrap;margin-top:3px}.round small{font-size:14px;color:var(--muted)}.board-wrap{padding:10px;background:linear-gradient(135deg,#294550,#101922 25%,#1c343e 80%);border:1px solid #305c67;border-radius:8px;box-shadow:0 24px 65px #0005,0 0 60px #13d7fa08}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));aspect-ratio:1;gap:4px;position:relative}.tile{position:relative;overflow:hidden;border:1px solid #31424f;background:linear-gradient(140deg,#1d2b39,#121c27);border-radius:2px;padding:13px 3px 4px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;min-width:0}.tile:before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--group);opacity:.9}.tile.corner:before{height:2px}.tile.corner{background:#152a32}.tile.selected{border-color:var(--cyan);box-shadow:inset 0 0 14px #33e4ff12}.tile.occupied{background:linear-gradient(145deg,#28434c,#17222d);border-color:#648796}.tile-name{font-size:clamp(10px,.91vw,14px);font-weight:600;line-height:1.2;z-index:1}.tile-price{font:11px monospace;color:#a2b2c4;margin-top:6px}.tile-icon{color:var(--group);font-size:23px;line-height:1.2;margin-bottom:3px}.owner-dot{position:absolute;bottom:5px;left:5px;width:7px;height:7px;border-radius:50%;background:var(--owner);box-shadow:0 0 5px var(--owner)}.building-label{position:absolute;bottom:4px;right:4px;font:9px monospace;color:var(--volt)}.token-stack{display:flex;align-items:center;justify-content:center;height:42px;position:absolute;inset:20% 0 auto;pointer-events:none;z-index:2;filter:drop-shadow(0 3px 2px #000)}.token-stack img{width:clamp(26px,4.3vw,65px);height:auto;max-height:64px;object-fit:contain;min-width:0;animation:arrive .35s ease-out}.tile.occupied .tile-name{margin-top:auto;font-size:clamp(9px,.78vw,12px)}.tile.occupied .tile-price{display:none}.tile.occupied .tile-icon{opacity:.2}.center{grid-column:2/7;grid-row:2/7;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:18px 18px 12px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#153e48a0,transparent 68%),linear-gradient(#2a697012 1px,transparent 1px),linear-gradient(90deg,#2a697012 1px,transparent 1px),#0b161f;background-size:auto,28px 28px,28px 28px,auto;border:1px solid #294953}.center-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:7px;font:9px monospace;letter-spacing:1px;color:#a1bbc3}.center-top span{font-size:8px;color:#738e97}.center-brand{text-align:center;margin-top:auto}.mini-label{color:#9ac9d1;font-size:9px;letter-spacing:2px}.number{font-size:clamp(75px,10vw,164px);font-weight:900;letter-spacing:-12px;line-height:1.05;color:#b7f4fb;text-shadow:0 0 40px #33e4ff22}.number span{font-weight:400;font-size:.75em;color:var(--cyan);letter-spacing:-2px}.monopoly{letter-spacing:clamp(4px,1vw,13px);font-size:clamp(16px,2.1vw,32px);font-weight:700;margin-left:12px}.edition{font:8px monospace;letter-spacing:2px;color:#7ea8b1;margin-top:13px}.card-decks{display:flex;justify-content:center;gap:20px;margin:7% 0 3%;width:88%}.holo-card{flex:1;border:1px solid currentColor;border-radius:3px;background:#14293377;text-align:center;padding:8px 3px;transform:rotate(-7deg);color:var(--pink);box-shadow:0 0 22px #fa65c209,inset 0 0 16px #fa65c209;animation:hover-card 5s ease-in-out infinite}.holo-card.chest{color:var(--cyan);transform:rotate(7deg);animation-delay:-2.5s}.holo-card>span{display:block;font:30px monospace;line-height:1}.holo-card strong{display:block;font:9px monospace;letter-spacing:1px;margin-top:6px}.holo-card small{font-size:9px;display:block;color:#a3b4c1;margin-top:5px}.board-status{font-size:clamp(11px,1vw,14px);text-align:center;line-height:1.4;color:#acc5cc;margin:5% 0 3%;max-width:90%}.center-bottom{display:flex;justify-content:space-between;gap:8px;width:100%;font:8px monospace;letter-spacing:1px;color:#718c99;margin-top:auto}.center-bottom span:first-child{color:var(--cyan)}.center-bottom span:nth-child(2){color:var(--pink)}.board-caption{display:flex;justify-content:space-between;gap:12px;font:10px monospace;color:#778e9e;letter-spacing:.9px;margin:18px 0}.sidebar{display:flex;flex-direction:column;gap:18px}.turn-panel{padding:23px;background:linear-gradient(140deg,#172d37,#101d29);border:1px solid #335563;border-radius:7px;box-shadow:0 0 35px #33e4ff06}.panel-top{display:flex;align-items:center;justify-content:space-between}.panel-top>span:last-child{font:9px monospace;letter-spacing:1px;color:var(--muted)}.dice{display:flex;justify-content:center;gap:13px;margin:18px 0 12px;color:var(--cyan);line-height:1;font-size:57px;text-shadow:0 0 20px #33e4ff33}.dice span:last-child{color:var(--volt)}.dice.rolling span{animation:roll .15s infinite alternate}.turn-panel h2{font-size:23px;margin:12px 0 8px;letter-spacing:-.5px}.turn-panel p{font-size:14px;line-height:1.65;color:#aabac8;margin:0 0 18px;min-height:44px}.actions{display:grid;gap:9px}.primary,.secondary{width:100%;border-radius:4px;padding:14px 15px;font-weight:700;font-size:14px;text-align:left}.primary{background:var(--cyan);color:#07202a;border:1px solid var(--cyan)}.secondary{background:#ffffff04;border:1px solid #3e5363;color:#c4d7e0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.section-heading h2{font-size:15px;font-weight:600;margin:0}.section-heading>span{font:9px monospace;color:var(--muted);letter-spacing:1px}.players-panel,.property-panel,.activity-panel{padding:4px 0}.player{display:flex;align-items:center;gap:10px;padding:10px 9px;border:1px solid transparent;border-bottom-color:#23313d;min-width:0;border-radius:4px}.player.active{background:#16252f;border-color:#33535f}.player.out{opacity:.45}.player img{width:43px;height:43px;object-fit:contain}.player-info{flex:1;min-width:0}.player strong{font-size:14px}.player small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.balance{text-align:right;white-space:nowrap;font:15px monospace}.balance small{font:10px monospace}.property-panel{border-top:1px solid var(--line);padding-top:16px}#inspect h3{font-size:17px;margin:12px 0;color:var(--cyan)}.detail-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;gap:14px}.detail-row span{color:var(--muted)}.detail-row strong{font-weight:500}.muted{color:var(--muted);font-size:14px;line-height:1.6}.signal{color:var(--volt)!important}#log{list-style:none;margin:0;padding:0}#log li{font-size:12px;color:#92a6b7;line-height:1.5;border-left:1px solid #314854;padding:0 0 12px 13px}#log li:first-child{color:#d1e7ed;border-color:var(--cyan)}.portfolio-panel{grid-column:1/-1;padding:23px 0;border-top:1px solid var(--line)}.portfolio{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.holding{display:block;text-align:left;border:1px solid var(--line);border-top:3px solid var(--group);padding:15px;background:#111c27;border-radius:3px}.holding strong{font-size:14px}.holding small{display:block;color:var(--muted);margin-top:9px;font:11px monospace}.empty{font-size:14px;color:#718596;grid-column:1/-1;margin:0}.event{margin-top:16px;border-top:1px solid #3c5664;padding-top:15px;color:var(--pink);font-size:13px;line-height:1.6}.event strong{display:block}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;padding:24px 3.2%;font:10px monospace;letter-spacing:.5px;color:#9cabb8}footer>span:last-child{color:#6f8192}dialog{max-width:600px;width:calc(100% - 32px);background:#111e2b;color:var(--text);border:1px solid #395363;border-radius:10px;padding:26px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#040911bb;backdrop-filter:blur(6px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:27px;letter-spacing:-.7px}dialog p{color:#adbdcb;line-height:1.65;font-size:15px}.rules-list{padding-left:22px}.rules-list li{margin:14px 0;font-size:14px;line-height:1.6;color:#aebfcc}.rules-list strong{color:var(--text)}.rule-note{font-size:13px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}fieldset{border:0;margin:22px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.token-option{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;background:#182936;border:1px solid #365062;border-radius:6px;padding:10px 3px;font-size:12px}.token-option:has(input:checked){border-color:var(--cyan);background:#123844}.token-option img{width:100%;max-width:95px}.token-option input{accent-color:var(--cyan)}@keyframes hover-card{50%{translate:0 -5px}}@keyframes roll{to{transform:rotate(12deg) translateY(-3px)}}@keyframes arrive{from{transform:translateY(-10px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px;padding:26px 2%}.turn-panel{padding:19px}.local-label{display:none}.center{padding:12px 9px}.center-top span{display:none}.card-decks{gap:12px}.center-top{font-size:8px}.tile-name{font-size:10px}.tile-price{font-size:9px}.edition{letter-spacing:1px;font-size:7px}.center-bottom{font-size:6px}.board-caption{font-size:8px}.number{font-size:10vw}.topbar{padding-inline:2%}}
@media(max-width:850px){.layout{grid-template-columns:1fr;padding:24px 3%}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.turn-panel{grid-row:1/3}.activity-panel{grid-column:1/-1}#log{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile-name{font-size:clamp(10px,1.65vw,14px)}.tile-price{font-size:11px}.token-stack img{width:8vw}.tile.occupied .tile-name{font-size:clamp(9px,1.4vw,12px)}.number{font-size:17vw}.monopoly{font-size:4vw;letter-spacing:1.7vw}.edition{font-size:10px}.center{padding:20px}.holo-card{padding:15px 3px}.holo-card strong{font-size:11px}.holo-card>span{font-size:37px}.holo-card small{font-size:11px}.center-bottom{font-size:8px}.center-top{font-size:10px}.board-caption{font-size:9px}.board-status{font-size:14px}.mini-label{font-size:10px}.arena-heading{margin-bottom:20px}.arena-heading h1{font-size:26px}}
@media(max-width:540px){.topbar{padding:17px 4%;min-height:82px;gap:8px}.brand{gap:9px}.brand-number{font-size:36px;letter-spacing:-3px}.brand-word{font-size:12px;letter-spacing:2px}.brand-word small{display:none}nav{gap:7px}.quiet{font-size:12px;padding:9px 4px}.quiet.outline{padding:9px}.layout{padding-top:20px;gap:18px}.eyebrow{font-size:9px;letter-spacing:1px}.arena-heading h1{font-size:20px}.round{padding-left:12px}.round strong{font-size:22px}.round>span{font-size:8px}.round small{font-size:11px}.board-wrap{padding:5px}.board{gap:2px}.tile{padding:9px 2px 4px}.tile-name{font-size:9px}.tile-price{font-size:8px;margin-top:3px}.tile-icon{font-size:16px}.tile:before{height:4px}.tile.occupied .tile-name{font-size:8px}.center{padding:10px 5px}.center-top{font-size:7px;letter-spacing:.3px;justify-content:center}.number{font-size:19vw;letter-spacing:-7px}.monopoly{font-size:4vw;letter-spacing:1.2vw}.mini-label{font-size:7px;letter-spacing:1px}.edition{font-size:6px;letter-spacing:.6px;margin-top:8px}.card-decks{gap:12px;width:84%;margin-top:7%}.holo-card{padding:5px 1px}.holo-card>span{font-size:20px}.holo-card strong{font-size:6px;letter-spacing:.2px}.holo-card small{display:none}.board-status{font-size:10px;margin:5% 0;max-width:87%}.center-bottom{font-size:5px;letter-spacing:.4px}.board-caption{font-size:7px;letter-spacing:.3px;margin-bottom:3px}.sidebar{grid-template-columns:1fr}.turn-panel{grid-row:auto;position:relative;padding:19px}.dice{position:absolute;right:18px;top:36px;font-size:38px;margin:0;gap:7px}.turn-panel h2{max-width:70%;font-size:22px}.turn-panel p{padding-right:8%;max-width:86%;min-height:45px}.panel-top>span:last-child{display:none}.players-panel{padding-top:9px}.property-panel,.activity-panel{grid-column:1}.player img{width:48px}.player strong,.balance{font-size:16px}.player small{font-size:12px}#log{grid-template-columns:1fr;gap:0}.portfolio{grid-template-columns:1fr 1fr}.holding{padding:12px}.holding strong{font-size:12px}footer{flex-direction:column;font-size:9px}dialog{padding:20px}dialog h2{font-size:24px}.token-option{font-size:10px}.owner-dot{width:5px;height:5px;bottom:3px;left:3px}.building-label{font-size:6px;bottom:3px;right:3px}.token-stack{height:28px;top:12%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Gary Mann Realty edition: BHGRE-inspired forest green, cream and gold. */
:root{--bg:#0e1a12;--text:#f5f4ed;--muted:#a8b4a5;--line:#314437;--cyan:#79a942;--pink:#d4a017;--volt:#c6d86d}
body{background:radial-gradient(ellipse at 26% 28%,#345d3655,transparent 52%),var(--bg)}
.brand-mark{display:grid;place-items:center;width:66px;height:52px;background:#79a942;color:#fff;font-size:17px;font-weight:900;letter-spacing:-1px;border-radius:1px;box-shadow:inset 0 -5px 0 #5d8731}
.brand-word{letter-spacing:2px}.local-label{color:var(--volt)}
.board-wrap{background:linear-gradient(135deg,#6d8e55,#18251b 25%,#334931 80%);border-color:#617b59;box-shadow:0 24px 65px #0006,0 0 60px #79a9420d}
.tile{border-color:#415242;background:linear-gradient(140deg,#26362a,#17251b)}
.tile.corner{background:#213426}.tile.occupied{background:linear-gradient(145deg,#3b513c,#203025);border-color:#849c7b}
.center{background:radial-gradient(ellipse at 50% 50%,#4263429c,transparent 68%),linear-gradient(#78966e12 1px,transparent 1px),linear-gradient(90deg,#78966e12 1px,transparent 1px),#17251b;background-size:auto,28px 28px,28px 28px,auto;border-color:#4a614a}
.number{font-size:clamp(56px,8vw,128px);letter-spacing:-7px;color:#f4f1df;text-shadow:0 0 30px #79a94224}.number span{font-size:.58em;color:#9cc56b;letter-spacing:-4px}
.monopoly{letter-spacing:clamp(2px,.65vw,8px);font-size:clamp(14px,1.65vw,25px);margin-left:0}.edition{color:#afbea7}
.holo-card{background:#31422eaa;color:#d4a017;box-shadow:0 0 22px #d4a01710,inset 0 0 16px #d4a01710}.holo-card.chest{color:#a7c775}
.turn-panel{background:linear-gradient(140deg,#263b29,#17271b);border-color:#50664d;box-shadow:0 0 35px #79a9420a}
.primary{background:#79a942;color:#101b12;border-color:#8ab851}.secondary{border-color:#526954}.player.active{background:#293b2b;border-color:#61775f}
.agent-avatar{--agent:#79a942;display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border:2px solid var(--agent);border-radius:50%;background:#f4f1df;color:#1c2a1d;font:700 13px/1 Arial;box-shadow:0 0 0 3px #17251b,0 4px 14px #0006}
.token-stack{gap:0;filter:none}.token-stack .agent-avatar{width:clamp(23px,3.3vw,48px);height:clamp(23px,3.3vw,48px);font-size:clamp(8px,.85vw,12px);margin-left:-5px;box-shadow:0 2px 7px #0008}.token-stack .agent-avatar:first-child{margin-left:0}
.player .agent-avatar{width:43px;height:43px}.token-option{justify-content:flex-start;text-align:center;min-height:150px}.token-option .choice{width:64px;height:64px;font-size:17px;margin:3px}.token-option strong{font-size:13px}.token-option>span:not(.agent-avatar){color:var(--muted);font-size:10px;line-height:1.3}.token-option:has(input:checked){border-color:#9cc56b;background:#2c432e}.token-option input{accent-color:#79a942}
.holding{background:#17251b}.signal{color:#c6d86d!important}
@media(max-width:540px){.brand-mark{width:49px;height:41px;font-size:13px}.brand-word{font-size:11px}.number{font-size:16vw}.monopoly{font-size:3.3vw;letter-spacing:.5vw}.token-stack .agent-avatar{width:23px;height:23px;font-size:7px}.token-option{min-height:135px}.token-option .choice{width:52px;height:52px}.player .agent-avatar{width:48px;height:48px}}
.room-banner{display:flex;align-items:center;gap:14px;border:1px solid #587154;background:#1d3020;padding:9px 12px;border-radius:5px;font:11px monospace;color:var(--muted)}.room-banner strong{color:var(--volt);letter-spacing:2px}.room-banner>span:nth-child(2){margin-left:auto}.room-banner .quiet{font-size:11px;padding:6px 8px}.field{display:grid;gap:7px;margin:14px 0;color:var(--muted);font-size:13px}.field input,.field select{width:100%;border:1px solid #526954;border-radius:4px;background:#17251b;color:var(--text);padding:12px 13px;font:16px Arial}.online-actions{display:flex;align-items:end;gap:10px;margin-top:18px}.online-actions .primary,.online-actions .secondary{width:auto;min-width:130px;text-align:center}.online-actions>span{align-self:center;color:var(--muted);font-size:12px}.code-field{margin:0;flex:1}.code-field input{text-transform:uppercase;letter-spacing:3px;font-family:monospace}.room-error{min-height:0!important;color:#ffb7a8!important;background:#4b221d;padding:10px 12px;border-radius:4px;margin-top:14px!important}.lobby-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;max-height:290px;overflow:auto;margin:18px 0}.lobby-player{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #405740;border-radius:4px;background:#18271b}.lobby-player strong{font-size:13px}.lobby-player small{display:block;color:var(--muted);font-size:10px;margin-top:3px}#lobby-code{color:var(--volt);font-family:monospace;letter-spacing:3px}
@media(max-width:700px){nav{flex-wrap:wrap;justify-content:flex-end}.room-banner{flex-wrap:wrap}.room-banner>span:nth-child(2){margin-left:0}.online-actions{align-items:stretch;flex-direction:column}.online-actions .primary,.online-actions .secondary{width:100%}.online-actions>span{text-align:center}.lobby-players{grid-template-columns:1fr 1fr}}
.players-panel #players{max-height:540px;overflow:auto;padding-right:3px}.more-agents{color:var(--muted);font:11px monospace;padding:9px;text-align:center}.players-panel #players::-webkit-scrollbar{width:6px}.players-panel #players::-webkit-scrollbar-thumb{background:#456147;border-radius:6px}#online-room{max-width:680px}

#token-choice{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.token-option strong{text-align:center;overflow-wrap:anywhere}