.pl-root{background:radial-gradient(90% 240px at 50% 0, #f4c4301a, transparent 70%), var(--color-bone);min-height:100dvh;color:var(--color-ink);flex-direction:column;display:flex}.pl-col{width:100%;max-width:720px;margin:0 auto;padding-left:20px;padding-right:20px}.pl-icon-btn{width:44px;height:44px;color:var(--color-ink-muted);border-radius:999px;place-items:center;transition:background-color .15s,color .15s;display:grid}.pl-icon-btn:hover{color:var(--color-navy);background:#0f1b3d0f}.pl-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-muted);font-size:12px;font-weight:800}.pl-tile{--tile:62px;width:var(--tile);height:var(--tile);perspective:900px;transition:width .3s,height .3s;position:relative}.pl-tile-face,.pl-tile-back{border-radius:calc(var(--tile) * .16);font-weight:800;font-size:calc(var(--tile) * .46);backface-visibility:hidden;transition:transform .42s cubic-bezier(.45,0,.3,1);transition-delay:calc(var(--i,0) * .24s);place-items:center;line-height:1;display:grid;position:absolute;inset:0}.pl-tile-face{color:var(--color-ink);border:1.5px solid var(--color-outline)}.pl-tile[data-filled=true] .pl-tile-face{height:calc(var(--tile) - 4px);background:#fff;border:1px solid #a9a294;animation:.14s ease-out pl-pop;box-shadow:0 4px #a9a294}.pl-tile-back{height:calc(var(--tile) - 4px);transform:rotateX(180deg)}.pl-tile[data-state] .pl-tile-face{transform:rotateX(180deg)}.pl-tile[data-state] .pl-tile-back{transform:rotateX(360deg)}.pl-tile[data-state=correct] .pl-tile-back{color:#fff;background:#2f9e54;box-shadow:0 4px #237a40}.pl-tile[data-state=present] .pl-tile-back{color:#3d2e08;background:#f4c430;box-shadow:0 4px #c79a2a}.pl-tile[data-state=absent] .pl-tile-back{color:#7a7468;background:#cfc9bc;box-shadow:0 4px #b5ae9f}.pl-tile[data-instant=true] .pl-tile-face,.pl-tile[data-instant=true] .pl-tile-back{transition:none}.pl-row[data-shake=true]{animation:.42s ease-in-out pl-shake}.pl-row[data-shake=true] .pl-tile-face{border-color:#c25a5a}.pl-row[data-bounce=true] .pl-tile{animation:.5s cubic-bezier(.3,1.5,.5,1) both pl-bounce;animation-delay:calc(1.3s + var(--i,0) * .1s)}@keyframes pl-pop{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes pl-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes pl-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-16px)}}.pl-key{min-width:0;max-width:48px;height:56px;color:var(--color-ink);text-transform:uppercase;background:#e7e2d7;border-radius:10px;flex:1 1 0;place-items:center;font-size:17px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background-color .3s;display:grid;box-shadow:0 3px #cbc5b6}.pl-key:active{transform:translateY(2px);box-shadow:0 1px #cbc5b6}.pl-key[data-wide=true]{flex-grow:1.5;max-width:72px}.pl-key[data-state=correct]{color:#fff;background:#2f9e54;box-shadow:0 3px #237a40}.pl-key[data-state=present]{color:#3d2e08;background:#f4c430;box-shadow:0 3px #c79a2a}.pl-key[data-state=absent]{color:#7a7468;background:#cfc9bc;box-shadow:0 3px #b5ae9f}.pl-submit{letter-spacing:.04em;color:#9a9486;background:#e7e2d7;border-radius:999px;flex:1;height:56px;font-size:17px;font-weight:800;transition:background-color .2s,color .2s,transform 80ms}.pl-submit[data-ready=true]{color:#3d2e08;background:#f4c430;box-shadow:0 4px #c79a2a}.pl-submit[data-ready=true]:active{transform:translateY(2px);box-shadow:0 2px #c79a2a}.pl-toast{z-index:60;color:#fff;background:var(--color-navy);border-radius:12px;padding:10px 16px;font-size:15px;font-weight:800;animation:.18s ease-out both pop-in;position:fixed;top:92px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -18px #09102999}.pl-quick{color:#fff;text-align:left;background:var(--color-turquoise);width:100%;box-shadow:0 6px 0 var(--color-turquoise-edge);border-radius:18px;align-items:center;gap:14px;padding:18px 20px;transition:transform .1s,box-shadow .1s,filter .15s;display:flex;position:relative;overflow:hidden}.pl-quick:hover{filter:brightness(1.05)}.pl-quick:active{box-shadow:0 2px 0 var(--color-turquoise-edge);transform:translateY(4px)}.pl-quick-art{pointer-events:none;background-position:top;background-size:cover;position:absolute;inset:0 0 0 40%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}@media (max-width:639px){.pl-quick-art{opacity:.85;inset-inline-start:62%}}.pl-strip{gap:10px;display:flex}.pl-strip-chev{display:none}.pl-strip-btn{text-align:center;min-height:84px;color:var(--color-navy);background:var(--color-surface);border:2px solid var(--color-outline);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .1s,border-color .15s;display:flex;box-shadow:0 4px #cfcfbc}.pl-strip-btn:hover{border-color:var(--color-outline-strong)}.pl-strip-btn:active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.pl-strip-btn>span{flex:none}@media (max-width:519px){.pl-strip{flex-direction:column;gap:8px}.pl-strip-btn{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:56px;padding:10px 14px;font-size:15.5px}.pl-strip-btn>span{flex:1}.pl-strip-chev{display:block}}.pl-choice{text-align:left;width:100%;color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-outline);animation:.3s cubic-bezier(.2,.7,.2,1) both rise;animation-delay:calc(var(--i,0) * 40ms);border-radius:14px;align-items:center;gap:12px;padding:16px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s,border-color .15s,background-color .15s;display:flex;box-shadow:0 4px #cfcfbc}.pl-choice:not(:disabled):hover{border-color:var(--color-outline-strong)}.pl-choice:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #cfcfbc}.pl-choice:disabled{cursor:default}.pl-choice[data-tone=selected]{border-color:var(--color-turquoise);box-shadow:0 4px 0 var(--color-turquoise);background:#e3f6f3}.pl-choice[data-tone=correct]{background:var(--color-correct-tint);border-color:#17a24a;animation:.4s ease-out pl-right;box-shadow:0 4px #17a24a}.pl-choice[data-tone=wrong]{background:var(--color-wrong-tint);border-color:#9c4444;animation:.28s ease-in-out shake;box-shadow:0 4px #9c4444}@keyframes pl-right{0%{transform:scale(1)}35%{transform:scale(1.04)}to{transform:scale(1)}}.pl-key-hint{width:24px;height:24px;color:var(--color-ink-soft);border:1.5px solid var(--color-outline);border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:800;display:none}@media (hover:hover) and (pointer:fine){.pl-key-hint{display:grid}}.pl-countdown{background:var(--color-outline);border-radius:4px;height:8px;overflow:hidden}.pl-countdown>span{background:var(--color-turquoise);transform-origin:0;border-radius:4px;height:100%;display:block}.pl-countdown[data-danger=true]>span{background:#c25a5a}.pl-pip{color:#fff;background:var(--color-surface);border:1.5px solid var(--color-outline);border-radius:50%;place-items:center;width:18px;height:18px;transition:background-color .14s,border-color .14s;display:grid;position:absolute;top:-2px;right:-2px}.pl-pip[data-state=answered]{background:#22c55e;border-color:#22c55e}.pl-pip[data-state=off]{background:#c25a5a;border-color:#c25a5a}.pl-touch-only{display:none}@media (hover:none),(pointer:coarse){.pl-fine-only{display:none}.pl-touch-only{display:inline}}.pl-wait-dot{background:var(--color-turquoise);border-radius:999px;flex:none;width:12px;height:12px;animation:1.6s ease-in-out infinite pl-wait}@keyframes pl-wait{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.pl-pulse{border:3px solid var(--color-turquoise);border-radius:50%;animation:2.2s ease-out infinite pl-pulse;position:absolute;inset:0}.pl-pulse:nth-child(2){animation-delay:1.1s}@keyframes pl-pulse{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.5)}}.pl-zoom{animation:.4s cubic-bezier(.3,1.5,.5,1) both pl-zoom}@keyframes pl-zoom{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.pl-slide-l{animation:.5s cubic-bezier(.2,.8,.2,1) both pl-slide-l}.pl-slide-r{animation:.5s cubic-bezier(.2,.8,.2,1) both pl-slide-r}@keyframes pl-slide-l{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes pl-slide-r{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pl-tile-face,.pl-tile-back{transition:none}.pl-row[data-shake=true],.pl-row[data-bounce=true] .pl-tile,.pl-pulse,.pl-wait-dot,.pl-zoom,.pl-slide-l,.pl-slide-r,.pl-choice{animation:none}}.pl-gn-step[data-place="1"]{height:clamp(84px,19vh,168px)}.pl-gn-step[data-place="2"]{height:clamp(64px,14vh,124px)}.pl-gn-step[data-place="3"]{height:clamp(48px,10.5vh,94px)}@media (max-width:767px){.pl-gn-step[data-place="1"]{height:clamp(52px,12.5vh,120px)}.pl-gn-step[data-place="2"]{height:clamp(40px,9.5vh,90px)}.pl-gn-step[data-place="3"]{height:clamp(30px,7vh,66px)}.pl-gn-roster>li:first-child{margin-inline-start:auto}.pl-gn-roster>li:last-child{margin-inline-end:auto}}@media (max-width:767px) and (max-height:720px){.pl-gn-hint{display:none}}