.poople{--pp-green:#6aaa64;--pp-grey:#787c7e;--pp-key:#d3d6da;--pp-key-press:#b9bdc2;--pp-border:#d3d6da;--pp-border-filled:#878a8c;--pp-ink:#1a1a1b;--pp-bad:#c04a3d;--game-bg:#fff;--game-raise:#00000008;--game-raise-2:#0000000e;--game-text:var(--pp-ink);--game-text-dim:#5c5e60;--game-text-faint:#878a8c;--game-line:var(--pp-border);--game-line-strong:#b7bbbf;--game-bad:var(--pp-bad);--game-pending:var(--pp-ink);--game-accent:var(--pp-green);--game-accent-rgb:106 170 100;--game-accent-lift:#5f9a59;--game-accent-press:#538a4e;--game-accent-ink:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-poople), "Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;--pp-tile:clamp(38px, 8.4vh, 58px);--pp-gap:5px}.poople .game-vignette{display:none}.pp-stage{z-index:1;width:100%;max-width:500px;height:100%;min-height:0;padding:clamp(8px, 1.6vh, 14px) 8px calc(var(--game-fit-pad) * .5);flex-direction:column;gap:clamp(6px,1.2vh,10px);margin:0 auto;display:flex;position:relative}.pp-head{border-bottom:1px solid var(--pp-border);flex-direction:column;flex:none;align-items:center;gap:clamp(6px,1.2vh,10px);padding-bottom:clamp(6px,1.2vh,10px);display:flex}.pp-meters{font-variant-numeric:tabular-nums;align-items:baseline;gap:16px;display:flex}.pp-clock{letter-spacing:-.03em;color:var(--pp-ink);text-align:right;min-width:4.4ch;font-size:clamp(26px,5.2vh,36px);font-weight:700;line-height:1}.pp-meter{flex-direction:column;align-items:center;line-height:1.2;display:flex}.pp-meter b{color:var(--pp-ink);font-size:15px;font-weight:700}.pp-meter i{letter-spacing:.09em;text-transform:uppercase;color:var(--pp-grey);font-size:10px;font-style:normal;font-weight:700}.pp-meter-best b{color:var(--pp-green)}.pp-goal{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;display:flex}.pp-goal-from{color:var(--pp-ink)}.pp-goal-target{color:var(--pp-green)}.pp-goal-arrow{color:var(--pp-grey);flex:none}.pp-ladder{justify-content:safe center;align-items:center;gap:var(--pp-gap);flex-direction:column;flex:auto;min-height:0;padding:6px 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 14px calc(100% - 14px),#0000 100%)}.pp-row{gap:var(--pp-gap);flex:none;display:flex}.pp-tile{width:var(--pp-tile);height:var(--pp-tile);border:2px solid var(--pp-border);color:var(--pp-ink);font-size:calc(var(--pp-tile) * .5);text-transform:uppercase;background:#fff;place-items:center;font-weight:700;line-height:1;transition:background .12s,border-color .12s,color .12s;display:grid}.pp-tile[data-changed=true]{background:var(--pp-ink);border-color:var(--pp-ink);color:#fff}.pp-row[data-tone=start] .pp-tile{background:var(--pp-grey);border-color:var(--pp-grey);color:#fff}.pp-row[data-tone=target] .pp-tile{background:var(--pp-green);border-color:var(--pp-green);color:#fff}.pp-row[data-tone=ghost] .pp-tile{border-color:var(--pp-border);color:var(--pp-border-filled);background:#fff}.pp-row[data-tone=draft] .pp-tile[data-filled=true]{border-color:var(--pp-border-filled);animation:.1s pp-pop}.pp-row[data-tone=draft] .pp-tile[data-moved=true]{border-color:var(--pp-ink);color:var(--pp-ink)}.pp-row[data-tone=draft]:is([data-diff="2"],[data-diff="3"],[data-diff="4"]) .pp-tile[data-moved=true]{background:var(--pp-bad);border-color:var(--pp-bad)}@keyframes pp-pop{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pp-flap-reel{0%{transform:translateY(0)}to{transform:translateY(calc(var(--pp-flap-h) * -8))}}@keyframes pp-flap-turn{0%,to{transform:rotateX(-64deg)}24%,76%{transform:rotateX(0)}}@keyframes pp-flap-hit{0%,12.4%{background-color:var(--pp-green)}12.5%,to{background-color:var(--pp-grey)}}.pp-flaps{--pp-flap-h:34px;--pp-flap-beat:.6s;perspective:460px;gap:4px;display:flex}.pp-flap{width:var(--pp-flap-h);height:var(--pp-flap-h);background-color:var(--pp-grey);animation:pp-flap-turn var(--pp-flap-beat) ease-in-out infinite, pp-flap-hit calc(var(--pp-flap-beat) * 8) infinite;animation-delay:calc((var(--c,0) - 3) * 55ms);background-image:linear-gradient(#ffffff17,#fff0 50%,#0000001f 50%,#00000005);position:relative;overflow:hidden}.pp-flap:after{content:"";z-index:2;background:#00000047;height:1px;position:absolute;top:50%;left:0;right:0}.pp-flap-reel{animation:pp-flap-reel calc(var(--pp-flap-beat) * 8) steps(8) infinite;animation-delay:calc((var(--c,0) - 3) * 55ms);display:block}.pp-flap-reel b{height:var(--pp-flap-h);font-size:calc(var(--pp-flap-h) * .5);color:#fff;place-items:center;font-weight:700;line-height:1;display:grid}@media (prefers-reduced-motion:reduce){.pp-flap{background-color:var(--pp-green)}}.pp-foot{flex-direction:column;flex:none;gap:clamp(5px,1vh,8px);display:flex}.pp-toast{z-index:5;background:var(--pp-ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:4px;width:fit-content;margin-inline:auto;padding:11px 16px;font-size:13px;font-weight:700;position:absolute;top:22%;left:0;right:0;box-shadow:0 6px 20px #0000002e}.pp-kb{touch-action:manipulation;flex-direction:column;gap:6px;width:100%;display:flex}.pp-kb-row{justify-content:center;gap:5px;display:flex}.pp-key{background:var(--pp-key);min-width:0;height:clamp(46px,7vh,58px);color:var(--pp-ink);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:4px;flex:auto;place-items:center;font-size:13px;font-weight:700;transition:background 80ms;display:grid}.pp-key:hover:not(:disabled){background:#c6cace}.pp-key:active:not(:disabled){background:var(--pp-key-press)}.pp-key:disabled{opacity:.5;cursor:not-allowed}.pp-key-wide{letter-spacing:.05em;flex:1.55 auto;font-size:11px}.pp-controls{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:clamp(7px,1.4vh,12px);display:flex}.pp-tool{border:1px solid var(--pp-border);color:var(--pp-grey);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:700;transition:color .12s,border-color .12s;display:inline-flex}.pp-tool:hover:not(:disabled){color:var(--pp-ink);border-color:var(--pp-border-filled)}.pp-tool:disabled{opacity:.4;cursor:not-allowed}@media (max-width:420px){.pp-controls{gap:4px}.pp-tool{letter-spacing:.02em;padding:6px 9px;font-size:10px}.pp-tool svg{display:none}}.pp-over{text-align:center;padding:clamp(8px,1.8vh,16px) 0 2px}.pp-over-title{letter-spacing:-.02em;color:var(--pp-ink);font-size:clamp(22px,3.8vh,30px);font-weight:700;line-height:1.1}.pp-over-line{color:var(--pp-grey);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.pp-record{color:var(--pp-green);letter-spacing:.11em;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:700}.pp-over-actions{justify-content:center;gap:8px;margin-top:clamp(10px,2vh,18px);display:flex}.pp-btn{border:1px solid var(--pp-ink);background:var(--pp-ink);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:120px;padding:12px 20px;font-size:14px;font-weight:700;transition:opacity .12s;display:inline-flex}.pp-btn:hover{opacity:.82}.pp-btn-ghost{color:var(--pp-ink);border-color:var(--pp-border-filled);background:#fff}@media (max-width:460px){.pp-over-actions{gap:6px}.pp-btn{flex:1 1 0;gap:5px;min-width:0;padding:12px 10px;font-size:13px}.pp-btn svg{display:none}}@media (max-height:520px){.pp-goal,.pp-meter i{display:none}.pp-clock{font-size:22px}}