.npc-breakout{width:min(1160px,100% - 2rem);color:var(--npc-ivory);margin-inline:auto;padding-block:2.5rem 1rem;position:relative}.npc-breakout [hidden]{display:none!important}.breakout-trigger{border-radius:var(--radius-md);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:1.1rem;padding:1.25rem 0 1.5rem;display:flex}.breakout-trigger:focus-visible{outline:2px solid var(--npc-lime);outline-offset:-4px}.breakout-art{--word-size:clamp(4.5rem, 15vw, 12rem);opacity:.82;justify-content:center;align-items:flex-end;gap:clamp(.75rem,2.4vw,2rem);transition:opacity .3s,transform .3s,filter .3s;display:flex}.breakout-word{background:linear-gradient(90deg, var(--npc-lime), var(--npc-mint), var(--npc-sky));color:#0000;font-size:var(--word-size);letter-spacing:-.06em;-webkit-background-clip:text;background-clip:text;font-weight:900;line-height:.74}.breakout-sprite{width:auto;height:calc(var(--word-size) * .74 / .7)}.breakout-trigger:hover .breakout-art,.breakout-trigger:focus-visible .breakout-art{opacity:1;filter:drop-shadow(0 0 22px #a4ef8547);transform:translateY(-4px)}.breakout-hint{letter-spacing:.08em;opacity:.6;border:1px solid #f4f5eb38;border-radius:999px;padding:.3rem .95rem;font:700 .75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transition:opacity .3s,color .3s,border-color .3s}.breakout-trigger:hover .breakout-hint,.breakout-trigger:focus-visible .breakout-hint{border-color:var(--npc-lime);color:var(--npc-lime);opacity:1}.breakout-wallet-hint{color:var(--npc-lime);margin-top:-.4rem;font:600 .72rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.breakout-stage{height:var(--stage-height,600px);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 0,#a4ef8514,#0000 60%),#0c1611;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f4f5eb14}.breakout-canvas{touch-action:none;cursor:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.breakout-hud{height:56px;color:var(--npc-ivory-soft);pointer-events:none;align-items:center;gap:1.1rem;padding-inline:1rem;font:600 .74rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:absolute;inset:0 0 auto}.breakout-hud b{color:var(--npc-ivory);font-weight:800}.breakout-hud [data-hud-tokens]{color:var(--npc-lime)}.breakout-exit{color:var(--npc-ivory);font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #f4f5eb38;border-radius:999px;margin-left:auto;padding:.35rem .85rem}.breakout-exit:hover{border-color:var(--npc-lime);color:var(--npc-lime)}.breakout-toast{width:min(90%,32rem);color:var(--npc-ivory);text-align:center;opacity:0;pointer-events:none;background:#111d17e0;border-radius:.8rem;margin:0;padding:.65rem 1rem;font-size:.98rem;font-weight:650;transition:opacity .3s;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.breakout-toast.is-visible{opacity:1}.breakout-toast.is-bad{color:#ff9b8f}.breakout-launch{color:var(--npc-ivory-soft);text-align:center;pointer-events:none;margin:0;font:600 .74rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;inset:auto 1rem 3rem}.breakout-result{text-align:center;backdrop-filter:blur(4px);background:#0c1611e6;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.5rem;display:flex;position:absolute;inset:0}.breakout-result p{margin:0}.breakout-result h2{color:var(--npc-ivory);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.breakout-result [data-result-body]{max-width:38ch;color:var(--npc-ivory-soft)}.breakout-result-kicker,.breakout-result-earned{color:var(--npc-lime);letter-spacing:.06em;font:700 .8rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.breakout-result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.6rem;display:flex}.breakout-result-actions>*{min-height:2.6rem;color:var(--npc-ivory);font:inherit;cursor:pointer;background:0 0;border:1px solid #f4f5eb4d;border-radius:999px;align-items:center;padding:.5rem 1.15rem;font-size:.9rem;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.breakout-result-actions>:hover{border-color:var(--npc-lime);color:var(--npc-lime)}.breakout-result-actions .is-primary{border-color:var(--npc-lime);background:var(--npc-lime);color:var(--npc-forest)}.breakout-result-actions .is-primary:hover{background:var(--npc-lime-strong);color:var(--npc-forest)}.breakout-result-actions .is-primary:disabled{opacity:.6;cursor:progress}.breakout-result-note{max-width:42ch;color:var(--npc-ivory-soft);font-size:.85rem}@media (width<=640px){.breakout-art{--word-size:clamp(4.2rem, 30vw, 7rem);flex-wrap:wrap;row-gap:1rem}.breakout-word{text-align:center;flex:0 0 100%}.breakout-hud{gap:.7rem;padding-inline:.7rem;font-size:.68rem}.breakout-hud-best{display:none}}@media (prefers-reduced-motion:reduce){.breakout-art,.breakout-hint,.breakout-toast,.breakout-result-actions>*{transition:none}.breakout-trigger:hover .breakout-art,.breakout-trigger:focus-visible .breakout-art{transform:none}}