:root{color:#eef0e8;font-synthesis:none;text-rendering:optimizelegibility;--navy:#111d26;--blue:#253f49;--paper:#eef0e8;--ink:#1d2e36;--orange:#db9257;--line:#cfded726;background:#111d26;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--navy);min-width:680px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible,svg:focus-visible{outline-offset:3px;outline:3px solid #db9257bf}.app-shell{background:var(--paper);min-height:100vh;display:flex}.sidebar{color:#dce6df;background:var(--navy);flex-direction:column;flex:0 0 68px;align-items:center;width:68px;padding:14px 8px 12px;display:flex}.brand{justify-content:center;width:100%;display:flex}.brand-mark{width:40px;height:40px;color:var(--orange);border:1px solid #db92578c;border-radius:50%;place-items:center;display:grid}.navigation{flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:28px;display:flex}.nav-button{color:#98aaa5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.nav-button:hover{color:#edf0e7;background:#ffffff0f}.nav-button.is-active{color:#f3d4a8;background:var(--blue);box-shadow:inset 3px 0 0 var(--orange);border-color:#db92573d}.nav-button.is-nested{color:#718983;width:36px;height:36px;margin-left:8px}.nav-button.is-nested.is-active{color:#f3d4a8;background:#253f49b3}.nav-divider{background:var(--line);width:30px;height:1px;margin:12px 0}.nav-icon{place-items:center;display:grid}.sidebar-bottom{width:100%;margin-top:auto}.sidebar-utility{color:#7e938d;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;padding:0;display:flex}.sidebar-utility:hover{color:#f3d4a8;background:#ffffff0f}.main-content{min-width:0;color:var(--ink);background:var(--paper);flex:1}.board-page{width:100%;padding:12px}.play-area{width:100%;position:relative}.map-page,.hydrophone-page{width:100%;padding:12px;position:relative}.hydrophone-viewport{scrollbar-color:#8d754a #24261c;scrollbar-width:thin;background:#17180f;width:100%;height:calc(100vh - 24px);overflow:auto;box-shadow:0 8px 20px #1d2e363d}.hydrophone-stage{isolation:isolate;background:#373625;width:max(1400px,100%);height:880px;position:relative;overflow:hidden}.hydrophone-desk{z-index:0;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hydrophone-workspace{z-index:1;width:1400px;height:880px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hydrophone-plot-sheet{z-index:1;clip-path:polygon(.4% .7%,99.6% 0,99.8% 99.3%,68% 99.7%,51% 99.1%,34% 99.7%,.2% 99.1%);pointer-events:none;background:#d7cfa4;width:950px;height:700px;padding:18px;position:absolute;top:90px;left:330px;box-shadow:0 16px 22px #080906a8,inset 0 0 0 2px #4d44287a}.hydrophone-plot-sheet:before{content:"";z-index:2;pointer-events:none;border:1px solid #48412994;position:absolute;inset:8px;box-shadow:inset 0 0 18px #644f2524}.hydrophone-plot-sheet:after{content:"";z-index:2;mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle at 9% 13%,#7152252e,#0000 16%),radial-gradient(circle at 88% 82%,#75582b26,#0000 19%),radial-gradient(circle at 56% 7%,#5e482517,#0000 15%);position:absolute;inset:0}.hydrophone-plot-grid{z-index:1;background-color:#d9d3aa;background-image:linear-gradient(#364239ad 1.5px,#0000 1.5px),linear-gradient(90deg,#364239ad 1.5px,#0000 1.5px),linear-gradient(#464e414d 1px,#0000 1px),linear-gradient(90deg,#464e414d 1px,#0000 1px);background-size:250px 250px,250px 250px,50px 50px,50px 50px;border:2px solid #2f3830b8;width:100%;height:100%;position:relative;box-shadow:inset 0 0 22px #5b46221f}.attack-wheel{z-index:4;aspect-ratio:919/924;filter:drop-shadow(0 9px 7px #171f206b);touch-action:none;-webkit-user-select:none;user-select:none;width:495px;position:absolute;transform:translate(-50%,-50%)}.attack-wheel-layer{object-fit:contain;transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:100%;height:100%;display:block;position:absolute;inset:0}.attack-wheel-needle{z-index:4}.attack-wheel-hit-zones{z-index:5;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.attack-wheel-hit-ring,.attack-wheel-hit-disk,.attack-wheel-hit-needle{cursor:grab;touch-action:none;outline:none}.attack-wheel-hit-ring:active,.attack-wheel-hit-disk:active,.attack-wheel-hit-needle:active{cursor:grabbing}.attack-wheel-hit-ring{fill:none;stroke:#0000;pointer-events:stroke}.attack-wheel-hit-ring.is-white{stroke-width:12px}.attack-wheel-hit-ring.is-black{stroke-width:13.5px}.attack-wheel-hit-disk,.attack-wheel-hit-needle{fill:#0000;pointer-events:fill}.attack-wheel-hit-ring:focus-visible{stroke:#db925757}.attack-wheel-hit-disk:focus-visible,.attack-wheel-hit-needle:focus-visible{fill:#db925738}.attack-wheel-move-handle{z-index:6;color:#f0a66d;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;background:#12232a;border:3px solid #f4f0e5;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;bottom:8%;left:8%;transform:translate(-50%,50%);box-shadow:0 5px 7px #0000008f,inset 0 0 0 1px #db925773}.attack-wheel-move-handle:hover{color:#ffd0a3;background:#213b43}.attack-wheel-move-handle:active{cursor:grabbing}.attack-wheel-move-handle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:18px;height:18px}.hydrophone-token-tools{z-index:30;justify-items:end;gap:6px;display:grid;position:absolute;top:22px;right:22px}.hydrophone-dispenser-button img{border-radius:50%;width:38px;height:38px}.ship-dispenser-panel{color:#dce6df;background:#0c191ff7;border:1px solid #eef0e85c;border-radius:6px;width:390px;overflow:hidden;box-shadow:0 12px 30px #0000008a}.ship-dispenser-row{grid-template-columns:58px 1fr;align-items:center;gap:7px;min-height:62px;padding:5px 7px;display:grid}.ship-dispenser-row+.ship-dispenser-row{border-top:1px solid #dce6df1f}.ship-dispenser-label{color:#93a7a1;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.ship-token-options{align-items:center;gap:5px;display:flex}.ship-token-option{cursor:pointer;background:#ffffff0b;border:1px solid #ffffff42;border-radius:4px;place-items:center;width:43px;height:54px;padding:3px;display:grid}.ship-token-option:hover,.ship-token-option:focus-visible{background:#ffffff1a;border-color:#db9257cc}.ship-token-option img{object-fit:contain;width:30px;height:48px;display:block}.ship-token-option.is-round{border-radius:50%;width:52px;height:52px}.ship-token-option.is-round img{border-radius:50%;width:44px;height:44px}.hydrophone-ship-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.hydrophone-ship-token{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;filter:drop-shadow(0 5px 4px #070805a8);transform-origin:50%;position:absolute}.hydrophone-ship-token:active{cursor:grabbing}.hydrophone-ship-token.is-placing{opacity:.86;pointer-events:none}.hydrophone-ship-token>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hydrophone-ship-rotate{color:#f0a66d;cursor:grab;touch-action:none;background:#12232a;border:2px solid #f4f0e5;border-radius:50%;place-items:center;width:25px;height:25px;padding:0;display:grid;position:absolute;top:50%;right:-12px;transform:translate(50%,-50%);box-shadow:0 4px 6px #0000009e}.hydrophone-ship-rotate:hover{color:#ffd0a3;background:#213b43}.hydrophone-ship-rotate:active{cursor:grabbing}.hydrophone-ship-rotate svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:15px;height:15px}.map-measure-viewport{scrollbar-color:#5e736e #17262c;scrollbar-width:thin;background:#0d1720;width:100%;height:calc(100vh - 24px);overflow:auto;box-shadow:0 8px 20px #1d2e3624}.map-measure-stage{isolation:isolate;position:relative;overflow:hidden}.map-measure-image{z-index:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.map-marking-drawer{z-index:30;background:#0c191ff0;border:1px solid #eef0e880;border-radius:7px;gap:7px;width:154px;padding:8px;display:grid;position:absolute;top:22px;right:28px;box-shadow:0 8px 18px #0000007a}.map-marking-tool-row{grid-template-columns:repeat(3,42px);gap:6px;display:grid}.map-marking-tool{color:#a9b9b4;cursor:pointer;background:#ffffff0a;border:1px solid #eef0e84d;border-radius:5px;place-items:center;width:42px;height:42px;padding:0;display:grid}.map-marking-tool:hover{color:#eef0e8;background:#ffffff17}.map-marking-tool.is-active{color:#f3d4a8;background:#253f49;border-color:#db9257cc;box-shadow:inset 0 0 0 1px #ffffff14}.map-marking-tool.is-awaiting-end{box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 2px #db925759}.map-marking-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.map-marking-colors{grid-template-columns:repeat(4,18px);justify-content:center;gap:14px;padding:4px 2px 1px;display:grid}.map-marking-color{cursor:pointer;background:0 0;border:1px solid #f5f1e79e;border-radius:50%;place-items:center;width:18px;height:18px;padding:0;display:grid}.map-marking-color span{background:var(--mark-color);border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000047}.map-marking-color:hover{border-color:#fff;transform:scale(1.08)}.map-marking-color.is-selected{border-color:#f3d4a8;box-shadow:0 0 0 2px #253f49,0 0 0 3px #db9257d1}.map-mark-layer{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-x-mark{filter:drop-shadow(0 2px 1px #00000080)}.map-x-mark-underlay,.map-x-mark-stroke{fill:none;stroke-linecap:round}.map-x-mark-underlay{stroke:#f6f3eae0;stroke-width:8px}.map-x-mark-stroke{stroke:var(--mark-color);stroke-width:4.5px}.map-line{filter:drop-shadow(0 2px 1px #0006)}.map-line-underlay,.map-line-stroke{stroke-linecap:round}.map-line-underlay{stroke:#f6f3ead1;stroke-width:7px}.map-line-stroke{stroke:var(--mark-color);stroke-width:3.5px}.map-line-end-underlay{fill:#f6f3eaf0}.map-line-end{fill:var(--mark-color);stroke:#12232ab8;stroke-width:1px}.map-line-pending{filter:drop-shadow(0 2px 1px #00000073)}.circular-ruler{z-index:5;width:var(--ruler-size);height:var(--ruler-size);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%)}.circular-ruler:active{cursor:grabbing}.circular-ruler:focus-visible{outline-offset:4px;outline:3px solid #db9257e6}.circular-ruler-image{transform-origin:50%;filter:drop-shadow(0 8px 6px #0000007a);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.linear-ruler{z-index:6;width:var(--linear-ruler-width);aspect-ratio:var(--linear-ruler-ratio);transform-origin:var(--linear-ruler-zero-x) 0;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.linear-ruler:active{cursor:grabbing}.linear-ruler:focus-visible{outline-offset:4px;outline:3px solid #db9257e6}.linear-ruler-image{filter:drop-shadow(0 8px 6px #0000007a);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.linear-ruler-pivot{top:0;left:var(--linear-ruler-zero-x);pointer-events:none;width:0;height:0;position:absolute}.ruler-handle{color:#f0a66d;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#12232a;border:3px solid #f5f1e7;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;box-shadow:0 5px 6px #000000b8,inset 0 0 0 1px #db925773}.ruler-handle:hover{color:#ffd0a3;background:#213b43}.ruler-handle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.ruler-handle-orbit{z-index:2;transform-origin:50%;pointer-events:none;position:absolute;inset:0}.ruler-rotate-handle{cursor:grab;position:absolute;top:50%;right:-4px;transform:translate(50%,-50%)}.linear-ruler-rotate-handle{z-index:3;cursor:grab;position:absolute;top:0;right:0;transform:translate(50%,-50%)}.ruler-rotate-handle:active,.linear-ruler-rotate-handle:active{cursor:grabbing}.ruler-handle:focus-visible{outline-offset:3px;outline:3px solid #db9257e6}.eyebrow{color:#87948c;letter-spacing:.16em;margin:0 0 9px;font-size:9px;font-weight:800}.empty-section h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:32px;font-weight:700}.board-surface{background:#0d1720;border:1px solid #111d2647;width:100%;overflow:hidden;box-shadow:0 8px 20px #1d2e3624}.board-canvas{isolation:isolate;background:#0d1720;width:100%;position:relative;overflow:hidden}.board-template{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.captain-controls{z-index:10;pointer-events:none;justify-items:start;gap:6px;width:min(44%,430px);display:grid;position:absolute;top:10px;left:10px}.captain-tracks{color:#203137;transform-origin:0 0;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#dddace;border:1px solid #7d8982;border-radius:4px;gap:3px;width:100%;padding:5px;display:grid;transform:rotate(-.2deg);box-shadow:0 5px 10px #0000007a}.captain-track-row{grid-template-columns:clamp(40px,4.3vw,56px) 1fr;min-width:0;display:grid}.captain-track-label{color:#ede9dd;letter-spacing:.06em;text-transform:uppercase;background:#20343d;border:1px solid #0e1c22;border-radius:2px 0 0 2px;align-items:center;padding:0 6px;font-size:clamp(7px,.58vw,10px);font-weight:800;display:flex}.captain-track-cells{grid-template-columns:repeat(var(--track-steps), minmax(0, 1fr));border-block:1px solid #6e7973;background:#eeece2;border-right:1px solid #6e7973;min-width:0;height:clamp(19px,2vw,26px);display:grid}.captain-track-cell{color:#26383d;cursor:pointer;font-variant-numeric:tabular-nums;background:#eeece2;border:0;border-left:1px solid #9da49d;border-radius:0;place-items:center;min-width:0;padding:0;font-size:clamp(7px,.62vw,10px);font-weight:800;line-height:1;display:grid}.captain-track-cell:hover{background:#d5d8ce}.captain-track-cell.is-alternate{background:#4759561c}.captain-track-cell.is-milestone{color:#3c3825;background:#d8cc96}.captain-track-cell.is-current{z-index:1;color:#fff8e9;box-shadow:inset 0 0 0 2px var(--orange);background:#20343d}.captain-track-cell:focus-visible{z-index:2;outline-offset:-2px;outline-width:2px;position:relative}.token-overlay{z-index:5;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.token-overlay.is-dragging{cursor:grabbing}.overlay-token{cursor:grab}.overlay-token:active{cursor:grabbing}.overlay-token.is-placing{cursor:crosshair}.token-container{fill:#0c191fe6;stroke:color-mix(in srgb, var(--sailor-color) 70%, #fff);stroke-width:4.8px;filter:drop-shadow(0 4px 2.4px #000000f5)drop-shadow(0 1px .7px #000000eb)}.token-symbol{stroke:#050d11d1;stroke-width:1.7px;stroke-linejoin:round}.asset-token-base{fill:#10161a;stroke:var(--asset-ring,#fff);stroke-width:5px;filter:drop-shadow(0 3px 2px #000000d1)}.asset-token-image{pointer-events:none}.asset-token-rim{fill:none;stroke:var(--asset-ring,#fff);stroke-width:5px;filter:drop-shadow(0 3px 2px #000000d1);pointer-events:all}.special-token-hit{fill:#0000;pointer-events:all}.special-token-piece{filter:drop-shadow(0 4px 2.5px #000000e0);pointer-events:none}.special-token-border{fill:none;stroke-width:3.5px}.token-tools{z-index:10;pointer-events:auto;justify-items:end;gap:6px;display:grid;position:absolute;top:10px;right:10px}.token-tool-row{gap:6px;display:flex}.token-tool-button,.token-bin{color:#dce6df;background:#0c191fe6;border:1px solid #eef0e880;border-radius:6px;place-items:center;width:46px;height:46px;padding:3px;display:grid;box-shadow:0 5px 12px #00000061}.token-tool-button{cursor:pointer}.token-tool-button:hover,.token-tool-button.is-active{border-color:var(--orange);background:#253f49}.token-tool-button img{object-fit:contain;border-radius:4px;width:38px;height:38px;display:block}.slot-row-toggle{color:#9eb2ac;pointer-events:auto}.slot-row-toggle:hover{color:#eef0e8}.slot-row-icon path{fill:none;stroke:currentColor;stroke-width:1px;opacity:.48}.slot-row-icon circle{fill:#0000;stroke:currentColor;stroke-width:1.5px}.slot-row-icon circle.is-active{fill:var(--orange);stroke:#f1c69e}.captain-tools-column{pointer-events:auto;justify-self:start;justify-items:start;gap:7px;display:grid}.rotary-gauge-stack{grid-template-columns:auto;gap:10px;display:grid}.rotary-gauge{aspect-ratio:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 7px 6px #000000a3);border-radius:50%;width:clamp(132px,13vw,184px);position:relative}.rotary-gauge:active{cursor:grabbing}.rotary-gauge:focus-visible{outline-offset:3px;outline:3px solid #db9257d1}.rotary-gauge-base,.rotary-gauge-needle{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.rotary-gauge-base{object-fit:contain}.rotary-gauge-needle{object-fit:contain;transform-origin:50%;will-change:transform}.token-bin{transition:border-color .12s ease-out,color .12s ease-out,background-color .12s ease-out}.token-bin.is-hot{color:#fff;background:#8f3d32;border-color:#f0a08b}.token-dispenser-panel{color:#dce6df;background:#0c191ff7;border:1px solid #eef0e85c;border-radius:6px;width:352px;overflow:hidden;box-shadow:0 12px 30px #0000008a}.token-dispenser-row{grid-template-columns:58px 1fr;align-items:center;gap:6px;min-height:45px;padding:4px 7px;display:grid}.token-dispenser-row+.token-dispenser-row{border-top:1px solid #dce6df1f}.token-group-label{color:#93a7a1;letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:800}.token-options{align-items:center;gap:4px;display:flex}.token-option{cursor:pointer;background:#10161a;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:38px;height:38px;padding:2px;display:grid;overflow:hidden}.token-option:hover,.token-option:focus-visible{background:#ffffff14;border-color:#db9257b8}.token-option img{object-fit:contain;border-radius:50%;width:34px;height:34px;display:block}.token-option.is-special{background:0 0;border-color:#0000;border-radius:3px;width:52px;height:42px;overflow:visible}.token-option.is-special:hover,.token-option.is-special:focus-visible{background:#ffffff14;border-color:#db9257b8}.token-option.is-special img{border:3px solid var(--special-border);filter:drop-shadow(0 3px 1.5px #000000b8);border-radius:1px;width:46px;height:auto;max-height:40px}.player-mats{--mat-cell:38px;margin-top:8px}.mat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.player-mat{background:#dadbd2;border:1px solid #aeb8ae;min-width:0;overflow:hidden}.player-mat-heading{color:#24363c;background:#e7e7df;border-bottom:1px solid #b9c0b7;align-items:center;gap:7px;height:28px;padding:0 9px;display:flex}.player-mat-heading h2{letter-spacing:-.015em;margin:0;font-size:13px;line-height:1}.role-swatch{background:var(--role-color);border:1px solid #28373c;border-radius:50%;width:9px;height:9px;box-shadow:0 1px 2px #00000047}.sailor-grid{grid-template-columns:repeat(4,max-content);justify-content:start;gap:5px;padding:4px;display:grid}.sailor-package{border:1px solid color-mix(in srgb, var(--role-color) 24%, #b6beb5);background:color-mix(in srgb, var(--role-color) 9%, #e7e7df);gap:3px;min-width:0;padding:5px 6px 6px;display:grid}.token-slots{grid-template-columns:repeat(3, var(--mat-cell));background:#4a54500d;border:2px solid #0000;gap:4px;padding:3px;transition:border-color .14s ease-out,background-color .14s ease-out;display:grid}.token-slots.is-active{border-color:color-mix(in srgb, var(--role-color) 58%, #50635d);background:color-mix(in srgb, var(--role-color) 20%, #e2e3dc);border-radius:.5em;box-shadow:inset 0 0 0 1px #ffffff57}.token-slots.is-inactive{background:#4b524e29}.token-slots span{width:var(--mat-cell);aspect-ratio:1;background:#f0f0e8;border:2px solid #6d7a75;border-radius:50%;display:block;box-shadow:inset 0 1px 3px #1a292d38}.token-slots.is-inactive span{opacity:.28;background:#c9cbc4;border-color:#7f8782;box-shadow:inset 0 1px 3px #1a292d26}.sailor-actions{grid-template-columns:repeat(3, var(--mat-cell));align-items:center;gap:4px;display:grid}.sailor-marker{width:var(--mat-cell);aspect-ratio:1;border:4px solid color-mix(in srgb, var(--sailor-color) 70%, #fff);pointer-events:none;-webkit-user-select:none;user-select:none;background:#101d23;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 5px #000000bd,0 1px 2px #000000e6}.sailor-symbol{background:var(--sailor-color);width:19px;height:19px;display:block;box-shadow:inset 0 0 0 1px #050d11b3}.sailor-symbol.is-circle{border-radius:50%}.sailor-symbol.is-triangle{clip-path:polygon(50% 4%,98% 92%,2% 92%)}.sailor-symbol.is-pentagon{clip-path:polygon(50% 1%,98% 36%,80% 96%,20% 96%,2% 36%)}.action-tile{width:var(--mat-cell);aspect-ratio:1;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-section{flex-direction:column;justify-content:center;align-items:flex-start;max-width:540px;min-height:calc(100vh - 130px);margin:0 auto;padding:40px;display:flex}.empty-compass{color:#c37d4a;background:#f1e4d3;border:1px solid #d7b18e;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:25px;display:grid}.empty-section h2{font-size:38px}.empty-copy{color:#6f7d75;max-width:42ch;margin:14px 0 20px;font-size:14px;line-height:1.55}.coming-soon{color:#9b704f;letter-spacing:.13em;background:#f0e2d0;padding:8px 10px;font-size:9px;font-weight:800}.pdf-help-section{background:var(--paper);grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:calc(100vh - 24px);padding:22px 24px 24px;display:grid}.help-document-header{color:var(--ink);justify-content:space-between;align-items:end;gap:20px;padding:0 2px 4px;display:flex}.help-document-header h2{letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,38px)}.help-document-header p{color:#65756f;max-width:52ch;margin:8px 0 0;font-size:14px;line-height:1.45}.pdf-viewer-shell{background:#2f3436;border:1px solid #111d2647;min-height:0;overflow:hidden;box-shadow:0 8px 20px #1d2e362e}.pdf-page-list{scrollbar-color:#8d754a #24261c;scrollbar-width:thin;flex-direction:column;align-items:center;gap:14px;height:100%;padding:18px;display:flex;overflow:auto}.pdf-page{-webkit-user-select:none;user-select:none;background:#fff;width:min(100%,900px);height:auto;display:block;box-shadow:0 8px 18px #00000047}.help-index{background:var(--paper);flex-direction:column;gap:28px;min-height:calc(100vh - 24px);padding:22px 24px 24px;display:flex}.help-list{gap:10px;width:min(100%,760px);display:grid}.help-list-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#e7e7df;border:1px solid #b8c0b7;border-radius:6px;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:16px 18px;display:grid;box-shadow:0 6px 14px #1d2e361f}.help-list-item:hover,.help-list-item:focus-visible{background:#efeee6;border-color:#db9257cc}.help-list-icon{color:#f3d4a8;background:var(--blue);border:1px solid #db92577a;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.help-list-copy{gap:4px;min-width:0;display:grid}.help-list-copy strong{letter-spacing:-.015em;font-size:17px}.help-list-copy small{color:#65756f;font-size:13px;line-height:1.4}.help-list-arrow{color:var(--orange);place-items:center;display:grid}@media (width<=1140px){.mat-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{flex-basis:60px;width:60px;padding-inline:6px}.board-page,.map-page{padding:7px}.mat-grid{grid-template-columns:1fr}.empty-section{padding-inline:24px}}