@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Cinzel:wght@700&display=swap";:root{--bg-dark:#0f172a;--bg-panel:#1e293b;--bg-card:#1e293bb3;--btn-bg:#ffffff0d;--btn-hover:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--gold-primary:#fbbf24;--gold-glow:#fbbf244d;--accent-blue:#3b82f6;--accent-red:#ef4444;--accent-green:#10b981;--border-glass:#ffffff1a;--shadow-glass:0 8px 32px 0 #0000005e;--font-heading:"Cinzel", serif;--font-body:"Outfit", system-ui, sans-serif;font-family:var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-dark);color:var(--text-primary)}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-primary);background-image:linear-gradient(#0f172ad9,#0f172af2),url(https://images.unsplash.com/photo-1614729939124-032f0b56c9ce?q=80&w=2000&auto=format&fit=crop);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;margin:0;padding:0}body[data-theme=light]{--bg-dark:#f8fafc;--bg-panel:#fff;--bg-card:#fffc;--btn-bg:#0000000d;--btn-hover:#0000001a;--text-primary:#0f172a;--text-secondary:#475569;--gold-primary:#d97706;--gold-glow:#d977064d;--border-glass:#0000001a;--shadow-glass:0 8px 32px 0 #0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:linear-gradient(#f8fafcb3,#f8fafce6),url(https://images.unsplash.com/photo-1579546929518-9e396f3cc809?q=80&w=2000&auto=format&fit=crop)}body[data-theme=fantasy]{--bg-dark:#0c4a6e;--bg-panel:#0284c7;--bg-card:#0284c7b3;--btn-bg:#ffffff1a;--btn-hover:#fff3;--text-primary:#f0f9ff;--text-secondary:#bae6fd;--gold-primary:#7dd3fc;--gold-glow:#7dd3fc4d;--border-glass:#ffffff26;--shadow-glass:0 8px 32px 0 #0006;background-image:linear-gradient(#0c4a6eb3,#0c4a6ee6),url(https://images.unsplash.com/photo-1514809280145-2e118944a956?q=80&w=2000&auto=format&fit=crop)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);overflow-wrap:break-word;margin:0}h1{font-size:clamp(1.75rem,4vw,3rem)}h2{font-size:clamp(1.25rem,3vw,2rem)}h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px}.title-glow{text-shadow:0 0 15px var(--gold-glow);color:var(--gold-primary)}.navbar{z-index:50;-webkit-backdrop-filter:blur(16px);position:sticky;top:1rem}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes epicZoom{0%{opacity:0;filter:blur(10px);transform:scale(.1)}60%{opacity:1;filter:blur();transform:scale(1.2)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes epicGlow{0%{box-shadow:0 0 #0000}50%{box-shadow:0 0 50px,0 0 100px}to{box-shadow:0 0 20px}}@keyframes leaveLeft{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;filter:blur(5px);transform:translate(-150%)scale(.5)}}@keyframes enterRight{0%{opacity:0;filter:blur(5px);transform:translate(150%)scale(.5)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes coin-fall{0%{opacity:0;transform:translateY(-40px)rotate(0)}10%{opacity:1}80%{opacity:.8}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes coin-loss{0%{opacity:1;transform:translate(0)rotate(0)}20%{opacity:1;transform:translate(-16px,-36px)rotate(-14deg)}to{opacity:0;transform:translate(-30px,150px)rotate(-45deg)}}@keyframes coin-pop{0%{opacity:0;transform:scale(0)translateY(-30px)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes chestOpen{0%{opacity:0;transform:scale(.8)rotate(-10deg)}50%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes coin-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes coin-value-rise{0%{opacity:0;transform:translate(-50%,-10px)scale(.6)}15%{opacity:1;transform:translate(-50%,-30px)scale(1.15)}to{opacity:0;transform:translate(-50%,-110px)scale(1)}}.coin-value-pop{pointer-events:none;z-index:60;color:var(--gold-primary);white-space:nowrap;text-shadow:0 0 10px #f59e0be6,0 2px 4px #000c;font-size:1.35rem;font-weight:700;line-height:1;animation:.9s ease-out forwards coin-value-rise;position:absolute}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.level-up-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#0f172af2 0%,#000000fa 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes heart-die{0%{opacity:1;filter:hue-rotate();transform:scale(1)}30%{opacity:1;filter:hue-rotate();transform:scale(1.3)}to{opacity:0;filter:hue-rotate(180deg);transform:scale(0)}}.heart-dying{animation:.6s ease-in-out forwards heart-die}.heart-dying:last-child{animation-delay:0s}.heart-dying:nth-last-child(2){animation-delay:.15s}.heart-dying:nth-last-child(3){animation-delay:.3s}.heart-dying:nth-last-child(4){animation-delay:.45s}.heart-dying:nth-last-child(5){animation-delay:.6s}@keyframes teleport-attack-player{0%{opacity:1;filter:blur();transform:translate(0)}15%{opacity:0;filter:blur(10px);transform:translate(-30px)}33%{transform:translateX(calc(var(--attack-dist) - 40px)) scale(1.3);opacity:1;filter:blur()}45%{transform:translateX(var(--attack-dist)) scale(1.3) rotate(15deg)}60%{transform:translateX(var(--attack-dist)) scale(1.3) rotate(15deg);opacity:1;filter:blur()}75%{transform:translateX(var(--attack-dist)) scale(1.3) rotate(15deg);opacity:0;filter:blur(10px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes teleport-attack-monster{0%{opacity:1;filter:blur();transform:translate(0)scale(1)}15%{opacity:0;filter:blur(10px);transform:translate(30px)scale(1)}33%{transform:translateX(calc(var(--attack-dist) * -1 + 40px)) scale(1.3);opacity:1;filter:blur()}45%{transform:translateX(calc(var(--attack-dist) * -1)) scale(1.3) rotate(-15deg)}60%{transform:translateX(calc(var(--attack-dist) * -1)) scale(1.3) rotate(-15deg);opacity:1;filter:blur()}75%{transform:translateX(calc(var(--attack-dist) * -1)) scale(1.3) rotate(-15deg);opacity:0;filter:blur(10px)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes death-evaporate{0%{opacity:1;filter:blur();transform:translateX(var(--death-base-x,0px)) translateY(0) scale(1)}20%{opacity:.8;filter:blur(2px)sepia()hue-rotate(300deg);transform:translateX(var(--death-base-x,0px)) translateY(-10px) scale(1.05)}40%{opacity:.5;filter:blur(5px)sepia()hue-rotate(300deg);transform:translateX(var(--death-base-x,0px)) translateY(-30px) scale(1.1)}to{opacity:0;filter:blur(20px);transform:translateX(var(--death-base-x,0px)) translateY(-100px) scale(1.5)}}.death-slice-left{clip-path:polygon(0 0,50% 0,30% 100%,0 100%);animation:4s forwards slice-left}.death-slice-right{clip-path:polygon(50% 0,100% 0,100% 100%,30% 100%);width:100%;height:100%;animation:4s forwards slice-right;position:absolute;top:0;left:0}@keyframes slice-left{0%{transform:translateX(var(--death-base-x,0px)) translateY(0) rotate(0);opacity:1}10%{transform:translateX(calc(var(--death-base-x,0px) - 5px)) translateY(5px) rotate(-2deg);opacity:1;filter:brightness(1.5)}15%{filter:brightness()}to{transform:translateX(calc(var(--death-base-x,0px) - 50px)) translateY(100px) rotate(-20deg);opacity:0}}@keyframes slice-right{0%{transform:translateX(var(--death-base-x,0px)) translateY(0) rotate(0);opacity:1}10%{transform:translateX(calc(var(--death-base-x,0px) + 5px)) translateY(5px) rotate(2deg);opacity:1;filter:brightness(1.5)}15%{filter:brightness()}to{transform:translateX(calc(var(--death-base-x,0px) + 50px)) translateY(100px) rotate(20deg);opacity:0}}.teleport-player{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-player}.teleport-monster{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-monster}.teleport-player.is-3d{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-player-3d}.teleport-monster.is-3d{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-monster-3d}@keyframes teleport-attack-player-3d{0%{opacity:1;filter:blur();transform:translate(0)}20%{opacity:0;filter:blur(10px);transform:translate(-30px)}33%{transform:translateX(calc(var(--attack-dist) - 40px));opacity:1;filter:blur()}45%{transform:translateX(var(--attack-dist)) rotate(15deg)}60%{transform:translateX(var(--attack-dist)) rotate(15deg);opacity:1;filter:blur()}75%{transform:translateX(var(--attack-dist)) rotate(15deg);opacity:0;filter:blur(10px)}to{opacity:1;filter:blur();transform:translate(0)}}@keyframes teleport-attack-monster-3d{0%{opacity:1;filter:blur();transform:translate(0)}15%{opacity:0;filter:blur(10px);transform:translate(30px)}33%{transform:translateX(calc(var(--attack-dist) * -1 + 40px));opacity:1;filter:blur()}45%{transform:translateX(calc(var(--attack-dist) * -1)) rotate(-15deg)}60%{transform:translateX(calc(var(--attack-dist) * -1)) rotate(-15deg);opacity:1;filter:blur()}75%{transform:translateX(calc(var(--attack-dist) * -1)) rotate(-15deg);opacity:0;filter:blur(10px)}to{opacity:1;filter:blur();transform:translate(0)}}.anim-death-evaporate{animation:4s cubic-bezier(.25,1,.5,1) forwards death-evaporate}@keyframes teleport-attack-player-fatal{0%{opacity:1;filter:blur();transform:translate(0)}20%{opacity:0;filter:blur(10px);transform:translate(-30px)}33%{transform:translateX(calc(var(--attack-dist) - 40px));opacity:1;filter:blur()}to{transform:translateX(calc(var(--attack-dist) + 20px)) rotate(15deg);opacity:1;filter:blur()}}@keyframes teleport-attack-monster-fatal{0%{opacity:1;filter:blur();transform:translate(0)}20%{opacity:0;filter:blur(10px);transform:translate(30px)}33%{transform:translateX(calc(var(--attack-dist) * -1 + 40px));opacity:1;filter:blur()}to{transform:translateX(calc(var(--attack-dist) * -1 - 20px)) rotate(-15deg);opacity:1;filter:blur()}}.teleport-player-fatal{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-player-fatal}.teleport-monster-fatal{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-monster-fatal}.teleport-player-fatal.is-3d{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-player-fatal-3d}.teleport-monster-fatal.is-3d{animation:1.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-monster-fatal-3d}.teleport-player-fatal-slow.is-3d{animation:2.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-player-fatal-3d}.teleport-monster-fatal-slow.is-3d{animation:2.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-monster-fatal-3d}@keyframes teleport-attack-player-fatal-3d{0%{opacity:1;filter:blur();transform:translate(0)}20%{opacity:0;filter:blur(10px);transform:translate(-30px)}33%{transform:translateX(calc(var(--attack-dist) - 40px));opacity:1;filter:blur()}to{transform:translateX(calc(var(--attack-dist) + 20px)) rotate(15deg);opacity:1;filter:blur()}}@keyframes teleport-attack-monster-fatal-3d{0%{opacity:1;filter:blur();transform:translate(0)}20%{opacity:0;filter:blur(10px);transform:translate(30px)}33%{transform:translateX(calc(var(--attack-dist) * -1 + 40px));opacity:1;filter:blur()}to{transform:translateX(calc(var(--attack-dist) * -1 - 20px)) rotate(-15deg);opacity:1;filter:blur()}}.teleport-player-fatal-slow{animation:2.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-player-fatal}.teleport-player-victory{transform:translateX(calc(var(--attack-dist) + 20px))}.teleport-monster-victory{transform:translateX(calc(var(--attack-dist) * -1 - 20px))}.teleport-monster-fatal-slow{animation:2.5s cubic-bezier(.25,1,.5,1) forwards teleport-attack-monster-fatal}.anim-death-fall{transform-origin:bottom;animation:4s cubic-bezier(.4,0,.2,1) forwards death-fall-anim}@keyframes death-fall-anim{0%{transform:translateX(var(--death-base-x,0px)) translateY(0) rotate(0deg);opacity:1;filter:grayscale(0%)}30%{transform:translateX(var(--death-base-x,0px)) translateY(4px) rotate(-28deg);opacity:1;filter:grayscale(60%)}60%{transform:translateX(var(--death-base-x,0px)) translateY(10px) rotate(-66deg);opacity:1;filter:grayscale()}to{transform:translateX(var(--death-base-x,0px)) translateY(14px) rotate(-90deg);opacity:0;filter:grayscale()}}.anim-death-explode{animation:4s forwards death-explode-anim}@keyframes death-explode-anim{0%{transform:translateX(var(--death-base-x,0px)) scale(1);opacity:1;filter:brightness()}25%{transform:translateX(var(--death-base-x,0px)) scale(1.6);filter:brightness(5)sepia()hue-rotate(-50deg);opacity:1}55%{transform:translateX(var(--death-base-x,0px)) scale(2.2);opacity:1;filter:brightness(10)}75%{transform:translateX(var(--death-base-x,0px)) scale(1.4);opacity:.9;filter:brightness(6)}to{transform:translateX(var(--death-base-x,0px)) scale(.2);opacity:0}}.bruise-overlay{pointer-events:none;opacity:var(--damage-opacity);image-rendering:pixelated;z-index:10;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"64\"><circle cx=\"12\" cy=\"18\" r=\"4\" fill=\"rgba(80,0,0,0.6)\"/><circle cx=\"10\" cy=\"20\" r=\"2\" fill=\"rgba(120,0,60,0.5)\"/><circle cx=\"14\" cy=\"16\" r=\"2\" fill=\"rgba(60,0,30,0.4)\"/><circle cx=\"40\" cy=\"12\" r=\"3\" fill=\"rgba(80,0,0,0.5)\"/><circle cx=\"42\" cy=\"14\" r=\"2\" fill=\"rgba(100,0,50,0.4)\"/><circle cx=\"24\" cy=\"40\" r=\"4\" fill=\"rgba(80,0,0,0.6)\"/><circle cx=\"22\" cy=\"42\" r=\"2\" fill=\"rgba(120,0,60,0.5)\"/><circle cx=\"26\" cy=\"38\" r=\"2\" fill=\"rgba(60,0,30,0.4)\"/><circle cx=\"50\" cy=\"36\" r=\"3\" fill=\"rgba(80,0,0,0.5)\"/><circle cx=\"48\" cy=\"38\" r=\"2\" fill=\"rgba(100,0,50,0.4)\"/><circle cx=\"32\" cy=\"24\" r=\"2\" fill=\"rgba(60,0,30,0.3)\"/><circle cx=\"16\" cy=\"50\" r=\"3\" fill=\"rgba(80,0,0,0.4)\"/><circle cx=\"44\" cy=\"52\" r=\"2\" fill=\"rgba(100,0,50,0.3)\"/></svg>");background-size:cover;border-radius:8px;transition:opacity 1.5s ease-out;position:absolute;inset:15% 20%;-webkit-mask-image:radial-gradient(85% 80%,#000 50%,#0000 100%);mask-image:radial-gradient(85% 80%,#000 50%,#0000 100%)}.sweat-overlay{pointer-events:none;opacity:var(--sweat-opacity,0);z-index:10;transition:opacity 1.5s ease-out;position:absolute;inset:0;overflow:hidden}.sweat-drop{background:linear-gradient(#64b4ffe6,#64b4ff00);border-radius:50%/60% 60% 40% 40%;width:4px;height:10px;animation:1.2s ease-in infinite sweat-fall;position:absolute}.sweat-drop:first-child{animation-delay:0s;top:12%;left:35%}.sweat-drop:nth-child(2){animation-delay:.35s;top:16%;left:60%}.sweat-drop:nth-child(3){animation-delay:.7s;top:8%;left:48%}@keyframes pvp-bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.pvp-emoji-float{pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:2px;animation:4s ease-in forwards pvp-emoji-up;display:flex;position:absolute}.pvp-emoji-char{filter:drop-shadow(0 2px 6px #0009);font-size:2rem;animation:.5s ease-in-out infinite alternate pvp-emoji-wiggle}.pvp-emoji-name{color:#fff;white-space:nowrap;background:#000000a6;border-radius:6px;padding:.1rem .45rem;font-size:.55rem;font-weight:700}@keyframes pvp-emoji-up{0%{opacity:0;transform:translateY(0)scale(.4)}12%{opacity:1;transform:translateY(-14px)scale(1.15)}22%{transform:translateY(-20px)scale(1)}70%{opacity:1;transform:translateY(-95px)scale(1)}to{opacity:0;transform:translateY(-130px)scale(.9)}}@keyframes pvp-emoji-wiggle{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes sweat-fall{0%{opacity:.9;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(18px)scale(.7)}to{opacity:0;transform:translateY(35px)scale(.4)}}.battle-arena-bg-image{z-index:1;--bg-move-x:10%;--bg-move-y:-5%;--bg-move-duration:30s;width:100%;height:100%;animation:pan-background var(--bg-move-duration,30s) linear infinite alternate;animation-play-state:var(--bg-move-play,running);filter:brightness(.6)contrast(1.1);opacity:.8;position:absolute;top:0;left:0}@keyframes pan-background{0%{transform:translate(0)scale(1)}to{transform:translate(var(--bg-move-x,10%), var(--bg-move-y,-5%)) scale(1.1)}}.speech-bubble{color:#000;white-space:normal;text-align:center;z-index:50;pointer-events:none;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:fit-content;min-width:60px;max-width:200px;min-height:2.2rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:700;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;display:flex;position:absolute;bottom:calc(100% - 15px);left:50%;transform:translate(-50%);box-shadow:0 4px 15px #0006}.speech-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.speech-bubble.player{margin-bottom:15px;margin-left:-20px}.speech-bubble.monster{margin-left:20px}.speech-bubble.debug-bubble{width:fit-content;min-width:60px;rotate:var(--bubble-rotate,0deg);max-width:var(--bubble-max-w,200px)!important;font-size:var(--bubble-font,14px)!important}.companion-bubble{color:#1e293b;white-space:normal;text-align:center;z-index:110;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:16px;min-width:130px;max-width:210px;padding:.7rem 1.1rem;font-size:.95rem;font-weight:600;line-height:1.35;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn;position:absolute;top:-58px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #00000073}.companion-bubble:after{content:"";border:9px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes popIn{0%{opacity:0;transform:translate(-50%)scale(0)}80%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}.ff7-transition{animation:.45s ease-in .85s forwards ff7-fade-out}.ff7-transition.ff7-exit{animation:none}.ff7-strip{background:linear-gradient(#0a0518 0%,#3b1a8a 35%,#7a3cf0 50%,#3b1a8a 65%,#0a0518 100%);height:33.34%;position:absolute;left:0;right:0;box-shadow:0 0 40px #7a3cf099}.ff7-strip-top{animation:.45s ease-out forwards ff7-strip-in-top;top:0}.ff7-strip-mid{animation:.55s ease-out forwards ff7-strip-in-mid;top:33.33%}.ff7-strip-bot{animation:.45s ease-out forwards ff7-strip-in-bot;top:66.66%}@keyframes ff7-strip-in-top{0%{transform:translateY(-101%)}to{transform:translateY(0)}}@keyframes ff7-strip-in-mid{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ff7-strip-in-bot{0%{transform:translateY(101%)}to{transform:translateY(0)}}.ff7-flash{pointer-events:none;background:radial-gradient(circle,#ffffff73,#fff0 60%);animation:.9s ease-out forwards ff7-flash-anim;position:absolute;inset:0}@keyframes ff7-flash-anim{0%{opacity:0}40%{opacity:1}to{opacity:0}}@keyframes ff7-fade-out{0%{opacity:1}to{opacity:0}}.quest-question-overlay{z-index:25;pointer-events:none;flex-direction:column;align-items:center;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.quest-question-overlay>*{pointer-events:auto}.quest-question-overlay .quest-question-title{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);text-align:center;color:#fff;background:#000000bf;border-radius:10px;max-width:90%;margin-bottom:.5rem;padding:.6rem 1.2rem;font-size:1rem;line-height:1.4}.quest-question-overlay .quest-question-title h2{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f59e0b80 transparent;word-break:break-word;max-width:100%;max-height:4.62rem;margin:0;font-size:1.1rem;line-height:1.4;overflow-y:auto}.quest-question-overlay .quest-question-title img{object-fit:contain;border-radius:6px;max-width:100%;height:auto;max-height:80px;margin-top:.25rem}.quest-question-overlay .quest-options-compact{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:95%;display:flex}.quest-question-overlay .quest-option-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;background:#000000b3;border-radius:8px;align-items:center;gap:.5rem;min-width:120px;max-width:280px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.quest-question-overlay .quest-option-btn:hover:not(:disabled){border-color:var(--gold-primary);background:#f59e0b33}.quest-question-overlay .quest-option-btn:disabled{cursor:not-allowed;opacity:.5}.quest-question-overlay .quest-option-btn .option-letter{width:24px;height:24px;color:var(--gold-primary);background:#f59e0b33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.quest-question-overlay .quest-option-btn .option-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quest-question-overlay .quest-option-btn .option-img{object-fit:cover;border-radius:4px;flex-shrink:0;width:32px;height:32px}.quest-question-overlay .quest-option-btn.eliminated{color:#fff3;background:#ef44441a;border-color:#0000}.quest-question-overlay .quest-option-btn.correct{border-color:var(--accent-green);background:#10b9814d}.quest-question-overlay .quest-option-btn.wrong{border-color:var(--accent-red);background:#ef44444d}@media (width<=600px){.quest-question-overlay{padding:.5rem .6rem}.quest-question-overlay .quest-question-title{max-width:96%;padding:.5rem .8rem;font-size:.95rem}.quest-question-overlay .quest-question-title h2{max-height:4.2rem;font-size:1rem}.quest-question-overlay .quest-options-compact{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f59e0b80 transparent;max-width:100%;max-height:42vh;overflow-y:auto}.quest-question-overlay .quest-question-title{padding:.5rem .8rem;font-size:.85rem}.quest-question-overlay .quest-option-btn{flex:calc(50% - .3rem);min-width:0;max-width:calc(50% - .3rem);padding:.5rem .75rem;font-size:.85rem}.quest-question-overlay .quest-options-compact{flex-wrap:wrap;gap:.4rem;max-width:100%}}.chest-shake:hover{animation:.5s cubic-bezier(.36,.07,.19,.97) infinite both chestShake}@keyframes chestShake{10%,90%{transform:translate(-2px)rotate(-2deg)}20%,80%{transform:translate(4px)rotate(2deg)}30%,50%,70%{transform:translate(-8px)rotate(-4deg)}40%,60%{transform:translate(8px)rotate(4deg)}}@keyframes popInChest{0%{opacity:0;transform:scale(.5)translateY(20px)}80%{opacity:1;transform:scale(1.1)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-20px)scale(1.2)}80%{opacity:1;transform:translateY(-80px)scale(1)}to{opacity:0;transform:translateY(-100px)scale(1)}}@keyframes heartPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.recovering-heart{animation:2s infinite heartPulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.cube-container{perspective:1000px;width:clamp(180px,25vw,240px);height:clamp(180px,25vw,240px);margin:0 auto}.cube{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.cube-face{background:var(--bg-dark);border-radius:16px;justify-content:center;align-items:center;width:clamp(180px,25vw,240px);height:clamp(180px,25vw,240px);display:flex;position:absolute}.cube-face-front{transform:rotateY(0)translateZ(clamp(90px,12.5vw,120px))}.cube-face-right{transform:rotateY(90deg)translateZ(clamp(90px,12.5vw,120px))}.cube-face-back{transform:rotateY(180deg)translateZ(clamp(90px,12.5vw,120px))}.cube-face-left{transform:rotateY(-90deg)translateZ(clamp(90px,12.5vw,120px))}:root{--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-mestre:#ef4444;--rarity-legendary:#f59e0b}.rarity-common{box-shadow:none!important;border:1px solid #ffffff1a!important}.rarity-uncommon{border:2px solid #10b981!important;box-shadow:0 0 10px #10b9814d!important}.rarity-uncommon h3,.rarity-uncommon h4{color:#10b981}.rarity-rare{border:3px solid #3b82f6!important;box-shadow:0 0 15px #3b82f666!important}.rarity-rare h3,.rarity-rare h4{color:#3b82f6}.rarity-epic{border:4px solid #8b5cf6!important;box-shadow:0 0 20px #8b5cf680!important}.rarity-epic h3,.rarity-epic h4{color:#8b5cf6}.rarity-mestre{border:4px solid #ef4444!important;box-shadow:0 0 20px #ef44448c!important}.rarity-mestre h3,.rarity-mestre h4{color:#ef4444;text-shadow:0 0 5px #ef444480}.rarity-legendary{position:relative;overflow:hidden;border:5px solid #f59e0b!important;box-shadow:0 0 25px #f59e0b99!important}.rarity-legendary h3,.rarity-legendary h4{color:#f59e0b;text-shadow:0 0 5px #f59e0b80}.rarity-badge{text-transform:uppercase;letter-spacing:.5px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:3px;padding:1px 4px;font-size:.45rem;font-weight:800;line-height:1.2;position:absolute;top:4px;left:4px}.rarity-badge.common{color:#ccc;background:#ffffff1a;border:1px solid #fff3}.rarity-badge.uncommon{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.rarity-badge.rare{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.rarity-badge.epic{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf64d}.rarity-badge.mestre{color:#ef4444;text-shadow:0 0 5px #ef444480;background:#ef444426;border:1px solid #ef444466}.rarity-badge.legendary{color:#f59e0b;text-shadow:0 0 5px #f59e0b80;background:#f59e0b26;border:1px solid #f59e0b66}.rarity-legendary:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff80 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite legendaryShine;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.rarity-legendary:after{content:"✨";color:#fff;text-shadow:0 0 10px #f59e0b,0 0 20px #f59e0b;z-index:11;pointer-events:none;font-size:1.5rem;animation:4s ease-in-out infinite alternate legendaryStars;position:absolute;top:10%;left:10%}@keyframes legendaryShine{0%{left:-150%}50%{left:150%}to{left:150%}}@keyframes legendaryStars{0%{opacity:0;transform:translate(0)scale(.8)rotate(0)}25%{opacity:1;transform:translate(10px,-10px)scale(1.2)rotate(45deg)}50%{opacity:0;transform:translate(20px)scale(.8)rotate(90deg)}75%{opacity:1;transform:translate(40px,-20px)scale(1.2)rotate(135deg)}to{opacity:0;transform:translate(50px,-10px)scale(.8)rotate(180deg)}}@keyframes loot-drop-bounce{0%{opacity:0;transform:translate(-50%,-240%)scale(.4)}60%{opacity:1;transform:translate(-50%,-90%)scale(1.15)}80%{transform:translate(-50%,-105%)scale(.95)}to{opacity:1;transform:translate(-50%,-100%)scale(1)}}@keyframes loot-beam-pulse{0%{opacity:.7;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1.15)}to{opacity:.7;transform:scaleX(.85)}}@keyframes loot-halo-shimmer{0%{opacity:.55;transform:translate(-50%)scaleX(.9)}50%{opacity:.9;transform:translate(-50%)scaleX(1.2)}to{opacity:.55;transform:translate(-50%)scaleX(.9)}}@keyframes loot-ground-pulse{0%{opacity:.6;transform:translate(-50%)scale(.9)}50%{opacity:.95;transform:translate(-50%)scale(1.15)}to{opacity:.6;transform:translate(-50%)scale(.9)}}@keyframes loot-particles-rise{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:1}85%{opacity:.85}to{opacity:0;transform:translateY(-200px)scale(1.1)}}@keyframes loot-item-bob{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes loot-pickup-fly{0%{opacity:1;transform:translate(-50%,-100%)scale(1)}40%{opacity:1;filter:brightness(1.6);transform:translate(-50%,-150%)scale(1.25)}to{opacity:0;transform:translate(-50%,-220%)scale(.3)}}.loot-drop-container{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:45;flex-direction:column;justify-content:flex-end;align-items:center;transition:filter .2s;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards loot-drop-bounce;display:flex;position:absolute;transform:translate(-50%,-100%)}.loot-drop-container:hover{filter:brightness(1.25)drop-shadow(0 0 10px #fff6)}.loot-drop-container.picking-up{pointer-events:none;animation:.55s cubic-bezier(.25,1,.5,1) forwards loot-pickup-fly!important}.loot-beam-wrapper{pointer-events:none;z-index:1;justify-content:center;align-items:flex-end;width:60px;height:220px;display:flex;position:absolute;bottom:24px;left:50%;overflow:visible;transform:translate(-50%)}.loot-beam-core{border-radius:2px;width:4px;height:100%;animation:1.8s ease-in-out infinite alternate loot-beam-pulse;position:absolute;bottom:0}.loot-beam-halo{filter:blur(6px);width:32px;height:100%;animation:2.4s ease-in-out infinite alternate loot-halo-shimmer;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.loot-beam-ground{filter:blur(3px);z-index:0;border-radius:50%;width:58px;height:18px;animation:2s ease-in-out infinite alternate loot-ground-pulse;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.loot-particle{pointer-events:none;border-radius:50%;animation:linear infinite loot-particles-rise;position:absolute}.loot-item-box{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172ae0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;animation:2.2s ease-in-out infinite loot-item-bob;display:flex;position:relative}.loot-drop-container:hover .loot-item-box{transform:scale(1.1)}.loot-item-name-badge{z-index:3;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-overflow:ellipsis;background:#0a0f1ef0;border-radius:12px;align-items:center;gap:4px;max-width:140px;margin-top:5px;padding:3px 8px;font-size:.72rem;font-weight:700;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0009}.loot-drop-container:hover .loot-item-name-badge{transform:scale(1.05)}.quest-arena{padding:5rem 3rem 1rem}.quest-arena-avatars{transform:scale(1)}.quest-content-area{padding:2rem}.quest-question-card{padding:3rem}.quest-image-box{height:300px}.quest-options-grid{grid-template-columns:1fr 1fr}.quest-victory-panel{padding:4rem}.quest-victory-title,.quest-victory-xp,.quest-victory-icon{font-size:3rem}@media (height<=850px){.quest-arena{padding:2rem 2rem .5rem}.quest-arena-avatars{transform-origin:bottom;transform:scale(.8)}.quest-content-area{padding:1rem}.quest-question-card{padding:1.5rem}.quest-image-box{height:140px!important}}.mobile-menu-btn{display:none!important}@media (width<=768px){.general-tab-text{display:none}}.tenant-switcher-desktop{display:flex}.tenant-switcher-mobile{display:none}@media (width<=768px){.tenant-switcher-desktop{display:none}.tenant-switcher-mobile{display:flex}}.admin-sidebar{transition:transform .3s}@media (width<=768px){.mobile-menu-btn{display:flex!important}.admin-sidebar{left:-280px;z-index:10000!important;background:var(--bg-dark)!important;width:260px!important;height:100vh!important;max-height:100vh!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;box-shadow:0 0 30px #000c!important}.admin-sidebar.open{left:0!important}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000bf;position:fixed;inset:0}.admin-sidebar .login-btn{justify-content:flex-start!important;gap:.5rem!important;padding:.6rem .75rem!important;font-size:.82rem!important}.admin-navbar-right .login-btn:not(.mobile-menu-btn):not(.back-btn){display:none!important}.admin-navbar-right .back-btn,.admin-navbar-right .mobile-menu-btn{display:flex!important}.admin-navbar-right .user-info-pill{display:none!important}.admin-navbar-right .logout-btn{display:flex!important}.xp-modal-content{flex-direction:column!important;max-width:95vw!important;padding:1rem!important}.xp-modal-content>div{min-width:100%!important}.modal-content{max-width:95vw!important;margin:.5rem!important}.class-tabs-scroll{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;padding-bottom:.25rem!important;overflow-x:auto!important}.class-tabs-scroll::-webkit-scrollbar{display:none!important}.class-tabs-scroll button{flex-shrink:0!important}.class-tabs-arrow{display:flex!important}.class-tabs-scroll{padding-left:1.5rem!important;padding-right:1.5rem!important}.admin-student-card{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;padding:.85rem 1rem!important}.admin-student-card .admin-student-card-info{gap:.85rem!important;width:100%!important}.admin-student-card .user-action-btns{border-top:1px solid #ffffff12!important;justify-content:flex-end!important;gap:.5rem!important;width:100%!important;padding-top:.6rem!important}.admin-student-card .user-action-btns button{border-radius:8px!important;justify-content:center!important;align-items:center!important;min-width:36px!important;min-height:36px!important;padding:.45rem .65rem!important;display:flex!important}.admin-student-card .user-action-btns button svg{width:16px!important;height:16px!important}.quest-card{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem!important;position:relative!important}.quest-card .quest-card-info{gap:.75rem!important;width:100%!important}.quest-card .quest-card-img{flex-shrink:0!important;width:50px!important;height:50px!important}.quest-card .quest-card-mode-badge{z-index:2!important;padding:.15rem .5rem!important;font-size:.65rem!important;position:absolute!important;top:.5rem!important;right:.5rem!important}.quest-card .quest-card-actions{flex-wrap:nowrap!important;align-items:center!important;gap:.35rem!important;width:100%!important;display:flex!important;overflow-x:auto!important}.quest-card .quest-card-actions button{white-space:nowrap!important;flex-shrink:0!important;padding:.35rem .5rem!important;font-size:.7rem!important}.quest-card .quest-card-actions .quest-card-btn-text{display:none!important}.quest-edit-grid{grid-template-columns:1fr!important;gap:1rem!important}.quest-edit-grid>div{min-width:0!important}.quest-edit-grid .quest-edit-right{border-left:none!important;border-top:1px solid var(--border-glass)!important;padding-top:1rem!important;padding-left:0!important}.quest-edit-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.quest-edit-header h2{font-size:1.2rem!important}.quest-edit-header>div{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.xp-modal-close-top{z-index:10!important;position:absolute!important;top:.75rem!important;right:.75rem!important}.dashboard-header-sticky{margin:-.75rem -.75rem .75rem!important;padding:.75rem 1rem!important}.dashboard-header-sticky h2{font-size:1.1rem!important}.dashboard-header-sticky .login-btn{padding:.4rem .6rem!important;font-size:.75rem!important}#admin-content-scroll{padding:.75rem!important;overflow-x:hidden!important}}.quest-victory-avatar{justify-content:center;align-items:center;margin:1rem auto;display:flex;position:relative}.compact-nav{min-height:auto;margin-bottom:.5rem!important;padding:.5rem 1.5rem!important}.compact-nav h1,.compact-nav .title-glow{margin:0!important;font-size:1.5rem!important}.scrollable-menu-container{scrollbar-width:none;-ms-overflow-style:none;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.scrollable-menu-container>button{white-space:nowrap;flex:none}.compact-header{margin-bottom:0!important}.compact-header h2{margin:0!important}.compact-filters{margin-bottom:.25rem!important;padding:0!important}.compact-filters select,.compact-filters input{padding:.5rem!important}.compact-tab-row{border-bottom:1px solid var(--border-glass);margin-bottom:0!important}.xp-modal-content{max-height:70vh;overflow-y:auto}.retractable-content{flex-wrap:wrap;gap:.25rem;display:flex}.retractable-toggle-btn{color:#fff;border:1px solid var(--border-glass);text-align:center;cursor:pointer;background:#ffffff1a;border-radius:8px;width:100%;margin-bottom:1rem;padding:.75rem;font-weight:700;display:none}@media (width<=768px){.retractable-content{display:none}.retractable-content.open{display:flex}.retractable-toggle-btn{display:block}.title-glow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (height<=850px){.quest-victory-panel{padding:2rem}.quest-victory-title,.quest-victory-xp,.quest-victory-icon{font-size:2.2rem}}@media (width<=768px){.quest-gameplay-container{max-width:100%!important;overflow:hidden!important}.app-container{height:100vh!important;max-height:100vh!important;overflow-y:auto!important}.profile-glass-panel.backpack-open{margin-bottom:.5rem;max-height:calc(clamp(180px, 25vw, 240px) * .65 * clamp(.85, var(--font-scale,1), 1.1) + 60px)!important;flex:1 1 calc(clamp(180px, 25vw, 240px) * .65 * clamp(.85, var(--font-scale,1), 1.1) + 60px)!important;z-index:999!important;padding-top:0!important;position:sticky!important;top:50px!important}.profile-glass-panel.backpack-open .cube-container{transform:scale(calc(.65 * clamp(.85, var(--font-scale,1), 1.1)));transform-origin:top;margin-bottom:-80px}.profile-glass-panel.backpack-open .profile-name-status{display:none!important}.profile-glass-panel.backpack-closed{margin-bottom:1rem;flex:auto!important;max-height:none!important;padding-top:1rem!important;position:relative!important;top:0!important}.profile-glass-panel.backpack-closed .cube-container{transform-origin:50%;margin-bottom:0;transform:scale(1)}html:has(.quest-gameplay-container){overflow:hidden!important}.quest-arena{box-sizing:border-box!important;justify-content:center!important;gap:0!important;width:100%!important;padding:.5rem!important;overflow:hidden!important}.battle-arena-bg-image{background-size:cover!important;width:100%!important;height:100%!important}.quest-options-grid{grid-template-columns:1fr;gap:1rem}.quest-content-area{padding:.5rem}.quest-question-card{padding:1rem}.quest-image-box{height:150px}.quest-victory-panel{padding:1.5rem}.quest-victory-title,.quest-victory-xp,.quest-victory-icon{font-size:1.8rem}}@keyframes walkAcrossScreen{0%{left:-20%}to{left:120%}}.firework{width:5px;height:5px;box-shadow:0 0 0 4px #fff, 0 0 0 10px var(--gold-primary), 0 0 20px 10px var(--gold-primary);opacity:0;border-radius:50%;animation:2s ease-out infinite explode;position:absolute}@keyframes explode{0%{opacity:1;transform:scale(.1)}to{opacity:0;transform:scale(5)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;z-index:20000!important}.modal-content{width:100%;max-width:800px;max-height:90vh;padding:2rem;animation:.3s ease-out slideUp;overflow-y:auto}.modal-content-lg{max-width:1000px}.modal-content-xl{max-width:1200px}.modal-content-sm{max-width:450px}.modal-content-full{max-width:95vw}@media (width<=768px){.modal-content{max-height:95vh;padding:1.25rem}}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:var(--gold-primary);border-radius:4px}.hide-text-mobile span{display:inline-block}@media (width<=768px){.hide-text-mobile span{display:none!important}}.scrollable-menu-container{scrollbar-width:none;-ms-overflow-style:none;gap:1rem;display:flex;overflow-x:auto}.avatar-modal-grid{grid-template-columns:minmax(280px,1fr) 2fr;align-items:start;gap:2rem;display:grid}.tileset-modal-body{align-items:stretch;gap:1rem;width:100%;max-width:1400px;height:100%;min-height:0;display:flex}.tileset-controls-panel{background:var(--bg-dark);border:1px solid var(--border-glass);border-radius:12px;flex-direction:column;flex-shrink:0;gap:.9rem;width:320px;padding:1.25rem;display:flex;overflow-y:auto}.tileset-canvas-area{border:1px solid var(--border-glass);background:repeating-conic-gradient(#333 0% 25%,#222 0% 50%) 50%/20px 20px;border-radius:12px;flex:1;justify-content:center;align-items:flex-start;min-width:0;padding:2rem;display:flex;overflow:auto}@media (width<=900px){.tileset-modal-body{flex-direction:column;height:auto}.tileset-controls-panel{order:2;width:100%;max-height:42vh}.tileset-canvas-area{order:1;min-height:48vh}}.profile-modal-grid{grid-template-columns:minmax(280px,1fr) 2fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.profile-modal-grid{grid-template-columns:1fr;gap:1.5rem}}.avatar-viewer-container{background:var(--bg-dark);border:2px solid var(--border-color);z-index:10;border-radius:16px;flex-direction:column;justify-content:flex-start;align-self:flex-start;align-items:center;min-height:500px;padding:1.25rem 1rem;display:flex;position:sticky;top:0;overflow:hidden}@media (width<=900px){.avatar-modal-grid{flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.avatar-viewer-container{flex-shrink:0;width:100%;min-height:380px;padding:.75rem;transition:transform .3s;position:relative;top:auto}.avatar-viewer-container.drawer-open{transform:translate(-40%)}.mobile-drawer-toggle{display:flex!important}.avatar-options-container{background:var(--bg-card);z-index:100;border-left:1px solid var(--border-glass);width:90%;max-width:480px;height:100%;padding:1rem;transition:transform .3s;position:absolute;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 20px #000c}.avatar-options-container.drawer-open{transform:translate(0)}}@media (width<=480px){.avatar-options-container{width:96%!important;padding:.75rem!important}}.profile-panel-grid{flex-direction:row;gap:1.5rem;height:100%;display:flex;overflow:hidden}.profile-panel-left{flex-direction:column;flex:0 0 240px;align-items:center;display:flex;overflow-y:auto}.profile-panel-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}@media (width<=1100px){.profile-panel-grid{flex-direction:column;overflow-y:auto}.profile-panel-left{flex:none;width:100%;overflow-y:visible}.profile-panel-right{overflow-y:visible}}@media (width<=768px){.hide-text-mobile span{display:none!important}.hide-text-mobile{border-radius:50%!important;padding:.5rem!important}}.scrollable-menu-container{-webkit-mask-image:linear-gradient(90deg,#0000,#000 15px calc(100% - 15px),#0000);mask-image:linear-gradient(90deg,#0000,#000 15px calc(100% - 15px),#0000);margin-left:-2rem!important;margin-right:-2rem!important;padding-left:2rem!important;padding-right:2rem!important}@keyframes pulse-weak{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes monsterShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes heroLunge{0%{transform:translateY(-50%)scale(1.4)translate(0)}50%{transform:translateY(-50%)scale(1.4)translate(60px)}to{transform:translateY(-50%)scale(1.4)translate(0)}}@keyframes adminClap{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fatalFlashAnim{0%{opacity:1}to{opacity:0}}.chat-fab{font-family:var(--font-body);background:var(--gold-primary);color:var(--text-on-gold,#000);box-shadow:0 6px 20px var(--gold-glow)}@keyframes chat-fab-pulse{0%{box-shadow:0 0 0 0 #ef4444b3, 0 6px 20px var(--gold-glow)}70%{box-shadow:0 0 0 14px #ef444400, 0 6px 20px var(--gold-glow)}to{box-shadow:0 0 0 0 #ef444400, 0 6px 20px var(--gold-glow)}}.chat-fab.has-unread-pulse{animation:1.5s ease-out infinite chat-fab-pulse}@keyframes chat-contact-pulse{0%,to{box-shadow:0 0 #fbbf24b3}50%{box-shadow:0 0 0 6px #fbbf2400}}.chat-contact-avatar.has-unread-pulse{animation:1.2s ease-in-out infinite chat-contact-pulse}@keyframes env-blink{0%,to{box-shadow:0 0 #ef4444bf,0 4px 14px #00000059}50%{box-shadow:0 0 0 9px #ef444400,0 4px 14px #00000059}}.env-unread-blink{animation:1.1s ease-in-out infinite env-blink}@keyframes spam-blink{0%,49%{opacity:1}50%,to{opacity:.3}}.spam-notice-blink{animation:1s ease-in-out infinite spam-blink}.chat-fab.offline-state{color:#e2e8f0!important;background:#64748b!important;box-shadow:0 4px 12px #00000040!important}.chat-fab.disabled-state{color:#94a3b8!important;box-shadow:none!important;opacity:.55!important;cursor:not-allowed!important;background:#334155!important}.chat-fab:hover:not(.disabled-state){filter:brightness(1.15)}.chat-window{font-family:var(--font-body);background:var(--bg-card);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chat-header{font-family:var(--font-heading);background:var(--gold-primary);color:var(--text-on-gold,#000);letter-spacing:.5px}.chat-contact-row{font-family:var(--font-body)}.chat-contact-row.has-unread{background:var(--gold-glow);border-left:3px solid var(--gold-primary)}.chat-contact-row.has-unread .chat-contact-name{color:var(--gold-primary);font-weight:800}.chat-msg-mine{background:var(--gold-primary);color:var(--text-on-gold,#000)}.chat-msg-theirs{background:var(--btn-bg);color:var(--text-primary)}.chat-input{font-family:var(--font-body);background:var(--btn-bg);border:1px solid var(--border-glass);color:var(--text-primary)}.chat-input::placeholder{color:var(--text-secondary)}.chat-divider{font-family:var(--font-body);letter-spacing:1px;text-transform:uppercase}html,body,#root{width:100%;max-width:100vw;overflow-x:hidden}.scrollable-menu-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;display:flex;overflow-x:auto}.scrollable-menu-container::-webkit-scrollbar{display:none}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.responsive-grid-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}@media (width<=768px){.glass-panel{border-radius:12px;padding:1rem}.compact-nav{margin-bottom:.5rem!important;padding:.5rem .75rem!important}.compact-nav .logo-container img{width:40px!important;height:40px!important}.compact-nav .logo-container h1{font-size:.9rem!important}.compact-nav .login-btn{padding:.4rem .6rem!important;font-size:.75rem!important}.compact-nav .login-btn svg{width:14px!important;height:14px!important}.compact-nav h1{font-size:1.1rem!important}.hide-on-mobile,.hide-text-mobile span,.category-tab-text{display:none!important}.compact-tab-row button{padding:.35rem .55rem!important}.scrollable-menu-container{justify-content:space-between!important;gap:.35rem!important;margin:0!important;padding:.35rem .5rem!important;display:flex!important;overflow-x:visible!important}.scrollable-menu-container button{border-radius:10px!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;min-width:0!important;padding:.65rem .25rem!important;font-size:.85rem!important;display:flex!important}.scrollable-menu-container .tab-text{display:none!important}.dashboard-header-sticky{z-index:500!important;position:sticky!important;top:0!important}}@media (width<=600px){.responsive-grid{grid-template-columns:1fr!important;gap:.75rem!important}.responsive-grid-sm{grid-template-columns:1fr!important;gap:.6rem!important}.responsive-stack-mobile{flex-direction:column!important;align-items:stretch!important}.chat-fab{width:48px!important;height:48px!important;bottom:1rem!important;right:1rem!important}.chat-window{border-radius:12px!important;width:auto!important;max-width:calc(100vw - 1rem)!important;height:calc(100dvh - 125px)!important;max-height:72vh!important;position:fixed!important;bottom:calc(1rem + 54px)!important;left:.5rem!important;right:.5rem!important}.store-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.4rem!important}.store-list-card{flex-direction:column!important}.store-list-card-media{width:100%!important;height:70px!important;min-height:70px!important}.settings-modal-container{flex-direction:column!important;width:95vw!important;height:90vh!important;max-height:90vh!important}.settings-modal-sidebar{border-right:none!important;border-bottom:1px solid var(--border-glass)!important;flex-direction:row!important;flex-shrink:0!important;width:100%!important}.settings-modal-sidebar-header{display:none!important}.settings-modal-sidebar-nav{flex-direction:row!important;gap:.35rem!important;width:100%!important;padding:.5rem!important;overflow-x:auto!important}.settings-modal-tab-btn{white-space:nowrap!important;border-bottom:3px solid #0000!important;border-left:none!important;border-radius:8px!important;flex-shrink:0!important;padding:.45rem .75rem!important;font-size:.82rem!important}.settings-modal-tab-btn.active{border-bottom:3px solid var(--gold-primary)!important}.settings-modal-content{padding:1rem!important}.student-name-desktop{display:none!important}.student-name-mobile{display:inline!important}}.settings-modal-container{flex-direction:row;width:800px;max-width:95vw;min-height:400px;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden}.settings-modal-sidebar{border-right:1px solid var(--border-glass);background:#0003;flex-direction:column;flex-shrink:0;width:200px;display:flex}.settings-modal-sidebar-header{border-bottom:1px solid var(--border-glass);padding:1.5rem 1rem}.settings-modal-sidebar-nav{flex-direction:column;gap:.5rem;padding:1rem 0;display:flex}.settings-modal-tab-btn{text-align:left;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex}.settings-modal-tab-btn.active{color:var(--gold-primary);border-left:3px solid var(--gold-primary);background:#fbbf241a;font-weight:700}.settings-modal-content{flex-direction:column;flex:1;min-height:0;padding:1.5rem;display:flex;overflow-y:auto}.student-name-desktop{display:inline}.student-name-mobile{display:none}@media (width<=480px){.glass-panel{border-radius:10px;padding:.75rem}}.podium-stage-container{z-index:90;justify-content:center;align-items:flex-end;gap:1.5rem;width:100%;max-width:1200px;margin:auto 0 4rem;display:flex;position:relative}.podium-desktop-only,.podium-crowd-container{display:flex!important}@media (width<=768px),(orientation:portrait){.podium-desktop-only,.podium-crowd-container{display:none!important}.podium-stage-container{transform-origin:bottom;gap:.6rem;margin:auto 0;transform:scale(.85)}}.de-burn-glow{pointer-events:none;mix-blend-mode:screen;border-radius:12px;position:absolute;inset:0}.de-lvl-1{opacity:.25}.de-lvl-2{opacity:.4}.de-lvl-3{opacity:.6}.de-lvl-4{opacity:.8}.de-lvl-5{opacity:1}.de-burn-glow.de-lvl-1{background:radial-gradient(circle at 50% 85%,#ff780080,#0000 60%)}.de-burn-glow.de-lvl-2{background:radial-gradient(circle at 50% 85%,#ff8c00b3,#0000 60%)}.de-burn-glow.de-lvl-3{background:radial-gradient(circle at 50% 80%,#ffa000d9,#0000 65%)}.de-burn-glow.de-lvl-4{background:radial-gradient(circle at 50% 75%,#ffb400f2,#0000 70%)}.de-burn-glow.de-lvl-5{background:radial-gradient(circle at 50% 70%,#ffc828,#0000 75%)}.de-fire{pointer-events:none;height:40%;position:absolute;bottom:-6px;left:0;right:0}.de-flame{filter:blur(1px);transform-origin:bottom;background:linear-gradient(#ff09,#ff8c00,#ff4500);border-radius:50%/60% 60% 40% 40%;width:14px;height:34px;animation:.7s ease-in-out infinite alternate de-flicker;position:absolute;bottom:0}@keyframes de-flicker{0%{transform:scaleY(.7)scaleX(.9)}to{transform:scaleY(1.25)scaleX(1.1)}}.de-frost{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 60%,#96d2ff40,#0000 65%);position:absolute;inset:0}.de-frost.de-lvl-1{opacity:.2}.de-frost.de-lvl-2{opacity:.4}.de-frost.de-lvl-3{opacity:.65}.de-frost.de-lvl-4{opacity:.85}.de-frost.de-lvl-5{opacity:1}.de-ice-shards{pointer-events:none;justify-content:space-around;font-size:1.2rem;animation:1.2s ease-in-out infinite alternate de-flicker;display:flex;position:absolute;bottom:-4px;left:0;right:0}.de-frozen-block{pointer-events:none;background:linear-gradient(160deg,#a0dcffd9,#64b4f0e6);border:3px solid #e6f5ffe6;border-radius:14px;justify-content:center;align-items:center;font-size:2.4rem;animation:2s ease-in-out infinite de-frozen-shine;display:flex;position:absolute;inset:-8%;box-shadow:0 0 25px #78c8ffe6,inset 0 0 30px #ffffff80}@keyframes de-frozen-shine{0%,to{filter:brightness()}50%{filter:brightness(1.25)}}.de-poison-glow{pointer-events:none;mix-blend-mode:screen;border-radius:12px;position:absolute;inset:0}.de-poison-glow.de-lvl-1{opacity:.25;background:radial-gradient(circle at 50% 85%,#50ff7866,#0000 60%)}.de-poison-glow.de-lvl-2{opacity:.4;background:radial-gradient(circle at 50% 80%,#3cdc6499,#0000 60%)}.de-poison-glow.de-lvl-3{opacity:.6;background:radial-gradient(circle at 50% 75%,#50c85acc,#0000 65%)}.de-poison-glow.de-lvl-4{opacity:.8;background:radial-gradient(circle at 50% 70%,#78ff78e6,#0000 70%)}.de-poison-glow.de-lvl-5{opacity:1;background:radial-gradient(circle at 50% 65%,#8cff96,#0000 75%)}.de-poison-bubbles{pointer-events:none;height:45%;position:absolute;bottom:0;left:0;right:0}.de-bubble{background:#50ff8cb3;border-radius:50%;width:10px;height:10px;animation:2.2s ease-in infinite de-bubble-up;position:absolute;bottom:0}@keyframes de-bubble-up{0%{opacity:.9;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-90px)scale(1.2)}}.de-shockwave{pointer-events:none;position:absolute;bottom:35%;left:50%;transform:translate(-50%)}.de-ring{border:4px solid #fffffff2;border-radius:50%;width:30px;height:14px;animation:.7s ease-out forwards de-ring-expand;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.de-ring-2{animation-delay:.12s}.de-ring-3{animation-delay:.24s}@keyframes de-ring-expand{0%{opacity:1;width:20px}to{opacity:0;width:170px}}.de-electric{pointer-events:none;position:absolute;inset:0}.de-zap{text-shadow:0 0 10px #78b4ffe6;font-size:1.3rem;animation:.35s ease-out forwards de-zap-fade;position:absolute}@keyframes de-zap-fade{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.de-impact-flash{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 60%,#fffffff2,#ffc85080 45%,#0000 75%);animation:.45s ease-out forwards de-flash-out;position:absolute;inset:-6%}@keyframes de-flash-out{0%{opacity:1}to{opacity:0}}@media (width>=769px){.show-on-mobile{display:none!important}}@media (width<=768px){.show-on-mobile{display:flex!important}.blacksmith-main-content{position:relative!important}.blacksmith-inventory-sidebar{z-index:200!important;width:88%!important;max-width:340px!important;transition:transform .25s cubic-bezier(.4,0,.2,1)!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:6px 0 30px #000000e6!important}.blacksmith-inventory-sidebar.mobile-open{transform:translate(0)!important}.blacksmith-sidebar-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:199!important;background:#000000bf!important;position:absolute!important;inset:0!important}.blacksmith-action-panel{width:100%!important;padding:1rem .85rem!important}}.de-shake{pointer-events:none;animation:.4s ease-out de-shake-anim;position:absolute;inset:0}@keyframes de-shake-anim{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-1deg)}40%{transform:translate(5px)rotate(1deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.de-burn-tint,.de-poison-tint,.de-bleed-tint{pointer-events:none;mix-blend-mode:color;position:absolute;inset:0}.de-burn-tint{background:radial-gradient(circle at 50% 70%,#ff78008c,#0000 70%)}.de-burn-tint.de-lvl-1{opacity:.2}.de-burn-tint.de-lvl-2{opacity:.35}.de-burn-tint.de-lvl-3{opacity:.5}.de-burn-tint.de-lvl-4{opacity:.7}.de-burn-tint.de-lvl-5{opacity:.9}.de-poison-tint{background:radial-gradient(circle at 50% 70%,#3cdc5099,#0000 70%)}.de-poison-tint.de-lvl-1{opacity:.2}.de-poison-tint.de-lvl-2{opacity:.35}.de-poison-tint.de-lvl-3{opacity:.5}.de-poison-tint.de-lvl-4{opacity:.7}.de-poison-tint.de-lvl-5{opacity:.9}.de-bleed-tint{background:radial-gradient(circle at 50% 70%,#dc1e1e99,#0000 70%)}.de-bleed-tint.de-lvl-1{opacity:.2}.de-bleed-tint.de-lvl-2{opacity:.35}.de-bleed-tint.de-lvl-3{opacity:.5}.de-bleed-tint.de-lvl-4{opacity:.7}.de-bleed-tint.de-lvl-5{opacity:.9}.de-bleed-glow{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 75%,#ff282866,#0000 60%);position:absolute;inset:0}.de-bleed-glow.de-lvl-1{opacity:.2}.de-bleed-glow.de-lvl-2{opacity:.35}.de-bleed-glow.de-lvl-3{opacity:.5}.de-bleed-glow.de-lvl-4{opacity:.7}.de-bleed-glow.de-lvl-5{opacity:.9}.de-blood{pointer-events:none;height:45%;position:absolute;bottom:-4px;left:0;right:0}.de-drop{background:linear-gradient(#dc2626,#991b1b);border-radius:50%/60% 60% 40% 40%;width:8px;height:14px;animation:1.6s ease-in infinite de-bleed-drop;position:absolute;bottom:10px}@keyframes de-bleed-drop{0%{opacity:.95;transform:translateY(0)scaleY(.8)}80%{opacity:.8;transform:translateY(46px)scaleY(1.15)}to{opacity:0;transform:translateY(56px)scaleY(1.3)}}.de-crack{pointer-events:none;mix-blend-mode:multiply;background-image:linear-gradient(120deg,#0000 20%,#282828bf 22%,#0000 24%),linear-gradient(60deg,#0000 45%,#1e1e1eb3 47%,#0000 49%),linear-gradient(160deg,#0000 65%,#2d2d2dbf 67%,#0000 69%),linear-gradient(20deg,#0000 80%,#323232b3 82%,#0000 84%);position:absolute;inset:0}.de-crack.de-lvl-1{opacity:.15}.de-crack.de-lvl-2{opacity:.3}.de-crack.de-lvl-3{opacity:.5}.de-crack.de-lvl-4{opacity:.7}.de-crack.de-lvl-5{opacity:.9}.de-drain-blink{pointer-events:none;mix-blend-mode:overlay;background:red;animation:.5s ease-out de-blink;position:absolute;inset:0}@keyframes de-blink{0%{opacity:.7}to{opacity:0}}@keyframes coin-burn{0%{filter:none}to{filter:brightness(1.3)saturate(1.4)hue-rotate(-10deg);transform:scale(.85)}}@keyframes damage-rise-fade{0%{opacity:0;transform:translate(-50%)scale(.65)}15%{opacity:1;transform:translate(-50%,-24px)scale(1.18)}65%{opacity:1;transform:translate(-50%,-60px)scale(1.02)}to{opacity:0;transform:translate(-50%,-105px)scale(.85)}}@keyframes damage-crit-rise-fade{0%{opacity:0;transform:translate(-50%)scale(.6)rotate(-5deg)}18%{opacity:1;transform:translate(-50%,-32px)scale(1.35)rotate(4deg)}35%{transform:translate(-50%,-50px)scale(1.22)rotate(-2deg)}70%{opacity:1;transform:translate(-50%,-85px)scale(1.1)rotate(0)}to{opacity:0;transform:translate(-50%,-135px)scale(.9)}}.floating-damage-pop{pointer-events:none;z-index:70;white-space:nowrap;text-shadow:0 0 10px #000000e6,2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000,0 4px 12px #000c;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;font-weight:900;animation:1.8s cubic-bezier(.2,.8,.25,1) forwards damage-rise-fade;display:flex;position:absolute}.floating-damage-pop.is-critical{animation:2.2s cubic-bezier(.18,.89,.32,1.28) forwards damage-crit-rise-fade}.app-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1200px;min-height:100vh;margin:0 auto;padding:1rem 2rem;display:flex}.app-container.forge-mode{height:100vh;min-height:0;max-height:100vh;padding-bottom:0;overflow:hidden}.app-container.forge-mode .main-content{flex-direction:column;flex:1;gap:0;min-height:0;padding:0;display:flex;overflow:hidden}@media (width<=768px){.app-container{padding:.5rem .75rem}}.navbar{z-index:50;-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex;position:sticky;top:1rem}@media (width<=768px){.navbar{margin-bottom:1rem;padding:.6rem .85rem;top:.5rem}}.logo-container{align-items:center;gap:1rem;display:flex}.logo-container img{width:auto;height:64px;transition:height .3s}.landing-logo{width:auto;height:300px;filter:drop-shadow(0 0 20px var(--gold-glow));pointer-events:none;object-fit:contain;z-index:50;flex-shrink:0;margin-top:-10%;animation:.8s ease-out fadeIn;position:relative}@media (width<=768px){.landing-logo{height:clamp(150px,20vw,250px);margin-top:-40px}}@media (width<=480px){.landing-logo{align-self:flex-start;height:150px;margin-top:-20px}}@media (orientation:portrait){.landing-logo{align-self:flex-start;height:150px;margin-top:-20px}}.login-btn{background:var(--btn-bg);border:1px solid var(--border-glass);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.login-btn:hover{background:var(--btn-hover);border-color:var(--gold-primary);box-shadow:0 0 15px var(--btn-hover);transform:translateY(-2px)}.icon-hover{color:var(--gold-primary);transition:all .3s;transform:scale(1.1)}.main-content{flex-direction:column;gap:4rem;display:flex}.hero-section{text-align:center;animation:1s ease-out fadeIn}.hero-title{background:linear-gradient(to right, #fff, var(--gold-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem}.hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;animation:1s ease-out .2s both slideUp;display:grid}.feature-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 2rem;transition:transform .3s,box-shadow .3s;display:flex}.feature-card:hover{border-color:#fff3;transform:translateY(-10px);box-shadow:0 12px 40px #00000080}.feature-card h3{color:var(--text-primary);font-size:1.5rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.landing-page.app-container{min-height:100vh;overflow:hidden auto}.landing-page .navbar{z-index:1000;flex-shrink:0;align-items:center;gap:1rem;margin-bottom:0;padding:.75rem 1.5rem;display:flex}.landing-page .navbar .login-btn{z-index:1001;position:relative}.landing-page .hero-section{animation:none;position:relative}.landing-page .landing-logo{z-index:1100;position:relative}.landing-page .login-btn{flex-shrink:0;padding:.6rem 1.25rem;font-size:.95rem}.landing-page .main-content{flex:1;justify-content:center;gap:clamp(1rem,3vh,2rem);min-height:0;padding:clamp(.5rem,2vh,2rem) 0}.landing-page .hero-section{flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vh,1.5rem);display:flex}@media (orientation:portrait){.landing-page .hero-section{align-items:flex-start}}.landing-page .hero-title{text-align:center;width:100%;margin-bottom:0;font-size:clamp(1.5rem,3.5vw,3.5rem);line-height:1.2}.landing-page .hero-subtitle{text-align:center;width:100%;font-size:clamp(.8rem,1.5vw,1.25rem)}.landing-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:clamp(.5rem,1.5vw,1.5rem)}.landing-page .feature-card{gap:clamp(.5rem,1vw,1rem);padding:clamp(.75rem,2vw,1.5rem)}.landing-page .feature-card:hover{transform:translateY(-5px)}.landing-page .feature-card h3{margin:0;font-size:clamp(1rem,1.5vw,1.25rem)}.landing-page .feature-card p{margin:0;font-size:clamp(.8rem,1vw,.95rem);line-height:1.4}.landing-page .feature-card svg{flex-shrink:0;width:clamp(32px,4vw,48px);height:clamp(32px,4vw,48px)}@media (width<=768px){.landing-page.app-container{padding:.75rem 1rem}.landing-page .navbar{margin-bottom:0;padding:.5rem 1rem}.landing-page .login-btn{padding:.5rem 1rem;font-size:.85rem}.landing-page .main-content{gap:1rem;padding:.5rem 0}.landing-page .features-grid{gap:.75rem}.landing-page .feature-card{gap:.5rem;padding:1rem .75rem}}@media (width<=480px){.landing-page.app-container{padding:.5rem}.landing-page .navbar{border-radius:12px;margin-bottom:0;padding:.5rem}.landing-page .login-btn{gap:.5rem;padding:.4rem .75rem;font-size:.8rem}.landing-page .login-btn span{display:none}.landing-page .main-content{padding:.25rem 0}.landing-page .hero-title{margin-bottom:0}.landing-page .hero-subtitle{font-size:.85rem}.landing-page .features-grid{grid-template-columns:1fr;gap:.5rem}.landing-page .feature-card{text-align:left;flex-direction:row;gap:.4rem;padding:.75rem}.landing-page .feature-card svg{width:28px;height:28px}}.animate-spin{animation:1s linear infinite spin}@keyframes transform-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.transform-hop{transform-origin:bottom;animation:.55s ease-in-out infinite transform-hop}@keyframes rat-scurry{0%,to{transform:translate(0)}50%{transform:translate(-11px)}}.rat-scurry{transform-origin:bottom;animation:.9s ease-in-out infinite rat-scurry}@keyframes rat-speed-line{0%,to{opacity:0;transform:translate(8px)}30%{opacity:.85}60%{opacity:0;transform:translate(-4px)}}.rat-speed-line{opacity:0;pointer-events:none;z-index:5;background:linear-gradient(270deg,#bec3cde6,#0000);border-radius:2px;width:18px;height:2px;animation:.5s linear infinite rat-speed-line;position:absolute;right:-16px}@keyframes heal-aura-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.heal-aura{pointer-events:none;z-index:2;border:3px solid #34d399b3;border-radius:50%;animation:1.2s ease-in-out infinite heal-aura-pulse;position:absolute;inset:-10px;box-shadow:0 0 22px #34d39999}@keyframes poison-tint-pulse{0%,to{filter:sepia()hue-rotate(70deg)saturate(1.3)brightness()}50%{filter:sepia()hue-rotate(70deg)saturate(1.3)brightness(1.3)}}.poison-tint{pointer-events:none;animation:2.4s ease-in-out infinite poison-tint-pulse}@keyframes burn-tint-pulse{0%,to{filter:sepia()hue-rotate(-35deg)saturate(1.6)brightness(1.1)}50%{filter:sepia()hue-rotate(-35deg)saturate(1.8)brightness(1.45)}}.burn-tint{pointer-events:none;animation:.9s ease-in-out infinite burn-tint-pulse}@keyframes electric-tint-pulse{0%,to{filter:sepia()hue-rotate(180deg)saturate(1.7)brightness(1.2)}50%{filter:sepia()hue-rotate(180deg)saturate(1.7)brightness(.6)}}.electric-tint{pointer-events:none;animation:.3s steps(2,end) infinite electric-tint-pulse}.freeze-tint{filter:sepia()hue-rotate(170deg)saturate(1.4)brightness(1.1);pointer-events:none}@keyframes monster-projectile-flight{0%{opacity:0;transform:translateY(15px)scale(.25)rotate(0)}15%{opacity:1;transform:translate(0)scale(1)rotate(-8deg)}32%{opacity:1;transform:translateY(-90px)scale(1.05)rotate(-16deg)}48%{opacity:1;transform:translateY(-185px)scale(1.1)rotate(-22deg)}58%{opacity:1;transform:translate(18px,-198px)scale(1.15)rotate(-32deg)}66%{transform:translate(calc(var(--effective-proj-dist,var(--attack-dist,380px)) * -.15), -215px) scale(1.12) rotate(-90deg);opacity:1}78%{transform:translate(calc(var(--effective-proj-dist,var(--attack-dist,380px)) * -.52), calc(var(--proj-arc,245px) * -1)) scale(1.18) rotate(-220deg);opacity:1}88%{transform:translate(calc(var(--effective-proj-dist,var(--attack-dist,380px)) * -.92), calc(var(--proj-target-y,80px) * -1.1)) scale(1.22) rotate(-330deg);opacity:1}92%{transform:translate(calc(var(--effective-proj-dist,var(--attack-dist,380px)) * -1), calc(var(--proj-target-y,80px) * -1)) scale(1.28) rotate(-355deg);opacity:1;filter:brightness(1.2)}95%{transform:translate(calc(var(--effective-proj-dist,var(--attack-dist,380px)) * -1), calc(var(--proj-target-y,80px) * -1)) scale(1.35) rotate(-360deg);opacity:1;filter:brightness(2.6)}to{transform:translate(calc(var(--effective-proj-dist,var(--attack-dist,380px)) * -1), calc(var(--proj-target-y,80px) * -.95)) scale(.1) rotate(-380deg);opacity:0}}.monster-projectile{bottom:var(--proj-start-y,40px);left:calc(50% + var(--proj-start-x,0px));width:var(--proj-size,58px);height:var(--proj-size,58px);margin-left:calc(var(--proj-size,58px) * -.5);margin-bottom:calc(var(--proj-size,58px) * -.5);z-index:60;pointer-events:none;justify-content:center;align-items:center;animation:2.1s cubic-bezier(.22,.8,.36,1) forwards monster-projectile-flight;display:flex;position:absolute}.proj-rock{background:radial-gradient(circle at 35% 30%,#a8a29e 0%,#78716c 45%,#44403c 85%,#1c1917 100%);border:2px solid #292524;border-radius:6px 12px 8px 10px;width:36px;height:36px;position:relative;box-shadow:0 4px 12px #0009,inset -2px -2px 6px #000000b3,inset 2px 2px 4px #ffffff40}.proj-rock:after{content:"";background:#ffffff4d;border-radius:3px;width:8px;height:5px;position:absolute;top:4px;left:6px}.proj-tnt{color:#fff;letter-spacing:1px;background:#dc2626;border:2px solid #7f1d1d;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.65rem;font-weight:900;display:flex;box-shadow:0 0 10px #dc2626b3}.proj-tnt:after{content:"⚡";font-size:.8rem;animation:.2s infinite alternate fuse-sparkle;position:absolute;top:-12px}@keyframes fuse-sparkle{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.proj-arrow{filter:drop-shadow(0 2px 5px #00000080);align-items:center;width:44px;height:14px;font-size:1.5rem;display:flex}.proj-fireball{background:radial-gradient(circle at 35% 30%,#fff7ed 0%,#f97316 40%,#ea580c 70%,#9a3412 100%);border-radius:50%;width:38px;height:38px;animation:.3s infinite alternate fireball-flicker;box-shadow:0 0 20px #f97316,0 0 35px #ef4444}@keyframes fireball-flicker{0%{filter:brightness();transform:scale(.95)}to{filter:brightness(1.3);transform:scale(1.1)}}.proj-iceball{background:radial-gradient(circle at 35% 30%,#f0fdfa 0%,#38bdf8 50%,#0284c7 85%,#0369a1 100%);border:1px solid #ffffffb3;border-radius:50%;width:36px;height:36px;box-shadow:0 0 18px #38bdf8,0 0 30px #06b6d4}.proj-thunder{background:radial-gradient(circle at 35% 30%,#fefce8 0%,#eab308 50%,#ca8a04 85%,#854d0e 100%);border-radius:50%;width:38px;height:38px;box-shadow:0 0 20px #eab308,0 0 32px #facc15}.proj-poison_flask{background:radial-gradient(circle at 35% 30%,#bbf7d0 0%,#22c55e 50%,#15803d 85%,#14532d 100%);border-radius:50% 50% 40% 40%;width:34px;height:34px;box-shadow:0 0 16px #22c55e}.projectile-shatter-debris{z-index:52;pointer-events:none;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute;top:45%;left:50%}.shatter-piece{background:#78716c;border-radius:2px;width:8px;height:8px;animation:.6s cubic-bezier(.1,.9,.2,1) forwards shatter-burst;position:absolute}@keyframes shatter-burst{0%{opacity:1;transform:translate(0)scale(1)rotate(0)}to{transform:translate(var(--tx), var(--ty)) scale(.2) rotate(var(--rot));opacity:0}}.monster-body-throw{animation:2.1s ease-in-out forwards monster-body-throw-motion!important}@keyframes monster-body-throw-motion{0%{transform:translate(0)translateY(0)scale(1)rotate(0)}15%{transform:translate(6px)translateY(22px)scaleY(.9)rotate(-8deg)}35%{transform:translate(3px)translateY(-6px)scaleY(1.03)rotate(-2deg)}48%{transform:translate(0)translateY(-20px)scaleY(1.08)rotate(6deg)}58%{transform:translate(22px)translateY(-14px)scale(1.06)rotate(18deg)}68%{transform:translate(-38px)translateY(14px)scaleY(.95)rotate(-22deg)}82%{transform:translate(-12px)translateY(4px)scale(1)rotate(-6deg)}to{transform:translate(0)translateY(0)scale(1)rotate(0)}}.anim-jump-slam{z-index:45!important;animation:1.6s cubic-bezier(.25,1,.5,1) forwards monster-jump-slam-motion!important}@keyframes monster-jump-slam-motion{0%{transform:translate(0)translateY(0)scale(1)}15%{transform:translate(15px)translateY(15px)scale(1.1,.75)}38%{transform:translateX(calc(var(--attack-dist,380px) * -.5)) translateY(-180px) scale(1.15, 1.25) rotate(-8deg)}52%{transform:translateX(calc(var(--attack-dist,380px) * -1)) translateY(0px) scale(1.3, .7) rotate(-16deg)}68%{transform:translateX(calc(var(--attack-dist,380px) * -1)) translateY(0px) scale(1.05, .95) rotate(-5deg)}84%{transform:translateX(calc(var(--attack-dist,380px) * -.4)) translateY(-40px) scale(1) rotate(0deg)}to{transform:translate(0)translateY(0)scale(1)}}@media (width<=768px){@keyframes monster-jump-slam-motion{0%{transform:translate(0)translateY(0)scale(1)}15%{transform:translate(10px)translateY(10px)scale(1.08,.8)}38%{transform:translateX(calc(var(--attack-dist,240px) * -.5)) translateY(-120px) scale(1.1, 1.18) rotate(-8deg)}52%{transform:translateX(calc(var(--attack-dist,240px) * -1)) translateY(0px) scale(1.25, .75) rotate(-14deg)}68%{transform:translateX(calc(var(--attack-dist,240px) * -1)) translateY(0px) scale(1.05, .95) rotate(-4deg)}84%{transform:translateX(calc(var(--attack-dist,240px) * -.4)) translateY(-30px) scale(1) rotate(0deg)}to{transform:translate(0)translateY(0)scale(1)}}}.anim-spin-tornado{z-index:45!important;animation:1.5s ease-in-out forwards monster-spin-tornado-motion!important}@keyframes monster-spin-tornado-motion{0%{filter:blur();transform:translate(0)rotateY(0)scale(1)}25%{transform:translateX(calc(var(--attack-dist,380px) * -.45)) rotateY(720deg) scale(1.15);filter:blur(2px)}50%{transform:translateX(calc(var(--attack-dist,380px) * -1)) rotateY(1440deg) scale(1.25);filter:blur(3px)}72%{transform:translateX(calc(var(--attack-dist,380px) * -1)) rotateY(1800deg) scale(1.1);filter:blur(2px)}85%{transform:translateX(calc(var(--attack-dist,380px) * -.35)) rotateY(2000deg) scale(1.05);filter:blur(1px)}to{filter:blur();transform:translate(0)rotateY(2160deg)scale(1)}}.anim-rush-charge{z-index:45!important;animation:1.4s cubic-bezier(.16,1,.3,1) forwards monster-rush-charge-motion!important}@keyframes monster-rush-charge-motion{0%{transform:translate(0)rotate(0)}18%{transform:translate(25px)rotate(12deg)scale(.95)}42%{transform:translateX(calc(var(--attack-dist,380px) * -1)) rotate(-20deg) scale(1.2)}60%{transform:translateX(calc(var(--attack-dist,380px) * -1)) rotate(-10deg) scale(1.1)}82%{transform:translateX(calc(var(--attack-dist,380px) * -.3)) rotate(5deg) scale(1.02)}to{transform:translate(0)rotate(0)scale(1)}}.anim-dance-magic{animation:1.6s ease-in-out forwards monster-dance-magic-motion!important}@keyframes monster-dance-magic-motion{0%{transform:translateY(0)rotate(0)scale(1)}15%{transform:translateY(-16px)rotate(-12deg)scale(1.08)}30%{transform:translateY(0)rotate(12deg)scale(.96)}45%{transform:translateY(-20px)rotate(-14deg)scale(1.1)}60%{transform:translateY(0)rotate(14deg)scale(.96)}75%{transform:translateY(-12px)rotate(-6deg)scale(1.04)}to{transform:translateY(0)rotate(0)scale(1)}}.anim-roar-wave{animation:1.5s ease-out forwards monster-roar-wave-motion!important}@keyframes monster-roar-wave-motion{0%{transform:scale(1)}20%{transform:scale(.9)translateY(5px)rotate(6deg)}40%{filter:drop-shadow(0 0 16px #ef4444e6);transform:scale(1.3)translateY(-12px)rotate(-10deg)}75%{transform:scale(1.15)translateY(-6px)rotate(-4deg)}to{filter:none;transform:scale(1)translateY(0)rotate(0)}}.monster-shockwave-ring{pointer-events:none;z-index:44;border:4px solid #fb923ce6;border-radius:50%;width:40px;height:40px;margin-top:-20px;margin-right:-20px;animation:1.1s cubic-bezier(.1,.8,.2,1) forwards shockwave-expand;position:absolute;top:60%;right:20%;box-shadow:0 0 25px #ef4444cc,inset 0 0 15px #fb923c99}@keyframes shockwave-expand{0%{opacity:1;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(12)translate(-50px)}}.arena-quake{animation:.55s cubic-bezier(.36,.07,.19,.97) both arena-quake-shake}@keyframes arena-quake-shake{10%,90%{transform:translate(-3px,2px)}20%,80%{transform:translate(4px,-3px)}30%,50%,70%{transform:translate(-6px,4px)}40%,60%{transform:translate(6px,-4px)}}.monster-rage-aura,.monster-rage-aura-back,.monster-rage-aura-front,.monster-rage-badge{display:none!important}.monster-heal-aura{pointer-events:none;z-index:20;justify-content:center;align-items:flex-end;width:260px;height:240px;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.heal-ground-glow{filter:blur(10px);background:radial-gradient(#2dd4bfd9 0%,#22c55e8c 35%,#14b8a640 60%,#0000 80%);border-radius:50%;width:250px;height:120px;animation:2s ease-out forwards heal-ground-pulse;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)rotateX(65deg)}@keyframes heal-ground-pulse{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.3)}25%{opacity:1;transform:translate(-50%)rotateX(65deg)scale(1.1)}75%{opacity:.9;transform:translate(-50%)rotateX(65deg)scale(1)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(1.2)}}.heal-ring{pointer-events:none;box-sizing:border-box;border-radius:50%;position:absolute;bottom:-10px;left:50%}.heal-ring-primary{border:3px solid #a7f3d0f2;width:210px;height:95px;animation:2s ease-out forwards heal-ring-primary-anim;transform:translate(-50%)rotateX(65deg);box-shadow:0 0 20px #2dd4bf,0 0 45px #2dd4bfd9,inset 0 0 20px #34d399}.heal-ring-secondary{border:2px dashed #5eead4d9;width:260px;height:115px;animation:2s ease-out forwards heal-ring-secondary-anim;transform:translate(-50%)rotateX(65deg);box-shadow:0 0 16px #2dd4bfb3,inset 0 0 16px #34d39980}.heal-ring-pulse{border:3.5px solid #ccfbf1f2;width:150px;height:70px;animation:2s cubic-bezier(.1,.7,.1,1) forwards heal-ring-expand-out;transform:translate(-50%)rotateX(65deg);box-shadow:0 0 25px #2dd4bf,0 0 50px #34d399e6}@keyframes heal-ring-primary-anim{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.4)}25%{opacity:1;transform:translate(-50%)rotateX(65deg)scale(1.05)}75%{opacity:.85;transform:translate(-50%)rotateX(65deg)scale(1)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(1.25)}}@keyframes heal-ring-secondary-anim{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.3)}30%{opacity:.95;transform:translate(-50%)rotateX(65deg)scale(1.1)}75%{opacity:.75;transform:translate(-50%)rotateX(65deg)scale(1.05)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(1.35)}}@keyframes heal-ring-expand-out{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.2)}35%{opacity:1;transform:translate(-50%)rotateX(65deg)scale(1.35)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(2)}}.heal-light-pillar{filter:blur(12px);background:linear-gradient(#0000 0%,#6ee7b71f 30%,#34d39947 60%,#2dd4bf73 100%);border-radius:50% 50% 0 0;width:190px;height:230px;animation:2s ease-out forwards heal-pillar-anim;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes heal-pillar-anim{0%{opacity:0;transform:translate(-50%)scaleY(.2)}25%{opacity:1;transform:translate(-50%)scaleY(1.1)}70%{opacity:.8;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1.2)}}.heal-particles{pointer-events:none;position:absolute;inset:0;overflow:visible}.heal-particle{color:#a7f3d0;text-shadow:0 0 8px #2dd4bf,0 0 16px #34d399,0 0 24px #10b981;font-size:1.15rem;animation:1.9s cubic-bezier(.2,.8,.4,1) forwards heal-particle-rise;position:absolute;bottom:25px}@keyframes heal-particle-rise{0%{opacity:0;transform:translateY(0)scale(.4)rotate(0)}20%{opacity:1;transform:translateY(-40px)scale(1.3)rotate(45deg)}60%{opacity:.95;transform:translateY(-130px)scale(1.1)rotate(90deg)}to{opacity:0;transform:translateY(-220px)scale(.5)rotate(180deg)}}.monster-healing-active{animation:2s ease-in-out forwards monster-heal-glow!important}@keyframes monster-heal-glow{0%{filter:drop-shadow(0 0 6px #2dd4bf80)brightness(1.05)}20%{filter:drop-shadow(0 0 26px #2dd4bf)drop-shadow(0 0 45px #14b8a6d9)brightness(1.35)saturate(1.4)}50%{filter:drop-shadow(0 0 32px #2dd4bfe6)drop-shadow(0 0 20px #34d399d9)brightness(1.25)saturate(1.3)}80%{filter:drop-shadow(0 0 16px #2dd4bf99)drop-shadow(0 0 8px #34d39980)brightness(1.1)}to{filter:drop-shadow(0 0 #0000)brightness()}}.monster-heal-pulse{display:none!important}.is-3d-arena{background:0 0!important}.is-3d-arena .quest-arena-avatars{display:flex!important}.is-3d-arena .quest-arena-side-player{transition:bottom .35s cubic-bezier(.2,.9,.3,1.2);bottom:calc(var(--shadow-player-lift,60px) + var(--player-lift-3d,0px))!important}.is-3d-arena .quest-arena-side-monster{transition:bottom .35s cubic-bezier(.2,.9,.3,1.2);bottom:calc(var(--shadow-monster-lift,60px) + var(--monster-lift-3d,0px))!important}.arena-quake-3d{animation:.7s ease-in-out infinite arena-quake-3d-anim}@keyframes arena-quake-3d-anim{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,-1px)}80%{transform:translate(2px,1px)}to{transform:translate(0)}}.bleed-wound{pointer-events:none;z-index:9;width:30px;height:30px;image-rendering:pixelated;background:radial-gradient(circle,#960000f2 0%,#780014a6 45%,#0000 72%);border-radius:50%;margin-top:-15px;margin-left:-15px;animation:1.1s ease-in-out infinite bleed-wound-pulse;position:absolute;box-shadow:0 0 8px #960000a6}@keyframes bleed-wound-pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.bleed-wound:before{content:"";background:radial-gradient(circle,#780028e6 0%,#50001466 60%,#0000 100%);border-radius:50%;position:absolute;inset:4px}.bleed-drip{transform-origin:top;opacity:0;background:linear-gradient(#a00a14f2,#78000a66);border-radius:0 0 3px 3px;width:3px;height:18px;margin-left:-1.5px;animation:1.2s linear infinite bleed-drip-fall;position:absolute;top:100%;left:50%}@keyframes bleed-drip-fall{0%{opacity:0;transform:translateY(0)scaleY(.2)}12%{opacity:1}to{opacity:0;transform:translateY(38px)scaleY(1.1)}}.transform-puff{z-index:60;pointer-events:none;position:absolute;inset:-20px;overflow:visible}.puff-shockwave-ring{border:3px solid #ffffffe6;border-radius:50%;width:70px;height:70px;margin-top:-35px;margin-left:-35px;animation:.65s cubic-bezier(.1,.8,.3,1) both puff-ring;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #ffffffd9,inset 0 0 12px #ffffff80}.transform-puff.puff-revert .puff-shockwave-ring{border-color:#c8d2ebd9;box-shadow:0 0 14px #a0afd2bf}@keyframes puff-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(3.2)}}.puff-blob{filter:drop-shadow(0 0 10px #ffffffd9);background:radial-gradient(circle,#fff 32%,#f0f5fff5 58%,#c3d2f0a6 80%,#0000 100%);border-radius:50%;width:90px;height:90px;margin-top:-45px;margin-left:-45px;animation:.85s cubic-bezier(.12,.8,.32,1) both puff-blob-expand;position:absolute;top:50%;left:50%}.transform-puff.puff-revert .puff-blob{filter:drop-shadow(0 0 8px #a0afcdbf);background:radial-gradient(circle,#f8f9ff 28%,#cdd7ebf0 58%,#8c9bb999 80%,#0000 100%)}@keyframes puff-blob-expand{0%{opacity:1;transform:scale(.18)}45%{opacity:.95}to{opacity:0;transform:scale(2.8)}}.puff-blob-center{width:110px;height:110px;margin-top:-55px;margin-left:-55px;animation-duration:.8s}.puff-sparkle{background:#fff;border-radius:50%;width:8px;height:8px;animation:.75s ease-out both puff-sparkle-fly;position:absolute;box-shadow:0 0 10px #fff,0 0 18px #facc15e6}.transform-puff.puff-revert .puff-sparkle{box-shadow:0 0 10px #fff,0 0 16px #a855f7cc}@keyframes puff-sparkle-fly{0%{opacity:1;transform:scale(.2)translate(0)}50%{transform:scale(1.8) translate(var(--sparkle-x,0), var(--sparkle-y,0));opacity:1}to{transform:scale(.4) translate(calc(var(--sparkle-x,0) * 1.6), calc(var(--sparkle-y,0) * 1.6));opacity:0}}.puff-comic-badge{z-index:65;pointer-events:none;animation:.85s cubic-bezier(.175,.885,.32,1.275) both puff-text-pop;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.puff-comic-text{letter-spacing:2px;color:#fef08a;-webkit-text-stroke:2px #1f2937;text-shadow:0 3px #111827,0 4px 6px #000000b3,0 0 14px #facc15e6;font-family:Impact,Arial Black,sans-serif;font-size:1.65rem;font-style:italic;font-weight:900;display:inline-block;transform:rotate(-6deg)}.transform-puff.puff-revert .puff-comic-text{color:#e0e7ff;-webkit-text-stroke:2px #1e1b4b;text-shadow:0 3px #0f172a,0 4px 6px #000000b3,0 0 14px #a855f7e6;transform:rotate(5deg)}@keyframes puff-text-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-15deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(-6deg)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.05)rotate(-5deg)}75%{opacity:.95;transform:translate(-50%,-75%)scale(1.1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-100%)scale(.7)rotate(0)}}.consumable-fx-root{pointer-events:none;z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.consumable-aura-wrap{transform:translateX(-50%) scale(var(--aura-scale,1));justify-content:center;align-items:flex-end;width:260px;height:250px;display:flex;position:absolute;bottom:-15px;left:50%}.consumable-ground-glow{background:radial-gradient(ellipse at center, var(--aura-primary) 0%, var(--aura-secondary) 35%, var(--aura-glow) 60%, transparent 80%);filter:blur(12px);border-radius:50%;width:250px;height:120px;animation:2s ease-out forwards c-ground-pulse;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)rotateX(65deg)}@keyframes c-ground-pulse{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.3)}25%{opacity:1;transform:translate(-50%)rotateX(65deg)scale(1.15)}75%{opacity:.9;transform:translate(-50%)rotateX(65deg)scale(1)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(1.3)}}.consumable-ring{box-sizing:border-box;border-radius:50%;position:absolute;bottom:-10px;left:50%}.consumable-ring.ring-primary{border:3px solid var(--aura-glow);width:220px;height:100px;box-shadow:0 0 20px var(--aura-primary), 0 0 45px var(--aura-secondary), inset 0 0 20px var(--aura-primary);animation:2s ease-out forwards c-ring-primary-anim;transform:translate(-50%)rotateX(65deg)}.consumable-ring.ring-secondary{border:2px dashed var(--aura-secondary);width:270px;height:120px;box-shadow:0 0 16px var(--aura-primary), inset 0 0 16px var(--aura-glow);animation:2s ease-out forwards c-ring-sec-anim;transform:translate(-50%)rotateX(65deg)}.consumable-ring.ring-pulse{width:160px;height:75px;box-shadow:0 0 25px var(--aura-primary), 0 0 50px var(--aura-secondary);border:3.5px solid #fff;animation:2s cubic-bezier(.1,.7,.1,1) forwards c-ring-pulse-anim;transform:translate(-50%)rotateX(65deg)}@keyframes c-ring-primary-anim{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.4)}25%{opacity:1;transform:translate(-50%)rotateX(65deg)scale(1.05)}75%{opacity:.85;transform:translate(-50%)rotateX(65deg)scale(1)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(1.3)}}@keyframes c-ring-sec-anim{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.3)}30%{opacity:.95;transform:translate(-50%)rotateX(65deg)scale(1.1)}75%{opacity:.75;transform:translate(-50%)rotateX(65deg)scale(1.05)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(1.4)}}@keyframes c-ring-pulse-anim{0%{opacity:0;transform:translate(-50%)rotateX(65deg)scale(.2)}35%{opacity:1;transform:translate(-50%)rotateX(65deg)scale(1.35)}to{opacity:0;transform:translate(-50%)rotateX(65deg)scale(2.1)}}.consumable-light-pillar{background:linear-gradient(to top, var(--aura-primary) 0%, var(--aura-secondary) 40%, var(--aura-glow) 70%, transparent 100%);filter:blur(14px);opacity:.55;border-radius:50% 50% 0 0;width:200px;height:250px;animation:2s ease-out forwards c-pillar-anim;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes c-pillar-anim{0%{opacity:0;transform:translate(-50%)scaleY(.2)}25%{opacity:.65;transform:translate(-50%)scaleY(1.15)}70%{opacity:.5;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1.3)}}.consumable-particles{position:absolute;inset:0;overflow:visible}.c-particle{color:#fff;text-shadow:0 0 10px var(--aura-primary), 0 0 20px var(--aura-secondary), 0 0 30px var(--aura-glow);font-size:1.25rem;animation:1.9s cubic-bezier(.2,.8,.4,1) forwards c-particle-rise;position:absolute;bottom:25px}@keyframes c-particle-rise{0%{opacity:0;transform:translateY(0)scale(.3)rotate(0)}20%{opacity:1;transform:translateY(-45px)scale(1.3)rotate(35deg)}60%{opacity:.95;transform:translateY(-140px)scale(1.1)rotate(85deg)}to{opacity:0;transform:translateY(-240px)scale(.5)rotate(180deg)}}.consumable-float-badge{border:2px solid var(--aura-primary);color:#fff;white-space:nowrap;box-shadow:0 0 20px var(--aura-primary);background:#000c;border-radius:20px;padding:.4rem .9rem;font-size:1rem;font-weight:900;animation:1.8s cubic-bezier(.175,.885,.32,1.275) forwards c-badge-pop;position:absolute;top:15px;left:50%;transform:translate(-50%)}@keyframes c-badge-pop{0%{opacity:0;transform:translate(-50%,20px)scale(.5)}25%{opacity:1;transform:translate(-50%,-10px)scale(1.2)}50%{opacity:1;transform:translate(-50%,-20px)scale(1)}85%{opacity:.95;transform:translate(-50%,-40px)scale(1)}to{opacity:0;transform:translate(-50%,-60px)scale(.8)}}.consumable-eat-wrap{pointer-events:none;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;bottom:110px;left:50%;transform:translate(-50%)}.eating-food-actor{justify-content:center;align-items:center;animation:1.7s cubic-bezier(.2,.8,.2,1) forwards food-eating-motion;display:flex;position:relative}.eating-food-emoji{filter:drop-shadow(0 4px 10px #00000080);font-size:3.5rem}.eating-food-img{object-fit:contain;filter:drop-shadow(0 4px 10px #00000080);width:64px;height:64px}@keyframes food-eating-motion{0%{opacity:0;transform:translate(-30px,35px)scale(.4)rotate(-25deg)}20%{opacity:1;transform:translate(0)scale(1.1)rotate(5deg)}35%{transform:translate(5px,-6px)scale(.9)rotate(-15deg)}45%{transform:translate(0)scale(1.05)rotate(0)}60%{transform:translate(-5px,-6px)scale(.85)rotate(15deg)}70%{transform:translate(0)scale(.95)rotate(-5deg)}85%{opacity:.8;transform:translateY(-8px)scale(.5)rotate(0)}to{opacity:0;transform:translateY(-15px)scale(0)rotate(20deg)}}.crumb{opacity:0;background:#f59e0b;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 6px #d97706}.crumb.c-1{animation:.7s ease-out .35s forwards crumb-fly-1;top:20%;left:-10px}.crumb.c-2{animation:.7s ease-out .4s forwards crumb-fly-2;top:30%;right:-12px}.crumb.c-3{animation:.7s ease-out .6s forwards crumb-fly-3;bottom:15%;left:-8px}.crumb.c-4{animation:.7s ease-out .65s forwards crumb-fly-1;top:10%;right:-5px}.crumb.c-5{animation:.7s ease-out .7s forwards crumb-fly-2;bottom:10%;right:-10px}@keyframes crumb-fly-1{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-30px,-25px)scale(.3)}}@keyframes crumb-fly-2{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(35px,-20px)scale(.3)}}@keyframes crumb-fly-3{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px,30px)scale(.3)}}.eating-chew-glow{filter:blur(8px);background:radial-gradient(circle,#22c55e66 0%,#0000 70%);border-radius:50%;animation:1.5s ease-out forwards chew-glow;position:absolute;inset:-15px}@keyframes chew-glow{0%{opacity:0;transform:scale(.5)}35%{opacity:.8;transform:scale(1.1)}75%{opacity:.5;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}.eat-badge{position:absolute;top:-25px;left:50%;border-color:#22c55e!important;box-shadow:0 0 20px #22c55e!important}.consumable-tea-strike-wrap{pointer-events:none;position:absolute;inset:0;overflow:visible}.tea-drinking-actor{flex-direction:column;align-items:center;animation:1.8s ease-out forwards tea-actor-fade;display:flex;position:absolute;bottom:105px;left:50%;transform:translate(-50%)}@keyframes tea-actor-fade{0%{opacity:0;transform:translate(-50%)scale(.5)}25%{opacity:1;transform:translate(-50%)scale(1.1)}75%{opacity:.95;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.8)}}.tea-cup-glow{filter:blur(10px);background:radial-gradient(circle,#38bdf880 0%,#2dd4bf33 50%,#0000 80%);border-radius:50%;animation:1.5s infinite alternate tea-pulse;position:absolute;inset:-20px}@keyframes tea-pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.tea-cup-item{filter:drop-shadow(0 4px 12px #38bdf899);font-size:3.2rem;position:relative}.tea-steam{color:#bae6fd;opacity:0;text-shadow:0 0 8px #38bdf8;font-size:1.4rem;position:absolute}.tea-steam.s-1{animation:1.4s .1s infinite steam-rise;top:-25px;left:15%}.tea-steam.s-2{animation:1.4s .35s infinite steam-rise;top:-30px;left:45%}.tea-steam.s-3{animation:1.4s .6s infinite steam-rise;top:-25px;left:75%}@keyframes steam-rise{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}30%{opacity:.85;transform:translateY(-15px)scale(1)rotate(-8deg)}70%{opacity:.6;transform:translateY(-35px)scale(1.2)rotate(10deg)}to{opacity:0;transform:translateY(-55px)scale(1.4)rotate(-5deg)}}.tea-calm-badge{color:#7dd3fc;white-space:nowrap;background:#0f172ad9;border:2px solid #38bdf8;border-radius:16px;margin-top:5px;padding:.35rem .8rem;font-size:.9rem;font-weight:800;box-shadow:0 0 15px #38bdf899}.magic-strike-projectile{z-index:100;justify-content:center;align-items:center;width:40px;height:40px;animation:.55s cubic-bezier(.2,.6,.2,1) forwards projectile-fly;display:flex;position:absolute;bottom:110px;left:50%}@keyframes projectile-fly{0%{opacity:0;transform:translate(0)scale(.5)}15%{opacity:1;transform:translate(0)scale(1.4)}to{transform:translate(var(--target-x,-300px), var(--target-y,100px)) scale(1);opacity:1}}.projectile-core{color:#facc15;filter:drop-shadow(0 0 12px #38bdf8)drop-shadow(0 0 24px #eab308);font-size:2.2rem;animation:.3s linear infinite projectile-spin}@keyframes projectile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.projectile-trail{filter:blur(2px);transform-origin:100%;background:linear-gradient(90deg,#0000,#38bdf8,#facc15);border-radius:3px;width:80px;height:6px;position:absolute}.option-impact-burst{pointer-events:none;transform:translate(-50%,-50%)}.impact-flash{filter:blur(12px);background:radial-gradient(circle,#ef4444e6 0%,#f59e0b99 40%,#0000 80%);border-radius:50%;animation:.6s ease-out forwards impact-flash-anim;position:absolute;inset:-40px}@keyframes impact-flash-anim{0%{opacity:1;transform:scale(.2)}50%{opacity:.9;transform:scale(1.5)}to{opacity:0;transform:scale(2.2)}}.impact-shards{justify-content:center;align-items:center;display:flex;position:relative}.shard{font-size:2rem;animation:.7s cubic-bezier(.1,.8,.2,1) forwards shard-scatter;position:absolute}.shard.sh-1{animation-name:shard-scatter-1}.shard.sh-2{animation-name:shard-scatter-2}.shard.sh-3{animation-name:shard-scatter-3}.shard.sh-4{animation-name:shard-scatter-4}@keyframes shard-scatter-1{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-50px,-45px)scale(.4)rotate(-45deg)}}@keyframes shard-scatter-2{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(45px,-50px)scale(.4)rotate(45deg)}}@keyframes shard-scatter-3{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-40px,40px)scale(.4)rotate(-90deg)}}@keyframes shard-scatter-4{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(50px,35px)scale(.4)rotate(90deg)}}.consumable-hourglass-wrap{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hourglass-actor{filter:drop-shadow(0 0 16px #f59e0b);font-size:3.5rem;animation:1.8s ease-in-out forwards hourglass-flip;position:relative}@keyframes hourglass-flip{0%{opacity:0;transform:scale(.3)rotate(0)}25%{opacity:1;transform:scale(1.15)rotate(0)}50%{transform:scale(1.1)rotate(180deg)}75%{opacity:.9;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(.6)rotate(360deg)}}.time-badge{color:#fde68a!important;border-color:#f59e0b!important;box-shadow:0 0 20px #f59e0b!important}