@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap";:root{--pk-font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--pk-paper:#fbfcfd;--pk-grid:#e9eef3;--pk-grid-size:16px;--pk-ink:#111;--pk-ink-soft:#5f6b77;--pk-rule:#e3e3e3;--pk-surface:#fff;--pk-wash:#ececec;--pk-on-ink:#fff;--pk-border:2px;--pk-radius:6px;--pk-chip-radius:4px;--pk-red:#d7263d;--pk-red-ink:#fff;--pk-orange:#f26b1d;--pk-orange-ink:#111;--pk-yellow:#f2b705;--pk-yellow-ink:#111;--pk-green:#1f9d55;--pk-green-ink:#fff;--pk-teal:#0e8f8f;--pk-teal-ink:#fff;--pk-blue:#1b4dd8;--pk-blue-ink:#fff;--pk-purple:#7b3fe4;--pk-purple-ink:#fff;--pk-pink:#e8559a;--pk-pink-ink:#111;--pk-brown:#8b5a2b;--pk-brown-ink:#fff;--pk-gray:#8a8f98;--pk-gray-ink:#111;--pk-black:#111;--pk-black-ink:#fff;--pk-white:#fff;--pk-white-ink:#111;--pk-player-1:var(--pk-blue);--pk-player-1-ink:var(--pk-blue-ink);--pk-player-2:var(--pk-red);--pk-player-2-ink:var(--pk-red-ink);--pk-player-3:var(--pk-yellow);--pk-player-3-ink:var(--pk-yellow-ink);--pk-player-4:var(--pk-green);--pk-player-4-ink:var(--pk-green-ink);--pk-player-5:var(--pk-purple);--pk-player-5-ink:var(--pk-purple-ink);--pk-player-6:var(--pk-orange);--pk-player-6-ink:var(--pk-orange-ink);--pk-player-7:var(--pk-black);--pk-player-7-ink:var(--pk-black-ink);--pk-player-8:var(--pk-white);--pk-player-8-ink:var(--pk-white-ink)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--pk-paper);color:var(--pk-ink);font-family:var(--pk-font);margin:0;font-size:15px;line-height:1.45}pk-sheet{display:block;min-height:100dvh}#app{padding:0 16px calc(32px + env(safe-area-inset-bottom));max-width:1240px;margin:0 auto}#feedback::part(link){display:none}a{color:inherit}h1,h2,p{margin:0}.soft{color:var(--pk-ink-soft)}.lbl{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.topbar{display:flex;position:sticky;z-index:5;background:var(--pk-paper);border-bottom:var(--pk-border)solid var(--pk-ink);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px;margin-bottom:16px;padding:12px 0;top:0}.brand{display:flex;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;align-items: center;gap:8px;font-weight:800}.mark{background:var(--pk-ink);color:var(--pk-on-ink);border-radius:var(--pk-chip-radius);padding:3px 6px;font-size:12px}.topbar nav{display:flex;flex-wrap:wrap;gap:6px}.panel{background:var(--pk-surface);border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);overflow:hidden;margin-bottom:16px}.bar{background:var(--pk-ink);color:var(--pk-on-ink);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items: center;gap:8px;padding:7px 12px;font-size:12px;font-weight:800}.bar .right{opacity:.8;margin-left:auto}.pad{padding:12px}.stack{display:grid;gap:10px}.pad p+p{margin-top:8px}.btn{font:inherit;letter-spacing:.04em;text-transform:uppercase;border:var(--pk-border)solid var(--pk-ink);background:var(--pk-ink);color:var(--pk-on-ink);border-radius:var(--pk-radius);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items: center;gap:6px;min-height:40px;padding:9px 14px;font-size:13px;font-weight:800}.btn.ghost{background:var(--pk-surface);color:var(--pk-ink)}.btn.sm{min-height:32px;padding:4px 10px;font-size:11px}.btn.big{width:100%;min-height:52px;font-size:15px}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--pk-blue);outline-offset:2px}.pick:focus-visible{outline:3px solid var(--pk-blue);outline-offset:2px}.seg button:focus-visible{outline:3px solid var(--pk-blue);outline-offset:2px}.seg{display:flex;border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);overflow:hidden;flex-wrap:wrap}.seg button{font:inherit;background:var(--pk-surface);color:var(--pk-ink);border:0;border-left:var(--pk-border)solid var(--pk-ink);cursor:pointer;flex:auto;min-height:40px;padding:9px 10px;font-size:13px;font-weight:600}.seg button:first-child{border-left:0}.seg button.on{background:var(--pk-ink);color:var(--pk-on-ink);font-weight:800}.tag{display:inline-block;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--pk-ink);background:var(--pk-surface);color:var(--pk-ink);vertical-align:middle;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:800}.tag.warn{background:var(--pk-red);color:var(--pk-red-ink);border-color:var(--pk-red)}.bar .tag{border-color:var(--pk-on-ink)}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px}.error{color:var(--pk-red);margin-top:8px;font-weight:600}.hero{padding:8px 0 20px}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--pk-ink-soft);font-size:11px;font-weight:800}.hero h1{letter-spacing:-.02em;text-transform:uppercase;margin:6px 0 10px;font-size:clamp(40px,11vw,72px);font-weight:800;line-height:1}.lede{max-width:56ch;font-size:17px}.menu{display:grid;gap:0 16px}.join{display:flex;gap:8px}.join input{font:inherit;letter-spacing:.2em;text-transform:uppercase;border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);background:var(--pk-surface);flex:1;min-width:0;padding:8px 10px;font-weight:800}.foot{text-align:center;padding:12px 0;font-size:12px}.game{display:grid;gap:0 16px}.youare{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:10px;font-weight:800}.chart{display:block;width:100%;height:auto}.chart .hx{fill:var(--pk-surface);stroke:var(--pk-grid);stroke-width:1.5}.chart .hx.rock{fill:var(--pk-ink);stroke:var(--pk-ink)}.chart .hx.port{fill:var(--pk-green);stroke:var(--pk-ink);stroke-width:2}.chart .hx-label{font:800 8px var(--pk-font);letter-spacing:.08em;fill:var(--pk-green-ink);text-anchor:middle;pointer-events:none}.chart .rock-label{fill:var(--pk-on-ink);font-size:10px}.chart .trail{fill:none;stroke:var(--pk-blue);stroke-width:2;stroke-dasharray:4 3;opacity:.6}.chart .ship path{fill:var(--pk-player-1);stroke:var(--pk-ink);stroke-width:1.5}.chart .current text{font:800 7px var(--pk-font);letter-spacing:.1em;fill:var(--pk-ink-soft)}.chart .current path{fill:var(--pk-ink-soft)}.gauges{display:grid;gap:10px;margin-top:10px}.facts{display:flex;flex-wrap:wrap;align-items: center;gap:8px;font-size:13px}.timeline{list-style:none;display:grid;gap:0;margin:0;padding:0}.party{display:grid;grid-template-columns:1fr auto;grid-template-areas:"who mo" "cells cells";border-top:1px solid var(--pk-rule);gap:4px 8px;padding:8px 0}.party:first-child{border-top:0}.party.me{background:linear-gradient(90deg,color-mix(in srgb,var(--pk-player-1)8%,transparent),transparent);margin:0 -12px;padding:8px 12px}.party .who{grid-area:who;display:flex;flex-wrap:wrap;align-items: center;gap:6px;font-size:13px}.party .mo{grid-area:mo;letter-spacing:.08em;color:var(--pk-ink-soft);font-size:11px;font-weight:800}.party .mo b{color:var(--pk-ink);margin-left:3px;font-size:16px}.party .cells{grid-area:cells;display:flex;flex-wrap:wrap;align-items: center;gap:6px;min-height:22px}.waking{color:var(--pk-ink-soft);font-size:12px;font-style:italic}.more{color:var(--pk-ink-soft);font-weight:800}.builder .fc{display:grid;grid-template-columns:64px 1fr;overflow-x:auto;align-items: end;gap:8px;margin-bottom:8px}.builder .fc .lbl{padding-bottom:18px}.picks{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.pick{font:inherit;text-align:left;display:flex;background:var(--pk-surface);border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);cursor:pointer;color:var(--pk-ink);align-items: center;gap:10px;min-height:48px;padding:6px 10px}.pick:active{transform:translateY(1px)}.pick span{display:grid}.pick b{font-size:14px}.pick small{color:var(--pk-ink-soft);font-size:12px;line-height:1.3}.pick.off{border-style:dashed}.pick:disabled{opacity:.35;cursor:not-allowed}.builder.idle p{font-size:14px}.log ol{list-style:none;display:grid;overflow-y:auto;gap:10px;max-height:360px;margin:0;padding:0}.log li li{font-size:13px}.log ul{margin:4px 0 0;padding-left:18px}.bellhead{display:flex;align-items: center;gap:10px;font-size:13px}.end.won .bar{background:var(--pk-green);color:var(--pk-green-ink)}.end.lost .bar{background:var(--pk-red);color:var(--pk-red-ink)}.seats{list-style:none;display:grid;gap:6px;margin:0;padding:0}.seats li{display:flex;border-top:1px solid var(--pk-rule);justify-content:space-between;align-items: center;gap:8px;padding-top:6px}.page-head{display:flex;align-items: center;gap:12px;margin-bottom:16px}.page-head h1{text-transform:uppercase;font-size:28px;font-weight:800}.howto{max-width:860px}.defs{list-style:none;display:grid;gap:8px;margin:8px 0 0;padding:0}.defs li{display:flex;align-items: flex-start;gap:10px;font-size:14px}.roles{display:grid;gap:0 16px}@media (min-width:760px){.menu{grid-template-columns:repeat(3,1fr);align-items: start}.roles,.picks{grid-template-columns:1fr 1fr}}@media (min-width:980px){.game{grid-template-columns:minmax(0,1.1fr)minmax(0,1fr);align-items: start}.col-a{position:sticky;top:72px}}@media (max-width:420px){.topbar nav .btn.sm{padding:4px 8px}.builder .fc{grid-template-columns:44px 1fr}}