@layer arcpuzzle{.block-cascade-status{border:3px solid var(--ink);background:var(--surface);box-shadow:5px 5px 0 var(--mustard);border-radius:22px 22px 22px 8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:14px 18px;display:flex}.block-cascade-status .game-message{flex:1;margin:0}.block-cascade-status dl{gap:10px;margin:0;display:flex}.block-cascade-status dl div{border:2px solid var(--ink);background:var(--mustard-pale);text-align:center;border-radius:14px;min-width:82px;padding:7px 10px}.block-cascade-status dt{font-size:max(.75rem, var(--senior-supporting-size));text-transform:uppercase;font-weight:800}.block-cascade-status dd{font-family:var(--display);margin:2px 0 0;font-size:1.25rem;font-weight:900}@media (width<=760px){.block-cascade-status{flex-wrap:wrap;align-items:stretch;padding:12px}.block-cascade-status .game-message{flex-basis:100%}.block-cascade-status dl{width:100%}.block-cascade-status dl div{flex:1;min-width:0}}@media (width>=901px){.block-cascade-page .game-intro>.progress-badge{flex:none;position:static}}@media (width<=720px){.game-page>.block-cascade-stage{order:3}.game-page>.block-cascade-status{order:2}}.block-cascade-status dl div:last-child{min-width:118px}.block-cascade-status dl div:last-child dd{font-size:max(.95rem, var(--senior-supporting-size))}.block-cascade-stage{border:4px solid var(--ink);box-shadow:7px 7px 0 var(--coral), 10px 10px 0 var(--ink);background-color:#24323a;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:28px 28px 28px 10px;grid-template-columns:auto minmax(118px,180px);justify-content:center;align-items:end;gap:18px;margin-bottom:18px;padding:20px;display:grid}.block-cascade-board{width:calc(var(--block-columns) * 32px);height:calc(var(--block-rows) * 28px);grid-template-columns:repeat(var(--block-columns), 32px);grid-template-rows:repeat(var(--block-rows), 28px);border:4px solid var(--ink);background:#f4fbfa;border-radius:12px 12px 6px 6px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #fff9}.block-cascade-board:focus-visible{outline:5px solid var(--mustard);outline-offset:4px}.block-cascade-cell{background:#fff6;border:1px solid #222d2f1f}.block-cascade-cell[data-kind]{border:2px solid var(--ink);border-radius:5px;box-shadow:inset -3px -3px #0000002e}.block-cascade-cell[data-kind=bar]{background:#62bde8}.block-cascade-cell[data-kind=box]{background:var(--mustard)}.block-cascade-cell[data-kind=tee]{background:#9b7be5}.block-cascade-cell[data-kind=elbow]{background:var(--coral)}.block-cascade-cell[data-kind=zig]{background:var(--teal)}.block-cascade-pause-card{border:4px solid var(--ink);background:var(--mustard);min-width:210px;min-height:72px;color:var(--ink);font-family:var(--display);box-shadow:5px 5px 0 var(--ink);border-radius:18px 18px 18px 7px;place-items:center;font-weight:900;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.block-cascade-controls{border:0;grid-template-columns:repeat(2,minmax(56px,1fr));gap:10px;margin:0;padding:0;display:grid}.block-cascade-controls button{border:3px solid var(--ink);background:var(--surface);min-width:58px;min-height:62px;color:var(--ink);font-family:var(--display);box-shadow:4px 4px 0 var(--ink);border-radius:16px 16px 16px 6px;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.block-cascade-controls button small{font-size:max(.875rem, var(--senior-supporting-size))}.block-cascade-controls .block-drop-button{background:var(--mustard);color:var(--ink-on-accent);grid-column:1/-1}@media (width<=760px){.block-cascade-stage{grid-template-columns:1fr;padding:14px}.block-cascade-board{margin-inline:auto}.block-cascade-controls{grid-template-columns:repeat(5,minmax(52px,1fr))}.block-cascade-controls .block-drop-button{grid-column:auto}}@media (width<=430px){.block-cascade-stage{margin-inline:-8px}.block-cascade-board{width:calc(var(--block-columns) * 28px);height:calc(var(--block-rows) * 25px);grid-template-columns:repeat(var(--block-columns), 28px);grid-template-rows:repeat(var(--block-rows), 25px)}.block-cascade-controls{grid-template-columns:repeat(3,minmax(58px,1fr))}.block-cascade-controls .block-drop-button{grid-column:span 2}}@media (width<=720px){.block-cascade-controls{order:-1}}}