*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--app-h: 100vh}@supports (height: 100dvh){:root{--app-h: 100dvh}}html,body{height:100%}#root{height:var(--app-h)}body{background:#1b1520;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;overflow:hidden;overscroll-behavior:none}.stage{position:relative;width:100%;height:100%;max-width:520px;margin:0 auto;overflow:hidden;background:#000}.splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:url(/splash.jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:9%;transition:opacity .5s ease}.splash.hide{opacity:0;pointer-events:none}.splash .loader{width:70%;height:14px;border-radius:8px;background:#00000073;border:2px solid rgba(255,220,120,.7);overflow:hidden}.splash .loader i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffe58a,#f7b32b);border-radius:6px;animation:fill 3s linear forwards}@keyframes fill{to{width:100%}}.splash .loader-text{margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff3c4;text-shadow:0 1px 3px #000}.splash.closed{justify-content:center;padding-bottom:0}.closed-card{width:82%;border-radius:18px;padding:18px 16px;text-align:center;color:#fff3d6;background:linear-gradient(180deg,#b7773a,#9a5c22 45%,#7f4614);border:3px solid #f2c14e;outline:3px solid #5a3411;box-shadow:0 14px 30px #000000a6}.closed-card h2{font-size:19px;font-weight:900;color:#ffe58a;text-shadow:0 2px 0 #5a3411;margin-bottom:8px}.closed-card p{font-size:13px;line-height:1.45;opacity:.95}.wheel-admin{position:absolute;top:calc(44px + env(safe-area-inset-top) + var(--tg-top, 0px));left:12px;max-width:62%;background:#140c06cc;border:1px solid rgba(210,150,255,.55);border-radius:10px;padding:5px 10px;font-size:11px;font-weight:700;color:#d9a6ff;z-index:4;line-height:1.3}.main{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0d0906;display:flex;align-items:flex-end;justify-content:center}.main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform:scale(1.12);background:url(/main-menu.jpg) center/cover no-repeat;filter:blur(18px) brightness(.82)}.scene{position:relative;z-index:1;width:min(100%,calc(var(--app-h) * 9 / 16));aspect-ratio:9 / 16;max-height:100%}.art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bgvideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.artfull{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/main-menu.jpg) center / 100% 100% no-repeat}.wmpatch{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/main-menu.jpg) center / 100% 100% no-repeat;clip-path:inset(94.5% 0 1% 73%)}.scene:before,.scene:after{content:"";position:absolute;left:0;right:0;height:50%;pointer-events:none}.scene:before{bottom:100%;background:linear-gradient(to top,#16183400,#161834b8 40%,#10122af0),linear-gradient(to right,#6c80bd,#6172ba 16.7%,#6771ba 33.3%,#6a75b7,#6973b9 66.7%,#8d81a7 83.3%,#46394d)}.scene:after{top:100%;background:linear-gradient(to bottom,#05090600,#05090699 40%,#030604e0),linear-gradient(to right,#0d231e,#223610 16.7%,#263809 33.3%,#2b3b0e,#263609 66.7%,#142d17 83.3%,#0e241f)}.hud{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + var(--tg-top, 0px));left:8px;right:8px;display:flex;flex-direction:column;gap:5px;z-index:10}.hud-row{display:flex;gap:5px}.res{flex:1;display:flex;align-items:center;gap:4px;background:#140c06b8;border:1px solid rgba(255,210,120,.45);border-radius:10px;padding:4px 6px;font-size:11px;font-weight:700;text-shadow:0 1px 2px #000;min-width:0}.res span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res .ic{width:15px;height:15px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}.res.gram{color:#ffe58a}.res.warn{border-color:#ff6b6b;color:#ffb3b3}.res.bonus{border-color:#d296ff8c;background:#3214468c}.res.bonus .ic{filter:hue-rotate(215deg) saturate(1.4) drop-shadow(0 1px 1px rgba(0,0,0,.7))}.res.bonus span:before{content:"★ ";color:#d9a6ff}.capbar{height:5px;border-radius:3px;background:#00000080;overflow:hidden;border:1px solid rgba(255,210,120,.3)}.capbar i{display:block;height:100%;background:linear-gradient(90deg,#5ee38a,#f7c948,#ff6b6b);transition:width .5s}@keyframes reelspin{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.res .ic.spin{animation:reelblink .8s ease}@keyframes reelblink{0%,to{filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}50%{filter:drop-shadow(0 0 6px #fff) brightness(1.8);transform:scale(1.25) rotate(20deg)}}.plus{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;cursor:pointer;z-index:5;border:none;font-size:0;--c1:#fff3a6;--c2:#ffd646;--c3:#f0a71c;--c4:#d4830e;--edge:#8f5208;--ring-l:#fff1bd;--ring-d:#a4640c;--cross:#fffbe8;--cross-o:#8a4f0a;--shade:rgba(120,55,0,.45);background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 38%,var(--c3) 55%,var(--c4) 100%);box-shadow:0 4px 0 var(--edge),0 9px 14px #0009,inset 0 2px 2px #ffffffd9,inset 0 -4px 5px var(--shade),0 0 0 2px var(--ring-l),0 0 0 4px var(--ring-d);animation:bob 2.2s ease-in-out infinite;transition:transform .08s}.plus.sap{--c1:#cfe6ff;--c2:#5aa8ff;--c3:#2b7be0;--c4:#1a55b0;--edge:#0e3576;--ring-l:#e6f2ff;--ring-d:#1b4f9e;--cross:#f4faff;--cross-o:#0e3576;--shade:rgba(0,30,90,.5)}.plus.eme{--c1:#d6ffe0;--c2:#5ee38a;--c3:#22b25a;--c4:#158a44;--edge:#0a5a27;--ring-l:#e6ffee;--ring-d:#0f7a35;--cross:#f3fff6;--cross-o:#0a5a27;--shade:rgba(0,60,20,.5)}.plus.rub{--c1:#ffd9dc;--c2:#ff5f6d;--c3:#e0263a;--c4:#b31627;--edge:#6e0a15;--ring-l:#ffe9eb;--ring-d:#8f1220;--cross:#fff5f5;--cross-o:#6e0a15;--shade:rgba(90,0,10,.5)}.plus.dia{--c1:#ffffff;--c2:#eaf7ff;--c3:#bfe3ff;--c4:#8fc6f2;--edge:#4f86b8;--ring-l:#ffffff;--ring-d:#6aa3d6;--cross:#2f6ea6;--cross-o:#ffffff;--shade:rgba(60,110,160,.35)}.plus:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:17px;height:17px;background:linear-gradient(var(--cross),var(--cross)) center/100% 5px no-repeat,linear-gradient(var(--cross),var(--cross)) center/5px 100% no-repeat;filter:drop-shadow(0 1px 0 var(--cross-o));border-radius:2px}.plus:active{transform:translateY(3px);animation:none}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.swap{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;cursor:pointer;z-index:5;border:none;background:radial-gradient(circle at 50% 35%,#c9ffd6,#4fe07a,#17a94b 70%,#0d7a35);box-shadow:0 4px #0a5a27,0 8px 12px #0009,inset 0 2px 3px #ffffffd9,inset 0 -4px 6px #003c148c,0 0 0 2px #dfffe8,0 0 0 4px #0f7a35;display:flex;align-items:center;justify-content:center;transition:transform .08s}.swap:active{transform:translateY(3px)}.swap svg{width:24px;height:24px}.wheelbtn{position:absolute;left:10px;bottom:14px;z-index:10;width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 50% 35%,#ffd9dc,#ff5f6d 40%,#b31627);box-shadow:0 4px #6e0a15,0 8px 12px #0009,inset 0 2px 3px #ffffffb3,0 0 0 2px #ffe9eb,0 0 0 4px #8f1220;font-size:24px;animation:bob 2s ease-in-out infinite}.wheelbtn .badge{position:absolute;top:-4px;right:-4px;background:#ffe58a;color:#4a2a05;font-size:11px;font-weight:900;min-width:18px;height:18px;border-radius:9px;line-height:18px;box-shadow:0 2px 4px #00000080}.iconbtn{position:absolute;z-index:10;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,210,120,.45);background:#140c06b8;color:#fff;font-size:16px;cursor:pointer}.iconbtn.sound{right:10px;bottom:14px}.iconbtn.refs{right:54px;bottom:14px}.iconbtn.lang{right:98px;bottom:14px;font-size:11px;font-weight:800;color:#ffe58a}.glow{position:absolute;z-index:3;pointer-events:none;width:96px;height:84px;margin:-42px 0 0 -48px;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,var(--gc1) 0%,var(--gc2) 38%,transparent 70%);mix-blend-mode:screen;filter:blur(2px);animation:glowpulse 2.4s ease-in-out infinite}.glow.sap{--gc1: rgba(120,190,255,.95);--gc2: rgba(40,120,255,.45)}.glow.eme{--gc1: rgba(150,255,180,.95);--gc2: rgba(30,200,100,.45)}.glow.rub{--gc1: rgba(255,150,160,.95);--gc2: rgba(255,50,80,.45)}.glow.dia{--gc1: rgba(255,255,255,1);--gc2: rgba(190,230,255,.55)}@keyframes glowpulse{0%,to{opacity:.65;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(var(--tg-top, 0px) + 10px) 0 10px;background:#08040299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{position:relative;width:88%;max-height:100%;overflow-y:auto;border-radius:18px;padding:14px;color:#fff3d6;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px),linear-gradient(180deg,#b7773a,#9a5c22 45%,#7f4614);border:3px solid #f2c14e;outline:3px solid #5a3411;box-shadow:0 14px 30px #000000a6,inset 0 2px #ffebb480;animation:pop .22s ease-out}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.card h2{text-align:center;font-size:19px;font-weight:900;color:#ffe58a;text-shadow:0 2px 0 #5a3411;margin-bottom:10px;padding:0 26px}.card .x{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:2px solid #fff1bd;background:radial-gradient(circle at 35% 30%,#ff8a80,#d63b2f 60%,#8f1a12);box-shadow:0 3px #5e0f0a;color:#fff;font-weight:900;font-size:14px;cursor:pointer;z-index:2}.portrait{width:104px;height:104px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:3px solid #f2c14e;outline:3px solid #5a3411;box-shadow:0 0 0 6px var(--glow, rgba(255,255,255,.15)),0 6px 14px #0009}.portrait img{width:100%;height:100%;object-fit:cover}.rows{background:#28120473;border:1px solid rgba(255,220,140,.35);border-radius:12px;padding:6px 10px;font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;gap:8px}.row+.row{border-top:1px dashed rgba(255,220,140,.25)}.row .k{opacity:.85}.row .v{font-weight:800;display:flex;align-items:center;gap:5px;color:#fff;text-align:right}.row .v .ic{width:15px;height:15px}.row .v .ic.bonus{filter:hue-rotate(215deg) saturate(1.4)}.sec{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#ffe58a;opacity:.9;margin:10px 2px 4px}.note{text-align:center;font-size:12px;margin:8px 0;opacity:.9}.note b{color:#ffe58a}.rules{font-size:10.5px;line-height:1.45;opacity:.85;margin-top:8px}.rules b{color:#ffe58a}.btn{display:block;width:100%;border:none;border-radius:14px;padding:12px 10px;font-size:15px;font-weight:900;color:#4a2a05;cursor:pointer;background:linear-gradient(180deg,#fff3a6,#ffd646 38%,#f0a71c 55%,#d4830e);box-shadow:0 5px #8f5208,0 8px 12px #00000080,inset 0 2px 2px #ffffffd9;text-shadow:0 1px 0 rgba(255,255,255,.5);transition:transform .08s;margin-top:8px}.btn:active{transform:translateY(4px)}.btn:disabled{background:linear-gradient(180deg,#d9d9d9,#a9a9a9 60%,#8a8a8a);color:#3a3a3a;box-shadow:0 5px #4d4d4d;cursor:default}.btn:disabled:active{transform:none}.btn small{display:block;font-size:11px;font-weight:700;opacity:.85;margin-top:2px}.btn.blue{background:linear-gradient(180deg,#cfe6ff,#5aa8ff 45%,#1f5fd0);color:#06264d;box-shadow:0 5px #0e3576}.input{display:flex;align-items:center;gap:6px;background:#28120473;border:1px solid rgba(255,220,140,.35);border-radius:12px;padding:7px 10px;margin-top:6px}.input input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#fff;font-size:15px;font-weight:800}.input .max{font-size:11px;font-weight:800;color:#ffe58a;cursor:pointer;padding:4px 6px;border:1px solid rgba(255,229,138,.5);border-radius:8px;background:none}.input .ic{width:20px;height:20px;flex:none}.toast{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:60;background:#140c06eb;border:2px solid #f2c14e;border-radius:14px;padding:12px 18px;color:#ffe58a;font-weight:800;font-size:14px;max-width:84%;text-align:center;animation:pop .2s ease-out;pointer-events:none}.toast.err{border-color:#ff6b6b;color:#ffb3b3}.wheel-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#080402bf;display:flex;align-items:center;justify-content:center}.wheel-frame{position:relative;width:min(100%,calc(var(--app-h) * 941 / 1672));aspect-ratio:941 / 1672;max-height:100%}.wheel-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.wheel-disc{position:absolute;border-radius:50%;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));will-change:transform}.wheel-close{position:absolute;top:calc(10px + env(safe-area-inset-top) + var(--tg-top, 0px));right:10px;z-index:4}.wheel-tickets{position:absolute;top:calc(12px + env(safe-area-inset-top) + var(--tg-top, 0px));left:12px;background:#140c06cc;border:1px solid rgba(255,210,120,.45);border-radius:10px;padding:5px 10px;font-size:12px;font-weight:800;color:#ffe58a;z-index:4}.wheel-spinbtn{position:absolute;left:32.2%;top:89.4%;width:31.8%;height:5.2%;border:none;cursor:pointer;background:transparent;border-radius:18px;z-index:4}.wheel-spinbtn:disabled{cursor:default}.wheel-spinbtn:not(:disabled):active{background:#ffffff1f}.btn.red{background:linear-gradient(180deg,#ffb3ba,#ff5f6d 40%,#c01527);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 5px #6e0a15,0 8px 12px #00000080,inset 0 2px 2px #ffffff80}.iconbtn.quests{right:142px;bottom:14px}.iconbtn.admin{right:186px;bottom:14px}.iconbtn .qbadge{position:absolute;top:-5px;right:-5px;background:#ff5f6d;color:#fff;font-size:10px;font-weight:900;min-width:16px;height:16px;border-radius:8px;line-height:16px;box-shadow:0 2px 4px #00000080}.quest{background:#28120473;border:1px solid rgba(255,220,140,.35);border-radius:12px;padding:8px 10px;margin-bottom:8px}.quest-head{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:5px}.quest-ic{font-size:16px}.quest-name{font-weight:800;color:#ffe58a;flex:1}.quest-progress{font-size:11px;opacity:.85}.quest-bar{margin-bottom:6px}.quest-tiers{display:flex;flex-direction:column;gap:3px}.quest-tier{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:3px 4px;border-radius:8px}.quest-tier.claimable{background:#5ee38a1f}.quest-tier.claimed{opacity:.55}.qt-need{flex:1}.qt-reward{display:flex;align-items:center;gap:3px;font-weight:800;color:#ffe58a}.qt-reward .ic{width:13px;height:13px}.qt-done{font-size:10.5px;color:#9dffb0;font-weight:700}.qt-locked{opacity:.6}.qt-btn{border:none;border-radius:9px;padding:5px 9px;font-size:11px;font-weight:900;color:#06381b;cursor:pointer;background:linear-gradient(180deg,#d6ffe0,#5ee38a 45%,#17a94b);box-shadow:0 3px #0a5a27,inset 0 1px 1px #fffc}.qt-btn:active{transform:translateY(2px);box-shadow:0 1px #0a5a27}.qt-btn.danger{background:linear-gradient(180deg,#ffd9dc,#ff5f6d 45%,#b31627);color:#fff;box-shadow:0 3px #6e0a15,inset 0 1px 1px #fff9}.admin-card{max-height:90%}.admin-tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}.admin-tab{flex:none;border:1px solid rgba(255,220,140,.35);background:#28120473;color:#f0dfae;border-radius:9px;padding:6px 10px;font-size:11.5px;font-weight:700;cursor:pointer}.admin-tab.active{background:linear-gradient(180deg,#ffd646,#d4830e);color:#4a2a05;border-color:#f2c14e}.admin-item{background:#28120473;border:1px solid rgba(255,220,140,.3);border-radius:10px;padding:8px 10px;margin-bottom:6px}.admin-item-line{font-size:12px;font-weight:700;word-break:break-all}.admin-item-line.small{font-size:10.5px;opacity:.75;font-weight:500;margin:2px 0}.admin-item-actions{display:flex;gap:6px;margin-top:6px}.admin-input{width:90px;background:#0000004d;border:1px solid rgba(255,220,140,.35);border-radius:6px;color:#fff;font-size:12px;padding:3px 6px;text-align:right}.admin-input-group{display:flex;align-items:center;gap:4px}.admin-input-suffix{font-size:11px;opacity:.75}