@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Cairo:wght@400;600;700;800&display=swap";:root{--navy-900: #071624;--navy-800: #0b1f33;--navy-700: #123049;--navy-600: #1a4160;--ink: #e8f0f7;--ink-dim: #9fb4c7;--ink-faint: #6c8299;--sand: #f3e7d3;--terracotta: #d9663f;--gold: #e8b64c;--jasmine: #f7f4ee;--sea: #2f9fd6;--crimson: #e0464a;--azure: #3d8ee0;--amber: #e9a13b;--jade: #35b48b;--brown: #8d5a3b;--lightblue: #7fc4e8;--pink: #d668a8;--orange: #e6873c;--red: #d94141;--yellow: #e8c93f;--green: #3d9e63;--darkblue: #2b5fa8;--radius-sm: 6px;--radius: 12px;--radius-lg: 20px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 8px 24px rgba(0, 0, 0, .35);--shadow-3: 0 24px 60px rgba(0, 0, 0, .45);--panel-w: 380px;--peek: 168px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}:root[lang=ar] body,:root[lang=ar] h1,:root[lang=ar] h2,:root[lang=ar] h3,:root[lang=ar] .display,:root[lang=ar] .room-code{font-family:Cairo,Noto Naskh Arabic,system-ui,sans-serif}.board,.board-wrap{direction:ltr}.locale-picker{display:flex;gap:4px;padding:4px;border-radius:var(--radius);background:#0000004d}.locale-picker a{flex:1;text-align:center;text-decoration:none;padding:7px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink-dim);white-space:nowrap;transition:background .16s var(--ease),color .16s}.locale-picker a[data-active=true]{background:#ffffff1a;color:var(--ink)}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 800px at 20% -10%,#14496b 0%,transparent 60%),radial-gradient(900px 700px at 110% 10%,#7a2f22 0%,transparent 55%),var(--navy-900);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,.display{font-family:Outfit,system-ui,sans-serif;letter-spacing:-.02em;margin:0}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input,select{font:inherit;font-size:16px;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius);background:linear-gradient(180deg,var(--navy-600),var(--navy-700));box-shadow:var(--shadow-1),inset 0 1px #ffffff14;font-weight:600;transition:transform .14s var(--ease),filter .14s var(--ease),opacity .14s;will-change:transform}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#f0c25c,var(--gold));color:#2a1a05}.btn-danger{background:linear-gradient(180deg,#e2705a,var(--terracotta));color:#2a0f07}.btn-ghost{background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1a}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:600}.field input,.field select{padding:12px 14px;border-radius:var(--radius);background:#00000047;border:1px solid rgba(255,255,255,.1);outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--gold)}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);backdrop-filter:blur(8px)}.screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.landing{width:min(440px,100%);padding:32px;display:flex;flex-direction:column;gap:22px}.landing .brand{text-align:center}.landing .brand .flag{font-size:34px}.landing h1{font-size:34px;font-weight:800;background:linear-gradient(120deg,var(--gold),var(--terracotta));-webkit-background-clip:text;background-clip:text;color:transparent}.landing .sub{color:var(--ink-dim);font-size:14px;margin-top:6px}.tabs{display:flex;gap:4px;padding:4px;border-radius:var(--radius);background:#0000004d}.tabs button{flex:1;padding:9px;border-radius:9px;font-weight:600;color:var(--ink-dim);transition:background .16s var(--ease),color .16s}.tabs button[data-active=true]{background:#ffffff1a;color:var(--ink)}.code-input input{text-transform:uppercase;letter-spacing:.5em;text-align:center;font-family:Outfit,monospace;font-size:24px;font-weight:700}.lobby{width:min(920px,100%);padding:28px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.lobby .head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.room-code{font-family:Outfit,monospace;font-size:30px;font-weight:800;letter-spacing:.3em;color:var(--gold);display:inline-flex;align-items:center;gap:10px;padding:2px 8px;margin-inline-start:-8px;border-radius:10px;transition:background .16s var(--ease)}.room-code svg{letter-spacing:normal;opacity:.55}.room-code:hover,.room-code:active{background:#e8b64c1f}.room-code:hover svg{opacity:1}.seat-list{display:flex;flex-direction:column;gap:10px}.seat{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:#00000038;border:1px solid rgba(255,255,255,.07)}.seat .dot{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 3px #ffffff1f;flex:none}.seat .who{flex:1;font-weight:600}.chip{font-size:11px;padding:3px 8px;border-radius:999px;background:#ffffff1a;color:var(--ink-dim);font-weight:600;letter-spacing:.04em}.chip.ok{background:#35b48b33;color:#7fe0bd}.chip.off{background:#e0464a2e;color:#ffa7a9}.color-picker{display:flex;gap:8px}.color-picker button{width:34px;height:34px;border-radius:50%;transition:transform .15s var(--ease),box-shadow .15s}.color-picker button[data-active=true]{transform:scale(1.16);box-shadow:0 0 0 3px #ffffffd9}.color-picker button:disabled{opacity:.28;cursor:not-allowed}.settings-grid{display:grid;gap:12px;max-height:min(320px,42dvh);overflow-y:auto;overscroll-behavior:contain;padding-inline-end:6px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:10px;background:#0003}.setting .name{font-size:13px}.setting .hint{font-size:11px;color:var(--ink-faint)}.setting input[type=number]{width:92px;padding:7px 10px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.12);text-align:end}.toggle{width:46px;height:26px;border-radius:999px;background:#ffffff24;position:relative;transition:background .18s var(--ease);flex:none}.toggle[data-on=true]{background:var(--jade)}.toggle span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s var(--ease)}.toggle[data-on=true] span{transform:translate(20px)}.game{height:100%;display:grid;grid-template-columns:1fr var(--panel-w);gap:20px;padding:20px}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0}.board-wrap{width:min(calc(100dvh - 190px),100%);aspect-ratio:1;flex:none;min-height:0;position:relative;container-type:inline-size}.board{width:100%;height:100%;display:grid;grid-template-columns:1.55fr repeat(9,1fr) 1.55fr;grid-template-rows:1.55fr repeat(9,1fr) 1.55fr;background:linear-gradient(160deg,#10496b,#0a2437 60%);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),inset 0 0 0 1px #ffffff14;padding:6px;gap:2px;position:relative;overflow:hidden}.tile{position:relative;background:linear-gradient(180deg,#fdfaf3,#ede4d3);color:#14202b;border-radius:5px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-1);container-type:inline-size;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.tile[data-clickable=true]{cursor:pointer}.tile[data-highlight=true]{box-shadow:0 0 0 2px var(--gold),0 0 18px #e8b64c8c;z-index:3}.tile[data-mortgaged=true]{filter:grayscale(.7) brightness(.82)}.tile .band{height:20%;min-height:8px;flex:none;border-bottom:1px solid rgba(0,0,0,.18)}.tile[data-side=top]{flex-direction:column-reverse}.tile[data-side=top] .band{border-bottom:0;border-top:1px solid rgba(0,0,0,.18)}.tile[data-side=left]{flex-direction:row-reverse}.tile[data-side=right]{flex-direction:row}.tile[data-side=left] .band,.tile[data-side=right] .band{height:auto;width:18%;min-width:7px;border-bottom:0}.tile[data-side=left] .band{border-left:1px solid rgba(0,0,0,.18)}.tile[data-side=right] .band{border-right:1px solid rgba(0,0,0,.18)}.tile .body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2px;text-align:center;min-width:0;min-height:0;overflow:hidden}.tile .name{font-size:clamp(6px,17cqw,12px);font-weight:700;line-height:1.05;letter-spacing:-.02em}.tile[data-side=left] .name,.tile[data-side=right] .name{font-size:clamp(6px,10cqw,10px)}.tile .glyph{font-size:clamp(10px,34cqw,26px);line-height:1}.tile[data-side=left] .glyph,.tile[data-side=right] .glyph{font-size:clamp(9px,18cqw,20px)}.tile[data-corner=true] .name{font-size:clamp(6px,11cqw,12px)}.tile .owner-strip{position:absolute;inset:auto 0 0;height:4px}.tile[data-side=top] .owner-strip{inset:0 0 auto}.tile[data-side=left] .owner-strip{inset:0 auto 0 0;height:auto;width:4px}.tile[data-side=right] .owner-strip{inset:0 0 0 auto;height:auto;width:4px}.tile .buildings{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;gap:3%;top:0;left:0;right:0;color:#17924f;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.tile .buildings[data-hotel=true]{color:#d8302f}.tile .buildings svg{width:21%;height:auto;fill:currentColor;stroke:#fffffff2;stroke-width:2.4;animation:build-pop .32s var(--ease)}.tile .buildings[data-hotel=true] svg{width:46%}.tile[data-side=top] .buildings{top:auto;bottom:0}.tile[data-side=left] .buildings,.tile[data-side=right] .buildings{flex-direction:column;inset:0 auto;width:22%;gap:4%}.tile[data-side=left] .buildings{right:0}.tile[data-side=right] .buildings{left:0}.tile[data-side=left] .buildings svg,.tile[data-side=right] .buildings svg{width:76%}.tile[data-side=left] .buildings[data-hotel=true],.tile[data-side=right] .buildings[data-hotel=true]{width:32%}.tile[data-side=left] .buildings[data-hotel=true] svg,.tile[data-side=right] .buildings[data-hotel=true] svg{width:100%}@keyframes build-pop{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.board-center{grid-column:2 / 11;grid-row:2 / 11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:12px;position:relative}.board-center .logo{font-family:Outfit,sans-serif;font-weight:800;font-size:clamp(16px,4.4cqw,40px);letter-spacing:-.03em;background:linear-gradient(120deg,var(--gold),var(--terracotta));-webkit-background-clip:text;background-clip:text;color:transparent;transform:rotate(-8deg)}.turn-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.12);font-weight:600;font-size:13px}.timer-ring{width:22px;height:22px;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:3}.token{position:absolute;width:4.4%;height:4.4%;border-radius:50%;top:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:clamp(8px,1.9cqw,15px);font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55);background:radial-gradient(circle at 34% 24%,#ffffffd9,#fff0 46%),radial-gradient(circle at 50% 118%,#00000080,#0000 62%),var(--token-color, var(--gold));border:2px solid rgba(255,255,255,.92);box-shadow:0 1px 1px #00000059,0 5px 12px -3px #000000a6,inset 0 -2px 4px #00000052,inset 0 2px 3px #ffffff80;z-index:5;pointer-events:none;will-change:transform}.token:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--token-color, var(--gold));opacity:0;will-change:transform,opacity}.token[data-current=true]{z-index:6;box-shadow:0 1px 1px #00000059,0 6px 16px -3px #000000b3,0 0 14px -2px var(--token-color, var(--gold)),inset 0 -2px 4px #00000052,inset 0 2px 3px #ffffff80}.token[data-current=true]:after{animation:tokenPulse 2s var(--ease) infinite}@keyframes tokenPulse{0%{transform:scale(1);opacity:.6}70%,to{transform:scale(2.2);opacity:0}}.token[data-offline=true]{opacity:.45;filter:grayscale(.6)}.token[data-offline=true]:after{animation:none}.reaction{position:absolute;font-size:26px;z-index:8;pointer-events:none;will-change:transform,opacity}.panel{display:flex;flex-direction:column;gap:12px;min-height:0}.players{display:grid;gap:8px}.player-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);background:#00000042;border:1px solid rgba(255,255,255,.07);transition:border-color .2s var(--ease),background .2s}.player-card[data-turn=true]{border-color:var(--gold);background:#e8b64c1a}.player-card[data-bankrupt=true]{opacity:.45}.player-card .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;flex:none}.player-card .meta{flex:1;min-width:0}.player-card .nick{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card .cash{font-size:12px;color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}.panel-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--radius);background:#00000052}.panel-body{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:#0000003d;border:1px solid rgba(255,255,255,.07);overflow:hidden}.log{overscroll-behavior:contain;flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:7px;font-size:13px;scrollbar-width:thin}.log .system{color:var(--ink-dim);font-size:12px;line-height:1.35}.log .msg{line-height:1.35;word-break:break-word}.log .msg b{color:var(--gold)}.composer{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(255,255,255,.08)}.composer input{flex:1;padding:10px 12px;border-radius:10px;background:#00000059;border:1px solid rgba(255,255,255,.1);outline:none;min-width:0}.composer input:focus{border-color:var(--sea)}.emoji-row{display:flex;gap:4px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.emoji-row button{font-size:19px;width:34px;height:34px;border-radius:9px;transition:transform .14s var(--ease),background .14s}.emoji-row button:hover{background:#ffffff1a;transform:translateY(-2px)}.emoji-row button:active{background:#ffffff29;transform:scale(.9)}.deeds{overscroll-behavior:contain;flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.deed{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0d;font-size:13px}.deed .swatch{width:6px;align-self:stretch;border-radius:3px;flex:none}.deed .grow{flex:1;min-width:0}.deed .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deed .sub{font-size:11px;color:var(--ink-faint)}.deed .mini{padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700;background:#ffffff1a}.deed .mini:disabled{opacity:.3}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions .btn{flex:1;min-width:108px;padding:14px 16px}.modal-backdrop{position:fixed;inset:0;background:#040c14b8;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:40}.modal{width:min(560px,100%);max-height:86dvh;overflow-y:auto;overscroll-behavior:contain;padding:24px;display:flex;flex-direction:column;gap:18px}.modal h2{font-size:22px}.property-card{border-radius:var(--radius);overflow:hidden;background:var(--jasmine);color:#16232f;box-shadow:var(--shadow-2)}.property-card .head{padding:16px;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.property-card .head .t{font-family:Outfit,sans-serif;font-size:19px;font-weight:800}.property-card .head .c{font-size:12px;opacity:.9}.property-card .rows{padding:12px 16px;display:flex;flex-direction:column;gap:5px;font-size:13px}.property-card .row{display:flex;justify-content:space-between;gap:12px}.property-card .row.total{border-top:1px solid rgba(0,0,0,.14);margin-top:5px;padding-top:7px;font-weight:700}.property-card .row[data-active=true]{background:#e8b64c47;box-shadow:inset 0 0 0 1px #0000001f;border-radius:6px;margin:0 -6px;padding:2px 6px;font-weight:700}.auction-head{display:flex;flex-direction:column;gap:4px}.auction-timer{height:5px;border-radius:99px;background:#ffffff17;overflow:hidden}.auction-timer i{display:block;height:100%;background:var(--gold);transform-origin:left center;transition:transform .25s linear}.auction-timer[data-low=true] i{background:var(--crimson)}.auction-groups{display:flex;flex-wrap:wrap;gap:6px}.group-chip{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:#ffffff0d;border:1px solid transparent;font-size:11px}.group-chip[data-current=true]{background:#e8b64c29;box-shadow:inset 0 0 0 1px var(--gold)}.group-chip i{width:8px;height:8px;border-radius:3px;flex:none}.group-chip em{color:var(--ink-faint);font-style:normal}.group-chip u{text-decoration:none;color:var(--crimson)}.auction-bidders{display:flex;flex-wrap:wrap;gap:8px}.bidder{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:#00000047;font-size:12px;opacity:.55;transition:opacity .2s var(--ease)}.bidder[data-active=true]{opacity:1}.bidder i{width:9px;height:9px;border-radius:50%;flex:none}.bidder em{color:var(--ink-faint);font-style:normal}.auction-quick{display:flex;gap:8px;flex-wrap:wrap}.auction-quick .btn{flex:1;min-width:92px;padding:9px 10px;font-size:12px}.auction-history{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--ink-faint);border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.owner-block{display:flex;flex-direction:column;gap:6px}.owner-head{display:flex;align-items:center;gap:7px;font-size:12px;padding-top:4px}.owner-head i{width:10px;height:10px;border-radius:50%;flex:none}.owner-head em{margin-inline-start:auto;color:var(--ink-faint);font-style:normal}.deed .swatch[data-full=true]{box-shadow:0 0 0 1px var(--gold)}.player-card .pips{display:flex;gap:3px;margin-inline-start:auto}.player-card .pips i{width:7px;height:7px;border-radius:2px;opacity:.5}.player-card .pips i[data-full=true]{opacity:1;box-shadow:0 0 0 1px var(--gold)}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trade-col h3{font-size:13px;color:var(--ink-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}.trade-cash{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:11px;color:var(--ink-faint)}.trade-cash input{width:100%;padding:8px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:inherit}.trade-total{margin-top:8px;font-size:11px;color:var(--ink-faint);border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.trade-pager{display:flex;align-items:center;gap:6px;font-size:12px}.trade-pager button{width:22px;height:22px;border-radius:7px;background:#ffffff12;font-size:11px;font-weight:700}.trade-pager button[data-active=true]{background:#e8b64c38;box-shadow:inset 0 0 0 1px var(--gold)}.trade-pager em{color:var(--ink-faint);font-style:normal}.outgoing-trades{display:flex;flex-direction:column;gap:5px}.outgoing{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#ffffff0d;font-size:12px}.outgoing .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.outgoing .mini{padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700;background:#ffffff1a}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);padding:12px 20px;border-radius:999px;background:#d9663ff2;color:#fff;font-weight:600;box-shadow:var(--shadow-2);z-index:60}.offline-banner{position:fixed;top:0;left:0;right:0;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;text-align:center;background:var(--terracotta);color:#fff;font-weight:600;font-size:13px;z-index:70}.sheet-handle{display:none}@media(max-width:1150px){:root{--panel-w: 300px}.game{gap:14px;padding:14px}}@media(max-width:900px){.game{grid-template-columns:1fr;grid-template-rows:1fr;padding:10px;padding-bottom:calc(var(--peek) + 10px + env(safe-area-inset-bottom));gap:10px;height:100dvh}.stage{justify-content:flex-start;gap:10px}.board-wrap{width:min(100%,calc(100dvh - var(--peek) - 150px))}.panel{position:fixed;inset:auto 0 0;max-height:74dvh;padding:0 10px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(7,22,36,.86),var(--navy-900) 22%);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:20;transform:translateY(calc(100% - var(--peek)));transition:transform .32s var(--ease);will-change:transform}.panel[data-open=true]{transform:translateY(0)}.sheet-handle{display:flex;align-items:center;justify-content:center;height:26px;flex:none;cursor:grab}.sheet-handle i{width:42px;height:4px;border-radius:999px;background:#ffffff4d}.panel-body{max-height:44dvh}.lobby{grid-template-columns:1fr;padding:20px}.actions .btn{min-width:92px;padding:13px 12px;font-size:14px}.modal{padding:18px}.trade-columns{grid-template-columns:1fr}}@media(max-width:420px){.game{padding:6px;padding-bottom:calc(var(--peek) + 6px + env(safe-area-inset-bottom));gap:8px}.modal-backdrop{padding:10px}.auction-quick .btn{min-width:72px;padding:10px 8px;font-size:13px}.setting{flex-direction:column;align-items:stretch;gap:6px}.setting input[type=number]{width:100%;text-align:start}.lobby{padding:14px}}@media(max-width:900px)and (max-height:500px){.game{grid-template-columns:1fr 260px;grid-template-rows:1fr;padding:8px;gap:8px}.panel{position:static;max-height:none;transform:none;padding:0;background:none;backdrop-filter:none;border-top:0;border-radius:0}.sheet-handle{display:none}.panel-body{max-height:none}.board-wrap{width:min(100%,calc(100dvh - 140px))}}@media(pointer:coarse){.color-picker button,.emoji-row button{width:44px;height:44px}button.chip,.toggle,.trade-pager button,.deed .mini,.outgoing .mini,.trade-line .mini,.market-filters button{position:relative}button.chip:after,.toggle:after,.trade-pager button:after,.deed .mini:after,.outgoing .mini:after,.trade-line .mini:after,.market-filters button:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;min-width:44px;min-height:44px;transform:translate(-50%,-50%)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dice-stage{display:flex;flex-direction:column;align-items:center;gap:4px}.dice-canvas{width:clamp(90px,26cqw,190px);height:clamp(50px,15cqw,108px)}.dice-canvas canvas{width:100%!important;height:100%!important}.dice-total{font-family:Outfit,sans-serif;font-weight:700;font-size:clamp(10px,2.6cqw,16px);color:var(--sand);text-shadow:0 2px 6px rgba(0,0,0,.6)}.dice-fallback{display:flex;gap:6px;font-size:clamp(22px,7cqw,52px);color:var(--sand);line-height:1}.head-sub{color:var(--ink-dim);font-size:13px;display:flex;align-items:center;gap:8px}.auction-bidders button.bidder{text-align:start}.bidder:hover:not(:disabled){opacity:.85}.trade-hero{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}.trade-hero .lbl{font-size:12px;color:var(--ink-faint)}.trade-hero .val{font-size:28px;font-weight:800;color:var(--gold)}.trade-hero .val[data-side=up]{color:var(--jade)}.trade-hero .val[data-side=down]{color:var(--crimson)}.trade-hero .sub{color:var(--ink-dim);font-size:13px}.trade-hero .sub b{color:var(--ink);font-weight:700}.market{overscroll-behavior:contain;display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding:10px;border-radius:var(--radius);background:#00000042;border:1px solid rgba(255,255,255,.07)}.market-filters{display:flex;gap:6px;position:sticky;top:-10px;z-index:1;padding:4px 0 6px;background:linear-gradient(var(--navy-900) 72%,transparent)}.market-filters button{flex:1;padding:6px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--ink-dim);background:#ffffff0d;border:1px solid rgba(255,255,255,.09);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .14s,background .14s}.market-filters button[data-active=true]{color:var(--navy-900);background:var(--gold);border-color:var(--gold)}.market-filters button:disabled{opacity:.4}.market-group{display:flex;flex-direction:column;gap:6px}.market-head{display:flex;align-items:center;gap:7px;font-size:12px}.market-head i{width:12px;height:12px;border-radius:4px;flex:none}.market-head em{color:var(--ink-faint);font-style:normal;font-size:11px}.market-full{margin-inline-start:auto;font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid;color:var(--ink-dim)}.market-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.market-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 9px 9px;border-radius:9px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-left:3px solid var(--who);overflow:hidden;text-align:start;font-size:12px;transition:background .14s,border-color .14s,transform .14s}.market-tile .band{height:6px;margin:-8px -9px 2px;background:var(--band)}.market-tile[data-owned=false]{border-left-color:#ffffff12}.market-tile:hover:not(:disabled){background:#ffffff17}.market-tile:disabled{opacity:.45}.market-tile[data-selected=true]{background:#e8b64c29;border-color:var(--gold)}.market-tile[data-side=give]{background:#35b48b29;border-color:var(--jade)}.market-tile .nm{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-tile .who{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--ink-dim)}.market-tile .who i{width:8px;height:8px;border-radius:50%;flex:none;background:var(--who)}.market-tile .who b{color:var(--gold);font-size:10px}.market-tile .tags{display:flex;align-items:center;gap:6px;font-size:10px}.market-tile .tags em{color:var(--ink);font-style:normal;font-weight:700}.market-tile .tags u{text-decoration:none;color:var(--crimson)}.market-tile .pick{margin-top:2px;align-self:flex-start;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:999px;color:var(--navy-900);background:var(--gold)}.market-tile[data-side=give] .pick{background:var(--jade)}.market-hint{font-size:11px;color:var(--ink-faint)}.trade-col h3 i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:6px;vertical-align:baseline}.trade-col[data-side=give] h3{color:var(--jade)}.trade-col[data-side=get] h3{color:var(--gold)}.trade-lines{display:flex;flex-direction:column;gap:5px}.trade-line{display:flex;align-items:center;gap:8px;padding:7px 9px 7px 6px;border-radius:8px;background:#ffffff0d;border-left:4px solid var(--band);font-size:12px}.trade-line[data-side=give]{box-shadow:inset 0 0 0 1px #35b48b59}.trade-line[data-side=get]{box-shadow:inset 0 0 0 1px #e8b64c59}.trade-line .deed{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.trade-line .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-line .deed em{font-style:normal;font-size:10px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-line .meta{display:flex;align-items:center;gap:6px;flex:none;font-size:11px}.trade-line .meta u{text-decoration:none;color:var(--crimson);font-size:10px}.trade-line .mini{flex:none;font-size:10px;color:var(--ink-faint);padding:3px 7px;border-radius:999px;background:#ffffff12}.trade-line .mini:hover,.trade-line .mini:active{color:var(--crimson);background:#be3e3e2e}.trade-empty{color:var(--ink-faint);font-size:12px;padding:6px 0}.trade-groups{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.trade-groups span{padding:4px 10px;border-radius:999px;font-weight:600}.trade-groups span[data-good=true]{background:#35b48b29;color:var(--jade)}.trade-groups span[data-good=false]{background:#e8b64c29;color:var(--gold)}.trade-note{padding:10px 12px;border-radius:var(--radius);background:#ffffff0a;border-left:3px solid var(--gold);color:var(--ink-dim);font-style:italic;font-size:13px}.trade-money{color:var(--gold);font-weight:700;margin-top:6px}.trade-jail,.trade-after{font-size:12px;color:var(--ink-dim)}.trade-after b{color:var(--ink)}.trade-warn{padding:9px 12px;border-radius:var(--radius);background:#e0464a24;color:var(--crimson);font-size:12px;font-weight:600}#seo{max-width:760px;margin:0 auto;padding:8px 22px 72px;color:var(--ink-dim);font-size:14px;line-height:1.7}body[data-screen=lobby] #seo,body[data-screen=game] #seo{display:none}body[data-screen=landing],body[data-screen=landing] #root{height:auto;min-height:100%}.seo-block{margin-top:34px}.seo-block h2{font-size:17px;color:var(--ink);margin-bottom:10px}.seo-block p,.seo-block dd{margin:0 0 10px}.seo-block ol,.seo-block ul{margin:0;padding-inline-start:20px}.seo-block li{margin-bottom:6px}.seo-block dt{color:var(--ink);font-weight:600;margin-top:14px}.seo-block dd{margin-inline-start:0}.seo-langs a{color:var(--gold);margin-inline-end:14px}.seo-note{color:var(--ink-faint);font-size:12.5px}