@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif;transition:background .7s cubic-bezier(.4,1.6,.4,1),color .7s cubic-bezier(.4,1.6,.4,1)}:root{--mana-bar-color: #00eaff;--button-inset: #fff;--button-gradient: linear-gradient(90deg, #00eaff 0%, #7f5cff 100%);--button-gradient-hover: linear-gradient(90deg, #7f5cff 0%, #00eaff 100%);--button-shadow: 0 0 16px 0 #00eaff55, 0 2px 8px 0 #0002, inset 0 0 0 4px var(--button-inset);--button-shadow-hover: 0 0 32px 0 #7f5cff99, 0 2px 16px 0 #0004;--button-shadow-focus: 0 0 24px 0 #7f5cff99, 0 2px 16px 0 #0004, inset 0 0 0 2.5px #fff8;--home-title-color: #7f5cff;--logout-gradient: linear-gradient(90deg, #7f5cff 0%, #ff0000 100%);--logout-gradient-hover: linear-gradient(90deg, #ff0000 0%, #7f5cff 100%)}body.night{--button-inset: #000;--button-gradient: linear-gradient(90deg, #23233a 0%, #00eaff 100%);--button-gradient-hover: linear-gradient(90deg, #00eaff 0%, #23233a 100%);--button-shadow: 0 0 16px 0 #00eaff99, 0 2px 8px 0 #0004, inset 0 0 0 4px var(--button-inset);--button-shadow-hover: 0 0 32px 0 #00eaffcc, 0 2px 16px 0 #0006;--button-shadow-focus: 0 0 24px 0 #00eaffcc, 0 2px 16px 0 #0006, inset 0 0 0 2.5px #fff8;--home-title-color: #00eaff;--logout-gradient: linear-gradient(90deg, #23233a 0%, #ff3c3c 100%);--logout-gradient-hover: linear-gradient(90deg, #ff3c3c 0%, #23233a 100%)}body.day{--button-inset: #fff;--button-gradient: linear-gradient(90deg, #00eaff 0%, #7f5cff 100%);--button-gradient-hover: linear-gradient(90deg, #7f5cff 0%, #00eaff 100%);--button-shadow: 0 0 16px 0 #00eaff55, 0 2px 8px 0 #0002, inset 0 0 0 4px var(--button-inset);--button-shadow-hover: 0 0 32px 0 #7f5cff99, 0 2px 16px 0 #0004;--button-shadow-focus: 0 0 24px 0 #7f5cff99, 0 2px 16px 0 #0004, inset 0 0 0 2.5px #fff8;--home-title-color: #7f5cff;--logout-gradient: linear-gradient(90deg, #7f5cff 0%, #ff0000 100%);--logout-gradient-hover: linear-gradient(90deg, #ff0000 0%, #7f5cff 100%)}.hidden{opacity:0}.visible{opacity:1}#spellCanvas{display:block;width:100vw;height:100vh;cursor:crosshair}#mana-bar,#mana-bar .mana-inner{display:none!important}#mana-segments{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:200}#debug{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:8px 16px;background-color:#000000b3;color:#0ff;font-size:16px;border:1px solid #0ff;border-radius:6px;font-family:monospace;pointer-events:none;transition:opacity .3s;z-index:10}.magic-aura{position:absolute;pointer-events:none;border-radius:50%;filter:blur(32px) brightness(1.2) saturate(1.2);opacity:.58;z-index:10;mix-blend-mode:lighten}.game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000;text-align:center;font-family:Cinzel,serif;transition:opacity .5s ease}.game-overlay.hidden{display:none;opacity:0}#ready-container h2{font-size:2.5em;margin-bottom:10px}#ready-container p{font-size:1.2em;margin-bottom:20px}#countdown-container h1{font-size:8em;font-weight:700;font-family:Cinzel,serif;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#post-match-overlay h1{font-size:5em;font-weight:700;font-family:Cinzel,serif;margin-bottom:20px;transform:scale(.9);opacity:0;animation:fadeIn 1s forwards}#post-match-overlay h1.victory{color:#4caf50}#post-match-overlay h1.defeat{color:#f44336}@keyframes fadeIn{to{transform:scale(1);opacity:1}}#countdown-container.transparent-bg{background-color:transparent!important}button{font-family:Cinzel,serif;font-size:1.5rem;padding:.8em 2.5em;border:2px solid rgba(127,92,255,.45);border-radius:.75em;background:var(--button-gradient);color:#fff;letter-spacing:.08em;box-shadow:var(--button-shadow);cursor:pointer;transition:background .3s,box-shadow .3s,transform .15s;outline:none;position:relative;overflow:hidden;z-index:1}button:before{content:"";position:absolute;left:var(--mouse-x, 50%);top:var(--mouse-y, 50%);width:0;height:0;background:radial-gradient(circle,#fff8,#00eaff00 80%);transform:translate(-50%,-50%);transition:width .4s,height .4s,left .1s,top .1s;z-index:0;pointer-events:none}button:hover:before{width:220%;height:400%}button:hover{background:var(--button-gradient-hover);box-shadow:var(--button-shadow-hover);transform:scale(1.04)}button:active{transform:scale(.98)}button span,button svg{position:relative;z-index:2}button:focus{outline:none;box-shadow:var(--button-shadow-focus)}.home-btn-long{min-width:180px;width:420px;margin:0 18px;font-size:1.18em}.home-btn-bottom{min-width:140px;width:170px;font-size:1.08em}#home-btn{width:100%;max-width:100px;font-size:1.2rem;padding:.5em 0;margin:15px}.btn-permanent{position:fixed}#logout-btn{background:var(--logout-gradient)!important}#logout-btn:hover{background:var(--logout-gradient-hover)!important}