@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700;800;900&display=swap";:root{color:#f5f8ff;font-synthesis:none;--ink:#233f70;--teal:#22bfa6;--muted:#b7ccea;--line:#ffffff20;--paper:#fffdf2;--saffron:#ffcb54;--display:"Fredoka",sans-serif;background:#1454a7;font-family:Nunito Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 70% 25%,#318de4 0,#0000 54%),radial-gradient(at 4% 80%,#3763b6 0,#0000 45%),linear-gradient(160deg,#1364bf,#124483);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.045;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:transform .16s,background .16s,box-shadow .16s}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):active{transform:translateY(3px)}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #ffe578}input:focus,select:focus{outline-offset:1px;outline:3px solid #62d7f1}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}button svg{flex-shrink:0}small{font-size:11px}label{margin-bottom:10px;font-size:12px;font-weight:800;display:block}input,select{width:100%;color:var(--ink);background:#fff;border:2px solid #d7e4f2;border-radius:11px;margin-top:7px;padding:11px 13px;font-size:14px;display:block}input::placeholder{color:#7387a4}input[type=checkbox]{accent-color:#167acc;width:17px;height:17px;margin:0}input[type=range]{accent-color:#29c9b6;padding:0}.topbar{z-index:5;background:#103e8285;border-bottom:1px solid #75b4f035;justify-content:space-between;align-items:center;height:85px;padding:0 5%;display:flex;position:relative;box-shadow:0 4px 20px #092f6f20}.logo{font:600 29px/.9 var(--display);letter-spacing:-.8px;color:#fff;text-shadow:0 2px #102f68;align-items:center;gap:11px;display:flex}.logo-mark{color:#67421e;background:linear-gradient(145deg,#ffda6c,#ffac35);border:2px solid #ffe7a1;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-7deg);box-shadow:0 4px #bc771f}.logo-light{color:#ffd268;font-weight:600}.logo small{letter-spacing:1.7px;color:#accff6;text-shadow:none;margin-top:8px;font:800 7.5px/1 Nunito Sans,sans-serif;display:block}.topbar nav{align-items:center;gap:15px;display:flex}.connection{color:#d1e7ff;background:#092e6355;border:1px solid #badcfa30;border-radius:25px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:800;display:flex}.connection>span,.live-dot,.eyebrow>span{background:#56e8bb;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #4fe1b01c}.connection.offline>span{background:#ffbf54}.icon-btn{color:#dceeff;background:#234e91;border:1px solid #bddfff35;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 3px #103571}.icon-btn:hover{background:#3569ad}.landing{grid-template-columns:.78fr 1.22fr;align-items:center;gap:80px;max-width:1430px;min-height:calc(100vh - 149px);margin:auto;padding:46px 5% 65px;display:grid;position:relative}.eyebrow{letter-spacing:1.7px;color:#b8e4ff;align-items:center;gap:9px;font-size:9px;font-weight:900;display:flex}.hero-copy h1{letter-spacing:-2px;color:#fff;text-shadow:0 5px #0d438b,0 8px 18px #062e6740;margin:20px 0;font-size:clamp(54px,5.6vw,79px);font-weight:700;line-height:1.02}.hero-copy h1>span{color:#ffce59;text-shadow:0 5px #c4772b,0 9px 18px #082f6a30;display:inline-block;transform:rotate(-3deg)}.hero-description{color:#cde6ff;margin:21px 0 23px;font-size:13px;font-weight:600;line-height:1.8}.entry-card{max-width:390px;color:var(--ink);background:#fffdf2;border:3px solid #d3e5fb;border-radius:21px;overflow:hidden;box-shadow:0 8px #0e3c7b,0 18px 35px #082e6d30}.entry-card-heading{color:#36517d;letter-spacing:1px;background:#edf5ff;border-bottom:1px solid #d9e5f1;align-items:center;gap:11px;padding:15px 22px 13px;font-size:11px;font-weight:900;display:flex}.entry-card-heading>span{filter:drop-shadow(0 2px 1px #50608030);font-size:27px}.entry-card-heading small{color:#7a8dab;letter-spacing:0;margin-top:3px;font-size:10px;font-weight:600;display:block}.tabs{border-bottom:1px solid #dce4e9;display:flex}.tabs>button{color:#7b8eab;background:0 0;border:0;flex:1;padding:14px 12px;font-size:12px;font-weight:900;position:relative}.tabs>button.active{color:#2b6eb3;background:#e9f2ff}.tabs>button.active:after{content:"";background:#2f8bea;border-radius:5px;height:3px;position:absolute;bottom:-1px;left:18px;right:18px}.entry-card form{padding:18px 22px 0}.entry-card label{margin-bottom:13px}.token-picker{gap:7px;margin:9px 0 20px;display:flex}.token-picker button{background:#edf3fc;border:2px solid #d6e2f0;border-radius:12px;width:46px;height:48px;font-size:25px;box-shadow:0 4px #c6d7e9}.token-picker button:nth-child(2n){background:#fff0dd;border-color:#ebdac2;box-shadow:0 4px #d9c9b1}.token-picker button:nth-child(3n){background:#f4e9fd;border-color:#e0d0ee;box-shadow:0 4px #c9b7d9}.token-picker button.selected{background:#d4f9ea;border:2px solid #13b399;transform:translateY(-3px);box-shadow:0 4px #0a947d,0 0 0 3px #2bcba625}.token-picker button:hover:not(:disabled){transform:translateY(-4px)}.btn{white-space:nowrap;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 4px #0a315c}.primary{color:#624119;background:linear-gradient(#ffda6b,#ffba3f);border-color:#ffdf85;box-shadow:0 4px #bb7826}.primary:hover:not(:disabled){background:linear-gradient(#ffe68c,#ffcc57);transform:translateY(-2px);box-shadow:0 6px #bb7826}.secondary{color:#325d91;background:#e6f2ff;border-color:#bfdcf1;box-shadow:0 4px #aac7df}.secondary:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.full{width:100%}.entry-card .primary{min-height:48px;font-size:16px;font-family:var(--display);justify-content:space-between;font-weight:600}.entry-foot{color:#7d8e9e;justify-content:center;align-items:center;gap:6px;padding:16px;font-size:10px;font-weight:700;display:flex}.hero-features{color:#d1e8ff;gap:19px;margin-top:24px;font-size:10px;font-weight:800;display:flex}.hero-features span,.hero-features button{align-items:center;gap:6px;display:flex}.hero-features svg{color:#89ddff}.hero-features button{background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.hero-art{min-width:0;padding:15px 0;position:relative}.board-label{letter-spacing:1.8px;color:#c9eaff;justify-content:center;align-items:center;gap:9px;margin:0 0 38px;font-size:9px;font-weight:900;display:flex}.board-stage{min-width:0;position:relative}.board-viewport{scrollbar-width:thin;scrollbar-color:#82b5df transparent;padding:3px 3px 17px;overflow-x:auto}.preview-stage .board-viewport{padding:0;overflow:visible}.board{aspect-ratio:1;isolation:isolate;background:#adcae3;border:9px solid #d8e9f7;border-radius:18px;grid-template-rows:1.25fr repeat(9,1fr) 1.25fr;grid-template-columns:1.25fr repeat(9,1fr) 1.25fr;gap:2px;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 10px #739fc7,0 14px #0c3b77,0 24px 45px #06265150;container-type:inline-size}.board.preview{border:9px solid #d9e9f4;transform:rotate(-6deg);box-shadow:0 11px #8bb5d9,0 17px #103f82,10px 35px 45px #07357860}.board-center{background:radial-gradient(at 50% 35%,#c5f4fd,#96d9f4 70%,#75c4ed);flex-direction:column;grid-area:2/2/11/11;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #8dbbd5,inset 0 4px 18px #337fb630}.board-center:before{content:"";border:1px solid #ffffff30;border-radius:50%;width:68%;height:68%;position:absolute;top:12%;left:16%;box-shadow:0 0 0 24px #ffffff0c,0 0 0 48px #ffffff0b}.center-kicker{letter-spacing:.22cqw;color:#3e83aa;z-index:1;margin-top:3cqw;font-size:1.25cqw;font-weight:900}.center-title{font-family:var(--display);letter-spacing:-.25cqw;text-align:center;color:#fffdf0;z-index:2;-webkit-text-stroke:.1cqw #1f629c;paint-order:stroke fill;text-shadow:0 .65cqw #286ca7,0 1cqw #3b8bbc40;margin-top:2cqw;font-size:8.9cqw;font-weight:700;line-height:.89;transform:rotate(-4deg)}.center-title>span{color:#fc5;text-shadow:0 .65cqw #c27b2a,0 1cqw #436d9030;-webkit-text-stroke:.1cqw #9d6b31;display:block}.game-city{filter:drop-shadow(0 1.5cqw 1.5cqw #3b9ebc25);width:100%;height:45cqw;position:absolute;top:19cqw;left:0}.center-bottom{justify-content:space-between;align-items:center;gap:1cqw;display:flex;position:absolute;bottom:6.2cqw;left:9%;right:9%}.card-deck{color:#fff;border:2px solid #ffffffbc;border-radius:1cqw;outline:1px solid #7e87bb30;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;width:11cqw;height:13.3cqw;display:flex;transform:rotate(-13deg);box-shadow:0 .5cqw #eaf0ff,0 .8cqw #b7c9e0,0 1.5cqw 1.8cqw #24619340}.festival-deck{background:repeating-linear-gradient(45deg,#9969dd,#9969dd 6px,#a575e7 6px 12px)}.community-deck{background:repeating-linear-gradient(45deg,#ed777e,#ed777e 6px,#f38489 6px 12px);transform:rotate(13deg)}.card-deck>span{text-shadow:0 2px #523c7130;font-size:4.3cqw;line-height:1}.card-deck small{letter-spacing:.09cqw;background:#ffffff20;border-radius:.5cqw;padding:.6cqw;font-size:1.05cqw;font-weight:900}.center-motto{text-align:center;font-family:var(--display);color:#2974a1;font-size:1.7cqw;font-weight:500;line-height:1.7}.center-motto strong{font-size:1.85cqw;font-weight:600}.center-status{letter-spacing:.06cqw;color:#35779e;justify-content:space-between;width:91%;font-size:1.2cqw;font-weight:800;display:flex;position:absolute;bottom:1.7cqw}.tile{box-shadow:inset 0 -3px var(--owner);text-align:center;color:#3d5277;background:#f6f9ff;border:0;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:.25cqw;min-width:0;min-height:0;padding:1.4cqw .35cqw .3cqw;display:flex;position:relative;overflow:hidden}.tile:hover{z-index:3;outline-offset:-3px;background:#fff3c9;outline:3px solid #ffca4b}.tile-band{background:var(--group);height:1.25cqw;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 2px #ffffff35}.tile-name{overflow-wrap:anywhere;z-index:1;max-width:100%;font-size:1.13cqw;font-weight:900;line-height:1.13;position:relative}.tile-price{color:#7c8ea9;font-size:1.03cqw;font-weight:800}.tile-symbol{filter:drop-shadow(0 2px #47709d20);font-size:2.5cqw;line-height:1.1}.mini-city{opacity:.72;align-items:flex-end;gap:.15cqw;height:1.7cqw;margin:.1cqw 0 .3cqw;display:flex}.mini-city i{background:var(--group);border-radius:.14cqw .14cqw 0 0;width:.8cqw;height:1.1cqw;display:block;position:relative;box-shadow:inset -.2cqw 0 #0002}.mini-city i:after{content:"";background:#fff9;width:.2cqw;height:.3cqw;position:absolute;top:.3cqw;left:.2cqw}.mini-city i:nth-child(2){height:1.7cqw}.mini-city i:nth-child(3){height:1.4cqw}.tile.corner .tile-band{display:none}.tile.corner{background:#e9e4ff;gap:.5cqw;padding:.7cqw}.tile.corner .tile-name{font:600 1.45cqw/1.05 var(--display)}.tile.corner .tile-symbol{font-size:3.6cqw}.tile-go{color:#1e806a;background:#c4f1d4!important}.tile-rest{color:#a57131;background:#ffedb8!important}.tile-gotojail{color:#b95365;background:#ffd9df!important}.tile-festival{background:#f1e9ff}.tile-community{background:#ffeaf1}.tile-rail{background:#eaf4ff}.tile.occupied{box-shadow:inset 0 0 0 2px #ffb72c,inset 0 -4px var(--owner);background:#fff3b9}.tile.mortgaged{opacity:.8;background:repeating-linear-gradient(45deg,#d7dfec,#d7dfec 5px,#e9eef6 5px 9px)}.buildings{font-size:1.3cqw;line-height:1;position:absolute;top:0}.pieces{z-index:4;flex-wrap:wrap;justify-content:center;max-width:100%;display:flex;position:absolute;bottom:.2cqw}.pieces>span{border:.25cqw solid #fff;border-radius:45%;place-items:center;width:3.5cqw;height:3.5cqw;margin:0 -.4cqw;font-size:2.1cqw;display:grid;transform:translateY(-.2cqw);box-shadow:0 .4cqw #26475d70,0 .5cqw .5cqw #31476850}.pieces>.active-piece{outline:.3cqw solid #ffcb53;transform:translateY(-.5cqw)}.game-die{background:linear-gradient(135deg,#fffef3,#e6efff);border:1px solid #fff;border-radius:12px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:4px;width:52px;height:52px;padding:9px;display:inline-grid;transform:rotate(-10deg);box-shadow:0 5px #9cb7d3,0 8px 14px #133a7545}.game-die:nth-child(2){transform:rotate(12deg)}.pip{background:0 0;border-radius:50%}.pip.visible{background:#35548a;box-shadow:inset 0 1px 2px #173b6f80}.hero-dice{z-index:4;gap:10px;display:flex;position:absolute;bottom:10px;right:-20px;transform:rotate(15deg)}.hero-dice .game-die{border-radius:16px;gap:5px;width:67px;height:67px;padding:12px}.hero-dice .game-die:first-child .visible{background:#ee6c77}.hero-pawn{z-index:4;background:#76d6eb;border:4px solid #b8effa;border-radius:24px;place-items:center;width:75px;height:75px;font-size:44px;display:grid;position:absolute;box-shadow:0 7px #247db4,0 15px 20px #124a853f}.pawn-auto{background:#ffdd83;border-color:#fff0bf;bottom:50px;left:-33px;transform:rotate(-12deg);box-shadow:0 7px #c98a30,0 15px 20px #124a853f}.pawn-elephant{background:#b8a4ee;border-color:#e5dcff;top:-32px;right:-22px;transform:rotate(13deg);box-shadow:0 7px #7460b7,0 15px 20px #124a853f}.floating-card{z-index:3;background:#1b4d92;border:2px solid #7eb8f25c;border-radius:15px;align-items:center;gap:11px;width:280px;margin:35px 30px 0 auto;padding:13px;display:flex;position:relative;transform:rotate(3deg);box-shadow:0 5px #103c7c}.floating-token{background:#ffda80;border-radius:12px;place-items:center;width:44px;height:44px;font-size:28px;display:grid;box-shadow:0 3px #d69331}.floating-card strong{font:600 15px var(--display);color:#ffe2a3;display:block}.floating-card small{color:#b8d6f5;margin-top:4px;font-size:9px;display:block}.floating-card>svg{color:#7fbcf1;margin-left:auto}.art-caption{color:#b3d8f8;justify-content:center;gap:15px;margin:23px 0 0;font-size:10px;font-weight:700;display:flex}.art-caption>span{color:#8abce7}.footer{color:#a6c7eb;letter-spacing:.3px;background:#0c346639;border-top:1px solid #9bc5ee22;justify-content:space-between;gap:12px;padding:20px 5%;font-size:9px;display:flex;position:relative}.footer-dot{color:#ffc74c;padding:0 8px}.connection-banner{text-align:center;color:#68461c;background:#ffdc7b;padding:10px;font-size:12px;font-weight:800}.toast{z-index:100;color:#fff;background:#bf4259;border:2px solid #fa9bb0;border-radius:14px;align-items:center;gap:16px;max-width:min(550px,90vw);padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px #7d2c44,0 12px 25px #0002}.toast button{color:inherit;background:0 0;border:0;display:flex}.game-layout{grid-template-columns:minmax(530px,1fr) 320px;gap:23px;max-width:1300px;margin:auto;padding:27px 30px 35px;display:grid;position:relative}.game-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;display:flex}.game-heading h1{letter-spacing:-.4px;text-shadow:0 3px #0c3b7e;margin-top:7px;font-size:27px;font-weight:600}.game-heading .eyebrow{color:#a2cdf3;font-size:8px}.room-code{text-align:left;background:#214b91;border:2px solid #6d9dd44d;border-radius:13px;grid-template-columns:1fr 22px;gap:4px 14px;padding:10px 16px;display:grid;box-shadow:0 4px #10316c}.room-code>span{letter-spacing:1.2px;color:#a9cdee;font-size:8px;font-weight:900}.room-code strong{letter-spacing:3px;font-size:20px;font-family:var(--display);color:#ffdd7b;grid-column:1;font-weight:600}.room-code>svg{color:#9dcdf0;grid-area:1/2/3;align-self:center}.board-column{min-width:0}.board-tools{display:none}.lobby-banner,.turn-card{background:linear-gradient(120deg,#234e94,#243e7d);border:2px solid #7db3dd50;border-radius:17px;margin-bottom:20px;padding:17px 20px;box-shadow:0 5px #11356e,0 10px 20px #073e7220}.lobby-banner{justify-content:space-between;align-items:center;gap:20px;display:flex}.lobby-banner strong{font:600 23px var(--display);color:#ffdf8c}.lobby-banner p{color:#b9d3f3;margin-top:6px;font-size:11px;line-height:1.6}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lobby-banner .action-row{flex-shrink:0}.turn-label{letter-spacing:1.2px;color:#91f0d4;align-items:center;gap:9px;font-size:9px;font-weight:900;display:flex}.turn-label>span:last-child{color:#a1c0e8;background:#133a74;border-radius:7px;margin-left:auto;padding:5px 9px;font-size:9px}.turn-main{justify-content:space-between;align-items:center;gap:15px;margin:8px 0 15px;display:flex}.turn-main h2{letter-spacing:-.4px;color:#fff9df;font-size:27px;font-weight:600}.turn-main p{color:#bcd4f4;max-width:400px;margin-top:5px;font-size:11px;line-height:1.6}.dice{gap:12px;margin:0 8px 0 5px;display:flex}.dice.is-rolling .game-die{animation:.6s ease-out dice-tumble}.dice.is-rolling .game-die:nth-child(2){animation-delay:60ms}.drawn-card{color:#8a5b2e;background:#f9e5b9;border:1px solid #ffda88;border-radius:9px;align-items:center;gap:8px;margin-top:14px;padding:10px;font-size:11px;font-weight:800;line-height:1.5;display:flex}.drawn-card svg{flex-shrink:0}.auction>p{margin-bottom:9px;font-size:12px}.auction input{width:115px;margin:0;padding:10px}.auction-time{color:#ffda80;margin-bottom:8px;font-size:10px}.board-foot{color:#9fc4e7;justify-content:space-between;gap:12px;margin-top:5px;font-size:10px;display:flex}.board-foot span,.board-foot button{align-items:center;gap:6px;display:flex}.board-foot button{background:0 0;border:0;padding:0;font-size:10px}.sidebar{flex-direction:column;gap:17px;min-width:0;display:flex}.players-panel,.voice-panel,.portfolio,.chat-panel{background:#1c407d;border:2px solid #699bd048;border-radius:16px;overflow:hidden;box-shadow:0 5px #10326b}.panel-title{justify-content:space-between;align-items:center;gap:10px;padding:15px 16px 12px;display:flex}.panel-title h3{font:500 17px var(--display);color:#e9f5ff;align-items:center;gap:8px;display:flex}.panel-title h3 svg{color:#89c9fa}.panel-title>span{color:#bad4ef;font-size:11px;font-weight:900}.panel-title .badge{letter-spacing:1px;color:#89efda;background:#206e83;border-radius:6px;padding:4px 7px;font-size:8px}.player-row{border-top:1px solid #8cb1e023;align-items:center;gap:10px;padding:12px 14px;display:flex;position:relative}.player-row.is-current{background:linear-gradient(90deg,#ffca4b25,#ffca4b08)}.player-row.is-current:before{content:"";background:#ffca55;width:4px;height:100%;position:absolute;top:0;left:0}.player-token{border:2px solid;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:27px;display:grid;box-shadow:0 4px #061e4840}.player-info{flex:1;min-width:0}.player-info strong{overflow-wrap:anywhere;align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.player-info strong>small{color:#ffdf85;background:#7b682943;border-radius:4px;padding:3px 4px;font-size:7px;font-weight:900}.player-info>span{color:#9fbce4;white-space:nowrap;text-overflow:ellipsis;max-width:130px;margin-top:5px;font-size:9px;display:block;overflow:hidden}.player-info svg{color:#ffd570}.player-balance{white-space:nowrap;color:#ffdb79;align-items:center;gap:6px;font-size:13px;font-weight:900;display:flex}.player-balance button{color:#c4ddf7;background:#32578e;border:0;border-radius:4px;padding:3px;display:flex}.bankrupt{opacity:.45}.voice-panel{background:linear-gradient(140deg,#175b83,#1c486f);border-color:#3d98ac66}.voice-panel>p{color:#acd6e5;margin:0 16px 13px;font-size:10px;line-height:1.6}.voice-panel .panel-title h3 svg{color:#7debd6}.voice-join{color:#124e57;background:linear-gradient(#35d9b6,#22bfa7);border-color:#71e6ce;width:calc(100% - 32px);margin:0 16px 19px;font-size:12px;box-shadow:0 4px #107b77}.voice-controls{gap:7px;margin:2px 16px 14px;display:flex}.voice-controls button{color:#b6ede9;background:#286b89;border:1px solid #62b8c359;border-radius:9px;place-items:center;min-width:38px;height:35px;display:grid;box-shadow:0 3px #124b6c}.voice-controls .leave-voice{flex:1;font-size:10px}.voice-status{align-items:center;gap:7px;display:flex}.voice-controls .danger-light{color:#ffd1cf;background:#98556a}.peer{justify-content:space-between;align-items:center;gap:10px;margin:10px 16px;font-size:10px;font-weight:700;display:flex}.peer small{color:#9bc7d8;margin-top:3px;font-size:8px;display:block}.peer input{width:70px}.voice-mode{color:#a9d5df;margin:0 16px 13px;font-size:10px}.voice-mode select{color:#28576b;background:#e4f3f5;border:1px solid #86bdca;padding:9px;font-size:10px}.inline-error{color:#86532b;background:#f5dfc1;padding:12px;font-size:10px;line-height:1.5}.inline-error button{background:0 0;border:0;margin-top:5px;font-size:10px;text-decoration:underline;display:block}.portfolio .panel-title>button{color:#d0dafa;background:#3e56a2;border:1px solid #718ac5;border-radius:6px;align-items:center;gap:3px;padding:5px 8px;font-size:10px;font-weight:800;display:flex}.property-chips{flex-wrap:wrap;gap:8px;padding:2px 14px 15px;display:flex}.property-chips:empty{display:none}.property-chips button{color:#38557e;border:1px solid #fff;border-left:5px solid var(--group);text-align:left;background:#f4f7ff;border-radius:7px;padding:8px;font-size:9px;font-weight:800;box-shadow:0 3px #0c2b59}.empty{color:#9cb9dc;padding:8px 16px 18px;font-size:11px;line-height:1.8}.chat-panel .tabs{border-color:#688eb53b}.chat-panel .tabs>button{color:#9bb9dd;padding:14px;font-size:10px}.chat-panel .tabs>button.active{color:#f2f8ff;background:#2b5294}.chat-panel .tabs>button.active:after{background:#71c6ef}.chat-panel .tabs>button span{color:#82d9ed;margin-left:4px}.messages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6084b8 transparent;height:180px;padding:12px 14px;overflow:auto}.messages .empty{padding:20px 0}.log-line{color:#b8ceea;gap:8px;margin:0 0 9px;font-size:10px;line-height:1.7;display:flex}.log-dot{background:#74c2f0;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:6px}.chat-line{margin-bottom:13px;font-size:11px}.chat-line strong{color:#8fe3e1;font-size:10px}.chat-line p{overflow-wrap:anywhere;color:#cbddf2;margin-top:3px;line-height:1.5}.chat-form{background:#16366b;border-top:1px solid #6588b244;display:flex}.chat-form input{color:#edf7ff;background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:14px;font-size:10px}.chat-form input::placeholder{color:#86a4c9}.chat-form button{color:#83caec;background:0 0;border:0;padding:0 14px}.modal{width:min(440px,100% - 30px);max-height:85dvh;color:var(--ink);background:#f8fbff;border:3px solid #dae9f6;border-radius:21px;padding:24px;overflow:auto;box-shadow:0 10px #172b6060,0 25px 90px #08204c80}.modal.wide{width:min(650px,100% - 30px)}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#071f55a8}.modal-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.modal h2{letter-spacing:-.5px;font-size:25px;font-weight:600}.modal .icon-btn{color:#49739f;background:#e0ebf7;border-color:#c5d9ed;box-shadow:0 3px #bfd3e6}.modal>p,.rules p{color:#667c9d;margin:0 0 17px;font-size:12px;line-height:1.8}.rules h3{color:#305a95;margin:20px 0 7px;font-size:17px;font-weight:600}.deed{text-align:center;background:#fffef7;border:2px solid #d6e3f2;border-radius:13px;overflow:hidden}.deed-band{background:var(--group);color:#fff;letter-spacing:3px;text-shadow:0 1px #0002;padding:16px;font-size:11px;font-weight:900}.deed-price{font-family:var(--display);margin:20px 10px 7px;font-size:32px;font-weight:600}.deed>p{color:#7b8eaa;margin:10px 17px;font-size:11px;line-height:1.6}.rent-table{padding:10px 20px}.rent-table>div{color:#597193;justify-content:space-between;padding:0 8px;font-size:12px;line-height:2.2;display:flex}.rent-table .rent-active{background:#e7f0fd;border-radius:6px}.rent-table small{color:#8293aa;margin:15px 0 10px;font-size:10px;line-height:1.8;display:block}.deed-meta{color:#6680a1;background:#e8eef8;padding:12px;font-size:10px}.property-actions{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.property-actions>.btn:not(.full){flex:1}.trade-columns{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.trade-columns h3{margin-bottom:15px;font-size:18px;font-weight:600}.trade-check{align-items:center;gap:8px;margin:10px 0;font-size:11px;font-weight:600;display:flex}.trade-check span{border-radius:3px;width:7px;height:17px}.trade-columns section>label:last-child{margin-top:20px}.muted{color:#7d91ab;margin:16px 0;font-size:11px;line-height:1.6}.offer{color:#715a31;background:#fff0c6;border:1px solid #debb62;border-radius:9px;margin:0 14px 15px;padding:12px;font-size:10px}.offer p{margin:8px 0;line-height:1.6}.offer>div{gap:8px;display:flex}.offer .btn{min-height:30px;padding:5px 12px;font-size:10px}.text-button{color:#a0c7e9;background:0 0;border:0;margin:0 15px 15px;font-size:10px;text-decoration:underline}.danger{color:#fff;background:#ed6f7d;border-color:#ffaab1;box-shadow:0 4px #ad405b}.winner{text-align:center;background:linear-gradient(130deg,#3b599f,#7954ac);border-color:#bda3ef}.winner>svg{color:#ffda67}.winner h2{color:#ffe295;margin:8px 0}.winner p{color:#d1c7e8;font-size:12px}.code-input{letter-spacing:5px;text-transform:uppercase}.saved-seat:empty{display:none}.saved-seat{padding:12px 22px 0}.saved-seat button{color:#3f72a2;background:#e1effc;border:1px solid #bad9ef;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-size:11px;font-weight:800;display:flex}.modal-error{background:#f9dce0;border-radius:8px;padding:12px;color:#9d3e4c!important}@keyframes dice-tumble{0%{transform:translateY(0)rotate(-10deg)}25%{transform:translateY(-13px)rotate(75deg)}60%{transform:translateY(1px)rotate(185deg)}85%{transform:translateY(-5px)rotate(300deg)}to{transform:translateY(0)rotate(350deg)}}@media (width>=1450px){.hero-copy h1{font-size:84px}.hero-art{max-width:690px}}@media (width<=1100px){.landing{grid-template-columns:.9fr 1.1fr;gap:45px;padding:42px 4% 55px}.hero-copy h1{font-size:64px}.entry-card{max-width:360px}.hero-art{align-self:center}.hero-pawn{border-radius:19px;width:60px;height:60px;font-size:36px}.pawn-auto{left:-20px}.pawn-elephant{right:-12px}.hero-dice{right:0}.hero-dice .game-die{width:53px;height:53px;padding:9px}.floating-card{width:245px;margin-right:0}.art-caption>span{display:none}.token-picker{gap:6px}.token-picker button{width:42px}.game-layout{grid-template-columns:minmax(450px,1fr) 285px;gap:18px;padding:24px 22px}.game-heading h1{font-size:23px}.lobby-banner{flex-direction:column;align-items:flex-start;gap:12px}.player-row{gap:8px;padding:11px 12px}.player-balance{font-size:11px}.player-token{width:39px;height:39px;font-size:24px}.turn-main h2{font-size:24px}.game-die{border-radius:10px;gap:3px;width:43px;height:43px;padding:7px}.dice{gap:9px}}@media (width<=850px){.topbar{height:78px;padding:0 5%}.landing{grid-template-columns:1fr;gap:50px;max-width:650px;padding:34px 7% 50px}.hero-copy{text-align:center;position:relative}.hero-copy .eyebrow{justify-content:center}.hero-copy h1{margin:18px 0;font-size:75px}.hero-description{font-size:13px}.entry-card{text-align:left;max-width:440px;margin:0 auto}.token-picker button{width:calc(16.6667% - 5.83333px);height:51px;font-size:28px}.hero-features{justify-content:center;gap:24px}.hero-art{padding:0 13px 20px}.board-label{margin-bottom:33px}.hero-pawn{width:67px;height:67px;font-size:39px}.floating-card{width:280px;margin-top:32px;margin-right:20px}.art-caption{font-size:10px}.game-layout{grid-template-columns:1fr;gap:18px;max-width:760px;padding:24px 4%}.sidebar{grid-template-columns:1fr 1fr;align-items:start;display:grid}.game-heading h1{font-size:25px}.lobby-banner{flex-direction:row}.chat-panel{grid-area:2/2/4}.portfolio{grid-column:1}.voice-panel{grid-column:2}.players-panel{grid-row:1}.messages{height:215px}.footer{font-size:8px;line-height:1.7}.footer>span:last-child{text-align:right;max-width:140px}.connection{font-size:10px}.topbar nav{gap:10px}.game-die{width:50px;height:50px;padding:9px}.board-tools{color:#b7d8f3;justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:10px;display:flex}.board-tools>button{background:#2c65a6;border:1px solid #83b8df60;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800}.board-tools>button>span{margin-left:10px;font-size:13px}.is-zoomed .board{min-width:800px}}@media (width<=560px){.logo{font-size:24px}.logo-mark{border-radius:12px;width:38px;height:38px}.logo small{letter-spacing:1.25px;font-size:6px}.connection{display:none}.topbar{height:72px}.hero-copy h1{letter-spacing:-1.8px;font-size:65px}.hero-copy .eyebrow{letter-spacing:1.3px;font-size:7.5px}.hero-description{margin:17px 0 21px;font-size:11px}.landing{gap:42px;padding:30px 22px 35px}.hero-features{gap:19px}.hero-features span,.hero-features button{font-size:9px}.hero-art{margin:0 6px;padding:0 6px 5px}.board-label{letter-spacing:1px;margin-bottom:27px;font-size:7px}.entry-card{border-radius:18px}.entry-card-heading{padding:13px 18px;font-size:10px}.entry-card form{padding:16px 18px 0}.token-picker{gap:6px}.token-picker button{border-radius:10px;width:calc(16.6667% - 5px);height:44px;font-size:23px}.entry-card label{font-size:11px}.hero-pawn{border-width:3px;border-radius:16px;width:47px;height:47px;font-size:28px}.pawn-elephant{top:-21px;right:-14px}.pawn-auto{bottom:19px;left:-21px}.hero-dice{gap:7px;bottom:-8px;right:-11px}.hero-dice .game-die{border-radius:10px;gap:3px;width:39px;height:39px;padding:7px;box-shadow:0 4px #9cb7d3,0 6px 14px #133a7545}.board.preview{border-width:6px;border-radius:12px;gap:1px}.floating-card{border-radius:12px;width:245px;margin:30px 0 0 auto;padding:10px}.floating-card strong{font-size:13px}.floating-card small{font-size:8px}.floating-token{border-radius:10px;width:38px;height:38px;font-size:25px}.art-caption{margin-top:17px;font-size:8px}.game-heading{align-items:flex-start}.game-heading h1{max-width:210px;font-size:21px;line-height:1.15}.game-heading .eyebrow{letter-spacing:1.4px;font-size:7px}.room-code{border-radius:11px;flex-shrink:0;gap:4px 6px;padding:8px 10px}.room-code strong{letter-spacing:2px;font-size:16px}.room-code>span{font-size:6px}.room-code>svg{width:13px}.game-layout{gap:17px;padding:20px 13px 27px}.board-column{min-width:0}.board{border-width:6px;border-radius:12px;gap:1px;box-shadow:0 7px #739fc7,0 11px #0c3b77,0 17px 28px #06265140}.is-zoomed .board{min-width:650px}.board-tools{font-size:9px}.board-foot{gap:6px;margin-top:2px;font-size:8px}.board-foot button{font-size:8px}.lobby-banner,.turn-card{border-radius:14px;margin-bottom:16px;padding:14px}.lobby-banner{flex-direction:column;gap:12px}.lobby-banner strong{font-size:22px}.lobby-banner .action-row{width:100%}.lobby-banner .action-row .btn{flex:1}.turn-main h2{font-size:22px}.turn-main p{font-size:10px}.turn-main{gap:8px}.game-die{border-radius:9px;gap:3px;width:37px;height:37px;padding:6px}.dice{gap:8px;margin-right:3px}.turn-card .btn{padding:10px 12px;font-size:11px}.turn-label{letter-spacing:1px;font-size:8px}.turn-label>span:last-child{padding:4px 6px;font-size:7px}.tile-name{font-size:1.35cqw;line-height:1.05}.tile-price{font-size:1.1cqw}.tile-symbol{font-size:2.6cqw}.tile.corner .tile-name{font-size:1.5cqw}.mini-city,.mini-city i:nth-child(2){height:1.4cqw}.mini-city i:nth-child(3){height:1.1cqw}.card-deck{border-width:1px}.sidebar{align-items:stretch;gap:15px;display:flex}.sidebar>section,.sidebar>.voice-panel{width:100%}.player-info>span{max-width:200px}.player-row{padding:12px 15px}.player-balance{font-size:14px}.player-token{width:43px;height:43px;font-size:27px}.messages{height:170px}.footer{flex-direction:column;gap:4px;padding:18px 22px;font-size:8px}.footer>span:last-child{text-align:left;max-width:none}.trade-columns{gap:10px}.trade-check{font-size:10px}.modal{border-radius:17px;padding:18px}.modal h2{font-size:22px}.game-heading .room-code{max-width:129px}.game-heading h1{max-width:190px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.play-stage .board-viewport .board-camera{width:min(86cqw - 12px,100cqh - 16px);height:min(86cqw - 12px,100cqh - 16px)}.play-stage .board-camera .board{overflow:visible}.play-stage .board .board-center .center-title{margin-top:10cqw}.play-stage .board .board-center .game-city{height:34cqw;top:17cqw}.building-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.property-buildings{background:#faffeeed;border:1px solid #77a58b;border-radius:.65cqw;padding:.25cqw .15cqw;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .4cqw .55cqw #1c53414d}.property-buildings[data-edge=west]:before,.property-buildings[data-edge=east]:before{content:"";pointer-events:none;border-top:1px solid #b9d8bd;width:1.4cqw;position:absolute;top:50%}.property-buildings[data-edge=west]:before{left:100%}.property-buildings[data-edge=east]:before{right:100%}.building-cluster{grid-template-columns:repeat(2,1fr);align-items:end;gap:0 .1cqw;display:grid}.building-slot:only-child{grid-column:1/-1}.building-slot{transform-origin:50% 100%;justify-content:center;display:flex}.building-piece{filter:drop-shadow(0 .2cqw .1cqw #16453650);width:clamp(5px,2.5cqw,25px);height:clamp(6px,2.8cqw,28px);display:block;overflow:visible}.hotel-piece{width:clamp(10px,4cqw,36px);height:clamp(12px,4.5cqw,41px)}.play-stage .tile-building-count{color:#fff9dc;z-index:2;background:#195746;border-radius:2px;padding:1px 2px;font:900 clamp(4px,.9cqw,9px)/1.1 Nunito Sans,sans-serif;position:absolute;bottom:1px;right:1px}.play-stage .tile[data-level="5"] .tile-building-count{background:#a83240}.property-buildings[data-building=true]{outline-offset:3px;outline:2px solid #ffcc50;animation:.7s ease-in-out 3 build-site-glow}.building-slot[data-new=true]{animation:.7s cubic-bezier(.2,.8,.3,1.25) both building-rise}.play-stage .tile[data-building=true]{outline-offset:-3px;outline:3px solid #ffd25a}.board-inspector>p.inspector-buildings{color:#195746;align-items:center;gap:9px;font-size:13px;display:flex}.inspector-buildings .building-piece{width:23px;height:27px}.money-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.money-route{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.money-route path{fill:none;stroke:#fff4bb;stroke-width:2px;stroke-dasharray:4 7;opacity:0;animation:1.9s ease-out money-trail}.bank-anchor{color:#fff4c4;background:#225e54;border:2px solid #fff8dd;border-radius:1cqw;align-items:center;gap:.7cqw;padding:.8cqw 1.4cqw;font:900 1.6cqw/1 Nunito Sans,sans-serif;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .5cqw 1cqw #1c53414d}.bank-anchor svg{width:3cqw;height:3cqw}.flying-note{color:#103e32;opacity:0;width:clamp(18px,4.4cqw,42px);height:clamp(11px,2.6cqw,25px);animation:money-flight 1.45s var(--delay) cubic-bezier(.35,0,.3,1) both;background:linear-gradient(135deg,#96e79d,#349c69);border:2px solid #ecffd5;border-radius:.45cqw;place-items:center;margin-top:-1.3cqw;margin-left:-2.2cqw;display:grid;position:absolute;box-shadow:0 3px 6px #174c4655,inset 0 0 0 1px #21724b}.flying-note>b{background:#c5efb9;border:1px solid #18644099;border-radius:50%;place-items:center;width:1.9cqw;height:1.9cqw;font:900 clamp(9px,1.5cqw,15px)/1 Nunito Sans,sans-serif;display:grid}.cash-change{white-space:nowrap;opacity:0;border:1px solid #fff8df;border-radius:.7cqw;padding:.5cqw .8cqw;font:900 clamp(9px,2cqw,19px)/1.1 Nunito Sans,sans-serif;position:absolute;transform:translate(-50%,-130%);box-shadow:0 3px 8px #174c4650}.cash-out{color:#fff4e5;background:#a32f44;animation:2.2s ease-out both cash-debit}.cash-in{color:#f4ffcf;background:#186448;animation:2.2s ease-out both cash-credit}.transaction-announcement{z-index:13;pointer-events:none;text-align:center;width:min(300px,100% - 44px);position:absolute;top:22%;left:50%;transform:translate(-50%)}.transaction-notice{color:#fff9df;background:#153f3ff5;border:2px solid #fff6d6;border-radius:15px;padding:11px 14px;animation:.25s ease-out both transaction-arrive;box-shadow:0 5px #092e31,0 10px 28px #082d4c55}.transaction-parties{justify-content:center;align-items:center;gap:9px;display:flex}.transaction-parties>span{background:var(--party);border:1px solid #fff9;border-radius:9px;place-items:center;width:32px;height:32px;font-size:23px;display:grid}.transaction-parties>strong{color:#ffe293;margin-left:3px;font:900 clamp(20px,3cqw,28px)/1.1 Nunito Sans,sans-serif}.transaction-parties .building-piece{filter:none;width:22px;height:26px}.transaction-notice p{overflow-wrap:anywhere;margin:8px 0 3px;font-size:13px;font-weight:900;line-height:1.35}.transaction-notice small{color:#d3e9d5;overflow-wrap:anywhere;font-size:11px;line-height:1.3;display:block}.build-notice{border-color:#ffe293}@keyframes money-flight{0%{opacity:0;transform:translate(0,0) rotate(var(--tilt)) scale(.65)}10%{opacity:1}50%{opacity:1;transform:translate(var(--mx),var(--my)) rotate(calc(var(--tilt) * -1)) scale(1.2)}86%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--tilt)) scale(.65)}}@keyframes money-trail{10%,65%{opacity:.7}to{opacity:0}}@keyframes cash-debit{10%,65%{opacity:1;transform:translate(-50%,-170%)}to{opacity:0;transform:translate(-50%,-200%)}}@keyframes cash-credit{0%,52%{opacity:0}65%,90%{opacity:1;transform:translate(-50%,-170%)}to{opacity:0;transform:translate(-50%,-200%)}}@keyframes building-rise{0%{opacity:0;transform:translateY(-25px)scale(.5)}55%{opacity:1;transform:translateY(2px)scale(1.15,.85)}to{opacity:1;transform:none}}@keyframes build-site-glow{50%{box-shadow:0 0 0 6px #ffdf7580,0 .4cqw .55cqw #1c53414d}}@keyframes transaction-arrive{0%{opacity:0;transform:translateY(7px)scale(.96)}to{opacity:1;transform:none}}@media (width<=850px){.transaction-announcement{width:min(260px,100% - 48px);top:19%}.transaction-notice{border-radius:11px;padding:8px 11px}.transaction-parties{gap:7px}.transaction-parties>span{width:28px;height:28px;font-size:19px}.transaction-parties>strong{font-size:21px}.transaction-notice p{margin:6px 0 2px;font-size:12px}.transaction-notice small{font-size:10px}}@media (height<=500px){.transaction-notice{padding:6px 9px}.transaction-announcement{top:17%}.transaction-parties>span{width:24px;height:24px;font-size:17px}.transaction-notice p{margin-top:4px;font-size:11px}.transaction-parties>strong{font-size:19px}}@media (prefers-reduced-motion:reduce){.money-route,.flying-note{display:none}.property-buildings[data-building=true],.building-slot[data-new=true],.transaction-notice,.cash-change{animation:none}.cash-change{opacity:1}.cash-out{transform:translate(-50%,-240%)}.cash-in{transform:translate(-50%,-110%)}}.mobile-nav,.mobile-wallet,.mobile-city-picker{display:none}.drawn-card{text-align:left;width:100%}.drawn-card>span{flex:1}@media (width<=850px),(width<=1000px) and (height<=500px){html,body{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}#root{height:var(--app-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;overflow:hidden}.topbar{height:54px;min-height:54px;box-shadow:none;padding:0 14px}.logo{gap:8px;font-size:23px}.logo-mark{border-radius:10px;width:33px;height:33px}.logo small{letter-spacing:1.1px;margin-top:6px;font-size:5px}.topbar nav{gap:7px}.topbar .icon-btn{width:40px;height:40px}.connection,.footer,.hero-art{display:none}input,select,.chat-form input{font-size:16px}button{touch-action:manipulation}.connection-banner{z-index:20;border-radius:10px;padding:10px;font-size:11px;position:fixed;top:54px;left:8px;right:8px}.toast{z-index:50;max-width:calc(100% - 24px);top:60px;bottom:auto}.game-layout{flex:1;grid-template-rows:38px minmax(0,1fr) auto 58px;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:6px 10px 0;display:grid}.game-heading{grid-area:1/1;align-items:center;gap:8px;min-width:0}.game-heading h1,.game-heading .eyebrow{display:none}.mobile-wallet{flex-direction:column;gap:2px;min-width:0;font-size:10px;display:flex}.mobile-wallet span{text-overflow:ellipsis;white-space:nowrap;max-width:48vw;overflow:hidden}.mobile-wallet strong{color:#ffda69;font-size:17px;font-weight:900;line-height:1}.room-code{border-radius:9px;gap:7px;min-height:36px;padding:4px 8px;display:flex;box-shadow:0 2px #103571}.game-heading .room-code{max-width:170px}.room-code>span{letter-spacing:.6px;max-width:30px;font-size:7px}.room-code strong{letter-spacing:1.5px;font-size:15px}.board-column{display:contents}.board-column>.board-stage{grid-area:2/1;place-items:center;min-height:0;display:grid;container-type:size}.board-column .board-tools,.board-foot{display:none}.board-column .board-viewport{width:min(100cqw,100cqh);height:min(100cqw,100cqh);padding:3px 3px 12px;overflow:hidden}.board-column .board{border-width:5px;gap:1px;width:100%;min-width:0;max-height:100%;box-shadow:0 5px #739fc7,0 9px #0c3b77}.board-column .board-center{position:relative}.board-column .center-kicker{display:none}.board-column .center-title{font-size:8cqw;line-height:.9;top:5%}.board-column .game-city{max-height:57%}.board-column .center-bottom{bottom:11%}.board-column .center-status{display:none}.mobile-city-picker{z-index:2;width:74%;margin:0;font-size:0;display:block;position:absolute;bottom:3%;left:13%}.mobile-city-picker select{background:#fffff5ed;border:1px solid #ffffffc0;border-radius:8px;min-height:36px;margin:0;padding:7px 8px;font-size:12px;font-weight:800;box-shadow:0 3px #498da568}.board-column .tile{touch-action:manipulation}.turn-card,.lobby-banner{border-radius:14px;grid-area:3/1;min-width:0;margin:0;padding:10px 12px;box-shadow:0 3px #11356e}.turn-label{letter-spacing:.6px;gap:6px;font-size:8px;line-height:1.1}.turn-label>span:last-child{padding:3px 5px;font-size:7px}.turn-main{gap:8px;margin:5px 0 8px}.turn-main h2{font-size:19px;line-height:1.1}.turn-main p{margin-top:4px;font-size:11px;line-height:1.3}.dice{gap:6px;margin:0 1px 0 4px}.dice .game-die{border-radius:8px;gap:2px;width:32px;height:32px;padding:5px}.turn-card .btn,.lobby-banner .btn{min-height:44px;padding:9px 10px;font-size:12px;box-shadow:0 3px #b78326}.turn-card>.btn{width:100%}.turn-card .action-row{flex-wrap:nowrap;gap:6px;display:flex}.turn-card .action-row>.btn{flex:1;min-width:0;line-height:1.15}.turn-card .auction input{width:90px;min-width:0;min-height:44px;padding:7px}.auction-time{margin:0 0 4px;font-size:10px}.auction>p{margin:0 0 6px;font-size:11px}.drawn-card{min-height:32px;margin-top:8px;padding:6px 8px;font-size:10px;line-height:1.3}.drawn-card>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lobby-banner{flex-direction:column;gap:8px;display:flex}.lobby-banner strong{font-size:20px}.lobby-banner p{margin-top:3px;font-size:11px;line-height:1.35}.lobby-banner .action-row{width:100%}.lobby-banner .action-row>.btn{flex:1}.winner h2{font-size:23px}.winner>svg{width:24px;height:24px}.winner p{font-size:11px}.mobile-nav{background:#103773;border:1px solid #70a2db60;border-bottom:0;border-radius:16px 16px 0 0;grid-area:4/1;align-items:stretch;gap:4px;min-height:0;padding:4px 5px 3px;display:flex}.mobile-nav>button{color:#adcaee;background:0 0;border:0;border-radius:11px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:44px;font-size:10px;font-weight:800;display:flex}.mobile-nav>button[aria-pressed=true]{color:#503c23;background:#ffce61;box-shadow:0 2px #b2822d}.mobile-nav>button>span{display:flex;position:relative}.mobile-nav i{background:#ff6979;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-5px}.mobile-nav i.mic-live{background:#43e3b6}.mobile-nav i.mic-muted{background:#ffb151}.sidebar{flex-direction:column;grid-area:2/1;align-items:stretch;gap:0;min-width:0;min-height:0;display:none;overflow:hidden}.sidebar>section,.sidebar>.voice-panel{width:100%;height:100%;min-height:0;max-height:100%;box-shadow:none;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;flex:1 1 0;grid-area:auto;margin:0;display:none;overflow:hidden auto}.game-layout:not([data-mobile-panel=board]) .board-stage{visibility:hidden;pointer-events:none}.game-layout:not([data-mobile-panel=board]) .sidebar{z-index:1;display:flex}[data-mobile-panel=players] .players-panel,[data-mobile-panel=properties] .portfolio,[data-mobile-panel=voice] .voice-panel{display:block}[data-mobile-panel=chat] .chat-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-panel .tabs{flex-shrink:0}.chat-panel .tabs button{min-height:44px;font-size:12px}.messages{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;flex:1;height:auto;min-height:0}.chat-form{flex-shrink:0}.chat-form input{min-height:48px;padding:10px 12px}.chat-form button{min-width:48px}.chat-line,.log-line{font-size:12px}.chat-line strong{font-size:11px}.panel-title{padding:12px 14px}.panel-title h3{font-size:18px}.panel-title button{min-height:40px;padding:7px 12px}.player-row{gap:9px;padding:9px 12px}.player-info{min-width:0}.player-info strong{overflow-wrap:anywhere}.player-info>span{max-width:none;font-size:10px}.player-token{width:38px;height:38px;font-size:24px}.player-balance{font-size:13px}.player-balance button{width:36px;height:36px}.property-chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.property-chips button{min-height:44px;padding:10px;font-size:12px}.voice-controls>button{min-width:44px;min-height:44px}.voice-panel .btn{min-height:44px}.voice-panel p,.peer{font-size:12px}.peer input{min-height:32px}.offer{font-size:12px}.offer .btn{min-height:44px;font-size:12px}.text-button{min-height:44px;font-size:11px}.modal{max-height:calc(var(--app-height,100dvh) - 24px);overscroll-behavior:contain;scrollbar-width:thin;width:calc(100% - 24px);padding:14px}.modal-head{z-index:3;background:#f8fbff;margin-bottom:8px;padding:8px 0 10px;position:sticky;top:-14px}.modal-head .icon-btn{min-width:44px;min-height:44px}.modal h2{font-size:21px}.modal .btn{min-height:44px}.deed-band{padding:9px}.deed-price{margin:10px 10px 4px;font-size:26px}.deed>p{margin:6px 10px}.rent-table{padding:5px 9px}.rent-table>div{line-height:1.8}.rent-table small{margin:6px 0;line-height:1.4}.deed-meta{padding:8px}.property-actions{gap:8px;margin-top:10px}.landing{flex:1;justify-content:center;align-items:center;width:100%;max-width:520px;min-height:0;margin:0 auto;padding:10px 18px;display:flex;overflow:hidden}.hero-copy{width:100%;min-height:0}.hero-copy .eyebrow{letter-spacing:1px;font-size:7px}.hero-copy h1{letter-spacing:-1px;margin:12px 0;font-size:clamp(30px,7vh,56px);line-height:.98}.hero-description{margin:10px 0 14px;font-size:11px}.hero-description br{display:none}.entry-card{border-radius:16px;max-width:420px;box-shadow:0 5px #153c76}.entry-card-heading{padding:10px 14px;font-size:9px}.entry-card-heading small{font-size:10px}.entry-card-heading>span{font-size:24px}.entry-card .tabs button{min-height:40px;padding:9px;font-size:12px}.entry-card form{padding:10px 14px 0}.entry-card label{margin-bottom:7px;font-size:11px}.entry-card input{min-height:42px;margin-top:4px;padding:8px 10px}.token-picker{gap:5px;margin-bottom:12px}.token-picker button{width:calc(16.6667% - 4.16667px);min-width:0;height:44px;font-size:24px}.entry-card .btn{min-height:44px;padding:10px 14px}.entry-foot{padding:10px;font-size:9px}.saved-seat{padding:8px 14px 0}.saved-seat button{min-height:36px;padding:6px;font-size:10px}.hero-features{gap:18px;margin-top:15px}.hero-features span,.hero-features button{font-size:10px}.hero-features button{min-height:36px}.keyboard-open .topbar{display:none}.keyboard-open .landing{align-items:flex-start;padding-top:6px}.keyboard-open .hero-copy h1,.keyboard-open .hero-copy>.eyebrow,.keyboard-open .hero-description,.keyboard-open .entry-card-heading,.keyboard-open .hero-features,.keyboard-open .entry-foot,.keyboard-open .landing .token-picker,.keyboard-open .entry-card form>label:nth-child(2),.keyboard-open .saved-seat,.keyboard-open .game-heading{display:none}.keyboard-open .game-layout{grid-template-rows:minmax(0,1fr) auto 52px}.keyboard-open .board-column>.board-stage,.keyboard-open .sidebar{grid-row:1}.keyboard-open .turn-card,.keyboard-open .lobby-banner{display:none}.keyboard-open .mobile-nav{grid-row:3}}@media (width<=850px) and (height<=690px){.landing{padding:6px 14px}.hero-copy h1{margin:8px 0;font-size:34px}.hero-copy h1 br,.hero-description,.entry-card-heading,.hero-copy>.eyebrow{display:none}.hero-features{margin-top:8px}.entry-card .tabs button{padding:8px}.entry-foot{padding:7px}.game-layout{grid-template-rows:34px minmax(0,1fr) auto 54px;gap:6px}.topbar{height:48px;min-height:48px}.turn-main h2{font-size:17px}.turn-card,.lobby-banner{padding:8px 10px}.drawn-card{margin-top:5px;font-size:9px}.mobile-city-picker select{min-height:32px;padding:5px;font-size:11px}.center-bottom .center-motto{display:none}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.topbar{height:44px;min-height:44px}.logo small{display:none}.logo-mark{width:28px;height:28px}.logo{font-size:21px}.topbar .icon-btn{height:36px;min-height:36px}.game-layout{grid-template-rows:36px minmax(0,1fr) 51px;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);column-gap:12px;padding:5px 12px 0}.game-heading{grid-area:1/2}.board-column>.board-stage,.sidebar{grid-area:1/1/3/2}.turn-card,.lobby-banner{grid-area:2/2;align-self:center;max-height:100%;overflow:auto}.mobile-nav{grid-area:3/1/4/3}.turn-main h2{font-size:17px}.turn-main p{font-size:10px}.drawn-card{font-size:9px}.mobile-nav>button{flex-direction:row;gap:8px}.mobile-city-picker select{font-size:11px}.turn-card[data-phase=auction] .turn-main h2{display:none}.turn-card[data-phase=auction] .turn-main{margin:3px 0}.turn-card[data-phase=auction] .dice,.turn-card[data-phase=auction] .drawn-card{display:none}.landing{max-width:760px;padding:6px 16px}.hero-copy{grid-template-columns:.7fr 1fr;align-items:center;gap:8px 24px;display:grid}.hero-copy h1{grid-area:1/1;margin:0;font-size:38px;line-height:1.1}.hero-copy h1 br{display:block}.hero-features{flex-wrap:wrap;grid-area:2/1;gap:7px 14px;margin:0}.hero-copy>.eyebrow,.hero-description,.entry-card-heading{display:none}.entry-card{grid-area:1/2/3/3;width:100%;max-width:none}.entry-card form{padding-top:6px}.entry-card label{margin-bottom:4px}.entry-card input{min-height:36px;padding:5px 8px}.token-picker{margin-bottom:7px}.token-picker button{height:36px;font-size:21px}.entry-card .btn{min-height:38px;padding:7px}.entry-card .tabs button{min-height:36px;padding:7px}.entry-foot{display:none}.saved-seat{padding-top:5px;padding-bottom:5px}.saved-seat button{min-height:30px}.entry-card form{padding-bottom:9px}.keyboard-open .hero-copy{display:block}.keyboard-open .landing{max-width:500px}.keyboard-open .game-layout{grid-template-rows:minmax(0,1fr) 48px;grid-template-columns:minmax(0,1fr)}.keyboard-open .sidebar{grid-area:1/1}.keyboard-open .mobile-nav{grid-area:2/1}.landing{max-width:660px}.hero-copy{display:block}.hero-copy h1,.hero-features{display:none}.entry-card form{grid-template-columns:1fr 1fr;gap:8px 16px;padding:10px 14px;display:grid}.entry-card form>label:first-child{grid-area:1/1}.entry-card form>label:nth-child(2){grid-area:1/2;align-self:start}.entry-card form>.token-picker{grid-area:1/2;align-self:end;gap:4px;margin:20px 0 4px}.token-picker button{width:calc(16.6667% - 3.33333px);height:36px;font-size:20px}.entry-card form>label:has(.code-input){grid-area:2/1}.entry-card form>.btn{grid-column:1/-1}.entry-card form:has(.code-input)>.btn{grid-area:2/2;align-self:end;margin-bottom:4px}.saved-seat{padding-bottom:8px}}.play-stage .board{container-name:tabletop}.tile-code{color:#173941;font:900 clamp(6px,2.1cqw,10px)/1.1 Nunito Sans,sans-serif;display:none}.play-stage{flex-direction:column;gap:9px;min-width:0;display:flex}.board-toolbar{align-items:center;gap:9px;min-height:40px;display:flex}.board-city-search{flex:1;min-width:0;margin:0}.board-city-search>span{display:none}.board-city-search select{color:#25486b;background:#eaf5fc;border:1px solid #8eb8d8;border-radius:10px;min-height:40px;margin:0;padding:8px 12px;font-size:13px;font-weight:800}.board-toolbar>button{color:#ecf7ff;background:#173f73;border:1px solid #8bb3d4;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.play-stage>.board-viewport{aspect-ratio:1;isolation:isolate;touch-action:manipulation;background:radial-gradient(#377b94,#174d70);border:1px solid #81b8d766;border-radius:20px;place-items:center;width:100%;height:auto;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #082b4b45;container-type:size}.board-camera{transform-origin:50%;width:100%;min-width:0;transition:transform var(--camera-time,.5s) cubic-bezier(.22,.61,.36,1);will-change:transform}.play-stage .board-camera{width:min(100cqw - 22px,100cqh - 22px);height:min(100cqw - 22px,100cqh - 22px)}.play-stage .board{aspect-ratio:1;background:#527369;border:6px solid #ecd9a8;border-radius:10px;grid-template-rows:1.85fr repeat(9,1fr) 1.85fr;grid-template-columns:1.85fr repeat(9,1fr) 1.85fr;gap:1px;width:100%;height:100%;max-height:none;overflow:hidden;box-shadow:0 5px #ae8c50,0 9px #614a2c,0 15px 20px #082c4a70}.play-stage .board .board-center{background:radial-gradient(at 50% 40%,#e6f4df,#bfdfce);box-shadow:inset 0 0 0 1px #79ae96,inset 0 0 35px #69a28838}.play-stage .board .board-center:before{border:1px solid #7aaa973e;border-radius:14px;width:90%;height:90%;top:5%;left:5%;box-shadow:0 0 0 5px #f4fff32a}.play-stage .board .center-kicker{display:none}.play-stage .board .center-title{letter-spacing:-.1cqw;text-shadow:0 .25cqw #fff;color:#1c6966;-webkit-text-stroke:0;margin-top:5cqw;font-size:4.1cqw;line-height:1;transform:none}.play-stage .board .center-title>span{color:#ae6d25;text-shadow:0 .25cqw #fff;-webkit-text-stroke:0;margin-left:.7cqw;display:inline}.play-stage .board .game-city{filter:drop-shadow(0 .8cqw 1cqw #48896f30);opacity:.94;width:78%;height:38cqw;max-height:none;top:12cqw;left:11%}.play-stage .board .center-bottom{bottom:6cqw;left:10%;right:10%}.play-stage .board .center-motto{color:#397f75;font-size:1.5cqw}.play-stage .board .center-motto strong{font-size:1.7cqw}.play-stage .board .card-deck{width:8cqw;height:10cqw;transform:rotate(-10deg);box-shadow:0 .4cqw #f7fff0,0 .7cqw #749e8c,0 1cqw 2cqw #426e6650}.play-stage .board .community-deck{transform:rotate(10deg)}.play-stage .board .card-deck>span{font-size:3cqw}.play-stage .board .card-deck small{font-size:.9cqw}.play-stage .board .center-status{color:#397468;width:86%;font-size:1.2cqw;display:flex;bottom:1.8cqw}.play-stage .tile{color:#193e45;box-shadow:inset 0 -2px var(--owner);background:#fffbed;border-radius:1px;gap:.25cqw;padding:1.3cqw .25cqw .3cqw}.play-stage .tile-band{height:1.15cqw;box-shadow:inset 0 1px #ffffff80}.play-stage .tile-name{color:#173941;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;text-shadow:none;font:900 clamp(7px,1.7cqw,14px)/1.1 Nunito Sans,sans-serif}.play-stage .tile-price{color:#3e5f5b;font:800 clamp(6px,1.4cqw,12px)/1.1 Nunito Sans,sans-serif}.play-stage .tile-symbol{font-size:2.6cqw;line-height:1}.play-stage .tile.corner{gap:.5cqw;padding:.8cqw}.play-stage .tile.corner .tile-name{font:900 clamp(8px,2cqw,16px)/1.05 Nunito Sans,sans-serif}.play-stage .tile.corner .tile-symbol{font-size:3.5cqw}.play-stage .tile.edge-west:not(.corner),.play-stage .tile.edge-east:not(.corner){gap:.1cqw;padding:.3cqw 1.25cqw .3cqw .2cqw}.play-stage .edge-west:not(.corner) .tile-band{width:1.1cqw;height:auto;inset:0 0 0 auto}.play-stage .edge-east:not(.corner) .tile-band{width:1.1cqw;height:auto;inset:0 auto 0 0}.play-stage .tile.edge-east:not(.corner){padding:.3cqw .2cqw .3cqw 1.25cqw}.play-stage .edge-west:not(.corner) .tile-price,.play-stage .edge-east:not(.corner) .tile-price{white-space:nowrap;flex-shrink:0;display:block}.play-stage .edge-west:not(.corner) .tile-symbol,.play-stage .edge-east:not(.corner) .tile-symbol{display:none}.play-stage .tile-festival{background:#f3e8ff}.play-stage .tile-community{background:#ffe7ed}.play-stage .tile-rail{background:#e5eff8}.play-stage .tile.occupied{box-shadow:inset 0 0 0 1px #d99422,inset 0 -2px var(--owner);background:#ffe9a1}.play-stage .tile.owned{background:color-mix(in srgb,var(--owner) 32%,#fffbed);box-shadow:inset 0 0 0 max(1px,.45cqw) var(--owner)}.ownership-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.ownership-flag{background:var(--owner);border:1px solid #fff;border-radius:.5cqw;place-items:center;width:2.8cqw;height:2.8cqw;font-size:2cqw;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .3cqw .5cqw #17394150}.ownership-announcement{z-index:12;pointer-events:none;justify-content:center;display:flex;position:absolute;top:8px;left:8px;right:8px}.ownership-notice{border:2px solid var(--owner);color:#173941;background:#fffff5;border-radius:11px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:13px;line-height:1.25;display:flex;box-shadow:0 4px 16px #082b4b50}.ownership-notice>span{background:var(--owner);border-radius:7px;place-items:center;min-width:28px;height:28px;font-size:20px;display:grid}.ownership-notice strong{overflow-wrap:anywhere}.board-inspector>p.inspector-owner{border-left:4px solid var(--owner);background:color-mix(in srgb,var(--owner) 20%,white);color:#173941;border-radius:5px;align-items:center;gap:7px;padding:6px;display:flex}.inspector-owner>span{font-size:19px}.inspector-owner>strong{flex:1}.inspector-owner>small{font-size:10px}.play-stage .selected-tile{outline-offset:-3px;z-index:2;outline:3px solid #167f9c}.play-stage .tile[data-landed=true]{animation:.65s ease-in-out 3 landing-glow}.play-stage .buildings{z-index:2;font-size:1.4cqw;top:0;right:0}.token-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.moving-token{transition:left var(--step-time) linear,top var(--step-time) linear;z-index:1;position:absolute;transform:translate(-50%,-50%)}.moving-token>span{background:var(--token-color);border:2px solid #fff;border-radius:50% 50% 42% 42%;place-items:center;width:clamp(15px,3.1cqw,30px);height:clamp(15px,3.1cqw,30px);font-size:clamp(10px,2.1cqw,21px);display:grid;box-shadow:0 3px #25474c,0 5px 5px #19363860}.current-token{z-index:3}.current-token>span{outline:2px solid #f6ab26}.hopping>span{animation:token-hop var(--step-time) ease-in-out infinite}.jumping{transition-duration:.3s;transition-timing-function:ease-in-out}.board-caption{color:#d5e8f7;align-items:center;gap:7px;min-width:0;min-height:28px;font-size:12px;display:flex}.board-caption>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-caption strong{color:#fff1c1;font-weight:900}.caption-token{flex-shrink:0;font-size:21px}.board-round{color:#b5cfea;white-space:nowrap;margin-left:auto;font-size:10px}.board-inspector{z-index:10;overscroll-behavior:contain;border:2px solid #fff8e2;border-top:9px solid var(--deed-color);color:#244450;text-align:left;scrollbar-width:thin;background:#fffff5;border-radius:13px;width:min(300px,100% - 28px);max-height:calc(100% - 16px);padding:14px 16px 12px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 5px #8d9e87,0 16px 50px #073f4e60}.board-inspector>small{letter-spacing:1.5px;color:#577c77;padding-right:25px;font-size:9px;font-weight:900;display:block}.board-inspector h2{font:600 22px/1.1 var(--display);color:#234f59;overflow-wrap:anywhere;margin:8px 0;padding-right:12px}.inspector-close{color:#38615e;background:#e6efe6;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:3px;right:3px}.inspector-numbers{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.inspector-numbers strong{color:#254738;font-size:18px}.inspector-numbers span{color:#33514e;font-size:12px;font-weight:800}.board-inspector>p{color:#496b66;overflow-wrap:anywhere;margin:8px 0;font-size:12px;line-height:1.3}.inspector-open{color:#fff;background:#226d71;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:38px;font-size:12px;font-weight:900;display:flex}.board-roll{z-index:8;pointer-events:none;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.board-roll .game-die{width:64px;height:64px;padding:11px;animation:.6s ease-out dice-tumble}.board-roll .game-die:nth-child(2){animation-delay:50ms}@keyframes token-hop{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.1)}}@keyframes landing-glow{50%{background:#ffe16b;box-shadow:inset 0 0 0 3px #e99e1b}}@media (width<=850px),(width<=1000px) and (height<=500px){.board-column>.play-stage{flex-direction:column;justify-content:stretch;align-items:stretch;gap:5px;width:100%;height:100%;padding-bottom:0;display:flex}.board-column .play-stage>.board-viewport{aspect-ratio:auto;border-radius:14px;flex:1;width:100%;height:auto;min-height:0;padding:0;overflow:hidden}.board-toolbar{flex-shrink:0;gap:6px;min-height:36px}.board-city-search select{border-radius:8px;min-height:36px;padding:5px 9px;font-size:16px}.board-toolbar>button{border-radius:8px;min-height:36px;padding:5px 9px;font-size:11px}.play-stage .board{border-width:4px;border-radius:7px;min-width:0;max-height:none;box-shadow:0 4px #ae8c50,0 7px #614a2c,0 12px 16px #082c4a70}.play-stage .board .center-title{margin-top:5cqw;font-size:4.7cqw}.play-stage .board .game-city{height:38cqw;top:11cqw}.play-stage .tile-name{font-size:clamp(6px,2cqw,12px);line-height:1.08}.play-stage .tile-price{font-size:clamp(5px,1.6cqw,10px)}.play-stage .tile.corner .tile-name{font-size:clamp(7px,2.2cqw,13px)}.play-stage .tile:not(.corner) .tile-symbol{font-size:2.2cqw}.play-stage .tile.edge-west:not(.corner) .tile-name,.play-stage .tile.edge-east:not(.corner) .tile-name{font-size:clamp(6px,1.85cqw,11px)}.board-caption{flex-shrink:0;gap:5px;min-height:25px;font-size:11px}.caption-token{font-size:18px}.board-round{font-size:9px}.board-inspector{border-top-width:7px;border-radius:11px;width:min(270px,100% - 36px);padding:10px 12px}.board-inspector h2{margin:7px 0;font-size:20px}.inspector-numbers strong{font-size:17px}.board-inspector>p{margin:7px 0}.inspector-open{min-height:36px}.board-roll .game-die{width:48px;height:48px;padding:8px}.game-layout{grid-template-rows:34px minmax(0,1fr) auto 54px;gap:6px;padding-left:7px;padding-right:7px}.topbar{height:48px;min-height:48px}.game-heading .room-code{min-height:32px}.turn-main h2{display:none}.turn-main{margin:4px 0 7px}.turn-main p{margin:0;font-size:11px}.turn-card{padding:8px 10px}.turn-label{font-size:8px}}@media (width<=850px) and (height<=690px){.board-toolbar,.board-toolbar>button,.board-city-search select{min-height:32px}.board-caption{min-height:22px;font-size:10px}.board-round{display:none}.board-inspector{padding:7px 10px}.board-inspector h2{margin:5px 0;font-size:17px}.board-inspector>small{font-size:8px}.board-inspector>p{margin:5px 0;font-size:11px}.inspector-numbers strong{font-size:15px}.inspector-numbers span{font-size:11px}.inspector-open{min-height:30px;font-size:11px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.game-layout{grid-template-rows:34px minmax(0,1fr) 48px;grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);column-gap:10px;padding-top:4px}.topbar{height:40px;min-height:40px}.board-column>.play-stage{grid-area:1/1/3/2}.board-toolbar{min-height:30px}.board-city-search select,.board-toolbar>button{min-height:30px;padding:3px 7px}.board-toolbar>button>span{display:none}.board-caption{min-height:22px;font-size:10px}.board-round{display:none}.board-inspector{border-top-width:5px;width:min(280px,100% - 18px);padding:5px 9px}.board-inspector>small{letter-spacing:1px;font-size:8px}.board-inspector h2{margin:4px 0;padding-right:20px;font-size:16px}.inspector-numbers strong{font-size:14px}.inspector-numbers span{font-size:10px}.board-inspector>p{margin:4px 0;font-size:10px}.inspector-open{min-height:28px;font-size:10px}.keyboard-open .game-layout{grid-template-rows:minmax(0,1fr) 48px;grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.moving-token,.board-camera{transition:none!important}.hopping>span,.board-roll .game-die,.play-stage .tile[data-landed=true]{animation:none!important}}@container tabletop (width<=280px){.play-stage .tile.edge-north:not(.corner) .tile-name,.play-stage .tile.edge-south:not(.corner) .tile-name{display:none}.play-stage .tile.edge-north:not(.corner) .tile-code,.play-stage .tile.edge-south:not(.corner) .tile-code{display:block}}.play-stage[data-camera=zoomed] .board-viewport{touch-action:none;cursor:grab}.play-stage[data-dragging=true] .board-viewport{cursor:grabbing}.play-stage[data-dragging=true] .board-camera{transition:none}.play-stage[data-camera=zoomed] .tile .tile-code{display:none}.play-stage[data-camera=zoomed] .tile .tile-name,.play-stage[data-camera=zoomed] .tile .tile-price{display:block}.moving-token>span{border-width:2px;width:clamp(20px,4.2cqw,38px);height:clamp(20px,4.2cqw,38px);font-size:clamp(13px,2.8cqw,26px);position:relative}.moving-token[data-seat="2"]>span,.moving-token[data-seat="5"]>span{border-radius:4px}.moving-token[data-seat="3"]>span,.moving-token[data-seat="6"]>span{border-radius:50% 50% 3px 3px}.pawn-number{color:#fff;background:#123550;border:1px solid #fff;border-radius:50%;place-items:center;width:12px;height:12px;font:900 8px/1 Nunito Sans,sans-serif;display:grid;position:absolute;top:-5px;right:-5px}.moving-token.stacked>span{width:clamp(14px,3cqw,28px);height:clamp(14px,3cqw,28px);font-size:clamp(9px,2cqw,19px)}.stacked .pawn-number{width:10px;height:10px;font-size:7px;top:-4px;right:-4px}.current-token>span{outline:3px solid #ffcf40;box-shadow:0 3px #25474c,0 0 0 5px #fff8,0 5px 7px #19363860}.player-row{border-left:5px solid var(--player-color);background:color-mix(in srgb,var(--player-color) 12%,#183f77)}.player-row.is-current{background:color-mix(in srgb,var(--player-color) 22%,#183f77);box-shadow:inset 0 0 0 2px #ffd66c}.player-token{flex-shrink:0;position:relative}.player-number{color:#fff;background:#123550;border:2px solid #fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;line-height:1;display:grid;position:absolute;bottom:-4px;right:-5px}.caption-token{background:var(--player-color);text-align:center;border:1px solid #fff;border-radius:5px;min-width:25px;line-height:1.2;position:relative}.caption-token>b{color:#fff;background:#123550;border-radius:50%;width:11px;font-size:8px;position:absolute;top:-3px;right:-4px}@media (width<=850px),(width<=1000px) and (height<=500px){.play-stage .board-camera{width:min(100cqw - 12px,100cqh - 16px);height:min(100cqw - 12px,100cqh - 16px)}.play-stage .tile-name{font-size:clamp(7px,2.1cqw,12px)}.play-stage .tile-price{color:#234b46;font-size:clamp(6px,1.8cqw,11px)}.play-stage .tile.edge-west:not(.corner) .tile-name,.play-stage .tile.edge-east:not(.corner) .tile-name{font-size:clamp(6px,1.95cqw,11px)}.board-round{text-overflow:ellipsis;color:#fff1c1;max-width:30%;font-weight:900;overflow:hidden}.player-row .player-info strong{font-size:15px}}@media (width<=360px){.topbar{padding-left:10px;padding-right:10px}.topbar .logo{gap:5px;font-size:18px}.topbar .logo-mark{width:27px;height:29px}.topbar .icon-btn{width:32px;min-width:32px}.topbar nav{gap:5px}.topbar .logo small{letter-spacing:1px;font-size:4px}}@container tabletop (width<=280px){.play-stage .tile .tile-name,.play-stage .tile .tile-price{display:none}.play-stage .tile .tile-code{display:block}.play-stage .tile.edge-west:not(.corner),.play-stage .tile.edge-east:not(.corner){gap:0;padding-top:0;padding-bottom:0}.play-stage .edge-west:not(.corner) .tile-code,.play-stage .edge-east:not(.corner) .tile-code{font-size:clamp(4.5px,2cqw,6px);line-height:1}.play-stage .edge-west:not(.corner) .tile-price,.play-stage .edge-east:not(.corner) .tile-price{font-size:clamp(4px,1.6cqw,5px);line-height:1;display:block}}@media (width<=850px) and (height<=690px) and (orientation:portrait){.lobby-banner{gap:5px;padding:7px 10px}.lobby-banner strong{font-size:16px}.lobby-banner p{margin-top:2px;font-size:10px}}@media (width>=851px) and (height>=501px){body:has(.game-layout) .footer{display:none}.game-layout{grid-template-rows:62px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 300px;gap:14px 20px;height:calc(100dvh - 85px);min-height:500px;padding:14px 24px 12px}.game-heading h1{font-size:23px}.board-column{flex-direction:column;gap:12px;min-height:0;display:flex}.board-column>.play-stage{flex:1;min-height:0}.board-column .play-stage>.board-viewport{aspect-ratio:auto;flex:1;min-height:0}.board-foot{display:none}.turn-card,.lobby-banner{flex-shrink:0;margin:0;padding:10px 14px}.turn-main{margin:5px 0 8px}.turn-main h2{font-size:20px}.turn-main p{font-size:11px}.turn-card .game-die{width:38px;height:38px;padding:6px}.sidebar{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:0 4px 7px 0;overflow:auto}.game-layout>.sidebar>section,.game-layout>.sidebar>.voice-panel{flex-shrink:0}}.ct-island-wrap{position:relative}.ct-zoom{z-index:2;color:#fff1cb;background:#133f4ee8;border:1px solid #8db4ad;border-radius:9px;min-height:36px;padding:7px 11px;font-size:11px;font-weight:900;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #082c3b50}.ct-remove{color:#813f2c;background:#fff0d5;border:1px solid #8eaaa5;border-radius:6px;margin-top:7px;padding:5px 8px;font-size:10px;display:block}.ct-seat-preview{align-items:center;gap:12px;padding:8px 0 15px;display:flex}.ct-seat-preview>span{white-space:nowrap;font-size:24px}.ct-seat-preview small{color:#52718c;font-size:10px;line-height:1.5}.ct-preview{text-align:center}.ct-preview svg{filter:drop-shadow(0 16px #10354d)drop-shadow(0 20px 25px #06284170);width:100%}.ct-preview h2{font:600 28px var(--display);color:#ffe4a7;margin-top:24px}.ct-preview p{color:#c5e8e0;font-size:12px}.game-picker{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;display:grid}.game-picker button{color:#e9f5ff;text-align:left;background:#173f73;border:2px solid #80b4d2;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:900;display:flex}.game-picker button[aria-pressed=true]{color:#624119;background:#ffe1a0;border-color:#ffcb5b;box-shadow:0 3px #ad7d38}.game-picker button>span:first-child{font-size:24px}.game-picker small{opacity:.8;margin-top:2px;font-size:9px;display:block}.catan-layout{--ct-ink:#173d46;--ct-paper:#fff4d9;--ct-gold:#f4c65b;--ct-muted:#afc7c4;color:#edf3dd;background:radial-gradient(at 30% 0,#245b62,#123d4e 65%);grid-template-rows:54px minmax(0,1fr) 70px auto;grid-template-columns:minmax(0,1fr) 350px;gap:12px 20px;width:100%;max-width:1460px;height:calc(100dvh - 85px);min-height:650px;margin:0 auto;padding:16px 26px;display:grid}body:has(.catan-layout) .footer{display:none}.ct-heading{grid-area:1/1/2/3;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.ct-heading small{letter-spacing:1.6px;color:#e6c78a;font-size:9px;font-weight:900}.ct-heading h1{font:600 23px/1.2 var(--display);color:#fff4db;margin:3px 0 0}.ct-room{color:#ffde86;background:#1c4b57;border:1px solid #91b7b1;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.ct-room small{letter-spacing:.8px;font-size:8px}.ct-room strong{letter-spacing:2px;font-size:17px}.ct-map-area{background:#123f4e;border:1px solid #528b8f;border-radius:21px;grid-area:2/1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #082c3b50}.ct-island-wrap{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.ct-island{-webkit-user-select:none;user-select:none;touch-action:manipulation;flex:1;width:100%;height:calc(100% - 22px);min-height:0;display:block}.ct-map-caption{color:#b5d2cc;flex-shrink:0;justify-content:space-between;height:22px;padding:0 16px;font-size:9px;line-height:18px;display:flex}.ct-hex{cursor:pointer}.ct-hex:focus-visible polygon,.ct-hex:hover polygon{stroke:#fff8d4;stroke-width:5px}.ct-hex.chosen polygon{stroke:#fff;stroke-width:7px}.ct-hex.can-rob polygon{stroke:#ffd157;stroke-width:4px}.ct-road-target,.ct-vertex{cursor:pointer}.ct-road-target:focus-visible,.ct-vertex:focus-visible{filter:drop-shadow(0 0 4px #fff);outline:none}.ct-vertex:hover .ct-build-dot{stroke:#fff;stroke-width:4px}.ct-hex-info{color:#254952;background:#fff5dd;border:2px solid #e1b75e;border-radius:10px;flex-direction:column;gap:3px;max-width:90%;padding:10px 34px 10px 12px;font-size:11px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #082d3d70}.ct-hex-info strong{font-size:15px}.ct-hex-info button{color:#24505a;background:#e7dac0;border:0;border-radius:5px;place-items:center;padding:4px;display:grid;position:absolute;top:3px;right:3px}.ct-hand{grid-area:3/1;grid-template-columns:repeat(5,minmax(0,1fr)) 1.15fr;gap:7px;min-height:0;display:grid}.ct-hand>div{border:1px solid #ffedbd;border-top:4px solid var(--resource,#eac260);color:#24434a;background:linear-gradient(150deg,#fff3d9,#ead4a6);border-radius:10px;grid-template-columns:auto auto;place-content:center;gap:0 7px;display:grid;box-shadow:0 3px #776443}.ct-hand>div>span{font-size:23px}.ct-hand strong{font-size:23px;line-height:1.2}.ct-hand small{text-align:center;grid-column:1/-1;margin-top:2px;font-size:10px;font-weight:900}.ct-score>svg{align-self:center}.ct-dock{background:#214d58;border:1px solid #699393;border-radius:14px;grid-area:4/1;min-width:0;padding:12px 14px;box-shadow:0 4px #092f3c}.ct-action-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.ct-action-title small{color:#a6ddd0;letter-spacing:1.3px;font-size:9px;font-weight:900}.ct-action-title h2{font:600 20px/1.15 var(--display);color:#ffe8ad;margin:3px 0 0}.ct-dice{gap:8px;display:flex}.ct-dice .game-die{border-radius:8px;gap:3px;width:35px;height:35px;padding:6px;box-shadow:0 3px #709698}.ct-button{color:#544322;background:linear-gradient(#ffdf8b,#eaba55);border:1px solid #ffe5a6;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 13px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:0 3px #94703b}.ct-button:hover:not(:disabled){background:#ffe9ad}.ct-button:disabled{opacity:.45;cursor:not-allowed}.ct-roll{width:100%}.ct-actions{flex-wrap:wrap;gap:8px;display:flex}.ct-actions>.ct-button{flex:1;min-width:0}.ct-actions>p{font-size:12px;line-height:1.4}.ct-cost{white-space:nowrap;align-items:center;gap:2px;font:900 12px/1.3 Nunito Sans,sans-serif;display:inline-flex}.ct-cost>span{display:inline-block}.ct-build-actions{grid-template-columns:repeat(4,minmax(0,1fr)) .7fr;gap:6px;display:grid}.ct-build-actions>button{color:#28535a;text-transform:capitalize;background:#f1ebd7;border:1px solid #adc9b7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:49px;padding:8px 5px;font-size:11px;font-weight:900;display:flex;box-shadow:0 3px #6b897f}.ct-build-actions>button.ct-end{color:#5f4923;background:#f4c65b;border-color:#ffdc8a;font-size:12px}.ct-cancel-build{color:#ffdf8f;background:0 0;border:0;padding:8px 0 0;font-size:11px;text-decoration:underline}.ct-action-hint{color:#d2e5dd;margin:0;font-size:12px;line-height:1.4}.ct-side{background:#173f4c;border:1px solid #5e898b;border-radius:15px;grid-area:2/2/5/3;min-width:0;min-height:0;padding-top:65px;overflow:hidden}.ct-panel-content{overscroll-behavior:contain;scrollbar-width:thin;height:100%;padding:13px;overflow:auto}.ct-panel-content h2{font:600 22px var(--display);color:#ffe7af;margin:0 0 8px}.ct-panel-content h3{margin:0 0 8px;font:800 14px Nunito Sans,sans-serif}.ct-muted{color:#b3cec6;margin:6px 0 12px;font-size:12px;line-height:1.5}.ct-paper{color:#29515a;background:#f5eace;border:1px solid #fff0c8;border-radius:12px;margin:0 0 13px;padding:13px;box-shadow:0 3px #0c303b}.ct-paper h3{align-items:center;gap:7px;display:flex}.ct-paper p{margin:8px 0;font-size:12px;line-height:1.5}.ct-paper small{font-size:10px}.ct-paper .ct-button{width:100%}.ct-paper label,.ct-dialog label{color:#2b535d;margin:7px 0;font-size:11px;font-weight:800;display:block}.ct-paper select,.ct-paper input,.ct-dialog select,.ct-dialog input{color:#244b55;background:#fffaf0;border:1px solid #b9ba9d;border-radius:7px;width:100%;min-height:39px;margin-top:4px;padding:6px 8px;font-size:14px}.ct-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ct-resource-picker{border:0;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:11px 0;padding:0;display:grid}.ct-resource-picker legend{margin-bottom:6px;font-size:12px;font-weight:900}.ct-resource-picker label{min-width:0;margin:0}.ct-resource-picker label>span{white-space:nowrap;font-size:9px;display:block}.ct-resource-picker input{text-align:center;width:100%;padding:5px;font-size:16px}.ct-bundle{flex-wrap:wrap;gap:5px;display:flex}.ct-bundle>span{color:#315760;background:#fbf5e3;border:1px solid #b7c3ac;border-radius:5px;padding:3px 5px;font-size:11px;font-weight:800;display:inline-flex}.ct-development .ct-card-symbol{float:right;margin-left:8px;font-size:34px}.ct-secret-score{color:#ffe6a0;background:#4e5b43;border:1px solid #b8a968;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0;padding:12px;font-size:19px;font-weight:900;display:flex}.ct-secret-score small{width:100%;font-size:11px}.ct-tag{border:1px dashed #b2a073;border-radius:6px;padding:7px;font-size:10px;font-weight:800;display:block}.ct-player{border:1px solid #4f7880;border-left:5px solid var(--seat);background:color-mix(in srgb,var(--seat) 10%,#173b49);color:#e2ece0;border-radius:11px;gap:11px;margin-bottom:10px;padding:12px 10px;display:flex}.ct-player-token{background:var(--seat);border:2px solid #f4edd7;border-radius:8px;flex-shrink:0;place-items:center;width:39px;height:42px;font-size:25px;display:grid;position:relative}.ct-player-token>b{color:#fff;text-align:center;background:#133d48;border:1px solid #fff;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:15px;position:absolute;bottom:-5px;right:-4px}.ct-player h3{margin:0 0 4px;font-size:14px}.ct-player h3>small{color:#ffdd87;font-size:8px}.ct-player p{color:#adcac2;margin:0 0 5px;font-size:10px}.ct-player-stats{flex-wrap:wrap;gap:3px 9px;margin-bottom:5px;font-size:10px;display:flex}.ct-player small{color:#d0dfd1;font-size:9px}.ct-nav{z-index:1;border-bottom:1px solid #628488;grid-area:2/2;grid-template-columns:repeat(6,minmax(0,1fr));align-self:start;gap:3px;height:64px;padding:6px;display:grid}.ct-nav button{color:#bed8d0;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-weight:900;display:flex}.ct-nav button[aria-pressed=true]{color:#594628;background:#ecc168}.ct-nav button>span{display:flex;position:relative}.ct-nav b{color:#fff;background:#db6b46;border:1px solid #fff;border-radius:50%;min-width:12px;height:12px;font-size:8px;line-height:11px;position:absolute;top:-5px;right:-7px}.ct-nav i{background:#51e1a8;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-4px}.ct-panel-content>.chat-panel{border:0;flex-direction:column;height:100%;margin:0;display:flex}.ct-panel-content .messages{flex:1;height:auto;min-height:0}.ct-panel-content .chat-form,.ct-panel-content .tabs{flex-shrink:0}.ct-panel-content>.voice-panel{box-shadow:none;background:0 0;border:0;margin:0}.ct-panel-content .voice-panel .panel-title{padding:3px 0 10px}.ct-panel-content .voice-panel p{padding:0}.ct-dialog{color:#254c54;overscroll-behavior:contain;background:#fff2d5;border:2px solid #dfb664;border-radius:17px;width:min(440px,100% - 24px);max-height:calc(100dvh - 24px);padding:18px;box-shadow:0 20px 90px #05222f80}.ct-dialog::backdrop{background:#041d2bba}.ct-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}.ct-dialog header h2{font:600 23px var(--display);margin:0}.ct-dialog header button{color:#284f57;background:#d9dfca;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ct-dialog p{font-size:13px;line-height:1.5}.ct-dialog>.ct-button{width:100%;margin-top:10px}.ct-rules{font-size:13px;line-height:1.5}.ct-rules h3{margin:17px 0 6px}.ct-rules-costs{grid-template-columns:1fr 1fr;gap:5px;display:grid}.ct-rules-costs p{background:#e5ead8;border-radius:6px;justify-content:space-between;align-items:center;margin:0;padding:7px;display:flex}.ct-rules-costs strong{text-transform:capitalize}.ct-rules a{color:#227c80}.ct-rules .ct-muted{color:#57736d}@media (width<=850px),(width<=1000px) and (height<=500px){.game-picker{gap:6px;margin-bottom:8px}.game-picker button{border-radius:9px;padding:7px 9px;font-size:11px}.game-picker button>span:first-child{font-size:20px}.game-picker small{font-size:8px}.catan-layout{flex:1;grid-template-rows:41px minmax(0,1fr) 57px auto 52px;grid-template-columns:minmax(0,1fr);gap:6px;max-width:none;height:auto;min-height:0;padding:5px 7px 0}.ct-heading{grid-area:1/1;gap:8px}.ct-heading h1{margin-top:2px;font-size:14px}.ct-heading small{letter-spacing:1px;font-size:7px}.ct-room{gap:5px;padding:5px 7px}.ct-room strong{letter-spacing:1px;font-size:14px}.ct-room small{display:none}.ct-map-area{border-radius:12px;grid-area:2/1}.ct-island-wrap{padding:0}.ct-map-caption{height:18px;padding:0 8px;font-size:8px;line-height:16px}.ct-island{height:calc(100% - 18px)}.ct-hand{grid-area:3/1;gap:4px}.ct-hand>div{border-top-width:3px;border-radius:7px;gap:0 3px;box-shadow:0 2px #776443}.ct-hand>div>span,.ct-hand strong{font-size:18px}.ct-hand small{font-size:8px}.ct-hand .ct-score strong{font-size:15px}.ct-score>svg{width:14px}.ct-dock{border-radius:11px;grid-area:4/1;padding:7px 9px;box-shadow:0 2px #092f3c}.ct-action-title{gap:8px;margin-bottom:6px}.ct-action-title small{letter-spacing:1px;font-size:7px}.ct-action-title h2{margin-top:2px;font-size:15px}.ct-dice{gap:5px}.ct-dice .game-die{border-radius:6px;gap:2px;width:26px;height:26px;padding:4px}.ct-button{border-radius:8px;min-height:40px;padding:8px 9px;font-size:11px;box-shadow:0 2px #94703b}.ct-actions{gap:6px}.ct-actions>p,.ct-action-hint{margin:0;font-size:10px;line-height:1.3}.ct-build-actions{gap:4px}.ct-build-actions>button{border-radius:6px;gap:3px;min-height:44px;padding:5px 2px;font-size:9px}.ct-build-actions .ct-cost{gap:0;font-size:10px}.ct-build-actions>button.ct-end{font-size:10px}.ct-cancel-build{padding-top:5px;font-size:10px}.ct-side{border-radius:12px;grid-area:2/1;min-height:0;padding:0;display:none}.catan-layout:not([data-panel=board]) .ct-map-area{visibility:hidden;pointer-events:none}.catan-layout:not([data-panel=board]) .ct-side{display:block}.ct-panel-content{padding:10px}.ct-panel-content h2{font-size:20px}.ct-paper input,.ct-paper select,.ct-dialog input,.ct-dialog select{font-size:16px}.ct-resource-picker label>span{font-size:9px}.ct-nav{background:#123c49;border-top:1px solid #5e898b;border-bottom:0;border-radius:12px 12px 0 0;grid-area:5/1;gap:3px;height:52px;padding:4px}.ct-nav small{font-size:9px}.ct-nav button{gap:3px}.ct-hex-info{min-width:180px;padding:8px 29px 8px 10px;font-size:10px;bottom:23px}.ct-hex-info strong{font-size:13px}.ct-panel-content>.chat-panel,.ct-panel-content>.voice-panel{width:100%;display:flex}.ct-panel-content>.voice-panel{display:block}.ct-panel-content .messages{overflow:auto}.ct-panel-content .chat-form input{min-height:42px}.keyboard-open .catan-layout{grid-template-rows:minmax(0,1fr) 48px}.keyboard-open .ct-heading,.keyboard-open .ct-hand,.keyboard-open .ct-dock{display:none}.keyboard-open .ct-side,.keyboard-open .ct-map-area{grid-area:1/1}.keyboard-open .ct-nav{grid-area:2/1;height:48px}}@media (width<=850px) and (height<=690px){.game-picker button{padding:5px 8px}.game-picker small{display:none}.game-picker{margin-bottom:5px}.catan-layout{grid-template-rows:35px minmax(0,1fr) 48px auto 48px}.ct-heading h1{font-size:12px}.ct-hand strong{font-size:16px}.ct-hand small{font-size:7px}.ct-hand>div>span{font-size:16px}.ct-dock{padding:6px 8px}.ct-action-title h2{font-size:13px}.ct-nav{height:48px}.ct-action-hint{font-size:9px}.ct-action-title{margin-bottom:5px}.ct-button{min-height:36px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.game-picker{grid-template-columns:1fr 1fr;margin-bottom:5px}.game-picker button{padding:4px 7px;font-size:10px}.game-picker button>span:first-child{font-size:15px}.game-picker small{display:none}.catan-layout{grid-template-rows:35px minmax(0,1fr) 43px 46px;grid-template-columns:minmax(0,1fr) minmax(220px,.85fr);gap:5px 9px;padding:4px 8px 0}.ct-heading{grid-area:1/2}.ct-map-area,.ct-side{grid-area:1/1/4/2}.ct-hand{grid-area:3/2}.ct-hand>div{gap:0 2px}.ct-hand>div>span{font-size:13px}.ct-hand strong{font-size:14px}.ct-hand small{font-size:6px}.ct-hand .ct-score strong{font-size:12px}.ct-dock{grid-area:2/2;align-self:center;max-height:100%;overflow:auto}.ct-heading h1{font-size:11px}.ct-heading small{font-size:6px}.ct-room strong{font-size:12px}.ct-nav{grid-area:4/1/5/3;height:46px}.ct-nav button{flex-direction:row;gap:7px}.ct-action-title h2{font-size:13px}.ct-build-actions>button>span:first-child,.ct-build-actions .ct-cost{font-size:8px}.ct-cost{font-size:10px}.ct-map-caption{display:none}.ct-island{height:100%}.ct-dice{display:none}.keyboard-open .catan-layout{grid-template-rows:minmax(0,1fr) 46px;grid-template-columns:minmax(0,1fr)}.keyboard-open .ct-side,.keyboard-open .ct-map-area{grid-area:1/1}.keyboard-open .ct-nav{grid-area:2/1}}.ct-rolled .game-die{animation:.6s ease-out dice-tumble}.ct-rolled .game-die:nth-child(2){animation-delay:60ms}body:has(.catan-layout){background:#e7ecf5}body:has(.catan-layout):before{display:none}body:has(.catan-layout) .topbar{height:64px;box-shadow:none;color:#f4f0e8;background:#243552;border:0}body:has(.catan-layout) .topbar .icon-btn{box-shadow:none;background:#344868;border-color:#60738f}body:has(.catan-layout) .connection{color:#c9d7e8;background:#344868}.catan-layout{color:#293c57;background:#e7ecf5;grid-template-rows:108px minmax(0,1fr) 76px auto;grid-template-columns:minmax(0,1fr) 310px;gap:13px 22px;max-width:1600px;height:calc(100dvh - 64px);min-height:0;padding:15px 24px 20px}.ct-heading{grid-template-rows:42px 56px;grid-template-columns:1fr auto;gap:10px 18px;display:grid}.ct-heading>div:first-child{align-items:baseline;gap:14px;display:flex}.ct-heading>div:first-child>small{color:#273b5a;letter-spacing:-.5px;font:600 22px Fredoka,sans-serif}.ct-heading h1{color:#7b8ca3;margin:0;font:800 12px Nunito Sans,sans-serif}.ct-room{color:#49617f;background:#f7f9fc;border:1px solid #c8d3e2;border-radius:9px;padding:7px 12px}.ct-room small{color:#8291a8}.ct-room strong{font-size:15px}.ct-seats{grid-column:1/-1;grid-template-columns:repeat(var(--players,4),minmax(0,1fr));gap:10px;min-width:0;height:56px;display:grid}.ct-seats>button{text-align:left;color:#314967;border:1px solid #d0d9e6;border-left:4px solid var(--seat);background:#f5f7fb;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:7px 12px;display:flex}.ct-seats>button.active{border-color:#7c91ad;border-left-color:var(--seat);box-shadow:0 3px 0 var(--seat);background:#fff}.ct-seat-piece{background:color-mix(in srgb,var(--seat) 35%,white);border:1px solid color-mix(in srgb,var(--seat) 85%,#344563);border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:22px;display:grid;position:relative}.ct-seat-piece b{color:#fff;text-align:center;background:#334864;border:1px solid #fff;border-radius:50%;width:14px;height:14px;font-size:8px;line-height:12px;position:absolute;bottom:-4px;right:-4px}.ct-seat-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12px;font-weight:900;overflow:hidden}.ct-seat-name small{color:#8c9bb0;margin-top:3px;font-size:9px;font-weight:700;display:block}.ct-seats>button>strong{color:#526c8b;font-size:22px}.ct-seats>button>strong small{text-align:center;color:#9ba6b8;margin-top:-3px;font-size:7px;display:block}.ct-map-area{background:#324e6b;border:1px solid #aabccd;border-radius:18px;box-shadow:0 5px #bcc9d9,inset 0 0 45px #172d4c22}.ct-island-wrap{padding:5px 12px 0}.ct-map-caption{color:#d1dfeb;font-size:9px}.ct-zoom{color:#49617b;background:#eff3f9f0;border:1px solid #b6c4d8;min-height:35px;box-shadow:0 2px 5px #172d4c22}.ct-hex:focus{outline:none}.ct-hex:focus-visible polygon{stroke:#fff;stroke-width:6px}.ct-hex:hover polygon{stroke:#fff2d5;stroke-width:4px}.ct-hand{gap:9px}.ct-hand>div{border:1px solid #c9d4e4;border-left:5px solid var(--resource,#e7b96b);color:#354b65;background:#f8fafc;border-radius:10px;grid-template-columns:40px auto;gap:0 6px;position:relative;box-shadow:0 3px #ccd5e2}.ct-hand>div>span{align-self:center;width:40px}.ct-hand>div>span>svg{filter:drop-shadow(0 2px 1px #23385725);width:40px;height:35px;display:block}.ct-hand strong{font-size:28px;font-weight:900}.ct-hand small{color:#667c98;margin:0;font-size:10px}.ct-hand .ct-score{background:#f1dfb8;border-color:#d4b784}.ct-hand .ct-score strong{letter-spacing:-1px;font-size:23px}.ct-hand .ct-score small{color:#8e7651}.ct-dock{color:#f0f4f8;background:#293f5d;border:0;border-radius:13px;padding:13px 15px;box-shadow:0 4px #c6d1df}.ct-action-title h2{color:#fff4df;letter-spacing:-.4px;font-family:Nunito Sans,sans-serif;font-size:19px;font-weight:900}.ct-action-title small{color:#a6bad5;font-size:8px}.ct-action-hint{color:#c2cfe1;font-size:11px}.ct-build-actions>button{color:#354a66;background:#f0f3f8;border:1px solid #c3d0e0;border-radius:8px;min-height:49px;font-size:11px;box-shadow:0 2px #9aabc0}.ct-build-actions>button.selected{background:#f4dfbb;outline:2px solid #e7c386}.ct-build-actions>button:disabled{opacity:.45}.ct-build-actions>button.ct-end{color:#304969;background:#b9cae3;border-color:#b9cae3}.ct-button{color:#63482b;background:#edbe7d;border:1px solid #f4d9b0;border-radius:8px;box-shadow:0 3px #b78954}.ct-button.secondary{color:#e3ecf7;background:#405777;border-color:#758ba8;box-shadow:0 3px #1e304b}.ct-side{color:#384f6d;background:#f4f6fb;border:1px solid #ced8e5;border-radius:13px;padding-top:59px}.ct-nav{background:#dfe6f1;border:1px solid #ccd6e4;border-radius:13px 13px 0 0;height:59px;padding:5px}.ct-nav button{color:#7f90a9;border-radius:8px}.ct-nav button[aria-pressed=true]{color:#344e76;background:#fff;box-shadow:0 2px 4px #30436612}.ct-nav small{font-size:8px}.ct-panel-content{padding:17px}.ct-panel-content h2{color:#314c70;font:600 23px Fredoka,sans-serif}.ct-panel-content h3{color:#4b6384}.ct-muted{color:#8b9ab0}.ct-paper{color:#516782;background:#fff;border:1px solid #d2dce9;border-radius:10px;padding:12px;box-shadow:0 2px #e1e6f0}.ct-paper label{color:#687f9d}.ct-paper input,.ct-paper select{color:#354c6c;background:#f6f8fc;border-color:#cdd8e9}.ct-player{color:#3b5274;border-color:#d4dce9;border-left-color:var(--seat);background:#fff;border-radius:9px}.ct-player.active{outline:1px solid #879cba}.ct-player p,.ct-player small{color:#889ab3}.ct-player h3>small{color:#546d92}.ct-player-stats{color:#5f789b}.ct-secret-score{color:#80613c;background:#f4e4c7;border-color:#d8bd8d}.ct-bundle>span{color:#56708e;background:#edf2f9;border-color:#ccd7e7}.ct-overview-heading>span{letter-spacing:1.7px;color:#96a4b9;font-size:8px;font-weight:900}.ct-overview-heading h2{margin-top:9px}.ct-overview p{color:#8494ac;font-size:11px;line-height:1.65}.ct-overview-score{color:#7791b6;background:#e6ecf7;border:1px solid #d3ddec;border-radius:11px;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:15px;display:flex}.ct-overview-score strong{color:#405a7e;font:600 30px Fredoka,sans-serif}.ct-overview-score strong span{color:#a0afc5;font-size:17px}.ct-overview-score small{color:#8499b4;font-size:9px;display:block}.ct-progress{background:#cad5e7;border-radius:5px;width:100%;height:5px;margin-top:4px;overflow:hidden}.ct-progress i{background:#8da5cb;border-radius:5px;height:100%;display:block}.ct-overview-section{border-top:1px solid #dce3ef;padding:15px 0 5px}.ct-overview-section h3{text-transform:uppercase;letter-spacing:.9px;color:#7c90ad;font-size:11px}.ct-cost-row{color:#7083a1;justify-content:space-between;align-items:center;padding:8px 0;font-size:11px;display:flex}.ct-recent{border-left:2px solid #d8e1ed;padding-left:9px}.ct-overview-link{color:#5a79a4;background:0 0;border:0;padding:4px 0;font-size:10px}.ct-panel-content .chat-panel{color:#526b8f;background:0 0}.ct-panel-content .log-line,.ct-panel-content .chat-line{color:#627997}.ct-panel-content .voice-panel{color:#526b8f}@media (width<=850px),(width<=1000px) and (height<=500px){body:has(.catan-layout) .topbar{height:48px;min-height:48px;padding:0 12px}.catan-layout{flex:1;grid-template-rows:78px minmax(0,1fr) 55px auto 50px;grid-template-columns:minmax(0,1fr);gap:8px;height:auto;min-height:0;padding:6px 8px 0}.ct-heading{grid-template-rows:24px 47px;gap:7px}.ct-heading>div:first-child{gap:8px}.ct-heading>div:first-child>small{font-size:14px}.ct-heading h1{white-space:nowrap;text-overflow:ellipsis;max-width:155px;font-size:9px;overflow:hidden}.ct-room{border-radius:6px;gap:4px;padding:3px 6px}.ct-room strong{font-size:12px}.ct-room svg{width:12px}.ct-seats{grid-template-columns:repeat(var(--players,4),minmax(0,1fr));gap:5px;height:47px}.ct-seats>button{border-left-width:3px;border-radius:7px;gap:5px;padding:5px;position:relative}.ct-seat-piece{border-radius:5px;width:23px;height:26px;font-size:18px}.ct-seat-piece b{width:11px;height:11px;font-size:7px;line-height:10px}.ct-seat-name{align-self:flex-start;margin-top:2px;font-size:9px}.ct-seat-name small{margin-top:3px;font-size:6px;line-height:1.2}.ct-seats>button>strong{font-size:12px;position:absolute;bottom:3px;right:5px}.ct-seats>button>strong small{margin-left:1px;font-size:6px;display:inline}.ct-map-area{border-radius:11px;box-shadow:0 3px #bcc9d9}.ct-island-wrap{padding:0}.ct-map-caption{height:16px;padding:0 7px;font-size:7px;line-height:15px}.ct-zoom{min-height:29px;padding:5px 8px;font-size:9px;top:5px;right:5px}.ct-hand{gap:5px}.ct-hand>div{border-left-width:3px;border-radius:7px;grid-template-columns:23px auto;gap:0 2px}.ct-hand>div>span{width:23px}.ct-hand>div>span>svg{width:23px;height:25px}.ct-hand strong{font-size:21px}.ct-hand small{font-size:8px}.ct-hand .ct-score strong{font-size:16px}.ct-dock{border-radius:10px;padding:8px 10px;box-shadow:0 2px #c6d1df}.ct-action-title{margin-bottom:6px}.ct-action-title h2{font-size:14px}.ct-action-title small{font-size:6px}.ct-dice .game-die{width:26px;height:26px}.ct-action-hint{font-size:9px}.ct-build-actions>button{min-height:43px;font-size:9px}.ct-button{min-height:39px;font-size:10px}.ct-nav{background:#dfe6f1;border-radius:10px 10px 0 0;grid-area:5/1;height:50px}.ct-nav small{font-size:8px}.ct-side{border-radius:10px;grid-area:2/1;padding:0}.ct-panel-content{padding:12px}.ct-paper input,.ct-paper select{font-size:16px}.keyboard-open .catan-layout{grid-template-rows:minmax(0,1fr) 48px}.keyboard-open .ct-side,.keyboard-open .ct-map-area{grid-area:1/1}.keyboard-open .ct-nav{grid-area:2/1;height:48px}}@media (width<=850px) and (height<=690px){.catan-layout{grid-template-rows:66px minmax(0,1fr) 45px auto 45px;gap:5px}.ct-heading{grid-template-rows:22px 39px;gap:5px}.ct-seats{height:39px}.ct-seat-name small{display:none}.ct-hand strong{font-size:17px}.ct-hand small{font-size:7px}.ct-hand .ct-score strong{font-size:14px}.ct-dock{padding:6px 8px}.ct-action-title h2{font-size:12px}.ct-action-title small{display:none}.ct-button{min-height:34px}.ct-nav{height:45px}.ct-build-actions>button{min-height:38px}.ct-map-caption{display:none}.ct-island{height:100%}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.catan-layout{grid-template-rows:67px minmax(0,1fr) 43px 43px;grid-template-columns:minmax(0,1fr) minmax(245px,.9fr);gap:5px 10px;padding:5px 9px 0}.ct-heading{grid-area:1/2;grid-template-rows:22px 40px;gap:5px}.ct-heading>div:first-child>small{font-size:11px}.ct-heading h1{font-size:7px}.ct-seats{gap:3px;height:40px}.ct-seats>button{gap:3px;padding:4px 3px}.ct-seat-piece{width:19px;font-size:16px}.ct-seat-name{font-size:8px}.ct-seat-name small{display:none}.ct-map-area,.ct-side{grid-area:1/1/4/2}.ct-hand{grid-area:3/2}.ct-hand>div{grid-template-columns:18px auto}.ct-hand>div>span,.ct-hand>div>span>svg{width:18px}.ct-hand strong{font-size:16px}.ct-hand small{font-size:6px}.ct-hand .ct-score strong{font-size:13px}.ct-dock{grid-area:2/2;align-self:center;max-height:100%;padding:7px 9px;overflow:auto}.ct-action-title h2{font-size:12px}.ct-action-title small{display:none}.ct-nav{grid-area:4/1/5/3;height:43px}.ct-nav button{flex-direction:row;gap:5px}.ct-dice,.ct-map-caption{display:none}.ct-island{height:100%}.keyboard-open .catan-layout{grid-template-rows:minmax(0,1fr) 43px;grid-template-columns:1fr}}.club-logo{color:inherit;letter-spacing:-.7px;align-items:center;gap:10px;font:600 28px/1 Fredoka,sans-serif;display:flex}.club-logo>span:last-child{flex-direction:column;display:flex}.club-logo small{letter-spacing:2.1px;text-transform:uppercase;margin-top:6px;font:800 8px Nunito Sans,sans-serif}.club-mark{background:#26345e;border-radius:11px;grid-template-columns:repeat(2,10px);gap:3px;padding:9px;display:grid;transform:rotate(-8deg)}.club-mark i{background:#b9c8ff;border-radius:3px;width:10px;height:10px}.club-mark i:nth-child(2){background:#f5b780}.club-mark i:nth-child(3){background:#e78074}.club-mark i:nth-child(4){background:#91c1b4}body:has(.game-hub){color:#26324c;background:#eef0f8}body:has(.game-hub):before{display:none}body:has(.game-hub) .topbar{color:#26324c;box-shadow:none;background:#eef0f8;border-bottom:1px solid #d9ddea;height:76px}body:has(.game-hub) .topbar .icon-btn{color:#34466b;box-shadow:none;background:#e2e6f1;border:1px solid #ccd3e5}body:has(.game-hub) .connection{color:#4e6286;background:#e4e8f2}body:has(.game-hub) .footer{color:#6d7995;background:#e7ebf4;border-top:1px solid #d6dce9}.game-hub{--hub-ink:#26324c;--hub-muted:#6d7995;grid-template-columns:minmax(0,1fr) 310px;gap:30px 32px;max-width:1350px;min-height:calc(100dvh - 133px);margin:auto;padding:38px 36px 48px;display:grid}.hub-intro{border-bottom:1px solid #d3d9e8;grid-column:1/-1;justify-content:space-between;align-items:center;padding-bottom:26px;display:flex}.hub-kicker{letter-spacing:2px;color:#68769b;font-size:10px;font-weight:900}.hub-intro h1{letter-spacing:-1.8px;color:#26324c;margin:14px 0;font:600 clamp(35px,4.7vw,62px)/1.06 Fredoka,sans-serif}.hub-intro h1 br{display:none}.hub-intro h1 span{color:#6b79ad}.hub-intro p{color:#67758f;margin:0;font-size:14px}.hub-promise{color:#6a7796;flex-direction:column;gap:12px;padding-left:25px;font-size:11px;font-weight:800;display:flex}.hub-promise span{white-space:nowrap;align-items:center;gap:9px;display:flex}.hub-library{min-width:0}.hub-library-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.hub-library-head h2{color:#26324c;letter-spacing:-.7px;margin:0;font-size:23px;font-weight:900}.hub-library-head h2 span{vertical-align:middle;border:1px solid #c9d1e1;border-radius:6px;margin-left:8px;padding:2px 7px;font:800 12px Nunito Sans,sans-serif}.hub-library-head p{color:#768099;margin:6px 0;font-size:11px}.hub-search{color:#72809e;background:#e4e8f2;border:1px solid #d3daea;border-radius:9px;align-items:center;gap:7px;padding:0 10px;display:flex}.hub-search input{color:#26324c;background:0 0;border:0;outline:0;width:116px;padding:10px 0;font-size:12px}.hub-search:focus-within{outline:2px solid #8094c6}.hub-filters{gap:8px;margin:18px 0;display:flex}.hub-filters button{color:#697695;background:0 0;border:1px solid #d2d9e8;border-radius:7px;padding:6px 12px;font-size:11px;font-weight:800}.hub-filters button[aria-pressed=true]{color:#fff;background:#293960;border-color:#293960}.hub-games{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hub-game{text-align:left;color:#26324c;background:#fff;border:2px solid #0000;border-radius:15px;min-width:0;padding:0;transition:transform .18s,border-color .18s;display:block;overflow:hidden;box-shadow:0 4px #d7deeb,0 12px 22px #26324c08}.hub-game:hover{transform:translateY(-4px)}.hub-game.selected{border-color:#768ab8;box-shadow:0 4px #768ab8,0 12px 22px #26324c0c}.hub-box{background:var(--box);border-bottom:5px solid color-mix(in srgb,var(--box) 70%,#394664);position:relative;overflow:hidden}.hub-box:after{content:"";background:#272f4c15;border-right:1px solid #ffffff2a;width:10px;position:absolute;inset:0 auto 0 0}.hub-box>.game-cover-art{width:100%;height:auto;display:block}.hub-box-label{color:#4b4a60;text-transform:uppercase;letter-spacing:1px;background:#f6efdfed;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900;position:absolute;bottom:12px;left:16px}.hub-selected{color:#fff;background:#283b5aed;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex;position:absolute;bottom:12px;right:12px}.hub-game-info{padding:18px}.hub-game-info h3{justify-content:space-between;align-items:center;margin:0 0 7px;font:600 26px Fredoka,sans-serif;display:flex}.hub-game-info p{color:#6d7995;min-height:38px;margin:0 0 16px;font-size:12px;line-height:1.6}.hub-game-info>div{color:#687592;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;display:flex}.hub-game-info>div>span{align-items:center;gap:5px;display:flex}.hub-how{color:#a4aec2;justify-content:space-between;align-items:center;gap:6px;padding:26px 0 12px;font-size:10px;display:flex}.hub-how b{color:#6e7c96;margin-left:6px;font-weight:800}.hub-empty{text-align:center;border:1px dashed #9ba9c5;border-radius:12px;padding:50px 20px}.hub-empty button{color:#536b9d;background:0 0;border:0;text-decoration:underline}.hub-table{background:#fff;border:1px solid #d2d9e8;border-radius:16px;align-self:start;padding:22px;box-shadow:0 5px #dce1ed}.hub-table-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.hub-table-title>span{color:#687aa4;background:#eceffa;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.hub-table-title small{letter-spacing:1.6px;color:#8490a9;font-size:8px;font-weight:900}.hub-table-title h2{color:#26324c;margin:3px 0 0;font:600 23px Fredoka,sans-serif}.hub-entry-tabs{background:#eef1f7;border-radius:9px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:17px;padding:3px;display:grid}.hub-entry-tabs button{color:#7f8aa4;background:0 0;border:0;border-radius:7px;padding:10px 5px;font-size:11px;font-weight:900}.hub-entry-tabs button.active{color:#354b7e;background:#fff;box-shadow:0 2px 5px #23305012}.hub-table form>label{color:#526380;margin-bottom:13px;font-size:11px;font-weight:900;display:block}.hub-table input{color:#26324c;background:#f8f9fc;border:1px solid #d1d9e9;border-radius:8px;width:100%;min-height:44px;margin-top:6px;padding:12px;font-size:13px;display:block}.hub-table input:focus{outline:2px solid #9baed5}.hub-code{letter-spacing:3px;font-weight:900}.hub-tokens{border:0;margin:0 0 16px;padding:0}.hub-tokens legend{color:#526380;margin-bottom:8px;font-size:11px;font-weight:900}.hub-tokens>div{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.hub-tokens button{background:#f2f4f9;border:1px solid #dde3ef;border-radius:7px;min-width:0;height:36px;padding:0;font-size:22px}.hub-tokens button[aria-pressed=true]{background:#e3e9fa;border-color:#7e91c0;box-shadow:0 0 0 1px #7e91c0}.hub-play{color:#fff;background:#2e416d;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;min-height:46px;padding:13px 14px;font-size:13px;font-weight:900;display:flex;box-shadow:0 3px #1c2b4b}.hub-play:disabled{opacity:.5}.hub-table-note{text-align:center;color:#8690a7;margin:13px 0 9px;font-size:10px}.hub-help{color:#7180a0;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;min-height:28px;font-size:10px;display:flex}.hub-islanders{align-items:center;gap:12px;margin:15px 0 20px;display:flex}.hub-islanders>span{white-space:nowrap;font-size:22px}.hub-islanders small{color:#8290a8;font-size:9px;line-height:1.5}.hub-rejoin{color:#516588;background:#f1f4fa;border:1px solid #cbd5e6;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:12px;padding:10px 8px;font-size:10px;display:flex}.hub-rejoin strong{letter-spacing:1px}@media (width<=850px),(width<=1000px) and (height<=500px){body:has(.game-hub) .topbar{height:54px;min-height:54px}.club-logo{gap:8px;font-size:24px}.club-logo small{letter-spacing:1.6px;font-size:6px}.club-mark{padding:7px}.game-hub{flex:1;grid-template-rows:auto minmax(145px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:15px;width:100%;max-width:600px;height:auto;min-height:0;padding:13px 15px 10px;display:grid;overflow:hidden}.hub-intro{border:0;grid-column:auto;padding:0}.hub-kicker{letter-spacing:1.2px;font-size:8px}.hub-intro h1{letter-spacing:-.9px;margin:5px 0;font-size:30px}.hub-intro h1 br{display:none}.hub-intro p{font-size:10px}.hub-promise,.hub-library-head p,.hub-how{display:none}.hub-library{scrollbar-width:thin;overscroll-behavior:contain;min-height:0;padding-bottom:5px;overflow:auto}.hub-library-head h2{font-size:17px}.hub-search{padding:0 7px}.hub-search input{width:105px;padding:5px 0;font-size:16px}.hub-search svg{width:13px}.hub-filters{gap:5px;margin:9px 0}.hub-filters button{padding:4px 9px;font-size:10px}.hub-games{gap:10px}.hub-game{border-radius:10px}.hub-box-label{padding:3px 5px;font-size:7px;bottom:7px;left:10px}.hub-selected{padding:3px;font-size:0;bottom:7px;right:7px}.hub-game-info{padding:9px 10px}.hub-game-info h3{margin:0 0 6px;font-size:19px}.hub-game-info p{display:none}.hub-game-info>div{gap:5px;font-size:8px}.hub-game-info>div svg{width:11px}.hub-game-info h3 svg{width:13px}.hub-table{overscroll-behavior:contain;border-radius:12px;min-height:0;max-height:100%;padding:13px 15px;overflow:auto}.hub-table-title{gap:8px;margin-bottom:10px}.hub-table-title>span{border-radius:8px;width:30px;height:30px}.hub-table-title h2{margin:1px 0 0;font-size:19px}.hub-table-title small{font-size:7px}.hub-entry-tabs{margin-bottom:10px}.hub-entry-tabs button{padding:7px;font-size:10px}.hub-table form>label{margin-bottom:9px;font-size:10px}.hub-table input{min-height:40px;margin-top:4px;padding:8px 10px;font-size:16px}.hub-tokens{margin-bottom:10px}.hub-tokens legend{margin-bottom:5px;font-size:9px}.hub-tokens button{height:33px;font-size:22px}.hub-play{min-height:41px;padding:10px 12px;font-size:12px}.hub-table-note{margin:9px 0 0;font-size:9px}.hub-help{min-height:22px;font-size:9px}.hub-islanders{margin:8px 0 12px}.hub-islanders>span{font-size:22px}.hub-islanders small{font-size:9px}.hub-rejoin{margin-top:6px;padding:6px}.keyboard-open .game-hub{padding-top:7px;display:block;overflow:auto}.keyboard-open .hub-intro,.keyboard-open .hub-library,.keyboard-open .hub-table-title,.keyboard-open .hub-table-note,.keyboard-open .hub-help,.keyboard-open .hub-tokens,.keyboard-open .hub-islanders{display:none}.keyboard-open .hub-table{max-width:500px;max-height:none;margin:auto}.keyboard-open .hub-table form{display:block}}@media (width<=850px) and (height<=700px){.game-hub{gap:8px;padding:8px 12px}.hub-intro h1{font-size:23px}.hub-kicker,.hub-intro p,.hub-table-title,.hub-table-note{display:none}.hub-table{padding:10px 12px}.hub-games{gap:8px}.hub-box>.game-cover-art{object-fit:cover;height:70px}.hub-box-label{display:none}.hub-game-info h3{margin-bottom:3px;font-size:16px}.hub-game-info{padding:6px 8px}.hub-library-head h2{font-size:15px}.hub-filters{margin:6px 0}.hub-help{margin-top:4px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.game-hub{grid-template-rows:minmax(0,1fr);grid-template-columns:1.05fr 1fr;gap:18px;max-width:100%;padding:10px 16px}.hub-intro{display:none}.hub-library{grid-area:1/1}.hub-table{grid-area:1/2;height:100%}.hub-table-title,.hub-table-note,.hub-help{display:none}.hub-table form{grid-template-columns:1fr 1fr;gap:7px 10px;display:grid}.hub-table form>label{margin:0}.hub-table .hub-play{grid-column:1/-1;min-height:36px;padding:8px}.hub-tokens{align-self:end;margin:0}.hub-tokens>div{gap:3px}.hub-tokens button{height:30px;font-size:17px}.hub-islanders{margin:0;display:block}.hub-islanders>span{font-size:20px}.hub-islanders small{font-size:8px;display:block}.hub-box>.game-cover-art{height:90px}.hub-game-info>div>span:last-child{display:none}.hub-rejoin{margin-top:7px}.hub-entry-tabs{margin-bottom:8px}}@media (width<=850px){.hub-library-head h2 span{display:none}}@media (width<=850px) and (height<=700px){.hub-filters{margin:4px 0}.hub-game-info{padding:5px 8px}.hub-box>.game-cover-art{height:65px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.hub-library-head h2 span{display:none}.hub-table form{display:block}.hub-table form>label{margin-bottom:7px}.hub-tokens{margin-bottom:9px}.hub-islanders{gap:8px;margin:8px 0 11px;display:flex}.hub-islanders small{font-size:8px}.hub-box>.game-cover-art{height:80px}}.game-rooms-screen{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 330px;align-content:start;gap:28px}.rooms-heading{border-bottom:1px solid #d3dbea;grid-column:1/-1;padding-bottom:24px}.rooms-heading .directory-back{margin-bottom:20px}.rooms-game-heading{align-items:center;gap:22px;display:flex}.rooms-cover{border:3px solid #fff;border-radius:12px;flex-shrink:0;width:150px;height:90px;overflow:hidden;box-shadow:0 4px #d5ddec}.rooms-cover img{object-fit:cover;width:100%;height:100%}.rooms-heading h1{color:#26324c;margin:7px 0;font:600 43px Fredoka}.rooms-heading p{color:#6c7c97;margin:0;font-size:12px}.game-rooms-screen .hub-table{position:relative}.game-rooms-screen .hub-table-title{padding-right:15px}.open-rooms{flex-direction:column;min-width:0;min-height:0;display:flex}.open-rooms-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.open-rooms-head h2{color:#26324c;letter-spacing:-.6px;margin:0;font-size:24px}.open-rooms-head h2 span{vertical-align:middle;border:1px solid #ccd5e6;border-radius:5px;margin-left:5px;padding:2px 7px;font-size:12px}.open-rooms-head p{color:#75839b;margin:7px 0 0;font-size:12px}.open-rooms-head>button{color:#586f99;white-space:nowrap;background:#e5eaf4;border:1px solid #c8d3e7;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800}.open-rooms-head>button:disabled{opacity:.5}.open-rooms-list{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;padding:2px 2px 7px;display:flex;overflow:auto}.open-room{background:#fff;border:1px solid #d1daea;border-radius:13px;flex-shrink:0;align-items:center;gap:14px;padding:17px;display:flex;box-shadow:0 3px #dce2ee}.room-avatar{color:#7b8cb0;background:#eef0fa;border-radius:11px;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.open-room>div:first-of-type{flex:1;min-width:0}.open-room h3{color:#344969;white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:14px;overflow:hidden}.open-room p{color:#6a7d99;align-items:center;gap:5px;margin:0 0 5px;font-size:10px;display:flex}.room-open-dot{background:#61a78b;border-radius:50%;flex-shrink:0;width:5px;height:5px}.open-room small{color:#7d8da6;font-size:9px}.room-seats{text-align:center;white-space:nowrap}.room-seats strong{color:#3b527b;font-size:19px;display:block}.room-seats strong span{color:#7a8caa;font-size:12px}.room-seats small{margin-top:4px;display:block}.room-join{color:#fff;background:#344b79;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px 13px;font-size:12px;font-weight:800;display:flex}.room-join:disabled{opacity:.5}.rooms-empty{text-align:center;color:#7486a5;background:#e8edf6;border:1px dashed #c3cee1;border-radius:12px;padding:50px 20px}.rooms-empty>svg{color:#91a1bf}.rooms-empty h3{color:#4a6188;margin:16px 0 9px;font:600 23px Fredoka}.rooms-empty p{margin:0;font-size:12px;line-height:1.7}.rooms-footnote{color:#7c8ba5;margin:14px 0 0;font-size:10px;line-height:1.5}.rooms-invite-art{text-align:center;color:#6a7c9c}.rooms-invite-art img{border-radius:18px;width:100%;max-width:420px}.rooms-invite-art h2{color:#465b81;font:600 24px Fredoka}.rooms-invite-art p{font-size:12px}@media (width<=850px),(width<=1000px) and (height<=500px){.game-rooms-screen{grid-template-rows:auto minmax(90px,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:600px;padding:11px 14px 9px}.rooms-heading{grid-area:1/1;padding:0 0 10px}.rooms-heading .directory-back{margin:0 0 10px;font-size:10px}.rooms-game-heading{gap:12px}.rooms-cover{border-width:2px;border-radius:8px;width:83px;height:53px}.rooms-heading h1{margin:3px 0 4px;font-size:27px}.rooms-heading p{font-size:9px;line-height:1.4}.rooms-heading .hub-kicker{font-size:7px}.open-rooms{grid-area:2/1;overflow:hidden}.open-rooms-head{gap:6px;margin-bottom:9px}.open-rooms-head h2{font-size:18px}.open-rooms-head h2 span{padding:1px 5px;font-size:10px}.open-rooms-head p{display:none}.open-rooms-head>button{padding:6px 8px;font-size:9px}.open-rooms-list{gap:8px}.open-room{border-radius:9px;gap:9px;padding:10px}.room-avatar{display:none}.open-room h3{margin-bottom:5px;font-size:12px}.open-room p{gap:4px;margin-bottom:4px;font-size:8px}.open-room small{font-size:8px}.room-seats strong{font-size:16px}.room-seats strong span{font-size:10px}.room-join{gap:6px;padding:10px;font-size:10px}.room-join svg{width:13px}.rooms-empty{padding:17px 10px}.rooms-empty>svg{width:23px;height:23px}.rooms-empty h3{margin:8px 0 5px;font-size:17px}.rooms-empty p{font-size:10px}.rooms-footnote{margin:6px 0 0;font-size:8px}.game-rooms-screen .hub-table{grid-area:3/1;align-self:stretch;padding:13px 14px}.game-rooms-screen .hub-table-title{display:none}.game-rooms-screen .hub-entry-tabs{margin-right:14px}.game-rooms-screen .hub-table-note{font-size:9px}.rooms-invite-art{grid-area:2/1;min-height:0;overflow:hidden}.rooms-invite-art img{object-fit:contain;width:100%;height:100%;max-height:220px}.rooms-invite-art h2,.rooms-invite-art p{display:none}.keyboard-open .game-rooms-screen{padding-top:7px;display:block;overflow:auto}.keyboard-open .rooms-heading,.keyboard-open .open-rooms,.keyboard-open .rooms-invite-art{display:none}.keyboard-open .game-rooms-screen .hub-table{max-height:none}}@media (width<=850px) and (height<=700px){.game-rooms-screen{grid-template-rows:67px minmax(65px,1fr) auto;gap:8px;padding:8px 12px}.rooms-heading{padding-bottom:7px}.rooms-heading .directory-back{margin-bottom:5px;font-size:9px}.rooms-cover{width:65px;height:39px}.rooms-heading h1{margin:0 0 3px;font-size:23px}.rooms-heading p{font-size:8px}.rooms-heading .hub-kicker{display:none}.rooms-empty{padding:10px}.rooms-empty>svg{display:none}.rooms-empty h3{margin:0 0 5px;font-size:15px}.open-room{padding:8px}.game-rooms-screen .hub-table{padding:10px 12px}.game-rooms-screen .hub-help{min-height:20px}.rooms-footnote{display:none}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.game-rooms-screen{grid-template-rows:50px minmax(0,1fr);grid-template-columns:1.1fr 1fr;gap:10px 16px;max-width:none;padding:8px 16px}.rooms-heading{border:0;grid-area:1/1/2/3;align-items:center;gap:18px;padding:0;display:flex}.rooms-heading .directory-back{white-space:nowrap;margin:0}.rooms-cover{width:65px;height:42px}.rooms-game-heading{gap:10px}.rooms-heading h1{margin:0 0 3px;font-size:23px}.rooms-heading .hub-kicker{display:none}.open-rooms,.rooms-invite-art{grid-area:2/1}.game-rooms-screen .hub-table{grid-area:2/2;height:100%;padding:10px;overflow:auto}.game-rooms-screen .hub-table form{grid-template-columns:1fr 1fr;gap:7px 9px;display:grid}.game-rooms-screen .hub-table form>label{margin:0}.game-rooms-screen .hub-table .hub-play{grid-column:1/-1}.game-rooms-screen .hub-table-note,.game-rooms-screen .hub-help{display:none}.game-rooms-screen .hub-entry-tabs{margin-bottom:8px}.game-rooms-screen .hub-tokens{margin:0}.game-rooms-screen .hub-tokens button{height:28px;font-size:16px}.game-rooms-screen .hub-islanders{margin:0;display:block}.game-rooms-screen .hub-islanders span{font-size:18px}.game-rooms-screen .hub-islanders small{font-size:7px}.rooms-footnote{display:none}.keyboard-open .game-rooms-screen{display:block}}.ad-placement{color:#6d7995;clear:both;border-top:1px solid #d3dbea;grid-column:1/-1;width:100%;min-width:0;margin:24px 0 0;padding:18px 0}.ad-label{text-align:center;letter-spacing:1px;margin-bottom:12px;font-size:10px;display:block}.ad-placement .adsbygoogle{min-height:90px}.ad-privacy{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:12px;font-size:11px;display:flex}.ad-privacy a,.ad-privacy button{color:#596d92;text-decoration:underline}.ad-privacy button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer a{color:inherit;margin-left:12px}@media (width<=850px),(width<=1000px) and (height<=500px){.club-landing:has(.ad-placement){grid-template-rows:auto auto auto auto;align-content:start;overflow-y:auto}.ad-placement{margin-top:28px}}body:has(.ld-game){color:#2e3e5b;background:#eef0f8}body:has(.ld-game):before{display:none}body:has(.ld-game) .footer{display:none}body:has(.ld-game) .topbar{color:#26324c;background:#eef0f8;border-bottom:1px solid #d6deed;height:64px}.ld-game{grid-template-rows:65px 60px minmax(0,1fr) auto 40px;grid-template-columns:minmax(0,1fr) 310px;gap:12px 24px;max-width:1250px;height:calc(100dvh - 64px);margin:auto;padding:18px 28px;display:grid}.ld-heading{grid-column:1/-1;align-items:center;gap:16px;display:flex}.ld-heading>div{flex:1}.ld-heading span{letter-spacing:2px;color:#7c8fae;font-size:9px}.ld-heading h1{color:#32496a;margin:6px 0;font:600 29px Fredoka}.ld-heading button{color:#546e99;letter-spacing:2px;background:#e2e8f4;border:1px solid #c7d2e6;border-radius:9px;padding:11px;font-size:12px}.ld-scores{gap:8px;min-width:0;display:flex}.ld-scores article{border:1px solid #ced8e9;border-top:3px solid var(--seat);background:#fff;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.ld-scores article.active{box-shadow:0 0 0 2px var(--seat)}.ld-scores article>i,.ld-turn>span{background:var(--seat);border-radius:50%;flex-shrink:0;width:10px;height:10px}.ld-scores article>div{min-width:0}.ld-scores strong{white-space:nowrap;text-overflow:ellipsis;color:#354b6a;font-size:11px;display:block;overflow:hidden}.ld-scores article span{color:#7386a2;margin-top:5px;font-size:9px;display:block}.ld-table{background:#e4e9f3;border:1px solid #d3ddec;border-radius:15px;grid-area:3/1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:10px;display:flex;overflow:hidden}.ld-board{aspect-ratio:1;filter:drop-shadow(0 4px #a8b8d2);max-width:100%;height:100%;max-height:100%;display:block}.ld-piece{cursor:default}.ld-piece.legal{cursor:pointer;filter:drop-shadow(0 0 .04px #ce9b26)}.ld-piece:focus-visible{filter:drop-shadow(0 0 .1px #7b4f09);outline:none}.ld-piece text{pointer-events:none;font-family:Arial,sans-serif}.ld-social{background:#f9faff;border:1px solid #cdd8ea;border-radius:13px;grid-area:2/2/6/3;min-height:0;padding:12px;overflow:auto}.ld-social .chat-panel{height:100%;box-shadow:none;background:0 0;border:0;flex-direction:column;margin:0;display:flex}.ld-social .messages{flex:1;height:auto;min-height:0}.ld-social .empty,.ld-social .chat-line,.ld-social .log-line,.ld-social .voice-panel p{color:#6c809e}.ld-social .voice-panel{box-shadow:none;background:0 0;border:0;margin:0;display:block}.ld-dock{background:#fff;border:1px solid #ccd7e9;border-radius:12px;grid-area:4/1;padding:13px 16px}.ld-turn{align-items:center;gap:10px;margin-bottom:10px;display:flex}.ld-turn>span{width:12px;height:12px}.ld-turn>div:first-of-type{flex:1}.ld-turn small{letter-spacing:1px;color:#7890b2;font-size:8px;font-weight:900}.ld-turn h2{color:#344e74;margin:4px 0 0;font:600 19px Fredoka}.ld-die svg{width:43px;height:43px}.ld-die.rolling{animation:.16s linear infinite alternate ld-roll}@keyframes ld-roll{0%{transform:rotate(-14deg)translateY(-3px)}to{transform:rotate(16deg)translateY(2px)}}.ld-roll{color:#fff;background:#344d7b;border:0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;font-size:13px;font-weight:900;display:flex;box-shadow:0 3px #263957}.ld-roll:disabled{opacity:.5}.ld-last,.ld-dock>p{color:#7488a7;margin:10px 0 0;font-size:10px;line-height:1.5}.ld-token-choices{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ld-token-choices button{border:1px solid var(--seat);background:#f9fafc;border-radius:8px;align-items:center;gap:7px;padding:8px;display:flex}.ld-token-choices b{background:var(--seat);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.ld-token-choices span{color:#506c94;font-size:10px}.ld-token-choices button:disabled{opacity:.35}.ld-nav{grid-area:5/1;gap:8px;display:flex}.ld-nav button{color:#7084a6;background:#dfe6f3;border:1px solid #c4d0e5;border-radius:9px;flex:1;font-size:11px;font-weight:800}.ld-nav button[aria-pressed=true]{color:#3c5987;background:#fff}.ld-recover{color:#4f6d98;background:#ebeff8;border:1px solid #bacbe6;border-radius:6px;padding:8px;font-size:10px}@media (width<=850px),(width<=1000px) and (height<=500px){body:has(.ld-game) .topbar{height:54px;min-height:54px}.ld-game{flex:1;grid-template-rows:50px 51px minmax(0,1fr) auto 44px;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:auto;min-height:0;padding:8px 10px 0}.ld-heading{grid-area:1/1;gap:10px}.ld-heading span{letter-spacing:1px;font-size:7px}.ld-heading h1{margin:4px 0 0;font-size:22px}.ld-heading button{padding:8px;font-size:10px}.ld-scores{grid-area:2/1;gap:5px}.ld-scores article{border-radius:7px;gap:5px;padding:5px}.ld-scores article>i{width:6px;height:6px}.ld-scores strong{font-size:9px}.ld-scores article span{margin-top:4px;font-size:7px}.ld-table{border-radius:11px;padding:6px}.ld-social{grid-area:3/1;padding:9px;display:none}.ld-game:not([data-panel=board]) .ld-table{display:none}.ld-game:not([data-panel=board]) .ld-social{display:block}.ld-dock{padding:10px 12px}.ld-turn{gap:7px;margin-bottom:9px}.ld-turn small{font-size:7px}.ld-turn h2{font-size:16px}.ld-die svg{width:35px;height:35px}.ld-roll{padding:10px 12px;font-size:12px}.ld-last,.ld-dock>p{margin-top:8px;font-size:9px}.ld-token-choices{gap:5px}.ld-token-choices button{justify-content:center;gap:4px;padding:6px 4px}.ld-token-choices b{width:20px;height:20px;font-size:10px}.ld-token-choices span{font-size:8px}.ld-nav{padding-bottom:4px}.keyboard-open .ld-heading,.keyboard-open .ld-scores,.keyboard-open .ld-dock{display:none}.keyboard-open .ld-game{grid-template-rows:minmax(0,1fr) 40px}.keyboard-open .ld-social{grid-area:1/1}.keyboard-open .ld-nav{grid-area:2/1}}@media (height<=650px) and (width<=850px){.ld-game{grid-template-rows:40px 42px minmax(0,1fr) auto 40px;gap:5px;padding-top:5px}.ld-heading h1{font-size:19px}.ld-dock{padding:8px 10px}.ld-turn{margin-bottom:6px}.ld-turn h2{font-size:14px}.ld-last{margin-top:6px!important;font-size:8px!important}.ld-die svg{width:30px;height:30px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.ld-game{grid-template-rows:40px 42px minmax(0,1fr) 36px;grid-template-columns:1.1fr 1fr;gap:6px 12px;padding:5px 12px 0}.ld-heading{grid-area:1/1/2/3}.ld-scores{grid-area:2/2}.ld-table,.ld-social{grid-area:2/1/5/2}.ld-dock{grid-area:3/2;align-self:center;max-height:100%;overflow:auto}.ld-nav{grid-area:4/2}.ld-table{padding:4px}.ld-turn h2{font-size:14px}.keyboard-open .ld-game{grid-template-rows:minmax(0,1fr) 36px;grid-template-columns:1fr}.keyboard-open .ld-social{grid-area:1/1}.keyboard-open .ld-nav{grid-area:2/1}}@media (prefers-reduced-motion:reduce){.ld-die.rolling{animation:none}}.ld-table{isolation:isolate;background:radial-gradient(#e5ddca,#d7d0c0);border-color:#c8bea8;padding:10px;box-shadow:inset 0 1px 6px #51422d12}.ld-board{filter:drop-shadow(0 3px 2px #56432335);flex:none;max-width:100%;max-height:100%;overflow:visible}.ld-piece-hit{pointer-events:all}.ld-coin-art{pointer-events:none}.ld-piece.legal{filter:drop-shadow(0 0 .025px #e1b44d)}.ld-piece:focus-visible .ld-legal-ring{stroke:#47330a;stroke-width:.08px}.ld-score-coin{flex-shrink:0;width:25px;height:25px}.ld-choice-pawn{flex-shrink:0;width:30px;height:31px;position:relative;display:block!important}.ld-choice-pawn svg{object-fit:contain;width:100%;height:100%}.ld-token-choices .ld-choice-pawn b{color:#34425d;background:#fffaf0;border:1px solid #8491a7;width:14px;height:14px;font-size:8px;position:absolute;bottom:-2px;right:-4px}@media (width<=850px),(width<=1000px) and (height<=500px){.ld-table{padding:7px}.ld-score-coin{width:17px;height:17px}.ld-scores article{gap:4px}.ld-token-choices .ld-choice-pawn{width:26px;height:28px}.ld-token-choices button{padding:4px}.ld-token-choices .ld-choice-pawn b{width:12px;height:12px;font-size:7px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.ld-table{padding:5px}.ld-score-coin{width:15px;height:15px}}body:has(.mf-game){color:#f5e8d8;background:#161527}body:has(.mf-game):before{display:none}body:has(.mf-game) .footer{display:none}body:has(.mf-game) .topbar{background:#201d32;border-bottom:1px solid #44374e;height:64px}.mf-game{color:#f5e8d8;grid-template-rows:75px minmax(0,1fr) auto 42px;grid-template-columns:minmax(0,1fr) 320px;gap:16px;max-width:1400px;height:calc(100dvh - 64px);margin:auto;padding:20px 28px;display:grid}.mf-heading{grid-column:1/-1;align-items:center;gap:18px;display:flex}.mf-heading>div{flex:1}.mf-heading span,.mf-role>span{color:#c3a8bf;letter-spacing:2px;font-size:10px}.mf-heading h1{margin:5px 0;font:600 32px Fredoka}.mf-heading>button{color:#ebd4b1;letter-spacing:2px;background:#302a43;border:1px solid #65516c;border-radius:9px;padding:12px}.mf-clock{color:#f3c276;text-align:right;min-width:55px;font-size:25px}.mf-scene{background:linear-gradient(#1e1a32db,#1d1a30f5),url(/images/mafia-night-960.webp) 50%/cover;border:1px solid #4b3c58;border-radius:18px;min-height:0;padding:18px;overflow:auto}.mf-scene-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.mf-scene-title h2{margin:0;font-size:17px}.mf-scene-title>span{color:#c4adc8;white-space:nowrap;font-size:11px}.mf-seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mf-player{border:1px solid #58445f;border-top:3px solid var(--seat);text-align:center;background:#292238e8;border-radius:13px;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:15px 7px;display:flex;position:relative}.mf-player.speaking{background:#493444;outline:2px solid #f4c46b}.mf-player.dead{opacity:.55;filter:grayscale(.7)}.mf-avatar{font-size:36px;position:relative}.mf-avatar b{background:var(--seat);color:#231d30;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid;position:absolute;bottom:0;right:-12px}.mf-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.mf-player small,.mf-role-label{color:#d4bcd7;font-size:10px}.mf-role-label{color:#e9c68f}.mf-votes{color:#ffc786;font-size:11px}.mf-side{flex-direction:column;grid-area:2/2/5/3;gap:12px;min-height:0;display:flex}.mf-role{background:#30253c;border:1px solid #6d4c68;border-radius:13px;flex-shrink:0;max-height:40%;padding:16px;overflow:auto}.mf-role>span{margin-bottom:9px;font-size:8px;display:block}.mf-role button{color:#ffd59a;background:0 0;border:0;padding:0;font-size:18px;font-weight:700}.mf-role p{color:#e2ccdc;margin:10px 0 0;font-size:12px;line-height:1.6}.mf-social{background:#241e33;border:1px solid #504057;border-radius:13px;flex:1;min-height:0;padding:12px;overflow:auto}.mf-social .chat-panel{height:100%;box-shadow:none;background:0 0;border:0;flex-direction:column;margin:0;display:flex}.mf-social .messages{flex:1;height:auto;min-height:0}.mf-social .voice-panel{box-shadow:none;background:0 0;border:0;margin:0;display:block}.mf-social .empty,.mf-social .chat-line,.mf-social .log-line,.mf-social .voice-panel p{color:#d0bad3}.mf-actions{background:#30263d;border:1px solid #674b65;border-radius:13px;flex-wrap:wrap;grid-area:3/1;align-items:center;gap:10px;padding:16px;display:flex}.mf-actions p{color:#efdbdd;width:100%;margin:0;font-size:13px;line-height:1.5}.mf-actions small{color:#e0c5d1;width:100%;font-size:11px;display:block}.mf-actions button,.mf-choice select{color:#261d2c;background:#f1c17d;border:1px solid #a77e82;border-radius:8px;padding:11px 14px;font-size:12px;font-weight:800}.mf-actions button:disabled{opacity:.45}.mf-actions .mf-next{color:#f5dfc7;background:#4d354b;margin-left:auto}.mf-choice{flex:1;gap:8px;display:flex}.mf-choice select{color:#f6e2cf;background:#1d1a2d;flex:1;min-width:0}.mf-tabs{grid-area:4/1;gap:8px;display:flex}.mf-tabs button{color:#d5bdd8;background:#2b223b;border:1px solid #5c4563;border-radius:9px;flex:1;font-size:12px}.mf-tabs button[aria-pressed=true]{color:#fff0d5;background:#67475e}@media (width<=850px),(width<=1000px) and (height<=500px){body:has(.mf-game) .topbar{height:54px;min-height:54px}.mf-game{flex:1;grid-template-rows:60px minmax(0,1fr) auto 44px;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;height:auto;min-height:0;padding:8px 10px 0}.mf-heading{grid-area:1/1;gap:8px}.mf-heading span{letter-spacing:1px;font-size:8px}.mf-heading h1{margin:4px 0;font-size:23px}.mf-heading>button{padding:7px;font-size:9px}.mf-clock{min-width:37px;font-size:19px}.mf-scene{border-radius:11px;grid-area:2/1;padding:11px}.mf-scene-title{margin-bottom:10px}.mf-scene-title h2{font-size:12px}.mf-scene-title>span{font-size:9px}.mf-seats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.mf-player{border-radius:9px;gap:4px;padding:9px 4px}.mf-avatar{font-size:27px}.mf-player strong{font-size:10px}.mf-player small,.mf-role-label{font-size:8px}.mf-side{grid-area:2/1;display:none;overflow:hidden}.mf-game:not([data-panel=table]) .mf-side{display:flex}.mf-game:not([data-panel=table]) .mf-scene{display:none}.mf-role{max-height:45%;padding:12px}.mf-social{padding:8px}.mf-actions{grid-area:3/1;gap:7px;padding:10px}.mf-actions p{font-size:11px}.mf-actions button,.mf-choice select{padding:9px 10px;font-size:11px}.mf-actions small{font-size:9px}.mf-tabs{grid-area:4/1;padding-bottom:4px}.keyboard-open .mf-heading,.keyboard-open .mf-actions,.keyboard-open .mf-role{display:none}.keyboard-open .mf-game{grid-template-rows:minmax(0,1fr) 40px}.keyboard-open .mf-side{grid-area:1/1}.keyboard-open .mf-tabs{grid-area:2/1}}@media (height<=500px) and (orientation:landscape){.mf-game{grid-template-rows:49px minmax(0,1fr) 38px;grid-template-columns:1.1fr 1fr;gap:7px}.mf-heading{grid-area:1/1/2/3}.mf-heading h1{font-size:20px}.mf-scene,.mf-side{grid-area:2/1}.mf-actions{grid-area:2/2;align-content:center;overflow:auto}.mf-tabs{grid-area:3/1/4/3}.mf-seats{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-avatar{font-size:21px}.mf-player{padding:6px 3px}.mf-scene-title h2{font-size:10px}.mf-scene-title{margin-bottom:7px}}:is(body:has(.club-landing),body:has(.waiting-room)){color:#26324c;background:#eef0f8}body:has(.club-landing):before{display:none}body:has(.waiting-room):before{display:none}:is(body:has(.club-landing) .topbar,body:has(.waiting-room) .topbar){color:#26324c;box-shadow:none;background:#eef0f8;border-bottom:1px solid #d9ddea;height:76px}:is(body:has(.club-landing) .topbar .icon-btn,body:has(.waiting-room) .topbar .icon-btn){color:#34466b;box-shadow:none;background:#e2e6f1;border:1px solid #ccd3e5}:is(body:has(.club-landing) .connection,body:has(.waiting-room) .connection){color:#4e6286;background:#e4e8f2}body:has(.club-landing) .footer{color:#6d7995;background:#e7ebf4;border-top:1px solid #d6dce9}body:has(.waiting-room) .footer{display:none}.club-landing{grid-template-rows:minmax(420px,1fr) auto;grid-template-columns:1fr 1fr;align-items:center;gap:30px 60px;max-width:1320px;min-height:calc(100dvh - 133px);margin:auto;padding:55px 40px 32px;display:grid}.club-welcome h1{letter-spacing:-2px;color:#26324c;margin:22px 0;font:600 clamp(44px,5.4vw,74px)/1.05 Fredoka,sans-serif}.club-welcome h1 span{color:#6b79ad}.club-welcome>p{color:#75819a;max-width:440px;font-size:15px;line-height:1.8}.club-welcome-actions{gap:12px;margin:28px 0 20px;display:flex}.club-welcome-actions .hub-play{width:190px;min-height:50px}.club-join{color:#64779d;background:0 0;border:1px solid #c7d1e5;border-radius:9px;align-items:center;gap:15px;padding:12px 17px;font-size:12px;font-weight:900;display:flex}.club-perks{color:#8996b0;gap:22px;font-size:11px;display:flex}.club-perks span{align-items:center;gap:7px;display:flex}.club-welcome .hub-rejoin{max-width:345px;margin-top:20px}.club-display{min-width:0;height:430px;position:relative}.club-display:before{content:"";background:#e2e7f3;border-radius:50%;position:absolute;inset:40px 20px 10px}.club-display-note{letter-spacing:2px;color:#95a1bc;font-size:9px;font-weight:900;position:absolute;top:0;left:20px}.club-gamebox{background:#fff;border:3px solid #fff;border-radius:15px;width:66%;position:absolute;overflow:hidden;box-shadow:8px 12px #bbc5dc,12px 22px 35px #364a7920}.club-gamebox>svg{width:100%;display:block}.club-gamebox>div{padding:15px 20px}.club-gamebox strong{color:#314566;font:600 25px Fredoka,sans-serif;display:block}.club-gamebox span{color:#95a0b4;margin-top:6px;font-size:10px;display:block}.club-gamebox.monopoly{top:62px;left:0;transform:rotate(-9deg)}.club-gamebox.catan{top:153px;right:0;transform:rotate(8deg)}.club-display-caption{color:#8d9ab4;font-size:10px;position:absolute;bottom:-60px;left:30px}.club-steps{border-top:1px solid #d8ddeb;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:25px 0 0;list-style:none;display:grid}.club-steps li{color:#607294;align-items:center;gap:14px;font-size:13px;font-weight:900;display:flex}.club-steps b{color:#8a9ab8;border:1px solid #cbd4e7;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.club-steps small{color:#929fb5;margin-top:5px;font-size:10px;font-weight:600;display:block}.game-directory{grid-template-rows:auto minmax(0,1fr);align-content:start;position:relative}.game-directory[data-entry=false]{grid-template-columns:minmax(0,1fr)}.game-directory .directory-intro{padding:0 0 24px}.directory-intro>div{position:relative}.directory-intro h1{margin:8px 0 9px;font-size:45px}.directory-back{color:#8293b3;background:0 0;border:0;margin-bottom:22px;padding:0;font-size:12px;font-weight:800;display:block}.directory-intro .club-join{align-self:center}.game-directory[data-entry=false] .hub-games{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}.game-directory[data-entry=false] .hub-game{max-width:420px}.game-directory .hub-table{position:relative}.directory-close{color:#6b7c9d;background:#edf1f8;border:0;border-radius:7px;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid;position:absolute;top:7px;right:9px}.game-directory .hub-how{justify-content:flex-start;gap:30px}.game-directory .hub-library-head p{display:block}.waiting-room{color:#314363;grid-template-rows:77px 70px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 330px;gap:18px 28px;max-width:1250px;height:calc(100dvh - 76px);margin:auto;padding:28px 32px;display:grid}.waiting-heading{grid-area:1/1/2/3;align-items:center;gap:18px;display:flex}.waiting-cover{border:3px solid #fff;border-radius:10px;flex-shrink:0;width:100px;height:68px;overflow:hidden;box-shadow:0 4px #ccd5e6}.waiting-cover .game-cover-art{object-fit:cover;width:100%;height:100%}.waiting-heading>div>span{letter-spacing:2px;color:#91a0b8;font-size:9px;font-weight:900}.waiting-heading h1{letter-spacing:-.8px;margin:3px 0;font:600 32px Fredoka,sans-serif}.waiting-heading p{color:#8391aa;margin:0;font-size:11px}.waiting-live{color:#8a9bb7;align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.waiting-live i{background:#79b59c;border-radius:50%;width:6px;height:6px}.waiting-invite{background:#e4eaf5;border:1px solid #d0daeb;border-radius:12px;grid-area:2/1;justify-content:space-between;align-items:center;gap:12px;padding:13px 17px;display:flex}.waiting-invite>div{flex-direction:column;gap:5px;display:flex}.waiting-invite>div>strong{color:#5d749a;font-size:12px}.waiting-invite>div>span{color:#91a0b9;font-size:10px}.waiting-code{color:#657ca2;background:#f5f7fc;border:1px dashed #a4b6d3;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.waiting-code strong{letter-spacing:3px;color:#3c5984;font-size:18px}.waiting-code>span{white-space:nowrap;font-size:9px}.waiting-players{overscroll-behavior:contain;grid-area:3/1;min-height:0;padding:1px 2px 5px;overflow:auto}.waiting-roster-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.waiting-roster-title h2{letter-spacing:-.5px;margin:0;font-size:18px}.waiting-roster-title>span{color:#9ca9be;font-size:10px}.waiting-seats{grid-template-columns:1fr 1fr;gap:11px;display:grid}.waiting-player,.waiting-empty{background:#fff;border:1px solid #d6deec;border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:106px;padding:16px 13px;display:flex;position:relative}.waiting-player{border-left:4px solid var(--seat)}.waiting-token{background:color-mix(in srgb,var(--seat) 25%,white);border:1px solid var(--seat);border-radius:10px;flex-shrink:0;place-items:center;width:45px;height:49px;font-size:30px;display:grid;position:relative}.waiting-token b{color:#fff;text-align:center;background:#415b84;border:2px solid #fff;border-radius:50%;width:18px;height:18px;font-size:9px;line-height:14px;position:absolute;bottom:-4px;right:-4px}.waiting-player>div{min-width:0}.waiting-player h3{text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin:0 0 5px;font-size:13px;overflow:hidden}.waiting-player h3 small{color:#94a2bc;margin-left:3px;font-size:7px}.waiting-player p{color:#9aa6bc;align-items:center;gap:4px;margin:0 0 9px;font-size:10px;display:flex}.waiting-ready{color:#b29677;align-items:center;gap:3px;font-size:9px;font-weight:800;display:flex}.waiting-remove{color:#9aa8bd;background:0 0;border:0;padding:3px;position:absolute;top:5px;right:5px}.waiting-empty{color:#a6b3c9;background:0 0;border-style:dashed;flex-direction:column;justify-content:center;gap:5px;font-size:10px}.waiting-empty small{color:#a6b3c9;font-size:8px}.waiting-start{background:#f8f9fc;border:1px solid #cdd7e8;border-radius:12px;grid-area:4/1;padding:17px 18px}.waiting-start>div>strong{color:#5d7395;font-size:13px}.waiting-start p{color:#9ba7bc;margin:6px 0 14px;font-size:10px}.waiting-actions{gap:10px;display:flex}.waiting-actions .hub-play{min-height:44px}.waiting-add{white-space:nowrap;color:#7087ac;background:#e8edf7;border:1px solid #cdd8ea;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:11px;font-weight:900;display:flex}.waiting-add:disabled{opacity:.45}.waiting-start>small{color:#9ca9bf;text-align:center;margin-top:10px;font-size:9px;display:block}.waiting-social{background:#f9fafc;border:1px solid #d3ddec;border-radius:13px;grid-area:2/2/5/3;min-height:0;padding-top:54px;overflow:hidden}.waiting-social-content{overscroll-behavior:contain;height:100%;padding:12px;overflow:auto}.waiting-tabs{z-index:1;border-bottom:1px solid #d7dfec;grid-area:2/2;align-self:start;gap:5px;height:54px;padding:7px;display:flex}.waiting-tabs>button{color:#8d9fba;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:900;display:flex}.waiting-tabs>button[aria-pressed=true]{color:#557399;background:#e3eaf5}.waiting-tabs>button:first-child{display:none}.waiting-tabs i{background:#70bd96;border-radius:50%;width:5px;height:5px}.waiting-social .chat-panel{height:100%;box-shadow:none;color:#6c82a3;background:0 0;border:0;flex-direction:column;margin:0;display:flex}.waiting-social .messages{color:#6d83a4;flex:1;height:auto;min-height:0;overflow:auto}.waiting-social .chat-panel .tabs,.waiting-social .chat-form{flex-shrink:0}.waiting-social .voice-panel{box-shadow:none;color:#667fa3;background:0 0;border:0;margin:0;display:block}.waiting-social .voice-panel p{color:#92a4bd}.waiting-social .chat-line,.waiting-social .log-line{color:#7b90af}@media (width<=850px),(width<=1000px) and (height<=500px){:is(body:has(.club-landing) .topbar,body:has(.waiting-room) .topbar){height:54px;min-height:54px}.club-landing{overscroll-behavior:contain;flex-direction:column;flex:1;align-items:stretch;gap:15px;width:100%;max-width:600px;height:auto;min-height:0;padding:22px 22px 18px;display:flex;overflow:auto}.club-welcome{flex-shrink:0}.club-welcome h1{letter-spacing:-1.4px;margin:12px 0;font-size:43px}.club-welcome>p{max-width:none;margin:10px 0;font-size:12px;line-height:1.6}.club-welcome-actions{gap:9px;margin:18px 0 13px}.club-welcome-actions .hub-play{flex:1;width:auto;min-height:43px;padding:11px 13px}.club-join{gap:9px;padding:10px 12px;font-size:11px}.club-perks{gap:17px;font-size:9px}.club-display{flex:1;height:auto;min-height:180px;max-height:270px}.club-display-note,.club-display-caption{display:none}.club-display:before{inset:0 0 6px}.club-gamebox{border-width:2px;border-radius:10px;width:58%;box-shadow:4px 7px #bbc5dc,8px 13px 20px #364a7915}.club-gamebox.monopoly{top:14px;left:4%}.club-gamebox.catan{top:60px;right:4%}.club-gamebox>div{padding:9px 12px}.club-gamebox strong{font-size:17px}.club-gamebox span{margin-top:3px;font-size:8px}.club-steps{flex-shrink:0;gap:13px;padding-top:14px;display:flex}.club-steps li{flex:1;align-items:flex-start;gap:6px;font-size:9px}.club-steps b{width:21px;height:21px;font-size:8px}.club-steps small{margin-top:4px;font-size:8px;line-height:1.4}.club-welcome .hub-rejoin{margin-top:10px}.game-directory{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px 15px}.game-directory[data-entry=true]{grid-template-rows:auto minmax(120px,1fr) auto}.game-directory .directory-intro{align-items:center;gap:8px;padding:0;display:flex}.directory-intro .hub-kicker,.directory-intro p{display:none}.directory-intro h1{margin:5px 0 0;font-size:27px}.directory-back{margin:0;font-size:10px}.directory-intro .club-join{white-space:nowrap;gap:4px;padding:8px;font-size:9px}.directory-intro .club-join svg{width:13px}.game-directory .hub-library-head p,.game-directory .hub-how{display:none}.game-directory[data-entry=false] .hub-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-directory[data-entry=false] .hub-box>.game-cover-art{height:auto}.game-directory[data-entry=false] .hub-game-info{padding:11px}.game-directory[data-entry=false] .hub-game-info h3{font-size:20px}.game-directory[data-entry=false] .hub-game-info p{min-height:0;margin:8px 0;font-size:10px;line-height:1.5;display:block}.game-directory .hub-table{padding-top:14px}.directory-close{width:21px;height:21px;font-size:16px;top:3px;right:3px}.game-directory .hub-table-title{padding-right:20px}.keyboard-open .game-directory{display:block}.keyboard-open .game-directory .directory-intro{display:none}.waiting-room{flex:1;grid-template-rows:60px 58px minmax(0,1fr) auto 47px;grid-template-columns:minmax(0,1fr);gap:9px;width:100%;height:auto;min-height:0;padding:9px 10px 0}.waiting-heading{grid-area:1/1;gap:12px}.waiting-cover{border-width:2px;border-radius:8px;width:72px;height:51px}.waiting-heading>div>span{letter-spacing:1.3px;font-size:7px}.waiting-heading h1{margin:1px 0;font-size:23px}.waiting-heading p{font-size:9px}.waiting-live{display:none}.waiting-invite{border-radius:9px;grid-area:2/1;gap:8px;padding:9px 11px}.waiting-invite>div>strong{font-size:11px}.waiting-invite>div>span{max-width:150px;font-size:8px;line-height:1.3}.waiting-code{gap:6px;padding:8px}.waiting-code strong{letter-spacing:2px;font-size:15px}.waiting-code>span{display:none}.waiting-players{grid-area:3/1}.waiting-roster-title{margin-bottom:8px}.waiting-roster-title h2{font-size:15px}.waiting-seats{gap:7px}.waiting-player,.waiting-empty{border-radius:9px;gap:8px;min-height:87px;padding:10px 8px}.waiting-token{border-radius:7px;width:34px;height:39px;font-size:24px}.waiting-player h3{max-width:105px;font-size:11px}.waiting-player p{margin-bottom:6px;font-size:8px}.waiting-ready{font-size:8px}.waiting-player h3 small{font-size:6px}.waiting-empty{gap:4px;font-size:9px}.waiting-empty small{font-size:7px}.waiting-start{border-radius:9px;grid-area:4/1;padding:11px 12px}.waiting-start>div>strong{font-size:12px}.waiting-start p{margin:5px 0 10px;font-size:9px;line-height:1.4}.waiting-actions .hub-play{min-height:39px}.waiting-add{padding:8px 12px;font-size:10px}.waiting-start>small{margin-top:7px;font-size:8px}.waiting-tabs{background:#e1e8f3;border:1px solid #d0daea;border-bottom:0;border-radius:10px 10px 0 0;grid-area:5/1;align-self:stretch;gap:5px;height:47px;padding:4px}.waiting-tabs>button:first-child{display:flex}.waiting-tabs>button{font-size:10px}.waiting-tabs>button[aria-pressed=true]{color:#5c77a0;background:#fff}.waiting-social{border-radius:10px;grid-area:2/1/4/2;padding:0;display:none}.waiting-room:not([data-panel=players]) .waiting-social{display:block}.waiting-room:not([data-panel=players]) .waiting-players,.waiting-room:not([data-panel=players]) .waiting-invite{visibility:hidden;pointer-events:none}.waiting-social-content{padding:9px}.waiting-social .chat-panel{display:flex}.waiting-social .voice-panel{display:block}.keyboard-open .waiting-room{grid-template-rows:minmax(0,1fr) 44px;padding-top:5px}.keyboard-open .waiting-heading,.keyboard-open .waiting-start,.keyboard-open .waiting-invite,.keyboard-open .waiting-players{display:none}.keyboard-open .waiting-social{grid-area:1/1}.keyboard-open .waiting-tabs{grid-area:2/1;height:44px}}@media (width<=850px) and (height<=700px){.club-landing{gap:10px;padding:15px 18px}.club-welcome h1{margin:9px 0;font-size:35px}.club-welcome>p{margin:7px 0;font-size:10px}.club-welcome .hub-kicker{font-size:7px}.club-welcome-actions{margin:12px 0 9px}.club-display{min-height:135px;max-height:190px}.club-gamebox{width:50%}.club-gamebox.monopoly{top:8px;left:7%}.club-gamebox.catan{top:25px;right:7%}.club-gamebox>div{padding:6px 9px}.club-gamebox span{display:none}.club-gamebox strong{font-size:14px}.club-perks{font-size:8px}.club-steps{gap:7px;padding-top:9px}.club-steps small{display:none}.club-steps li{font-size:8px}.game-directory{gap:7px;padding:8px 12px}.directory-intro h1{font-size:23px}.game-directory[data-entry=true] .directory-intro{display:none}.game-directory[data-entry=true]{grid-template-rows:minmax(140px,1fr) auto}.game-directory[data-entry=false] .hub-game-info h3{font-size:17px}.waiting-room{grid-template-rows:49px 49px minmax(0,1fr) auto 43px;gap:6px;padding-top:6px}.waiting-heading h1{font-size:21px}.waiting-cover{width:61px;height:43px}.waiting-player,.waiting-empty{gap:6px;min-height:70px;padding:8px 6px}.waiting-player h3{max-width:80px;font-size:10px}.waiting-token{width:28px;height:32px;font-size:21px}.waiting-player p{margin-bottom:4px;font-size:7px}.waiting-start{padding:8px 10px}.waiting-start>div>strong{display:none}.waiting-start p{margin:0 0 8px}.waiting-tabs{height:43px}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.club-landing{grid-template-rows:minmax(0,1fr);grid-template-columns:1.1fr 1fr;gap:25px;max-width:none;padding:13px 24px;display:grid;overflow:auto}.club-welcome h1{margin:7px 0;font-size:34px}.club-welcome>p{font-size:10px;line-height:1.5}.club-welcome .hub-kicker{font-size:7px}.club-welcome-actions{margin:12px 0 8px}.club-welcome-actions .hub-play{min-height:37px;padding:8px 11px;font-size:11px}.club-join{padding:8px 10px;font-size:10px}.club-perks{gap:10px;font-size:8px}.club-display{height:100%;min-height:170px;max-height:260px}.club-gamebox{width:69%}.club-gamebox.monopoly{top:15px;left:0}.club-gamebox.catan{top:85px;right:0}.club-gamebox>div{padding:7px 10px}.club-gamebox strong{font-size:16px}.club-gamebox span,.club-steps{display:none}.game-directory{grid-template-rows:29px minmax(0,1fr);gap:8px 16px;padding:8px 15px}.game-directory .directory-intro{grid-area:1/1/2/3;display:flex}.directory-intro>div{align-items:center;gap:15px;display:flex}.directory-intro h1{margin:0;font-size:21px}.directory-back{font-size:9px}.game-directory[data-entry=false]{grid-template-columns:minmax(0,1fr)}.game-directory[data-entry=false] .directory-intro{grid-area:1/1}.game-directory[data-entry=false] .hub-library{grid-area:2/1}.game-directory[data-entry=false] .hub-games{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:13px}.game-directory[data-entry=false] .hub-box>.game-cover-art{height:90px}.game-directory[data-entry=false] .hub-game-info p{display:none}.game-directory[data-entry=true]{grid-template-rows:29px minmax(0,1fr);grid-template-columns:1.1fr 1fr}.game-directory[data-entry=true] .hub-library{grid-area:2/1}.game-directory[data-entry=true] .hub-table{grid-area:2/2;height:100%;padding:10px;overflow:auto}.game-directory .hub-table-title,.game-directory .hub-table-note,.game-directory .hub-help{display:none}.game-directory .hub-entry-tabs{margin-right:15px}.game-directory .hub-table form{grid-template-columns:1fr 1fr;gap:7px 9px;display:grid}.game-directory .hub-table form .hub-play{grid-column:1/-1}.game-directory .hub-islanders{margin:0;display:block}.game-directory .hub-islanders>span{font-size:18px}.game-directory .hub-islanders small{font-size:7px}.game-directory .hub-tokens{margin:0}.game-directory .hub-tokens button{font-size:16px}.keyboard-open .game-directory{display:block}.waiting-room{grid-template-rows:49px minmax(0,1fr) auto 40px;grid-template-columns:1.2fr 1fr;gap:6px 12px;padding:6px 12px 0}.waiting-heading{grid-area:1/1}.waiting-heading h1{font-size:20px}.waiting-invite{grid-area:1/2;padding:7px}.waiting-invite>div>strong{font-size:9px}.waiting-invite>div>span{display:none}.waiting-code strong{font-size:13px}.waiting-code{padding:6px}.waiting-players{grid-area:2/1/4/2}.waiting-roster-title{margin-bottom:5px}.waiting-roster-title h2{font-size:12px}.waiting-player,.waiting-empty{gap:6px;min-height:60px;padding:6px}.waiting-seats{gap:5px}.waiting-token{width:25px;height:29px;font-size:18px}.waiting-player h3{max-width:87px;font-size:9px}.waiting-player p{margin-bottom:3px;font-size:7px}.waiting-empty svg{width:16px;height:16px}.waiting-start{grid-area:2/2/4/3;align-self:center;max-height:100%;padding:10px;overflow:auto}.waiting-start>div>strong{font-size:11px}.waiting-start p{font-size:9px}.waiting-tabs{grid-area:4/1/5/3;height:40px}.waiting-social{grid-area:1/1/4/2}.waiting-room:not([data-panel=players]) .waiting-heading{visibility:hidden}.waiting-room:not([data-panel=players]) .waiting-invite{visibility:visible;pointer-events:auto}.keyboard-open .waiting-room{grid-template-rows:minmax(0,1fr) 40px;grid-template-columns:1fr}}.club-perks,.club-steps small,.club-display-caption,.club-gamebox span{color:#657493}.waiting-heading p,.waiting-live,.waiting-invite>div>span,.waiting-roster-title>span,.waiting-player p,.waiting-player h3 small,.waiting-start p,.waiting-start>small{color:#667b9b}.waiting-empty,.waiting-empty small{color:#7689a7}.waiting-ready{color:#8d6438}.waiting-ready.yes{color:#317c5c}.waiting-add,.waiting-tabs>button{color:#5b7399}.waiting-social .empty,.waiting-social .chat-line,.waiting-social .log-line,.waiting-social .voice-panel p{color:#617796}.waiting-social .chat-form{background:#e5ebf5;border:1px solid #c8d3e5;border-radius:8px}.waiting-social .chat-form input{color:#314363;background:0 0}.waiting-social .chat-form input::placeholder{color:#6c81a2}@media (width>=1001px),(width>=851px) and (height>=501px){.waiting-room[data-panel=players] .waiting-tabs>button:nth-child(2){color:#557399;background:#e3eaf5}}.game-cover-art{object-fit:cover;object-position:center;aspect-ratio:16/9;width:100%;display:block}.club-hero{isolation:isolate;justify-content:center;align-items:center;height:460px;display:flex}.club-hero:before{display:none}.club-hero-art{object-fit:cover;aspect-ratio:4/3;border-radius:25px;width:100%;height:auto;max-height:100%;display:block}.club-hero-caption{white-space:nowrap;color:#435577;background:#ffffffeb;border:1px solid #fff;border-radius:30px;padding:9px 16px;font-size:11px;font-weight:800;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #394a6c16}@media (width<=850px),(width<=1000px) and (height<=500px){.club-hero{height:auto;min-height:180px;max-height:290px}.club-hero-art{border-radius:16px;min-height:0}.club-hero-caption{padding:7px 11px;font-size:9px;bottom:0}}@media (width<=850px) and (height<=700px){.club-hero{min-height:135px;max-height:190px}.club-hero-caption{display:none}}@media (width<=1000px) and (height<=500px) and (orientation:landscape){.club-hero{height:100%;min-height:160px;max-height:260px}.club-hero-caption{display:none}}.hub-game{flex-direction:column;display:flex}.hub-game .hub-box{flex-shrink:0;width:100%}.hub-game-info{flex:1;width:100%}