.poople.game-frame{--background:#10231e;--surface:#18332a;--text:#f4f7eb;--muted:#c1d1c5;--faint:#9bb7a6;--accent:#c9f677;--accent-hover:#dafba5;--accent-ink:#183223;--border:#ffffff26;--border-strong:#ffffff40;--error:#ffabb6;--ease:cubic-bezier(.22,.61,.28,1);--fit-pad:22px;--fit-gap:16px;position:relative;isolation:isolate;overflow:hidden;width:100%;height:620px;scroll-margin-top:80px;border:1px solid #1e4335;border-radius:20px;background:var(--background);color:var(--text);container-type:size;color-scheme:dark;box-shadow:0 16px 36px #14392e14}.poople :is(h2,h3){color:var(--text)}.poople button{cursor:pointer;transition:background .15s,color .15s}.poople button:disabled{cursor:not-allowed;opacity:.4}.poople :is(button,a,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.poople .vignette{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#3c614d44,transparent 70%)}.poople .game-column{position:relative;height:100%;margin:0 auto;width:min(100%,480px);padding:var(--fit-pad) 20px;display:flex;flex-direction:column;gap:var(--fit-gap)}.poople .hud{flex-shrink:0}.poople .intro-scroll{width:100%;height:100%;overflow:auto;display:flex;padding:24px 16px}.poople .intro{width:min(100%,576px);margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px}.poople .intro-heading{text-align:center}.poople .intro-heading h2{margin:18px 0 0;font-family:Georgia,serif;font-size:clamp(26px,4vw,36px);line-height:1.15;font-weight:700}.poople .intro-heading p{color:var(--muted);margin:12px auto 0;max-width:280px;font-size:14px;line-height:1.6}.poople .intro-cta{display:flex;flex-direction:column;align-items:center;gap:14px}.poople .play-solo{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;min-height:54px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:750;font-size:16px}.poople .play-solo:hover{background:var(--accent-hover)}.poople .pool-count{color:var(--muted);font-size:12px;text-align:center;line-height:1.6}.poople .invalid{color:var(--error)}.poople .text-button{padding:8px 12px;color:var(--muted);font-size:13px;text-decoration:underline}.poople .back-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-strong);border-radius:999px;color:var(--muted);font-size:12px}.poople .play-area{flex:1;display:flex;justify-content:center;align-items:center}.poople :is(.loading-state,.error-state){display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;font-size:14px;color:var(--muted)}.poople .error-state h2{font-size:26px;font-weight:700}.poople .button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 15px;border:1px solid var(--border-strong);border-radius:12px;font-size:13px;font-weight:700}.poople .primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.poople .primary:hover{background:var(--accent-hover)}.poople .secondary{color:var(--text)}.poople .secondary:hover{background:#ffffff12}.poople .eyebrow{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.18em;text-transform:uppercase}.poople .accent{color:var(--accent)}.poople .enter{animation:pp-enter .25s var(--ease) both}.pp-mark{display:inline-flex;gap:5px;align-items:center;height:25px}.pp-mark i{width:12px;height:12px;border:1px solid var(--accent);border-radius:3px;transform:translateY(4px)}.pp-mark i:nth-child(2n){background:var(--accent);transform:translateY(-4px)}.pp-mark.busy i{animation:pp-pulse .65s ease infinite alternate}.pp-share{margin:auto;width:min(400px,calc(100% - 32px));border:1px solid var(--border-strong);border-radius:20px;padding:24px;background:var(--background);color:var(--text)}.pp-share::backdrop{background:#061710b3;backdrop-filter:blur(4px)}.pp-share h3{font-size:22px;font-weight:700}.pp-share p{margin:12px 0;font-size:14px;color:var(--muted)}.pp-share textarea{width:100%;height:180px;padding:12px;margin-bottom:16px;resize:vertical;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13px}@keyframes pp-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pp-pulse{to{opacity:.4;transform:translateY(-4px)}}@media(max-width:600px){.poople.game-frame{height:590px;--fit-pad:16px}.poople .game-column{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.poople *,.poople :after,.poople :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.poople{--pp-tile:clamp(38px,min(8.4cqh,13vw),58px);--pp-key:clamp(40px,6.4cqh,54px)}.pp-intro{gap:clamp(14px,2.6cqh,22px)}.pp-demo{flex-direction:column;align-items:center}.pp-demo,.pp-demo-row{display:flex;gap:4px}.pp-demo-row i{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;font-style:normal;font-weight:700;font-size:12px;text-transform:uppercase;color:var(--muted);border:1.5px solid var(--border-strong)}.pp-demo-row[data-tone=start] i{background:#ffffff14;color:var(--text);border-color:transparent}.pp-demo-row i[data-changed=true]{background:var(--text);color:var(--background);border-color:var(--text)}.pp-demo-row[data-tone=target] i{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pp-column{gap:calc(var(--fit-gap)*.7)}.pp-hud{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 10px}.pp-goal,.pp-hud{align-items:center}.pp-goal{margin:0;display:inline-flex;gap:8px;font-size:15px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.pp-hud>.pp-meters{width:100%}.pp-goal svg{color:var(--faint)}.pp-goal-target{color:var(--accent)}.pp-meters{margin:0;display:flex;align-items:flex-end;gap:18px}.pp-meters>div{display:flex;flex-direction:column;gap:2px}.pp-meters dt{font-size:10px;line-height:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);font-weight:650}.pp-meters dd{margin:0;font-size:16px;line-height:20px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--muted)}.pp-clock dd{font-size:clamp(24px,4.6cqh,32px);line-height:1;color:var(--text);letter-spacing:-.03em}.pp-best{margin-left:auto;text-align:right}.pp-best dd{color:var(--accent)}.pp-ladder-wrap{position:relative}.pp-ladder,.pp-ladder-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.pp-ladder{overflow:auto;align-items:center;gap:5px;padding:6px 2px;scrollbar-width:thin;scrollbar-color:#363639 transparent;mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 12px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}.pp-ladder:focus{outline:none}.pp-ladder>:first-child{margin-top:auto}.pp-ladder>:last-child{margin-bottom:auto}.pp-row{display:flex;gap:5px;flex-shrink:0}.pp-tile{display:flex;align-items:center;justify-content:center;width:var(--pp-tile);height:var(--pp-tile);border-radius:10px;border:2px solid var(--border-strong);font-size:calc(var(--pp-tile)*.48);font-weight:800;line-height:1;text-transform:uppercase;color:var(--text);background:transparent;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease),transform .15s var(--ease)}.pp-row[data-tone=start] .pp-tile{background:#ffffff12;border-color:transparent;color:var(--muted)}.pp-row[data-tone=step] .pp-tile[data-changed=true]{background:var(--text);border-color:var(--text);color:var(--background)}.pp-row[data-tone=target] .pp-tile{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pp-row[data-tone=target] .pp-tile[data-changed=true]{box-shadow:inset 0 0 0 2px var(--accent-ink)}.pp-row[data-tone=ghost] .pp-tile{border-style:dashed;border-color:#ffffff55;color:var(--faint);background:transparent}.pp-row[data-tone=draft] .pp-tile{border-style:solid;border-color:var(--border);color:var(--text)}.pp-row[data-tone=draft] .pp-tile[data-filled=true]{border-color:#ffffff4a;animation:pp-pop .12s var(--ease)}.pp-row[data-tone=draft] .pp-tile[data-moved=true]{border-color:var(--text)}.pp-row[data-tone=draft]:is([data-diff="2"],[data-diff="3"],[data-diff="4"]) .pp-tile[data-moved=true]{background:rgb(251 113 133/16%);border-color:var(--error);color:var(--error);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.pp-row[data-last=true][data-tone=target] .pp-tile{animation:pp-land .45s var(--ease) both;animation-delay:calc(var(--i)*70ms)}@keyframes pp-pop{0%{transform:scale(.88)}to{transform:scale(1)}}@keyframes pp-land{0%{transform:translateY(-6px) scale(.94);opacity:.4}60%{transform:translateY(2px) scale(1.04);opacity:1}to{transform:none}}.pp-toast-slot{position:absolute;left:0;right:0;top:8px;display:flex;justify-content:center;pointer-events:none;z-index:2}.pp-toast{padding:9px 14px;border-radius:10px;background:var(--text);color:var(--background);font-size:13px;font-weight:700;box-shadow:0 8px 30px #000a;animation:pp-toast .14s var(--ease) both}@keyframes pp-toast{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.pp-foot{flex-shrink:0;gap:10px}.pp-foot,.pp-kb{display:flex;flex-direction:column}.pp-kb{gap:6px;width:100%}.pp-kb-row{gap:5px}.pp-kb-row,.pp-key{display:flex;justify-content:center}.pp-key{flex:1;max-width:44px;height:var(--pp-key);border:1px solid var(--border);border-radius:8px;background:#ffffff0c;color:var(--text);font-size:13px;font-weight:700;text-transform:uppercase;padding:0;align-items:center}.pp-key:not(:disabled):hover{background:#ffffff18;border-color:var(--border-strong)}.pp-key:not(:disabled):active{background:#ffffff26}.pp-key-wide{flex:1.6;max-width:70px;font-size:11px;letter-spacing:.06em}.pp-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.pp-tool{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;min-height:40px;border:1px solid var(--border-strong);border-radius:999px;background:#ffffff03;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pp-tool:not(:disabled):hover{color:var(--text);background:#ffffff09}.pp-over{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding-top:4px}.pp-over-title{margin:4px 0 0;font-size:clamp(22px,3.8cqh,30px);font-weight:800;letter-spacing:-.035em;line-height:1.1}.pp-over-line{margin:0;color:var(--muted);font-size:13px;line-height:1.55;font-variant-numeric:tabular-nums;max-width:320px}.pp-over-best{margin:0;color:var(--faint);font-size:11px;font-variant-numeric:tabular-nums}.pp-over-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;width:100%}.pp-over-actions .button{flex:1 1 auto;min-width:110px;white-space:nowrap}@media(max-width:600px){.pp-key,.pp-key-wide{max-width:none}.pp-key-wide{flex:1.55}.pp-tool svg{display:none}.pp-tool{padding:6px 10px}.pp-meters{gap:14px}}@media(max-width:360px){.poople{--pp-tile:clamp(34px,12vw,44px);--pp-key:38px}.pp-goal{font-size:13px;letter-spacing:.1em}.pp-hud .pp-best{display:none}.pp-kb-row{gap:4px}.pp-key{font-size:12px;border-radius:6px}.pp-key-wide{flex:1.9;font-size:10px;letter-spacing:0}.pp-tool{padding:5px 8px;font-size:10px}.pp-over-actions .button{min-width:0;font-size:12px;padding-left:8px;padding-right:8px}}@container (max-height:520px){.pp-hud{flex-wrap:nowrap}.pp-hud .pp-best,.pp-hud>.pp-goal{display:none}.pp-hud>.pp-meters{width:auto;flex:1;order:1}.pp-hud>.pp-back{order:2}.pp-clock dd{font-size:20px}.pp-column{gap:8px}.pp-foot{gap:6px}.pp-kb{gap:4px}}@media(prefers-reduced-motion:reduce){.pp-row[data-last=true][data-tone=target] .pp-tile,.pp-tile,.pp-toast{animation:none!important;transition:none!important}}