@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,body{min-height:100%;margin:0}body{font-family:var(--pk-font);color:var(--pk-ink);background-color:var(--pk-paper);background-image:linear-gradient(var(--pk-grid)1px,transparent 1px),linear-gradient(90deg,var(--pk-grid)1px,transparent 1px);background-size:var(--pk-grid-size)var(--pk-grid-size);-webkit-tap-highlight-color:transparent}main{max-width:560px;margin:0 auto;padding:0 12px 40px}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800}.muted{color:var(--pk-ink-soft)}.bar{position:sticky;z-index:5;display:flex;background:var(--pk-ink);color:var(--pk-on-ink);justify-content:space-between;align-items: center;gap:8px;margin:0 0 12px;padding:10px max(12px,50% - 268px);top:0}.brand{letter-spacing:.04em;text-decoration:none;font-weight:800}.bar nav{display:flex;align-items: center;gap:12px;font-size:13px;font-weight:600}.bar nav a{text-decoration:none;opacity:.85}.bar pk-feedback::part(link){color:var(--pk-on-ink);opacity:.85;padding:0}.bar nav a:hover{opacity:1;text-decoration:underline}.card{background:var(--pk-surface);border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);overflow:hidden;margin-bottom:12px}.card>h2,.card>h3{background:var(--pk-ink);color:var(--pk-on-ink);padding:8px 12px;font-size:15px}.card .body{padding:12px}.card p{margin:0 0 10px;line-height:1.45}.card p:last-child{margin-bottom:0}.btn{display:inline-flex;border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);background:var(--pk-surface);cursor:pointer;text-decoration:none;justify-content:center;align-items: center;gap:6px;min-height:44px;padding:0 16px;font-weight:800}.btn.go{background:var(--pk-ink);color:var(--pk-on-ink)}.btn.ghost{background:0 0}.btn:disabled{opacity:.35;cursor:default}.btn.wide{width:100%}.row{display:flex;flex-wrap:wrap;gap:8px}.row>*{flex:1}input,textarea,select{font:inherit;border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-chip-radius);background:var(--pk-surface);width:100%;padding:10px}label{display:block;margin:0 0 4px;font-size:13px;font-weight:600}.field{margin-bottom:10px}.hero{padding:18px 0 8px}.hero h1{font-size:40px;line-height:1}.hero p{color:var(--pk-ink-soft);margin:8px 0 0}.mode{display:grid;gap:8px}.score{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 10px;padding:0}.score li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;background:var(--pk-surface);border:var(--pk-border)solid var(--pk-rule);border-radius:var(--pk-radius);align-items: center;column-gap:6px;min-width:0;padding:6px}.score li.me{border-color:var(--pk-ink)}.score .pawn{grid-row:span 2;transform:scale(.8)}.score .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:600}.score .rk{font-size:18px;line-height:1}.score small{grid-column:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pk-ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.turnline{display:flex;color:var(--pk-ink-soft);justify-content:space-between;align-items:baseline;margin:2px 0 8px;font-size:13px}.turnline b{color:var(--pk-ink);font-size:15px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.dist{position:relative;display:flex;aspect-ratio:1/.72;text-align:left;background:var(--pk-surface);border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);cursor:default;flex-direction:column;justify-content:space-between;gap:4px;padding:6px}.dist:disabled{color:inherit}.dist.pick{cursor:pointer}.dist.pick:hover{background:var(--pk-wash)}.dist.dim{opacity:.45;cursor:pointer}.dist.sel{outline:3px solid var(--pk-orange);outline-offset:1px}.dist.flash{animation:.6s ease-out flash}@keyframes flash{0%{background:var(--pk-yellow)}to{background:var(--pk-surface)}}.dn{display:flex;letter-spacing:-.01em;align-items: center;gap:4px;font-size:11px;font-weight:800;line-height:1.1}.home{display:inline-block;border:1.5px solid var(--pk-ink);border-radius:50%;flex:none;width:8px;height:8px}.crews{display:flex;flex-wrap:wrap;gap:3px;min-height:22px}.crew{position:relative;display:inline-grid;border:2px solid var(--pk-ink);background:var(--seat);color:var(--seat-ink);border-radius:50%;place-items: center;width:22px;height:22px;font-size:11px;font-weight:800}.crew .j{position:absolute;border:1.5px solid var(--pk-ink);border-radius:2px;width:10px;height:10px;bottom:-4px;right:-4px}.slots{display:flex;gap:3px}.lines-wrap{overflow-x:auto;background:var(--pk-surface);border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);margin-bottom:10px}.lines{display:grid;min-width:330px}.lr{display:grid;grid-template-columns:62px repeat(7,1fr);border-bottom:1px solid var(--pk-rule);align-items: center}.lr:last-child{border-bottom:0}.lr.head{background:var(--pk-ink);color:var(--pk-on-ink);font-size:10px;font-weight:800}.lr.me{background:var(--pk-wash)}.th{text-align:center;padding:4px 0}.th.now{background:var(--pk-orange);color:var(--pk-orange-ink)}.who{display:flex;overflow:hidden;align-items: center;gap:2px;padding-left:2px;font-size:11px;font-weight:600}.who .pawn{margin:-6px -5px;transform:scale(.6)}.td{display:grid;justify-items:center;gap:1px;padding:4px 0 3px}.td small{color:var(--pk-ink-soft);white-space:nowrap;height:9px;font-size:8px;font-weight:600}.build{background:var(--pk-surface);border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);overflow:hidden;margin-bottom:10px}.build-head{display:flex;background:var(--pk-ink);color:var(--pk-on-ink);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 10px}.build-head span{opacity:.85;text-align:right;font-size:11px}.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 10px 0}.job{display:grid;border:var(--pk-border)solid var(--pk-rule);border-radius:var(--pk-radius);background:var(--pk-surface);cursor:pointer;text-align:center;justify-items:center;gap:4px;padding:8px 4px}.job span{display:grid}.job small{color:var(--pk-ink-soft);font-size:10px;line-height:1.2}.job.on{border-color:var(--pk-ink);box-shadow:inset 0 0 0 1px var(--pk-ink)}.hint{color:var(--pk-ink-soft);min-height:1.2em;margin:8px 10px;font-size:13px}.targets{border:var(--pk-border)dashed var(--pk-orange);border-radius:var(--pk-radius);display:flex;flex-wrap:wrap;align-items: center;gap:6px;margin:0 10px 8px;padding:8px}.targets p{width:100%;margin:0;font-size:13px;font-weight:800}.tgt{display:flex;border:var(--pk-border)solid var(--pk-ink);border-radius:var(--pk-radius);background:var(--pk-surface);cursor:pointer;align-items: center;gap:4px;padding:4px 8px 4px 4px;font-size:13px;font-weight:600}.tgt .pawn{margin:-6px -4px;transform:scale(.6)}.tgt small{color:var(--pk-ink-soft)}.tgt.cancel{padding:4px 10px}.actions{display:grid;grid-template-columns:1fr 1fr 2fr;gap:6px;padding:0 10px 10px}.waiting{text-align:center;background:var(--pk-surface);border:var(--pk-border)dashed var(--pk-ink);border-radius:var(--pk-radius);margin-bottom:10px;padding:12px;font-weight:600}.log{font-size:13px}.lt{margin-bottom:8px}.lt b{display:block;text-transform:uppercase;letter-spacing:.06em;color:var(--pk-ink-soft);margin-bottom:4px;font-size:11px}.lt ul{list-style:none;display:grid;gap:4px;margin:0;padding:0}.lt li{display:flex;align-items: center;gap:6px}.end{background:var(--pk-ink);color:var(--pk-on-ink);border-radius:var(--pk-radius);margin-bottom:10px;padding:14px}.end h2{margin-bottom:8px;font-size:24px}.end ol{list-style:none;display:grid;gap:4px;margin:0 0 12px;padding:0}.end li{display:flex;align-items: center;gap:6px}.end .pawn{margin:-6px -4px;transform:scale(.6)}.end .btn{border-color:var(--pk-on-ink)}.how .chips{display:flex;flex-wrap:wrap;align-items: center;gap:6px;margin:6px 0}.how ol,.how ul{margin:0;padding-left:20px;line-height:1.5}.how table{border-collapse:collapse;width:100%;font-size:13px}.how td,.how th{border-bottom:1px solid var(--pk-rule);text-align:left;vertical-align:middle;padding:6px 4px}.roomcode{letter-spacing:.2em;text-align:center;border:var(--pk-border)dashed var(--pk-ink);border-radius:var(--pk-radius);margin:0 0 10px;padding:8px;font-size:34px;font-weight:800}.seats{list-style:none;display:grid;gap:6px;margin:0 0 10px;padding:0}.seats li{display:flex;align-items: center;gap:8px;font-weight:600}.seats .pawn{transform:scale(.7)}.err{color:var(--pk-red);font-size:13px;font-weight:600}.toast{position:fixed;background:var(--pk-ink);color:var(--pk-on-ink);border-radius:var(--pk-radius);z-index:20;padding:10px 14px;font-size:14px;font-weight:600;bottom:16px;left:50%;transform:translate(-50%)}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--pk-ink-soft);margin:14px 0 6px;font-size:11px;font-weight:800}button.linkish{text-decoration:underline;cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:0;padding:0}