.gp{--gp-ease:cubic-bezier(.2, .9, .3, 1);--gp-gap:8px;--gp-l0:#f3cf7a;--gp-l0-ink:#2a1a05;--gp-l1:#b3121f;--gp-l1-ink:#fff;--gp-l2:#fbc9cb;--gp-l2-ink:#2a080d;--gp-l3:#0b0b0c;--gp-l3-ink:#fff;gap:16px;display:grid;position:relative}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark]) .gp{--gp-l0:#d69e2e;--gp-l0-ink:#1a1004;--gp-l1:#d21f2b;--gp-l2:#f59a9e;--gp-l2-ink:#1a0306;--gp-l3:#f2f1ec;--gp-l3-ink:#0b0b0c}.gp-status{justify-content:space-between;align-items:center;gap:16px;min-height:20px;display:flex}.gp-stat{align-items:center;gap:10px;display:inline-flex}.gp-stat-l{color:var(--sl-text-label,var(--sl-text-faint));letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.gp-stat-v{color:var(--sl-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.gp-stat-of{color:var(--sl-text-faint);font-weight:550}.gp-dots{gap:6px;display:inline-flex}.gp-dot{background:var(--sl-text);width:8px;height:8px;transition:background .3s var(--gp-ease), box-shadow .3s var(--gp-ease), opacity .3s var(--gp-ease);border-radius:50%}.gp-dot.is-spent{box-shadow:inset 0 0 0 1.5px var(--sl-text-faint);opacity:.6;background:0 0}.gp-board{gap:var(--gp-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.gp-tile{background:var(--sl-surface);min-height:clamp(60px,11vw,78px);box-shadow:inset 0 0 0 1px var(--sl-border), 0 1px 2px #1018280d;color:var(--sl-text);font:inherit;letter-spacing:.06em;cursor:pointer;transition:background .16s var(--gp-ease), color .16s var(--gp-ease), box-shadow .16s var(--gp-ease), transform .12s var(--gp-ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:3px;place-items:center;padding:6px;font-size:clamp(12px,2.5vw,15px);font-weight:650;line-height:1.15;display:grid;position:relative}.gp-word{overflow-wrap:anywhere;max-width:100%}.gp-tile.is-long{letter-spacing:.04em;font-size:clamp(10.5px,2vw,12.5px)}@media (hover:hover){.gp-tile:hover:not(:disabled):not(.is-picked){background:color-mix(in srgb, var(--sl-text) 3%, var(--sl-surface));box-shadow:inset 0 0 0 1px var(--sl-border-strong), 0 1px 2px #10182812}}.gp-tile:active:not(:disabled){transform:scale(.97)}.gp-tile:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.gp-tile.is-picked{background:var(--sl-text);box-shadow:inset 0 0 0 1px var(--sl-text);color:var(--sl-bg)}.gp-tile:disabled{cursor:default}.gp-tile.is-hinted:after{content:"";background:var(--sl-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.gp-tile.is-hinted:not(.is-picked){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sl-accent) 55%, var(--sl-border)), 0 1px 2px #1018280d}.gp-tile.is-hop{animation:gp-hop .34s var(--gp-ease) both;animation-delay:calc(var(--i) * 60ms)}@keyframes gp-hop{45%{transform:translateY(-6px)}}.gp-tile.is-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) gp-shake}@keyframes gp-shake{20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.gp-band{text-align:center;min-height:clamp(60px,11vw,78px);animation:gp-band .5s var(--gp-ease);border-radius:3px;grid-column:1/-1;place-content:center;justify-items:center;gap:4px;padding:8px 12px;display:grid}@keyframes gp-band{0%{opacity:0;transform:scale(.97)}}.gp-band strong{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:650}.gp-band span{letter-spacing:.02em;opacity:.88;font-size:14px;font-weight:550}.gp-band.is-l0{background:var(--gp-l0);color:var(--gp-l0-ink)}.gp-band.is-l1{background:var(--gp-l1);color:var(--gp-l1-ink)}.gp-band.is-l2{background:var(--gp-l2);color:var(--gp-l2-ink)}.gp-band.is-l3{background:var(--gp-l3);color:var(--gp-l3-ink)}.gp-band.is-revealed{--gp-c:var(--gp-l0);background:var(--sl-surface);box-shadow:inset 0 0 0 1px var(--sl-border);color:var(--sl-text);position:relative;overflow:hidden}.gp-band.is-revealed:before{content:"";background:var(--gp-c);width:4px;position:absolute;inset:0 auto 0 0}.gp-band.is-revealed.is-l1{--gp-c:var(--gp-l1)}.gp-band.is-revealed.is-l2{--gp-c:var(--gp-l2)}.gp-band.is-revealed.is-l3{--gp-c:var(--gp-l3)}.gp-band.is-revealed span{color:var(--sl-text-muted);opacity:1}.gp-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.gp-buttons{align-items:center;gap:8px;display:flex}.gp .pl-btn{min-height:40px}.gp-submit{min-width:96px}.is-fit .gp{flex-direction:column;justify-content:flex-start;gap:14px;height:100%;padding-top:8px;display:flex}.is-fit .gp-board{flex:1 1 0;grid-template-rows:repeat(4,minmax(0,1fr));min-height:0;max-height:424px}.is-fit .gp-tile,.is-fit .gp-band{min-height:0}@media (width<=640px){.gp{--gp-gap:6px}.is-fit .gp{gap:12px;padding-top:0}.is-fit .gp-board{max-height:none}.is-fit .gp-tile{letter-spacing:.04em;font-size:clamp(11px,3.5cqw,14px)}.is-fit .gp-tile.is-long{letter-spacing:.02em;font-size:clamp(9.5px,2.85cqw,12px)}.gp-tile.is-hinted:after{width:5px;height:5px;top:5px;right:5px}.is-fit .gp-band strong{font-size:11.5px}.is-fit .gp-band span{font-size:12.5px}.gp .pl-btn{padding:8px 14px}.gp .gp-shuffle{width:40px;padding:0}.gp-shuffle-word{display:none}.gp-submit{min-width:0}}@media (prefers-reduced-motion:reduce){.gp-tile.is-hop,.gp-tile.is-shake,.gp-band{animation:none}}