:root{--accent:#ff6a35;--accent-strong:#f0561f;--accent-ink:#f0561f;--accent-soft:#ff6a351f;--accent-glow:#ff6a3529;--focus:#ff441866}@media (prefers-color-scheme:dark){:root{--accent-ink:#ff7a4a;--accent-soft:#ff6a3529;--accent-glow:#ff6a3521;--focus:#ff6a358c}}.mm-stage{isolation:isolate;border:1px solid var(--line);background:radial-gradient(closest-side, var(--accent-soft), transparent 90%), var(--surface);min-height:150px;max-height:min(480px,100cqw);box-shadow:var(--shadow-soft);border-radius:24px;flex:1 1 0;margin-top:auto;transition:box-shadow .4s;position:relative;overflow:hidden}.mm-stage.is-revealed{cursor:zoom-in}.mm-art{object-fit:contain;opacity:0;filter:blur(24px);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:86%;height:86%;transition:opacity .9s .72s,filter 1s .72s,transform 1.24s cubic-bezier(.2,1.25,.3,1) .72s;position:absolute;inset:7%;transform:perspective(700px)rotateY(-18deg)scale(.54)}.mm-stage.is-revealed .mm-art{opacity:1;filter:drop-shadow(0 14px 22px #0808081f);transform:none}.mm-stage.is-revealed.is-loss .mm-art{filter:saturate(.78)brightness(.98)}.mm-curtain{z-index:2;background:var(--well);pointer-events:none;width:50.5%;transition:transform 1.08s cubic-bezier(.65,0,.35,1) .58s,opacity .4s 1.3s;position:absolute;top:0;bottom:0}.mm-curtain-left{border-right:1px solid var(--line);left:0}.mm-curtain-right{right:0}.mm-stage.is-revealed .mm-curtain-left{opacity:0;transform:translate(-104%)}.mm-stage.is-revealed .mm-curtain-right{opacity:0;transform:translate(104%)}.mm-stage.is-instant .mm-curtain{display:none}.mm-stage.is-instant .mm-art{filter:none;transition:opacity .3s;transform:none}.mm-art-missing{color:var(--muted);place-content:center;justify-items:center;gap:10px;font-weight:650;display:grid;position:absolute;inset:0}.mm-zoom{z-index:3;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:34px;height:34px;animation:.3s 1.6s both dw-fade-in;position:absolute;top:10px;right:10px}.mm-stage.is-instant .mm-zoom{animation-delay:0s}.dw-shell[data-state=won] .mm-stage{box-shadow:0 0 0 3px var(--accent), 0 22px 60px #ff6a3547}.mm-burst{z-index:3;pointer-events:none;position:absolute;top:50%;left:50%}.mm-burst i{background:var(--color);opacity:0;width:10px;height:10px;animation:dw-burst 1.1s cubic-bezier(.15, .8, .3, 1) var(--delay) forwards;border-radius:3px;margin:-5px;position:absolute}.mm-tracker{align-items:center;gap:9px;font-size:14px;font-weight:650;display:flex}.mm-tracker-icon{color:var(--accent);flex:none}.mm-pips{gap:7px;margin-left:auto;display:flex}.mm-pips span{background:var(--line-strong);border-radius:50%;width:11px;height:11px;transition:background .3s,transform .3s}.mm-pips .is-on{background:var(--accent)}.mm-pips .is-off{transform:scale(.82)}.mm-slots{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;animation:.36s both dw-fade-up;display:grid}.mm-slot{border:1.5px dashed var(--line-strong);background:var(--well);border-radius:15px;flex-direction:column;justify-content:center;min-width:0;min-height:54px;padding:10px 13px;display:flex}.mm-slot.is-found{background:var(--accent-strong);color:#fff;border:1.5px solid #0000}.mm-slot.is-revealed{border-style:solid;border-color:var(--line);color:var(--ink-2);animation:dw-slot-reveal .52s ease var(--slot-delay) both}.mm-slot.is-new{animation:.56s cubic-bezier(.2,1.4,.4,1) dw-slot-pop}.mm-slot-hidden{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:750;display:flex}.mm-slot-word{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(14px,4.6cqw,19px);font-weight:850;overflow:hidden}.mm-composer{border:1.5px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:22px;align-items:center;gap:8px;padding:6px;transition:border-color .18s,box-shadow .18s;display:flex}.mm-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft), var(--shadow-soft)}.mm-input{min-width:0;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1;padding:10px 8px 10px 12px;font-size:18px;font-weight:800}.mm-input:focus-visible{outline:none}.mm-input::placeholder{color:var(--muted-2);letter-spacing:0;text-transform:none;font-weight:600}.mm-submit{background:var(--accent-strong);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;transition:background .2s,box-shadow .2s,transform .14s;display:grid;box-shadow:0 8px 20px #f0561f52}.mm-submit:active:not(:disabled){transform:scale(.92)}.mm-submit:disabled{background:var(--well-strong);color:var(--muted-2);box-shadow:none;cursor:default}.mm-lightbox{cursor:zoom-out;background:#080808d1;align-items:center;padding:20px}.mm-lightbox>div{position:relative}.mm-lightbox-art{width:min(88vw, calc(var(--dw-vvh,100dvh) - 80px), 760px);aspect-ratio:1;object-fit:contain;background:var(--surface);border-radius:28px;animation:.36s cubic-bezier(.2,1,.3,1) both dw-card-in}.mm-lightbox-art.is-loss{filter:saturate(.78)}.mm-lightbox-close{position:absolute;top:12px;right:12px}.mm-answer{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:6px 0 2px;display:flex}.mm-answer>span{letter-spacing:.05em;align-items:center;gap:6px;font-size:15px;font-weight:850;display:inline-flex}.mm-answer i{color:var(--muted-2);font-style:normal;font-weight:700}.mm-answer .is-found{color:var(--accent-ink)}.mm-answer .is-missed{color:var(--ink-2)}@media (width>=960px) and (height>=660px){.mm-board{grid-template:"stage heading""stage panel""stage slots""stage dock""stage."1fr"stage promo"/auto minmax(330px,400px);justify-content:center;gap:14px clamp(28px,4vw,48px);width:min(100% - 64px,1060px);display:grid}.mm-board>.dw-heading{grid-area:heading;align-items:flex-end;padding-top:6px}.mm-board>.dw-panel{grid-area:panel}.mm-board>.dw-dock{grid-area:dock}.mm-board>.dw-side-promo{grid-area:promo}.mm-stage{width:min(calc(var(--dw-vvh,100dvh) - 150px), 600px, 50vw);aspect-ratio:1;border-radius:30px;grid-area:stage;align-self:center;max-height:none;margin-top:0}.mm-slots{grid-area:slots}}@container shell (height<=640px){.mm-stage{border-radius:20px;min-height:120px}.mm-tracker{font-size:13px}.mm-slot{min-height:44px;padding:7px 11px}.mm-slot-word{font-size:clamp(14px,4.2cqw,16px)}}@container shell (height<=500px){.mm-stage{min-height:104px}}
