:root{--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--paper: #f4f1ea;--surface: #ffffff;--surface-2: #faf8f3;--ink: #1a2332;--ink-2: #4a5568;--ink-3: #8a94a3;--line: #e2ddd2;--accent: #2b6cb0;--accent-strong: #1e4e8c;--accent-soft: #ebf4ff;--gold: #b7791f;--gold-soft: #fdf3df;--good: #2f855a;--good-soft: #e8f5ee;--bad: #c53030;--bad-soft: #fdeaea;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--shadow-1: 0 1px 3px rgba(26, 35, 50, .08), 0 1px 2px rgba(26, 35, 50, .04);--shadow-2: 0 4px 16px rgba(26, 35, 50, .12);--shadow-3: 0 12px 40px rgba(26, 35, 50, .22)}[data-theme=npo]{--accent: #2f855a;--accent-strong: #22603f;--accent-soft: #e8f5ee}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:.95rem}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media(prefers-reduced-motion:reduce){body:not([data-reduced-motion=false]) *,body:not([data-reduced-motion=false]) *:before{animation-duration:1ms!important;transition-duration:1ms!important}}.btn{border:none;border-radius:var(--r-md);padding:10px 18px;font-weight:600;font-size:.95rem;background:var(--accent);color:#fff;transition:transform .12s ease,box-shadow .12s ease,background .12s;box-shadow:var(--shadow-1)}.btn:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent);box-shadow:none}.btn.ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-strong)}.btn.danger{background:var(--bad)}.btn.danger:hover:not(:disabled){background:#9b2020}.btn.big{padding:14px 28px;font-size:1.05rem;border-radius:var(--r-lg)}.btn.small{padding:6px 12px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-1)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;font-weight:600;color:var(--ink-2)}.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:var(--r-md);padding:10px 12px;background:var(--surface)}.field input:focus,.field select:focus{border-color:var(--accent);outline:none}.badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong)}.badge.gold{background:var(--gold-soft);color:var(--gold)}.badge.good{background:var(--good-soft);color:var(--good)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.money{font-family:var(--mono);font-weight:700}.board-wrap{position:relative;width:100%;max-width:min(78vh,780px);aspect-ratio:1;margin:0 auto}.board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.55fr repeat(9,1fr) 1.55fr;grid-template-rows:1.55fr repeat(9,1fr) 1.55fr;gap:2px;background:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-2)}.board-center{grid-column:2 / 11;grid-row:2 / 11;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:12px}.board-logo{font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.85;text-align:center;font-size:clamp(.9rem,2.2vw,1.6rem);transform:rotate(-8deg);-webkit-user-select:none;user-select:none}.space{background:var(--surface-2);position:relative;display:flex;flex-direction:column;font-size:clamp(.32rem,.85vw,.58rem);overflow:hidden;transition:box-shadow .2s}.space .strip{height:22%;min-height:6px;flex:none}.space .space-name{flex:1;padding:6% 5% 2%;font-weight:600;line-height:1.15;text-align:center;color:var(--ink);overflow:hidden}.space .space-price{text-align:center;padding-bottom:6%;color:var(--ink-3);font-weight:700}.space.corner .space-name{font-size:1.2em;font-weight:800;display:flex;align-items:center;justify-content:center}.space.landed{animation:landPulse 1.2s ease;z-index:2}@keyframes landPulse{0%{box-shadow:inset 0 0 0 0 var(--accent)}30%{box-shadow:inset 0 0 0 3px var(--accent),0 0 22px var(--accent)}to{box-shadow:inset 0 0 0 0 transparent}}.space.buyable{animation:buyableGlow 1.6s ease-in-out infinite}@keyframes buyableGlow{0%,to{box-shadow:inset 0 0 0 1px var(--gold)}50%{box-shadow:inset 0 0 0 3px var(--gold),0 0 14px #b7791f8c}}.owner-flag{position:absolute;top:24%;right:4%;width:16%;aspect-ratio:1;border-radius:50%;border:1.5px solid #fff;box-shadow:var(--shadow-1)}.space.inactive-space .space-name,.space.inactive-space .space-price{opacity:.35}.strip.brown{background:#7b4a12}.strip.lightblue{background:#74b9e0}.strip.pink{background:#c95c9c}.strip.orange{background:#e08a2e}.strip.red{background:#c0392b}.strip.yellow{background:#e0c22e}.strip.green{background:#27824d}.strip.darkblue{background:#1f4e9c}.strip.railroad{background:#333d4d}.strip.utility{background:#7f8c9b}.token-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.token{position:absolute;width:4.2%;aspect-ratio:1;border-radius:50%;border:2.5px solid #fff;box-shadow:0 2px 8px #00000059;display:flex;align-items:center;justify-content:center;font-size:clamp(.4rem,1.2vw,.72rem);font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.token.active-turn{animation:tokenIdle 1.8s ease-in-out infinite}@keyframes tokenIdle{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 2px 8px #00000059}50%{transform:translate(-50%,-50%) scale(1.18) translateY(-8%);box-shadow:0 8px 16px #0000004d,0 0 12px var(--accent)}}.dice-area{display:flex;gap:18px;justify-content:center;perspective:600px}.die{width:54px;height:54px;position:relative;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.75,.3,1.08)}.die .face{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#fff,#e8e4da);border:1.5px solid #c9c2b2;border-radius:10px;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:8px;box-shadow:inset 0 0 8px #0000000f}.die .pip{border-radius:50%;background:var(--ink);margin:12%;opacity:0}.die .pip.on{opacity:1}.die .face.f1{transform:rotateY(0) translateZ(27px)}.die .face.f2{transform:rotateY(90deg) translateZ(27px)}.die .face.f3{transform:rotateY(180deg) translateZ(27px)}.die .face.f4{transform:rotateY(-90deg) translateZ(27px)}.die .face.f5{transform:rotateX(90deg) translateZ(27px)}.die .face.f6{transform:rotateX(-90deg) translateZ(27px)}.roll-btn-wrap.my-turn .btn{animation:rollGlow 1.6s ease-in-out infinite}@keyframes rollGlow{0%,to{box-shadow:0 0 #2b6cb080}50%{box-shadow:0 0 0 10px #2b6cb000}}.card-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a268c;display:flex;align-items:center;justify-content:center;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.event-card{width:min(340px,86vw);aspect-ratio:3 / 2;perspective:1200px}.event-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.3,.9,.35,1.05)}.event-card.flipped .event-card-inner{transform:rotateY(180deg)}.event-card .face2{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-lg);backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;text-align:center;box-shadow:var(--shadow-3)}.event-card .front{background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 12px,var(--accent-strong) 12px,var(--accent-strong) 24px);color:#fff;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.event-card .back{background:var(--surface);transform:rotateY(180deg)}.event-card .back .card-text{font-size:1.05rem;font-weight:600;line-height:1.4}.cash-flight{position:fixed;z-index:80;pointer-events:none;font-family:var(--mono);font-weight:700;font-size:1rem;padding:4px 12px;border-radius:999px;background:var(--gold-soft);color:var(--gold);border:1.5px solid var(--gold);box-shadow:var(--shadow-2)}.cash-flight.negative{background:var(--bad-soft);color:var(--bad);border-color:var(--bad)}.particle{position:fixed;width:9px;height:9px;z-index:90;pointer-events:none;border-radius:2px}.game-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;padding:18px;max-width:1500px;margin:0 auto}@media(max-width:1000px){.game-layout{grid-template-columns:1fr}}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar h1{font-size:1.05rem;margin:0;font-weight:800;letter-spacing:.02em}.tabs{display:flex;gap:2px;background:var(--surface-2);padding:4px;border-radius:var(--r-md);border:1px solid var(--line)}.tabs button{flex:1;border:none;background:transparent;padding:9px 10px;border-radius:var(--r-sm);font-weight:600;font-size:.85rem;color:var(--ink-2);position:relative}.tabs button.active{background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow-1)}.tabs button .dot{position:absolute;top:5px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--bad)}.ledger-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:.85rem;align-items:baseline}.ledger-row .acct{font-weight:600}.ledger-row.credit-leg .acct{padding-left:20px;color:var(--ink-2)}.ledger-row .amt{font-family:var(--mono);font-weight:700}.stmt-line{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.stmt-line .amt{font-family:var(--mono);font-weight:600}.stmt-line.total{border-top:2px solid var(--ink);margin-top:4px;padding-top:6px;font-weight:800}.stmt-line.subtotal{border-top:1px solid var(--line);font-weight:700}.equation-ok{color:var(--good);font-weight:700}.equation-bad{color:var(--bad);font-weight:700}.xp-bar{height:10px;background:var(--line);border-radius:999px;overflow:hidden}.xp-bar .fill{height:100%;background:linear-gradient(90deg,var(--gold),#e3a53a);border-radius:999px;transition:width .8s cubic-bezier(.3,.9,.3,1)}.streak-flame{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--gold)}.mastery-row{margin-bottom:12px}.mastery-bar{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.mastery-bar .fill{height:100%;border-radius:999px;transition:width .7s ease}.toast-stack{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--ink);color:#fff;padding:10px 20px;border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:.9rem;font-weight:600;max-width:90vw}.toast.achievement{background:linear-gradient(120deg,#6d4c0f,var(--gold))}.toast.error{background:var(--bad)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#141a2680;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-3);max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:24px}.modal h3{margin-top:0}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 18px}.landing-hero{text-align:center;margin-bottom:34px}.landing-hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:0 0 8px;font-weight:800}.landing-hero p{color:var(--ink-2);margin:0}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;width:100%;max-width:900px}.join-code-input{font-family:var(--mono);font-size:1.6rem!important;text-align:center;letter-spacing:.4em;text-transform:uppercase}