.drop-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(250px,1fr);gap:42px;align-items:start}.drop-play{min-width:0;scroll-margin-top:0}.drop-stage{position:relative;display:flex;justify-content:center;gap:25px;padding:16px;background:#18211e;border:1px solid #354237;border-top:0;border-radius:0 0 8px 8px;isolation:isolate;overflow:hidden}.drop-board-wrap{width:min(100%,clamp(160px,calc((100svh - 310px)/2),320px));flex-shrink:1;border:1px solid #566048;border-radius:4px;overflow:hidden;line-height:0}#drop-board{width:100%;height:auto;display:block;touch-action:none}.drop-rail{width:100px;flex-shrink:0;color:#e9dec9}.drop-rail .eyebrow{color:#cfb17a;margin:0 0 8px;font-size:9px}.next-piece{border:1px solid #475342;border-radius:6px;background:#24302a;margin-bottom:8px}.next-piece svg{display:block;width:100%;height:auto}.combo-badge{border-top:1px solid #475342;padding-top:16px;margin-top:16px}.combo-badge>span{font-size:9px;letter-spacing:.12em;color:#cfb17a}.combo-badge strong{display:block;font:600 34px 'Cormorant Garamond',Georgia,serif;color:#f2d69d}.combo-badge small{font-size:9px;color:#b8b9a9;line-height:1.5;display:block}.landing-note{font-size:9px;color:#b8b9a9;line-height:1.5;margin-top:22px}.drop-stage .game-overlay{background:#14201bee;gap:13px}.drop-stage .game-overlay h2{font-size:48px}.drop-stage .game-overlay>p:not(.eyebrow){font-size:12px;max-width:320px}.drop-feedback{font-size:12px;font-weight:600;padding:10px 0;min-height:38px;color:var(--arc-accent)}.drop-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.drop-controls button{touch-action:none;user-select:none;border:1px solid var(--arc-line);background:var(--arc-surface);border-radius:8px;padding:7px 4px;font-size:25px;color:var(--arc-ink);line-height:1.1;min-height:54px}.drop-controls small{display:block;font:600 10px/1.6 Manrope,Arial,sans-serif}.drop-controls [data-action=drop]{background:var(--arc-gold);color:#201c17;border-color:var(--arc-gold)}.drop-controls button:active{background:var(--arc-soft)}.keyboard-note{font-size:10px;color:var(--arc-muted);text-align:center}.pattern-brief .eyebrow{margin-top:8px}.pattern-brief h2{font-size:35px}.garment-display{background:var(--arc-soft);border-radius:100px 100px 8px 8px;text-align:center;max-width:240px;margin:24px auto 20px;padding:12px;color:var(--arc-muted)}.garment-display svg{width:100%;height:185px}.garment-display p{font-size:10px;margin:0}.collection-progress{padding:0;list-style:none;font-size:11px}.collection-progress li{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--arc-line)}.collection-progress span{font:600 23px 'Cormorant Garamond',Georgia,serif;color:var(--arc-accent)}.collection-progress b{margin-left:auto;font-size:10px;color:var(--arc-muted)}.collection-progress .complete b{color:var(--arc-accent)}.today-record{display:flex;justify-content:space-between;font-size:12px}.daily-mix{font-size:11px!important}.pattern-brief details{font-size:12px}.pattern-brief h2 em{color:var(--arc-accent)}
@media(max-width:900px){.drop-layout{gap:24px;grid-template-columns:minmax(0,1fr) 230px}.drop-stage{gap:12px;padding:12px}.drop-rail{width:75px}.drop-stage .game-overlay h2{font-size:35px}.drop-stage .game-overlay>p:not(.eyebrow){font-size:11px}.drop-stage .game-overlay{gap:9px;padding:18px}.drop-stage .game-overlay label{flex-direction:column;gap:4px}.pattern-brief h2{font-size:31px}}
@media(max-width:650px){.drop-layout{display:block}.drop-stage{padding:10px;gap:12px}.drop-board-wrap{width:min(100%,clamp(160px,calc((100svh - 330px)/2),280px))}.drop-rail{width:72px}.drop-stage .game-overlay h2{font-size:38px}.drop-stage .game-overlay{padding:22px}.drop-stage .game-overlay label{flex-direction:row;gap:8px}.drop-controls{gap:5px}.drop-controls button{font-size:24px;min-height:52px}.drop-feedback{font-size:10px}.keyboard-note{display:none}.pattern-brief{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.pattern-brief>.eyebrow,.pattern-brief>h2,.pattern-brief>details,.pattern-brief>.device-note,.today-record{grid-column:1/-1}.garment-display{grid-column:1;margin:18px 0;width:100%;padding:8px}.garment-display svg{height:135px}.collection-progress{grid-column:2;align-self:center;font-size:10px}.collection-progress span{display:none}.collection-progress li{gap:4px}.collection-progress b{font-size:9px}.today-record{margin-top:5px}.drop-stage .gold-button{font-size:12px;min-height:42px}.drop-stage .game-overlay>p:not(.eyebrow){max-width:260px}}
@media(max-height:620px) and (min-width:651px){.drop-board-wrap{width:170px}.drop-stage .game-overlay h2{font-size:32px}.drop-stage .game-overlay{gap:8px}.drop-stage .game-overlay label{flex-direction:row}}