: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.pvp{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8a55e8,#4f7df0)}.banner button{color:var(--gold);cursor:pointer;background:#2b1a00;border:0;border-radius:10px;flex:none;padding:7px 14px;font-weight:800}.avatar-sm{background:radial-gradient(circle at 35% 30%,#8a55e8,#3a1f8a);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.result-pvp{flex-direction:column;align-items:center;gap:6px;display:flex}.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}