.o022-hero{padding:clamp(4.6rem,9vw,7.4rem) 0 2.5rem;background:radial-gradient(circle at 85% 18%,rgba(123,99,255,.18),transparent 35%),radial-gradient(circle at 16% 24%,rgba(73,217,192,.13),transparent 34%),linear-gradient(180deg,#090b14,#070910)}
.o022-deck{max-width:70ch;font-size:clamp(1.05rem,2vw,1.28rem);color:var(--v5-text-soft,#c9cedd)}.o022-badges{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.2rem 0}.o022-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.42rem .72rem;background:rgba(255,255,255,.045);font-size:.86rem;color:#e6e9f5}
.o022-wrap{padding-block:2rem 5rem}.o022-section{margin:0 0 2.5rem}.o022-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.o022-card,.o022-game-shell,.o022-boundary{border:1px solid rgba(255,255,255,.12);border-radius:1.15rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 60px rgba(0,0,0,.18)}.o022-card{padding:1.2rem}.o022-card h2,.o022-card h3{margin-top:.25rem}.o022-card p{color:#c8cedc}.o022-game-shell{padding:clamp(1rem,3vw,1.5rem)}.o022-game-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.o022-status{min-height:2.8rem;border-left:3px solid #7be0c7;padding:.55rem .75rem;background:rgba(123,224,199,.06);border-radius:.25rem;color:#e8fff8}.o022-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.85rem 0}.o022-muted{color:#aab2c7;font-size:.92rem}.o022-kpi{display:flex;gap:.75rem;flex-wrap:wrap}.o022-kpi span{padding:.45rem .7rem;border:1px solid rgba(255,255,255,.12);border-radius:.75rem;background:rgba(0,0,0,.17)}
.signal-pads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:560px;margin:1rem auto}.signal-pad{min-height:112px;border:2px solid rgba(255,255,255,.2);border-radius:1rem;background:rgba(255,255,255,.05);color:#fff;font:inherit;font-weight:800;font-size:1.05rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.signal-pad span{display:block;font-size:1.7rem;margin-bottom:.25rem}.signal-pad[data-pad="0"]{--pad:#92a4ff}.signal-pad[data-pad="1"]{--pad:#ffd47a}.signal-pad[data-pad="2"]{--pad:#63dbc8}.signal-pad[data-pad="3"]{--pad:#b9e679}.signal-pad.is-cue,.signal-pad:focus-visible{background:color-mix(in srgb,var(--pad) 35%,#111522);box-shadow:0 0 0 4px color-mix(in srgb,var(--pad) 32%,transparent),0 0 32px color-mix(in srgb,var(--pad) 25%,transparent);border-color:var(--pad)}.signal-pad:disabled{cursor:not-allowed;opacity:.7}.signal-pad.is-cue:disabled{opacity:1}.o022-sequence-text{min-height:2.25rem;text-align:center;color:#e8eaff;font-weight:700}
.courier-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1rem;align-items:start}.courier-grid{display:grid;gap:5px;width:min(100%,570px);aspect-ratio:1/1}.courier-cell{display:grid;place-items:center;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;background:rgba(255,255,255,.035);font-weight:800;font-size:clamp(.72rem,2.2vw,1.05rem)}.courier-cell.wall{background:repeating-linear-gradient(45deg,rgba(255,255,255,.12),rgba(255,255,255,.12) 5px,rgba(0,0,0,.15) 5px,rgba(0,0,0,.15) 10px);color:#d9deeb}.courier-cell.player{outline:3px solid #a897ff;background:rgba(168,151,255,.2)}.courier-cell.beacon{border-color:#70dfc5}.courier-cell.exit{border-color:#ffd47a}.courier-cell.collected{opacity:.6}.courier-controls{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:.4rem;justify-content:center;margin:1rem auto}.courier-controls button{border:1px solid rgba(255,255,255,.2);border-radius:.75rem;background:rgba(255,255,255,.07);color:#fff;font-size:1.25rem;cursor:pointer}.courier-controls [data-move="up"]{grid-column:2}.courier-controls [data-move="left"]{grid-row:2;grid-column:1}.courier-controls [data-move="down"]{grid-row:2;grid-column:2}.courier-controls [data-move="right"]{grid-row:2;grid-column:3}.courier-legend{display:grid;gap:.45rem;font-size:.9rem;color:#c9cfde}.courier-legend span{display:flex;gap:.45rem;align-items:center}.courier-legend b{min-width:1.6rem;text-align:center}.o022-noscript{padding:1rem;border:1px solid rgba(255,214,122,.25);background:rgba(255,214,122,.06);border-radius:1rem}
@media(max-width:760px){.o022-grid,.courier-layout{grid-template-columns:1fr}.o022-hero{padding-top:3.6rem}.signal-pad{min-height:92px}.courier-grid{width:100%}.courier-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.courier-layout aside .courier-controls{grid-column:1/-1}.o022-actions .v5-button{flex:1 1 150px}}
@media(max-width:420px){.courier-layout aside{grid-template-columns:1fr}.signal-pads{gap:.5rem}.signal-pad{min-height:82px;padding:.5rem}.courier-cell{border-radius:.35rem}.o022-card,.o022-game-shell{border-radius:.9rem}}
@media(prefers-reduced-motion:reduce){.signal-pad{transition:none}}