@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-arabic-wght-normal-CJWMIGCx.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-ext-wght-normal-at8nfxId.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/cairo-latin-wght-normal-PfPtmrPZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#17383a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17383a;--ink-soft:#486365;--cream:#f4ecd9;--paper:#fffaf0;--paper-deep:#eadcbd;--teal:#1f7770;--teal-dark:#123f42;--coral:#df684f;--gold:#dfb64c;--violet:#8969a4;--line:#17383a24;--shadow:0 24px 70px #20302a24;--papyrus:#e7d3a4;--papyrus-deep:#d8be8c;--sand-lit:#f1e2bb;--tile-paper:#f7edd3;--tile-paper-2:#fbf4e1;--tile-edge:#53401e38;--tile-ink:#3a3526;--tile-sub:#8a7c54;--glyph-ink:#6a5c34;--medallion-ink:#1c4a45;--gold-leaf:#c79a3a;--glyph-weight:1.7;--band-cairo:#c25a3c;--band-downtown:#cf9a3c;--band-giza:#2f9c86;--band-alex:#345f9e;--band-delta:#8a5ea6;--band-levant:#cd6485;--band-nile:#c8893f;--band-gulf:#2c8593;--band-hazak:#cfa53c;--band-court:#8a5ea6;--band-civic:#2f6f68;background:#f4ecd9;font-family:Cairo Variable,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 84% 9%,#e3b8532e,#0000 24rem),linear-gradient(135deg,#f7f0df 0%,#f1e5cd 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #df684f61}button{cursor:pointer}button:disabled{cursor:default}.brand{direction:rtl;align-items:center;gap:11px;display:inline-flex}.brand__mark{color:#fff8e9;background:var(--teal-dark);border-radius:15px 15px 18px 8px;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-3deg);box-shadow:inset 0 -4px #0000001f,0 8px 20px #123f4233}.brand__copy{flex-direction:column;line-height:1;display:flex}.brand__copy strong{letter-spacing:-.06em;font-size:21px}.brand__copy small{letter-spacing:.22em;color:var(--coral);margin-top:6px;font-size:8px;font-weight:800}.brand--compact .brand__mark{border-radius:12px 12px 14px 7px;width:38px;height:38px}.brand--compact .brand__copy strong{font-size:18px}.site-header{z-index:20;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 48px);min-height:86px;margin:0 auto;display:grid;position:relative}.site-nav{align-items:center;gap:28px;display:flex}.site-nav button{color:var(--ink-soft);background:0 0;border:0;font-size:13px;font-weight:700;position:relative}.site-nav button:after{content:"";background:var(--coral);border-radius:10px;width:0;height:3px;transition:width .2s,right .2s;position:absolute;bottom:-10px;right:50%}.site-nav button.is-active{color:var(--ink)}.site-nav button.is-active:after{width:50%;right:25%}.header-actions{direction:ltr;justify-content:flex-end;gap:8px;display:flex}.language-button,.avatar-button,.icon-button{border:1px solid var(--line);background:#fffaf094;border-radius:13px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.avatar-button{color:#fff;background:var(--coral);border:0}.hero-section{grid-template-columns:.92fr 1.08fr;align-items:center;gap:40px;width:min(1180px,100% - 48px);min-height:650px;margin:0 auto;padding:64px 0 72px;display:grid}.hero-copy{z-index:5;position:relative}.eyebrow{color:var(--coral);letter-spacing:.02em;align-items:center;gap:7px;font-size:12px;font-weight:900;display:inline-flex}.hero-copy h1{color:var(--ink);letter-spacing:-.065em;margin:18px 0 17px;font-size:clamp(48px,5.4vw,76px);line-height:1.04}.hero-copy h1 em{color:var(--coral);font-style:normal}.hero-copy>p{max-width:500px;color:var(--ink-soft);margin:0;font-size:16px;line-height:1.95}.name-field{max-width:470px;margin-top:29px}.name-field>label{margin-bottom:9px;font-size:12px;font-weight:800;display:block}.input-shell{background:#fffaf0c2;border:1px solid #17383a33;border-radius:16px;align-items:center;height:54px;padding:0 16px;transition:border .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px 2px #202b270a}.input-shell:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #1f77701a}.input-shell input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-weight:750}.input-shell input::placeholder{color:#8d9a93}.input-shell span{color:#899792;direction:ltr;font-size:10px}.primary-actions{gap:11px;max-width:470px;margin-top:15px;display:flex}.button{border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:51px;padding:0 22px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#fff;background:var(--coral);box-shadow:0 10px 24px #df684f3d,inset 0 -3px #74271b2b}.button--primary:hover{box-shadow:0 13px 28px #df684f4d,inset 0 -3px #74271b2b}.button--ghost{border:1px solid var(--line);background:#fffaf099}.button--quiet{color:var(--ink-soft);background:0 0}.primary-actions .button{flex:1}.join-code{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 14px;max-width:470px;margin-top:18px;display:grid}.join-code>label{color:var(--ink-soft);font-size:11px;font-weight:700}.join-code__field{background:#fffaf0b3;border:1px solid #17383a38;border-radius:14px;align-items:center;gap:6px;min-width:0;min-height:47px;padding:4px;transition:border .2s,box-shadow .2s;display:flex}.join-code__field:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #1f77701a}.join-code input{min-width:0;color:var(--ink);letter-spacing:.12em;background:0 0;border:0;outline:0;flex:1;padding:0 10px;font-size:16px;font-weight:800}.join-code button{background:var(--coral);color:#fff;white-space:nowrap;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:37px;padding:0 12px;font-size:11px;font-weight:850;display:inline-flex}.join-code button:disabled{cursor:wait;opacity:.72}.join-code__spinner{animation:.8s linear infinite join-code-spin}.join-code .connection-error{grid-column:2;margin-top:0}@keyframes join-code-spin{to{transform:rotate(360deg)}}.hero-visual{min-width:0;height:535px;position:relative}.hero-board{box-shadow:var(--shadow);background:linear-gradient(160deg,#efbf73 0%,#d5795d 34%,#326a69 70%,#194449 100%);border:1px solid #17383a1f;border-radius:48px 48px 90px 32px;position:absolute;inset:0;overflow:hidden}.hero-board:after{content:"";pointer-events:none;background:linear-gradient(110deg,#fff3,#0000 35%,#091f211f);position:absolute;inset:0}.hero-board__sun{background:#f7d98a;border-radius:50%;width:95px;height:95px;position:absolute;top:57px;left:78px;box-shadow:0 0 70px #fad48280}.hero-board__city{clip-path:polygon(0 42%,8% 42%,8% 25%,13% 25%,13% 52%,19% 52%,19% 31%,24% 31%,24% 56%,31% 56%,31% 18%,35% 18%,35% 50%,42% 50%,42% 36%,47% 36%,47% 53%,54% 53%,54% 23%,59% 23%,59% 50%,67% 50%,67% 32%,73% 32%,73% 54%,80% 54%,80% 26%,85% 26%,85% 43%,93% 43%,93% 36%,100% 36%,100% 100%,0 100%);background:#1a484c;height:40%;position:absolute;bottom:0;left:-3%;right:-3%}.hero-board__city--back{opacity:.45;bottom:12%;transform:scale(.95)}.hero-board__city--front{opacity:.92;background:#133a3e;height:24%}.hero-board__table{z-index:2;aspect-ratio:1.4;width:82%;transform-style:preserve-3d;position:absolute;top:29%;right:8%;transform:perspective(800px)rotateX(62deg)rotate(8deg)}.mini-board{transform-style:preserve-3d;background:#cbe0ce;border:9px solid #c5a875;border-radius:14px;position:absolute;inset:0;box-shadow:12px 18px 30px #0a232559,inset 0 0 0 2px #fff9}.mini-board__tile{background:#fff7e5;border:1px solid #1b3d3b38;width:15.5%;height:18%;position:absolute}.mini-board__tile:before{content:"";background:var(--gold);height:30%;position:absolute;inset:0 0 auto}.mini-board__tile:nth-child(4n+1):before{background:var(--coral)}.mini-board__tile:nth-child(4n+2):before{background:var(--teal)}.mini-board__tile:nth-child(4n+3):before{background:#7998c2}.mini-board__tile--0,.mini-board__tile--1,.mini-board__tile--2,.mini-board__tile--3,.mini-board__tile--4,.mini-board__tile--5{bottom:0;left:calc(var(--tile-index) * 16.9%)}.mini-board__tile--6,.mini-board__tile--7,.mini-board__tile--8,.mini-board__tile--9{right:0;bottom:calc((var(--tile-index) - 5) * 20%);width:18%;height:20%}.mini-board__tile--10,.mini-board__tile--11,.mini-board__tile--12,.mini-board__tile--13,.mini-board__tile--14,.mini-board__tile--15{top:0;right:calc((var(--tile-index) - 10) * 16.9%)}.mini-board__tile--16,.mini-board__tile--17,.mini-board__tile--18,.mini-board__tile--19{left:0;top:calc((var(--tile-index) - 15) * 20%);width:18%;height:20%}.mini-board__center{color:#17494b;text-align:center;place-content:center;display:grid;position:absolute;inset:24% 21%;transform:rotate(-4deg)}.mini-board__center span{font-size:15px;font-weight:700}.mini-board__center strong{color:var(--coral);font-size:24px}.mini-pawn{z-index:3;background:var(--coral);border-radius:50% 50% 35% 35%;width:18px;height:34px;position:absolute;transform:translateZ(28px)rotateX(-60deg);box-shadow:0 10px 8px #0003}.mini-pawn:before{content:"";background:inherit;border-radius:50%;width:12px;height:12px;position:absolute;top:-9px;left:3px}.mini-pawn--one{bottom:6%;right:19%}.mini-pawn--two{background:var(--teal);top:8%;left:28%}.mini-dice{z-index:4;width:37px;height:37px;color:var(--coral);background:#fff8e9;border-radius:9px;place-items:center;font-weight:900;display:grid;position:absolute;top:44%;right:45%;transform:translateZ(28px)rotateX(-60deg);box-shadow:0 10px 12px #0003}.hero-board__microbus{z-index:4;background:#efe9d7;border-radius:11px 18px 8px 8px;width:103px;height:47px;position:absolute;bottom:13%;right:3%;transform:rotate(-7deg);box-shadow:inset 0 -10px #d65848,0 12px 18px #00000038}.hero-board__microbus:before{content:"";background:repeating-linear-gradient(90deg,#28585d 0 16px,#0000 16px 21px);border-radius:4px;position:absolute;inset:8px 12px 19px}.hero-board__microbus:after{content:"";background:#172c2f;border-radius:50%;width:19px;height:19px;position:absolute;bottom:-6px;right:14px;box-shadow:-63px 0 #172c2f}.hero-board__koshary{z-index:4;width:90px;height:94px;position:absolute;bottom:18%;left:4%}.hero-board__koshary .awning{clip-path:polygon(0 0,100% 0,93% 100%,7% 100%);background:repeating-linear-gradient(90deg,#f2d45d 0 15px,#d95145 15px 30px);width:100%;height:25px;position:absolute;top:0}.hero-board__koshary .cart-body{background:#d85d48;position:absolute;inset:24px 9px 15px;box-shadow:inset 0 -11px #af4036}.cart-wheel{border:5px solid #173437;border-radius:50%;width:18px;height:18px;position:absolute;bottom:0}.cart-wheel--one{left:12px}.cart-wheel--two{right:12px}.floating-note{z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0e3;border:1px solid #ffffffb8;border-radius:15px;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;box-shadow:0 14px 32px #142d2b29}.floating-note--turn{top:11%;right:-18px}.floating-note--players{bottom:7%;right:10%}.floating-note small{color:var(--ink-soft);font-size:9px;display:block}.floating-note strong{font-size:12px}.status-dot{background:#4ba87a;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 4px #4ba87a26}.tiny-avatars{direction:ltr;display:flex}.tiny-avatars i{border:2px solid var(--paper);background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-7px;font-size:9px;font-style:normal;display:grid}.tiny-avatars i:nth-child(2){background:var(--gold)}.tiny-avatars i:nth-child(3){background:var(--violet)}.play-panel{color:#fff9eb;background:#143f42;padding:82px max(24px,50% - 590px)}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.section-heading h2{letter-spacing:-.05em;margin:8px 0 0;font-size:36px}.section-heading p{color:#b7ccca;max-width:370px;margin:0;font-size:13px;line-height:1.8}.mode-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mode-card{color:#fff9eb;text-align:right;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:145px;padding:24px;transition:transform .2s,background .2s,border .2s;display:grid;position:relative;overflow:hidden}.mode-card:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-4px)}.mode-card__icon{color:#f18a72;background:#e069522e;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.mode-card__icon--public{color:#69c7ba;background:#41a29630}.mode-card__icon--quick{color:#edca71;background:#e0b64c30}.mode-card__icon--bots{color:#b996d2;background:#8e69ac30}.mode-card strong,.mode-card small{display:block}.mode-card strong{margin-bottom:8px;font-size:17px}.mode-card small{color:#abc4c2;line-height:1.55}.mode-card__arrow{color:#809d9b}.mode-card__badge{color:#183e41;background:var(--gold);border-radius:0 0 11px;padding:5px 12px;font-size:9px;font-weight:900;position:absolute;top:0;left:0}.room-list{gap:10px;display:grid}.room-row{color:#fff8e9;text-align:right;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:17px;grid-template-columns:55px 1fr 100px 70px 90px;align-items:center;gap:16px;padding:16px 19px;display:grid}.room-row:hover{background:#ffffff17}.room-row__number{color:#6e9290;direction:ltr;font-weight:900}.room-row__name strong,.room-row__name small{display:block}.room-row__name small{color:#93afad;margin-top:3px}.room-row__meta{color:#bdd0ce;direction:ltr;align-items:center;gap:6px;display:flex}.pace-tag{color:#e7c76e;background:#e0b64c1f;border-radius:10px;justify-self:start;padding:5px 10px;font-size:10px}.room-row__join{color:#ef8067;justify-content:flex-end;align-items:center;gap:3px;font-weight:800;display:flex}.room-create{justify-self:start;margin-top:13px}.how-strip{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:18px;padding:36px 24px;display:flex}.how-strip>span{background:var(--paper-deep);width:34px;height:34px;color:var(--coral);border-radius:50%;place-items:center;font-weight:900;display:grid}.how-strip p{color:var(--ink-soft);margin:0;font-size:12px}.how-strip p strong{color:var(--ink)}.how-strip i{border-top:1px dashed #17383a40;width:50px}.site-footer{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:100px;margin:0 auto;display:flex}.site-footer p{color:var(--ink-soft);font-size:11px}.site-footer button{color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.lobby-shell{background:#f4ecd9;min-height:100vh}.lobby-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 48px);height:78px;margin:0 auto;display:flex}.text-button{color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:7px;font-weight:750;display:flex}.lobby-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:58px;width:min(1120px,100% - 48px);margin:0 auto;padding:52px 0 70px;display:grid}.lobby-main{min-width:0}.lobby-title-row{justify-content:space-between;align-items:start;display:flex}.lobby-title-row .eyebrow{color:#378d67}.lobby-title-row h1{letter-spacing:-.06em;margin:10px 0 6px;font-size:43px}.lobby-title-row p{color:var(--ink-soft);margin:0;font-size:13px}.invite-card{border:1px solid var(--line);background:#fffaf0b8;border-radius:20px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;margin-top:31px;padding:16px;display:grid;box-shadow:0 12px 35px #202f2a0f}.invite-card__icon{width:47px;height:47px;color:var(--teal);background:#dcebe2;border-radius:14px;place-items:center;display:grid}.invite-card small,.invite-card strong{display:block}.invite-card small{color:var(--ink-soft);font-size:9px}.invite-card strong{letter-spacing:.16em;margin-top:2px;font-size:20px}.invite-card>button{background:var(--teal-dark);color:#fff;border:0;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:11px;font-weight:800;display:flex}.invite-card>.share-icon{width:40px;color:var(--ink);background:#eee4ce;place-items:center;padding:0;display:grid}.players-heading{justify-content:space-between;align-items:center;margin:35px 0 15px;display:flex}.players-heading h2{margin:0;font-size:19px}.players-heading h2 span{color:var(--ink-soft);margin-right:6px;font-size:11px}.players-heading>span{color:var(--ink-soft);align-items:center;gap:5px;font-size:10px;display:flex}.lobby-player-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.lobby-player{border:1px solid var(--line);background:#fffaf09e;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0;padding:14px;display:grid;position:relative}.player-avatar{color:#fff;background:#e46e56;border-radius:15px;place-items:center;width:46px;height:46px;font-size:17px;font-weight:900;display:grid;position:relative;box-shadow:inset 0 -4px #0000001a}.lobby-player--teal .player-avatar{background:var(--teal)}.lobby-player--gold .player-avatar{background:var(--gold)}.lobby-player--violet .player-avatar{background:var(--violet)}.player-avatar>span{border:2px solid var(--paper);background:var(--gold);color:#684c14;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-8px;right:-7px}.player-name{min-width:0}.player-name strong,.player-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.player-name strong{font-size:14px}.player-name small{color:var(--ink-soft);margin-top:3px;font-size:9px}.ready-chip{color:#807b6e;white-space:nowrap;background:#e7dfce;border-radius:9px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:800;display:flex}.ready-chip.is-ready{color:#277151;background:#dcece0}.empty-player{min-height:75px;color:var(--ink-soft);background:0 0;border:1px dashed #17383a40;border-radius:18px;justify-content:center;align-items:center;gap:10px;display:flex}.empty-player>span{background:#17383a12;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.empty-player strong,.empty-player small{display:block}.empty-player small{font-size:9px}.lobby-controls{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:24px;padding-top:24px;display:flex}.ready-toggle{border:1px solid var(--line);background:#fffaf099;border-radius:15px;align-items:center;gap:10px;min-height:51px;padding:0 18px;font-weight:800;display:flex}.ready-toggle>span{border:1px solid #17383a33;border-radius:8px;place-items:center;width:23px;height:23px;display:grid}.ready-toggle.is-ready>span{border-color:var(--teal);background:var(--teal);color:#fff}.start-button{flex:1}.lobby-sidebar{flex-direction:column;gap:12px;display:flex}.lobby-scene{height:365px;box-shadow:var(--shadow);background:linear-gradient(160deg,#e68f68,#245e61 58%,#133d42);border-radius:34px 34px 66px 22px;position:relative;overflow:hidden}.lobby-scene__moon{background:#f4d888;border-radius:50%;width:53px;height:53px;position:absolute;top:45px;left:50px;box-shadow:0 0 45px #f4d88870}.lobby-scene__buildings{clip-path:polygon(0 35%,10% 35%,10% 18%,18% 18%,18% 50%,28% 50%,28% 27%,40% 27%,40% 50%,54% 50%,54% 8%,62% 8%,62% 42%,71% 42%,71% 26%,79% 26%,79% 48%,90% 48%,90% 34%,100% 34%,100% 100%,0 100%);background:#143c40;height:44%;position:absolute;inset:auto 0 0}.lobby-scene__table{z-index:2;background:#956241;border-radius:50%;width:70%;height:38%;position:absolute;bottom:12%;right:14%;transform:perspective(500px)rotateX(58deg);box-shadow:0 20px 20px #0000004d}.table-board{background:#bfdbca;border:6px solid #d5b477;position:absolute;inset:14% 19%;box-shadow:inset 0 0 0 4px #fff3d7}.chair{background:#d6a959;border-radius:8px 8px 3px 3px;width:28px;height:45px;position:absolute}.chair--one{top:-35px;right:45%}.chair--two{top:32%;right:-25px;transform:rotate(90deg)}.chair--three{bottom:-39px;left:45%}.chair--four{top:32%;left:-25px;transform:rotate(90deg)}.lobby-scene__lights{z-index:4;border-top:1px solid #ffffff59;justify-content:space-between;display:flex;position:absolute;top:25px;left:12%;right:12%}.lobby-scene__lights i{background:#f5d676;border-radius:50%;width:9px;height:9px;margin-top:-5px;box-shadow:0 0 12px #f5d676}.lobby-tip,.chat-preview{border:1px solid var(--line);background:#fffaf09e;border-radius:17px;align-items:center;gap:11px;padding:14px;display:flex}.lobby-tip>span{width:38px;height:38px;color:var(--teal);background:#dcebe2;border-radius:12px;flex:none;place-items:center;display:grid}.lobby-tip strong,.lobby-tip p{margin:0;font-size:10px}.lobby-tip p{color:var(--ink-soft);margin-top:2px;line-height:1.5}.chat-preview{text-align:right;border:0;width:100%}.chat-preview>span{flex:1}.chat-preview strong,.chat-preview small{display:block}.chat-preview strong{font-size:11px}.chat-preview small{color:var(--ink-soft);font-size:9px}.chat-preview i{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;font-size:9px;font-style:normal;display:grid}.game-loading{color:#fff9eb;background:#173b40;place-content:center;justify-items:center;gap:14px;display:grid;position:fixed;inset:0}.game-loading span{border:4px solid #ffffff24;border-top-color:var(--coral);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite loading-spin}.game-loading strong{font-size:13px}@keyframes loading-spin{to{transform:rotate(1turn)}}.game-shell{color:var(--ink);background:radial-gradient(120% 80% at 78% 2%,#ffe39f80,#0000 46%),radial-gradient(150% 120% at 16% 114%,#c45a3c24,#0000 52%),linear-gradient(165deg,#f5e8c8 0%,#ecd9ac 52%,#ddc492 100%);position:fixed;inset:0;overflow:hidden}.game-vignette{pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 60%,#78541c0d 84%,#5a3c1221 120%);position:absolute;inset:0}.glyph{fill:none;stroke:currentColor;width:100%;height:100%;stroke-width:var(--glyph-weight);stroke-linecap:round;stroke-linejoin:round}.board-stage{padding:calc(52px + env(safe-area-inset-top)) 8px calc(94px + env(safe-area-inset-bottom));touch-action:none;place-items:center;display:grid;position:absolute;inset:0}.board-viewport{place-items:center;width:100%;height:100%;display:grid;container-type:size}.board-zoom{cursor:grab;will-change:transform;place-items:center;width:100%;height:100%;display:grid}.board-zoom:active{cursor:grabbing}.board2d{aspect-ratio:7/9;direction:ltr;background:radial-gradient(130% 100% at 50% 0,#ffecb68c,#0000 56%),linear-gradient(165deg,#e9d4a3,#d7bd86 60%,#cdb079);border-radius:26px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(7,1fr);gap:0;width:auto;max-width:100cqw;height:min(100cqh,128.571cqw);padding:8px;display:grid;position:relative;box-shadow:inset 0 1px #fffaebb3,inset 0 0 0 2px #785c282e,0 24px 50px #3c2a0c42;container-type:size}.board2d:before{content:"";pointer-events:none;mix-blend-mode:multiply;opacity:.7;background-image:radial-gradient(#785c280f 1px,#0000 1px),radial-gradient(#ffffff0d 1px,#0000 1px);background-position:0 0,3px 4px;background-size:7px 7px,11px 11px;border-radius:18px;position:absolute;inset:8px}.tile2d{background:linear-gradient(168deg, var(--tile-paper-2), var(--tile-paper));min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--tile-edge), 0 2px 4px #4632101a;direction:rtl;border-radius:8px;flex-direction:column;margin:2px;display:flex;position:relative;overflow:hidden}.tile2d--prop{cursor:pointer}.tile2d--prop:hover{box-shadow:inset 0 0 0 1px var(--tile-edge), 0 4px 10px #46321033}.tile2d__band{background:var(--band,var(--band-civic));color:#fff8ec;place-items:center;height:32%;min-height:14px;display:grid}.tile2d__band .glyph{width:60%;max-width:22px;height:60%;max-height:22px}.tile2d__body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-height:0;padding:1px 2px;display:flex}.tile2d__name{color:var(--tile-ink);text-overflow:ellipsis;max-width:100%;font-size:clamp(8px,2.7cqw,13px);font-weight:800;line-height:1.04;overflow:hidden}.tile2d__price{color:var(--tile-sub);font-size:clamp(7px,2.3cqw,11px);font-weight:700}.tile2d--special{background:linear-gradient(168deg,#fbf3df,#f3e6c6);justify-content:center;align-items:center;gap:2px;padding:2px}.tile2d--special .tile2d__glyph{aspect-ratio:1;width:46%;max-width:30px;color:var(--band,var(--band-civic))}.tile2d--corner{box-shadow:inset 0 0 0 1px var(--tile-edge), inset 0 0 0 3px #c79a3a1f, 0 2px 6px #46321024;background:radial-gradient(120% 120% at 50% 16%,#fbf4e0,#efddb6)}.tile2d--corner .tile2d__glyph{width:50%;max-width:38px}.tile2d--special .tile2d__name{color:var(--tile-ink);font-size:clamp(8px,2.6cqw,12px);font-weight:800}.tile2d__owner{aspect-ratio:1;border:1.5px solid #fff7e8;border-radius:50%;width:clamp(7px,2.4cqw,11px);position:absolute;inset-block-start:3px;inset-inline-end:3px;box-shadow:0 1px 3px #00000059}.tile2d__dev{aspect-ratio:1;width:clamp(11px,3.4cqw,16px);color:var(--gold-leaf);background:#fff8e6d9;border-radius:5px;place-items:center;display:grid;position:absolute;inset-block-end:2px;inset-inline-start:3px;box-shadow:0 1px 3px #4632104d}.tile2d__dev .glyph{width:84%;height:84%}.tile2d.is-active{z-index:3}.tile2d.is-active:after{content:"";pointer-events:none;box-shadow:0 0 0 2px var(--gold), 0 0 0 5px #dfb64c4d;border-radius:9px;animation:1.5s ease-in-out infinite tile-pulse;position:absolute;inset:-1px}@keyframes tile-pulse{0%,to{box-shadow:0 0 0 2px var(--gold), 0 0 0 4px #dfb64c42}50%{box-shadow:0 0 0 2px var(--gold), 0 0 0 8px #dfb64c00}}.board2d__center{direction:rtl;border-radius:16px;grid-area:2/2/9/7;place-items:center;margin:4px;display:grid;position:relative;overflow:hidden}.board2d__silhouette{opacity:.15;width:88%;color:var(--medallion-ink);position:absolute;inset-block-end:7%;inset-inline:6%}.board2d__medallion{width:min(72%,240px);color:var(--medallion-ink);opacity:.9;filter:drop-shadow(0 6px 14px #28463c33);animation:8s ease-in-out infinite medallion-breathe;position:absolute}@keyframes medallion-breathe{0%,to{opacity:.84;transform:scale(1)}50%{opacity:.96;transform:scale(1.02)rotate(.4deg)}}.center-stage{z-index:2;text-align:center;background:radial-gradient(72% 62% at 50% 46%,#f8f0dbd9,#f8f0db00 78%);border-radius:20px;flex-direction:column;align-items:center;gap:5px;width:92%;padding:8px 12px;display:flex;position:relative}.center-stage__kicker{color:var(--band-cairo);font-size:clamp(9px,2.7cqw,13px);font-weight:900}.center-stage__kicker--teal{color:var(--band-gulf)}.center-stage__kicker--gold{color:#a9802a}.center-stage__kicker--violet{color:var(--band-delta)}.center-stage__dice{direction:ltr;gap:8px;margin:2px 0;display:flex}.center-stage__title{letter-spacing:-.02em;color:var(--medallion-ink);font-size:clamp(16px,5cqw,26px);font-weight:900;line-height:1.05}.center-stage__detail{color:#6c5f3b;max-width:26ch;font-size:clamp(9px,2.8cqw,13px);line-height:1.5}.center-card{z-index:2;text-align:center;width:min(78%,230px);transform-style:preserve-3d;background:linear-gradient(165deg,#fffaf0,#f3e6c6);border:1px solid #785c2840;border-radius:16px;padding:clamp(12px,4cqw,20px);position:relative;box-shadow:0 16px 36px #3c2a0c4d}.center-card--hazak{border-top:4px solid var(--band-hazak)}.center-card--mohakama{border-top:4px solid var(--band-court)}.center-card__face{flex-direction:column;align-items:center;gap:5px;display:flex}.center-card__deck{color:var(--band-cairo);align-items:center;gap:6px;font-size:clamp(9px,2.7cqw,12px);font-weight:900;display:inline-flex}.center-card--mohakama .center-card__deck{color:var(--band-court)}.center-card__deck .glyph{width:clamp(15px,4.4cqw,20px);height:clamp(15px,4.4cqw,20px)}.center-card strong{color:var(--medallion-ink);font-size:clamp(15px,4.6cqw,22px)}.center-card p{color:#4f4732;margin:2px 0;font-size:clamp(10px,3cqw,14px);line-height:1.5}.center-card small{color:var(--tile-sub);font-size:clamp(8px,2.5cqw,11px)}.money-float{z-index:6;font-variant-numeric:tabular-nums;pointer-events:none;direction:ltr;background:#fffaf0eb;border-radius:999px;align-items:center;gap:5px;padding:3px 12px;font-size:clamp(15px,4.6cqw,22px);font-weight:900;display:inline-flex;position:absolute;top:40%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #281c0847}.money-float__coin{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffe9a8, var(--gold) 72%);border-radius:50%;width:clamp(12px,3.4cqw,16px);box-shadow:inset 0 0 0 1.5px #78500c73}.money-float--up{color:#1f7a4d}.money-float--down{color:#b23b2b}.money-float--neutral{color:#9a7320}.board2d__tokens{pointer-events:none;z-index:4;position:absolute;inset:8px}.token2d{aspect-ratio:1;color:#fff;background:var(--coral);border:2px solid #fffaebf2;border-radius:9px 9px 11px;place-items:center;width:clamp(19px,5.7cqw,27px);display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff8e980,0 4px 10px #281c0875,inset 0 -3px #0003}.token2d__avatar{text-shadow:0 1px 1px #00000047;font-size:clamp(12px,4cqw,16px);font-weight:900;line-height:1}.token2d--teal{background:var(--teal)}.token2d--gold{background:var(--gold);color:#3a2c08}.token2d--violet{background:var(--violet)}.token2d.is-current{outline-offset:2px;z-index:5;outline:2px solid #ffe6a6;animation:1.8s ease-in-out infinite token-current}@keyframes token-current{0%,to{box-shadow:0 0 0 3px #fff8e980,0 4px 9px #281c086b,inset 0 -3px #0000002e,0 0 #ffe6a68c}50%{box-shadow:0 0 0 3px #fff8e980,0 4px 9px #281c086b,inset 0 -3px #0000002e,0 0 0 7px #ffe6a600}}.token2d.is-local{z-index:4;box-shadow:0 0 0 3px #fffcf4b8,0 5px 12px #281c0880}.token2d.is-eliminated{opacity:.42;filter:grayscale(.7)}.game-topbar{z-index:10;min-height:56px;padding:max(8px, env(safe-area-inset-top)) 16px 8px;pointer-events:none;background:linear-gradient(#081f22b8,#081f2200);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.game-topbar>*{pointer-events:auto}.game-topbar .brand__mark{color:var(--teal-dark);background:#f5e7c9}.game-topbar .brand__copy strong{color:#fff8e9}.turn-banner{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0c3034d1;border:1px solid #ffffff2b;border-radius:17px;align-items:center;gap:10px;min-width:auto;padding:6px 10px;display:flex;box-shadow:0 12px 30px #00000024}.turn-banner__avatar{background:var(--coral);border-radius:12px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.turn-timer{color:#f0ca71;background:#e0b64c1a;border:2px solid #e0b64c99;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.turn-banner--teal .turn-banner__avatar{background:var(--teal)}.turn-banner--gold .turn-banner__avatar{color:#574313;background:var(--gold)}.turn-banner--violet .turn-banner__avatar{background:var(--violet)}.game-topbar__actions{direction:ltr;justify-content:flex-end;gap:7px;display:flex}.game-topbar__actions button{color:#ecf2e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09282ba6;border:1px solid #ffffff21;border-radius:13px;place-items:center;width:39px;height:39px;display:grid}.game-topbar__actions svg{width:18px}.pawn-badge{color:#fff9eb;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#082427e0;border:1.5px solid #ffffff38;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:52px;padding:3px 6px 4px;display:flex;box-shadow:0 6px 18px #00000038}.pawn-badge__avatar{background:var(--coral);border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:grid}.pawn-badge__balance{direction:ltr;font-size:8px;font-weight:800}.pawn-badge--teal .pawn-badge__avatar{background:var(--teal)}.pawn-badge--gold .pawn-badge__avatar{color:#574313;background:var(--gold)}.pawn-badge--violet .pawn-badge__avatar{background:var(--violet)}.pawn-badge.is-current{border-color:#f0ca71bf;box-shadow:0 0 0 2px #f0ca712e,0 6px 18px #00000038}.pawn-badge.is-local{border-width:2px;min-width:58px;padding:4px 7px 5px}.pawn-badge.is-local .pawn-badge__avatar{width:28px;height:28px}.pawn-badge.is-eliminated{opacity:.45;filter:grayscale(.7)}.tile-icon{pointer-events:none;background:#fffdf4f0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 2px 7px #00000038}.board-state-banner{z-index:6;border:1px solid #ffffff38;border-right:4px solid var(--coral);color:#fff9eb;text-align:right;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#082427eb;border-radius:20px;align-items:center;gap:12px;width:max-content;min-width:220px;max-width:min(360px,84vw);padding:14px 18px;display:flex;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 46px #0006}.board-state-banner--teal{border-right-color:var(--teal)}.board-state-banner--gold{border-right-color:var(--gold)}.board-state-banner--violet{border-right-color:var(--violet)}.board-state-banner__dice{direction:ltr;flex:none;gap:7px;display:flex}.board-state-banner__copy{min-width:0}.board-state-banner__copy small,.board-state-banner__copy strong,.board-state-banner__copy>span{display:block}.board-state-banner__copy small{color:#f0ca71;font-size:11px}.board-state-banner__copy strong{text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:19px;overflow:hidden}.board-state-banner__copy>span{color:#d3dfdd;white-space:normal;max-width:248px;font-size:12px;line-height:1.55}.game-bottom-dock{z-index:9;right:50%;bottom:calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#082427e0;border:1px solid #ffffff26;border-radius:24px;align-items:flex-end;gap:10px;padding:8px 10px;display:flex;position:absolute;transform:translate(50%);box-shadow:0 18px 44px #00000047}.game-bottom-dock__side{color:#bcd0cc;touch-action:manipulation;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;height:58px;font-size:8px;font-weight:800;display:flex}.game-bottom-dock__side:hover:not(:disabled){color:#fff;background:#ffffff12}.game-bottom-dock__side:disabled{opacity:.4}.game-bottom-dock__roll{color:#fff;text-align:center;background:var(--coral);touch-action:manipulation;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:148px;height:68px;padding:8px 16px;display:flex;box-shadow:inset 0 -4px #68231933,0 13px 30px #df684f38}.game-bottom-dock__roll:not(:disabled):hover{transform:translateY(-2px)}.game-bottom-dock__roll:disabled{opacity:.86}.game-bottom-dock__roll.is-pulse{animation:1.4s ease-in-out infinite dock-roll-pulse}@keyframes dock-roll-pulse{0%,to{box-shadow:inset 0 -4px #68231933,0 13px 30px #df684f38}50%{transform:translateY(-1px)scale(1.02);box-shadow:inset 0 -4px #68231933,0 0 0 4px #f0ca7159,0 16px 36px #df684f61}}.game-bottom-dock__dice{direction:ltr;gap:5px;display:flex}.game-bottom-dock__card-icon{color:#684d13;background:var(--gold);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 -3px #684d1326}.game-bottom-dock__roll strong{font-size:11px;font-weight:900;line-height:1.2}.more-drawer__zoom{margin-top:22px}.more-drawer__zoom>small{color:var(--ink-soft);margin-bottom:8px;font-size:9px;font-weight:850;display:block}.board-zoom-controls--inline{border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;direction:ltr;background:#fff6;border-radius:14px;grid-template-columns:44px 1fr 44px;gap:5px;padding:5px;display:grid;position:static}.board-zoom-controls--inline button{min-width:44px;height:44px;color:var(--ink);touch-action:manipulation;background:#ffffff8c;border:0;border-radius:12px;place-items:center;display:grid}.board-zoom-controls--inline button:disabled{opacity:.35}.board-zoom-controls--inline .board-zoom-controls__reset strong,.board-zoom-controls--inline .board-zoom-controls__reset small{display:block}.board-zoom-controls--inline .board-zoom-controls__reset strong{color:var(--ink);font-size:12px}.board-zoom-controls--inline .board-zoom-controls__reset small{color:var(--ink-soft);font-size:8px}.dice-face{width:35px;height:35px;color:var(--teal-dark);background:#fff8e9;border-radius:9px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;padding:6px;display:grid;box-shadow:inset 0 -3px #17383a1f}.dice-face i{opacity:0;background:currentColor;border-radius:50%;width:100%;height:100%;transform:scale(.45)}.dice-face i.is-visible{opacity:1;transform:scale(.72)}.dice-face.is-rolling{animation:.42s ease-in-out infinite alternate dice-tumble}.dice-face.is-rolling:nth-child(2){animation-delay:-.2s}@keyframes dice-tumble{to{transform:translateY(-7px)rotate(15deg)scale(1.04)}}.activity-dot{background:var(--coral);border-radius:50%;flex:none;width:6px;height:6px;margin-top:3px}.activity-dot--teal{background:var(--teal)}.activity-dot--gold{background:var(--gold)}.activity-dot--violet{background:var(--violet)}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0416187a;border:0;position:fixed;inset:0}.game-drawer{z-index:21;width:min(370px,100% - 26px);color:var(--ink);background:#f7efdc;border:1px solid #ffffff21;border-radius:29px;padding:28px;position:fixed;top:13px;bottom:13px;right:13px;overflow-y:auto;box-shadow:-20px 0 70px #00000047}.drawer-close{border:1px solid var(--line);background:#ffffff73;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:19px;left:19px}.drawer-kicker{color:var(--coral);align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.game-drawer h2{letter-spacing:-.05em;margin:13px 0 5px;font-size:28px}.game-drawer>p{color:var(--ink-soft);margin:0 0 22px;font-size:12px;line-height:1.7}.property-drawer__color{height:10px;position:absolute;top:0;left:0;right:0}.property-illustration{height:145px;color:var(--coral);background:linear-gradient(145deg,#e9d7b6,#c9ded1);border-radius:21px;place-items:center;margin:25px 0 22px;display:grid;position:relative;overflow:hidden}.property-illustration:before,.property-illustration:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#17383a1a;width:90px;height:70px;position:absolute;bottom:-13px}.property-illustration:before{right:-10px}.property-illustration:after{left:-10px}.property-illustration>span{position:absolute;top:20px;right:24px}.property-drawer>small{color:var(--coral);font-size:10px;font-weight:800}.property-drawer h2{margin:5px 0 0}.property-drawer>p{color:var(--ink-soft);font-size:10px}.property-stats{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;display:grid}.property-stats span{border:1px solid var(--line);background:#fff6;border-radius:14px;padding:13px}.property-stats small,.property-stats strong{display:block}.property-stats small{color:var(--ink-soft);font-size:9px}.property-stats strong{margin-top:3px}.property-drawer .button{width:100%;margin-top:8px}.property-status{background:#eadfc8;border-radius:12px;padding:11px 13px;line-height:1.65;color:#7b6642!important;margin:12px 0!important}.development-table{gap:7px;margin:16px 0;display:grid}.development-table>div{border:1px solid var(--line);background:#ffffff5c;border-radius:12px;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;display:grid}.development-table>div.is-current{border-color:var(--teal);background:#1f777014}.development-table strong{font-size:10px}.development-table span{color:var(--ink-soft);grid-column:1;font-size:8px}.development-table b{color:var(--coral);grid-area:1/2/3;align-self:center;font-size:10px}.dev-cheat-button{color:#6c4f82;background:#8969a414;border:1px dashed #8969a473;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:43px;margin:4px 0 14px;font-size:10px;font-weight:900;display:flex}.owner-chip{border:1px solid var(--line);background:#ffffff59;border-radius:13px;align-items:center;gap:9px;margin-top:13px;padding:9px;display:flex}.owner-chip>span{color:#fff;background:var(--coral);border-radius:11px;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.owner-chip--teal>span{background:var(--teal)}.owner-chip--gold>span{color:#574313;background:var(--gold)}.owner-chip--violet>span{background:var(--violet)}.owner-chip small,.owner-chip strong{display:block}.owner-chip small{color:var(--ink-soft);font-size:8px}.owner-chip strong{font-size:11px}.drawer-done{border:1px solid var(--line)}.portfolio-list{gap:8px;margin-top:18px;display:grid}.portfolio-empty{border:1px dashed var(--line);color:var(--ink-soft);text-align:center;border-radius:14px;padding:22px 12px;font-size:11px}.portfolio-property{border:1px solid var(--line);cursor:pointer;background:#ffffff61;border-radius:14px;grid-template-columns:8px 1fr auto;align-items:center;gap:8px 10px;padding:11px;display:grid}.portfolio-property>i{border-radius:5px;grid-row:1/3;width:8px;height:100%;min-height:48px}.portfolio-property__name strong,.portfolio-property__name small{display:block}.portfolio-property__name strong{font-size:11px}.portfolio-property__name small{color:var(--ink-soft);margin-top:2px;font-size:8px}.portfolio-property>b{font-size:10px}.portfolio-property__set{color:#9a7452;font-size:8px;font-weight:800}.portfolio-property__set.is-complete{color:#2d806b}.portfolio-property__build{color:#fff;background:var(--teal);border:0;border-radius:9px;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-weight:900;display:flex}.portfolio-property__build:disabled{color:#8b8579;background:#ded6c4}.history-list{gap:8px;margin-top:18px;display:grid}.history-list article{border:1px solid var(--line);background:#ffffff61;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:11px;display:grid}.history-list p{color:var(--ink);margin:0;font-size:10px;line-height:1.6}.history-list time{color:var(--ink-soft);white-space:nowrap;font-size:8px}.history-list .activity-dot{margin-top:5px}.trade-label{color:var(--ink-soft);margin:18px 0 8px;font-size:9px;font-weight:850;display:block}.trade-players{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.trade-players button{border:1px solid var(--line);background:#ffffff59;border-radius:13px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:9px 5px;display:flex}.trade-players button.is-selected{border-color:var(--teal);box-shadow:0 0 0 3px #1f777017}.trade-players strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.trade-avatar{background:var(--coral);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.trade-avatar--teal{background:var(--teal)}.trade-avatar--gold{background:var(--gold);color:#584316}.trade-avatar--violet{background:var(--violet)}.trade-properties{gap:7px;display:grid}.trade-properties button{border:1px solid var(--line);text-align:right;background:#ffffff59;border-radius:13px;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.trade-properties button.is-selected{border-color:var(--coral);background:#df684f12}.trade-properties i{border-radius:5px;width:7px;height:36px}.trade-properties strong,.trade-properties small{display:block}.trade-properties strong{font-size:10px}.trade-properties small{color:var(--ink-soft);font-size:8px}.trade-properties svg{opacity:0;color:var(--coral)}.trade-properties button.is-selected svg{opacity:1}.offer-stepper{grid-template-columns:42px 1fr 42px;align-items:center;gap:9px;display:grid}.offer-stepper button{border:1px solid var(--line);background:#ffffff80;border-radius:13px;place-items:center;height:42px;display:grid}.offer-stepper>span{text-align:center;background:#e9ddc4;border-radius:13px;padding:8px}.offer-stepper strong,.offer-stepper small{display:block}.offer-stepper strong{font-size:17px}.offer-stepper small{color:var(--ink-soft);font-size:8px}.trade-balance{color:var(--ink-soft);justify-content:space-between;margin:12px 0;font-size:9px;display:flex}.trade-balance strong{color:var(--ink)}.trade-drawer>.button{width:100%}.trade-drawer>.button:disabled{opacity:.45}.trade-offer-summary{background:#e9ddc4;border-radius:15px;grid-template-columns:8px 1fr auto;align-items:center;gap:12px;margin:18px 0;padding:14px;display:grid}.trade-offer-summary>i{border-radius:6px;width:8px;height:46px}.trade-offer-summary small,.trade-offer-summary strong{display:block}.trade-offer-summary small{color:var(--ink-soft);font-size:8px}.trade-offer-summary b{font-size:18px}.trade-response-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-response-actions .button{width:100%}.empty-trade{background:#df684f14;border-radius:13px;padding:13px}.settings-list{gap:7px;margin-top:23px;display:grid}.settings-list button{border:1px solid var(--line);text-align:right;background:#fff6;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:61px;padding:0 13px;display:grid}.settings-list button>svg{width:19px;color:var(--teal)}.settings-list strong,.settings-list small{display:block}.settings-list strong{font-size:12px}.settings-list small{color:var(--ink-soft);font-size:9px}.settings-list i{background:#c9c1b0;border-radius:20px;width:34px;height:20px;position:relative}.settings-list i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:right .2s;position:absolute;top:3px;right:3px}.settings-list i.is-on{background:var(--teal)}.settings-list i.is-on:after{right:17px}.danger-button{color:#b74536;background:#df684f14;border:1px solid #b744342e;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:46px;margin-top:28px;font-weight:800;display:flex}.spectator-code{text-align:center;background:#e9ddc4;border-radius:17px;margin:20px 0 13px;padding:18px}.spectator-code small,.spectator-code strong{display:block}.spectator-code small{color:var(--ink-soft);font-size:9px}.spectator-code strong{letter-spacing:.15em;margin-top:3px;font-size:25px}.game-drawer>.button{width:100%}@media (width<=960px){.site-nav{display:none}.site-header{grid-template-columns:1fr auto}.hero-section{grid-template-columns:1fr 1fr;gap:20px}.hero-visual{height:470px}.hero-copy h1{font-size:54px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:108px}.lobby-layout{gap:28px}}@media (width<=720px){.site-header{width:calc(100% - 28px);min-height:70px}.brand__mark{width:39px;height:39px}.brand__copy strong{font-size:18px}.hero-section{flex-direction:column;gap:0;width:100%;min-height:auto;padding:29px 14px 48px;display:flex}.hero-copy{width:100%;padding:0 4px}.hero-copy h1{font-size:clamp(43px,13vw,58px)}.hero-copy>p{font-size:14px;line-height:1.8}.hero-visual{order:-1;width:100%;height:340px;margin-bottom:35px}.hero-board{border-radius:30px 30px 53px 20px}.hero-board__table{width:91%;top:27%;right:5%}.hero-board__sun{width:63px;height:63px;top:34px;left:38px}.hero-board__koshary{transform-origin:0 100%;transform:scale(.7)}.hero-board__microbus{transform-origin:100% 100%;transform:rotate(-7deg)scale(.72)}.floating-note--turn{top:8%;right:-2px}.floating-note--players{bottom:4%;right:5%}.name-field,.primary-actions,.join-code{max-width:none}.primary-actions{flex-direction:column}.join-code{grid-template-columns:1fr;align-items:start;gap:7px}.join-code__field{width:100%}.join-code .connection-error{grid-column:1}.play-panel{padding:55px 14px}.section-heading{flex-direction:column;align-items:start;gap:10px}.section-heading h2{font-size:29px}.mode-card{padding:18px}.room-row{grid-template-columns:35px 1fr auto;gap:9px}.room-row__meta,.pace-tag{display:none}.room-row__join{font-size:0}.how-strip{flex-direction:column;align-items:flex-start;gap:8px}.how-strip i{border-top:0;border-right:1px dashed #17383a40;width:1px;height:20px;margin-right:16px}.site-footer{flex-wrap:wrap;gap:10px;width:calc(100% - 28px);padding:20px 0}.site-footer p{order:3;width:100%}.lobby-header{width:calc(100% - 28px)}.lobby-layout{flex-direction:column;width:calc(100% - 28px);padding:33px 0 50px;display:flex}.lobby-title-row h1{font-size:35px}.invite-card{grid-template-columns:auto 1fr auto}.invite-card>button:not(.share-icon){justify-content:center;width:40px;padding:0;font-size:0}.invite-card>.share-icon{display:none}.lobby-player-grid{grid-template-columns:1fr}.lobby-controls{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7efdce6;border-radius:19px;padding:9px;position:sticky;bottom:10px}.ready-toggle{padding:0 12px;font-size:11px}.lobby-sidebar{order:-1}.lobby-scene{height:270px}.lobby-tip,.chat-preview{display:none}.game-topbar{min-height:52px;padding:max(6px, env(safe-area-inset-top)) 10px 6px;grid-template-columns:1fr auto}.game-topbar .brand__copy{display:none}.turn-banner{position:static;transform:none}.game-bottom-dock{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));gap:8px;padding:7px 8px;transform:none}.game-bottom-dock__side{width:56px;height:54px}.game-bottom-dock__roll{flex:1;min-width:0;max-width:none;height:64px}.game-bottom-dock__roll strong{font-size:12px}.pawn-badge{min-width:48px}.pawn-badge.is-local{min-width:54px}.board-state-banner{min-width:200px;max-width:86vw;padding:12px 14px;top:40%}.board-state-banner__copy strong{font-size:17px}.board-state-banner__copy>span{font-size:11px}.game-drawer{top:auto;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));border-radius:25px;width:auto;max-height:82vh;padding:24px;left:8px}.property-illustration{height:112px;margin-top:20px}.property-drawer .property-stats{margin:14px 0}.trade-drawer{max-height:88vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.connection-error{color:#b13d32;margin-top:.55rem;font-weight:700;display:block}.empty-rooms{text-align:center;color:var(--ink-soft);margin:0;padding:1.25rem}.reconnect-banner{z-index:30;color:#fff;background:#173f42;border-radius:999px;padding:.65rem 1rem;font-weight:700;position:fixed;top:5.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000038}.result-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04191bc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card{text-align:center;color:#fff;background:#123b3e;border:1px solid #ffffff26;border-radius:28px;width:min(390px,100%);padding:34px;box-shadow:0 30px 80px #00000059}.result-card__trophy{color:#fff;background:var(--coral);border-radius:24px;place-items:center;width:82px;height:82px;margin:0 auto 18px;display:grid}.result-card__trophy--teal{background:var(--teal)}.result-card__trophy--gold{color:#503b0d;background:var(--gold)}.result-card__trophy--violet{background:var(--violet)}.result-card small{color:#f0ca71;font-weight:900}.result-card h2{margin:7px 0;font-size:30px}.result-card p{color:#bdd0cc;margin:0 0 22px}.result-card .button{width:100%}.invite-join-shell{background:radial-gradient(circle at 100% 0,#df684f29,#0000 34%),linear-gradient(#f7efdc 0%,#e8ddc4 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.invite-join-card{border:1px solid var(--line);text-align:center;background:#fffaf0eb;border-radius:28px;width:min(420px,100%);padding:34px 28px;box-shadow:0 24px 60px #202f2a1f}.invite-join-card h1{margin:16px 0 8px;font-size:28px}.invite-join-card p{color:var(--ink-soft);margin:0;line-height:1.7}.invite-join-card__spinner{color:var(--teal);animation:1s linear infinite spin}.invite-join-card__icon{width:62px;height:62px;color:var(--coral);background:#df684f1f;border-radius:18px;place-items:center;margin:0 auto;display:grid}.invite-join-card__actions{gap:10px;margin-top:22px;display:grid}.invite-name-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04191bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.invite-name-card{color:#fff;background:#123b3e;border:1px solid #ffffff24;border-radius:24px;gap:10px;width:min(390px,100%);padding:28px;display:grid;box-shadow:0 28px 70px #00000057}.invite-name-card__icon{color:#fff;background:var(--teal);border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.invite-name-card small:first-of-type{color:#f0ca71;font-size:10px;font-weight:900}.invite-name-card h2{margin:0;font-size:26px}.invite-name-card p{color:#bdd0cc;margin:0;font-size:12px;line-height:1.7}.invite-name-card label{color:#d7e4e1;margin-top:8px;font-size:11px;font-weight:800}.invite-name-card input{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;width:100%;padding:14px 16px;font-size:16px}.invite-name-card .connection-error{color:#ffb4a8}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.board2d__medallion,.token2d.is-current,.tile2d.is-active:after,.game-bottom-dock__roll.is-pulse,.dice-face.is-rolling{animation:none!important}}