@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#fff;background:#0c6fb8;font-synthesis:none;--blue-950: #07538f;--blue-900: #0966ad;--blue-800: #0d76c7;--blue-700: #1485d8;--blue-600: #2394e8;--blue-500: #32a4f4;--panel: rgba(5, 83, 148, .48);--line: rgba(255, 255, 255, .14);--text-muted: rgba(255, 255, 255, .7);--green: #20c657;--green-dark: #119b43;--gold: #ffc83d;--orange: #ff7a22;--shadow: 0 18px 46px rgba(3, 52, 95, .28);--radius: 14px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe477;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.brand-logo{display:block;width:110px;height:auto;object-fit:contain}.primary,.secondary{border:0;border-radius:10px;min-height:44px;padding:0 20px;font-weight:900;cursor:pointer;transition:transform .16s ease,filter .16s ease,background .16s ease}.primary{background:var(--green);box-shadow:0 5px 0 var(--green-dark)}.secondary{background:#ffffff21;border:1px solid var(--line)}.primary:hover:not(:disabled),.secondary:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}.large{width:100%;min-height:52px}.landing{min-height:100vh;display:grid;grid-template-columns:minmax(360px,520px) minmax(520px,1fr);background:var(--blue-700)}.landing-card{position:relative;z-index:2;padding:clamp(32px,6vw,84px);padding-right:clamp(42px,7vw,96px);background:#0b6fb9;box-shadow:22px 0 50px #0336632e;display:flex;flex-direction:column;justify-content:center}.landing-card .brand-logo{width:260px;margin-bottom:42px}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:900;color:#c8edff;text-transform:uppercase}.eyebrow svg{color:var(--gold);margin-right:8px}.landing-copy h1{margin:8px 0 10px;font-size:clamp(36px,5vw,66px);line-height:.98;letter-spacing:-.04em;max-width:580px}.landing-copy>p:last-child{max-width:520px;color:var(--text-muted);font-size:18px;line-height:1.55;margin-bottom:34px}.field{display:grid;gap:7px;margin-bottom:14px}.field span{font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ccecff}.field input{border:1px solid rgba(255,255,255,.22);border-radius:10px;min-height:52px;padding:0 16px;background:#0448809e;color:#fff;font-weight:800}.field input::placeholder{color:#ffffff73}.or{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.join-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.join-row .field{margin:0}.join-button{min-height:52px}.form-error{color:#ffe477;font-weight:800;margin:14px 0 0}.landing-note{text-align:center;color:var(--text-muted);font-size:13px;margin-top:22px}.landing-account-entry{margin-top:12px}.account-entry-button{width:100%;min-height:44px}.account-chip{width:100%;min-height:58px;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.17);border-radius:12px;padding:7px 10px;background:#04417475;text-align:left;cursor:pointer}.account-chip img{width:40px;height:40px;border:2px solid rgba(255,255,255,.5);border-radius:50%;object-fit:cover}.account-chip small,.account-chip strong{display:block}.account-chip small{color:#bde5fb;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.account-chip strong{margin-top:2px;font-size:13px}.account-chip>svg{color:var(--gold)}.auth-dialog{width:min(520px,100%)}.auth-dialog>.auth-panel{margin-top:12px;text-align:left}.auth-panel{margin-top:18px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#04417475;box-shadow:inset 0 1px #ffffff14}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.auth-tabs button,.auth-actions button{min-height:36px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#ffffff1a;font-size:11px;font-weight:900;cursor:pointer}.auth-tabs button.active{background:var(--gold);color:#594005}.auth-panel .primary{width:100%;min-height:42px}.auth-panel.signed-in{display:grid;gap:10px}.auth-panel.signed-in>div:first-child{display:grid;gap:2px}.auth-panel.signed-in span{color:#ccecff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.auth-panel.signed-in strong{font-size:18px}.auth-panel.signed-in small,.auth-message{color:var(--text-muted);font-size:12px}.auth-actions{display:flex;gap:7px;flex-wrap:wrap}.auth-account-line{display:grid!important;grid-template-columns:46px 1fr;align-items:center;gap:10px}.auth-account-line img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}.account-page{min-height:100vh;padding:clamp(22px,5vw,54px);background:radial-gradient(circle at 15% 10%,rgba(48,164,244,.5),transparent 34%),url(/assets/ocean.png) center/cover;display:grid;place-items:center}.account-card{position:relative;width:min(780px,100%);padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,#086eb9f0,#044880f0);box-shadow:var(--shadow);overflow:hidden}.account-card:before{content:"";position:absolute;inset:-110px -80px auto auto;width:240px;height:240px;border-radius:50%;background:#ffc83d2e;pointer-events:none}.account-card .brand-logo{width:168px;margin-bottom:18px}.ghost-back{border:1px solid rgba(255,255,255,.16);border-radius:999px;min-height:36px;padding:0 13px;background:#ffffff1a;font-weight:900;cursor:pointer;margin-bottom:18px}.account-kicker{display:block;color:#ccecff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.account-card h1{margin:4px 0 8px;font-size:clamp(34px,6vw,64px);line-height:.95;letter-spacing:-.04em}.account-card p{color:#ffffffc2;line-height:1.55}.account-hero{display:grid;grid-template-columns:190px 1fr;gap:clamp(20px,4vw,36px);align-items:center}.avatar-uploader{position:relative;display:grid;place-items:center;gap:12px}.avatar-uploader img{width:178px;height:178px;border-radius:36px;object-fit:cover;border:4px solid rgba(255,255,255,.62);box-shadow:0 16px 34px #032d5057;background:#ffffff1f}.avatar-upload-button{min-height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--gold);color:#594005;font-weight:1000;cursor:pointer;box-shadow:0 4px #7d54216b}.avatar-upload-button svg{margin-right:7px}.account-status-pill{display:inline-flex;margin-top:8px;border-radius:999px;padding:8px 12px;background:#20c6572e;color:#d8ffe4;border:1px solid rgba(32,198,87,.38);font-weight:900}.account-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.account-profile-grid article{display:grid;gap:5px;padding:16px;border-radius:16px;background:#04417470;border:1px solid rgba(255,255,255,.14)}.account-profile-grid svg{color:var(--gold);font-size:21px}.account-profile-grid strong{font-size:15px}.account-profile-grid span{color:var(--text-muted);font-size:13px;line-height:1.45}.account-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.verify-card{width:min(560px,100%)}.verify-form{margin-top:20px}.code-input{text-align:center;font-size:30px;letter-spacing:.22em;font-weight:1000}.admin-page{min-height:100vh;padding:34px;background:url(/assets/ocean.png) center/cover;display:grid;place-items:center}.admin-card{width:min(520px,100%);padding:28px;border-radius:18px;background:#0869b2f0;border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow)}.admin-card.wide{width:min(980px,100%)}.admin-card .brand-logo{width:170px;margin-bottom:18px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-head span{color:#ccecff;font-size:11px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.admin-head h1{margin:2px 0 0}.admin-users{display:grid;gap:10px}.admin-user{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:13px;background:#044b85b3;border-left:5px solid #9edcff}.admin-user.status-active{border-left-color:var(--green)}.admin-user.status-pending_admin{border-left-color:var(--gold)}.admin-user.status-rejected,.admin-user.status-disabled{border-left-color:#ff6b6b}.admin-user img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.55)}.admin-user strong,.admin-user span,.admin-user em{display:block}.admin-user span{color:var(--text-muted);font-size:12px}.admin-user em{color:#d8f1ff;font-size:10px;text-transform:uppercase;font-style:normal;font-weight:900}.admin-user-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-user-actions button{min-height:34px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff1f;font-size:11px;font-weight:900;cursor:pointer}.landing-art{position:relative;overflow:hidden;min-height:640px;background:url(/assets/ocean.png) center/cover;display:flex;align-items:center;justify-content:center}.landing-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#08589a61;pointer-events:none}.art-badge,.art-caption{position:absolute;z-index:3;background:#043661bd;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.art-badge{top:38px;right:38px;border-radius:999px;padding:11px 18px;font-weight:800}.art-badge svg{color:var(--green);margin-right:7px}.preview-hexes{position:relative;z-index:2;width:580px;height:480px}.preview-hex{position:absolute;width:190px;aspect-ratio:1.13;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);filter:drop-shadow(0 12px 8px rgba(3,45,76,.32))}.preview-hex img{width:100%;height:100%;object-fit:cover}.hex-0{left:195px;top:0}.hex-1{left:38px;top:90px}.hex-2{left:195px;top:90px}.hex-3{left:352px;top:90px}.hex-4{left:38px;top:180px}.hex-5{left:195px;top:180px}.hex-6{left:352px;top:180px}.art-caption{left:50%;bottom:42px;transform:translate(-50%);width:min(620px,82%);border-radius:16px;padding:20px 24px;display:grid;gap:3px}.art-caption strong{font-size:20px}.art-caption span{color:var(--text-muted)}.app-shell{min-height:100vh;background:var(--blue-700)}.rail{position:fixed;z-index:30;inset:0 auto 0 0;width:92px;background:var(--blue-950);display:flex;flex-direction:column;align-items:stretch}.rail .brand-logo{width:76px;margin:18px auto 22px}.rail-items{display:grid}.rail button,.rail-current{border:0;background:transparent;cursor:pointer;min-height:88px;display:grid;place-items:center;gap:5px;padding:10px 4px;font-size:18px}.rail-current{cursor:default}.rail button span,.rail-current span{display:block;font-size:11px;font-weight:900}.rail button.active,.rail-current.active{background:var(--blue-600);box-shadow:inset 4px 0 #fff}.rail button:hover{background:#ffffff1a}.rail .rail-leave{margin-top:auto;min-height:74px;color:#ffffffb8}.players-panel{position:fixed;z-index:20;inset:0 auto 0 92px;width:292px;padding:26px 18px;background:var(--blue-800);box-shadow:8px 0 26px #0345792e;overflow-y:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:3px 4px 15px}.panel-title span,.action-title span,.side-label,.room-header span,.turn-info>span{color:#bce8ff;font-size:10px;letter-spacing:.13em;font-weight:900}.panel-title h2,.action-title h2{margin:2px 0 0;font-size:22px}.icon-button{width:38px;height:38px;border-radius:9px;background:#ffffff24;border:1px solid var(--line);cursor:pointer}.player-list{display:grid;gap:8px}.player-card{position:relative;display:grid;grid-template-columns:4px 40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px 10px 10px 0;border-radius:10px;background:#045394a3;border:1px solid rgba(255,255,255,.08);overflow:hidden}.player-card.offline{opacity:.55}.player-color{align-self:stretch;border-radius:0 5px 5px 0}.player-card img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.55)}.player-card strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card strong small{color:#bce8ff;font-size:8px;margin-left:4px}.player-info{min-width:0}.player-info>span{display:block;font-size:10px;line-height:1.35;color:var(--text-muted);text-transform:uppercase;font-weight:900;overflow-wrap:normal}.player-score{min-width:max-content;display:flex;align-items:center;justify-content:flex-end;gap:5px}.player-score b{font-size:12px;color:var(--gold)}.player-score button{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;padding:0;border:0;border-radius:9px;background:#77bdef47;color:#fff;font-size:18px;line-height:1}.player-progress{display:flex;gap:4px}.player-progress em{min-width:28px;height:20px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border-radius:999px;background:#ffffff1f;color:#d7f2ff;font-size:9px;font-style:normal;font-weight:1000}.player-progress svg{color:#9edcff;font-size:9px}.ready-icon{color:#68ef80}.player-score button{border:0;width:24px;height:24px;border-radius:6px;background:#ffffff1a;cursor:pointer}.color-picker{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#044e8980}.color-picker>strong{display:block;margin-bottom:8px;color:#c9edff;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.color-picker>div{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.color-picker button{position:relative;aspect-ratio:1;min-width:0;border:2px solid rgba(255,255,255,.48);border-radius:50%;background:var(--player-choice);box-shadow:0 2px 5px #00000038;cursor:pointer}.color-picker button.selected{border-color:#fff4b5;box-shadow:0 0 0 3px #ffe47747,0 2px 5px #0000004d}.color-picker button:disabled{filter:grayscale(.75);opacity:.3}.color-picker button svg{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#fff;font-size:8px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.invite-card{margin-top:22px;padding:20px;border-radius:12px;background:#044e89b8;border:1px dashed rgba(255,255,255,.26);text-align:center;display:grid;justify-items:center;gap:6px}.invite-card>svg{font-size:24px;color:var(--gold);margin-bottom:4px}.invite-card span{color:var(--text-muted);font-size:12px;line-height:1.4}.invite-card button{margin-top:8px;border:0;border-radius:8px;padding:9px 12px;background:var(--green);font-weight:900;cursor:pointer}.hint-card{display:flex;gap:10px;color:var(--text-muted);font-size:11px;line-height:1.4;margin:18px 7px}.hint-card svg{color:#bce8ff;margin-top:2px}.lobby-main{min-height:100vh;margin-left:384px;padding:28px 32px 118px}.room-header{min-height:82px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 24px;box-shadow:var(--shadow)}.room-header h1{font-size:24px;margin:3px 0 0}.room-header h1 button{background:none;border:0;color:#fff;cursor:pointer;font-weight:900}.room-header h1 button svg{font-size:13px;margin-left:5px;color:#bce8ff}.lobby-summary{position:sticky;z-index:15;top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#044e89eb;box-shadow:0 9px 25px #032d4e40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-summary>div{min-width:0;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;background:#ffffff12}.lobby-summary>div>svg{color:#ffe477}.lobby-summary small,.lobby-summary strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-summary small{color:#9edcff;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.lobby-summary strong{margin-top:2px;font-size:10px}.privacy{padding:10px 14px;border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:800}.privacy svg{color:var(--gold);margin-right:6px}.mobile-room-tools{display:none;align-items:center;gap:6px}.mobile-room-tools span,.mobile-room-tools button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:#ffffff1a;padding:0 10px;color:#fff;font-weight:900}.mobile-room-tools button{width:38px;padding:0;cursor:pointer}.lobby-section{margin-top:26px}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:12px}.section-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffffff21;color:#bce8ff;font-weight:900;font-size:11px}.section-heading h2{font-size:17px;margin:0}.section-heading p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.option-grid{display:grid;gap:10px}.option-grid.modes{grid-template-columns:repeat(3,1fr)}.option-card{position:relative;min-height:112px;padding:17px;border-radius:11px;border:1px solid var(--line);background:#0d75c6a8;display:grid;justify-items:start;align-content:center;gap:4px;cursor:pointer;text-align:left}.option-card>svg{color:#bce8ff;font-size:21px;margin-bottom:5px}.option-card strong{font-size:14px}.option-card span{font-size:11px;color:var(--text-muted)}.option-card.selected,.map-card.selected{background:#2394e8;border:2px solid #d9f4ff;box-shadow:inset 0 0 0 2px #ffffff12,0 8px 22px #0438642e}.option-card>b,.map-card>b{position:absolute;top:10px;right:10px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--green)}.maps{grid-template-columns:1.3fr 1fr}.map-card{position:relative;min-height:102px;display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:11px;border:1px solid var(--line);background:#0d75c6a8;text-align:left}.map-card>svg:first-child{width:66px;font-size:36px;color:#ffffff47}.map-card div>strong{display:block}.map-card div>span{font-size:11px;color:var(--text-muted)}.map-card>svg:last-child{margin-left:auto;color:#ffffff59}.mini-map{position:relative;width:86px;height:66px;flex:0 0 auto}.mini-map img{position:absolute;width:30px;height:28px;object-fit:cover;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.mini-map img:nth-child(1){left:28px}.mini-map img:nth-child(2){left:14px;top:21px}.mini-map img:nth-child(3){left:42px;top:21px}.mini-map img:nth-child(4){top:42px}.mini-map img:nth-child(5){left:28px;top:42px}.mini-map img:nth-child(6){left:56px;top:42px}.mini-map img:nth-child(7){left:28px;top:21px}.mini-map-czech{width:118px;height:66px}.mini-map-czech img{width:24px;height:23px}.mini-map-czech img:nth-child(1){left:0;top:28px}.mini-map-czech img:nth-child(2){left:12px;top:18px}.mini-map-czech img:nth-child(3){left:24px;top:8px}.mini-map-czech img:nth-child(4){left:36px;top:0}.mini-map-czech img:nth-child(5){left:49px;top:5px}.mini-map-czech img:nth-child(6){left:62px;top:11px}.mini-map-czech img:nth-child(7){left:76px;top:18px}.mini-map-czech img:nth-child(8){left:92px;top:23px}.mini-map-czech img:nth-child(9){left:104px;top:30px}.mini-map-czech img:nth-child(10){left:32px;top:33px}.mini-map-czech img:nth-child(11){left:46px;top:44px}.mini-map-czech img:nth-child(12){left:62px;top:48px}.mini-map-czech img:nth-child(13){left:78px;top:42px}.rules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rules label{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 16px;border-radius:11px;background:#0d75c6a8;border:1px solid var(--line)}.rules label>span{display:grid;grid-template-columns:30px 1fr;align-items:center}.rules label svg{grid-row:span 2;color:#bce8ff;font-size:18px}.rules label b{font-size:13px}.rules label small{color:var(--text-muted);font-size:10px}.rules input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:999px;background:#04467ccc;position:relative;cursor:pointer}.rules input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .18s ease}.rules input:checked{background:var(--green)}.rules input:checked:after{left:21px}.fixed-rules{grid-template-columns:1fr 1fr}.fixed-rules>div{min-height:76px;padding:14px 16px;border-radius:11px;background:#0d75c6a8;border:1px solid var(--line);display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px}.fixed-rules>div>svg:first-child{color:#bce8ff;font-size:18px}.fixed-rules>div>svg:last-child{color:#5af07d}.fixed-rules b,.fixed-rules small{display:block}.fixed-rules b{font-size:13px}.fixed-rules small{color:var(--text-muted);font-size:10px;margin-top:2px}.table-settings{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.table-settings>div{min-height:82px;border:1px solid var(--line);border-radius:11px;background:#0d75c6a8;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.table-settings>div>span{display:grid;grid-template-columns:28px 1fr;align-items:center}.table-settings>div>span>svg{grid-row:span 2;color:#bce8ff}.table-settings b,.table-settings small{display:block}.table-settings b{font-size:12px}.table-settings small{color:var(--text-muted);font-size:9px;margin-top:2px}.segment-control{display:flex;gap:4px;padding:4px;border-radius:9px;background:#04467cb8}.segment-control button{min-width:36px;height:34px;border:0;border-radius:7px;background:transparent;font-size:10px;font-weight:900;cursor:pointer}.segment-control button.active{background:#2aa1ec;box-shadow:0 2px 6px #0000002e}.timer-control button{min-width:52px}.rule-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.rule-chips span{border-radius:999px;padding:7px 10px;background:#05549399;border:1px solid rgba(255,255,255,.1);color:#caedff;font-size:9px;font-weight:900}.rule-chips svg{margin-right:5px;color:#5af07d}.ready-bar{position:fixed;z-index:25;left:384px;right:0;bottom:0;min-height:90px;padding:15px 32px;background:#0967ae;border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:space-between;box-shadow:0 -10px 28px #04427233}.ready-bar>div{display:flex;align-items:center;gap:13px}.ready-orb{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#ffffff1f;color:#bce8ff}.ready-orb.on{background:var(--green);color:#fff}.ready-bar strong,.ready-bar small{display:block}.ready-bar small{color:var(--text-muted);font-size:11px;margin-top:2px}.game-shell{--players-width: 278px;--social-width: 310px;display:grid;grid-template-columns:92px var(--players-width) minmax(560px,1fr) var(--social-width);min-height:100vh;transition:grid-template-columns .22s ease}.game-shell.players-collapsed{--players-width: 0px}.game-shell.social-collapsed{--social-width: 0px}.game-shell.players-collapsed .game-players,.game-shell.social-collapsed .actions-panel{display:none}.game-shell .rail{position:sticky;width:92px;height:100vh;grid-column:1}.game-players{grid-column:2;min-width:0;height:100vh;overflow-y:auto;background:var(--blue-800);padding:18px 14px}.game-logo .brand-logo{width:138px;margin:0 auto 20px}.side-label{display:block;margin:0 7px 9px}.game-players .player-card{margin-bottom:7px;grid-template-columns:3px 36px minmax(0,1fr) auto;min-height:64px}.game-players .player-card img{width:36px;height:36px}.goal-card{margin-top:16px;border-radius:10px;background:#044b85b8;border:1px solid var(--line);padding:13px;display:flex;align-items:center;gap:11px}.goal-card>svg{color:var(--gold);font-size:20px}.goal-card b,.goal-card span{display:block}.goal-card span{font-size:11px;color:var(--text-muted)}.goal-card b{color:#fff;font-size:12px}.bonus-card{margin-top:9px;display:grid;gap:6px}.bonus-card>span{display:grid;grid-template-columns:24px 1fr;padding:10px;border-radius:9px;background:#044b8580;border:1px solid rgba(255,255,255,.08)}.bonus-card svg{grid-row:span 2;color:#bce8ff;align-self:center}.bonus-card b,.bonus-card small{display:block}.bonus-card b{font-size:10px}.bonus-card small{font-size:8px;color:var(--text-muted)}.bonus-icon{color:var(--gold);font-size:10px}.special-awards{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.special-awards article{position:relative;min-width:0;aspect-ratio:2/3;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#064a7f;box-shadow:0 5px 12px #0003;opacity:.58}.special-awards article.claimed{opacity:1;box-shadow:0 0 0 2px #ffe477,0 7px 16px #0000004d}.special-awards article>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.special-awards article>span{position:absolute;z-index:2;right:7px;bottom:10%;left:7px;text-align:center;color:#573d22;text-shadow:0 1px rgba(255,255,255,.8)}.special-awards article>span strong,.special-awards article>span small{display:block}.special-awards article>span strong{font-size:8px;line-height:1}.special-awards article>span small{margin-top:2px;color:#70583b;font-size:5px}.special-awards article>em{position:absolute;z-index:3;right:5px;top:5px;left:5px;overflow:hidden;border-radius:5px;background:#033054d6;padding:4px;color:#fff5ba;font-size:6px;font-style:normal;font-weight:900;text-align:center;text-overflow:ellipsis;white-space:nowrap}.game-main{grid-column:3;display:grid;grid-template-rows:76px minmax(420px,1fr) 222px;min-width:0;height:100vh;background:#0d79c7}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:#0969b2;border-bottom:1px solid var(--line)}.turn-info strong{display:block;margin-top:3px}.turn-info i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.resource-strip{display:flex;align-items:center;gap:6px}.resource-strip>div{position:relative;min-width:64px;height:48px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:25px 13px;align-items:center;padding:4px 7px;border-radius:9px;background:#04487fb8;border:1px solid rgba(255,255,255,.1)}.resource-strip svg{grid-row:1 / 3;color:var(--resource);font-size:17px}.resource-strip span{display:flex;align-items:baseline;justify-content:center;gap:1px;font-weight:900;line-height:1}.resource-strip span b{font-size:15px}.resource-strip span small{color:#c4eaff;font-size:8px}.resource-strip em{align-self:start;color:#8fd1f5;font-size:7px;font-style:normal;font-weight:900;text-align:center;text-transform:uppercase;white-space:nowrap}.header-tools{justify-self:end;display:flex;align-items:center;gap:6px}.panel-toggle{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#04467cb3;color:#a9d8f3;cursor:pointer}.panel-toggle[aria-pressed=true]{background:#1688d6;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24}.room-chip{border-radius:999px;padding:8px 11px;background:#ffffff1a;font-size:11px;font-weight:900}.room-chip svg{color:var(--gold);margin-right:5px}.turn-timer{min-width:76px;border-radius:999px;padding:8px 10px;background:#04467cb3;color:#d4f2ff;font-size:11px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.turn-timer svg{margin-right:4px;color:#6ee7ff}.turn-timer.danger{background:#b93845;color:#fff}.turn-timer.danger svg{color:#ffe477}.turn-timer.unlimited{font-size:9px}.dice-history{margin-top:14px}.dice-history>p{margin:6px;color:var(--text-muted);font-size:9px}.dice-history>div{min-height:36px;display:grid;grid-template-columns:4px 1fr 24px 24px 24px;align-items:center;gap:4px;margin-top:4px;padding:4px 6px 4px 0;border-radius:7px;background:#044b8575}.dice-history i{align-self:stretch;border-radius:0 4px 4px 0}.dice-history b,.dice-history small{display:block}.dice-history b{font-size:9px}.dice-history small{font-size:7px;color:var(--text-muted)}.dice-history em{width:22px;height:22px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#243447;font-style:normal;font-weight:900;font-size:10px}.dice-history strong{color:var(--gold);font-size:11px;text-align:center}.map-stage{position:relative;overflow:hidden;display:grid;place-items:center;background:url(/assets/ocean.png) center/cover;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.map-stage:after{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:#015c9d2e;pointer-events:none}.map-stage.dragging{cursor:grabbing}.graph-stage{min-height:0}.map-pan-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.map-canvas{position:absolute;left:50%;top:50%;width:760px;height:760px;margin:-380px 0 0 -380px;pointer-events:auto;transform-origin:center}.map-stage.dragging .map-canvas{pointer-events:none}.graph-board{position:relative;z-index:2;width:100%;height:100%}.coast-edge{position:absolute;z-index:0;height:42px;background:url(/assets/board/coast-edge-v1.webp) center / 100% 100% no-repeat;filter:drop-shadow(0 0 2px rgba(255,246,205,.96)) drop-shadow(0 0 5px rgba(91,216,246,.88)) drop-shadow(0 3px 3px rgba(4,53,87,.32));pointer-events:none;transform-origin:center}.hex-map-tile{position:absolute;padding:0;border:0;background:#70512b;transform:translate(-50%,-50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);overflow:hidden;z-index:1;cursor:default;box-shadow:inset 0 0 0 1px #fff5d17a}.hex-map-tile:disabled{opacity:1}.hex-map-tile:not(:disabled){cursor:pointer}.hex-map-tile:not(:disabled):after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:inherit;box-shadow:inset 0 0 0 4px #ffe477;animation:robber-choice 1.1s ease-in-out infinite}.hex-art{position:absolute;top:3px;right:3px;bottom:3px;left:3px;overflow:hidden;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#b8955f}.hex-art img{width:100%;height:100%;display:block;object-fit:cover;image-rendering:auto;transform:scale(1.02)}.hex-map-tile>span{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;align-content:center;border-radius:50%;background:#fff4d2;color:#25384a;font-weight:900;border:3px solid rgba(125,84,33,.45);box-shadow:0 3px 8px #0000004d;line-height:.9}.hex-map-tile>span small{display:block;font-size:6px;letter-spacing:-1px}.hex-map-tile>span.hot{color:#d33b34}.hex-map-tile.producing:before{content:"";position:absolute;z-index:1;top:3px;right:3px;bottom:3px;left:3px;clip-path:inherit;background:#d22630b8;box-shadow:inset 0 0 0 5px #ffcdbcf0,inset 0 0 34px #a10c18c7,0 0 18px #ff464b85;opacity:0;pointer-events:none;animation:production-pulse 2s ease-in-out 1}.hex-map-tile.blocked .hex-art img{filter:saturate(.45) brightness(.72)}.robber{position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#243447;color:#fff;border:3px solid #ffd15a;box-shadow:0 5px 12px #00000061;font-size:19px}.board-edge{position:absolute;z-index:5;height:26px;padding:0;border:0;background:transparent;display:grid;place-items:center;transform-origin:center;overflow:visible}.board-edge:disabled{opacity:1}.board-edge:before{content:"";display:block;width:100%;height:9px;border-radius:999px;box-sizing:border-box;background:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.4))}.board-edge svg{display:none}.board-edge.occupied:before{background:var(--piece);border:2px solid #f9f1d5}.board-edge.available{cursor:pointer}.board-edge.available:before{background:#ffffff9e;border:2px solid var(--piece);animation:road-choice 1.1s ease-in-out infinite}.board-vertex{position:absolute;z-index:7;width:30px;height:30px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:transparent;display:grid;place-items:center;padding:0}.board-vertex:disabled{opacity:1}.board-vertex svg{color:transparent;font-size:23px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.board-vertex.available{cursor:pointer;background:#ffffffc7;border:3px solid var(--piece)}.board-vertex.available svg{color:var(--piece);font-size:9px;animation:vertex-choice 1.1s ease-in-out infinite}.board-vertex.occupied{width:54px;height:54px;z-index:8}.board-vertex.occupied:after{content:"";position:absolute;z-index:3;top:5px;right:3px;width:10px;height:10px;border:2px solid #fff1c2;border-radius:50%;background:var(--piece);box-shadow:0 2px 3px #00000061}.piece-owner-base{position:absolute;z-index:0;left:50%;bottom:8px;width:31px;height:13px;transform:translate(-50%);border:3px solid #fff1c2;border-radius:50%;background:var(--piece);box-shadow:0 3px 5px #0006}.building-piece{position:relative;z-index:1;width:49px;height:49px;object-fit:contain;transform:translateY(-5px);filter:drop-shadow(0 2px 1px rgba(0,0,0,.56)) drop-shadow(0 0 1px var(--piece));pointer-events:none}.building-piece.city{width:58px;height:58px;transform:translateY(-8px)}.board-vertex.occupied.available{background:#ffe47757;border-color:#ffe477}.graph-board.map-czechia .board-vertex{width:18px;height:18px}.graph-board.map-czechia .board-vertex svg{font-size:14px}.graph-board.map-czechia .board-vertex.available{border-width:2px}.graph-board.map-czechia .board-vertex.available svg{font-size:6px}.graph-board.map-czechia .board-vertex.occupied{width:34px;height:34px}.graph-board.map-czechia .board-vertex.occupied:after{top:2px;right:1px;width:7px;height:7px;border-width:1px}.graph-board.map-czechia .piece-owner-base{width:22px;height:8px;bottom:2px}.graph-board.map-czechia .building-piece{width:31px;height:31px;transform:translateY(-4px)}.graph-board.map-czechia .building-piece.city{width:37px;height:37px;transform:translateY(-6px)}.graph-board.map-czechia .board-edge{height:18px}.graph-board.map-czechia .board-edge:before{height:6px;border-width:1px}.graph-board.map-czechia .hex-map-tile>span{width:22px;height:22px;border-width:2px;font-size:11px;box-shadow:0 2px 5px #00000047}.graph-board.map-czechia .hex-map-tile>span small{font-size:4px;letter-spacing:-1px}.graph-board.map-czechia .robber{width:28px;height:28px;border-width:2px;font-size:12px;box-shadow:0 3px 8px #00000057}.port-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);width:68px;height:86px;display:grid;place-items:center;pointer-events:none}.port-boat{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.port-sail-marker{position:absolute;z-index:5;left:50%;top:50%;min-width:31px;height:29px;transform:translate(-50%,-50%);display:grid;grid-template-rows:14px 9px;place-items:center;align-content:center;border:2px solid #a87524;border-radius:9px;background:radial-gradient(circle at 45% 25%,#fffdf4,#fff2c9 78%);color:#654614;box-shadow:0 2px 6px #00000052,0 0 0 1px #fff4c36b}.port-sail-marker svg{font-size:10px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.port-sail-marker b{font-size:7px;line-height:1;font-weight:1000}.port-benefit-marker{position:absolute;z-index:6;width:32px;height:32px;transform:translate(-50%,-50%);display:grid;grid-template-rows:16px 8px;place-items:center;align-content:center;border:2px solid #a87524;border-radius:50%;background:#fff7daf5;color:#654614;box-shadow:0 3px 7px #00000057,0 0 0 3px #fff4c361;pointer-events:none}.port-benefit-marker svg{font-size:10px}.port-benefit-marker b{font-size:7px;line-height:1}.graph-board.map-czechia .port-marker{width:38px;height:48px}.graph-board.map-czechia .port-sail-marker{min-width:18px;height:17px;grid-template-rows:8px 5px;border-width:1px;border-radius:5px}.graph-board.map-czechia .port-sail-marker svg{font-size:6px}.graph-board.map-czechia .port-sail-marker b{font-size:4px}.graph-board.map-czechia .port-benefit-marker{width:14px;height:14px;grid-template-rows:7px 4px;border-width:1px;box-shadow:0 1px 3px #00000047,0 0 0 1px #fff4c34d}.graph-board.map-czechia .port-benefit-marker svg{font-size:5px}.graph-board.map-czechia .port-benefit-marker b{font-size:3px}.port-dock{position:absolute;z-index:3;height:24px;object-fit:fill;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));pointer-events:none;transform-origin:center}.graph-board.map-czechia .port-dock{height:12px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.map-controls{position:absolute;z-index:15;right:14px;top:14px;display:grid;grid-template-columns:38px 58px 38px 38px 38px;align-items:center;gap:4px;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#033157e0;box-shadow:var(--shadow);cursor:default}.map-controls button{width:38px;height:38px;border:0;border-radius:8px;background:#1488d5;color:#fff;cursor:pointer}.map-controls button:hover{background:#26a0ed}.map-controls button:disabled{opacity:.38;cursor:default}.map-controls output{color:#d8f3ff;font-size:11px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.map-gesture-hint{position:absolute;z-index:10;left:50%;bottom:13px;transform:translate(-50%);border-radius:999px;padding:7px 12px;background:#033157b8;color:#d8f3ff;font-size:9px;font-weight:800;pointer-events:none;white-space:nowrap}.cancel-build{position:absolute;z-index:10;left:16px;bottom:16px;border:1px solid var(--line);border-radius:9px;background:#04355fd6;padding:9px 12px;font-weight:900;cursor:pointer}@keyframes vertex-choice{50%{transform:scale(1.22)}}@keyframes road-choice{50%{opacity:.45}}@keyframes robber-choice{50%{opacity:.35}}.board-wrap{position:relative;z-index:2;padding:22px}.board{filter:drop-shadow(0 18px 18px rgba(2,45,80,.3))}.hex-row{display:flex;justify-content:center;height:92px}.hex{position:relative;width:106px;height:98px;margin:0 -2px;border:0;padding:0;background:transparent;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);cursor:pointer;transition:transform .18s ease,filter .18s ease}.hex:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:inherit;border:0;box-shadow:inset 0 0 0 4px #ffffff3d;pointer-events:none}.hex:hover{transform:translateY(-4px);z-index:3;filter:brightness(1.08)}.hex img{width:100%;height:100%;object-fit:cover}.hex span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff4d2;color:#25384a;font-weight:900;border:3px solid rgba(125,84,33,.45);box-shadow:0 3px 8px #0000004d}.hex span.hot{color:#d33b34}@keyframes production-pulse{0%,to{opacity:0}18%{opacity:.98}42%{opacity:.24}68%{opacity:.88}88%{opacity:.12}}.dice-roll-overlay{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);min-width:270px;display:grid;justify-items:center;gap:8px;padding:18px 24px;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:#032d4ee6;box-shadow:0 18px 55px #0000006b;pointer-events:none;animation:dice-overlay-life 2.35s ease-out both}.dice-roll-overlay>span{color:#bce8ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.dice-roll-overlay>div{display:flex;gap:14px}.rolled-die{width:72px;height:72px;display:grid;place-items:center;border:3px solid #f4d48a;border-radius:16px;background:#fff9e9;color:#20394d;box-shadow:0 7px #bd8b32,0 12px 20px #00000061;font-size:51px}.rolled-die.die-1{animation:die-tumble-left .62s cubic-bezier(.2,.85,.25,1) both}.rolled-die.die-2{animation:die-tumble-right .62s cubic-bezier(.2,.85,.25,1) both}.dice-roll-overlay>strong{color:#ffe477;font-size:15px}@keyframes die-tumble-left{0%{transform:translate(-70px,-55px) rotate(-240deg) scale(.55)}78%{transform:translate(7px,4px) rotate(16deg) scale(1.08)}to{transform:none}}@keyframes die-tumble-right{0%{transform:translate(70px,-45px) rotate(280deg) scale(.55)}78%{transform:translate(-7px,4px) rotate(-14deg) scale(1.08)}to{transform:none}}@keyframes dice-overlay-life{0%{opacity:0}7%,84%{opacity:1}to{opacity:0;visibility:hidden}}.opening-order-overlay{position:absolute;z-index:31;left:50%;top:50%;width:min(520px,calc(100% - 28px));transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;padding:18px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:#032d4ef5;color:#fff;box-shadow:0 18px 55px #00000070;pointer-events:none}.opening-order-overlay.final{animation:opening-order-life 4.2s ease both}.opening-order-overlay.choosing,.opening-order-overlay.rolling{pointer-events:auto}.opening-order-overlay>span{color:#9edcff;font-size:9px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.opening-order-overlay>strong{margin-bottom:8px;color:#ffe477;font-size:18px}.opening-order-overlay>div{width:100%;display:grid;gap:6px}.opening-order-overlay article{display:grid;grid-template-columns:26px 7px minmax(90px,1fr) auto 28px;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff12}.opening-order-overlay article>b{color:#ffe477;font-size:14px;text-align:center}.opening-order-overlay article>i{width:7px;height:28px;border-radius:999px;box-shadow:0 0 0 2px #ffffff59}.opening-order-overlay article>span{min-width:0;overflow:hidden;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.opening-order-overlay article>em{display:flex;gap:5px;color:#fff9e9;font-size:24px;filter:drop-shadow(0 2px 0 #8a6324)}.opening-order-overlay article>strong{color:#ffe477;font-size:16px;text-align:center}.opening-order-overlay article>small{grid-column:3/-1;margin-top:-5px;color:#9edcff;font-size:8px;font-weight:800}.opening-order-overlay article.winner{border-color:#ffe477b3;background:#ffe47721}.opening-order-overlay article.active{border-color:#58e88ad1;box-shadow:0 0 0 2px #58e88a29}.opening-order-overlay article.pending{opacity:.72}.opening-order-overlay>footer{width:100%;display:grid;gap:9px;margin-top:8px;padding-top:11px;border-top:1px solid rgba(255,255,255,.14);text-align:center}.opening-order-overlay>footer>small{color:#bce8ff;font-size:9px;font-weight:800}.opening-order-overlay>footer>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opening-order-overlay>footer button{min-height:42px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:#1688d6;color:#fff;font-size:11px;font-weight:900;cursor:pointer}.opening-order-overlay>footer button:last-child{background:#7354a8}.opening-order-overlay>footer .opening-roll-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#21c768,#109949);box-shadow:0 8px 20px #10994942}.opening-order-overlay>footer>b{color:#ffe477;font-size:10px}@keyframes opening-order-life{0%{opacity:0;transform:translate(-50%,-48%) scale(.92)}7%,84%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%,-52%) scale(.98)}}.turn-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0969b2;border-top:1px solid var(--line)}.turn-bar strong,.turn-bar span{display:block}.turn-bar span{font-size:11px;color:var(--text-muted);margin-top:2px}.player-dock{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:92px 1fr;justify-items:center;align-items:stretch;gap:5px;padding:7px 12px 8px;overflow:visible;background:linear-gradient(180deg,#f7f0df,#e7dcc4);border-top:3px solid #b8955f;color:#2e4050}.bottom-action-dock{width:min(920px,100%);min-width:0;display:grid;place-items:center}.bottom-build-menu{width:min(850px,100%);display:grid;grid-template-columns:repeat(6,minmax(96px,1fr));gap:6px}.expanded-game .game-main{grid-template-rows:76px minmax(360px,1fr) 252px}.expanded-game .player-dock{grid-template-rows:124px 1fr}.game-shell.phase-setup .game-main,.game-shell.phase-openingRoll .game-main,.game-shell.phase-openingChoice .game-main{grid-template-rows:76px minmax(420px,1fr) 150px}.game-shell.phase-setup .player-dock,.game-shell.phase-openingRoll .player-dock,.game-shell.phase-openingChoice .player-dock{grid-template-rows:1fr}.expanded-game .bottom-build-menu{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.expanded-game .bottom-build-menu.active-group-build>[data-action]:not([data-action=build]),.expanded-game .bottom-build-menu.active-group-guards>[data-action]:not([data-action=guards]),.expanded-game .bottom-build-menu.active-group-city>[data-action]:not([data-action=city]),.expanded-game .bottom-build-menu.active-group-trade>[data-action]:not([data-action=trade]),.expanded-game .bottom-build-menu.active-group-cards>[data-action]:not([data-action=cards]){display:none}.action-category-tabs{width:min(760px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:6px;padding:3px;border-radius:10px;background:#50442d1c}.action-category-tabs button{min-height:29px;border:0;border-radius:7px;background:transparent;color:#617382;font-size:9px;font-weight:900;cursor:pointer}.action-category-tabs button svg{margin-right:5px;color:#2388c5}.action-category-tabs button.active{background:#fff;color:#26485e;box-shadow:0 2px 7px #48361824}.bottom-build-menu>button{min-width:0;height:84px;border:1px solid rgba(71,91,106,.25);border-radius:11px;background:#ffffff9e;color:#314b5d;display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr auto;align-items:center;gap:2px 5px;padding:7px;text-align:left;cursor:pointer;box-shadow:0 3px 8px #4836181a}.bottom-build-menu>button:hover:not(:disabled),.bottom-build-menu>button.selected{border-color:#1686cc;background:#fff;box-shadow:0 0 0 2px #1686cc29,0 4px 10px #48361824}.bottom-build-menu>button:disabled{opacity:.43;cursor:default}.bottom-build-menu>button>svg{color:#1479b8;font-size:20px}.bottom-build-menu>button>span strong,.bottom-build-menu>button>span small{display:block}.bottom-build-menu>button>span strong{color:#29485e;font-size:10px}.bottom-build-menu>button>span small{color:#70818e;font-size:8px}.bottom-build-menu .mini-cost{grid-column:1/-1;max-width:none;justify-content:center}.bottom-build-menu .mini-cost b{background:#1e4f6f1a}.development-buy-back{width:24px;height:36px;object-fit:cover;border-radius:4px;box-shadow:0 2px 4px #00000040}.player-hand-row{width:min(920px,100%);min-width:0;display:flex;align-items:center;gap:12px}.resource-hand{min-width:0;flex:1;display:flex;align-items:center;gap:10px;overflow:hidden}.hand-title{width:70px;flex:0 0 70px}.hand-title span,.hand-title b,.hand-title small{display:block;color:#536779}.hand-title span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hand-title b{margin-top:4px;font-size:11px}.hand-title small{margin-top:2px;color:#7a887f;font-size:7px;line-height:1.2}.resource-cards{min-width:0;display:flex;align-items:end;gap:5px;overflow-x:auto;padding:5px 5px 6px 0;scrollbar-width:thin}.card-pile{position:relative;width:var(--pile-width);height:94px;flex:0 1 var(--pile-width);transition:width .2s ease}.piled-card{position:absolute;left:var(--card-offset);bottom:3px;z-index:var(--card-depth);filter:drop-shadow(0 4px 3px rgba(55,38,20,.22));transition:transform .16s ease}.card-pile:hover .piled-card{transform:translateY(calc(var(--card-depth) * -.7px))}.resource-card-face{position:relative;width:58px;height:87px;display:block;overflow:hidden;border:0;border-radius:7px;background:#f5ead1;box-shadow:0 3px color-mix(in srgb,var(--resource) 55%,#5a4224),0 0 0 1px #432f1852}.resource-card-face img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.resource-card-face small{position:absolute;z-index:2;right:5px;bottom:7px;left:5px;overflow:hidden;color:#324656;font-size:7px;font-weight:1000;letter-spacing:.055em;line-height:1;text-align:center;text-overflow:ellipsis;text-transform:uppercase;text-shadow:0 1px rgba(255,255,255,.8);white-space:nowrap}.card-pile>b{position:absolute;z-index:30;right:-5px;top:-5px;min-width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff7df;border-radius:6px;background:#1763af;color:#fff;font-size:12px;box-shadow:0 2px 5px #00000047}.empty-hand{align-self:center;padding:8px 12px;border:1px dashed #aa9670;border-radius:8px;color:#7d6f55;font-size:10px;font-weight:900}.card-pile.compact{height:72px;flex:0 0 var(--pile-width)}.card-pile.compact .resource-card-face{width:44px;height:66px}.card-pile.compact .resource-card-face small{right:4px;bottom:5px;left:4px;font-size:6px}.card-pile.compact>b{min-width:21px;height:21px;font-size:10px}.turn-command{margin-left:auto;min-width:190px;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#2e4050}.turn-command>div{max-width:220px}.turn-command:has(>button)>div{display:none}.turn-command strong{color:#25384a}.turn-command span{color:#677989}.turn-command .primary{min-height:48px;white-space:nowrap}.dice-button{border:0;border-radius:11px;min-height:48px;padding:0 20px;background:var(--gold);color:#513b00;font-weight:900;box-shadow:0 5px #c88d10;cursor:pointer}.dice-button svg{margin-right:8px}.development-card-piles{display:flex;align-items:end;gap:5px}.development-hand-card{position:relative;width:44px;height:69px;flex:0 0 44px;border:0;background:transparent;padding:0;cursor:pointer}.development-hand-card:hover{transform:translateY(-3px)}.development-hand-card .development-card-face{width:44px;height:66px;border-radius:6px;box-shadow:0 3px #67518c,0 0 0 1px #432f1852}.development-hand-card>b{position:absolute;z-index:5;right:-5px;top:-5px;min-width:21px;height:21px;display:grid;place-items:center;border:2px solid #fff7df;border-radius:6px;background:#7653ad;color:#fff;font-size:10px;box-shadow:0 2px 5px #00000047}.development-card-face{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;border-radius:9px;background:#e9d8ae;box-shadow:0 5px 12px #0000004d}.development-card-face>img{width:100%;height:100%;display:block;object-fit:cover}.development-card-face>span{position:absolute;z-index:2;right:8%;bottom:5.5%;left:8%;height:20%;display:grid;align-content:center;text-align:center;color:#563a1f;text-shadow:0 1px rgba(255,255,255,.72)}.development-card-face>span strong{font-size:12px;line-height:1.05}.development-card-face>span small{margin-top:4px;color:#6f5331;font-size:7px;line-height:1.15}.development-card-face.compact>span{display:none}.actions-panel{grid-column:4;height:100vh;overflow:hidden;background:#0a6db8;padding:14px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.social-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;padding:4px;border-radius:10px;background:#04477e94}.social-tabs button{min-width:0;min-height:38px;border:0;border-radius:7px;background:transparent;color:#b9e1f7;font-size:8px;font-weight:900;cursor:pointer}.social-tabs button svg{display:block;margin:0 auto 3px;font-size:13px}.social-tabs button.active{background:#1688d6;color:#fff}.social-panel .dice-history{flex:1;max-height:none;overflow-y:auto;margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#04477e94}.social-panel .dice-history .side-label{margin-left:0}.social-panel .chat{flex:1}.game-log{min-height:0;flex:1;display:grid;grid-template-rows:38px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#04477e94}.game-log-list{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:10px}.game-log-list p{color:var(--text-muted);font-size:10px;text-align:center}.game-log-list div{padding:7px 8px;border-left:3px solid rgba(255,228,119,.62);border-radius:0 7px 7px 0;background:#ffffff12;color:#d9f1ff;font-size:10px;line-height:1.35}.action-title{margin:0 5px 12px}.build-list{display:grid;gap:7px}.setup-instruction{margin-bottom:12px;min-height:130px;padding:18px;border-radius:12px;background:#054e8aa8;border:1px solid var(--line);display:grid;justify-items:center;align-content:center;gap:7px;text-align:center}.setup-instruction>svg{color:var(--gold);font-size:28px}.setup-instruction strong{font-size:14px}.setup-instruction span{color:var(--text-muted);font-size:10px;line-height:1.4}.bottom-action-dock .setup-instruction{width:min(620px,100%);min-height:82px;margin:0;padding:10px 18px;grid-template-columns:38px 1fr;justify-items:start;text-align:left;background:#0969b2eb;color:#fff}.bottom-action-dock .setup-instruction>svg{grid-row:1;font-size:25px}.bottom-action-dock .setup-instruction>span{color:#d4f1ff}.bottom-action-dock .setup-instruction strong,.bottom-action-dock .setup-instruction small{display:block}.bottom-action-dock .setup-instruction small{margin-top:3px;font-size:9px}.official-builds>button{min-height:64px;border:1px solid var(--line);border-radius:10px;background:#065494a6;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 9px;text-align:left;cursor:pointer}.official-builds>button:hover:not(:disabled),.official-builds>button.selected{background:#188edc;border-color:#fff9}.official-builds>button>svg{color:#c7edff;font-size:19px}.official-builds>button strong,.official-builds>button small{display:block}.official-builds>button strong{font-size:11px}.official-builds>button small{font-size:8px;color:var(--text-muted)}.action-buttons{display:grid;grid-template-columns:1fr;gap:7px;margin:9px 0}.action-buttons>button{min-height:54px;border:1px solid var(--line);border-radius:9px;background:#1383d2;display:grid;grid-template-columns:24px 1fr;align-items:center;text-align:left;padding:7px;cursor:pointer}.action-buttons>button>svg{color:var(--gold)}.action-buttons strong,.action-buttons small{display:block}.action-buttons strong{font-size:10px}.action-buttons small{font-size:8px;color:var(--text-muted)}.build-card{min-height:68px;border:1px solid var(--line);border-radius:10px;background:#065494a6;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;padding:9px;text-align:left;cursor:pointer}.build-card:hover:not(:disabled){background:#148bdee6}.build-card>svg{font-size:20px;color:#c7edff}.build-card strong,.build-card small{display:block}.build-card strong{font-size:12px}.build-card small{font-size:9px;color:var(--text-muted)}.mini-cost{display:flex;gap:3px;max-width:100px;flex-wrap:wrap;justify-content:flex-end}.mini-cost b{display:flex;gap:2px;align-items:center;border-radius:5px;background:#0000002e;padding:3px 5px;font-size:9px}.mini-cost svg{color:var(--resource)}.trade-button{min-height:58px;margin:10px 0;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#1383d2;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;cursor:pointer}.trade-button>svg:first-child{color:var(--gold)}.trade-button strong,.trade-button small{display:block}.trade-button strong{font-size:12px}.trade-button small{font-size:9px;color:var(--text-muted)}.chat{min-height:0;flex:1;border-radius:10px;background:#04477e94;border:1px solid var(--line);display:grid;grid-template-rows:38px 1fr 44px;overflow:hidden}.chat-title{padding:10px 12px;border-bottom:1px solid var(--line);font-size:11px}.chat-title svg{color:#bce8ff;margin-right:7px}.messages{min-height:0;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.messages>p{color:var(--text-muted);font-size:10px;text-align:center}.messages div{font-size:10px}.messages b{color:#bce8ff;margin-right:5px}.messages span{line-height:1.35}.system-message{border-radius:7px;background:#ffffff14;padding:6px;color:#caedff}.chat form{display:grid;grid-template-columns:1fr 38px;border-top:1px solid var(--line)}.chat input{min-width:0;border:0;background:#033e6ea6;color:#fff;padding:0 10px;font-size:11px}.chat form button{border:0;background:var(--green);cursor:pointer}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#032039d1;display:grid;place-items:center;padding:20px}.trade-dialog{position:relative;width:min(480px,100%);border-radius:18px;background:#0c72bd;border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 80px #0006;padding:32px;text-align:center}.dialog-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:8px;background:#ffffff1a;cursor:pointer}.dialog-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#0a5f9f;color:var(--gold);font-size:24px;margin:0 auto 12px}.trade-dialog h2{margin:0 0 6px;font-size:26px}.trade-dialog>p{color:var(--text-muted);margin:4px 0 22px}.trade-row{display:grid;grid-template-columns:1fr 24px 1fr;align-items:end;gap:8px;margin-bottom:22px}.trade-row label{text-align:left}.trade-row label span{display:block;font-size:10px;font-weight:900;color:#bce8ff;margin:0 0 5px}.trade-row select{width:100%;height:46px;border-radius:9px;border:1px solid var(--line);background:#075c9d;color:#fff;padding:0 8px;font-weight:800}.victory .dialog-icon{background:#c89118;color:#fff}.dialog-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;padding:4px;border-radius:10px;background:#054a82b8}.dialog-tabs button{min-height:40px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-weight:900}.dialog-tabs button.active{background:#2394e8}.dialog-tabs svg{margin-right:6px;color:#c7edff}.dialog-select{display:grid;gap:5px;text-align:left;margin-bottom:12px}.dialog-select span{font-size:10px;color:#bce8ff;font-weight:900}.dialog-select select,.development-choice select{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;background:#075c9d;color:#fff;padding:0 9px}.trade-dialog{max-height:calc(100vh - 40px);overflow-y:auto}.trade-market{width:min(1080px,100%);padding:32px;text-align:left;background:linear-gradient(145deg,#117dc5,#0864a8)}.trade-heading{display:flex;align-items:center;gap:14px;padding-right:42px}.trade-heading .dialog-icon{flex:0 0 54px;margin:0}.trade-heading>div>span{color:#9edcff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.trade-heading h2{margin:1px 0 0;font-size:25px;line-height:1}.trade-heading p{margin:5px 0 0;color:#c6ebff;font-size:11px}.trade-market .dialog-tabs{margin:18px 0 12px}.trade-audience-note{margin:0 0 12px;border:1px solid rgba(255,228,119,.32);border-radius:11px;background:#ffe4771a;padding:10px 12px;color:#fff1b4;font-size:11px;font-weight:800}.trade-market .dialog-select{grid-template-columns:130px 1fr;align-items:center;margin:0 0 12px}.trade-pickers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-pickers fieldset{min-width:0;margin:0;padding:9px;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:#0345775c}.trade-pickers legend{padding:0 5px;color:#bce8ff;font-size:9px;font-weight:900;text-transform:uppercase}.trade-pickers fieldset>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.trade-pickers button{position:relative;min-width:0;padding:4px;border:2px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.trade-pickers button:hover{background:#ffffff14}.trade-pickers button.selected{border-color:#ffe477;background:#ffe47724;box-shadow:0 0 0 2px #ffe47726}.trade-pickers .resource-card-face{width:100%;height:auto;aspect-ratio:2 / 3;pointer-events:none}.trade-pickers .resource-card-face small{right:4px;bottom:6px;left:4px;font-size:6px}.trade-pickers button>b{position:absolute;right:0;top:0;min-width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:#1763af;color:#fff;font-size:9px;box-shadow:0 2px 4px #00000040}.trade-bundle-editors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-bundle-editors fieldset{min-width:0;margin:0;padding:12px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:#0345775c}.trade-bundle-editors legend{padding:0 6px;color:#bce8ff;font-size:9px;font-weight:900;text-transform:uppercase}.trade-bundle-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}.trade-bundle-row:last-child{border-bottom:0}.trade-bundle-row .resource-card-face{width:34px;height:48px}.trade-bundle-row .resource-card-face small{display:none}.trade-bundle-row>span{min-width:0;color:#fff;font-size:12px;font-weight:900}.trade-bundle-row>span small{display:block;margin-top:2px;color:#9edcff;font-size:8px;text-transform:uppercase}.trade-table{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:10px;margin:12px 0 8px;padding:12px 18px;border:1px solid rgba(102,56,8,.28);border-radius:12px;background:linear-gradient(180deg,#f8f1df,#e9dcc0);color:#2f4150;box-shadow:inset 0 1px #fff}.trade-side{min-width:0;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:8px}.trade-side>span{color:#667786;font-size:9px;font-weight:900;text-transform:uppercase}.trade-side>small{color:#6a5a3d;font-size:8px;font-weight:900}.trade-exchange{display:grid;justify-items:center;gap:4px;color:#1476bb}.trade-exchange svg{font-size:22px}.trade-exchange small{color:#7d6a49;font-size:8px;font-weight:900;text-transform:uppercase}.amount-stepper{display:grid;grid-template-columns:26px 25px 26px;align-items:center;overflow:hidden;border:1px solid #b8a47c;border-radius:7px;background:#fff}.amount-stepper button{width:26px;height:28px;border:0;background:#e7dcc4;color:#1a5f96;cursor:pointer}.amount-stepper button:disabled{opacity:.35;cursor:default}.amount-stepper b{color:#2c3f4e;font-size:11px;text-align:center}.trade-bundle-preview{min-width:0;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.trade-bundle-preview .card-pile.compact{transform:scale(.88);transform-origin:left center;margin-right:-10px}.empty-bundle{color:#8a7350;font-size:10px;font-weight:900}.bank-multiplier{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 8px;color:#d8f1ff;font-size:10px;font-weight:900;text-transform:uppercase}.trade-note{min-height:17px;margin:5px 0 12px!important;color:#c8edff!important;font-size:10px;text-align:center}.trade-market>.primary{width:100%}.rules-dialog{width:min(560px,100%);padding:20px;text-align:left}.rules-dialog>h2,.rules-dialog>.dialog-icon,.rules-dialog>.rules-note{text-align:center}.rules-dialog>.dialog-icon{width:46px;height:46px;margin-bottom:6px}.rules-list{display:grid;gap:5px;margin:10px 0}.rules-list section{display:grid;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:#054a829e}.rules-list b{color:#fff}.rules-list span,.rules-note{color:var(--text-muted);font-size:13px;line-height:1.4}.rules-dialog>.rules-note{margin:8px 0 12px}.resume-screen{min-height:100vh;display:grid;place-items:center;background:var(--blue-500);color:#fff;font-size:20px;font-weight:900}.trade-row:has(input){grid-template-columns:1fr 56px 22px 1fr 56px}.trade-row input{min-width:0;height:46px;border:1px solid var(--line);border-radius:8px;background:#075c9d;color:#fff;padding:0 7px;font-weight:900}.discard-dialog{width:min(620px,100%)}.discard-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0}.discard-grid>div{padding:10px 5px;border-radius:9px;background:#054c86b8;border:1px solid var(--line);display:grid;justify-items:center;gap:5px}.discard-grid>div>svg{color:var(--resource);font-size:20px}.discard-grid strong{font-size:9px}.discard-grid span{display:flex;align-items:center;gap:7px}.discard-grid span button{width:25px;height:25px;border:0;border-radius:6px;background:#1787d3;cursor:pointer}.development-dialog{width:min(780px,100%);max-height:calc(100vh - 32px);overflow:hidden;padding:24px}.development-dialog .dialog-icon{width:46px;height:46px;margin-bottom:7px;font-size:19px}.development-dialog h2{font-size:22px}.development-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:start;gap:10px;margin-top:14px;max-height:none;overflow:visible;padding:3px}.development-list>p{width:100%;color:var(--text-muted)}.development-list>button{position:relative;flex:0 0 136px;min-width:0;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#054d898c;display:grid;justify-items:center;gap:7px;padding:6px;cursor:pointer}.development-list>button:hover:not(:disabled){border-color:#ffe477;background:#148bdec2;transform:translateY(-2px)}.development-list>button:disabled{cursor:default;opacity:.68}.development-list .development-card-face{width:122px;height:183px}.development-group-count{position:absolute;z-index:4;top:10px;right:10px;min-width:28px;height:25px;display:grid!important;place-items:center;border:2px solid #fff0c0;border-radius:7px;background:#1763af;color:#fff!important;font-size:10px!important;font-weight:1000;box-shadow:0 2px 6px #00000052}.development-card-state{min-height:26px;display:flex!important;align-items:center;justify-content:center;gap:5px;color:#ccecff!important;font-size:8px!important;font-weight:900;text-align:center}.development-card-state svg{color:#ffe477}.development-choice{display:grid;gap:9px;margin-top:18px}.development-choice p{color:var(--text-muted);font-size:12px}.development-warning{margin:10px 0 0;border:1px solid rgba(255,228,119,.32);border-radius:10px;background:#ffe4771a;padding:9px 12px;color:#fff1b4;font-size:11px;font-weight:800}.victim-list{display:grid;gap:7px;margin-top:15px}.victim-list button{min-height:64px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;background:#054d89b8;text-align:left;cursor:pointer}.victim-list img{width:38px;height:38px;border-radius:50%;object-fit:cover}.victim-list strong,.victim-list small{display:block}.victim-list small{font-size:9px;color:var(--text-muted)}.trade-status{position:absolute;z-index:24;left:50%;top:-174px;width:min(1240px,calc(100vw - 40px));min-height:164px;transform:translate(-50%);overflow:hidden;border:2px solid #ffe477;border-radius:18px;background:linear-gradient(135deg,#043e6afa,#032e52f2);padding:15px 18px 20px;color:#fff;box-shadow:0 16px 42px #0000006b}.trade-status.accepted{border-color:#58e88a}.trade-status.rejected,.trade-status.expired{border-color:#ff8a8a}.trade-board{display:grid;grid-template-columns:minmax(220px,1fr) 170px minmax(360px,1.5fr);align-items:center;gap:16px}.trade-lane{min-width:0;display:grid;align-items:center;gap:12px}.trade-lane.proposer{grid-template-columns:minmax(130px,160px) minmax(120px,1fr)}.trade-lane.requested{grid-template-columns:minmax(120px,170px) minmax(220px,1fr)}.trade-status-person{min-width:0;display:flex;align-items:center;gap:7px}.trade-status-person>img,.trade-status-person>svg{width:46px;height:46px;flex:0 0 46px;border:2px solid rgba(255,255,255,.5);border-radius:50%;object-fit:cover}.trade-status-person>svg{padding:8px;color:#bce8ff}.trade-status-person small,.trade-status-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-status-person small{color:#9ddcff;font-size:9px;text-transform:uppercase}.trade-status-person strong{font-size:13px}.trade-status-bundle{min-width:0;display:flex;justify-content:center;gap:3px}.trade-status-bundle .card-pile.compact{transform:scale(1.05);transform-origin:center;margin:0 2px}.trade-status-center{display:grid;justify-items:center;gap:2px;text-align:center}.trade-status-center>svg{color:#ffe477;font-size:28px}.trade-status-center>strong{font-size:12px}.trade-status-center>span{color:#ffe477;font-size:23px;font-weight:1000;font-variant-numeric:tabular-nums}.trade-status-actions{display:grid;gap:4px}.trade-status-actions button{min-width:104px;min-height:40px;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:#ffffff1a;font-size:10px;font-weight:900;cursor:pointer}.trade-status-actions.choose-partner{max-height:110px;overflow:auto}.trade-status-actions.choose-partner button{display:flex;align-items:center;justify-content:center;gap:6px}.trade-status-actions.choose-partner i{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #ffffff5c}.trade-response-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;min-width:0}.trade-response{position:relative;width:39px;height:39px;border:2px solid var(--player-color);border-radius:50%;background:#ffffff1f;box-shadow:0 2px 6px #00000047}.trade-response img{width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.72}.trade-response svg{position:absolute;right:-5px;bottom:-5px;width:15px;height:15px;padding:4px;border-radius:50%;background:#082c4cf2;color:#ffe477;box-shadow:0 0 0 2px var(--player-color)}.trade-response.accepted svg,.trade-response.selected svg{color:#58e88a}.trade-response.rejected{filter:grayscale(.25);opacity:.72}.trade-response.rejected svg{color:#ff8a8a}.trade-response.pending svg{color:#9ddcff;opacity:.75}.trade-response.selected{box-shadow:0 0 0 3px #58e88a47,0 2px 6px #0000004d}.trade-response-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:54px;border:1px solid rgba(255,255,255,.18);border-left:5px solid var(--player-color);border-radius:12px;background:#ffffff14;padding:7px 8px 7px 6px;box-shadow:inset 0 1px #ffffff14}.trade-response-card.accepted,.trade-response-card.selected{background:#58e88a24;border-color:#58e88a73}.trade-response-card.rejected{background:#ff8a8a1f;border-color:#ff8a8a61}.trade-response-avatar{position:relative;width:40px;height:40px}.trade-response-avatar img{width:100%;height:100%;object-fit:cover;border:2px solid rgba(255,255,255,.62);border-radius:50%}.trade-response-avatar svg{position:absolute;right:-5px;bottom:-4px;width:14px;height:14px;padding:4px;border-radius:50%;background:#063e6a;color:#ffe477;box-shadow:0 0 0 2px var(--player-color)}.trade-response-card.accepted .trade-response-avatar svg,.trade-response-card.selected .trade-response-avatar svg{color:#58e88a}.trade-response-card.rejected .trade-response-avatar svg{color:#ff8a8a}.trade-response-name{min-width:0;display:block}.trade-response-name strong,.trade-response-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-response-name strong{font-size:12px}.trade-response-name small{color:#9edcff;font-size:8px;font-weight:1000;text-transform:uppercase}.trade-response-card.rejected .trade-response-name small{color:#ffb6b6}.trade-inline-actions{display:flex;gap:5px}.trade-inline-actions button,.trade-pick-player{min-width:34px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:9px;color:#fff;cursor:pointer;box-shadow:0 2px 5px #0000003d}.trade-inline-actions button svg{font-size:16px}.trade-inline-actions .reject{background:linear-gradient(180deg,#fb7b7b,#cf4040)}.trade-inline-actions .accept,.trade-pick-player{background:linear-gradient(180deg,#35d26f,#13984a);font-size:10px;font-weight:1000}.victory-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.victory-actions button{min-height:48px}.trade-status-progress{position:absolute;right:0;bottom:0;left:0;height:5px;background:linear-gradient(90deg,#ffe477 var(--trade-progress),rgba(255,255,255,.12) var(--trade-progress));transition:background .1s linear}.toast{position:fixed;z-index:200;left:50%;bottom:24px;transform:translate(-50%);background:#063e6a;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:12px 18px;box-shadow:var(--shadow);font-weight:800;font-size:13px}@media(max-width:1180px){.landing{grid-template-columns:460px 1fr}.preview-hexes{transform:scale(.76)}.game-shell{--players-width: 210px;--social-width: 0px;grid-template-columns:74px var(--players-width) minmax(520px,1fr)}.game-shell .rail,.rail{width:74px}.rail .brand-logo{width:62px}.rail button span,.rail-current span{display:none}.game-players{grid-column:2}.game-main{grid-column:3}.actions-panel{position:fixed;z-index:40;right:14px;top:90px;bottom:236px;width:290px;height:auto;box-shadow:var(--shadow);border-radius:13px}.game-shell.social-collapsed .actions-panel{display:none}.game-shell:not(.social-collapsed) .actions-panel{display:flex}.game-players .player-card{grid-template-columns:3px 32px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 8px;padding:8px 8px 8px 0}.game-players .player-card img{grid-row:1/3;width:32px;height:32px}.game-players .player-score{grid-column:3;justify-self:start;min-width:0}.game-players .player-info>span{font-size:8px}.game-header{grid-template-columns:1fr auto}.game-header .resource-strip{grid-row:2;grid-column:1/-1;position:absolute;top:66px;left:50%;transform:translate(-50%);z-index:8}.room-chip{display:none}}@media(max-width:900px){.landing{display:block}.landing-card{min-height:100vh}.landing-art{display:none}.account-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.account-profile-grid{grid-template-columns:1fr}.account-actions{justify-content:center}.rail{position:fixed;inset:auto 0 0 0;width:auto;height:68px;flex-direction:row;align-items:center}.rail .brand-logo{display:none}.rail-items{display:flex;flex:1;height:100%}.rail button,.rail-current{min-height:68px;flex:1}.rail button span,.rail-current span{display:block}.rail button.active,.rail-current.active{box-shadow:inset 0 4px #fff}.rail .rail-leave{margin:0;min-height:68px;width:76px}.players-panel{position:static;width:auto;min-height:auto;margin:0;padding:18px;display:none}.lobby-main{margin:0;padding:16px 16px 150px}.ready-bar{left:0;bottom:68px;padding:12px 16px}.ready-bar small{display:none}.option-grid.modes,.maps,.rules,.table-settings{grid-template-columns:1fr}.room-header{align-items:center}.privacy{display:none}.mobile-room-tools{display:flex}.game-shell{display:block}.game-shell .rail{position:fixed;width:auto;height:68px}.game-players{display:none}.game-main{height:calc(100vh - 68px);grid-template-rows:70px minmax(360px,1fr) 200px}.actions-panel{right:8px;top:88px;bottom:218px;width:270px;height:auto}.bottom-build-menu{overflow-x:auto;justify-content:start;grid-template-columns:repeat(6,minmax(104px,1fr));scrollbar-width:thin}.expanded-game .bottom-build-menu{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));overflow:visible}.action-category-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(82px,1fr))}.trade-status{position:fixed;top:78px;right:10px;left:10px;width:auto;min-height:156px;transform:none;padding:10px 12px 14px}.trade-board{grid-template-columns:1fr;gap:8px}.trade-lane.proposer,.trade-lane.requested{grid-template-columns:1fr 1fr}.trade-status-center{order:2}.trade-lane.requested{order:3}.trade-status-bundle .card-pile.compact{transform:scale(.82);margin:-5px}.trade-response-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.trade-response-card{min-height:48px}.trade-response-avatar{width:34px;height:34px}.trade-inline-actions button,.trade-pick-player{height:30px;min-width:30px}.hex-row{height:75px}.hex{width:86px;height:80px}.board-wrap{transform:scale(.9)}}@media(max-width:620px){.landing-card{padding:28px 20px}.landing-card .brand-logo{width:180px;margin-bottom:30px}.landing-copy h1{font-size:43px}.join-row{grid-template-columns:1fr}.room-header h1{font-size:18px}.option-grid.modes{grid-template-columns:1fr}.lobby-section{margin-top:20px}.ready-bar{display:grid;grid-template-columns:1fr auto;gap:8px}.ready-orb{width:38px;height:38px}.ready-bar .primary,.ready-bar .secondary{padding:0 12px;font-size:11px}.account-page{padding:16px}.account-card{padding:20px;border-radius:18px}.avatar-uploader img{width:132px;height:132px;border-radius:26px}.code-input{font-size:24px}.game-header{padding:0 10px}.resource-strip{gap:3px}.resource-strip>div{min-width:48px;height:40px;grid-template-columns:15px 1fr;padding:3px 4px}.resource-strip svg{font-size:13px}.resource-strip span b{font-size:12px}.resource-strip em{font-size:6px}.map-stage{overflow:hidden}.board-wrap{transform:scale(.73);min-width:470px}.turn-bar{padding:7px}.turn-command span{display:none}.dice-button,.turn-bar .primary{padding:0 10px;font-size:10px}.actions-panel{display:none!important}.fixed-rules{grid-template-columns:1fr}.discard-grid{grid-template-columns:repeat(3,1fr)}.map-controls{right:8px;top:8px;grid-template-columns:34px 48px 34px 34px 34px}.map-controls button{width:34px;height:34px}.map-gesture-hint,.hand-title{display:none}.resource-hand{gap:4px}.resource-cards{gap:2px}.card-pile{transform:scale(.82);transform-origin:left bottom;margin-right:-8px}.turn-command{min-width:110px}.trade-market{padding:14px}.trade-heading{gap:9px}.trade-heading .dialog-icon{flex-basis:44px;width:44px;height:44px}.trade-pickers,.trade-bundle-editors{grid-template-columns:1fr}.trade-pickers .resource-card-face{height:auto}.trade-table{grid-template-columns:1fr 38px 1fr;padding:10px 8px}.trade-side{grid-template-columns:1fr;justify-items:center}.trade-side>span{display:none}.trade-exchange svg{font-size:17px}.trade-note{font-size:9px}.trade-bundle-row{grid-template-columns:32px 1fr auto}.trade-bundle-row .resource-card-face{width:30px;height:42px}.development-dialog{width:min(560px,100%);padding:14px}.development-dialog .dialog-icon{width:38px;height:38px;margin-bottom:4px}.development-dialog h2{font-size:18px}.development-list{gap:5px;margin-top:9px}.development-list>button{flex-basis:104px;padding:4px}.development-list .development-card-face{width:94px;height:141px}.development-card-state{min-height:22px;font-size:7px!important}.development-group-count{top:7px;right:7px;min-width:24px;height:22px}.opening-order-overlay{padding:13px}.opening-order-overlay>strong{font-size:15px}.opening-order-overlay article{grid-template-columns:22px 6px minmax(70px,1fr) auto 24px;gap:5px;padding:5px 7px}.opening-order-overlay article>em{font-size:20px}.opening-order-overlay article>span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.progress-card-face{border-color:color-mix(in srgb,var(--progress),#1d3557 28%);background:linear-gradient(150deg,color-mix(in srgb,var(--progress),#fff 78%),#fff8e8)}.progress-card-art{display:grid;place-items:center;width:100%;min-height:58%;color:#fff;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.32),transparent 35%),linear-gradient(145deg,var(--progress),color-mix(in srgb,var(--progress),#05365a 42%));font-size:1.7rem}.progress-card-art{position:relative;overflow:hidden;background-color:var(--progress);background-image:radial-gradient(circle at 28% 20%,rgba(255,255,255,.38),transparent 28%),repeating-linear-gradient(125deg,transparent 0 12px,rgba(255,255,255,.055) 12px 14px),linear-gradient(145deg,var(--progress),color-mix(in srgb,var(--progress),#052c48 48%))}.progress-card-art:before,.progress-card-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.25);transform:rotate(45deg)}.progress-card-art:before{width:75%;height:75%}.progress-card-art:after{width:52%;height:52%}.progress-card-art>svg{position:relative;z-index:2;filter:drop-shadow(0 .16rem .15rem rgba(0,0,0,.35))}.progress-card-art>i{position:absolute;right:.25rem;bottom:-.35rem;font-family:serif;font-size:2.5rem;font-style:normal;font-weight:900;opacity:.14}.art-alchemist,.art-inventor{background-image:radial-gradient(circle at 25% 30%,rgba(152,255,245,.45),transparent 30%),linear-gradient(150deg,#2a9d8f,#16324f)}.art-bishop,.art-constitution{background-image:radial-gradient(circle at 50% 0,rgba(255,239,170,.48),transparent 36%),linear-gradient(150deg,#5c6bc0,#17224b)}.art-merchant,.art-masterMerchant{background-image:radial-gradient(circle at 50% 0,rgba(255,246,174,.55),transparent 34%),linear-gradient(150deg,#db9f26,#774612)}.progress-card-piles .development-hand-card{border-color:#ffd34d73}.defender-hand-card{position:relative;display:inline-grid;width:3.55rem;height:5rem;filter:drop-shadow(0 .22rem .28rem rgba(0,0,0,.28))}.defender-hand-card img{width:100%;height:100%;object-fit:contain}.defender-hand-card>b{position:absolute;right:-.18rem;top:-.18rem;display:grid;place-items:center;width:1.18rem;height:1.18rem;border-radius:50%;background:#ffd34d;color:#17324a;border:2px solid #fff;font-size:.7rem}.guard-piece{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:999px;background:linear-gradient(145deg,var(--piece),color-mix(in srgb,var(--piece),#001f3f 42%));border:.22rem solid #f8f2d8;color:#fff;box-shadow:0 .2rem .45rem #00000047;z-index:5}.guard-piece img{width:120%;height:120%;object-fit:contain;filter:drop-shadow(0 .14rem .18rem rgba(0,0,0,.38));pointer-events:none}.guard-piece b{position:absolute;right:-.35rem;bottom:-.35rem;display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;background:#082f49;color:#fff;font-size:.68rem;border:2px solid #fff}.guard-piece.active{box-shadow:0 0 0 .28rem #ffd34d80,0 .25rem .6rem #00000052}.guard-piece.level-1{width:2.05rem;height:2.05rem}.guard-piece.level-2{width:2.35rem;height:2.35rem;border-color:#d8e9f0}.guard-piece.level-2:before,.guard-piece.level-3:before{content:"";position:absolute;top:-.48rem;width:.7rem;height:.65rem;background:var(--piece);clip-path:polygon(50% 0,68% 50%,100% 28%,80% 100%,20% 100%,0 28%,32% 50%)}.guard-piece.level-3{width:2.55rem;height:2.55rem;border-color:#ffd34d;box-shadow:0 0 0 .12rem #8d6320,0 .25rem .55rem #00000057}.guard-piece.level-3:before{width:1rem;height:.8rem;top:-.62rem;background:#ffd34d}.board-vertex.selected-guard .guard-piece{box-shadow:0 0 0 .42rem #5ce1ffb3,0 .35rem .9rem #00000073;transform:translate(-50%,-50%) scale(1.12)}.selected-guard-summary{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border:1px dashed rgba(38,112,157,.35);border-radius:.75rem;background:#13679b14;color:#174b6b}.selected-guard-summary>span{display:flex;flex-direction:column}.selected-guard-summary strong{font-size:.67rem}.selected-guard-summary small{font-size:.52rem;color:#678398}.city-wall,.city-metropolis{position:absolute;display:grid;place-items:center;border-radius:999px;color:#fff;z-index:6;text-shadow:0 1px 2px rgba(0,0,0,.35)}.building-piece.reducedCity{filter:grayscale(.45) brightness(.72);transform:translate(-50%,-50%) rotate(-12deg) scale(.86)}.reduced-city-mark{position:absolute;z-index:8;right:6%;top:4%;display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#d9483b;color:#fff;border:2px solid #fff;font-style:normal;font-weight:1000}.city-wall{left:12%;bottom:8%;width:1.3rem;height:1.3rem;background:linear-gradient(145deg,var(--piece),color-mix(in srgb,var(--piece),#10283d 45%));border:2px solid #f9e6b3}.city-wall svg{font-size:.62rem}.city-metropolis{right:3%;top:-3%;width:1.55rem;height:1.55rem;border:2px solid #fff7d6;box-shadow:0 .2rem .4rem #00000059}.city-metropolis.metropolis-trade{background:#d9a034}.city-metropolis.metropolis-politics{background:#3f7fc8}.city-metropolis.metropolis-science{background:#39a66a}.city-metropolis svg{font-size:.7rem}.merchant-piece,.barbar-track{position:absolute;z-index:12}.merchant-piece{transform:translate(-50%,-50%);display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;color:#fff;background:linear-gradient(145deg,#f5b73f,#8a4f08);border:.22rem solid color-mix(in srgb,var(--piece),#fff 45%);box-shadow:0 .25rem .7rem #0000004d}.barbar-track{left:50%;top:2.5%;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border-radius:999px;color:#fff7d6;background:#073054db;border:2px solid rgba(255,211,77,.5);box-shadow:0 .25rem .8rem #0000003d;font-weight:900}.barbar-fleet{position:absolute;z-index:15;top:2.4%;left:50%;width:min(37rem,70%);transform:translate(-50%);padding:.65rem .85rem .75rem;border:2px solid rgba(244,195,107,.8);border-radius:1.1rem;background:linear-gradient(145deg,#121f31f2,#3e181ded);color:#fff7df;box-shadow:0 .5rem 1.3rem #00000059}.barbar-fleet>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.45rem}.barbar-fleet>header span{display:flex;align-items:baseline;gap:.55rem}.barbar-fleet header b{font-size:.72rem;letter-spacing:.08em}.barbar-fleet header small{font-size:.62rem;color:#e8d5b0}.barbar-fleet .defense-ready{color:#68e59a}.barbar-fleet .defense-weak{color:#ff8d82}.barbar-route{position:relative;display:grid;grid-template-columns:repeat(9,1fr);align-items:center;gap:.35rem}.barbar-route>i{position:relative;display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;border:2px solid #b4874c;background:#172737;color:#d8c39f;font-size:.58rem;font-style:normal;font-weight:1000}.barbar-route>i.passed{background:#802b32;border-color:#f0a15a}.barbar-route img{position:absolute;width:4.1rem;max-width:none;filter:drop-shadow(0 .25rem .25rem rgba(0,0,0,.55));animation:barbar-arrive .55s cubic-bezier(.2,.9,.2,1)}.barbar-route .route-target{border-radius:.4rem;background:#9f332e;color:#fff;font-size:.8rem}.route-arrow{position:absolute;right:.2rem;bottom:-.65rem;font-size:.48rem;letter-spacing:.08em;color:#f4c36b;font-weight:1000}.barbar-danger{animation:barbar-warning 1.3s ease-in-out infinite}.barbar-danger .route-target{box-shadow:0 0 0 .35rem #ff483f40}@keyframes barbar-arrive{0%{transform:translate(-1.6rem) scale(.8);opacity:.2}to{transform:none;opacity:1}}@keyframes barbar-warning{50%{border-color:#ff5149;box-shadow:0 0 1.4rem #ff322d8c}}.city-development-board{width:min(75rem,calc(100vw - 2rem));margin:.35rem auto .65rem;padding:.8rem;border:1px solid rgba(101,69,31,.28);border-radius:1.1rem;background:linear-gradient(150deg,#fff9e9,#efe1be);box-shadow:0 .5rem 1.5rem #231e1129;color:#17324a}.city-development-board>header{display:flex;justify-content:space-between;align-items:end;padding:0 .2rem .65rem}.city-development-board>header div{display:flex;align-items:baseline;gap:.65rem}.city-development-board>header small{font-size:.55rem;letter-spacing:.16em;color:#7a5a2d;font-weight:1000}.city-development-board>header strong{font-family:var(--font-display);font-size:1.05rem}.city-development-board>header>span{font-size:.65rem;color:#617285}.city-development-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.development-track{min-width:0;border:1px solid color-mix(in srgb,var(--track-color),#5c482f 35%);border-radius:.85rem;overflow:hidden;background:#ffffffa6}.development-track-heading{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;color:#fff;background:linear-gradient(135deg,var(--track-color),color-mix(in srgb,var(--track-color),#092e4b 38%))}.development-track-heading>svg{font-size:1rem}.development-track-heading span{display:flex;flex-direction:column;flex:1}.development-track-heading b{font-size:.76rem}.development-track-heading small{font-size:.54rem;opacity:.85}.development-track-heading em{font-size:.72rem;font-style:normal;font-weight:1000}.development-track ol{display:grid;gap:.25rem;margin:0;padding:.4rem;list-style:none}.development-track li{display:grid;grid-template-columns:1.3rem 1fr auto;align-items:center;gap:.42rem;min-height:2rem;padding:.25rem .35rem;border-radius:.55rem;color:#88929a;background:#f1eee5;opacity:.58}.development-track li.unlocked{color:#17324a;background:color-mix(in srgb,var(--track-color),#fff 84%);opacity:1;box-shadow:inset .18rem 0 var(--track-color)}.development-track li>i{display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#fff;color:var(--track-color);font-size:.58rem;font-style:normal;font-weight:1000}.development-track li span{display:flex;min-width:0;flex-direction:column}.development-track li b{font-size:.63rem}.development-track li small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.48rem}.development-track li>svg{color:#d39d22}.development-track footer{display:flex;align-items:center;justify-content:space-between;gap:.45rem;padding:.42rem .55rem;border-top:1px solid rgba(0,0,0,.08);font-size:.5rem}.development-track footer button{border:0;border-radius:.5rem;padding:.35rem .45rem;background:var(--track-color);color:#fff;font-size:.52rem;font-weight:900}.expanded-choice-overlay{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#021527b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.expanded-choice-overlay>div{width:min(48rem,96vw);padding:1.4rem;border:2px solid #f3cf79;border-radius:1.35rem;background:linear-gradient(145deg,#0e6fae,#064771);color:#fff;box-shadow:0 1.2rem 4rem #00000073}.expanded-choice-overlay small{font-size:.62rem;letter-spacing:.14em;color:#bde7ff;font-weight:1000}.expanded-choice-overlay h2{margin:.35rem 0 1rem;font-size:1.45rem}.expanded-choice-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.expanded-choice-options button{display:flex;align-items:center;gap:.5rem;min-width:8rem;padding:.85rem 1rem;border:2px solid rgba(255,255,255,.5);border-radius:.8rem;background:#ffffff1f;color:#fff}.expanded-choice-options button:hover,.expanded-choice-options button:focus-visible{background:#fff;color:#064771}.progress-limit-cards{display:flex;gap:.7rem;overflow-x:auto;padding:.6rem}.progress-limit-cards>button{flex:0 0 10rem;border:0;background:transparent}.progress-limit-overlay p{margin-top:-.6rem;color:#d8efff}@media(max-width:900px){.city-development-tracks{grid-template-columns:1fr}.city-development-board{max-height:54vh;overflow:auto}.barbar-fleet{width:76%;transform:translate(-50%) scale(.82);transform-origin:top center}.barbar-route{gap:.18rem}.barbar-route>i{width:1.1rem;height:1.1rem}}@media(prefers-reduced-motion:reduce){.barbar-danger,.barbar-route img{animation:none}}.rolled-die.event-die{background:#0f4c81;color:#ffd34d}.progress-dialog input,.progress-dialog select{width:100%;border:1px solid rgba(255,255,255,.22);border-radius:.85rem;padding:.85rem 1rem;background:#0052918c;color:#fff;font-weight:800}