:root{color:#132734;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0;overflow:hidden}button{color:#153245;cursor:pointer;font:inherit;background:#ffffffd6;border:1px solid #0f374938;border-radius:6px;padding:.55rem .8rem;font-size:.86rem;font-weight:700}button:hover{border-color:#1267b08c}button:disabled{cursor:not-allowed;opacity:.46}#root,.app-root,.game-shell{min-height:100svh}.app-root{height:100svh;min-height:100svh;position:relative;overflow:hidden}.app-root--arctic:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(#ffffff14,#0c384e0f),radial-gradient(circle at top,#ffffff29,#0000 55%);position:fixed;inset:0}.app-root--solid{background:#edf7fb}.game-shell{z-index:1;background:0 0;position:relative}.board-screen-frame{z-index:1;transform-origin:50%;will-change:transform;position:absolute;inset:0}.setup-screen{--setup-top-space:clamp(8.5rem, 26svh, 16rem);--setup-bottom-space:clamp(.75rem, 3svh, 2rem);z-index:1;height:100svh;min-height:100svh;padding:var(--setup-top-space) clamp(1rem, 4vw, 3rem) var(--setup-bottom-space);background:0 0;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.setup-content{width:min(64rem,100%);min-height:0;margin:0 auto;display:flex}.crew-setup-panel{width:100%;max-height:calc(100svh - var(--setup-top-space) - var(--setup-bottom-space));-webkit-backdrop-filter:blur(22px)saturate(1.18);backdrop-filter:blur(22px)saturate(1.18);background:linear-gradient(135deg,#ffffffc2,#e1f6fa85),#e5f7fa5c;border:1px solid #fff9;border-radius:22px;min-height:0;display:flex;overflow:hidden;box-shadow:0 28px 80px #09263838,inset 0 1px #ffffffc7}.crew-panel-inner{width:100%;max-height:inherit;overscroll-behavior:contain;scrollbar-gutter:stable;gap:1.35rem;min-height:0;padding:clamp(1rem,2.6vw,1.8rem) clamp(1rem,2.6vw,1.8rem) calc(clamp(1rem,2.6vw,1.8rem) + .35rem);display:grid;overflow-y:auto}.crew-section{gap:.85rem;display:grid}.crew-section-heading{align-items:center;gap:.7rem;display:flex}.crew-section-heading span{color:#1267b0;background:#ffffffb8;border:1px solid #1267b03d;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:.76rem;font-weight:950;display:grid;box-shadow:0 8px 22px #1267b01f}.crew-section-heading h2{color:#102d3d;margin:0;font-size:clamp(1.1rem,2.1vw,1.55rem);font-weight:950;line-height:1}.crew-count-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.crew-count-card{color:#102d3d;text-align:left;background:linear-gradient(#ffffffd1,#e9f8fbb8),#ffffffad;border:1px solid #0f374921;border-radius:16px;justify-content:flex-start;align-items:center;gap:.95rem;min-height:5.8rem;padding:.95rem 1rem;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:flex;box-shadow:0 14px 38px #0d384a1c}.crew-count-card:hover{border-color:#1267b066;transform:translateY(-2px)}.crew-count-card[data-selected=true]{background:linear-gradient(#fffffff0,#d6f9ffdb),#ffffffd1;border-color:#25b0dddb;box-shadow:0 16px 44px #1267b033,0 0 0 3px #5edbff38}.crew-count-number{color:#fff;background:linear-gradient(145deg,#1267b0,#25b0dd);border-radius:14px;place-items:center;width:3.65rem;height:3.65rem;font-size:2.25rem;font-weight:950;line-height:1;display:grid;box-shadow:0 13px 26px #1267b03d}.crew-count-copy{gap:.18rem;min-width:0;display:grid}.crew-count-copy strong{color:#102d3d;font-size:1rem;font-weight:950}.crew-count-copy small{color:#557383;font-size:.82rem;font-weight:800}.crew-player-list{gap:.65rem;display:grid}.crew-player-row,.crew-empty-state{background:#ffffff9e;border:1px solid #0f37491f;border-radius:16px;box-shadow:0 12px 30px #0d384a14}.crew-player-row{grid-template-columns:2.4rem auto minmax(8rem,1fr) auto;align-items:center;gap:.8rem;min-height:4.7rem;padding:.72rem;display:grid}.crew-player-index{color:#fff;background:#102d3de6;border-radius:12px;place-items:center;width:2.25rem;height:2.25rem;font-size:.95rem;font-weight:950;display:grid}.crew-player-color{border:2px solid #ffffffdb;border-radius:50%;width:1.1rem;height:1.1rem;box-shadow:0 0 0 1px #0f37491f,0 0 18px #1267b038}.crew-player-copy{gap:.12rem;min-width:0;display:grid}.crew-player-name-input{color:#102d3d;background:#ffffffb3;border:1px solid #0f374924;border-radius:8px;width:100%;min-width:0;padding:.36rem .5rem;font-size:1rem;font-weight:950}.crew-player-name-input:focus{outline-offset:2px;outline:2px solid #25b0dd61}.crew-player-copy small{color:#557383;font-size:.78rem;font-weight:850}.player-control-switch{background:#0a283814;border:1px solid #0f37491f;border-radius:999px;grid-template-columns:repeat(2,minmax(5.4rem,1fr));gap:.28rem;width:min(17rem,100%);padding:.25rem;display:grid}.player-control-switch button{color:#426476;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.32rem;min-height:2.3rem;padding:.42rem .7rem;font-size:.68rem;font-weight:950;display:inline-flex}.player-control-cycle-mark{color:currentColor;opacity:.66;font-size:.76rem;line-height:1}.player-control-switch button[data-active=true]{color:#0d5d88;background:linear-gradient(135deg,#fff,#dff8ff);box-shadow:0 7px 18px #1267b033,inset 0 0 0 1px #25b0dd47}.crew-empty-state{color:#557383;padding:1rem;font-size:.92rem;font-weight:850}.setup-footer{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ecf9fc00,#ecf9fceb 22%),#ecf9fce0;border-top:1px solid #0f374924;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;padding-bottom:.1rem;display:flex;position:sticky;bottom:0}.setup-footer div{color:#557383;align-items:baseline;gap:.55rem;font-weight:800;display:flex}.setup-footer strong{color:#102d3d;font-size:2rem}.setup-start-button{color:#fff;background:linear-gradient(135deg,#1267b0,#25b0dd);border:0;border-radius:999px;min-width:12rem;padding:.85rem 1.25rem;box-shadow:0 14px 34px #1267b047,inset 0 1px #ffffff42}.setup-start-button:not(:disabled):hover{box-shadow:0 18px 42px #1267b057,0 0 0 4px #5edbff2e,inset 0 1px #ffffff4d}.crew-footer{margin-top:.15rem}.score-tabs{--score-tab-width:clamp(14.5rem, 23vw, 19.25rem);--score-tab-height:calc(var(--score-tab-width) * 110 / 469);--score-tab-visible:var(--score-tab-height);z-index:10;pointer-events:none;flex-direction:column;gap:clamp(.45rem,1.2vh,.78rem);display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.score-tab{width:var(--score-tab-width);height:var(--score-tab-height);transform:translateX(calc(var(--score-tab-width) - var(--score-tab-visible)));will-change:transform;transition:transform .32s cubic-bezier(.22,.72,.2,1);position:relative}.score-tab--active{transform:translate(0)}.score-tab[data-eliminated=true]{opacity:.72}.score-tab-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.score-tab-score{width:var(--score-tab-height);height:var(--score-tab-height);color:#102d3d;text-align:center;text-shadow:0 1px #ffffffdb,0 0 7px #ffffff75;place-items:center;font-size:clamp(1.05rem,2.6vw,1.48rem);font-weight:900;line-height:1;display:grid;position:absolute;top:0;left:0}.score-tab-label{top:50%;right:7.5%;left:calc(var(--score-tab-height) * 1.1);color:#fff;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #06223894,0 0 8px #ffffff47;white-space:nowrap;font-size:clamp(.82rem,1.5vw,1.05rem);font-weight:950;line-height:1.05;position:absolute;overflow:hidden;transform:translateY(-50%)}.game-menu-button{z-index:11;color:#102d3d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8fcfdd1;border:1px solid #0b374e29;border-radius:8px;padding:.52rem .78rem;font-size:.86rem;font-weight:850;position:fixed;bottom:clamp(.75rem,2.5vh,1.2rem);right:clamp(.85rem,2.8vw,1.4rem);box-shadow:0 12px 32px #0d384a24}.game-menu-button:hover{background:#ebf7faf0}.victory-banner{z-index:12;aspect-ratio:1444/564;pointer-events:none;width:min(62rem,100vw - 2rem);animation:.36s cubic-bezier(.22,.72,.2,1) both victory-banner-appear;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.victory-banner-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.victory-banner-text{color:#fff;text-align:center;text-shadow:0 2px 5px #04233ab8,0 0 14px #0f70b28a;margin:0;font-size:clamp(1.18rem,3vw,2.75rem);font-weight:950;line-height:1.05;position:absolute;top:48%;left:31%;right:7%;transform:translateY(-50%)}@keyframes victory-banner-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.game-shell .board-tiles-3d{opacity:.95}.game-shell .board-tiles-3d canvas{background:0 0!important}.framing-debug-panel{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fcfde0;border:1px solid #0b374e29;border-radius:8px;gap:.55rem;width:min(22rem,100vw - 2rem);max-height:min(42rem,100svh - 2rem);padding:.85rem;display:grid;position:fixed;bottom:1rem;left:1rem;overflow-y:auto;box-shadow:0 18px 55px #0d384a29}.framing-debug-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.framing-debug-header strong{color:#102d3d;font-size:.9rem}.framing-debug-header button{padding:.42rem .58rem}.framing-debug-copy{overflow-wrap:anywhere;color:#557383;margin:0;font-size:.76rem;font-weight:800}.framing-debug-toggle,.framing-debug-control{color:#224354;gap:.28rem;font-size:.78rem;font-weight:800;display:grid}.framing-debug-toggle{grid-template-columns:auto 1fr;align-items:center}.framing-debug-toggle select{grid-column:1/-1}.framing-debug-control{grid-template-columns:6.8rem 1fr 4.4rem;align-items:center}.framing-debug-control span{color:#446575}.framing-debug-control input[type=range]{width:100%}.framing-debug-control input[type=number],.framing-debug-toggle select{color:#102d3d;min-width:0;font:inherit;background:#ffffffd1;border:1px solid #0f374929;border-radius:6px;padding:.34rem .42rem}.hud-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.hud-actions button{padding-inline:.58rem}.hud-kicker{color:#446575;letter-spacing:0;text-transform:uppercase;margin:0 0 .15rem;font-size:.72rem;font-weight:800}h1{color:#102d3d;margin:0;font-size:1.55rem;line-height:1.05}.current-player{background:#ebf7fac7;border-left:4px solid;border-radius:6px;align-items:center;gap:.55rem;margin-top:1rem;padding:.72rem;display:flex}.current-player span,.player-dot{border-radius:50%;flex:none;width:.68rem;height:.68rem;display:inline-block}.score-list{gap:.35rem;margin-top:.85rem;display:grid}.score-row{color:#224354;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;font-size:.92rem;display:grid}.score-row[data-eliminated=true]{opacity:.68}.score-row strong{color:#102d3d;justify-items:end;font-size:1rem;line-height:1.05;display:grid}.score-row small{color:#6b8594;margin-top:.12rem;font-size:.68rem;font-weight:800;display:block}.score-row span small{color:#8b352b;text-transform:uppercase}.winner-summary{border-left:4px solid #e0a33a}.hud-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1rem 0 0;display:grid}.hud-stats div{background:#ffffff9e;border:1px solid #0f37491f;border-radius:6px;padding:.62rem}.hud-stats dt{color:#557383;font-size:.72rem;font-weight:700}.hud-stats dd{color:#102d3d;margin:.12rem 0 0;font-size:1.25rem;font-weight:800}.hud-message{color:#8b352b;margin:.8rem 0 0;font-size:.86rem;font-weight:700}.hud-note{color:#557383;margin:.72rem 0 0;font-size:.82rem;font-weight:700}@media (width<=980px){.setup-screen{--setup-top-space:clamp(8rem, 25svh, 13rem)}.crew-count-grid{gap:.6rem}.crew-player-row{grid-template-columns:2.4rem auto minmax(8rem,1fr)}.player-control-switch{grid-column:1/-1;justify-self:end;width:min(30rem,100%)}}@media (width<=760px){.setup-screen{--setup-top-space:clamp(8.5rem, 25svh, 13rem);--setup-bottom-space:1rem;padding-left:1rem;padding-right:1rem}.player-count-grid,.crew-count-grid,.color-grid,.player-type-grid,.color-progress{grid-template-columns:1fr}.crew-panel-inner{gap:1rem;padding:.86rem}.crew-count-card{min-height:4.8rem}.crew-player-row{grid-template-columns:2.4rem auto minmax(0,1fr)}.player-control-switch{justify-self:stretch;width:100%}.setup-choice-card,.color-choice-card{min-height:6.8rem}.setup-footer{flex-direction:column;align-items:stretch}.setup-start-button{width:100%}.score-tabs{--score-tab-width:min(15.5rem, 62vw);gap:.44rem;top:44%}.game-menu-button{padding:.46rem .68rem;bottom:.72rem;right:.72rem}.victory-banner{width:min(38rem,100vw - .5rem);top:50%}.victory-banner-text{font-size:clamp(.92rem,5vw,1.22rem);line-height:1.08;left:33%;right:6%}.framing-debug-panel{width:auto;max-height:34svh;padding:.72rem;inset:.75rem .75rem auto}.framing-debug-control{grid-template-columns:1fr}.hud-stats{display:none}}