:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183734;background:#e8d8b8;font-synthesis:none;--ink: #183734;--teal: #116a70;--teal-dark: #0b4e55;--paper: #fffaf0;--gold: #e5a92b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif}h1 em{color:var(--teal);font-weight:inherit}.eyebrow{margin-bottom:10px;color:#a46a1d;font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.error{color:#a52e28;font-size:.85rem;font-weight:700}.muted{color:#70817d}.primary,.secondary,.end-turn{border:0;border-radius:12px;padding:14px 20px;font-weight:850}.primary{color:#fff;background:linear-gradient(145deg,#167a7e,#0d5a61);box-shadow:0 7px 18px #0b50552c,inset 0 1px #ffffff40}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 22px #0b505542}.secondary{background:#eee5d3;border:1px solid #d5c5a6}.end-turn{color:#fff;background:#253f3c}.wide{width:100%}.panel{background:#fffaf1de;border:1px solid #d8c6a4;border-radius:18px;box-shadow:0 15px 40px #31534a16}.back,.text-button{border:0;padding:8px;background:transparent;font-weight:750}.text-button{color:var(--teal);font-size:.78rem}.logo{display:inline-flex;align-items:center;gap:11px}.logo>i{display:grid;place-items:center;width:45px;height:49px;color:#fff5d9;background:var(--teal);border:3px solid #f0b52f;clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);font-family:Georgia,serif;font-size:1.45rem;font-style:normal;font-weight:900}.logo>span{font-family:Georgia,serif;font-size:1.55rem;font-weight:800;line-height:.85;letter-spacing:-.04em}.logo small{display:block;margin-top:7px;color:#9b6d29;font-family:Inter,sans-serif;font-size:.53rem;letter-spacing:.15em;text-transform:uppercase}.logo.compact>i{width:34px;height:38px;font-size:1.05rem}.logo.compact>span{font-size:1.2rem}.logo.compact small{display:none}.welcome-shell{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:32px 18px;background:radial-gradient(circle at 70% 15%,#fff8e8 0 6%,transparent 35%),linear-gradient(130deg,#eee0c4 0,#eee0c4 52%,#126c73 52%)}.welcome-card{position:relative;z-index:2;width:min(530px,100%);margin-right:32%;padding:45px;background:#fffaf0f2;border:1px solid #dfca9d;border-radius:26px 7px;box-shadow:0 30px 80px #143f3850}.welcome-card .eyebrow{margin-top:38px}.welcome-card h1{margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.4rem);line-height:.94;letter-spacing:-.055em}.welcome-card .intro{max-width:430px;color:#5a6a65;font-size:1.02rem;line-height:1.6}.welcome-card form{display:grid;gap:10px;margin-top:28px}.welcome-card label,.modal label{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}input{width:100%;border:1px solid #cbb993;border-radius:11px;outline:none;padding:14px 15px;background:#fffdf7}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #14747b20}.welcome-islands{position:absolute;top:0;right:0;bottom:0;left:50%}.welcome-islands span{position:absolute;width:190px;height:215px;background:#50a467;border:12px solid #ebce78;filter:drop-shadow(0 12px 10px #07383e4a);clip-path:polygon(50% 0,93% 24%,93% 74%,50% 100%,7% 74%,7% 24%)}.welcome-islands span:after{position:absolute;top:25%;right:25%;bottom:25%;left:25%;content:"";background:#18764e;clip-path:polygon(50% 0,100% 100%,0 100%)}.welcome-islands span:nth-child(1){top:9%;left:20%;transform:rotate(7deg)}.welcome-islands span:nth-child(2){top:45%;left:50%;transform:scale(.68) rotate(-14deg)}.welcome-islands span:nth-child(3){bottom:-5%;left:3%;transform:scale(.48) rotate(14deg)}.lobby-shell{min-height:100dvh;padding-bottom:50px;background:radial-gradient(circle at 90% 10%,#6bb4a650,transparent 30%),#eadbbd}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:24px}.topbar>div:last-child{display:flex;align-items:center;gap:8px}.lobby-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;width:min(1132px,calc(100% - 36px));margin:38px auto}.hero-panel{grid-row:span 2;padding:clamp(28px,5vw,70px);color:#f9f1db;background:linear-gradient(145deg,#0c5960,#174943);border-radius:6px 34px;box-shadow:0 25px 60px #173f3542}.hero-panel .eyebrow{color:#f1c45c}.hero-panel h1{margin-bottom:22px;font-size:clamp(2.7rem,5.5vw,5rem);line-height:.92;letter-spacing:-.055em}.hero-panel h1 em{color:#f1c45c}.hero-panel>p:not(.eyebrow){max-width:520px;color:#d4e4db;line-height:1.6}.player-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:34px 0 14px}.player-picker button{padding:13px 4px;color:#e3eee8;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:10px;font-size:1.2rem;font-weight:900}.player-picker button.selected{color:#143e38;background:#f0bd4e;border-color:#f6d98e}.player-picker small{display:block;margin-top:3px;font-size:.58rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.hero-panel .primary{color:#24413d;background:#f6e8c2}.join-panel,.games-panel{padding:25px}.join-panel h2,.games-panel h2{margin-bottom:7px}.join-panel p{color:#6a7a75;font-size:.88rem}.join-row{display:flex;gap:8px}.join-row input{min-width:0;text-transform:uppercase;font-weight:850;letter-spacing:.12em}.join-row button{border:0;border-radius:10px;padding:0 17px;color:#fff;background:var(--teal);font-weight:800}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title span{display:grid;width:28px;height:28px;place-items:center;color:#fff;background:var(--teal);border-radius:50%;font-size:.75rem}.game-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 5px;text-align:left;background:none;border:0;border-top:1px solid #e6dac2}.game-row small{display:block;margin-top:3px;color:#78847f;font-size:.72rem}.status-dot{width:10px;height:10px;background:#d2a633;border-radius:50%}.status-dot.active{background:#3a9a66}.status-dot.finished{background:#89928e}.waiting-shell{min-height:100dvh;padding:25px;background:radial-gradient(circle,#fff4d3 0,#e3cda2 52%,#11656d 52.2%)}.waiting-shell>.back{color:#fff}.waiting-card{width:min(580px,100%);margin:25px auto;padding:clamp(25px,5vw,48px);text-align:center}.waiting-card>.eyebrow{margin-top:28px}.waiting-card h1{font-size:2.4rem}.invite-code{width:100%;margin:12px 0 23px;padding:18px;background:#f2e5c8;border:1px dashed #b9995d;border-radius:14px}.invite-code small,.invite-code span{display:block;color:#7a755f;font-size:.68rem}.invite-code strong{display:block;margin:4px 0;color:var(--teal);font-family:Georgia,serif;font-size:2.1rem;letter-spacing:.12em}.seat-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.seat{display:flex;align-items:center;gap:9px;min-height:52px;padding:10px;color:#8a8d83;text-align:left;border:1px solid #dfd3ba;border-radius:10px}.seat i{width:29px;height:29px;background:#ddd4c3;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px #0002}.seat small{margin-left:auto;color:#9a6a24;text-transform:uppercase}.waiting-note{color:#697873;font-size:.9rem}.loading{display:grid;min-height:100dvh;place-items:center;color:#fff;background:var(--teal);font-family:Georgia,serif;font-size:1.3rem}.load-error{padding:25px;text-align:center}.game-shell{min-height:100dvh;background:#d4ebdf}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding:7px 18px;background:#fffaf0;border-bottom:1px solid #d3c5a9}.game-header .back{justify-self:start}.turn-pill{display:flex;align-items:center;justify-self:end;gap:8px;padding:8px 13px;background:#edf1e9;border-radius:30px;font-size:.75rem;font-weight:800}.turn-pill i{width:9px;height:9px;border-radius:50%}.player-strip{display:flex;gap:8px;overflow-x:auto;padding:9px 16px;background:#f3ead7;border-bottom:1px solid #d5c5a6;scrollbar-width:none}.player-chip{--player: #777;display:flex;flex:0 0 auto;align-items:center;gap:8px;min-width:150px;padding:6px 11px 6px 6px;background:#fffaf0;border:1px solid transparent;border-radius:10px;opacity:.76}.player-chip.current{border-color:var(--player);box-shadow:inset 0 -3px var(--player);opacity:1}.player-chip>i{display:grid;width:31px;height:31px;place-items:center;color:#fff;background:var(--player);border-radius:8px;font-style:normal;font-weight:900}.player-chip strong,.player-chip small{display:block;white-space:nowrap}.player-chip strong{font-size:.75rem}.player-chip small{margin-top:2px;color:#78807a;font-size:.62rem}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;height:calc(100dvh - 121px)}.board-wrap{position:relative;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#75c5cd 0,#3ba0ad 62%,#197b8a)}.board-wrap:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.15;background-image:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 27px,#fff 28px 29px,transparent 30px 55px)}.board-roll{position:absolute;z-index:3;top:12px;left:12px;display:flex;align-items:center;gap:8px;padding:9px 11px;background:#fffaf0eb;border:1px solid #d6c39c;border-radius:11px;box-shadow:0 5px 16px #17433c35}.board-roll>span{color:#65736e;font-size:.62rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.board-roll .dice i{width:27px;height:27px;border-radius:6px;font-size:.72rem}.board-roll>strong{color:var(--teal-dark);font-size:.9rem}.victory-overlay{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#153f3978;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.victory-dialog{width:min(460px,100%);padding:clamp(24px,4vw,42px);text-align:center;background:#fffaf0;border:2px solid #e4b846;border-radius:24px 7px;box-shadow:0 28px 70px #092c2766}.victory-trophy{display:block;margin-bottom:8px;font-size:3.5rem}.victory-dialog h2{margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.05}.victory-score{display:inline-block;margin-bottom:14px;padding:7px 14px;color:#fff;background:var(--teal);border-radius:30px}.victory-dialog>p:not(.eyebrow){color:#65746f;line-height:1.5}.victory-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.reopen-victory{position:absolute;z-index:5;top:12px;right:12px;padding:9px 12px;color:#4f3b10;background:#fff3bd;border:1px solid #c99e37;border-radius:10px;box-shadow:0 4px 12px #173f3538;font-size:.72rem;font-weight:850}.board{position:absolute;z-index:1;top:2%;right:2%;bottom:2%;left:2%;display:block;width:96%;height:96%;min-width:0;min-height:0;overflow:visible;touch-action:manipulation}.sea-rings polygon{fill:#efd78d;stroke:#f8e9bc;stroke-width:5}.tile{transition:filter .15s}.tile.clickable:hover{filter:brightness(1.12)}.tile.rolled>polygon:first-child{stroke:#ff2f92;stroke-width:17}.tile.rolled>.tile-inner{stroke:#fff;stroke-opacity:1;stroke-width:6;stroke-dasharray:14 8}.tile.rolled .number-token circle{stroke:#ff2f92;stroke-width:6}.tile.rolled{filter:brightness(1.12) drop-shadow(0 0 15px #ff2f92)}.clickable{cursor:pointer}.tile-inner{fill:none;stroke:#3b5729;stroke-opacity:.35;stroke-width:3}.resource-mark{fill:#173c2c;stroke:#173c2c;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;opacity:.74}.resource-mark.bricks{fill:#fff3d3;stroke:#8e352a;stroke-width:3}.resource-mark.sheep{fill:#fffdeb;stroke:#355a36}.resource-mark.wheat{fill:#f9e490;stroke:#8c631a}.resource-mark.ore{fill:#d9e0dc;stroke:#4d5c59}.resource-mark.desert{fill:#edcf78;stroke:#9e7a36}.resource-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:42px;text-anchor:middle;dominant-baseline:middle}.number-token circle{fill:#fff9e9;stroke:#d2bd8c;stroke-width:3}.number-token text{fill:#173c34;font-size:29px;font-weight:950;text-anchor:middle}.number-token.hot text{fill:#bd3429}.number-token .pips{font-size:9px;letter-spacing:-1px}.robber{fill:#263331;stroke:#f7e9bf;stroke-width:3}.ports{pointer-events:none}.ports .port-link{stroke:#f7e5b2;stroke-width:7}.ports .port-marker{fill:#fff7db;stroke:#a87c34;stroke-width:4}.ports .port-marker-mobile{display:none}.ports .port-anchor{fill:#f4c95d;stroke:#fff7db;stroke-width:3}.ports text{fill:#21443d;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:13px;font-weight:950;text-anchor:middle}.edge-target{stroke:#fff;stroke-opacity:.02;stroke-width:26}.edge.clickable:hover .edge-target{stroke:#fff4b4;stroke-opacity:.7;stroke-width:14;stroke-dasharray:10 7}.road-border{stroke:#432e23;stroke-linecap:round;stroke-width:18}.road{stroke-linecap:round;stroke-width:12}.vertex-target{fill:#fff8bd;fill-opacity:.15;stroke:#fff8ca;stroke-width:3;stroke-dasharray:5 4}.vertex.clickable:hover .vertex-target{fill-opacity:.85}.building path:first-child{stroke:#3e2d24;stroke-linejoin:round;stroke-width:5}.building-shine{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:4;opacity:.55}.side-panel{position:relative;z-index:2;overflow-y:auto;padding:12px;background:#eee3ce;border-left:1px solid #c8b896}.resources-card,.development-card,.action-card,.trade-offer-card,.log-card{margin-bottom:10px;padding:15px;background:#fffaf1;border:1px solid #d8c8a8;border-radius:13px;box-shadow:0 5px 12px #5543210c}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.card-title b{display:grid;width:25px;height:25px;place-items:center;color:#fff;background:#2d4a45;border-radius:50%}.resources{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.resources>div{overflow:hidden;text-align:center;background:color-mix(in srgb,var(--resource),white 70%);border:1px solid color-mix(in srgb,var(--resource),white 40%);border-radius:8px}.resources i{display:grid;width:29px;height:29px;margin:5px auto 2px;place-items:center;color:#fff;background:var(--resource);border-radius:50%;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:.88rem;font-style:normal;font-weight:900}.resources span{display:none}.resources strong{display:block;padding-bottom:5px;font-size:.92rem}.production-gain{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:7px 9px;color:#7b827c;background:#f0e8d8;border-radius:7px;font-size:.64rem}.production-gain span{font-weight:800;text-transform:uppercase}.production-gain strong{text-align:right}.production-gain.has-gain{color:#185b43;background:#dcebd5;box-shadow:inset 3px 0 #4e9b5b}.steal-gain{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:8px 9px;color:#746c67;background:#ece7df;border-radius:7px;font-size:.66rem}.steal-gain span{font-weight:850}.steal-gain strong{text-align:right}.steal-gain.has-gain{color:#57255e;background:#f0d8f3;box-shadow:inset 3px 0 #9a43a7}.development-hand{display:flex;gap:5px;overflow-x:auto;margin-bottom:8px;scrollbar-width:thin}.development-hand>p{margin:4px 0 8px;color:#7a827d;font-size:.7rem}.development-hand button{flex:0 0 112px;min-height:58px;padding:7px;text-align:left;background:#edf0df;border:1px solid #c9c9a5;border-radius:8px}.development-hand button strong,.development-hand button small{display:block}.development-hand button strong{font-family:Georgia,serif;font-size:.72rem}.development-hand button small{margin-top:4px;color:#758078;font-size:.55rem}.development-hand button:disabled{filter:grayscale(.75)}.development-hand .dev-victory-point{background:#fff0b9;border-color:#d7b24f}.buy-development{width:100%;padding:8px;color:#fff;background:#6b5689;border:0;border-radius:8px;font-size:.66rem;font-weight:800}.award{margin:8px 0 0;padding:6px;color:#795812;background:#fff0b9;border-radius:6px;font-size:.65rem;font-weight:850;text-align:center}.action-card h3{margin-bottom:8px;font-family:Georgia,serif}.action-card>p:not(.eyebrow){color:#687771;font-size:.82rem;line-height:1.45}.action-card.idle{text-align:center}.mini-compass{width:35px;height:35px;margin:5px auto 12px;background:var(--teal);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.dice-card{text-align:center}.dice{display:inline-flex;gap:7px}.dice i{display:grid;width:36px;height:36px;place-items:center;background:#fff;border:1px solid #cfc0a3;border-radius:8px;box-shadow:0 3px #bba681;font-style:normal;font-weight:900}.dice-card .dice{margin:7px 0 18px}.last-roll{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2d7c2;color:#79847f;font-size:.7rem;font-weight:800}.last-roll .dice i{width:25px;height:25px;font-size:.7rem}.build-actions{display:grid;gap:6px;margin-bottom:10px}.build-actions button{padding:9px 11px;text-align:left;background:#f5eddd;border:1px solid #ded0b5;border-radius:9px}.build-actions button.active{color:#fff;background:var(--teal);border-color:var(--teal-dark)}.build-actions button:disabled{color:#8b918e;background:#deded9;border-color:#c9c9c4;filter:grayscale(1);opacity:.65}.build-actions b,.build-actions small{display:block}.build-actions small{margin-top:2px;opacity:.75;font-size:.63rem}.action-card .secondary,.action-card .end-turn{margin-top:7px;padding:11px;font-size:.76rem}.trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.trade-actions .secondary{width:100%}.trade-offer-card{background:#fff3cb;border-color:#d7ad49}.trade-offer-card h3{margin-bottom:8px;font-family:Georgia,serif}.offer-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-bottom:10px;font-size:.7rem}.offer-line span{padding:7px;text-align:center;background:#fffaf0;border-radius:7px;font-weight:800}.offer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.offer-buttons button{padding:9px;border:0;border-radius:7px;font-weight:800}.offer-buttons button:first-child{color:#fff;background:#278355}.offer-buttons button:last-child{background:#ead9bf}.declined{margin:0;color:#93683d;font-size:.72rem;font-weight:800;text-align:center}.robber-card{text-align:center}.robber-icon{display:block;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:2.6rem}.robber-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:36px;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#fff3c7;stroke-width:4px}.winner{text-align:center;background:#fff5ce;border-color:#d7ac3d}.winner>span{color:var(--gold);font-size:2.5rem}.game-error{padding:9px;background:#fff0e8;border-radius:8px}.log-card h3{font-size:.8rem;text-transform:uppercase}.log-card p{margin-bottom:7px;color:#697670;font-size:.7rem}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;padding:18px;background:#132f2ba8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;padding:30px;background:#fffaf0;border:1px solid #ead5a7;border-radius:20px 6px;box-shadow:0 30px 80px #071c1960}.modal.compact{width:min(420px,100%)}.modal-close{position:absolute;top:10px;right:12px;width:32px;height:32px;background:transparent;border:0;font-size:1.5rem}.modal h2{font-size:2rem}.resource-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:7px 0 20px}.resource-options button{min-height:51px;padding:7px 3px;background:#f3ead8;border:1px solid #d8c8aa;border-radius:8px;font-size:.67rem;font-weight:800}.resource-options button.selected{color:#fff;background:var(--teal)}.resource-options small{display:block;margin-top:3px;font-size:.55rem;font-weight:500}.discard-list{margin-bottom:20px}.discard-list>div{display:grid;grid-template-columns:1fr 70px 35px 35px;align-items:center;gap:5px;padding:8px 0;border-bottom:1px solid #e2d6bd}.discard-list button{width:32px;height:32px;background:#eee4d2;border:1px solid #d4c4a5;border-radius:7px}.amount-picker{display:flex;align-items:center;justify-content:center;gap:14px;margin:-8px 0 20px}.amount-picker button{width:34px;height:34px;background:#eee4d2;border:1px solid #d4c4a5;border-radius:8px}.amount-picker strong{min-width:25px;text-align:center}.victim-list{display:grid;gap:7px}.victim-list button{display:flex;align-items:center;gap:10px;padding:12px;background:#f3ead9;border:1px solid #dbc9a7;border-radius:9px;font-weight:800}.victim-list i{width:25px;height:25px;border-radius:50%}.victim-list small{margin-left:auto;color:#74817c}@media(max-width:800px){.welcome-shell{background:linear-gradient(160deg,#eaddc2 0,#eaddc2 72%,#126c73 72%)}.welcome-card{margin-right:0;padding:30px 24px}.welcome-islands{display:none}.lobby-grid{grid-template-columns:1fr;margin-top:10px}.hero-panel{grid-row:auto}.game-header{grid-template-columns:1fr auto;height:55px;padding:5px 9px}.game-header>.logo{display:none}.turn-pill{font-size:.67rem}.player-strip{padding:6px 8px}.player-chip{min-width:125px}.game-layout{display:flex;flex-direction:column;height:calc(100dvh - 106px)}.board-wrap{flex:1 1 55%;min-height:310px}.board-roll{top:7px;left:7px;padding:6px 8px}.board-roll>span{display:none}.board{top:1%;right:1%;bottom:1%;left:1%;width:98%;height:98%}.ports .port-marker-desktop{display:none}.ports .port-marker-mobile{display:block;stroke-width:6}.ports text{font-size:19px}.ports .port-link{stroke-width:10}.ports .port-anchor{r:11px;stroke-width:4}.victory-dialog{padding:23px 17px}.victory-dialog>div{grid-template-columns:1fr}.reopen-victory{top:7px;right:7px}.side-panel{flex:0 0 auto;max-height:42%;padding:8px;border-top:1px solid #c8b896;border-left:0}.resources-card,.development-card,.action-card,.trade-offer-card,.log-card{padding:10px}.log-card{display:none}.resources-card{margin-bottom:6px}.action-card{margin-bottom:0}.build-actions{grid-template-columns:repeat(3,1fr)}.build-actions button{text-align:center}.build-actions small{display:none}.action-card>.end-turn{width:100%}}@media(max-width:520px){.topbar{padding:16px}.lobby-grid{width:calc(100% - 22px)}.hero-panel{padding:29px 20px;border-radius:5px 24px}.hero-panel h1{font-size:3rem}.waiting-shell{padding:12px}.waiting-card{margin-top:8px}.waiting-card h1{font-size:1.9rem}.seat-list{grid-template-columns:1fr}.resource-options{grid-template-columns:repeat(3,1fr)}.modal{padding:27px 18px 20px}}@media(prefers-reduced-motion:no-preference){button{transition:transform .15s,box-shadow .15s,background .15s}.turn-pill i{animation:pulse 1.8s infinite}.tile.rolled{animation:rolled-tile 1.15s ease-in-out infinite alternate}@keyframes pulse{50%{box-shadow:0 0 0 6px #207a7030}}@keyframes rolled-tile{0%{filter:brightness(1.04) drop-shadow(0 0 8px #ff2f92)}to{filter:brightness(1.2) drop-shadow(0 0 21px #ff2f92)}}}