:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#f5c451;--gold2:#c8902a;--bg:#120a2e;--panel:#261656e0;--panel2:#ffffff12;--ink:#f4ecff;--muted:#b9a9dd;--danger:#ff6b7d;--top:60px;--nav:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;margin:0}body{background:linear-gradient(#120a2e9e, #120a2edb), url(/art/bg_board.webp) center top / cover fixed, var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:inherit}b{font-weight:700}.small{color:var(--muted);font-size:12px}.center{text-align:center}.grow{flex:1;min-width:0}.splash{place-items:center;min-height:100vh;display:grid}.splash img{width:120px;animation:1.6s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-10px)}}.shell{max-width:480px;min-height:100vh;margin:0 auto}.topbar,.bottomnav{z-index:20;width:100%;max-width:480px;position:fixed;left:50%;transform:translate(-50%)}.topbar{height:calc(var(--top) + var(--safe-top));padding:calc(8px + var(--safe-top)) 12px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#120a2ef5,#120a2ec7);border-bottom:1px solid #f5c45138;align-items:center;gap:8px;display:flex;top:0}.avatar{flex:none;width:42px;height:42px;position:relative}.avatar img{object-fit:contain;border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#4a2f9a,#24155a);border-radius:50%;width:100%;height:100%;padding:2px}.avatar .lvl{background:var(--gold);color:#2b1a00;border:2px solid #1c0f45;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.xp .small{margin-bottom:4px;line-height:1}.bar{background:#0006;border-radius:4px;height:7px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--gold2), var(--gold));border-radius:4px;height:100%;transition:width .4s;display:block}.chip{background:var(--panel2);white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:4px;padding:5px 10px 5px 6px;font-size:13px;display:flex}.chip .ico{width:20px;height:20px}.page{padding:calc(var(--top) + var(--safe-top) + 10px) 12px calc(var(--nav) + var(--safe-bottom) + 14px);flex-direction:column;gap:10px;display:flex}.bottomnav{height:calc(var(--nav) + var(--safe-bottom));padding:6px 6px var(--safe-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#120a2ee0,#120a2efa);border-top:1px solid #f5c45138;display:flex;bottom:0}.bottomnav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;display:flex}.bottomnav button.on{color:var(--gold);background:#f5c4511a}.bottomnav .ic{place-items:center;width:26px;height:26px;display:grid;position:relative}.bottomnav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.bottomnav .ic img{object-fit:contain;filter:grayscale(.7)opacity(.75);width:28px;height:28px}.bottomnav button.on .ic img{filter:none}.badge{background:var(--danger);color:#fff;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-5px;right:-9px}.card{background:var(--panel);border:1px solid #ffffff1a;border-radius:18px;padding:12px}.modal{background:var(--panel);border:1px solid var(--gold);text-align:center;border-radius:14px;padding:12px}.btn{background:linear-gradient(180deg, #ffd978, var(--gold));color:#2b1a00;cursor:pointer;width:100%;box-shadow:0 3px 0 var(--gold2);border:0;border-radius:14px;padding:13px;font-size:16px;font-weight:800}.btn:active{box-shadow:0 1px 0 var(--gold2);transform:translateY(2px)}.btn.ghost{background:var(--panel2);color:var(--ink);box-shadow:none;border:1px solid #ffffff24}.btn.danger{background:linear-gradient(180deg, #ff8a98, var(--danger));color:#3a0010;box-shadow:0 3px #b03347}.btn:disabled,.btn.ghost:disabled{color:#cdbfee;box-shadow:none;cursor:default;background:#ffffff17;border:1px solid #ffffff29;transform:none}button.small-btn{border-radius:12px;flex:none;width:auto;padding:7px 12px;font-size:13px}.row{gap:8px;display:flex}.row .btn{flex:1}.inp{width:100%;color:var(--ink);-webkit-user-select:text;user-select:text;background:#0000004d;border:1px solid #ffffff2e;border-radius:12px;padding:11px;font-size:15px}.list{flex-direction:column;gap:8px;display:flex}.list h4{color:var(--gold);letter-spacing:.02em;margin:10px 0 0;font-size:14px}.rowitem{background:var(--panel);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:10px;padding:9px 11px;display:flex}.rowitem.broken{opacity:.6}.rowitem .col{flex-direction:column;gap:5px;display:flex}.ico{vertical-align:-.22em;object-fit:contain;width:1.15em;height:1.15em}.ico-lg{object-fit:contain;flex:none;width:46px;height:46px}.mascot{object-fit:contain;width:130px;height:130px;margin:0 auto 4px;display:block}.sub{background:#0000004d;border-radius:14px;gap:6px;padding:4px;display:flex}.sub button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;padding:9px 4px;font-size:13px}.sub button.on{background:var(--gold);color:#2b1a00;font-weight:800}.tabs{gap:6px;display:flex;overflow-x:auto}.tabs button{background:var(--panel2);color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.tabs button.on{background:var(--gold);color:#2b1a00;font-weight:800}.score{color:var(--muted);justify-content:space-between;align-items:baseline;padding:0 4px;font-size:15px;display:flex}.score b{color:var(--ink);font-size:20px}.board{aspect-ratio:1;touch-action:none;background:radial-gradient(circle at 50% 30%, var(--bga,#3c2682bf), var(--bgb,#0e0726eb));border:1px solid var(--edge,#f5c45147);border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #0000008c}.piece{will-change:transform;cursor:grab;transition:transform .3s cubic-bezier(.3,.75,.3,1);position:absolute;top:0;left:0}.piece.drag{z-index:4;cursor:grabbing;transition:none}.piece.drag .dot{transform:scale(1.08)}.piece.static{width:56px;height:56px;margin:0 auto;transition:none;position:relative}.dot{border-radius:50%;place-items:center;transition:transform .2s,opacity .22s;display:grid;position:absolute;inset:5%;overflow:hidden;box-shadow:inset 0 -5px 8px #00000047,inset 0 3px 5px #ffffff8c,0 3px 5px #0006}.dot:after{content:"";filter:blur(1px);pointer-events:none;background:#ffffff8c;border-radius:50%;width:36%;height:20%;position:absolute;top:9%;left:18%;transform:rotate(-24deg)}.dot img{object-fit:contain;mix-blend-mode:multiply;opacity:.85;pointer-events:none;width:66%;height:66%}.dot .sp{color:#fff;text-shadow:0 0 6px #000,0 0 2px #000;z-index:1;pointer-events:none;place-items:center;font-size:clamp(18px,6.4vw,30px);display:grid;position:absolute;inset:0}.dot.rainbow{background:conic-gradient(#ff5470,#ffc94d,#5be08a,#4cc4ff,#b07bff,#ff5470)}.piece.dying .dot{opacity:0;transform:scale(.15)}.piece.sel .dot{transform:scale(1.14);box-shadow:0 0 0 3px #fff,0 0 14px #fff8}.piece.hint .dot{animation:.7s ease-in-out infinite alternate hint}@keyframes hint{to{box-shadow:0 0 0 3px var(--gold), 0 0 16px var(--gold);transform:scale(1.1)}}.combo{z-index:6;pointer-events:none;border:1px solid var(--gold);color:var(--gold);white-space:nowrap;background:#0000008c;border-radius:999px;padding:6px 14px;font-weight:800;animation:.9s ease-out forwards pop;position:absolute;top:8%;left:50%;transform:translate(-50%)}.combo b{color:#fff}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.7)}25%{opacity:1;transform:translate(-50%)scale(1.05)}to{opacity:0;transform:translate(-50%,-22px)scale(1)}}.quest .small{margin-bottom:6px}.quest b{color:var(--ink)}.overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080418b8;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.result{text-align:center;border-color:var(--gold);flex-direction:column;gap:8px;width:100%;max-width:380px;animation:.28s cubic-bezier(.2,.9,.3,1.2) rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.94)}}.result .big{color:var(--gold);font-size:22px;font-weight:800}.result .rew{justify-content:center;gap:14px;font-size:16px;font-weight:700;display:flex}.new-dars{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.new-dars>div{flex-direction:column;align-items:center;gap:3px;width:92px;font-size:12px;display:flex}.gemico{flex:none;width:46px;height:46px;display:block;position:relative}.wheel{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.sector{background:var(--panel);aspect-ratio:1;text-align:center;border:2px solid #0000;border-radius:50%;place-items:center;padding:4px;font-size:11px;line-height:1.15;display:grid}.sector.won{border-color:var(--gold);box-shadow:0 0 12px var(--gold)}.profile{align-items:center;gap:12px;display:flex}.profile img{object-fit:contain;border:2px solid var(--gold);background:radial-gradient(circle at 50% 35%,#4a2f9a,#24155a);border-radius:50%;width:64px;height:64px;padding:3px}.profile .name{font-size:18px;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats>div{background:var(--panel);text-align:center;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:2px;padding:10px 4px;display:flex}.stats b{color:var(--gold);font-size:18px}.stats span{color:var(--muted);font-size:11px}.toggle{background:var(--panel);text-align:left;cursor:pointer;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.toggle .small{display:block}.toggle i{background:#ffffff2e;border-radius:13px;flex:none;width:46px;height:26px;transition:background .2s;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle i.on{background:var(--gold)}.toggle i.on:after{background:#2b1a00;transform:translate(20px)}.howto{color:var(--ink);line-height:1.5}.danger-card{border-color:var(--danger);flex-direction:column;gap:10px;display:flex}.warn{color:#ffb4be}.banners{left:50%;top:calc(var(--top) + var(--safe-top) + 6px);z-index:30;pointer-events:none;flex-direction:column;gap:6px;width:calc(100% - 24px);max-width:456px;display:flex;position:fixed;transform:translate(-50%)}.banner{pointer-events:auto;background:var(--gold);color:#2b1a00;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;font-weight:700;animation:.3s paneIn;display:flex;box-shadow:0 6px 18px #00000073}.banner button{color:var(--gold);cursor:pointer;background:#2b1a00;border:0;border-radius:10px;flex:none;padding:7px 14px;font-weight:800}.howto-card summary{cursor:pointer;list-style:none}.howto-card summary::-webkit-details-marker{display:none}.howto-card summary:after{content:"▾";float:right;color:var(--gold)}.howto-card[open] summary:after{content:"▴"}.howto-card ol{color:var(--ink);flex-direction:column;gap:7px;margin:10px 0 0;padding-left:20px;font-size:13px;line-height:1.4;display:flex}.slots{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot{background:var(--panel);border:1px dashed #ffffff38;border-radius:16px;align-items:center;gap:8px;min-height:66px;padding:9px;display:flex}.slot.full{border-style:solid;border-color:#f5c4518c}.slot .ico-lg{width:42px;height:42px}.slot .empty-ring{border:2px dashed #ffffff40;border-radius:50%;flex:none;width:42px;height:42px}.slot b{font-size:13px}.eff{color:#8ff0b8;margin:2px 0 4px;font-size:12px;font-weight:700}.tag{color:#2b1a00;background:var(--gold);border-radius:8px;padding:1px 7px;font-size:11px;font-weight:700}.recipe{flex-direction:column;gap:10px;display:flex}.recipe .rowhead{align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.ing{background:#ffffff12;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 4px;font-size:12px;display:inline-flex}.ing .ico-lg{width:24px;height:24px}.ing.ok{border-color:#8ff0b880}.ing.no{border-color:#ff6b7d99}.ing.no b{color:#ffb4be}select,option{color:var(--ink);background:#1c1040}.picker{text-align:left;cursor:pointer;background:var(--panel);border:1px solid #f5c45173;border-radius:16px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:15px;display:flex}.picker .small,.pick-row .small{margin-top:1px;display:block}.picker .caret{color:var(--gold)}.overlay.bottom{place-items:end center;padding:0}.sheet{width:100%;max-width:480px;max-height:78vh;padding-bottom:calc(14px + var(--safe-bottom));border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;gap:8px;animation:.25s cubic-bezier(.2,.9,.3,1) slideup;display:flex;overflow-y:auto}@keyframes slideup{0%{opacity:0;transform:translateY(40px)}}.pick-row{text-align:left;cursor:pointer;background:var(--panel2);border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.pick-row.on{border-color:var(--gold);background:#f5c4511f}.pick-row .tick{color:var(--gold);font-weight:800}.searching{flex-direction:column;align-items:center;gap:8px;display:flex}.radar{border:3px solid var(--gold);border-radius:50%;width:54px;height:54px;position:relative}.radar:before,.radar:after{content:"";border:3px solid var(--gold);border-radius:50%;animation:1.8s ease-out infinite ping;position:absolute;inset:-3px}.radar:after{animation-delay:.9s}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.wheel-wrap{flex-direction:column;align-items:center;gap:12px;display:flex}.wheel-stage{aspect-ratio:1;width:min(100%,340px);margin-top:18px;position:relative}.wheel-rot{will-change:transform;filter:drop-shadow(0 8px 14px #0000008c);position:absolute;inset:0}.wheel-svg{width:100%;height:100%;display:block}.wheel-text{fill:#fff;paint-order:stroke;stroke:#000000b3;stroke-width:3px;font-size:17px;font-weight:800}.wedge-won{filter:brightness(1.35)saturate(1.2)}.pointer{z-index:5;filter:drop-shadow(0 3px 3px #00000080);width:38px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.hub{object-fit:contain;z-index:4;pointer-events:none;width:17%;height:17%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prize-card{text-align:center;background:var(--panel);border:1px solid var(--gold);border-radius:16px;width:100%;padding:10px 12px;animation:.3s cubic-bezier(.2,.9,.3,1.2) rise}.prize-card b{color:var(--gold);font-size:18px}.shell{z-index:1;position:relative}.magic{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.magic i{background:radial-gradient(circle, var(--dust,#fff1c0) 0%, #f5c45159 45%, #f5c45100 70%);opacity:0;border-radius:50%;animation:linear infinite dust;position:absolute;bottom:-10px}@keyframes dust{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:var(--op)}88%{opacity:var(--op)}to{transform:translate(var(--drift), -108vh) scale(1.15);opacity:0}}.orb{will-change:transform;border-radius:50%;position:absolute}.orb1{background:radial-gradient(circle,#8e5cff38,#0000 62%);width:70vmax;height:70vmax;animation:26s ease-in-out infinite alternate drift1;top:-20vmax;left:-25vmax}.orb2{background:radial-gradient(circle,#f5c45129,#0000 62%);width:60vmax;height:60vmax;animation:32s ease-in-out infinite alternate drift2;bottom:-20vmax;right:-25vmax}@keyframes drift1{to{transform:translate(14vmax,10vmax)scale(1.15)}}@keyframes drift2{to{transform:translate(-12vmax,-9vmax)scale(1.1)}}.pane{flex-direction:column;gap:10px;animation:.32s cubic-bezier(.2,.8,.3,1) paneIn;display:flex}.pane[hidden]{display:none}@keyframes paneIn{0%{opacity:0;transform:translateY(10px)}}.avatar img{animation:3.4s ease-in-out infinite alternate breathe}@keyframes breathe{0%{transform:scale(1);box-shadow:0 0 #f5c45100}to{transform:scale(1.05);box-shadow:0 0 14px #f5c451bf}}.chip b{font-variant-numeric:tabular-nums;display:inline-block}.chip b.bump{color:#fff2b8;animation:.6s cubic-bezier(.3,1.6,.5,1) bump}@keyframes bump{0%{transform:scale(1)}35%{text-shadow:0 0 10px #ffd66b;transform:scale(1.45)}to{transform:scale(1)}}.bottomnav button.on .ic{animation:.38s cubic-bezier(.3,1.7,.5,1) navpop}@keyframes navpop{0%{transform:scale(.7)translateY(4px)}to{transform:none}}.btn.shine{position:relative;overflow:hidden}.btn.shine:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#fff9 50%,#0000 62%);animation:3.8s ease-in-out infinite shine;position:absolute;inset:0;transform:translate(-130%)}.btn.shine:disabled:after{display:none}@keyframes shine{0%,62%{transform:translate(-130%)}to{transform:translate(130%)}}.btn{transition:transform .12s,box-shadow .12s,filter .15s}.btn:not(:disabled):hover{filter:brightness(1.06)}.piece{transition:transform .34s cubic-bezier(.3,1.2,.45,1)}.piece.drag{transition:none}.board.shake{animation:.36s linear shake}@keyframes shake{20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,2px)}}.burst{pointer-events:none;z-index:5;position:absolute}.burst:before{content:"";border:3px solid var(--c);box-shadow:0 0 10px var(--c);border-radius:50%;animation:.5s ease-out forwards ring;position:absolute;inset:14%}@keyframes ring{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.burst i{background:var(--c);width:7px;height:7px;box-shadow:0 0 8px var(--c), 0 0 3px #fff;border-radius:50%;margin:-3.5px;animation:.55s ease-out forwards spark;position:absolute;top:50%;left:50%}@keyframes spark{0%{transform:rotate(var(--a)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateX(calc(min(100vw - 24px, 456px) / var(--cells,8) * var(--k,.7))) scale(.2);opacity:0}}.burst i:nth-child(3n){--k:.95;width:5px;height:5px}.burst i:nth-child(3n+1){--k:.6}.burst i:nth-child(3n+2){--k:.8}.dot.twinkle:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 32%,#ffffffd9 50%,#0000 68%);animation:.9s ease-out sweep;position:absolute;inset:0;transform:translate(-130%)}@keyframes sweep{to{transform:translate(100%)}}.dot.special{animation:1.5s ease-in-out infinite alternate aura}@keyframes aura{0%{box-shadow:inset 0 -5px 8px #00000047,inset 0 3px 5px #ffffff8c,0 0 5px 1px #ffeca08c}to{box-shadow:inset 0 -5px 8px #00000047,inset 0 3px 5px #ffffff8c,0 0 15px 5px #ffeca0f2}}.dot.rainbow{animation:3.5s linear infinite hue}@keyframes hue{to{filter:hue-rotate(360deg)}}.combo{font-size:15px}.combo.w3{color:#ffd0ea;border-color:#ff9bd0;font-size:18px;box-shadow:0 0 20px #ff9bd08c}.combo.w4,.combo.w5{color:#c9fffb;border-color:#6ff0ea;font-size:20px;box-shadow:0 0 28px #6ff0eab3}.confetti{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;animation:linear forwards confetti;position:absolute;top:-8%}@keyframes confetti{0%{opacity:1;top:-8%;transform:translate(0)rotate(0)}to{opacity:.85;transform:translateX(var(--dx)) rotate(var(--rot));top:108%}}.overlay{padding:12px}.result{text-align:center;flex-direction:column;gap:0;width:100%;max-width:380px;max-height:calc(100dvh - 24px);padding:0;display:flex;position:relative;overflow:hidden}.result.festive{box-shadow:0 0 44px #f5c45166}.result-body{overscroll-behavior:contain;flex-direction:column;flex:auto;align-items:center;gap:8px;min-height:0;padding:12px 12px 6px;display:flex;overflow-y:auto}.result-actions{padding:8px 12px calc(12px + var(--safe-bottom));z-index:7;flex-direction:column;flex:none;gap:8px;display:flex;position:relative}.hero-wrap{place-items:center;width:100%;display:grid;position:relative}.rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffd66b61 0 7deg, transparent 7deg 22deg);border-radius:50%;width:min(260px,70vw);animation:16s linear infinite spinslow;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 68%);mask-image:radial-gradient(circle,#000 18%,#0000 68%)}@keyframes spinslow{to{transform:rotate(360deg)}}.mascot{width:clamp(72px,19dvh,132px);height:clamp(72px,19dvh,132px);margin:0 auto;animation:2.6s ease-in-out infinite alternate hover;position:relative}@keyframes hover{0%{transform:translateY(0)rotate(-1.5deg)}to{transform:translateY(-7px)rotate(1.5deg)}}.big.glow{text-shadow:0 0 16px #f5c451d9;animation:1.4s ease-in-out infinite alternate pulseText}@keyframes pulseText{to{transform:scale(1.04)}}.found{background:#6ff0ea1f;border:1px solid #6ff0ea73;border-radius:12px;padding:6px 10px;font-size:14px}.dar-reveal{opacity:0;animation:.6s cubic-bezier(.2,1.5,.4,1) forwards darIn;transform:scale(.35)}@keyframes darIn{to{opacity:1;transform:none}}.dar-reveal .piece.static{width:52px;height:52px}.wheel-stage:before{content:"";border-radius:50%;position:absolute;inset:2%;box-shadow:0 10px 26px #0009}.wheel-rot{filter:none}.wheel-glow{pointer-events:none;background:radial-gradient(circle,#f5c45100 62%,#f5c45161 73%,#f5c45100 78%);border-radius:50%;animation:2.6s ease-in-out infinite alternate glow;position:absolute;inset:-5%}.wheel-glow.fast{animation-duration:.45s}@keyframes glow{0%{opacity:.45;transform:scale(.985)}to{opacity:1;transform:scale(1.02)}}.pointer.ticking{transform-origin:50% 20%;animation:.14s ease-in-out infinite alternate tick}@keyframes tick{0%{rotate:0deg}to{rotate:-16deg}}.wheel-stage .confetti{inset:-20px -10px -10px}.prize-slot{place-items:center;width:100%;height:66px;display:grid}.prize-slot .prize-card{width:100%;padding:8px 12px;animation:.5s cubic-bezier(.2,1.4,.4,1) both darIn}.spin-btn{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;min-height:52px;overflow:hidden}.wheel-wrap{gap:10px}@media (width<=380px){.topbar{gap:6px;padding-left:8px;padding-right:8px}.chip{gap:3px;padding:4px 8px 4px 5px;font-size:12px}.chip .ico{width:17px;height:17px}.avatar{width:38px;height:38px}.xp .small{font-size:11px}.page{gap:8px;padding-left:10px;padding-right:10px}.btn{padding:12px;font-size:15px}.bottomnav button{font-size:10px}.sub button{padding:8px 2px;font-size:12px}.stats{gap:6px}.stats b{font-size:16px}.rowitem{gap:8px;padding:8px}.ico-lg,.gemico{width:40px;height:40px}.wheel-text{font-size:15px}.card{padding:10px}.score b{font-size:18px}button.small-btn{padding:6px 9px;font-size:12px}.slot{gap:6px;padding:8px}}@media (height<=700px){.page{gap:8px}.result .big{font-size:19px}.result-body{gap:6px}.rays{width:min(200px,60vw)}.prize-slot{height:58px}}@media (height<=560px){:root{--nav:54px;--top:54px}.bottomnav .ic{height:22px}.bottomnav svg{width:21px;height:21px}}body.no-magic .magic,body.no-magic .confetti,body.no-magic .burst{display:none}body.no-magic .dot.special,body.no-magic .dot.rainbow,body.no-magic .avatar img,body.no-magic .btn.shine:after,body.no-magic .mascot,body.no-magic .rays,body.no-magic .wheel-glow{animation:none}@media (prefers-reduced-motion:reduce){.magic,.confetti,.burst,.btn.shine:after,.rays,.wheel-glow{display:none!important}.dot.special,.dot.rainbow,.avatar img,.mascot,.board.shake,.pane{animation:none!important}}.wheel-stage{width:min(100%,340px,max(190px,100dvh - 400px));margin-top:16px}@media (height<=700px){.wheel-wrap>.small{display:none}}.list.tight{gap:6px}.skills-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;display:flex}.skills-head .small{text-align:right;font-size:11px}.nw{white-space:nowrap}.skill-row,.item-row,.recipe-row{background:var(--panel);border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:8px;min-height:52px;padding:6px 8px;display:flex}.skill-main,.item-main{text-align:left;cursor:pointer;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.skill-text,.item-main .grow{flex-direction:column;min-width:0;display:flex}.line1{align-items:baseline;gap:6px;min-width:0;display:flex}.line1 b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lv{color:var(--muted);font-size:11px}.eff1{color:#8ff0b8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.gemico.sm{width:36px;height:36px}.mini-bar{background:#0006;border-radius:2px;height:4px;margin-top:3px;display:block;overflow:hidden}.mini-bar i{background:linear-gradient(90deg, var(--gold2), var(--gold));height:100%;display:block}.item-row.broken{opacity:.65}.item-row .ico-lg,.recipe-row .ico-lg{width:38px;height:38px}.slots4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.slot4{background:var(--panel);cursor:pointer;min-width:0;color:inherit;border:1px dashed #ffffff38;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:7px 3px 6px;display:flex}.slot4:disabled{cursor:default}.slot4.full{border-style:solid;border-color:#f5c4518c}.slot4 .ico-lg{width:34px;height:34px}.slot4 .empty-ring{border:2px dashed #ffffff40;border-radius:50%;width:34px;height:34px}.slot4 b{font-size:11px}.slot4 .eff{color:#8ff0b8;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:10px;font-weight:700;overflow:hidden}.slot4:not(.full) .eff{color:var(--muted);font-weight:400}.slot4 .mini-bar{width:80%}.chips.tiny{gap:4px;margin-top:3px}.chips.tiny .ing{gap:3px;padding:1px 7px 1px 2px;font-size:11px}.chips.tiny .ing .ico-lg{width:20px;height:20px}.ing-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;display:grid}.ing-cell{background:var(--panel);cursor:pointer;color:inherit;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 3px 5px;display:flex;position:relative}.ing-cell .ico-lg{width:38px;height:38px}.ing-cell .qty{text-shadow:0 1px 2px #000;font-size:13px;font-weight:800;position:absolute;top:4px;right:6px}.ing-cell .nm{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.sheet-title{font-size:15px}.sheet-head{align-items:center;gap:10px;display:flex}.sheet-head .ico-lg,.sheet-head .gemico{width:46px;height:46px}.kv{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding:3px 0;font-size:14px;display:flex}.kv span{color:var(--muted)}.kv b{text-align:right}.sheet .btn{flex:none}.howto-card{padding:9px 12px}.mission{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.mission-row{align-items:center;gap:8px;display:flex}.mission-title{color:var(--gold);font-size:13px;font-weight:800}.mission-reward{white-space:nowrap;font-size:13px;font-weight:800}.mission.done{border-color:#8ff0b8;animation:.5s cubic-bezier(.3,1.6,.5,1) donePop;box-shadow:0 0 18px #8ff0b859}.mission.done .mission-title{color:#8ff0b8}.mission.done .bar>i{background:linear-gradient(90deg,#3fbf7a,#8ff0b8)}@keyframes donePop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:none}}.found.muted{color:var(--muted);background:#ffffff0f;border-color:#ffffff26}.board-tag{text-align:center}.seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.seg button{color:var(--muted);background:var(--panel);border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:10px;font-weight:700;display:flex}.seg button.on{color:var(--ink);border-color:var(--gold);background:#f5c4511a;box-shadow:0 0 12px #f5c45159}.price-field{background:#0000004d;border:1px solid #f5c45180;border-radius:16px;align-items:center;gap:10px;padding:8px 14px;display:flex}.price-field input{min-width:0;color:var(--gold);font:inherit;text-align:right;background:0 0;border:0;outline:0;flex:1;font-size:24px;font-weight:800}.result{background:radial-gradient(120% 70% at 50% 0,#4a2f9a 0%,#2a1a63 45%,#1d1048 100%);border-color:#f5c451bf}.res-title{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);justify-content:center;align-items:center;gap:10px;width:100%;font-size:12px;display:flex}.res-title:before,.res-title:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));flex:1;max-width:64px;height:1px}.res-title:after{transform:scaleX(-1)}.res-sub{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--muted);font-size:11px}.lvl-badge{z-index:3;color:#3a2400;background:linear-gradient(#ffe08a,#f2a93b);border-radius:50%;place-items:center;min-width:40px;height:40px;padding:0 8px;font-size:20px;font-weight:900;animation:.7s cubic-bezier(.2,1.6,.4,1) .3s both badgePop;display:grid;position:absolute;bottom:2px;right:calc(50% - 82px);box-shadow:0 0 0 3px #ffffff40,0 0 20px #f5c451e6}@keyframes badgePop{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.score-tile{flex-direction:column;align-items:center;line-height:1;display:flex}.score-num{background:linear-gradient(#fff6cf,#f5c451 55%,#d98a1f);color:#0000;filter:drop-shadow(0 2px 8px #f5c45173);-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900}.score-lbl{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:11px}.rew-tiles{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.rew-tile{background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;animation:.45s cubic-bezier(.2,1.4,.4,1) both tileIn;display:flex}.rew-tile.gold{border-color:#f5c45180;animation-delay:.12s}.rew-tile.xp{border-color:#8fe0ff80}.rew-tile b{font-size:20px;font-weight:800}.rew-tile span{color:var(--muted);font-size:11px}.rew-tile .rew-ic{color:#8fe0ff;text-shadow:0 0 10px #8fe0ff;font-size:18px}@keyframes tileIn{0%{opacity:0;transform:translateY(14px)scale(.85)}}.loot{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;display:flex}.loot-chip{background:#00000047;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 3px 4px;font-size:12px;animation:.4s cubic-bezier(.2,1.5,.4,1) both tileIn;display:inline-flex}.loot-chip svg,.loot-chip img{width:22px;height:22px}.loot-chip .nm{color:var(--muted)}.recipe-found{background:#f5c45124;border-color:#f5c451b3;position:relative;overflow:hidden}.recipe-found:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff47 50%,#0000 65%);animation:2.4s ease-in-out .6s infinite sweep;position:absolute;inset:0;transform:translate(-100%)}.new-dars{width:100%}body.no-magic .recipe-found:after,body.no-magic .lvl-badge{animation:none}.new-dars>.res-sub{width:100%}.tickets{flex-direction:column;gap:6px;display:flex}.stats.rec b{font-size:16px}.ach{background:var(--panel);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.ach.ready{border-color:var(--gold);box-shadow:0 0 14px #f5c4514d}.ach.all{opacity:.7}.ach-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.pips{gap:4px;display:flex}.pips i{border:1px solid #ffffff59;border-radius:50%;width:10px;height:10px}.pips i.on{background:var(--gold);border-color:var(--gold)}.pips i.rd{background:#6ff0ea;border-color:#6ff0ea;box-shadow:0 0 8px #6ff0ea}.ach-bar{flex-direction:column;gap:3px;display:flex}.chips-row{gap:6px;display:flex;overflow-x:auto}.chips-row button{white-space:nowrap;background:var(--panel);color:var(--muted);border:1px solid #ffffff1f;border-radius:12px;flex:1;padding:8px 10px;font-size:13px}.chips-row button.on{color:#2b1a00;background:var(--gold);border-color:var(--gold);font-weight:800}.top-list{flex-direction:column;gap:2px;padding:6px;display:flex}.top-row{border-radius:10px;align-items:center;gap:10px;padding:7px 8px;display:flex}.top-row .place{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:grid}.top-row .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.top-row.p1 .place{color:#3a2400;background:linear-gradient(#ffe08a,#e09a2b)}.top-row.p2 .place{color:#20262e;background:linear-gradient(#f0f3f7,#aab3c0)}.top-row.p3 .place{color:#3a1c06;background:linear-gradient(#f2c19a,#b5703a)}.top-row.me{background:#f5c45129;outline:1px solid #f5c45199}.record-flag{color:#3a2400;background:linear-gradient(#ffe08a,#f2a93b);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;animation:.6s cubic-bezier(.2,1.6,.4,1) .5s both badgePop;box-shadow:0 0 16px #f5c451b3}.sk-eff{text-align:center;color:var(--muted);font-size:14px}.sk-eff b{color:var(--ink)}.sk-big{justify-content:center;align-items:baseline;gap:12px;font-weight:900;display:flex}.sk-big .now{color:var(--muted);font-size:26px}.sk-big .arrow{color:var(--gold);font-size:20px}.sk-big .next{color:var(--gold);text-shadow:0 0 14px #f5c45199;font-size:34px}.sk-pips{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.sk-pips i{background:#ffffff1f;border-radius:4px;height:8px}.sk-pips i.on{background:var(--gold)}.sk-pips i.nx{background:#f5c45159;animation:1.2s ease-in-out infinite alternate nxPulse}@keyframes nxPulse{to{background:#f5c451bf}}details.more summary{color:var(--muted);text-align:center;cursor:pointer;padding:4px;font-size:12px}details.more .small{text-align:center;padding:4px 2px}.result-body{scrollbar-width:none;padding-bottom:14px;overflow-x:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 14px),#0000);mask-image:linear-gradient(#000 calc(100% - 14px),#0000)}.result-body::-webkit-scrollbar{display:none}.result .mascot{width:clamp(64px,14dvh,112px);height:clamp(64px,14dvh,112px)}.rays{width:min(220px,62vw)}.result-actions{padding-top:6px}.new-dars{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.new-dars>.res-sub{flex:0 0 100%}.new-dars>.dar-reveal{text-align:left;flex-direction:row;align-items:center;gap:10px;width:auto}.new-dars>.dar-reveal .piece.static{flex:none;width:44px;height:44px}.recipe-found{font-size:13px}.dar-txt{text-align:left;flex-direction:column;line-height:1.2;display:flex}.hole{pointer-events:none;background:#060314b8;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff08}.combo.note{animation-duration:1.2s;top:42%}.tickets>.small{justify-content:center;align-items:center;min-height:2.5em;display:flex}.skill-group{flex-direction:column;gap:4px;display:flex}.group-head{text-align:left;width:100%;color:inherit;background:var(--panel);cursor:pointer;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:flex}.skill-group.open .group-head{border-color:#f5c4518c}.group-head .grow{flex-direction:column;min-width:0;line-height:1.25;display:flex}.group-head .small{font-size:11px}.group-total{color:var(--green,#7ff0b0);white-space:nowrap;font-weight:800}.up-dot{background:var(--gold);width:9px;height:9px;box-shadow:0 0 8px var(--gold);border-radius:50%;flex:none}.skill-group .skill-row{margin-left:10px}.endbar{left:50%;bottom:calc(68px + var(--safe-bottom,0px));z-index:19;border:1px solid var(--gold);background:#140a38f2;border-radius:16px;align-items:center;gap:10px;width:calc(100% - 24px);max-width:456px;padding:8px 8px 8px 14px;animation:.28s cubic-bezier(.2,.9,.3,1.2) rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.endbar span{flex:1;font-weight:700}.endbar .btn{padding:10px 18px}.group-head .cnt{color:var(--muted);font-size:12px}.quick{align-items:center;gap:8px;display:inline-flex}.qa{color:#2b1a00;cursor:pointer;background:radial-gradient(circle at 35% 28%,#ffe9a8,#f5c451 55%,#d18a00);border:0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;animation:2.2s ease-in-out infinite qaPulse;display:grid;position:relative;box-shadow:0 0 12px #f5c45199}.qa.wheel{background:radial-gradient(circle at 35% 28%,#c8f8ff,#6fd5f0 55%,#1d86b3);box-shadow:0 0 12px #6fd5f099}.qa.ach{background:radial-gradient(circle at 35% 28%,#ffd2ec,#ff8fc4 55%,#b0307f);box-shadow:0 0 12px #ff8fc499}.qa .badge{position:absolute;top:-5px;right:-5px}@keyframes qaPulse{50%{filter:brightness(1.18)drop-shadow(0 0 6px #ffffff8c)}}body.no-magic .qa{animation:none}.res-row{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.res-row b{color:var(--ink)}.res-row .res-gem{flex:none;width:20px;height:20px;display:block;position:relative}.res-row .res-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.res-row .pips i{width:8px;height:8px}.res-row.l3{color:var(--gold)}.piece.res .dot{animation:3.2s ease-in-out infinite resGlow;box-shadow:0 0 10px 1px #fff4c873}@keyframes resGlow{50%{box-shadow:0 0 14px 3px #fff4c8b3}}body.no-magic .piece.res .dot{animation:none}.res-note{color:var(--gold);text-align:center}@media (height<=640px){.qa{width:28px;height:28px;font-size:12px}.quick{gap:6px}.res-row{margin-top:3px;font-size:11px}.mission.card{padding:7px 10px}.mission .mission-title{font-size:13px}}.seg.three{grid-template-columns:repeat(3,1fr)}.dar-field{flex-direction:column;gap:4px;font-size:14px;display:flex}.codex-intro{padding:0 2px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;padding:6px 4px 8px;display:grid}.codex-cell{background:var(--panel);color:inherit;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;display:flex}.codex-cell .nm{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.codex-cell.locked .gemico{filter:grayscale()brightness(.55);opacity:.7}.codex-cell.locked .nm{color:var(--muted)}.card.intro{border-color:#f5c45180;flex-direction:column;gap:6px;display:flex}.card.intro .row{justify-content:flex-end;gap:8px;display:flex}.res-row{cursor:pointer}.piece.m1 .dot{filter:drop-shadow(0 0 2px #ffecaa73)}.piece.m2 .dot{filter:drop-shadow(0 0 4px #96d7ffb3)}.piece.m3 .dot{filter:drop-shadow(0 0 5px #d7a0ffd9)}.piece.m4 .dot{filter:drop-shadow(0 0 6px #ffd66b)}body.no-magic .piece.m1 .dot,body.no-magic .piece.m2 .dot,body.no-magic .piece.m3 .dot,body.no-magic .piece.m4 .dot{filter:none}.mastery-bar{flex-direction:column;gap:4px;display:flex}.rank-badge{color:#2b1a00;background:linear-gradient(#ffe08a,#f2a93b);border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:-3px;right:-3px}.codex-cell .gemico{position:relative}.tower-card{border-color:#f5c45173;flex-direction:column;gap:8px;display:flex}.floor-info{background:#ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.tower-result{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.tower-result.ok{border-color:#6ff0b0;box-shadow:0 0 20px #6ff0b04d}.tower-result.fail{border-color:#ff9bb0}.rar-2 .item-name,.item-name.rar-2{color:#d9b0ff}.rar-3 .item-name,.item-name.rar-3{background:linear-gradient(90deg,#ffe08a,#ff9bd8,#8fe0ff);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.item-up{background:#f5c45114;border:1px solid #f5c4514d;border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.item-up .chips{flex-wrap:wrap;gap:6px;display:flex}.qa.tower{background:radial-gradient(circle at 35% 28%,#ffe0c0,#ff9a5a 55%,#b0481a);box-shadow:0 0 12px #ff9a5a99}html,body,.page,.pane{overflow-x:clip}.wheel-stage{width:min(100% - 24px,340px,max(190px,100dvh - 400px))}.tickets>.small{align-items:flex-start}.prize-slot>.small{align-self:start;padding-top:6px}.dot .glyph{pointer-events:none;background:radial-gradient(circle,#ffffff42 0 56%,#ffffff1a 72%,#0000 77%);border-radius:50%;place-items:center;width:78%;height:78%;display:grid}.dot img{object-fit:contain;mix-blend-mode:normal;opacity:1;pointer-events:none;filter:brightness(0)drop-shadow(0 0 1px #fff)drop-shadow(0 0 1.5px #ffffffe6);width:82%;height:82%}.dot.special:not(.rainbow) .sp{width:40%;height:40%;text-shadow:none;background:#12082ce0;border:1.5px solid #fffffff2;border-radius:50%;font-size:clamp(9px,3.1vw,15px);font-weight:900;line-height:1;inset:auto 4% 4% auto;box-shadow:0 1px 3px #0009}.dot.special:not(.rainbow){box-shadow:inset 0 -5px 8px #00000047,inset 0 3px 5px #ffffff8c,0 0 0 2px #ffeca0e6}.badge.dot{width:10px;min-width:10px;height:10px;padding:0;top:0;right:-2px}.iframe{border:2px solid var(--fr,#8b93a8);box-shadow:0 0 0 1px #00000073, 0 0 10px var(--fg,transparent);background:radial-gradient(circle at 50% 35%,#ffffff1a,#00000059);border-radius:13px;flex:none;place-items:center;padding:3px;display:inline-grid;position:relative}.iframe .tier{color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;font-size:10px;font-style:normal;font-weight:800;position:absolute;top:1px;left:3px}.iframe .plus{text-align:center;color:#2b1a00;background:linear-gradient(#ffe08a,#f2a93b);border-radius:9px;min-width:20px;padding:0 4px;font-size:11px;line-height:17px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #0009}.iframe.r0{--fr:#8b93a8}.iframe.r1{--fr:#5aa7ff;--fg:#5aa7ff8c}.iframe.r2{--fr:#c07bff;--fg:#c07bffb3}.iframe.r2:before,.iframe.r2:after{content:"";background:#e6c4ff;width:7px;height:7px;position:absolute;top:-3px;transform:rotate(45deg);box-shadow:0 0 5px #c07bff}.iframe.r2:before{left:-3px}.iframe.r2:after{right:-3px}.iframe.r3{background:linear-gradient(#251559, #251559) padding-box, conic-gradient(from var(--ang,0deg), #ffe08a, #ff9bd8, #8fe0ff, #7ff0b0, #ffe08a) border-box;border-color:#0000;animation:4s linear infinite legendSpin;box-shadow:0 0 14px #ffd66bbf}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes legendSpin{to{--ang:360deg}}.iframe.relic{--fr:#6ff0ea;--fg:#6ff0ea99;border-radius:50%}.iframe .gemico{margin:0}body.no-magic .iframe.r3{animation:none}.slot4 .iframe,.item-row .iframe{margin:0 auto}.banner.coach{color:var(--ink);border:1px solid var(--gold);background:#1a0e42f7;flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px;font-weight:500;box-shadow:0 8px 24px #0000008c,0 0 18px #f5c45140}.coach-body{flex-direction:column;gap:3px;font-size:13px;line-height:1.35;display:flex}.coach-body b{color:var(--gold);font-size:14px}.coach-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.coach-actions a,.tipcard .skip{color:var(--muted);cursor:pointer;font-size:11px;text-decoration:underline}.banner.coach button{background:var(--gold);color:#2b1a00}.tipcard{border-color:#f5c45180;flex-direction:column;gap:6px;display:flex}.tipcard .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.ascend-card{background:linear-gradient(135deg,#f5c45129,#6ff0ea14);border-color:#ffe08ab3;flex-direction:column;gap:8px;display:flex;box-shadow:0 0 18px #f5c45140}.week-row{color:var(--muted);padding:0 4px;font-size:12px}.week-row span:first-child{color:var(--gold)}.week-row b{color:var(--ink)}.week-tag{color:var(--gold);font-size:11px}@media (height<=640px){.coach-body{gap:2px;font-size:12px}.banner.coach{padding:8px 10px}}.card.offer{background:linear-gradient(135deg,#ff9a5a2e,#f5c4511a);border-color:#ff9a5acc;flex-direction:column;gap:6px;display:flex;box-shadow:0 0 18px #ff9a5a4d}.card.active-boost{border-color:#6ff0b08c;align-items:center;gap:10px;display:flex}.card.active-boost .grow{flex-direction:column;display:flex}.card.active-boost .left{color:#6ff0b0;white-space:nowrap}.card.product{flex-direction:column;gap:6px;display:flex}.card.product:has(>.grow){flex-direction:row;align-items:center}.card.product .grow{flex-direction:column;min-width:0;display:flex}.buy-row{flex-wrap:wrap;gap:8px;display:flex}.boost-chip{color:#6ff0b0;margin-right:10px}.qa.gift{background:radial-gradient(circle at 35% 28%,#d8ffd0,#7ff0b0 55%,#12905a);box-shadow:0 0 12px #7ff0b099}.qa.starter{background:radial-gradient(circle at 35% 28%,#ffe0c0,#ff9a5a 55%,#b0481a);box-shadow:0 0 12px #ff9a5a99}.card.product>b .tag{margin-left:8px}.gem-chip{color:inherit;cursor:pointer;font-family:inherit}.gem-chip .plus{color:#4a2e00;background:linear-gradient(#ffe9a0,#e0a93a);border-radius:50%;place-items:center;width:16px;height:16px;font-size:13px;font-weight:800;line-height:1;display:inline-grid}.gem-chip:active{transform:scale(.96)}.cmap-sum{text-align:center}.cregion{border:1px solid var(--re,#ffffff26);background:radial-gradient(circle at 50% 0%, var(--ra), var(--rb));border-radius:18px;flex-direction:column;gap:8px;padding:10px 10px 12px;display:flex}.cregion.locked{opacity:.55;filter:saturate(.5)}.cregion header{justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;display:flex}.cgrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.cnode{aspect-ratio:1;color:#fff;cursor:pointer;background:#0a061e8c;border:2px solid #ffffff38;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:16px;font-weight:800;display:grid;position:relative}.cnode:disabled{opacity:.45;cursor:default}.cnode .num{transform:translateY(-3px)}.cnode .cstars{text-align:center;letter-spacing:-1px;font-size:9px;line-height:1;position:absolute;bottom:3px;left:0;right:0}.cnode.done{border-color:var(--re,var(--gold));background:#ffffff1a}.cnode.cur{border-color:var(--gold);color:#2b1a00;background:linear-gradient(#ffe9a0,#e0a93a);animation:1.6s ease-in-out infinite curPulse;box-shadow:0 0 14px #ffd666cc}.cnode.boss{border-color:#ffd666;font-size:20px}.cstars i{color:#ffffff47;font-style:normal}.cstars i.on{color:#ffd666;text-shadow:0 0 6px #ffd666b3}.mission-row .cstars{white-space:nowrap;font-size:18px}.campaign-result{position:relative;overflow:hidden}.campaign-result .cstars{text-align:center;letter-spacing:4px;font-size:34px}@keyframes curPulse{50%{transform:scale(1.06);box-shadow:0 0 22px #ffd666}}.no-magic .cnode.cur{animation:none}.campaign-result .rew{justify-content:center;gap:14px;font-weight:800;display:flex}.campaign-result .magic,.campaign-result .confetti{pointer-events:none}.next-card{text-align:left;color:inherit;cursor:pointer;background:linear-gradient(135deg,#ffd6662e,#7850ff2e);border:1px solid #ffd6668c;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:0 8px;padding:10px 14px;font-family:inherit;display:grid}.next-card span{color:var(--muted);grid-column:1;font-size:11px}.next-card b{grid-column:1;font-size:14px}.next-card i{color:var(--gold);grid-area:1/2/3;font-size:26px;font-style:normal}.banner.unlock{border-color:#ffd66699}.found.newdar{justify-content:center;align-items:center;gap:8px;display:flex}.found.newdar img{filter:drop-shadow(0 0 6px #ffd666cc);width:28px;height:28px}.ice{pointer-events:none;z-index:3;box-sizing:border-box;background:radial-gradient(circle at 30% 25%,#ffffff52,#96d7ff24 55%,#6eb4ff14);border:2px solid #beebffe6;border-radius:22%;animation:.25s ease-out iceIn;position:absolute;box-shadow:inset 0 0 10px #fff9,0 0 6px #96dcff99}@keyframes iceIn{0%{opacity:0;transform:scale(1.2)}}.chain{pointer-events:none;z-index:3;box-sizing:border-box;background:#28243224;border:3px dashed #d2cdbef2;border-radius:50%;place-items:center;animation:.25s ease-out iceIn;display:grid;position:absolute;box-shadow:0 0 8px #00000080}.chain span{opacity:.95;filter:drop-shadow(0 1px 2px #000);font-size:62%}.dar-cutscene{text-align:center;border-color:#ffd666b3;flex-direction:column;align-items:center;gap:10px;padding:24px 16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #ffd66659}.dar-cutscene .big-dar{width:132px;height:132px;animation:.8s cubic-bezier(.2,1.5,.4,1) both darIn,2.4s ease-in-out .8s infinite darGlow;position:relative}.dar-cutscene .big-dar .dot{width:100%;height:100%}.dar-cutscene .big-dar img{width:62%;height:62%}.dar-cutscene .big{color:var(--gold);font-size:24px}.dar-cutscene .btn{align-self:stretch;margin-top:6px}@keyframes darGlow{50%{filter:drop-shadow(0 0 22px #ffd666e6)}}.no-magic .dar-cutscene .big-dar{animation:none}.ice.thick{background:radial-gradient(circle at 30% 25%,#fff6,#aae1ff38 55%,#78beff24);border-width:3px;box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 0 12px #ffffffb3,0 0 8px #96dcffcc}.cmap{flex-direction:column-reverse;gap:14px;display:flex}.cregion{padding:10px 12px 6px;position:relative;overflow:hidden}.cregion:before{content:"";background-image:radial-gradient(circle, var(--rd,#fff) 1px, transparent 1.6px), radial-gradient(circle, var(--rd,#fff) .8px, transparent 1.4px);opacity:.22;pointer-events:none;background-position:6px 10px,30px 40px;background-size:46px 52px,71px 63px;position:absolute;inset:0}.cregion header{align-items:center;gap:10px;display:flex;position:relative}.cregion header .grow{flex-direction:column;display:flex}.rglyph{border:1px solid var(--re);width:34px;height:34px;filter:drop-shadow(0 0 6px var(--re));background:#00000059;border-radius:50%;padding:5px}.croad{margin:0 -2px;position:relative}.croad svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.road{fill:none;stroke:#ffffff29;stroke-width:9px;stroke-linecap:round;stroke-dasharray:1 14;vector-effect:non-scaling-stroke}.road.done{stroke:var(--re);stroke-width:7px;stroke-dasharray:none;opacity:.9;filter:drop-shadow(0 0 6px var(--re))}.croad .cnode{aspect-ratio:auto;position:absolute}.cnode.done .num{font-size:15px}.cnode.boss.done{box-shadow:0 0 18px #ffd6668c}.mascot-pin{object-fit:contain;pointer-events:none;z-index:5;filter:drop-shadow(0 4px 6px #0000008c);width:64px;height:64px;animation:1.8s ease-in-out infinite pinBob;position:absolute;transform:translate(-50%)}@keyframes pinBob{50%{transform:translate(-50%)translateY(-6px)}}.no-magic .mascot-pin{animation:none}.croad .cnode{background:#0e0824db}.croad .cnode.done{background:#281a46eb}.croad .cnode.cur{background:linear-gradient(#ffe9a0,#e0a93a)}.result-yupik{object-fit:contain;filter:drop-shadow(0 6px 10px #00000080);align-self:center;width:110px;height:110px}.result-yupik.happy{animation:.9s cubic-bezier(.3,1.6,.5,1) both yupJump}.result-yupik.sad{filter:grayscale(.2)drop-shadow(0 6px 10px #00000080);animation:.5s both fade}@keyframes yupJump{0%{opacity:0;transform:translateY(20px)scale(.7)}60%{opacity:1;transform:translateY(-10px)scale(1.06)}to{transform:none}}.no-magic .result-yupik.happy{animation:none}.campaign-result,.dar-cutscene{text-align:center}.buy-row .btn.best{position:relative;box-shadow:0 0 0 2px #ffd666b3,0 0 14px #ffd66666}.buy-row .btn.best:before{content:"★ " attr(data-best);letter-spacing:.03em;color:var(--gold);background:#2b1a00;border-radius:6px;padding:1px 6px;font-size:9px;font-weight:800;position:absolute;top:-9px;left:8px}.buy-row .perday{opacity:.8;font-size:10px;font-weight:600;display:block}.blast{z-index:6;pointer-events:none;position:absolute;overflow:visible}.blast .beam{opacity:0;background:linear-gradient(90deg,#0000,#fff 20%,#ffe9a0 50%,#fff 80%,#0000);border-radius:6px;position:absolute;box-shadow:0 0 14px 3px #ffd666d9}.blast .beam.h{width:1700%;height:24%;animation:.55s ease-out forwards beamH;top:38%;left:-800%}.blast .beam.v{background:linear-gradient(#0000,#fff 20%,#ffe9a0 50%,#fff 80%,#0000);width:24%;height:1700%;animation:.55s ease-out forwards beamV;top:-800%;left:38%}.blast .wave{border:4px solid #fff;border-radius:50%;animation:.6s ease-out forwards wave;position:absolute;inset:-10%;box-shadow:0 0 18px 4px #ffd666cc,inset 0 0 14px #ffffffb3}.blast.s6 .wave{border-color:#ffe9a0;animation-name:waveBig}.blast.s4 .wave{background:conic-gradient(#ff6b6b,#ffd66b,#8ff0b8,#6bc4ff,#b58cff,#ff6b6b);border-color:#0000;animation-name:waveBig;box-shadow:0 0 20px 6px #fff9;-webkit-mask:radial-gradient(circle,#0000 52%,#000 54%);mask:radial-gradient(circle,#0000 52%,#000 54%)}@keyframes beamH{0%{opacity:0;transform:scaleX(.1)}25%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes beamV{0%{opacity:0;transform:scaleY(.1)}25%{opacity:1}to{opacity:0;transform:scaleY(1)}}@keyframes wave{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes waveBig{0%{opacity:1;transform:scale(.4)rotate(0)}to{opacity:0;transform:scale(5.2)rotate(120deg)}}.no-magic .blast{display:none}.campaign-result.boss-win{border-color:#ffd66b;box-shadow:0 0 36px #ffd6668c,inset 0 0 30px #ffd6661f}.campaign-result.boss-win .big{color:var(--gold);text-shadow:0 0 14px #ffd666cc;font-size:26px}.cmap{display:block}.cpager{align-items:center;gap:8px;display:flex}.cpager .pg{width:40px;height:40px;color:var(--ink);cursor:pointer;background:#0a061e99;border:1px solid #ffffff38;border-radius:50%;flex:none;font-family:inherit;font-size:24px;line-height:1}.cpager .pg:disabled{opacity:.3;cursor:default}.cpager .dots{flex:1;justify-content:center;align-items:center;gap:9px;display:flex}.cpager .dots .pgdot{cursor:pointer;width:12px;height:12px;box-shadow:none;background:#ffffff8c;border:0;border-radius:50%;padding:0;animation:none;position:relative}.cpager .dots .pgdot.lock{background:#ffffff2e}.cpager .dots .pgdot.cur{box-shadow:0 0 0 2px #ffd666cc}.cpager .dots .pgdot.on{background:var(--gold);transform:scale(1.35)}.cpager .dots .pgdot:after{content:"";position:absolute;inset:-9px}.hero-btn{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:0;font-family:inherit;display:flex}.hero-btn .xp{flex-direction:column;gap:4px;min-width:0;display:flex}.hero-btn .xp .small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hero-btn .xp .bar{display:block}.hero-btn .avatar{flex:none;display:block;position:relative}.hub-badge{color:#fff;background:#ff6b8a;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-style:normal;font-weight:800;animation:1.8s ease-in-out infinite curPulse;display:grid;position:absolute;top:-4px;right:-6px;box-shadow:0 0 0 2px #1a0f3f}.no-magic .hub-badge{animation:none}.qa.wide{white-space:nowrap;border-radius:999px;width:auto;padding:0 12px;font-size:14px;font-weight:800}.hub-strip{text-align:left;background:#ffd66614;border:1px solid #ffd66673;border-radius:14px;flex-direction:column;gap:6px;width:100%;padding:8px;display:flex}.hub-strip .res-sub{text-align:center}@media (height<=720px){.modetabs.playing{display:none}.mission{gap:4px;padding:5px 10px}.mission .bar{height:5px}.mission .res-row{min-height:0;margin:0;padding:0}.mission .small{font-size:12px}.result .hero-wrap,.result .rays{display:none}.result .res-title{font-size:20px}.result-body{gap:5px}.hub-strip{gap:4px;padding:6px}}.result-body>*{flex-shrink:0}@media (height<=720px){.rew-tiles{gap:8px}.rew-tile{padding:6px 8px}.rew-tile .rew-ic{display:none}.rew-tile b{font-size:20px}.score-tile .score-num{font-size:40px;line-height:1}.result .found{padding:5px 10px;font-size:13px}}.wheel-stage{width:min(100%,340px,100dvh - 400px);min-width:200px;margin-left:auto;margin-right:auto}.wheel-wrap .spin-btn{order:-1;width:100%}.sheet .skill-row .line1 b,.sheet .skill-row .eff1,.hub-strip .skill-row .line1 b,.hub-strip .skill-row .eff1{white-space:normal;text-overflow:clip;overflow:visible}.board .dot.special{animation:none}.board .dot.rainbow{background:#7a5cff;animation:none}.board .dot.rainbow:before{content:"";z-index:0;will-change:transform;pointer-events:none;background:conic-gradient(#ff5470,#ffc94d,#5be08a,#4cc4ff,#b07bff,#ff5470);animation:3.5s linear infinite rbSpin;position:absolute;inset:-30%}@keyframes rbSpin{to{transform:rotate(360deg)}}.board .piece.sp:after,.board .piece.res:after{content:"";pointer-events:none;opacity:.4;will-change:opacity;border-radius:50%;animation:1.5s ease-in-out infinite alternate glowPulse;position:absolute;inset:5%}.board .piece.sp:after{box-shadow:0 0 15px 5px #ffeca0f2}.board .piece.res:not(.sp):after{animation-duration:3.2s;box-shadow:0 0 14px 3px #fff4c8bf}@keyframes glowPulse{0%{opacity:.35}to{opacity:1}}.board .piece.res .dot{animation:none;box-shadow:inset 0 -5px 8px #00000047,inset 0 3px 5px #ffffff8c,0 3px 5px #0006}.no-magic .board .piece.sp:after,.no-magic .board .piece.res:after,.no-magic .board .dot.rainbow:before{animation:none}.burst i{box-shadow:0 0 5px var(--c)}.daily{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.daily.ready{border-color:#ffd666b3;box-shadow:0 0 16px #ffd66640}.daily-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:inherit;display:flex}.daily-head .grow{flex-direction:column;min-width:0;display:flex}.pips.streak{gap:4px;display:flex}.pips.streak i{background:#fff3;border-radius:50%;width:9px;height:9px}.pips.streak i.on{background:var(--gold)}.pips.streak i.now{box-shadow:0 0 0 2px var(--gold);background:0 0;animation:1.8s ease-in-out infinite curPulse}.no-magic .pips.streak i.now{animation:none}.daily-body{flex-direction:column;gap:6px;display:flex}.daily-row{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.daily-row .grow{flex-direction:column;gap:4px;min-width:0;display:flex}.daily-row .line1{white-space:normal;font-size:13px}.daily-row .tick{color:#8ff0b8;padding:0 8px;font-weight:800}.daily-head .caret{opacity:.7}.chips-row{flex-wrap:wrap;overflow:visible}.chips-row button{flex:auto}.ach{border-radius:14px;gap:3px;padding:7px 10px}.ach-top b{font-size:calc(var(--fs) * 14)}.ach .small{font-size:calc(var(--fs) * 12)}.ach-bar{flex-direction:row;align-items:center;gap:8px}.ach-bar .bar{flex:1;height:6px}.ach-bar .small{white-space:nowrap}.ach .btn.small-btn{min-height:0;padding:6px 10px}.ach-done{background:#ffffff0d;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;display:flex}.ach-done span{font-size:calc(var(--fs) * 12);background:#ffffff14;border-radius:999px;padding:3px 9px}.chips-row{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));display:grid}