:root{--parch:#e9dcc0;--parch-2:#d8c7a3;--parch-3:#e9dcc094;--ink:#2b1f14;--ink-2:#5a4632;--ink-3:#2b1f1499;--brass:#c9a24f;--brass-hi:#ecd08a;--brass-lo:#8a6a2c;--wax:#9b2f22;--wax-hi:#d0513f;--red:#b3342a;--blue:#2c4a8c;--sea-glow:#7fd0f0;--umber:14, 10, 7;--panel:#18120cb8;--display:"IM Fell English SC", Georgia, serif;--fell:"IM Fell English", Georgia, serif;--body:"Alegreya Sans", system-ui, sans-serif;--ease-out:cubic-bezier(.2, .7, .2, 1);--gutter:clamp(16px, 6vw, 88px);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .3  0 0 0 .22 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--fibres:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='3' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .3  0 0 0 0 .12  0 0 0 .5 -.12'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>");--diamond:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'><path d='M12 1 L17 6 L12 11 L7 6Z'/></svg>");--needle:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'><path d='M0 6 L9 1.5 L24 6 L9 10.5Z'/><circle cx='5' cy='6' r='1.2' fill='white' opacity='0'/></svg>")}*{box-sizing:border-box}html,body{height:100%;font-family:var(--body);color:var(--parch);background:#0c1820;margin:0;overflow:hidden}canvas{display:block}.kicker{font:700 12px var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);margin:0}.flavor{font:italic 17px/1.4 var(--fell);color:var(--parch-2);margin:0}.rule{width:min(320px,100%);height:9px;margin:2px 0;position:relative}.rule:before{content:"";background:linear-gradient(90deg, var(--brass) 0, #c9a24f80 40%, transparent);height:1px;position:absolute;top:4px;left:0;right:0}.rule:after{content:"";background:var(--brass);width:9px;height:9px;position:absolute;top:0;left:0;transform:rotate(45deg)scale(.7)}.rule.center{margin-inline:auto}.rule.center:before{background:linear-gradient(90deg, transparent, var(--brass) 35%, var(--brass) 65%, transparent)}.rule.center:after{left:calc(50% - 4.5px)}kbd{min-width:1.7em;font:700 11px/1.45 var(--body);color:var(--parch);text-align:center;letter-spacing:0;vertical-align:.1em;background:#00000047;border:1px solid #c9a24f8c;border-bottom-width:2px;border-radius:4px;padding:1px 5px 0;display:inline-block}.hints{font:500 13px var(--body);color:var(--parch-2);flex-wrap:wrap;align-items:center;gap:6px 20px;margin:0;display:flex}.hints span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.mi{cursor:pointer;text-align:left;width:100%;font:400 28px/1.1 var(--display);color:var(--parch);letter-spacing:.01em;transition:color .25s, transform .35s var(--ease-out), opacity .25s;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:7px 0 7px 34px;display:block;position:relative}.mi small{font:italic 15px/1.3 var(--fell);color:var(--parch-3);letter-spacing:0;margin-top:3px;transition:color .25s;display:block}.mi:before{content:"";background:var(--brass-hi);width:24px;height:12px;-webkit-mask:var(--needle) center / contain no-repeat;-webkit-mask:var(--needle) center / contain no-repeat;mask:var(--needle) center / contain no-repeat;opacity:0;transition:opacity .25s, transform .35s var(--ease-out);position:absolute;top:calc(1px + .55em);left:0;transform:translate(-14px)}.mi:after{content:"";transform-origin:0;max-width:360px;height:1px;transition:transform .45s var(--ease-out);background:linear-gradient(90deg,#c9a24fb3,#0000);position:absolute;bottom:0;left:34px;right:0;transform:scaleX(0)}.mi:hover,.mi:focus{color:var(--brass-hi);transform:translate(6px)}.mi:hover small,.mi:focus small{color:var(--parch-2)}.mi:hover:before,.mi:focus:before{opacity:1;transform:none}.mi:hover:after,.mi:focus:after{transform:none}.mi:focus-visible{outline:none}.mi.sm{padding-block:5px;font-size:21px}.mi.sm:before{top:calc(.55em - 1px)}.mi.danger{color:#e9a58f}.mi.danger:hover,.mi.danger:focus{color:#ffc1ad}.mi.danger:before{background:var(--wax-hi)}.mi[data-ok="1"]{color:#ffd0c0;font-size:20px}.mi[data-ok="1"]:before{opacity:1;background:var(--wax-hi);transform:none}.mi .badge{background:var(--wax);color:#fbe9dc;font:700 12px/1.5 var(--body);letter-spacing:.04em;vertical-align:.35em;border-radius:999px;margin-left:10px;padding:2px 9px;display:inline-block;box-shadow:0 0 0 2px #9b2f2259}.mi kbd{vertical-align:.3em;margin-left:10px}.link-btn{cursor:pointer;font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);background:0 0;border:0;border-bottom:1px solid #c9a24f66;outline:none;padding:4px 0;transition:color .2s,border-color .2s}.link-btn:hover,.link-btn:focus{color:var(--brass-hi);border-color:var(--brass-hi)}.link-btn:focus-visible{outline:1px dashed var(--brass);outline-offset:4px}input[type=range].slider{appearance:none;cursor:pointer;--fill:50%;background:0 0;width:100%;height:22px;margin:0}input[type=range].slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brass) var(--fill), #e9dcc033 var(--fill));border-radius:2px;height:3px}input[type=range].slider::-moz-range-track{background:#e9dcc033;border-radius:2px;height:3px}input[type=range].slider::-moz-range-progress{background:var(--brass);height:3px}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brass-hi);border:1px solid #3a2a14;width:14px;height:14px;margin-top:-5.5px;transition:transform .2s;transform:rotate(45deg)}input[type=range].slider::-moz-range-thumb{background:var(--brass-hi);border:1px solid #3a2a14;border-radius:0;width:12px;height:12px;transform:rotate(45deg)}input[type=range].slider:focus{outline:none}input[type=range].slider:focus::-webkit-slider-thumb{transform:rotate(45deg)scale(1.35);box-shadow:0 0 0 4px #c9a24f40}input[type=range].slider:hover::-webkit-slider-thumb{transform:rotate(45deg)scale(1.35);box-shadow:0 0 0 4px #c9a24f40}input[type=range].slider:disabled{opacity:.3;cursor:default}input[type=checkbox].switch{appearance:none;cursor:pointer;background:#0000004d;border:1px solid #c9a24f99;border-radius:999px;outline:none;width:42px;height:22px;margin:0;transition:background .25s;position:relative}input[type=checkbox].switch:after{content:"";background:var(--parch-2);width:14px;height:14px;transition:transform .3s var(--ease-out), background .25s;border-radius:50%;position:absolute;top:3px;left:3px}input[type=checkbox].switch:checked{background:#c9a24f59}input[type=checkbox].switch:checked:after{background:var(--brass-hi);transform:translate(20px)}input[type=checkbox].switch:focus{box-shadow:0 0 0 3px #c9a24f4d}.sheet{color:var(--ink);background:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, #7a4e1c61 100%), var(--fibres), linear-gradient(172deg, #f1e4c4 0%, #e8d7ae 55%, #dcc592 100%);border-radius:3px 6px 4px 7px/7px 3px 6px 4px;position:relative;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #5a3c1959,inset 0 0 40px #6e461447,0 28px 70px #0000008c,0 6px 18px #00000059}.sheet .kicker{color:var(--wax)}.sheet .rule:before{background:linear-gradient(90deg, var(--wax) 0, #9b2f2273 40%, transparent)}.sheet .rule:after{background:var(--wax)}.sheet .rule.center:before{background:linear-gradient(90deg,#0000,#5a3c19b3 30% 70%,#0000)}.sheet .mi{color:var(--ink)}.sheet .mi small{color:var(--ink-3)}.sheet .mi:hover,.sheet .mi:focus{color:var(--wax)}.sheet .mi:hover small,.sheet .mi:focus small{color:var(--ink-2)}.sheet .mi:before{background:var(--wax)}.sheet .mi:after{background:linear-gradient(90deg,#9b2f2299,#0000)}.sheet kbd{color:var(--ink);background:#5a3c191a;border-color:#5a3c1980}.sheet input[type=range].slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink-2) var(--fill), #5a3c1938 var(--fill))}.sheet input[type=range].slider::-webkit-slider-thumb{background:var(--wax);border-color:#3a1a10}.sheet input[type=range].slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #9b2f2233}.sheet input[type=range].slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #9b2f2233}.scrim-left{background:var(--grain), linear-gradient(90deg, rgba(var(--umber), .92) 0, rgba(var(--umber), .78) 28%, rgba(var(--umber), .35) 52%, rgba(var(--umber), .05) 72%), radial-gradient(ellipse 120% 100% at 60% 45%, transparent 45%, rgba(var(--umber), .7) 100%)}@keyframes ui-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ui-slide{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-sheet{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.enter .st{animation:ui-slide .6s var(--ease-out) both;animation-delay:calc(var(--i,0) * 55ms + 80ms)}.enter .fd{animation:.7s both ui-fade}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.mi:hover,.mi:focus{transform:none}}.plaque{cursor:pointer;text-align:left;background:linear-gradient(180deg, #e7c878, var(--brass) 55%, #a57f36);color:#24170b;font:400 22px/1.1 var(--display);transition:transform .2s var(--ease-out), box-shadow .25s;border:1px solid #f1d58f;border-radius:2px;outline:none;padding:10px 24px 9px;display:inline-grid;box-shadow:inset 0 1px #fff6,0 8px 22px #0006}.plaque small{font:italic 13px var(--fell);color:#24170bbf}.plaque b{font-weight:400}.plaque:hover,.plaque:focus{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 0 0 3px #ecd08a59,0 12px 26px #00000073}.sheet .plaque{background:linear-gradient(180deg, #b84634, var(--wax) 60%, #6e1f15);color:#fbe9dc;border-color:#5a1810;box-shadow:inset 0 1px #ffffff40,0 6px 14px #3c140a59}.sheet .plaque small{color:#fbe9dccc}.sheet .plaque:hover,.sheet .plaque:focus{box-shadow:inset 0 1px #ffffff40,0 0 0 3px #9b2f2240,0 10px 20px #3c140a66}.sheet .link-btn{color:var(--wax);border-color:#9b2f2266}.sheet .link-btn:hover,.sheet .link-btn:focus{color:#6e1f15;border-color:#6e1f15}.mi.on:before{opacity:1;-webkit-mask-image:var(--diamond);-webkit-mask-image:var(--diamond);mask-image:var(--diamond);transform:none}.mi.on:focus:before,.mi.on:hover:before{-webkit-mask-image:var(--needle);-webkit-mask-image:var(--needle);mask-image:var(--needle)}body:has(>.captain:not([hidden])) :is(#lobby,.pause){visibility:hidden}body:has(>.pause:not([hidden])) #hud{visibility:hidden}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#hud:before{content:"";background:linear-gradient(0deg, rgba(var(--umber), .62), rgba(var(--umber), .32) 45%, transparent);pointer-events:none;height:240px;position:absolute;bottom:0;left:0;right:0}#hud:after{content:"";background:linear-gradient(180deg, rgba(var(--umber), .38), transparent);pointer-events:none;height:90px;position:absolute;top:0;left:0;right:0}body:has(>#lobby:not([hidden])) #hud{visibility:hidden}#hud .panel{z-index:1;pointer-events:auto;text-shadow:0 1px 3px #000000bf,0 0 12px #00000059;position:absolute}#hud h3{font:400 18px var(--display);color:var(--brass-hi);letter-spacing:.02em;margin:0 0 6px}#hud kbd{min-width:1.6em;text-shadow:none;padding:0 4px;font-size:9.5px}.title{opacity:.72;top:12px;left:16px;pointer-events:none!important}.title .name{font:400 16px/1 var(--display);color:var(--brass);letter-spacing:.04em}.title .meta{color:var(--parch-3);font-variant-numeric:tabular-nums;margin-top:3px;font-size:11px}.compass{align-items:center;gap:14px;display:flex;bottom:16px;left:18px}.compass svg{filter:drop-shadow(0 6px 12px #00000073);width:176px;height:176px;display:block;overflow:visible}.compass .read{font-variant-numeric:tabular-nums;gap:3px;min-width:150px;max-width:230px;font-size:14px;display:grid}.compass .big{align-items:baseline;gap:7px;display:flex}.compass .big span{font:400 40px/1 var(--display);color:var(--parch)}.compass .big small{font:700 11px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--brass)}.compass .pos{font:italic 17px var(--fell);color:var(--brass-hi)}.compass .windtxt{color:var(--sea-glow);font-size:13px;font-weight:500}.compass .dim{color:var(--parch-3);font-size:12px}.compass .legend{color:var(--parch-3);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.compass .legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.compass .legend .lw{background:var(--sea-glow)}.compass .legend .ln{background:#e8584ab3;margin-left:6px}.compass .nogo{color:#ff9a7a}.compass .dim.warn{color:#ffb070}.helm{justify-items:center;gap:10px;display:grid;bottom:14px;left:50%;transform:translate(-50%)}.group{justify-items:center;gap:5px;display:grid}.group .lbl{font:700 10px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--parch-3);align-items:center;gap:4px;display:flex}.group .lbl.warn{color:#ffb070}.row{gap:6px;display:flex}.btn{pointer-events:auto;cursor:pointer;background:rgba(var(--umber), .5);color:var(--parch);font:500 13px var(--body);text-shadow:none;border:1px solid #c9a24f73;border-radius:3px;align-items:center;gap:6px;padding:5px 9px;transition:background .2s,border-color .2s,color .2s;display:flex}.btn:hover{border-color:var(--brass);background:#c9a24f38}.btn.on{background:linear-gradient(180deg, #ecd08a, var(--brass) 60%, #a57f36);color:#24170b;border-color:#f1d58f}.tokens{align-items:flex-start;gap:22px;display:flex}.tok{background:0 0;border:0;border-radius:0;flex-direction:column;gap:3px;min-width:62px;padding:0;position:relative}.tok:hover{background:0 0}.tok svg{box-sizing:border-box;background:radial-gradient(circle at 50% 35%, #282018bf, rgba(var(--umber), .85));width:42px;height:42px;color:var(--parch-2);transition:transform .2s var(--ease-out), background .2s, color .2s, box-shadow .2s;border:1px solid #c9a24f80;border-radius:50%;padding:8px;box-shadow:0 3px 8px #0006}.tok .sail-ico{padding:5px}.tok span{font:700 9.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--parch-3);text-shadow:0 1px 3px #000000e6;white-space:nowrap}.tok kbd{position:absolute;top:-3px;right:6px}.tok:hover svg{border-color:var(--brass-hi);transform:translateY(-2px)}.tok.on{background:0 0}.tok.on svg{background:radial-gradient(circle at 50% 30%, #f3dc9c, var(--brass) 60%, #8f6c2c);color:#24170b;border-color:#f7e2a6;box-shadow:0 0 0 3px #ecd08a38,0 4px 12px #00000073}.tok.on span{color:var(--brass-hi)}.sail-ico{width:30px;height:30px}.ammo-ico{width:22px;height:22px}.guns{gap:4px}.fire{align-items:center;gap:8px;display:flex}.fire .side{font:400 19px var(--display);color:var(--parch);text-shadow:0 1px 4px #000000e6;background:0 0;border:0;padding:2px 4px}.fire .side:hover{color:var(--brass-hi);background:0 0}.fire .gem{background:var(--brass);width:7px;height:7px;transform:rotate(45deg);box-shadow:0 0 6px #0009}.reload{background:#00000073;width:116px;height:4px;display:flex;position:relative;box-shadow:0 0 0 1px #c9a24f59}.reload[data-k=r1]{justify-content:flex-end}.reload>i{background:linear-gradient(90deg, #a57f36, var(--brass-hi));height:100%;display:block}.reload[data-k=r1]>i{background:linear-gradient(270deg, #a57f36, var(--brass-hi))}.reload.ready>i{background:#8fd07f;box-shadow:0 0 8px #8fd07fb3}.aimtxt{color:var(--parch-3);text-align:center;max-width:340px;min-height:1.3em;font-size:11px}.aimtxt.on{color:#ffe2a8;font-weight:500}.damage{width:236px;bottom:16px;right:18px}.hull-wrap{align-items:center;gap:6px;margin:2px 0 8px;display:flex}.hull-wrap .end{font:italic 12px var(--fell);color:var(--parch-3)}.hullmap{clip-path:polygon(0 16%,8% 4%,62% 0,82% 8%,100% 50%,82% 92%,62% 100%,8% 96%,0 84%);filter:drop-shadow(0 2px 4px #00000080);background:#0000008c;flex:1;grid-template-columns:repeat(4,1fr);gap:2px;padding:0;display:grid}.hullmap i{background:#7fc27a;height:17px}.hullmap i.gone{background:#1d140d}.stat{font-variant-numeric:tabular-nums;color:var(--parch-2);justify-content:space-between;font-size:13px;display:flex}.stat span:last-child{color:var(--parch);font-weight:700}.bar{background:#00000080;height:3px;margin:3px 0 7px;box-shadow:0 0 0 1px #c9a24f33}.bar>i{height:100%;display:block}.masts{color:var(--parch-2);flex-wrap:wrap;gap:4px 12px;margin-bottom:8px;font-size:12px;display:flex}.masts span{padding-left:10px;position:relative}.masts span:before{content:"";background:var(--brass);width:5px;height:5px;position:absolute;top:.45em;left:0;transform:rotate(45deg)}.masts span.down{color:#ff9a7a;text-decoration:line-through}.masts span.down:before{background:var(--wax-hi)}.test{text-align:right;justify-items:end;gap:6px;width:300px;display:grid;top:12px;right:16px}.test details{width:100%}.test summary{cursor:pointer;font:700 10px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--parch-3);padding:4px 0;list-style:none}.test summary::-webkit-details-marker{display:none}.test summary:after{content:" ▾"}.test details[open] summary:after{content:" ▴"}.test summary:hover{color:var(--brass-hi)}.test details[open]{background:rgba(var(--umber), .82);text-align:left;border-top:1px solid #c9a24f73;gap:8px;padding:10px 12px;display:grid}.test details[open] summary{color:var(--brass)}.test .group{justify-items:start}.test .row{flex-wrap:wrap}.test .btn{padding:3px 7px;font-size:12px}.enemy{color:var(--parch-2);max-width:300px;font-size:13px}.keys{color:var(--parch-3);font-size:11px;line-height:1.5}.banner{width:max-content;max-width:calc(100% - 32px);font:400 clamp(26px, 4vw, 44px)/1.1 var(--display);color:var(--parch);text-align:center;letter-spacing:.12em;text-shadow:0 2px 4px #000000b3,0 0 30px #00000080;opacity:0;transition:opacity .6s, letter-spacing 1.2s var(--ease-out);pointer-events:none;align-items:center;gap:18px;display:flex;position:absolute;top:17%;left:50%;transform:translate(-50%)}.banner:before,.banner:after{content:"";background:linear-gradient(90deg, transparent, var(--brass-hi));flex:none;width:70px;height:1px;box-shadow:0 1px 3px #0009}.banner:after{transform:scaleX(-1)}.banner.show{opacity:1;letter-spacing:.03em}.label3d{pointer-events:none;text-align:center;background:linear-gradient(180deg, rgba(var(--umber), .82), rgba(var(--umber), .66));border-top:1px solid var(--brass);width:156px;text-shadow:none;padding:7px 10px;position:absolute;transform:translate(-50%)}.label3d .n{font:400 19px var(--display);color:var(--brass-hi)}.label3d .d{font:italic 12px/1.3 var(--fell);color:var(--parch-2);text-align:left;margin-top:5px}.label3d table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;color:var(--parch-2);font-size:12px}.label3d td{text-align:left;padding:1px 0}.label3d td:last-child{text-align:right;color:var(--parch)}#nogpu{font:italic 20px var(--fell);text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.board-prompt{pointer-events:auto;cursor:pointer;font:400 24px var(--display);color:#24170b;background:linear-gradient(180deg, #ecd08a, var(--brass) 60%, #a57f36);border:1px solid #f1d58f;border-radius:2px;align-items:center;gap:10px;padding:9px 22px 8px;animation:1.4s ease-in-out infinite pulse;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000073}.board-prompt kbd{color:#24170b;background:#24170b26;border-color:#24170b80;font-size:11px}@keyframes pulse{50%{box-shadow:0 0 0 6px #ecd08a40,0 0 26px #ecd08a8c,0 8px 20px #00000073}}.boarding{background:linear-gradient(180deg, rgba(var(--umber), .8), rgba(var(--umber), .62));border-top:1px solid var(--brass);gap:3px;width:min(420px,100% - 32px);padding:12px 16px;display:grid;bottom:196px;left:50%;transform:translate(-50%)}.boarding h3{text-align:center;font-size:22px!important}.boarding[hidden],.board-prompt[hidden]{display:none}.boarding .row{justify-content:center;margin-top:6px}.bcrew{font-variant-numeric:tabular-nums;color:var(--parch-2);justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.bcrew b{font:400 22px var(--display);color:var(--parch)}.blog{font:italic 15px var(--fell);color:var(--brass-hi);text-align:center;min-height:1.2em;margin:4px 0 0}.ladder-bar,.duel-bar{z-index:5;background:radial-gradient(ellipse 50% 100% at 50% 0, rgba(var(--umber), .82), rgba(var(--umber), .5) 60%, transparent 100%);max-width:100%;font:500 14px var(--body);color:var(--parch);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000c;white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px 0;padding:9px 70px 11px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.ladder-bar>span,.duel-bar>span{align-items:baseline;gap:5px;display:inline-flex}.ladder-bar>span+span:before,.ladder-bar>button:before{content:"";background:var(--brass);opacity:.8;align-self:center;width:5px;height:5px;margin:0 14px;transform:rotate(45deg)}.ladder-bar>button:before{vertical-align:middle;margin:0 14px 0 0;display:inline-block}.ladder-bar b,.duel-bar b{color:var(--brass-hi);font-weight:700}.ladder-bar .hint{color:var(--parch-3);font:italic 14px var(--fell)}.ladder-bar .rep{color:#a9dc98;font-weight:700}.ladder-bar button,.duel-bar button{cursor:pointer;font:700 11px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);text-shadow:inherit;background:0 0;border:0;border-bottom:1px solid #c9a24f73;margin-left:14px;padding:2px 0}.ladder-bar button{border:0;margin-left:0}.ladder-bar button:hover,.duel-bar button:hover{color:var(--brass-hi)}.ladder-bar button:focus-visible,.duel-bar button:focus-visible{outline:1px dashed var(--brass);outline-offset:3px}.ladder-bar kbd,.duel-bar kbd{margin-left:4px}.duel-bar{gap:4px 14px}.duel-bar .me,.duel-bar .them{font:400 19px var(--display)}.duel-bar .score{font:800 22px/1 var(--body);gap:8px}.duel-bar .score i{color:var(--parch-3);font-size:18px;font-style:normal}.duel-bar .dist{font:italic 14px var(--fell);color:var(--parch-3)}.respawn{z-index:6;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 50%, rgba(var(--umber), .35), rgba(var(--umber), .75));font-family:var(--body);place-items:center;padding:16px;animation:.5s both ui-fade;display:grid;position:fixed;inset:0}.respawn[hidden]{display:none}.rs-sheet{pointer-events:auto;width:min(400px,100%);animation:ui-sheet .6s var(--ease-out) both;gap:8px;padding:22px 28px 18px;display:grid}.rs-sheet h3{font:400 38px/1 var(--display);color:var(--wax);margin:0}.rs-sheet .rs-t{font:italic 16px var(--fell);color:var(--ink-2);margin:0}.rs-sheet .rs-pick{font:700 11px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 0}.rs-ships{margin-left:-6px;display:grid}.rs-ships .mi{padding-left:30px}.rs-ships .mi:after{left:30px}.rs-ships .mi.on{color:var(--wax)}@media (max-width:900px){.compass{gap:8px;bottom:170px;left:10px}.compass svg{width:118px;height:118px}.compass .read{min-width:0;max-width:150px;font-size:12px}.compass .big span{font-size:30px}.compass .legend,.compass .windtxt{display:none}.damage{width:170px;bottom:170px;right:10px}.damage .stat{font-size:12px}.masts{font-size:11px}.helm{width:calc(100% - 20px);bottom:10px}.tokens{justify-content:center;gap:10px}.tok{width:50px;min-width:0}.tok span{letter-spacing:.04em;white-space:normal;text-align:center;font-size:8px;line-height:1.1}.tok svg{width:38px;height:38px}.reload{width:64px}.fire .side{font-size:16px}.title{display:none}.test{width:auto;max-width:calc(100% - 32px);top:auto;bottom:330px;right:10px}.test .enemy{display:none}.board-prompt,.boarding{bottom:300px}#hud:before{height:360px}.ladder-bar,.duel-bar{white-space:normal;padding:7px 16px 9px;font-size:13px}.ladder-bar .hint{display:none}.ladder-bar>span+span:before,.ladder-bar>button:before{margin:0 9px}}@media (prefers-reduced-motion:reduce){.board-prompt{animation:none}}@media (max-width:560px){.damage{top:70px;bottom:auto}.test{bottom:170px;left:auto}.test summary{padding:2px 0}}#lobby{z-index:20;font-family:var(--body);color:var(--parch);position:fixed;inset:0;overflow:hidden}#lobby[hidden]{display:none}.lb-scrim{pointer-events:none;background:var(--grain), linear-gradient(90deg, rgba(var(--umber), .9) 0, rgba(var(--umber), .74) 26%, rgba(var(--umber), .3) 48%, transparent 64%), radial-gradient(ellipse 62% 70% at 100% 100%, rgba(var(--umber), .88), rgba(var(--umber), .5) 55%, transparent 100%), linear-gradient(0deg, rgba(var(--umber), .7), transparent 22%), linear-gradient(180deg, rgba(var(--umber), .45), transparent 18%);position:absolute;inset:0}.lb-rose{left:calc(var(--gutter) - 170px);aspect-ratio:1;color:#c9a24f13;pointer-events:none;width:600px;position:absolute;top:-150px}.lb-rose svg{width:100%;height:100%;animation:360s linear infinite lb-spin}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb-col{left:var(--gutter);flex-direction:column;justify-content:center;gap:18px;width:min(470px,100% - 32px);display:flex;position:absolute;top:0;bottom:64px}.lb-head{gap:8px;display:grid}.lb-head h1{font:400 clamp(52px, 7.4vw, 92px)/.86 var(--display);letter-spacing:-.005em;color:var(--brass-hi);background:linear-gradient(180deg, #f4dea0 10%, var(--brass) 62%, #9c7632 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #00000059)drop-shadow(0 6px 18px #00000073);-webkit-background-clip:text;background-clip:text;margin:0}.lb-head h1 span{font:italic 400 .42em var(--fell);letter-spacing:.02em;-webkit-text-fill-color:var(--parch-2);vertical-align:.32em;margin-right:.1em}.lb-name{gap:2px;max-width:340px;display:grid}.lb-name span{font:700 11px var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--parch-3)}.lb-name input{width:100%;font:italic 400 25px var(--fell);color:var(--parch);background:0 0;border:0;border-bottom:1px solid #c9a24f66;outline:none;padding:2px 0 5px;transition:border-color .25s}.lb-name input::placeholder{color:#e9dcc059}.lb-name input:focus{border-bottom-color:var(--brass-hi)}.lb-menu{gap:1px;margin-top:4px;margin-left:-34px;display:grid}.lb-menu .mi,.lb-ships .mi{text-shadow:0 2px 10px #00000080}.lb-side{right:var(--gutter);width:min(390px,100% - 32px);position:absolute;bottom:78px}.lb-board h2{gap:3px;margin:0 0 10px;font-weight:400;display:grid}.lb-board h2 span{font:400 24px var(--display);color:var(--parch)}.lb-board h2 small{font:italic 15px var(--fell);color:var(--parch-3)}.lb-board h2:after{content:"";background:linear-gradient(90deg, var(--brass), transparent);height:1px;margin-top:6px}.lb-rooms{margin:0;padding:0;list-style:none;display:grid}.lb-rooms li{text-shadow:0 1px 6px #0009;border-bottom:1px solid #c9a24f29;flex-wrap:wrap;align-items:baseline;gap:12px;padding:9px 0;display:flex}.lb-code{font:700 14px var(--body);letter-spacing:.2em;color:var(--brass-hi)}.lb-who{flex:1;min-width:150px;font-size:15px}.lb-who i{font:italic 14px var(--fell);color:var(--parch-3);margin-left:2px}.lb-who em{font:italic 13px var(--fell);color:var(--brass);margin:0 7px}.lb-tag{font:700 11px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--parch-3)}.lb-empty{font:italic 16px var(--fell);color:var(--parch-3);border:0!important}.lb-status{min-height:1.2em;font:italic 15px var(--fell);color:#f0a878;margin:8px 0 0}.lb-foot{left:var(--gutter);right:var(--gutter);border-top:1px solid #c9a24f2e;justify-content:space-between;align-items:center;gap:8px 24px;height:58px;display:flex;position:absolute;bottom:0}.lb-credits{color:var(--parch-3);text-align:right;margin:0;font-size:12px}.lb-credits kbd{font-size:10px}#lobby.in-room .lb-head,#lobby.in-room .lb-name{display:none}.lb-roomhead{gap:4px;display:grid}.lb-roomcode{font:400 clamp(46px, 6vw, 72px)/1 var(--display);letter-spacing:.14em;color:var(--brass-hi);text-shadow:0 4px 18px #00000080;margin:0}.lb-pick{color:var(--parch-3);margin-top:6px}.lb-ships{margin-left:-34px;display:grid}.lb-ship.on{color:var(--brass-hi)}.lb-ship.on small{color:var(--parch-2)}.lb-roomacts{flex-wrap:wrap;align-items:center;gap:26px;margin-top:6px;display:flex}.lb-ready{cursor:pointer;text-align:left;background:linear-gradient(180deg, #e7c878, var(--brass) 55%, #a57f36);color:#24170b;font:400 23px/1.1 var(--display);transition:transform .2s var(--ease-out), box-shadow .25s;border:1px solid #f1d58f;border-radius:2px;outline:none;padding:11px 22px 10px;display:grid;box-shadow:inset 0 1px #fff6,0 8px 22px #00000073}.lb-ready small{font:italic 13px var(--fell);color:#24170bbf}.lb-ready:hover,.lb-ready:focus{transform:translateY(-2px);box-shadow:inset 0 1px #fff6,0 0 0 3px #ecd08a59,0 12px 26px #00000080}.lb-ready.on{background:rgba(var(--umber), .6);color:#b9e6a9;border-color:#8fc783}.lb-ready.on small{color:var(--parch-3)}.lb-rival{text-shadow:0 2px 10px #0009;gap:6px;padding-bottom:6px;display:grid}.lb-rival h3{font:400 40px/1 var(--display);color:var(--parch);margin:0}.lb-rival.wait h3{font:italic 30px var(--fell);color:var(--parch-2)}.lb-rival .flavor b{font:700 16px var(--body);letter-spacing:.18em;color:var(--brass-hi)}.lb-rship{font:400 22px var(--display);color:var(--brass-hi);margin:0}.lb-rship small{font:italic 15px var(--fell);color:var(--parch-3);display:block}.lb-state{font:700 12px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--parch-3);margin:4px 0 0}.lb-state.ok{color:#a9dc98}.lb-hint{font:italic 14px var(--fell);color:var(--parch-3);margin:6px 0 0}@media (max-width:760px),(max-height:560px){#lobby{scrollbar-width:none;flex-direction:column;gap:22px;padding:28px 16px 0;display:flex;overflow:hidden auto}#lobby::-webkit-scrollbar{display:none}.lb-scrim{background:var(--grain), linear-gradient(180deg, rgba(var(--umber), .72), rgba(var(--umber), .88) 45%, rgba(var(--umber), .94));position:fixed}.lb-rose{width:420px;position:fixed;top:-120px;left:-140px}.lb-col,.lb-side,.lb-foot{width:auto;position:relative;inset:auto}.lb-col{justify-content:flex-start;gap:14px}.lb-menu,.lb-ships{margin-left:0}.mi{padding-left:30px;font-size:25px}.mi:after{left:30px}.lb-foot{flex-direction:column;align-items:flex-start;height:auto;margin-top:auto;padding:14px 0 18px}.lb-credits{text-align:left}.lb-foot .hints{display:none}}.ladder-bar .lvl{font:700 11px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--parch-2);align-items:baseline;gap:6px;display:inline-flex}.ladder-bar .lvl b{font:400 22px/1 var(--display);letter-spacing:0;color:var(--brass-hi)}.ladder-bar .lvl i{font:italic 14px var(--fell);letter-spacing:0;text-transform:none;color:var(--parch-3)}.ladder-bar .foes{font:italic 16px var(--fell)}.ladder-panel{z-index:7;pointer-events:none;font-family:var(--body);align-content:center;place-items:center;gap:14px;padding:16px;display:grid;position:fixed;inset:0}.ladder-panel[hidden]{display:none}.ld-scrim{background:var(--grain), radial-gradient(ellipse 70% 80% at 50% 50%, rgba(var(--umber), .55), rgba(var(--umber), .88));animation:.5s both ui-fade;position:absolute;inset:0}.ld-sheet{pointer-events:auto;scrollbar-width:none;width:min(540px,100%);max-height:calc(100vh - 90px);animation:ui-sheet .6s var(--ease-out) both;gap:12px;padding:26px 34px 24px;display:grid;position:relative;overflow-y:auto}.ld-sheet::-webkit-scrollbar{display:none}.ld-sheet h2{font:400 clamp(32px, 4.5vw, 44px)/1 var(--display);color:var(--ink);margin:-4px 0 0}.ld-sheet.defeat h2{color:var(--wax)}.ld-sheet h2:after{content:"";background:linear-gradient(90deg, var(--wax), #9b2f2266 50%, transparent);width:200px;height:1px;margin-top:12px;display:block}.ld-sheet p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.45}.ld-sheet p.lead{font:italic 17px/1.4 var(--fell);color:var(--ink-2)}.ld-sheet p.note{color:var(--ink-3);font-size:14px}.ld-sheet p b{color:var(--ink)}.ld-sheet p.risk{color:#7a2418;border-left:2px solid var(--wax);padding-left:12px}.ld-sheet kbd{font-size:10px}.ledger{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.ledger td{color:var(--ink-2);padding:4px 0}.ledger td:first-child{white-space:nowrap;align-items:baseline;gap:6px;display:flex}.ledger td:first-child:after{content:"";border-bottom:1px dotted #5a3c1980;flex:1;min-width:12px;transform:translateY(-4px)}.ledger td:last-child{text-align:right;white-space:nowrap;color:var(--ink);font:700 16px var(--body);padding-left:8px}.ledger tr.xp td:last-child{color:var(--wax);font:400 20px var(--display)}.ld-sheet .choices{gap:0;margin:4px 0 0 -8px;display:grid}.ld-sheet .choices .mi{padding-left:32px;font-size:25px}.ld-sheet .choices .mi.sm{font-size:20px}.ld-sheet .choices .mi b{font-weight:400}.ld-sheet .choices .mi small{font-size:14px}.ld-sheet .choices .mi:after{left:32px}.ld-sheet .ship-pick{grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 0}.ld-sheet .ship-pick button{cursor:pointer;text-align:left;color:var(--ink);font-family:var(--body);background:#fffaeb38;border:1px solid #5a3c194d;border-radius:2px;outline:none;align-content:start;gap:3px;padding:11px 13px 11px 36px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.ld-sheet .ship-pick button b{font:400 18px/1.15 var(--display)}.ld-sheet .ship-pick button small{color:var(--ink-2);font-size:13px;line-height:1.35}.ld-sheet .ship-pick button:before{content:"";border:1px solid #5a3c198c;border-radius:50%;width:14px;height:14px;position:absolute;top:14px;left:12px}.ld-sheet .ship-pick button.on{border-color:var(--wax);box-shadow:inset 0 0 0 1px var(--wax);background:#9b2f2214}.ld-sheet .ship-pick button.on:before{background:radial-gradient(circle, var(--wax) 0 4px, transparent 5px);border-color:var(--wax)}.ld-sheet .ship-pick button:hover,.ld-sheet .ship-pick button:focus{border-color:var(--wax);background:#fffaeb61}.ld-sheet .cargo{border-block:1px solid #5a3c1940;grid-template-columns:auto 1fr 2.4em;align-items:center;gap:6px 14px;padding:10px 0;display:grid}.ld-sheet .cargo label{font:400 17px var(--display);color:var(--ink);display:grid}.ld-sheet .cargo label small{font:italic 13px var(--fell);color:var(--ink-3)}.ld-sheet .cargo output{text-align:right;font:700 17px var(--body);color:var(--ink);font-variant-numeric:tabular-nums}.ld-sheet .acts{justify-content:flex-end;align-items:center;gap:24px;margin-top:4px;display:flex}.ld-sheet .acts .go b{color:inherit;font-weight:400}.ld-hints{pointer-events:none;color:var(--parch-2);text-shadow:0 1px 6px #000000b3;animation:.8s .3s both ui-fade;position:relative}@media (max-width:520px){.ld-sheet{padding:22px 20px 20px}.ld-sheet .ship-pick{grid-template-columns:1fr}.ld-hints{display:none}}.ld-sheet .yard{border-top:1px solid #5a3c1940;gap:8px;padding:12px 0 4px;display:grid}.ld-sheet .yard-title{font:400 19px var(--display);color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.ld-sheet .yard-title span{font:500 13px var(--body);color:var(--ink-2);font-variant-numeric:tabular-nums}.ld-sheet .yard-title b{color:var(--ink)}.ld-sheet .yard-row{color:var(--ink-2);grid-template-columns:56px 1fr 44px 150px;align-items:center;gap:10px;font-size:14px;display:grid}.ld-sheet .yard-row em{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.ld-sheet .yard-bar{background:#5a3c192e;border-radius:3px;height:6px;display:block;overflow:hidden}.ld-sheet .yard-bar i{height:100%;transition:width .35s var(--ease-out);background:linear-gradient(90deg,#6d4a22,#9b6a2c);display:block}.ld-sheet .yard-btn{cursor:pointer;color:var(--ink);font-family:var(--body);text-align:left;background:#5a3c190f;border:1px solid #5a3c1973;border-radius:3px;justify-items:start;gap:0;padding:5px 10px;display:grid}.ld-sheet .yard-btn b{font:400 16px var(--display)}.ld-sheet .yard-btn small{color:var(--ink-3);font-size:11px}.ld-sheet .yard-btn:hover:not(:disabled),.ld-sheet .yard-btn:focus:not(:disabled){color:var(--wax);border-color:var(--wax);outline:none}.ld-sheet .yard-btn:disabled{cursor:default;opacity:.5}@media (max-width:480px){.ld-sheet .yard-row{grid-template-columns:50px 1fr 40px}.ld-sheet .yard-btn{grid-column:1/-1;justify-self:stretch}}.ld-sheet .cargo.repair{grid-template-columns:auto 1fr 9.5em}.ld-sheet .cargo.repair output{white-space:nowrap;text-align:right;font-size:14px}.captain{z-index:30;font-family:var(--body);color:var(--parch);position:fixed;inset:0;overflow:hidden}.captain[hidden]{display:none}.cap-bg{pointer-events:none;background:var(--grain), repeating-linear-gradient(0deg, transparent 0 119px, #c9a24f0d 119px 120px), repeating-linear-gradient(90deg, transparent 0 119px, #c9a24f0d 119px 120px), radial-gradient(ellipse 90% 80% at 50% 40%, #181e20e6, rgba(var(--umber), .97));position:absolute;inset:0;overflow:hidden}.cap-rose{aspect-ratio:1;color:#c9a24f0f;width:720px;position:absolute;bottom:-220px;right:-180px}.cap-rose svg{width:100%;height:100%}.cap-card{inset:0 var(--gutter);grid-template-rows:auto 1fr 58px;gap:18px;padding-top:clamp(18px,4vh,40px);display:grid;position:absolute}.cap-card header{grid-template-columns:auto 1fr auto;align-items:end;gap:12px 40px;display:grid}.cap-id{gap:6px;min-width:260px;display:grid}.cap-id h2{font:400 26px/1 var(--display);color:var(--parch-2);align-items:baseline;gap:12px;margin:0;display:flex}.cap-id h2 span{background:linear-gradient(180deg, #f4dea0 10%, var(--brass) 62%, #9c7632 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:64px;line-height:.85}.cap-id p:last-child{color:var(--parch-3);font-variant-numeric:tabular-nums;margin:0;font-size:13px}.cap-card .note{max-width:460px;font:italic 15px/1.4 var(--fell);color:var(--parch-3);margin:0}.xpbar{background:#e9dcc024;height:3px;position:relative}.xpbar i{background:linear-gradient(90deg, var(--brass-lo), var(--brass-hi));height:100%;display:block;box-shadow:0 0 10px #ecd08a80}.xpbar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#e9dcc040 calc(10% - 1px) 10%);position:absolute;inset:-3px 0}.cap-card .pts{font:700 12px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--parch-3);align-items:center;gap:10px;display:flex}.cap-card .pts b{width:58px;height:58px;font:400 30px var(--display);letter-spacing:0;color:var(--parch-3);border:1px dashed #e9dcc04d;border-radius:50%;place-items:center;display:grid}.cap-card .pts.hot{color:var(--parch-2)}.cap-card .pts.hot b{color:#fbe9dc;background:radial-gradient(circle at 38% 32%, #c8483a, var(--wax) 55%, #5e1a12);border:0;box-shadow:0 0 0 3px #9b2f2259,0 6px 16px #00000080,inset 0 -3px 6px #00000059}.tree{scrollbar-width:thin;scrollbar-color:#c9a24f66 transparent;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:12px clamp(14px,2.4vw,36px);min-height:0;margin:0 -6px;padding:4px 6px 8px;display:grid;overflow-y:auto}.branch{align-content:start;display:grid}.branch h3{font:400 25px var(--display);color:var(--parch);border-bottom:1px solid #c9a24f59;justify-content:space-between;align-items:baseline;margin:0;padding-bottom:4px;display:flex}.branch h3 small{font:700 15px var(--body);color:var(--parch-3)}.branch h3 small.on{color:var(--brass-hi)}.branch .lema{font:italic 15px var(--fell);color:var(--parch-3);margin:4px 0 10px}.node{cursor:pointer;color:var(--parch);text-align:left;font-family:var(--body);background:0 0;border:0;border-radius:2px;outline:none;grid-template-columns:34px 1fr;gap:2px 12px;padding:6px 8px 7px 0;transition:background .25s;display:grid;position:relative}.node .med{width:34px;height:34px;font:400 14px var(--display);color:var(--parch-3);background:rgba(var(--umber), .6);transition:transform .3s var(--ease-out), box-shadow .3s;border:1px solid #e9dcc04d;border-radius:50%;grid-row:span 2;align-self:start;place-items:center;display:grid}.node .nt{justify-content:space-between;align-items:center;gap:8px;display:flex}.node b{font:700 15px/1.2 var(--body)}.node small{color:var(--parch-3);font-size:13px;line-height:1.35}.node small em{color:var(--brass-hi);font-style:normal}.node.has .med{color:#24170b;background:linear-gradient(180deg, #e7c878, var(--brass) 55%, #a57f36);border-color:#f1d58f}.node.has b{color:var(--brass-hi)}.node.cap .med{box-shadow:0 0 0 3px rgba(var(--umber), 1), 0 0 0 4px #c9a24f8c}.node.locked{opacity:.38}.node.locked .med{border-style:dashed}.node[aria-disabled=true]{cursor:default}.node:hover,.node:focus{background:linear-gradient(90deg,#c9a24f29,#0000 85%)}.node:focus .med,.node:hover .med{transform:scale(1.08);box-shadow:0 0 0 3px #ecd08a59}.node.can:focus .med,.node.can:hover .med{box-shadow:0 0 0 3px #ecd08a73,0 0 16px #ecd08a80}.node.cap.has .med{box-shadow:0 0 0 3px rgba(var(--umber), 1), 0 0 0 4px var(--brass-hi), 0 0 18px #ecd08a73}.pips{flex:none;gap:4px;display:flex}.pips i{border:1px solid #e9dcc059;width:8px;height:8px;transform:rotate(45deg)}.pips i.on{background:var(--brass-hi);border-color:var(--brass-hi);box-shadow:0 0 6px #ecd08a99}.link{background:#e9dcc038;width:1px;height:10px;margin-left:17px;display:block}.node.has+.link{background:var(--brass)}.cap-card footer{border-top:1px solid #c9a24f2e;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.cap-acts{align-items:center;gap:26px;display:flex}.cap-acts .plaque{padding:7px 26px 6px;font-size:20px}@media (max-width:1000px){.cap-card header{grid-template-columns:1fr auto}.cap-card .note{grid-area:2/1/auto/-1}.tree{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.cap-card{grid-template-rows:auto 1fr auto;gap:12px;padding-top:18px;inset:0 16px}.cap-id{min-width:0}.cap-id h2 span{font-size:50px}.tree{scrollbar-width:none;grid-template-columns:1fr}.cap-card footer{padding:10px 0 14px}.cap-card footer .hints{display:none}.cap-acts{justify-content:space-between;width:100%}}.tutorial{z-index:12;font-family:var(--body);align-content:center;place-items:center;gap:14px;padding:16px;display:grid;position:fixed;inset:0}.tutorial[hidden]{display:none}.tu-sheet{scrollbar-width:none;width:min(860px,100%);max-height:calc(100vh - 80px);animation:ui-sheet .6s var(--ease-out) both;grid-template-columns:220px 1fr;grid-template-areas:"art body""foot foot";gap:14px 30px;padding:28px 34px 20px;display:grid;position:relative;overflow-y:auto}.tu-sheet::-webkit-scrollbar{display:none}.tu-art{color:var(--ink-2);grid-area:art;align-self:start;padding-top:26px}.tu-art svg{width:100%;height:auto;display:block}.tu-art .svg-note{font:italic 11px var(--fell);fill:var(--ink-2)}.tu-body{grid-area:body;align-content:start;gap:12px;min-width:0;display:grid}.tu-body h2{font:400 clamp(32px, 4.5vw, 44px)/1 var(--display);color:var(--ink);margin:-4px 0 0}.tu-body h2:after{content:"";background:linear-gradient(90deg, var(--wax), #9b2f2266 50%, transparent);width:200px;height:1px;margin-top:12px;display:block}.tu-list{gap:11px;margin:0;padding:0;list-style:none;display:grid}.tu-list li{color:var(--ink-2);grid-template-columns:92px 1fr;align-items:baseline;gap:12px;font-size:15px;line-height:1.45;display:grid}.tu-list b{color:var(--ink)}.tu-list .keys{justify-content:flex-end;gap:4px;display:flex}.tu-list .keys.glyph{color:var(--wax);font-size:18px}.tu-sheet kbd{font-size:11px}.tu-sheet kbd.wide{padding-inline:7px}.tu-ammo{border-top:1px solid #5a3c1940;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0 2px;display:grid}.tu-ammo>div{justify-items:start;gap:4px;display:grid}.tu-ammo svg{width:26px;height:26px;color:var(--ink)}.tu-ammo b{font:400 18px var(--display);color:var(--ink);align-items:center;gap:6px;display:flex}.tu-ammo small{color:var(--ink-2);font-size:13px;line-height:1.35}.tu-note{font:italic 15px var(--fell);color:var(--ink-2);margin:0}.tu-foot{border-top:1px solid #5a3c1940;grid-area:foot;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:14px;display:grid}.tu-skip{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.tu-skip input{accent-color:var(--wax);width:16px;height:16px;margin:0}.tu-dots{gap:8px;display:flex}.tu-dot{all:unset;cursor:pointer;background:#5a3c194d;width:10px;height:10px;transition:background .2s,transform .2s;transform:rotate(45deg)scale(.8)}.tu-dot.on{background:var(--wax);transform:rotate(45deg)scale(1)}.tu-dot:focus-visible{outline:2px solid var(--wax);outline-offset:3px}.tu-acts{justify-content:flex-end;gap:10px;display:flex}.tu-btn{cursor:pointer;font:400 17px var(--display);color:var(--ink);background:#5a3c190f;border:1px solid #5a3c1973;border-radius:3px;padding:8px 16px}.tu-btn:hover,.tu-btn:focus{color:var(--wax);border-color:var(--wax);outline:none}.tu-btn.go{color:#f6e7c8;background:linear-gradient(#b43a2a,#8a2619);border-color:#5e170e;box-shadow:0 2px #00000040}.tu-btn.go:hover,.tu-btn.go:focus{color:#fff;box-shadow:0 0 0 3px #9b2f2240,0 2px #00000040}@media (max-width:720px){.tu-sheet{grid-template-columns:1fr;grid-template-areas:"body""foot";padding:22px 20px 16px}.tu-art{display:none}.tu-list li{grid-template-columns:70px 1fr}.tu-ammo{grid-template-columns:1fr}.tu-foot{grid-template-columns:1fr;justify-items:center}.tu-acts{justify-content:center}}.pause{z-index:25;font-family:var(--body);color:var(--parch);position:fixed;inset:0;overflow:hidden}.pause[hidden]{display:none}.ps-scrim{pointer-events:none;background:var(--grain), linear-gradient(90deg, rgba(var(--umber), .93) 0, rgba(var(--umber), .8) 34%, rgba(var(--umber), .6) 62%, rgba(var(--umber), .45) 100%), linear-gradient(0deg, rgba(var(--umber), .6), transparent 25%);position:absolute;inset:0}.ps-wrap{left:var(--gutter);right:var(--gutter);align-items:center;gap:clamp(32px,7vw,110px);display:flex;position:absolute;top:0;bottom:58px}.ps-main{gap:22px;width:min(470px,100%);display:grid}.ps-head{gap:8px;display:grid}.ps-head h2{font:400 clamp(56px, 7vw, 88px)/.9 var(--display);background:linear-gradient(180deg, #f4dea0 10%, var(--brass) 62%, #9c7632 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 14px #00000080);-webkit-background-clip:text;background-clip:text;margin:0}.ps-head .note{font:italic 16px var(--fell);color:#f0a878;margin:4px 0 0}.ps-menu{gap:1px;margin-left:-34px;display:grid}.ps-settings{border-left:1px solid #c9a24f38;gap:14px;width:min(320px,100%);padding-left:30px;display:grid}.ps-settings .kicker{color:var(--parch-3)}.vols{color:var(--parch-2);grid-template-columns:auto 1fr 2.2em;align-items:center;gap:14px;font-size:15px;display:grid}.vols label{font:400 19px var(--display);color:var(--parch);display:grid}.vols label small{font:italic 13px var(--fell);color:var(--parch-3)}.vols output{font:700 13px var(--body);color:var(--brass-hi);text-align:right;font-variant-numeric:tabular-nums}.vols .switch{justify-self:start}.note-dim{font:italic 14px var(--fell);color:var(--parch-3);margin:0}.ps-ctl{flex-direction:column;justify-content:center;align-items:flex-start;gap:22px}.ps-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;width:min(1080px,100%);margin:0;display:grid}.ps-keys>div{border-bottom:1px solid #c9a24f24;grid-template-columns:190px 1fr;align-items:baseline;gap:16px;padding:8px 0;display:grid}.ps-keys dt{text-align:right;white-space:nowrap}.ps-keys dt kbd{margin:0 1px;font-size:12px}.ps-keys dt i{font:italic 13px var(--fell);color:var(--parch-3);margin:0 3px}.ps-keys dt span{font:italic 15px var(--fell);color:var(--brass-hi)}.ps-keys dd{color:var(--parch-2);margin:0;font-size:15px}.ps-foot{left:var(--gutter);right:var(--gutter);border-top:1px solid #c9a24f2e;align-items:center;height:58px;display:flex;position:absolute;bottom:0}@media (max-width:900px){.ps-wrap{scrollbar-width:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:26px;padding:28px 16px;position:absolute;inset:0 0 58px;overflow-y:auto}.ps-wrap::-webkit-scrollbar{display:none}.ps-scrim{background:var(--grain), linear-gradient(180deg, rgba(var(--umber), .88), rgba(var(--umber), .94))}.ps-settings{border-top:1px solid #c9a24f38;border-left:0;padding-top:18px;padding-left:0}.ps-menu{margin-left:0}.mi{padding-left:30px}.ps-keys{grid-template-columns:1fr}.ps-keys>div{grid-template-columns:1fr;gap:2px}.ps-keys dt{text-align:left}.ps-foot{left:16px;right:16px}}