@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2")}@font-face{font-family:Oxanium;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/oxanium-latin-700-normal-l0hKEjh4.woff2)format("woff2")}html,body{font-family:var(--op-font-text);color:var(--op-text);-webkit-tap-highlight-color:transparent}.op-icon{flex:none;display:block}.op-screen{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + var(--op-s3)) var(--op-s4) 0;background:radial-gradient(120% 60% at 50% 0%, #1b2660 0%, transparent 60%), linear-gradient(transparent 31px, #ffffff06 32px) 0 0 / 32px 32px, linear-gradient(90deg, transparent 31px, #ffffff06 32px) 0 0 / 32px 32px, var(--op-bg);text-align:left;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.op-enter{animation:.28s cubic-bezier(.2,.8,.2,1) both op-enter}@keyframes op-enter{0%{opacity:0;transform:translateY(10px)}}.op-scroll{overscroll-behavior:contain;min-height:0;margin:0 calc(-1 * var(--op-s4));padding:0 var(--op-s4) var(--op-s4);scrollbar-width:none;flex:1;overflow-y:auto}.op-scroll::-webkit-scrollbar{display:none}.op-display{font-family:var(--op-font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:700;line-height:1.05}.op-kicker{font-family:var(--op-font-display);letter-spacing:.28em;text-transform:uppercase;color:var(--op-cyan);font-size:12px;font-weight:700}.op-h{font-family:var(--op-font-display);letter-spacing:.08em;text-transform:uppercase;margin:var(--op-s4) 0 var(--op-s2);justify-content:space-between;align-items:baseline;font-size:15px;font-weight:700;display:flex}.op-h small{font-family:var(--op-font-text);letter-spacing:0;text-transform:none;color:var(--op-text-dim);font-size:12px;font-weight:400}.op-dim{color:var(--op-text-dim)}.op-num{font-variant-numeric:tabular-nums}.op-panel{background:linear-gradient(180deg, var(--op-panel-hi), var(--op-panel));border:1px solid var(--op-line);border-radius:var(--op-radius-lg);box-shadow:inset 0 1px #ffffff0d}.op-pad{padding:var(--op-s4)}button.op-btn{font-family:var(--op-font-text);color:var(--op-text);min-height:var(--op-touch);min-width:var(--op-touch);padding:0 var(--op-s4);justify-content:center;align-items:center;gap:var(--op-s2);background:var(--op-panel);border:1px solid var(--op-line);border-radius:var(--op-radius-md);cursor:pointer;white-space:nowrap;margin:0;font-size:15px;font-weight:700;transition:transform 80ms,filter .15s,background .15s,border-color .15s;display:inline-flex}button.op-btn:active:not(:disabled){filter:brightness(1.25);transform:scale(.96)}button.op-btn:disabled{opacity:.45;cursor:default;filter:grayscale(.5)}button.op-btn.is-on{border-color:var(--op-cyan);color:var(--op-cyan);background:#3de8ff14}.op-btn--cut{clip-path:polygon(var(--op-cut-lg) 0, 100% 0, 100% calc(100% - var(--op-cut-lg)), calc(100% - var(--op-cut-lg)) 100%, 0 100%, 0 var(--op-cut-lg));border:0!important;border-radius:0!important}button.op-btn--primary{background:var(--op-magenta);color:var(--op-on-accent);font-family:var(--op-font-display);letter-spacing:.22em;text-transform:uppercase;filter:drop-shadow(0 0 14px #ff4fa855);width:100%;min-height:64px;font-size:24px}button.op-btn--accent{background:var(--op-cyan);color:var(--op-on-accent);font-family:var(--op-font-display);letter-spacing:.16em;text-transform:uppercase}button.op-btn--sm{min-height:36px;padding:0 var(--op-s3);font-size:13px;position:relative}button.op-btn--sm:after{content:"";position:absolute;inset:-4px}button.op-btn--ghost{background:0 0}button.op-btn--block{width:100%}button.op-btn--claim{background:var(--op-green);color:var(--op-on-accent);border-color:#0000}button.op-btn--gold{color:var(--op-amber)}.op-topbar{align-items:center;gap:6px;display:flex}.op-lvbadge{width:46px;height:46px;font-family:var(--op-font-display);background:var(--op-cyan);color:var(--op-cyan);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;position:relative}.op-lvbadge:before{content:"";clip-path:inherit;background:#1c2a6b;position:absolute;inset:2px}.op-lvbadge span{position:relative}.op-id{flex:1;min-width:0}.op-id b{font-family:var(--op-font-display);letter-spacing:.02em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.op-id small{color:var(--op-text-dim);font-size:12px}.op-chip{background:var(--op-panel);border:1px solid var(--op-line);border-radius:var(--op-radius-md);font-variant-numeric:tabular-nums;align-items:center;gap:5px;height:34px;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.op-chip .op-icon{width:16px;height:16px}.op-rw{align-items:center;gap:3px;font-weight:700;display:inline-flex}.c-amber{color:var(--op-amber)}.c-cyan{color:var(--op-cyan)}.c-green{color:var(--op-green)}.c-purple{color:var(--op-purple)}.c-magenta{color:var(--op-magenta)}.c-text{color:var(--op-text)}.op-quick{gap:var(--op-s2);margin:var(--op-s3) 0;grid-template-columns:repeat(3,1fr);display:grid}.op-quick button.op-btn{padding:0 var(--op-s2);font-size:14px;position:relative}.op-dot{background:var(--op-magenta);width:8px;height:8px;box-shadow:0 0 8px var(--op-magenta);border-radius:50%;animation:1.4s ease-in-out infinite op-pulse;position:absolute;top:6px;right:8px}@keyframes op-pulse{50%{opacity:.7;transform:scale(1.35)}}.op-fill>div{flex-direction:column;min-height:100%;display:flex}.op-fill .op-chapter,.op-fill .op-preview{flex:1}.op-chapter{padding:var(--op-s4);gap:var(--op-s3);flex-direction:column;display:flex}.op-chapter-head{align-items:center;gap:var(--op-s2);text-align:center;grid-template-columns:44px 1fr 44px;display:grid}.op-chapter-head .op-display{letter-spacing:.02em;text-shadow:0 0 18px var(--ch-accent,var(--op-cyan));font-size:clamp(16px,4.8vw,22px)}.op-chapter-head .op-kicker{color:var(--ch-accent,var(--op-cyan))}.op-preview{border:1px solid var(--op-line);border-radius:var(--op-radius-sm);background:linear-gradient(180deg, var(--ch-sky1) 0%, var(--ch-sky2) 55%, var(--ch-floor) 55%, #05070d 100%);min-height:170px;position:relative;overflow:hidden}.op-preview>svg{width:100%;height:100%;position:absolute;inset:0}.op-preview .op-tag{top:var(--op-s2);right:var(--op-s2);position:absolute}.op-preview .lbl{left:var(--op-s2);top:var(--op-s2);letter-spacing:.12em;color:#fffa;font-size:11px;font-family:var(--op-font-display);position:absolute}.op-preview.locked:after{content:"";-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();background:#070a18c0;position:absolute;inset:0}.op-preview .lockmsg{z-index:1;color:var(--op-text-dim);text-align:center;align-content:center;place-items:center;gap:6px;font-weight:700;display:grid;position:absolute;inset:0}.op-stats{gap:var(--op-s2);grid-template-columns:repeat(3,1fr);display:grid}.op-stat{background:var(--op-bg-deep);border:1px solid var(--op-line);border-radius:var(--op-radius-md);padding:var(--op-s2);text-align:center}.op-stat small{color:var(--op-text-dim);font-size:11px;display:block}.op-stat b{font-size:15px}.op-bar{background:#26305f;border-radius:4px;height:8px;overflow:hidden}.op-bar>i{background:var(--bar,var(--op-cyan));height:100%;box-shadow:0 0 10px var(--bar,var(--op-cyan));border-radius:4px;transition:width .4s;display:block}.op-row{justify-content:space-between;align-items:center;gap:var(--op-s2);display:flex}.op-tag{letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb, currentColor 14%, transparent);border:1px solid;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.op-tag--solid{background:currentColor}.op-tag--solid>span{color:var(--op-on-accent)}.op-list{gap:var(--op-s2);flex-direction:column;display:flex}.op-item{align-items:center;gap:var(--op-s3);padding:var(--op-s3);box-sizing:border-box;min-height:56px;display:flex}.op-item .ico{border-radius:var(--op-radius-md);background:var(--op-bg-deep);border:1px solid var(--op-line);flex:none;place-items:center;width:40px;height:40px;display:grid}.op-item .main{flex:1;min-width:0}.op-item .main b{font-size:15px;display:block}.op-item .main small{color:var(--op-text-dim);margin-top:2px;font-size:12px;display:block}.op-item .main .op-bar{margin-top:6px}.op-item.done{opacity:.55}.op-gear{gap:var(--op-s2);grid-template-columns:repeat(3,1fr);display:grid}.op-gear>div{aspect-ratio:1;text-align:center;border-color:var(--rc,var(--op-line));box-shadow:inset 0 0 18px color-mix(in srgb, var(--rc,transparent) 25%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.op-gear>div b{font-size:13px}.op-gear>div small{color:var(--rc,var(--op-text-mute));font-weight:700}.op-week{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.op-day{text-align:center;border-radius:var(--op-radius-sm);background:var(--op-bg-deep);border:1px solid var(--op-line);padding:6px 0;font-size:11px}.op-day b{color:var(--op-amber);font-size:12px;display:block}.op-day.got{border-color:var(--op-green);color:var(--op-green)}.op-day.now{border-color:var(--op-magenta);box-shadow:0 0 10px #ff4fa866}.op-nav{margin:0 calc(-1 * var(--op-s4));padding-bottom:env(safe-area-inset-bottom);background:var(--op-bg-deep);border-top:1px solid var(--op-line);grid-template-columns:repeat(5,1fr);display:grid}.op-nav button{all:unset;box-sizing:border-box;height:64px;color:var(--op-text-dim);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;transition:color .15s;display:flex;position:relative}.op-nav button:active{transform:scale(.94)}.op-nav button.is-on{color:var(--op-cyan)}.op-nav button.is-on:before{content:"";background:var(--op-cyan);height:3px;box-shadow:0 0 10px var(--op-cyan);position:absolute;top:-1px;left:18%;right:18%}.op-nav button.is-on .op-icon{filter:drop-shadow(0 0 6px var(--op-cyan))}.op-toast{left:var(--op-s4);right:var(--op-s4);bottom:calc(env(safe-area-inset-bottom) + 76px);z-index:5;padding:var(--op-s3) var(--op-s4);border-radius:var(--op-radius-md);border:1px solid var(--op-cyan);pointer-events:none;background:#0a0f24f2;font-size:14px;font-weight:600;animation:.25s ease-out both op-toast;position:absolute;box-shadow:0 0 20px #3de8ff33}.op-toast.err{border-color:var(--op-red);color:#ffc2cc;box-shadow:0 0 20px #ff4d6a33}@keyframes op-toast{0%{opacity:0;transform:translateY(8px)}}.op-modal{z-index:10;background:#050816cc;align-items:flex-end;animation:.2s both op-fade;display:flex;position:absolute;inset:0}@keyframes op-fade{0%{opacity:0}}.op-sheet{box-sizing:border-box;width:100%;padding:var(--op-s5) var(--op-s4) calc(env(safe-area-inset-bottom) + var(--op-s5));border-radius:var(--op-radius-lg) var(--op-radius-lg) 0 0;border-bottom:0;animation:.28s cubic-bezier(.2,.8,.2,1) both op-sheet}@keyframes op-sheet{0%{opacity:0;transform:translateY(40px)}}.op-sheet .op-row+.op-row{border-top:1px solid var(--op-line)}.op-sheet .op-row{min-height:56px}.op-seg{border:1px solid var(--op-line);border-radius:var(--op-radius-md);display:inline-flex;overflow:hidden}.op-seg button.op-btn{min-width:0;padding:0 var(--op-s3);background:0 0;border:0;border-radius:0;font-size:13px}.op-seg button.op-btn.is-on{background:var(--op-cyan);color:var(--op-on-accent)}.op-switch{all:unset;cursor:pointer;background:#26305f;border-radius:22px;flex:none;width:64px;height:44px;transition:background .2s;position:relative}.op-switch:after{content:"";background:var(--op-text-dim);border-radius:50%;width:30px;height:30px;transition:transform .2s,background .2s;position:absolute;top:7px;left:7px}.op-switch.is-on{background:#3de8ff44}.op-switch.is-on:after{background:var(--op-cyan);box-shadow:0 0 10px var(--op-cyan);transform:translate(20px)}.op-label{align-items:center;gap:var(--op-s3);font-weight:600;display:flex}.op-login{justify-content:center;gap:var(--op-s4);padding-bottom:var(--op-s6)}.op-logo{text-align:center;margin-bottom:var(--op-s5)}.op-logo .op-kicker{margin-bottom:var(--op-s3);font-size:11px}.op-logo .op-display{color:var(--op-cyan);text-shadow:0 0 24px #3de8ff88;font-size:40px;line-height:.95}.op-logo .op-display em{color:var(--op-magenta);text-shadow:0 0 24px #ff4fa888;letter-spacing:.3em;margin-top:6px;font-size:26px;font-style:normal;display:block}.op-glitch span{letter-spacing:.06em;font-size:46px;animation:3.2s ease-in-out infinite op-neon;display:block;position:relative}.op-glitch span:before,.op-glitch span:after{content:attr(data-text);opacity:0;position:absolute;inset:0}.op-glitch span:before{color:var(--op-magenta);text-shadow:none;animation:4.5s step-end infinite op-glitch-a}.op-glitch span:after{color:#fff;mix-blend-mode:screen;animation:4.5s step-end infinite op-glitch-b}.op-glitch em{animation:3.2s ease-in-out -1.1s infinite op-neon}.op-logo-bar{background:linear-gradient(90deg, transparent, var(--op-cyan), var(--op-magenta), transparent);width:60%;height:2px;margin:10px auto 0;animation:2.6s ease-in-out infinite op-scan;box-shadow:0 0 12px #3de8ffaa}@keyframes op-neon{0%,to{filter:brightness()}48%{filter:brightness(1.25)}52%{filter:brightness(.8)}56%{filter:brightness(1.3)}}@keyframes op-glitch-a{0%,90%,to{opacity:0;transform:none}91%{opacity:.9;clip-path:inset(10% 0 55%);transform:translate(-4px,1px)}94%{opacity:.9;clip-path:inset(60% 0 8%);transform:translate(5px,-1px)}97%{opacity:0}}@keyframes op-glitch-b{0%,91%,to{opacity:0;transform:none}92%{opacity:.7;clip-path:inset(40% 0 30%);transform:translate(4px)}95%{opacity:.7;clip-path:inset(5% 0 70%);transform:translate(-3px,1px)}98%{opacity:0}}@keyframes op-scan{0%,to{opacity:.6;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}}.op-logo p{color:var(--op-text-dim);margin:var(--op-s3) 0 0;font-size:14px}.op-field{align-items:center;gap:var(--op-s3);height:52px;padding:0 var(--op-s4);background:var(--op-bg-deep);border:1px solid var(--op-line);border-radius:var(--op-radius-md);color:var(--op-text-dim);transition:border-color .15s,box-shadow .15s;display:flex}.op-field:focus-within{border-color:var(--op-cyan);color:var(--op-cyan);box-shadow:0 0 0 3px #3de8ff22}.op-field input{all:unset;min-width:0;height:100%;color:var(--op-text);font:600 16px var(--op-font-text);flex:1}.op-field input::placeholder{color:var(--op-text-mute);font-weight:400}.op-err{color:#ff9fb0;text-align:center;min-height:20px;font-size:14px}.op-fps{top:calc(env(safe-area-inset-top) + 4px);z-index:20;pointer-events:none;color:var(--op-green);font:700 11px var(--op-font-text);font-variant-numeric:tabular-nums;background:#0a0f24cc;border:1px solid #93f25c55;border-radius:3px;padding:2px 6px;position:absolute;left:50%;transform:translate(-50%)}.op-fps.warn{color:var(--op-amber);border-color:#ffb83d55}.op-fps.bad{color:var(--op-red);border-color:#ff4d6a55}.op-pulls{justify-content:center;align-items:stretch;gap:var(--op-s3);padding:calc(env(safe-area-inset-top) + var(--op-s4)) var(--op-s4) calc(env(safe-area-inset-bottom) + var(--op-s4));background:radial-gradient(90% 50% at 50% 30%, color-mix(in srgb, var(--rc) 22%, transparent), transparent 70%), var(--op-bg);z-index:15;flex-direction:column}.op-pulls-stage{text-align:center;justify-items:center;gap:var(--op-s2);display:grid}.op-chest{width:120px;height:104px;color:var(--op-amber);place-items:center;display:grid;position:relative}.op-chest>span{animation:op-chest-shake .9s calc(var(--off)) both, op-chest-open .5s calc(.9s + var(--off)) both;filter:drop-shadow(0 0 12px)}.op-chest .flash,.op-chest .ring{pointer-events:none;opacity:0;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%}.op-chest .flash{background:radial-gradient(circle, #fff 0%, var(--rc) 35%, transparent 70%);animation:op-chest-flash .7s calc(.9s + var(--off)) both}.op-chest .ring{border:3px solid var(--rc);box-shadow:0 0 18px var(--rc);animation:op-chest-ring .8s calc(.9s + var(--off)) ease-out both}@keyframes op-chest-shake{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:scale(1)}30%,50%,70%,90%{transform:rotate(-7deg)scale(1.02)}40%,60%,80%{transform:rotate(7deg)scale(1.04)}to{transform:scale(1.12)}}@keyframes op-chest-open{0%{color:#fff;transform:scale(1.12)}40%{color:var(--rc);transform:scale(1.35)}to{color:var(--rc);opacity:.9;transform:scale(.82)}}@keyframes op-chest-flash{0%{opacity:0;transform:scale(.3)}25%{opacity:1}to{opacity:0;transform:scale(2.4)}}@keyframes op-chest-ring{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(3)}}.op-pulls-best{animation:op-enter .35s calc(1.05s + var(--off)) both;gap:2px;display:grid}.op-pulls-best small{color:var(--op-text-dim);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.op-pulls-best b{color:var(--rc);text-shadow:0 0 20px var(--rc);font-size:28px}.op-pulls-grid{gap:var(--op-s2);scrollbar-width:none;flex:0 auto;align-content:start;min-height:0;padding:4px;display:grid;overflow-y:auto}.op-pulls-grid::-webkit-scrollbar{display:none}.op-pulls--one{grid-template-columns:160px;justify-content:center}.op-pulls--few{grid-template-columns:repeat(3,1fr)}.op-pulls--many{grid-template-columns:repeat(6,1fr);gap:6px}.op-pulls[data-size=many] .op-chest{height:72px}.op-pulls[data-size=many] .op-chest svg{width:52px;height:52px}.op-pulls[data-size=many] .op-pulls-best b{font-size:22px}.op-pull{padding:var(--op-s2) 4px;box-sizing:border-box;text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--rc) 22%, var(--op-panel-hi)), var(--op-panel));border:1px solid var(--rc);min-height:92px;clip-path:polygon(var(--op-cut-sm) 0, 100% 0, 100% calc(100% - var(--op-cut-sm)), calc(100% - var(--op-cut-sm)) 100%, 0 100%, 0 var(--op-cut-sm));box-shadow:inset 0 0 20px color-mix(in srgb, var(--rc) 30%, transparent);animation:op-pull-in .42s calc(var(--d) + var(--off)) cubic-bezier(.2, .9, .3, 1.3) both;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.op-pull .ico{color:var(--rc);filter:drop-shadow(0 0 6px var(--rc))}.op-pull b{font-size:12px;line-height:1.15}.op-pull small{color:var(--rc);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.op-pull .tags{flex-wrap:wrap;justify-content:center;gap:3px;min-height:0;display:flex}.op-pull .tags .op-tag{padding:1px 4px;font-size:10px}.op-pulls--one .op-pull{min-height:180px}.op-pulls--one .op-pull b{font-size:16px}.op-pulls--one .op-pull small{font-size:13px}.op-pulls--many .op-pull{min-height:50px;padding:4px 2px}.op-pulls--many .op-pull b{display:none}.op-pulls--many .op-pull small{letter-spacing:0;font-size:9px}.op-pulls--many .op-pull .tags{position:absolute;top:1px;right:1px}.op-pulls--many .op-pull .tags .op-tag{padding:0 2px;font-size:8px}.op-pulls--many .op-pull .tags .op-tag.c-purple{display:none}.op-pull.r-epic:after,.op-pull.r-legendary:after{content:"";animation:op-pull-shine .8s calc(var(--d) + .3s + var(--off)) both;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#fff6 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.op-pull.r-legendary{box-shadow:inset 0 0 24px color-mix(in srgb, var(--rc) 45%, transparent), 0 0 16px var(--rc)}@keyframes op-pull-in{0%{opacity:0;filter:brightness(3);transform:translateY(18px)scale(.5)rotateY(90deg)}60%{opacity:1;filter:brightness(1.8)}to{filter:none;transform:none}}@keyframes op-pull-shine{to{transform:translate(120%)}}.op-pulls-sum{text-align:center;gap:var(--op-s2);animation:op-enter .3s calc(var(--d) + var(--off)) both;display:grid}.op-pulls>button.op-btn{flex:none}.op-pulls.is-done,.op-pulls.is-done *,.op-pulls.is-done :after{animation:none!important}.op-pulls.is-done .op-chest>span{color:var(--rc);transform:scale(.82)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.op-range{appearance:none;cursor:pointer;background:0 0;flex:none;width:140px;height:44px}.op-range::-webkit-slider-runnable-track{background:#26305f;border-radius:3px;height:6px}.op-range::-moz-range-track{background:#26305f;border-radius:3px;height:6px}.op-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--op-cyan);width:22px;height:22px;box-shadow:0 0 10px var(--op-cyan);border:0;border-radius:50%;margin-top:-8px}.op-range::-moz-range-thumb{background:var(--op-cyan);width:22px;height:22px;box-shadow:0 0 10px var(--op-cyan);border:0;border-radius:50%}.op-screen.op-show{background:linear-gradient(#070a18f2 0,#070a1800 26% 52%,#070a18f2 100%)}.op-show .op-chapter{box-shadow:none;background:0 0;border-color:#0000;padding-top:0}.op-show .op-preview{background:0 0;border-color:#3de8ff33}.op-show .op-preview>svg{display:none}.op-show .op-stat,.op-show .op-chapter .op-bar{background:#070a18cc}.op-show .op-chapter-head{text-shadow:0 1px 6px #000}.op-show-hero .op-scroll{background:linear-gradient(#0000 0 34vh,#070a18f2 38vh)}.op-stage3d{height:34vh;margin:0 calc(-1 * var(--op-s4));cursor:grab;touch-action:pan-y;position:relative}.op-stage3d span{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#fff9;pointer-events:none;font-size:11px;position:absolute;bottom:6px;left:0;right:0}.op-hole{justify-content:center;align-items:stretch;gap:var(--op-s3);padding:calc(env(safe-area-inset-top) + var(--op-s4)) var(--op-s4) calc(env(safe-area-inset-bottom) + var(--op-s4));background:radial-gradient(90% 50% at 50% 30%, color-mix(in srgb, var(--op-purple) 26%, transparent), transparent 70%), var(--op-bg);z-index:15;flex-direction:column}.op-hole-stage{text-align:center;justify-items:center;gap:var(--op-s2);display:grid}.op-vortex{width:140px;height:140px;position:relative}.op-vortex i{border:3px solid #0000;border-top-color:var(--op-purple);border-bottom-color:var(--op-cyan);box-shadow:0 0 18px var(--op-purple);animation:op-vortex-spin 1.2s calc(var(--off)) linear 1 both;border-radius:50%;position:absolute;inset:0}.op-vortex .r2{animation-duration:.9s;animation-direction:reverse;inset:18px}.op-vortex .r3{animation-duration:.6s;inset:36px}.op-vortex .core{box-shadow:0 0 24px 8px var(--op-purple);animation:op-vortex-core 1.2s calc(var(--off)) ease-in both;background:#000;border:0;inset:52px}.op-hole.is-done .op-vortex i{animation:none}@keyframes op-vortex-spin{0%{transform:rotate(0)scale(1.2)}to{transform:rotate(900deg)scale(1)}}@keyframes op-vortex-core{0%{transform:scale(.4)}85%{transform:scale(1.5)}to{transform:scale(1)}}.op-hole-res{animation:op-enter .35s calc(1.05s + var(--off)) both;gap:2px;display:grid}.op-hole-res small{color:var(--op-text-dim);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.op-hole-res b{color:var(--op-purple);text-shadow:0 0 20px var(--op-purple);font-size:28px}.op-hole[data-hit="1"] .op-hole-res b{color:var(--op-green);text-shadow:0 0 20px var(--op-green)}.op-hole-grid{grid-template-columns:repeat(5,1fr);gap:6px;padding:4px;display:grid}.op-hole-card{text-align:center;border:1px solid color-mix(in srgb, var(--op-purple) 60%, transparent);background:color-mix(in srgb, var(--op-purple) 12%, transparent);min-height:44px;animation:op-hole-pop .38s calc(var(--d) + var(--off)) both;gap:2px;padding:8px 2px;display:grid}.op-hole-card b{color:var(--op-purple);font-size:14px}.op-hole-card small{color:var(--op-text-dim);font-size:10px}.op-hole-card.hit{border-color:var(--op-green);background:color-mix(in srgb, var(--op-green) 18%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--op-green) 60%, transparent)}.op-hole-card.hit b{color:var(--op-green)}@keyframes op-hole-pop{0%{opacity:0;transform:scale(.3)rotate(-40deg)}60%{transform:scale(1.15)}}.op-hole .op-pulls-sum{animation:op-enter .3s calc(var(--d) + var(--off)) both;text-align:center}.op-vortex{width:180px;height:180px;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--op-purple) 70%, transparent))}.op-vortex .r1{border-top-color:var(--op-magenta);border-left-color:var(--op-purple)}.op-vortex .r4{border:2px solid #0000;border-right-color:var(--op-cyan);border-left-color:var(--op-magenta);animation-duration:.45s;animation-direction:reverse;inset:62px}.op-vortex .core{animation:op-vortex-core 1.2s calc(var(--off)) ease-in both, op-vortex-pulse .5s calc(1.2s + var(--off)) ease-in-out infinite alternate;inset:68px}@keyframes op-vortex-pulse{0%{box-shadow:0 0 24px 8px var(--op-purple)}to{box-shadow:0 0 40px 16px var(--op-magenta)}}.op-vortex .sp{background:var(--op-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--op-cyan);animation:op-sp-in 1.2s calc(var(--off) + var(--sd,0s)) ease-in infinite;border-radius:50%;margin:-3px;position:absolute;top:50%;left:50%}.op-vortex .s1{--a:0deg}.op-vortex .s2{--a:60deg;--sd:.2s;background:var(--op-magenta);box-shadow:0 0 8px var(--op-magenta)}.op-vortex .s3{--a:120deg;--sd:.4s}.op-vortex .s4{--a:180deg;--sd:.6s;background:var(--op-magenta);box-shadow:0 0 8px var(--op-magenta)}.op-vortex .s5{--a:240deg;--sd:.8s}.op-vortex .s6{--a:300deg;--sd:1s;background:var(--op-purple);box-shadow:0 0 8px var(--op-purple)}@keyframes op-sp-in{0%{transform:rotate(var(--a)) translateX(96px) scale(1);opacity:1}to{transform:rotate(calc(var(--a) + 200deg)) translateX(0) scale(.2);opacity:0}}.op-hole.is-done .op-vortex .sp{opacity:0;animation:none}button.op-btn--lg{letter-spacing:.18em;min-height:60px;font-size:20px}.op-run-toast{bottom:calc(env(safe-area-inset-bottom) + 100px);text-align:center}.op-runbar{align-items:center;gap:var(--op-s2);grid-template-columns:48px 1fr auto;min-height:52px;display:grid}.op-runbar .mid{text-align:center}.op-runbar .op-kicker{color:var(--op-text-dim);font-size:11px}.op-runbar .op-display{letter-spacing:.06em;font-size:22px}button.op-btn.op-run-pause{background:var(--op-panel);width:48px;height:48px;padding:0}.op-chip--coin{border-color:#ffb83d66;height:44px;padding:0 12px;font-size:18px;box-shadow:inset 0 0 12px #ffb83d1c}.op-chip--coin .op-icon{width:18px;height:18px}.op-prep .op-scroll{padding-top:var(--op-s3)}.op-bag{padding:var(--op-s3)}.op-bonus{margin:-4px 0 var(--op-s2);color:var(--op-amber);border-radius:var(--op-radius-sm);background:#ffb83d14;border:1px solid #ffb83d44;align-items:center;gap:4px;padding:3px 8px;font-size:12px;animation:.4s both op-enter;display:inline-flex}.op-bag-grid{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);grid-auto-rows:1fr;gap:5px;display:grid}.op-cell{aspect-ratio:1;border-radius:var(--op-radius-sm);box-sizing:border-box;cursor:pointer;background:linear-gradient(160deg,#1a2766,#121b4a);border:1px solid #5f78e0;box-shadow:inset 0 0 8px #5f78e059}.op-cell.locked{box-shadow:none;opacity:.75;cursor:default;color:var(--op-text-mute);background:#060a1c;border:1px solid #141c3f;place-items:center;display:grid}button.op-bitem{all:unset;box-sizing:border-box;z-index:1;cursor:pointer;border-radius:var(--op-radius-sm);background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--rc) 24%, transparent), transparent 75%);border:0;flex-direction:column;justify-content:center;place-self:stretch stretch;gap:0;min-width:0;min-height:0;padding:2px;transition:transform .12s,box-shadow .15s;display:flex;position:relative;overflow:hidden}button.op-bitem:active{transform:scale(.96)}.op-bitem b{text-overflow:ellipsis;white-space:nowrap;padding-right:30px;font-size:13px;line-height:1.15;overflow:hidden}.op-bitem small{color:var(--rc);font-size:11px;font-weight:600}.op-bitem .lv{font:700 11px var(--op-font-display);color:var(--op-on-accent);background:var(--op-cyan);border-radius:2px;padding:1px 4px;position:absolute;top:5px;right:5px}.op-bitem .lv.max{background:var(--op-amber)}.op-bitem.tiny{text-align:center;align-items:center;padding:4px 2px}.op-bitem.tiny b{white-space:normal;max-width:100%;padding:0;font-size:11px}.op-bitem.tiny small{font-size:10px}.op-bitem.tiny .lv{margin-bottom:1px;font-size:10px;position:static}.op-bitem.vert{justify-content:center;align-items:center;padding:2px}.op-bitem.vert b{writing-mode:vertical-rl;white-space:nowrap;padding:0;transform:rotate(180deg)}.op-bitem.vert small{display:none}.op-bitem.vert .lv{left:50%;right:auto;transform:translate(-50%)}.op-bitem.sel{border-color:var(--op-amber);box-shadow:0 0 0 2px var(--op-amber), 0 0 18px #ffb83d88;z-index:2;transform:translateY(-2px)}.op-bitem.merge{border-color:var(--op-green);animation:1.1s ease-in-out infinite op-merge-hint}.op-bitem.merge small{color:var(--op-green);text-transform:uppercase;letter-spacing:.06em}@keyframes op-merge-hint{50%{box-shadow:inset 0 0 14px #93f25c44,0 0 14px #93f25c66}}.op-bitem.fx-buy{animation:.45s cubic-bezier(.2,1.6,.4,1) both op-pop}.op-bitem.fx-merge{animation:.6s ease-out both op-merged}@keyframes op-pop{0%{opacity:0;transform:scale(.4)}}@keyframes op-merged{0%{box-shadow:0 0 0 3px var(--op-green), 0 0 40px var(--op-green);filter:brightness(1.8);transform:scale(1.25)}to{transform:none}}.op-bag-foot{margin-top:var(--op-s3);font-size:13px}.op-bag-foot>span:last-child{text-align:right}.op-shop{gap:var(--op-s2);grid-template-columns:repeat(3,1fr);display:grid}button.op-offer{all:unset;box-sizing:border-box;min-height:116px;padding:var(--op-s3) var(--op-s2) var(--op-s2) var(--op-s3);cursor:pointer;border:1.5px solid var(--rc);border-radius:var(--op-radius-md);background:linear-gradient(180deg, var(--op-panel-hi), var(--op-panel));box-shadow:inset 0 0 18px color-mix(in srgb, var(--rc) 16%, transparent);flex-direction:column;gap:4px;transition:transform .1s,filter .15s;display:flex;position:relative}button.op-offer:active{filter:brightness(1.3);transform:scale(.95)}.op-offer .rk{font:700 11px var(--op-font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--rc)}.op-offer b{font-size:14px;line-height:1.15}.op-offer .shape{gap:2px;margin:2px 0 auto;display:grid}.op-offer .stat{color:var(--op-text-mute);margin-bottom:auto;font-size:11px}.op-offer .shape i{background:var(--rc);border-radius:1px;width:10px;height:10px}.op-offer .shape i.off{background:0 0}.op-offer .price{color:var(--op-amber);align-items:center;gap:4px;font-size:16px;font-weight:700;display:flex}.op-offer.poor{filter:saturate(.4)}.op-offer.poor .price{color:var(--op-red)}.op-badge{white-space:nowrap;font:700 10px var(--op-font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--op-on-accent);background:var(--op-green);border-radius:2px;padding:1px 6px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #93f25c88}.op-offer.sold{min-height:116px;color:var(--op-text-mute);border:1px dashed var(--op-line);border-radius:var(--op-radius-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.op-shop-acts{gap:var(--op-s2);margin-top:var(--op-s3);grid-template-columns:1fr 1fr;display:grid}.op-shop-acts button.op-btn{min-height:48px;padding:0 var(--op-s2);font-size:14px}.op-shop-acts .op-icon{color:var(--op-cyan)}.op-cta{padding:var(--op-s3) 0 calc(env(safe-area-inset-bottom) + 22px);gap:var(--op-s2);flex-direction:column;display:flex}.op-cards.op-modal-back{pointer-events:auto;z-index:20;padding:calc(env(safe-area-inset-top) + var(--op-s3)) var(--op-s3) calc(env(safe-area-inset-bottom) + var(--op-s3));box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#070a18aa 0,#070a18dd 100%);justify-content:center;align-items:center;animation:.25s both op-fade-in;display:flex;position:absolute;inset:0}.op-cards-modal{width:100%;max-width:420px;max-height:100%;padding:var(--op-s3);box-sizing:border-box;border:1.5px solid var(--op-line);border-radius:var(--op-radius-lg);background:color-mix(in srgb, var(--op-bg-deep) 88%, transparent);flex-direction:column;display:flex;box-shadow:0 0 40px #3de8ff33}@keyframes op-fade-in{0%{opacity:0}}.op-cards-head{text-align:center;padding:var(--op-s2) 0 var(--op-s3)}.op-cards-head .op-display{text-shadow:0 0 24px #3de8ff77;margin:6px 0;font-size:34px}.op-cards-head p{color:var(--op-text-dim);margin:0;font-size:14px}.op-cards-list{gap:var(--op-s3);flex-direction:column;flex:1;min-height:0;padding:4px 2px;display:flex;overflow-y:auto}button.op-skill{all:unset;box-sizing:border-box;gap:var(--op-s3);padding:var(--op-s3);cursor:pointer;border:1.5px solid color-mix(in srgb, var(--rc) 60%, var(--op-line));border-radius:var(--op-radius-lg);background:linear-gradient(180deg, var(--op-panel-hi), var(--op-panel));transition:transform .2s,opacity .2s,box-shadow .2s;animation:.4s cubic-bezier(.2,.9,.3,1.2) both op-card-in;display:flex}button.op-skill.is-rare{border-color:var(--rc);box-shadow:0 0 18px #3de8ff44,inset 0 0 20px #3de8ff14}button.op-skill.is-epic{border-color:var(--rc);box-shadow:0 0 22px color-mix(in srgb, var(--rc) 40%, transparent), inset 0 0 24px color-mix(in srgb, var(--rc) 12%, transparent)}button.op-skill:active{transform:scale(.98)}@keyframes op-card-in{0%{opacity:0;transform:translateY(24px)scale(.94)}}button.op-skill.is-picked{box-shadow:0 0 0 2px var(--op-green), 0 0 30px #93f25c88;border-color:var(--op-green);transform:scale(1.04)}button.op-skill.is-out{opacity:0;transform:scale(.94)}.op-skill .ico{width:64px;min-height:84px;color:var(--cc);background:color-mix(in srgb, var(--cc) 10%, var(--op-bg-deep));border:1px solid color-mix(in srgb, var(--cc) 35%, var(--op-line));border-radius:var(--op-radius-md);flex:none;align-self:stretch;place-items:center;display:grid}.op-skill .ico .op-icon{filter:drop-shadow(0 0 6px var(--cc))}.op-skill .body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.op-skill .tags{align-items:center;gap:6px;display:flex}.op-skill .tags small{color:var(--rc);font-size:12px;font-weight:600}.op-skill b{font-size:18px}.op-skill .desc{color:var(--op-text-dim);font-size:14px;line-height:1.3}.op-skill .prev{color:var(--op-green);font-size:13px;font-weight:700}.op-cards-foot{align-items:center;gap:var(--op-s2);padding-top:var(--op-s4);flex-direction:column;display:flex}.op-cards-foot button.op-reroll{min-width:220px;min-height:48px}.op-cards-foot .op-icon{color:var(--op-cyan)}#ui>.op-hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + var(--op-s3)) var(--op-s3) calc(env(safe-area-inset-bottom) + var(--op-s3));box-sizing:border-box;isolation:isolate;flex-direction:column;display:flex;position:absolute;inset:0}.op-hud button,.op-hud .op-chip{pointer-events:auto}.op-hud:before{content:"";z-index:-1;background:linear-gradient(#0a0f24e0,#0000);height:120px;position:absolute;top:0;left:0;right:0}.op-hud:after{content:"";z-index:-1;background:linear-gradient(#0000,#0a0f24ee 45%);height:190px;position:absolute;bottom:0;left:0;right:0}.op-hud-top{gap:var(--op-s2);grid-template-columns:44px 1fr auto;align-items:center;display:grid}.op-hud-top button.op-run-pause{width:44px;height:44px}.op-hud-top .op-chip--coin{height:40px;font-size:16px}.op-hud .wave b{font:700 14px var(--op-font-display);letter-spacing:.04em;text-transform:uppercase}.op-hud .wave small{color:var(--op-text-dim);font-size:12px}.op-hud .segs{gap:3px;margin-top:5px;display:flex}.op-hud .segs i{background:linear-gradient(90deg, var(--op-cyan) calc(var(--p,0) * 100%), #26305f 0);height:4px;box-shadow:0 0 6px color-mix(in srgb, var(--op-cyan) calc(var(--p,0) * 60%), transparent);border-radius:2px;flex:1}.op-boss{margin-top:var(--op-s3);padding:var(--op-s2) var(--op-s3);border:1.5px solid var(--op-magenta);border-radius:var(--op-radius-md);background:#2a0f3acc;animation:.3s both op-enter;box-shadow:0 0 18px #ff4fa844}.op-boss b{font:700 13px var(--op-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--op-magenta)}.op-boss small{color:var(--op-text-dim);font-size:12px}.op-boss .op-bar{--bar:var(--op-magenta);background:#4a1a46;height:8px;margin-top:6px}.op-boss .op-bar>i{transition:width .15s}.op-hud-bottom{flex-direction:column;gap:4px;margin-top:auto;display:flex}.op-hud-bottom .op-row b{font-size:13px}.op-hud-bottom .op-row span{font-size:13px;font-weight:600}.op-bar--hp{--bar:var(--op-green);border-radius:3px;height:12px}.op-bar--hp>i{border-radius:3px;transition:width .15s}.op-bar--hp.low{--bar:var(--op-red);animation:.9s ease-in-out infinite op-pulse}.op-hud-lv span{color:var(--op-text-dim);font-size:12px!important}.op-bar--xp{height:5px}.op-bar--xp>i{transition:width .25s}.op-wslots{grid-template-columns:repeat(var(--n), 1fr);margin-top:var(--op-s2);gap:5px;display:grid}.op-wslot{border:1.5px solid var(--rc);border-radius:var(--op-radius-sm);background:#10173acc;flex-direction:column;justify-content:center;align-items:center;height:48px;display:flex;position:relative;overflow:hidden}.op-wslot:before{content:"";height:calc(var(--rd,1) * 100%);background:color-mix(in srgb, var(--rc) 22%, transparent);position:absolute;bottom:0;left:0;right:0}.op-wslot b,.op-wslot small{position:relative}.op-wslot b{font:700 11px var(--op-font-display);letter-spacing:.04em;text-transform:uppercase}.op-wslot small{color:var(--rc);font-size:10px;font-weight:700}#stage.op-in-run .op-fps{top:auto;bottom:calc(env(safe-area-inset-bottom) + 2px);left:4px;transform:none}#stage.op-in-combat .op-fps{bottom:calc(env(safe-area-inset-bottom) + 142px);left:12px}.op-end .op-scroll{padding-top:var(--op-s5)}.op-end-head{text-align:center;padding:var(--op-s5) 0 var(--op-s4)}.op-end-head .op-display{white-space:nowrap;letter-spacing:.08em;color:var(--op-cyan);text-shadow:0 0 24px #3de8ffaa;margin:var(--op-s2) 0;font-size:clamp(28px,8.6vw,46px);animation:.6s cubic-bezier(.2,.9,.3,1.3) both op-title}.op-end.is-lose .op-end-head .op-display{color:var(--op-magenta);text-shadow:0 0 24px #ff4fa8aa}@keyframes op-title{0%{opacity:0;letter-spacing:.3em;filter:blur(4px);transform:scale(1.3)}}.op-end-head p{color:var(--op-text-dim);margin:0;font-size:15px}.op-score{text-align:center;padding:var(--op-s4)}.op-score>small{font:700 12px var(--op-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--op-text-dim)}.op-score>b{font:700 46px var(--op-font-display);letter-spacing:.02em;margin:2px 0 var(--op-s3);display:block}.op-score .op-stats>div small{color:var(--op-text-dim);font-size:12px;display:block}.op-score .op-stats>div b{font-size:18px}.op-reward{align-items:center;gap:var(--op-s3);min-height:52px;padding:0 var(--op-s4);font-weight:600;animation:.35s both op-enter;display:flex}.op-reward>span:nth-child(2){flex:1}.op-reward b{font-size:20px}.op-revive{align-items:center;gap:var(--op-s3);padding:var(--op-s4);margin-top:var(--op-s4);border-color:#3de8ff66;display:flex}.op-revive b{font-size:16px;display:block}.op-revive small{color:var(--op-text-dim);margin-top:2px;font-size:13px;display:block}.op-end-cta button.op-btn--primary .op-icon{vertical-align:-3px;display:inline-block}.op-end .op-err{margin-top:var(--op-s3)}button.op-btn.c-magenta{color:var(--op-magenta)}.op-pause .op-sheet{gap:var(--op-s2);flex-direction:column;display:flex}.op-pause .op-stat b{font-size:16px}.op-clear{pointer-events:none;text-align:center;justify-items:center;gap:6px;animation:1.5s both op-clear-in;display:grid;position:absolute;top:34%;left:0;right:0}.op-clear .op-display{letter-spacing:.08em;color:var(--op-green);text-shadow:0 0 18px var(--op-green), 0 0 40px #38ff9a66;font-size:40px}@keyframes op-clear-in{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.06)}25%{transform:scale(1)}85%{opacity:1}to{opacity:0}}.op-cell.locked.buyable{opacity:1;border:1px dashed var(--op-magenta,#ff3cc8);color:var(--op-magenta,#ff3cc8);background:#1b1230;animation:1.4s ease-in-out infinite op-buy-pulse;box-shadow:0 0 10px #ff3cc873}@keyframes op-buy-pulse{50%{box-shadow:0 0 2px #ff3cc833}}@media (prefers-reduced-motion:reduce){.op-cell.locked.buyable{animation:none}}.op-wicon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #000a);display:block}.op-bitem .op-wicon{flex:1 1 0;width:100%;height:100%;min-height:0;max-height:none;margin:0}.op-bitem.tiny .op-wicon{max-height:none}.op-bitem.vert .op-wicon{max-width:none;max-height:none}.op-offer .op-wicon{margin:2px auto 0}.op-wslot .op-wicon{width:100%;height:30px;margin-top:2px;position:relative}.op-wtier{--tc:#8a94a6;box-shadow:inset 0 0 0 1px var(--tc);background:color-mix(in srgb, var(--tc) 14%, transparent);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;position:relative}.op-wtier.t-2{--tc:#22e6ff}.op-wtier.t-3{--tc:#b46bff}.op-wtier.t-max{--tc:#ffc23d;box-shadow:inset 0 0 0 1px var(--tc), 0 0 8px color-mix(in srgb, var(--tc) 60%, transparent)}.op-wtier .stars{text-align:center;letter-spacing:1px;color:var(--tc);text-shadow:0 0 3px #000;pointer-events:none;font-size:8px;font-style:normal;line-height:9px;position:absolute;bottom:0;left:0;right:0}.op-wtier .tag{background:var(--tc);color:#1a1200;border-radius:3px;padding:0 3px;font-size:7px;line-height:9px;position:absolute;top:-3px;right:-3px}.op-bitem .op-wtier,.op-wslot .op-wtier{flex:1 1 0;width:100%;min-height:0}button.op-bitem.drag{z-index:20;opacity:.92;box-shadow:0 8px 24px #0009, 0 0 18px var(--rc);transition:none}.op-bitem .op-wtier{box-shadow:none;background:0 0}.op-bitem .op-wtier.t-max{box-shadow:none}.op-bitem .op-wtier .tag{top:1px;right:1px}.op-chest,.op-puzzle{align-items:center;gap:var(--op-s3);min-height:52px;padding:var(--op-s2) var(--op-s4);animation:.35s both op-enter;display:flex}.op-chest>div,.op-puzzle>div:last-child{flex-direction:column;flex:1;display:flex}.op-chest small,.op-puzzle small{opacity:.8}.op-chest.is-locked{opacity:.5}.op-chest em{letter-spacing:.08em;font-size:11px;font-style:normal;font-weight:700}.op-pieces{grid-template-columns:1fr 1fr;gap:3px;width:44px;display:grid}.op-piece{border:1px solid var(--op-cyan);opacity:.35;height:20px;display:block}.op-piece.on{background:var(--op-cyan);opacity:1;box-shadow:0 0 8px var(--op-cyan)}button.op-bitem{background:0 0}.op-bitem .op-wicon{filter:none}.op-offer .op-wtier,.op-offer .op-wtier.t-max{box-shadow:none;background:0 0;border-radius:0}.op-end .op-list,.op-list{align-self:stretch;width:100%}.op-chest{box-sizing:border-box;flex-direction:row;width:100%}.op-chest>.w{white-space:nowrap;flex:none}.op-chest>.r{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.op-chest>em{white-space:nowrap;flex:none;font-size:10px}button.op-bitem{background:linear-gradient(160deg, color-mix(in srgb, var(--rc) 38%, #121b4a), #0e1538);border:2px solid var(--rc);box-shadow:inset 0 0 14px color-mix(in srgb, var(--rc) 40%, transparent), 0 0 8px color-mix(in srgb, var(--rc) 45%, transparent)}.op-bitem .op-cells{font:700 10px/16px var(--op-font-display);color:var(--op-on-accent);background:var(--rc);pointer-events:none;border-radius:2px;padding:0 5px;position:absolute;bottom:3px;left:4px}.op-chest,.op-puzzle{flex:none;height:auto}