@layer components{@layer base{.container-stack{block-size:100%;min-block-size:100%;inline-size:100%;color:var(--color-brand-cloud-white-50);background-color:var(--color-brand-midnight-blue-500);flex-direction:column;align-items:center;padding-block-start:.75rem;display:flex;position:relative;overflow:hidden}.container-stack__heading{text-align:center;letter-spacing:-.02em;margin-block-end:.5rem;padding-inline:1.5rem;font-size:2rem;font-weight:700;line-height:1.2}.container-stack__stage{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:1.5rem;min-block-size:0;inline-size:100%;max-inline-size:42.5rem;padding-block:.75rem;padding-inline:1.5rem;display:flex}.container-stack__board-wrapper{background-color:#0003;border-radius:.5rem;flex-shrink:0;inline-size:100%;min-inline-size:12.5rem;max-inline-size:min(22.5rem,50svh - 5rem);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.container-stack__board{aspect-ratio:1/2;block-size:auto;inline-size:100%;display:block}.container-stack__landing-visual{pointer-events:none;border-radius:.5rem;block-size:100%;inline-size:100%;transition:opacity .2s;position:absolute;inset:0}.container-stack__popups{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.container-stack__start-overlay{z-index:5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#05243980;border-radius:.5rem;place-items:center;display:grid;position:absolute;inset:0}.container-stack__cta{color:var(--color-brand-cloud-white-50);letter-spacing:.02em;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-brand-indigo-500);border:0;border-radius:.5rem;padding-block:1rem;padding-inline:2.25rem;font-family:inherit;font-size:1rem;font-weight:700;transition:background-color .2s,transform .15s;display:inline-block}.container-stack__cta:hover:not(:disabled){background-color:var(--color-brand-indigo-600)}.container-stack__cta:active:not(:disabled){transform:scale(.97)}.container-stack__cta:disabled{cursor:not-allowed;opacity:.6}.container-stack__cta:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.container-stack__noscript{color:#ffffffd9;text-align:center;margin-block:.75rem 0;font-size:.8125rem}.container-stack__overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#052439eb;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-inline:1rem;display:flex;position:absolute;inset:0}.container-stack__overlay-title{text-align:center;letter-spacing:-.01em;font-size:1.75rem;font-weight:700}.container-stack__overlay-desc{flex-direction:column;align-items:center;gap:.25rem;display:flex}.container-stack__overlay-stat{font-family:var(--font-mono);color:#fffc;text-align:center;font-size:1rem}.container-stack__overlay-hint{color:#fff9;text-align:center;margin-block-start:.25rem;font-size:.875rem}.container-stack__secondary-btn{color:#fffc;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #ffffff26;border-radius:.5rem;padding-block:.625rem;padding-inline:1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.container-stack__secondary-btn:hover{color:var(--color-brand-cloud-white-50);background-color:#ffffff0d}.container-stack__secondary-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.container-stack__failure{z-index:20;text-align:center;background-color:#052439f2;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-inline:1rem;display:flex;position:absolute;inset:0}.container-stack__failure-title{color:#ffffffe6;font-size:1rem;font-weight:600}.container-stack__live{white-space:nowrap;clip-path:inset(50%);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container-stack__panel{flex-flow:wrap;flex-shrink:0;justify-content:center;align-items:stretch;gap:.5rem;inline-size:100%;min-inline-size:0;max-inline-size:100%;display:flex}.container-stack__panel-card{text-align:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;flex:1;min-inline-size:0;padding-block:.5rem;padding-inline:.75rem}.container-stack__panel-label{color:#fff9;text-transform:uppercase;letter-spacing:.12em;margin-block-end:.375rem;font-size:.625rem;font-weight:700}.container-stack__panel-value{font-family:var(--font-mono);letter-spacing:.05em;font-size:1.25rem;font-weight:700}.container-stack__next-piece{aspect-ratio:104/78;block-size:auto;inline-size:100%;max-inline-size:6.5rem;margin-block-start:.25rem;margin-inline:auto;display:block}.container-stack__controls-list{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.container-stack__control-row{color:#fff9;align-items:center;gap:.625rem;font-size:.75rem;display:flex}.container-stack__control-key{min-inline-size:3rem;font-family:var(--font-mono);color:#fffc;text-align:end;font-size:.6875rem;font-weight:600}.container-stack__controls-card{display:none}.container-stack__controller{inline-size:100%;padding-block:.625rem calc(.625rem + env(safe-area-inset-bottom,0px));touch-action:manipulation;-webkit-user-select:none;user-select:none;background-color:#0a3352;border-block-start:.125rem solid #ffffff26;flex-shrink:0;justify-content:space-between;align-items:center;gap:.625rem;padding-inline:1rem;display:none}.container-stack__dpad{touch-action:manipulation;grid-template-rows:2.75rem 2.75rem 2.75rem;grid-template-columns:2.75rem 2.75rem 2.75rem;gap:0;display:grid}.container-stack__dpad-btn{color:#ffffffb3;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#1a4a6e;border:1px solid #ffffff26;justify-content:center;align-items:center;transition:background-color 80ms,transform 80ms;display:flex}.container-stack__dpad-btn:active,.container-stack__dpad-btn[data-pressed]{background-color:#0d3148;transform:scale(.92)}.container-stack__dpad-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.container-stack__dpad-btn svg{block-size:1.25rem;inline-size:1.25rem}.container-stack__dpad-btn--up{border-radius:.5rem .5rem 0 0;grid-area:1/2}.container-stack__dpad-btn--left{border-start-start-radius:.5rem;border-end-start-radius:.5rem;grid-area:2/1}.container-stack__dpad-btn--right{border-start-end-radius:.5rem;border-end-end-radius:.5rem;grid-area:2/3}.container-stack__dpad-btn--down{border-radius:0 0 .5rem .5rem;grid-area:3/2}.container-stack__dpad-btn-center{grid-area:2/2}.container-stack__ctrl-center{flex-direction:column;align-items:center;gap:.5rem;display:flex}.container-stack__ctrl-btn{color:#fffc;text-transform:uppercase;letter-spacing:.1em;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1a4a6e;border:1px solid #ffffff26;border-radius:1.375rem;min-block-size:2.75rem;padding-block:.5rem;padding-inline:1.25rem;font-family:inherit;font-size:.6875rem;font-weight:700;transition:background-color 80ms,transform 80ms}.container-stack__ctrl-btn:active,.container-stack__ctrl-btn[data-pressed]{background-color:#0d3148;transform:scale(.92)}.container-stack__ctrl-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.container-stack__action-btns{touch-action:manipulation;flex-direction:column;align-items:center;gap:.625rem;display:flex;transform:rotate(-25deg)}.container-stack__action-btn{color:#fffc;text-transform:uppercase;letter-spacing:.08em;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1a4a6e;border:.125rem solid #ffffff26;border-radius:50%;block-size:3.125rem;inline-size:3.125rem;font-family:inherit;font-size:.625rem;font-weight:700;transition:background-color 80ms,transform 80ms,box-shadow 80ms;box-shadow:0 .125rem .25rem #0000004d,inset 0 1px #ffffff14}.container-stack__action-btn:active,.container-stack__action-btn[data-pressed]{background-color:#0d3148;transform:scale(.92);box-shadow:0 1px .125rem #0006,inset 0 1px #ffffff0a}.container-stack__action-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.container-stack__action-btn--drop{color:#fa5959}.container-stack__action-btn--rotate{color:var(--color-brand-seafoam-500)}.container-stack__popup{font-family:var(--font-mono);color:var(--color-brand-seafoam-500);white-space:nowrap;text-shadow:0 1px 4px #00000080;pointer-events:none;font-size:.875rem;font-weight:700;position:absolute}.container-stack__popup--quad{color:#ffa81d;font-size:1.125rem}.container-stack__stage:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}}@layer variants;@layer states{.container-stack__stage[data-phase=landing] .container-stack__landing-visual{opacity:1}.container-stack__stage:not([data-phase=landing]) .container-stack__landing-visual{opacity:0}.container-stack__stage[data-phase=landing] .container-stack__start-overlay{display:grid}.container-stack__stage:not([data-phase=landing]) .container-stack__start-overlay,.container-stack__stage:not([data-phase=paused]) [data-cs=dialog-paused],.container-stack__stage:not([data-phase=gameover]) [data-cs=dialog-gameover]{display:none}@media (prefers-reduced-motion:no-preference){.container-stack__popup{animation:.8s ease-out forwards container-stack-popup-float}}@media (width>=601px){.container-stack__controls-card{display:block}}@media (width>=901px){.container-stack__stage{grid-template-columns:1fr auto;align-items:start;column-gap:1.5rem;display:grid}.container-stack__board-wrapper{grid-column:1}.container-stack__panel{flex-flow:column;grid-column:2;inline-size:10rem}.container-stack__controller{grid-column:1/-1}}@media (pointer:coarse),(width<=600px){.container-stack__controller{display:flex}}@media (prefers-reduced-motion:reduce){.container-stack__cta,.container-stack__secondary-btn,.container-stack__dpad-btn,.container-stack__ctrl-btn,.container-stack__action-btn,.container-stack__landing-visual{transition:none}}}}@keyframes container-stack-popup-float{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-2.5rem)}}