:root{color-scheme:dark;--bg: #14171c;--card: #1f242c;--key: #2a313b;--line: #3a4350;--press: #46505e;--text: #eef1f4;--muted: #a3adba;--go: #1b7f55;--on: #1d3a30;--bad: #f07070;--r: .65rem;--gap: .375rem;--m: .5rem}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: #f3f4f6;--card: #fff;--key: #e6e9ee;--line: #c9d0d9;--press: #d2d8e0;--text: #15191e;--muted: #556170;--go: #13784f;--on: #def3e9;--bad: #c42b2b}}*{box-sizing:border-box;margin:0}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font:1rem/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{height:100vh;height:100dvh;max-width:72rem;margin:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{height:100%;outline:none}h1{font-size:1.6rem}button,input{font:inherit;color:inherit;border:1px solid var(--line);border-radius:var(--r)}button{background:var(--key);min-height:44px;min-width:44px;padding:0 1rem;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:active:not(:disabled){background:var(--press)}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:2px solid var(--go);outline-offset:2px}.screen:focus-visible{outline:none}input:focus-visible{outline-offset:-1px}.primary{background:var(--go);border-color:var(--go);color:#fff;font-weight:600}.primary:active:not(:disabled){background:var(--go);filter:brightness(1.15)}.danger{background:var(--bad);border-color:var(--bad);color:var(--bg)}.quiet{background:none;border-color:transparent;color:var(--muted)}.muted{color:var(--muted)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.setup,.finished{display:flex;flex-direction:column;gap:.75rem;max-width:30rem;margin:auto;padding:1rem;overflow-y:auto}.add{display:flex;gap:.5rem}input{flex:1;min-width:0;min-height:48px;padding:0 .8rem;background:var(--card);font-size:max(16px,1rem)}::placeholder{color:var(--muted)}.msg{color:var(--bad);min-height:1.35em;margin-top:-.4rem;font-size:.9rem}.roster,.ranking,.board{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap)}.roster li,.ranking li{display:flex;align-items:center;gap:var(--gap);background:var(--card);border-radius:var(--r);padding:.3rem .3rem .3rem .8rem}.roster .pname,.ranking .pname{flex:1}.roster .pname{white-space:normal;overflow-wrap:anywhere}.roster button{padding:0}.roster li{padding-left:0}.roster .pos{align-self:stretch;display:flex;align-items:center;gap:.4rem;padding:0 .5rem 0 .7rem;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.roster .pos:before{content:"";width:9px;height:14px;background:radial-gradient(circle,var(--muted) 1.2px,#0000 1.7px) 0 0 / 5px 5px}.roster .drag{outline:2px solid var(--go);background:var(--key)}.pos,.ranking li:before{color:var(--muted);min-width:1.4em;font-variant-numeric:tabular-nums}.about ol{padding-left:1.3rem;display:grid;gap:.3rem}.setup .doc{margin:1rem 0 0;padding:0}.setup>.legal{margin-top:auto;padding-top:1rem}.stack{position:sticky;bottom:0;margin-top:auto}.setup>.primary{min-height:56px;font-size:1.15rem}.finished{text-align:center;padding-top:2rem}.finished h1{font-size:2.2rem;color:var(--go)}.ranking{counter-reset:r;text-align:left}.ranking li{padding:.7rem .9rem;font-size:1.1rem;counter-increment:r}.ranking li:before{content:counter(r)}.ranking li:first-child{outline:2px solid var(--go)}.ranking b{min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}.ranking .tally{display:flex;gap:.8em;margin:0 .5rem;font-size:.9rem}.ranking .died,.ranking .kills{display:inline-flex;align-items:center;gap:.25em}.stack{display:grid;gap:.5rem;padding-top:.75rem;background:var(--bg)}.stack button{min-height:52px}@media(min-aspect-ratio:1/1)and (max-height:500px){.finished{display:grid;max-width:52rem;padding:.75rem 1rem;gap:.5rem 1.5rem;overflow:hidden;grid-template:"title actions" auto "ranking actions" minmax(0,1fr) "ranking legal" auto / minmax(0,1fr) minmax(12rem,16rem)}.finished h1{grid-area:title;font-size:1.5rem}.finished .ranking{grid-area:ranking;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding:2px}.finished .ranking li{padding:.45rem .8rem;font-size:1rem}.finished .stack{grid-area:actions;align-self:center;position:static;margin:0;padding:0}.finished .stack button{min-height:44px}.finished>.legal{grid-area:legal}}.game{display:grid;padding:.5rem;grid-template:"bar" auto "ad" auto "board" minmax(0,1fr) "pad" auto / minmax(0,1fr);--k: clamp(44px, 7dvh, 68px)}.bar{grid-area:bar;display:flex;align-items:center;gap:.75rem;margin-bottom:var(--m)}.turn{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0}.left{flex:none;display:flex}.dart,.skull,.crosshair{flex:none;display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;background:currentColor;-webkit-mask:var(--i) center / contain no-repeat;mask:var(--i) center / contain no-repeat}.skull{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 1C4.4 1 2 3.5 2 6.8c0 1.8.8 3.2 2 4.1V13a1 1 0 0 0 1 1h1v-1.5h1V14h2v-1.5h1V14h1a1 1 0 0 0 1-1v-2.1c1.2-.9 2-2.3 2-4.1C14 3.5 11.6 1 8 1zM5.6 5.4a1.7 1.7 0 1 0 0 3.4 1.7 1.7 0 0 0 0-3.4zm4.8 0a1.7 1.7 0 1 0 0 3.4 1.7 1.7 0 0 0 0-3.4zM8 9.2l-.9 1.6h1.8z'/%3E%3C/svg%3E")}.crosshair{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='5'/%3E%3Cpath d='M8 0v5M8 11v5M0 8h5M11 8h5'/%3E%3Ccircle cx='8' cy='8' r='1' fill='%23000'/%3E%3C/svg%3E")}.dart{--i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18'%3E%3Cpath transform='rotate(-45 12 12)' d='M0 12l7-1.2v2.4zM8.5 10h4a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-4A1.5 1.5 0 0 1 7 12.5v-1A1.5 1.5 0 0 1 8.5 10zM14 11.2h4v1.6h-4zM17 12l3-5h4l-2 5 2 5h-4z'/%3E%3C/svg%3E");font-size:1.2rem}.dart.used{opacity:.25}.turn>.pname{min-width:2.5em}.tip{flex:none;max-width:55%;margin-left:auto;display:flex;align-items:center;gap:.3rem;padding:.25rem .7rem;border-radius:2rem;background:var(--card);font-size:.9rem}.tip .pname{font-weight:400;color:var(--muted)}.ad{grid-area:ad;height:50px;margin-bottom:var(--m);overflow:hidden;text-align:center}.board{grid-area:board;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(2.1rem,clamp(9.5rem,22dvh,14rem));align-content:start;overflow-y:auto;overscroll-behavior:contain;margin-bottom:var(--m)}.board.few{grid-template-columns:minmax(0,1fr)}.card{container-type:size;overflow:hidden;display:grid;align-items:center;grid-template:". tally score" 1fr "name tally score" auto "stats tally score" auto "need tally score" auto "slots tally score" auto ". tally score" 1fr / minmax(0,1fr) auto auto;padding:0 .8rem;background:var(--card);border:2px solid transparent;border-radius:var(--r)}.card.on{border-color:var(--go);background:var(--on)}.card .pname{grid-area:name;font-size:clamp(.8rem,min(20cqh,6.2cqw),1.6rem);line-height:1.15}.tally{grid-area:tally;display:grid;grid-template-columns:auto minmax(1.2ch,auto);align-items:center;gap:.35em .3em;margin:0 .25rem 0 .75rem;font-size:clamp(.75rem,min(16cqh,7cqw),1.25rem);line-height:1;font-weight:600;font-variant-numeric:tabular-nums}.died,.kills{display:contents}.tally .skull,.tally .crosshair{width:1em;height:1em}.died{color:color-mix(in srgb,var(--bad) 65%,var(--muted))}.kills{color:color-mix(in srgb,var(--go) 55%,var(--text))}.score{grid-area:score;margin-left:.5rem;font-size:clamp(1.3rem,min(62cqh,26cqw),6.5rem);line-height:1;text-box:trim-both cap alphabetic;text-align:right;font-variant-numeric:tabular-nums}.need,.slots{font-size:clamp(.7rem,min(12cqh,7cqw),1rem)}.need{grid-area:need;margin-top:.2em;color:var(--muted);white-space:nowrap}.slots{grid-area:slots;display:flex;gap:.25rem;margin-top:.5em}.slots span{min-width:2.4em;padding:0 .3rem;border-radius:.3rem;background:var(--key);text-align:center;font-variant-numeric:tabular-nums}.slots span:empty:before{content:"\b7" / "";color:var(--muted)}@container (width >= 20rem){.score{min-width:3ch}}@container (width < 20rem){.tally{grid-area:stats;display:flex;gap:.8em;margin:.15rem 0 0}.died,.kills{display:inline-flex;align-items:center;gap:.25em}.slots{grid-column:1 / -1}.score{grid-row:1 / 5}}@container (max-height: 5rem){.need{display:none}}@container (max-height: 3.4rem){.slots{display:none}}.pad{grid-area:pad;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:var(--k);gap:var(--gap)}.pad button{min-height:0;min-width:0;padding:0;font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.pad .wide{grid-column:span 2}.pad button.typed:not(:disabled){background:var(--press)}.pad .undo,.pad [data-seg="0"],.pad .mod{font-size:1rem}.pad .undo{color:var(--muted)}.pad .mod[aria-pressed=true]{background:var(--go);border-color:var(--go);color:#fff}.pad:is([data-m="2"],[data-m="3"]) [data-seg]:not([data-seg="0"]):not(:disabled){border-color:color-mix(in srgb,var(--go) 60%,var(--text))}.toast{position:fixed;top:calc(env(safe-area-inset-top) + 3.5rem);left:50%;transform:translate(-50%);z-index:1;width:max-content;max-width:calc(100vw - 2rem);padding:.6rem 1.1rem;border-radius:2rem;opacity:0;pointer-events:none;background:var(--text);color:var(--bg);font-weight:600;text-align:center;box-shadow:0 4px 16px #0006}dialog{margin:auto;max-width:min(24rem,calc(100vw - 2rem));padding:1.25rem;border:0;border-radius:1rem;background:var(--card);color:var(--text)}dialog::backdrop{background:#000b}dialog:focus{outline:none}dialog h2{font-size:1.2rem;margin-bottom:.5rem}.row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.interstitial{width:28rem;text-align:center}.interstitial h2{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.interstitial .primary{width:100%;min-height:52px;margin-top:1rem}.house{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed var(--line);border-radius:var(--r);color:var(--muted);font-size:.8rem;background:repeating-linear-gradient(45deg,var(--card) 0 10px,var(--bg) 10px 20px)}.house strong{color:var(--text)}.house.big{height:min(45dvh,16rem);font-size:1rem}.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.25rem;font-size:.85rem}.legal a,.legal button{padding:.5rem 0;color:var(--muted)}.legal button{min-height:0;border:0;background:none;text-decoration:underline}a{color:inherit}.doc{max-width:42rem;margin:auto;padding:1.5rem 1rem 3rem;overflow-wrap:anywhere}.doc>*+*{margin-top:.8rem}.doc h2{margin-top:1.8rem;font-size:1.15rem}@media(min-width:728px)and (min-height:600px){.ad{height:90px}}@media(min-aspect-ratio:1/1)and (min-width:560px){.game{grid-template:"bar pad" auto "ad pad" auto "board pad" minmax(0,1fr) / minmax(0,1fr) min(26rem,45%);column-gap:1rem;--k: clamp(40px, calc((100dvh - 1rem - 5 * var(--gap) - env(safe-area-inset-top) - env(safe-area-inset-bottom)) / 6), 72px)}.pad{align-self:center}.board{margin-bottom:0}}@media(max-height:740px)and (max-width:1000px){.game{--gap: .25rem;--m: .25rem;padding-block:.25rem}}@media(min-height:900px)and (max-aspect-ratio:1/1){.game:has(.few){--k: clamp(44px, 9dvh, 92px)}}@media(min-aspect-ratio:1/1)and (min-width:560px)and (min-height:700px){.game{grid-template-areas:"bar bar" "ad ad" "board pad"}.pad{align-self:start}}