.game-shell{--text:#f0e8d4;--muted:#a4b9ae;--line:#bda57438;--accent:#dec087;--accent-2:#b2cab2;--bg-2:#153c40;background:radial-gradient(at 48% 38%,#2b5657 0,#173f43 42%,#0b2b33 100%);grid-template-rows:64px minmax(0,1fr) auto;grid-template-columns:210px minmax(0,1fr) 300px;gap:0 10px;font-family:Trebuchet MS,Segoe UI,sans-serif;display:grid}.game-shell:before{content:"";pointer-events:none;opacity:.32;background:url(/assets/astra/ui/sea-chart.svg) 50%/1000px;position:absolute;inset:64px 0 0}.game-shell .hud{min-width:0;position:relative;inset:auto}.game-shell .hud-top{background:#102e34dc;border-bottom:1px solid #bda57440;grid-area:1/1/auto/-1;gap:10px;height:64px;padding:10px 22px}.game-shell .hud-brand{letter-spacing:2.5px;font:18px Georgia,serif}.game-shell .hud-brand img{width:30px;height:30px}.game-shell .hud-seed{color:#a4b5a8;margin:0 0 0 12px;font-size:10px}.game-shell .hud-seat{margin-right:auto;font-size:11px}.game-shell .hud-top .btn{color:#e3dac3;background:#ffffff05;border-color:#c3ad7838;border-radius:6px;min-height:36px;font-size:11px}.game-shell .table-hands-toggle,.game-shell .hud-top>.btn:first-of-type{margin-left:auto}.game-shell .game-canvas{background:0 0;grid-area:2/2;width:100%;min-width:0;height:100%;min-height:0;position:relative;inset:auto}.game-shell .game-canvas canvas{width:100%;height:100%;position:absolute;inset:0}.game-shell .turn-banner{color:#f0e6ce;text-align:center;white-space:normal;pointer-events:none;background:#102f35e8;border:1px solid #d1b37360;border-radius:24px;grid-area:2/2;place-self:start center;width:max-content;max-width:95%;margin-top:16px;padding:9px 16px;font-size:11px;position:relative;inset:auto;transform:none;box-shadow:0 4px 18px #001d2633}.game-shell .hud-bottom{color:#b4c2b6;pointer-events:none;background:0 0;grid-area:2/2;place-self:end center;width:auto;margin:0 0 7px;padding:4px;font-size:9px}.canvas-controls{z-index:3;background:#102f35ed;border:1px solid #bda5744d;border-radius:7px;gap:1px;padding:3px;display:flex;position:absolute;bottom:15px;right:12px}.canvas-controls button{color:#e7d1a1;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:33px;height:33px;font-size:21px;display:grid}.canvas-controls button:hover{background:#d8bd7a25}.board-inspect{z-index:4;pointer-events:none;background:#0d2d34ee;border:1px solid #bda57466;border-radius:7px;grid-area:2/2;place-self:end center;align-items:center;gap:9px;max-width:90%;margin-bottom:50px;padding:9px 13px;display:flex;position:relative}.board-inspect strong{color:#e7cf9a;font-size:12px;display:block}.board-inspect small{color:#b0c2b2;font-size:10px;display:block}.game-icon{vertical-align:middle;flex-shrink:0;width:21px;height:21px}.game-shell button:focus-visible,.game-shell a:focus-visible,.game-shell select:focus-visible,.game-shell summary:focus-visible{outline-offset:3px;outline:2px solid #f2d295}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-shell .player-rail{scrollbar-width:thin;scrollbar-color:#7f825e transparent;flex-direction:column;grid-area:2/1/4;gap:14px;width:auto;margin:23px 0 18px 18px;display:flex;overflow:auto}.rail-title{flex-wrap:wrap;justify-content:space-between;gap:6px;display:flex}.rail-title .eyebrow{letter-spacing:1.5px;font-size:9px}.rail-title small{color:#9db4a7;font-size:10px}.game-shell .player-rail .hands{flex-direction:column;gap:8px;display:flex}.game-shell .player-rail .hand-row{background:linear-gradient(120deg,#294b4d9c,#112f3699);border:1px solid #bda57430;border-radius:7px;grid-template-columns:9px minmax(0,1fr) auto;gap:6px;padding:11px;display:grid}.game-shell .player-rail .hand-row-active{background:linear-gradient(120deg,#46615872,#173c3f);border-color:#d5b777;box-shadow:inset 3px 0 #d5b777,0 5px 18px #001a2520}.game-shell .player-rail .chip-dot{align-self:center;width:8px;height:8px}.game-shell .hand-name{align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.player-turn-label{color:#d8be86;font-size:8px;font-weight:400}.game-shell .hand-vp{color:#e0c48b;white-space:nowrap;grid-area:1/3;font:16px Georgia,serif}.game-shell .player-rail .hand-res{grid-column:1/-1;justify-content:space-between;gap:4px;margin:3px 0 0;font-size:11px;display:flex}.game-shell .player-rail .hand-res>span{align-items:center;gap:3px;display:flex}.game-shell .player-rail .hand-res .resource-icon{width:17px;height:17px}.player-card-count{color:#afc0b1;grid-area:3/1/auto/-1;font-size:9px}.last-card-note{color:#dcca9e;text-align:left;cursor:pointer;background:#d5c28b0b;border:1px solid #bda57438;border-radius:6px;width:100%;padding:10px 12px}.last-card-note span{letter-spacing:1px;margin-bottom:4px;font-size:8px;display:block}.last-card-note strong{font:15px Georgia,serif}.last-card-note small{float:right;color:#aabdad;font-size:10px}.soundboard{background:#0f3035b8;border:1px solid #baa27040;border-radius:8px;margin-top:8px;padding:12px}.soundboard-heading{justify-content:space-between;align-items:center;gap:4px;margin-bottom:12px;display:flex}.soundboard-heading .eyebrow{color:#d7bf89;letter-spacing:1px;font-size:8px}.soundboard-heading small{color:#a4b9aa;font-size:8px}.soundboard-transport{align-items:center;gap:8px;display:flex}.sound-play{color:#173b3b;cursor:pointer;background:#e0c18a;border:1px solid #d8b779;border-radius:50%;flex:0 0 34px;height:34px;font-size:12px}.soundboard-transport label{flex:1;min-width:0}.soundboard select{color:#e0dac6;background:#12363b;border:0;border-bottom:1px solid #ac98683b;width:100%;min-height:34px;padding:4px 0;font-size:11px}.soundboard-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:11px;display:grid}.soundboard-button{color:#d6c79f;cursor:pointer;background:#ffffff04;border:1px solid #ac986832;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-height:30px;padding:3px;font-size:9px;display:flex}.soundboard-button .game-icon{width:14px;height:14px}.soundboard-button:hover{background:#d7bd7830;border-color:#ddc184}.sound-volume{color:#9db4a7;align-items:center;gap:10px;margin-top:9px;font-size:9px;display:flex}.sound-volume input{accent-color:#cdb17a;width:100%;min-width:0;height:16px}.game-shell .resource-tray{background:linear-gradient(#153b3f9c,#0c2b32cc);border:1px solid #baa27035;border-radius:10px;grid-area:3/2;width:100%;max-width:1060px;height:auto;margin:0 auto 20px;padding:12px 12px 14px;box-shadow:0 12px 28px #001a2526}.tray-label{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tray-label .eyebrow{letter-spacing:1.4px;font-size:9px}.tray-label>span:last-child{color:#a4baac;font-size:9px}.hand-card-row{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.resource-cards{grid-template-columns:repeat(5,minmax(0,1fr));align-self:stretch;gap:6px;display:grid}.resource-card{color:#294334;background:linear-gradient(140deg,#f4ebd2,#d7c8a6);border:1px solid #ecd9ac;border-radius:6px;grid-template-columns:1fr 1fr;align-content:center;align-items:center;gap:8px 3px;min-height:88px;padding:10px 8px;display:grid;position:relative;box-shadow:0 3px #7e6b4e}.resource-card .resource-icon{width:32px;max-width:100%;height:32px}.resource-card strong{text-align:right;font:28px Georgia,serif}.resource-card>span{text-transform:uppercase;letter-spacing:.8px;grid-column:1/-1;font-size:8px}.resource-empty{background:linear-gradient(140deg,#e4dfc9,#b9b9a2);border-color:#c4c5a8}.resource-empty .resource-icon{opacity:.72}.development-cards{border-left:1px solid #bda57440;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px;padding-left:12px;display:grid}.development-card{text-align:left;color:#e9ddbd;cursor:pointer;background:linear-gradient(135deg,#375d50,#193f40);border:1px solid #b8a06b88;border-radius:6px;grid-template-columns:26px 1fr;align-content:center;align-items:center;gap:6px;min-height:88px;padding:10px;display:grid;position:relative;box-shadow:0 3px #08272c}.development-card .game-icon{color:#ddbc77;width:24px;height:24px}.development-card strong{padding-right:10px;font:13px/1.15 Georgia,serif}.development-card .dev-count{color:#e5c78e;font-size:9px;position:absolute;top:5px;right:6px}.development-card small{color:#b4c8b5;grid-column:1/-1;font-size:9px}.development-card:hover{background:linear-gradient(135deg,#4c715b,#214d45);border-color:#e5c689}.development-empty{color:#a9b9a8;border:1px dashed #bda57445;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:88px;display:flex}.development-empty .game-icon{color:#bba572;width:29px;height:29px}.development-empty strong{color:#d0ceb6;font:14px Georgia,serif;display:block}.development-empty span{margin-top:5px;font-size:9px;display:block}.game-shell .hud-panel{width:auto;min-height:0;max-height:none;color:var(--text);--muted:#a7bbae;--text:#eee4cb;--line:#bda57430;--bg-2:#21464a;--accent:#dec087;--accent-2:#b1c9ae;background:linear-gradient(150deg,#1b4245ee,#0e2d33f2);border:1px solid #c4aa705e;border-radius:10px;flex-direction:column;grid-area:2/3/4;margin:18px 18px 20px 0;padding:0;display:flex;overflow:hidden;box-shadow:0 15px 45px #001a2533,inset 0 0 0 4px #b69b6108}.action-panel-body{scrollbar-width:thin;scrollbar-color:#8b865e transparent;flex:1;min-height:0;padding:18px;overflow-y:auto}.game-shell .table-heading{display:none}.captain-card{padding:0 0 14px}.captain-card>div{align-items:center;gap:8px;display:flex}.captain-card h2{letter-spacing:-.6px;margin:0;font:25px Georgia,serif}.captain-score{color:#e4c58a;margin-left:auto;font:25px Georgia,serif}.captain-score small{color:#9db4a7;font:11px Trebuchet MS,sans-serif}.captain-card p{color:#b5c6b7;margin:9px 0 0;font-size:11px;line-height:1.6}.game-shell .hud-panel h3{letter-spacing:1.3px;color:#c9ba91;border:0;margin:17px 0 10px;padding:0;font:10px Trebuchet MS,sans-serif}.action-panel-body>h3:not(#development-actions){display:none}.game-shell .hud-panel .btn{color:#e8ddc1;min-height:38px;box-shadow:none;background:#ffffff04;border-color:#bba5704a;border-radius:6px;font-size:12px}.game-shell .hud-panel .btn-primary,.game-shell .hud-panel .btn-active{color:#243d32;background:linear-gradient(#efd4a0,#d4b074);border-color:#ebcd91;font-weight:700;box-shadow:0 3px #80663e}.game-shell .hud-panel .btn:hover:not(:disabled){background:#ffffff12;border-color:#dbc18a}.game-shell .hud-panel .btn-primary:hover:not(:disabled),.game-shell .hud-panel .btn-active:hover:not(:disabled){background:#edcf96}.game-shell .btn:disabled{opacity:.6;cursor:not-allowed}.setup-guide{border:1px solid var(--line);background:#c6b37908;border-radius:6px;padding:15px}.setup-guide .eyebrow{letter-spacing:1.3px;color:#cbb785;margin:0;font-size:8px}.setup-steps{align-items:center;gap:8px;margin:18px 0;display:flex}.setup-steps>span{color:#91a499;align-items:center;gap:6px;font-size:11px;display:flex}.setup-steps b{border:1px solid #8d956f66;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:400;display:grid}.setup-steps i{background:#bba57445;flex:1;height:1px}.setup-steps .current-step{color:#ebd3a0}.setup-steps .current-step b{color:#1b3d37;background:#dec187;border-color:#dec187}.setup-steps .complete-step{color:#a6c4a1}.setup-guide>p:not(.eyebrow){color:#c0cbbb;margin:12px 0;font-size:11px;line-height:1.6}.setup-guide>small{color:#90aa9c;border-top:1px solid var(--line);margin-top:14px;padding-top:12px;font-size:10px;line-height:1.6;display:block}.action-tabs{background:#061f243e;border:1px solid #bba57430;border-radius:7px;gap:3px;margin:12px 0;padding:4px;display:flex}.action-tabs button{color:#b4c4b5;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;min-height:36px;font-size:11px}.action-tabs button.selected{color:#253e34;background:#d9c18c}.game-shell .hud-panel .build-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.game-shell .hud-panel .build-row .btn{justify-content:center;width:100%;min-width:0;min-height:77px;padding:10px 7px;font-size:11px}.build-row .btn>span:first-child{justify-content:center;align-items:center;gap:6px;display:flex}.build-row .game-icon{width:19px;height:19px}.game-shell .hud-panel .supply-line{margin:14px 0 10px;font-size:10px}.game-shell .hud-panel .resource-icon{width:21px;height:21px}.game-shell .hud-panel .trade-row{gap:4px}.game-shell .hud-panel .trade-chip{color:#e6d9b5;background:#ffffff05;border-color:#bca77540;border-radius:5px;min-width:30px;padding:5px}.game-shell .hud-panel .trade-chip-active{background:#b8a56b35;border-color:#db7}.game-shell .hud-panel .dice-roll-btn{justify-content:center;width:100%;min-height:46px}.dice-result{border:1px solid var(--line);background:#06232855;border-radius:7px;justify-content:center;align-items:center;gap:10px;margin:0;padding:12px;display:flex}.die-face{object-fit:contain;background:#f4ecd5;border-radius:7px;width:42px;height:42px;padding:0}.dice-sum{color:#e4c68f;padding-left:12px;font:30px Georgia,serif}.dice-sum.red{color:#eb8e73}.game-shell .roll-history{justify-content:center;margin:8px 0}.game-shell .roll-chip{min-width:22px;padding:1px 5px;font-size:10px}.turn-footer{border-top:1px solid var(--line);background:#103237;flex-shrink:0;padding:13px 18px 17px}.game-shell .hud-panel .turn-finish{justify-content:space-between;width:100%;min-height:43px;margin:0;position:static}.game-shell .hud-details{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.game-shell .hud-details summary{color:#b1c2b3;letter-spacing:.2px;cursor:pointer;font-size:10px}.game-shell .bank-line{flex-wrap:wrap;justify-content:space-between;font-size:10px;display:flex}.game-shell .bank-line .resource-icon{width:16px;height:16px}.dev-card-name{align-items:center;gap:6px;display:flex}.dev-card-name .game-icon{color:#d7bc82;width:20px;height:20px}.dev-card-row{gap:8px;font-size:11px}.game-shell .played-card-announcement{text-align:center;color:#314639;z-index:19;background:linear-gradient(140deg,#f5e9cc,#daccaa);border:2px solid #b3965b;border-radius:10px;width:256px;padding:24px;position:absolute;top:140px;left:calc(50% - 45px);transform:translate(-50%);box-shadow:0 20px 70px #001c25b3,inset 0 0 0 5px #ffffff30}.played-card-announcement .eyebrow{color:#866a36;font-size:8px}.played-card-symbol{margin-top:20px}.played-card-symbol .game-icon{width:54px;height:54px}.played-card-announcement h2{margin:12px 0;font:25px Georgia,serif}.played-card-announcement p{font-size:12px}.played-card-announcement small{font-size:11px;line-height:1.6}.card-dismiss{color:#635239;cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:24px;position:absolute;top:4px;right:7px}.table-hands-dialog{color:var(--text);background:0 0;border:0;max-width:calc(100vw - 24px);padding:0}.table-hands-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#031c25bb}.table-hand-summary{border-top:1px solid var(--line);padding-top:12px}.table-hand-summary strong{font:17px Georgia,serif}.table-hand-summary>div{justify-content:space-between;margin-top:10px;display:flex}.table-hand-summary>div>span{align-items:center;gap:6px;display:flex}@media (width>=1550px){.game-shell{grid-template-columns:230px minmax(0,1fr) 330px;gap:0 18px}.game-shell .player-rail{margin-left:24px}.game-shell .hud-panel{margin-right:24px}.action-panel-body{padding:22px}.resource-card{min-height:101px}.resource-card .resource-icon{width:40px;height:40px}}@media (height<=780px) and (width>=901px){.game-shell .player-rail{gap:10px;margin-top:18px}.game-shell .player-rail .hand-row{gap:4px;padding:8px 10px}.game-shell .player-rail .hands{gap:6px}.soundboard{margin-top:0;padding:10px}.soundboard-heading{margin-bottom:8px}.sound-volume{margin-top:5px}.game-shell .resource-tray{margin-bottom:15px}.resource-card{min-height:79px}}@media (width<=1200px) and (width>=901px){.game-shell{grid-template-columns:180px minmax(0,1fr) 278px;gap:0 7px}.game-shell .player-rail{margin-left:12px}.game-shell .hud-panel{margin-right:12px}.action-panel-body{padding:14px}.hand-card-row{grid-template-columns:1fr;gap:9px}.development-cards{border-left:0;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));padding-left:0}.development-card{min-height:55px;padding:6px}.development-empty{min-height:44px}.development-empty span{display:none}.resource-card{min-height:65px}.player-turn-label{display:none}}@media (width<=900px){.game-shell{grid-template-rows:60px auto clamp(275px,36dvh,360px) auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:12px;height:auto;min-height:100dvh;padding:0 12px 20px;position:relative;inset:auto;overflow:visible}.game-shell .hud-top{z-index:30;grid-area:1/1;gap:7px;height:60px;margin:0 -12px;padding:8px 12px;position:sticky;top:0}.game-shell .hud-top .btn{min-height:34px;padding:6px 8px;font-size:10px}.game-shell .hud-brand{letter-spacing:1px;font-size:14px}.game-shell .hud-brand img{width:24px;height:24px}.game-shell .hud-seed{display:none}.game-shell .hud-seat{max-width:100px;font-size:9px}.game-shell .player-rail{display:contents}.game-shell .rail-title{display:none}.game-shell .player-rail .hands{grid-area:2/1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.game-shell .player-rail .hands:has(.hand-row:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.game-shell .player-rail .hand-row{grid-template-columns:6px minmax(0,1fr) auto;gap:4px;padding:8px 6px}.game-shell .player-rail .chip-dot{width:6px;height:6px}.game-shell .hand-name{font-size:10px}.game-shell .hand-vp{font-size:11px}.game-shell .player-rail .hand-res,.player-turn-label{display:none}.player-card-count{font-size:8px}.game-shell .game-canvas{grid-area:3/1;width:100%;height:100%}.game-shell .turn-banner{grid-area:3/1;margin-top:0;padding:7px 12px;font-size:10px}.game-shell .hud-bottom{display:none}.canvas-controls{bottom:0;right:0}.board-inspect{grid-area:3/1;margin-bottom:46px}.game-shell .resource-tray{grid-area:4/1;margin:0;padding:10px}.hand-card-row{grid-template-columns:1fr;gap:10px}.resource-card{min-height:75px;padding:8px}.resource-card strong{font-size:26px}.resource-card .resource-icon{width:30px;height:30px}.resource-card>span{letter-spacing:.5px;font-size:7px}.development-cards{border-left:0;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));padding-left:0}.development-card{min-height:64px;padding:8px}.development-empty{min-height:45px}.development-empty>div{align-items:center;gap:8px;display:flex}.development-empty strong{font-size:12px}.development-empty span{margin-top:0;font-size:9px}.development-empty .game-icon{width:22px;height:22px}.game-shell .hud-panel{grid-area:5/1;width:100%;max-height:none;margin:0;overflow:visible}.action-panel-body{padding:16px;overflow:visible}.game-shell .hud-panel .setup-guide{display:block}.game-shell .hud-panel .build-row{grid-template-columns:repeat(4,minmax(0,1fr))}.game-shell .hud-panel .build-row .btn{min-height:73px}.turn-footer{z-index:12;border-radius:0 0 10px 10px;position:sticky;bottom:0}.soundboard{grid-area:6/1;margin:0;padding:14px}.soundboard-heading small{font-size:10px}.soundboard-transport{max-width:100%}.soundboard select{min-height:38px;font-size:12px}.soundboard-grid{gap:8px;margin-top:10px}.soundboard-button{min-height:36px;font-size:11px}.sound-volume{margin-top:10px}.last-card-note{grid-area:7/1}.game-shell .played-card-announcement{max-width:88%;position:fixed;top:150px;left:50%}}@media (width<=480px){.game-shell .hud-brand span{display:none}.game-shell .hud-panel .build-row{grid-template-columns:1fr 1fr}.tray-label>span:last-child{font-size:8px}.resource-cards{gap:5px}.resource-card{padding:7px 6px}.resource-card strong{font-size:24px}.resource-card .resource-icon{width:25px;height:25px}.development-empty>div{display:block}.development-empty span{margin-top:3px}}