@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg-dark:#0f0f0f;--panel-bg:#1a1a1a;--grid-color:#222;--accent:#f04;--gold:#fc0;--dragon-red:#c20}*{box-sizing:border-box}html,body,#root{background-color:var(--bg-dark);color:#fff;width:100%;height:100%;margin:0;padding:0;font-family:"Press Start 2P",cursive;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;will-change:transform;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 3px;width:100vw;height:100vh;position:fixed;top:0;left:0}.shake{animation:.15s ease-in-out shakeScreen}@keyframes shakeScreen{0%{transform:translate(0)}25%{transform:translate(-4px,3px)}50%{transform:translate(4px,-3px)}75%{transform:translate(-2px,2px)}to{transform:translate(0)}}.world-embers,.intro-embers,.end-embers{pointer-events:none;z-index:40;position:absolute;inset:0;overflow:hidden}.ember{opacity:0;will-change:transform, opacity;background:#f40;border-radius:50%;animation:linear infinite emberFloat;position:absolute;bottom:-10px;box-shadow:0 0 4px #f40}.ember-gold{background:var(--gold);box-shadow:0 0 6px var(--gold)}.dust-mote{pointer-events:none;opacity:0;background:#ffe6aacc;border-radius:50%;animation:linear infinite dustFloat;position:absolute;top:50%;box-shadow:0 0 8px #ffdc8c80}@keyframes dustFloat{0%{opacity:0;transform:translate(0)}10%{opacity:.6}25%{transform:translate(8px,-6px)}50%{opacity:.4;transform:translate(-5px,4px)}75%{transform:translate(6px,-3px)}90%{opacity:.5}to{opacity:0;transform:translate(-3px,2px)}}@keyframes emberFloat{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)translate(30px)}}.floating-xp{z-index:200;pointer-events:none;text-shadow:2px 2px #000;text-align:center;white-space:nowrap;will-change:transform, opacity;font-size:14px;font-weight:700;animation:8s ease-out forwards floatUp;position:absolute;transform:translate(-50%)}.floating-xp-fixed{z-index:10002;text-shadow:2px 2px #000,0 0 10px #00000080;position:fixed;left:50%}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1.1)}30%{opacity:1;transform:translate(-50%)translateY(-25px)scale(1.3)}to{opacity:0;transform:translate(-50%)translateY(-70px)scale(.7)}}.damage-number{color:red;text-shadow:2px 2px #000;z-index:100;pointer-events:none;font-size:18px;font-weight:700;animation:1.2s ease-out forwards damageFloat;position:absolute}@keyframes damageFloat{0%{opacity:1;transform:translateY(0)scale(.5)}20%{transform:translateY(-10px)scale(1.3)}to{opacity:0;transform:translateY(-50px)scale(.8)}}.level-up-overlay{z-index:300;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:2s ease-out forwards levelFlash;display:flex;position:fixed;inset:0}.level-up-text{color:var(--gold);text-shadow:4px 4px #000, 0 0 30px var(--gold);font-size:48px;animation:.5s ease-out levelPop}.level-up-level{color:#fff;text-shadow:3px 3px #000;margin-top:10px;font-size:24px}@keyframes levelFlash{0%{background:#ffcc004d}to{background:0 0}}@keyframes levelPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.join-banner{z-index:200;white-space:nowrap;background:#000000e6;border:3px solid;padding:10px 24px;font-size:10px;animation:3s ease-out forwards bannerSlide;position:fixed;top:70px;left:50%;transform:translate(-50%)}@keyframes bannerSlide{0%{opacity:0;transform:translate(-50%)translateY(-20px)}10%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-10px)}}.room-hint-banner{z-index:200;border:2px solid var(--gold);color:#fff;text-shadow:0 0 5px #ffcc0080;letter-spacing:1px;white-space:nowrap;pointer-events:none;background:#000000d9;border-radius:8px;padding:12px 24px;font-size:13px;animation:10s ease-out forwards roomHintFade;position:absolute;left:50%;transform:translate(-50%)}@keyframes roomHintFade{0%{opacity:0;transform:translate(-50%)translateY(10px)}5%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1}to{opacity:0}}.milestone-banner{z-index:250;border:4px solid var(--dragon-red);color:var(--dragon-red);text-shadow:0 0 10px var(--dragon-red);text-align:center;background:#000000f2;max-width:80%;padding:20px 40px;font-size:14px;animation:4s ease-out forwards milestoneFlash;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes milestoneFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.achievement-container{z-index:200;flex-direction:column;gap:10px;display:flex;position:fixed;top:70px;right:20px}.achievement-toast{border:3px solid var(--gold);background:linear-gradient(135deg,#1a1a00,#320);align-items:center;gap:12px;min-width:250px;padding:12px 16px;animation:4s ease-out forwards achieveSlide;display:flex;box-shadow:0 0 20px #ffcc004d}.achievement-icon{font-size:24px}.achievement-title{color:var(--gold);margin-bottom:4px;font-size:10px}.achievement-desc{color:#ccc;font-size:7px}@keyframes achieveSlide{0%{opacity:0;transform:translate(100px)}10%{opacity:1;transform:translate(0)}80%{opacity:1}to{opacity:0;transform:translate(50px)}}.setup-screen{background:radial-gradient(circle,#222 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;overflow-y:auto}.pixel-title{color:#fff;text-shadow:6px 6px var(--accent);margin-bottom:8px;font-size:clamp(24px,8vw,48px)}.pixel-subtitle{color:#f64;letter-spacing:4px;margin-bottom:30px;font-size:10px;animation:2s infinite blink}.setup-box{background:var(--panel-bg);border:8px solid #fff;flex-direction:column;gap:20px;width:90%;max-width:500px;padding:30px;display:flex;box-shadow:15px 15px #00000080}.char-select-section{flex-direction:column;gap:10px;display:flex}.char-select-section label{font-size:10px}.char-select-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.char-select-card{cursor:pointer;color:#fff;background:#111;border:3px solid #333;flex-direction:column;align-items:center;gap:8px;padding:12px 6px;font-family:"Press Start 2P",cursive;transition:border-color .15s,transform .1s;display:flex}.char-select-card:hover{border-color:#666;transform:translateY(-2px)}.char-select-card.selected{border-color:var(--gold);background:#222;box-shadow:0 0 15px #ffcc004d}.char-select-name{font-size:7px}.char-select-desc{color:#888;font-size:6px}.char-preview,.char-preview-knight,.char-preview-mage,.char-preview-archer,.char-preview-healer{width:24px;image-rendering:pixelated;flex-direction:column;align-items:center;margin:10px 0;display:flex;transform:scale(1.5)}.char-preview-knight .char-accessory,.char-preview-mage .char-accessory,.char-preview-archer .char-accessory,.char-preview-healer .char-accessory{display:none}.char-preview .char-head,.char-preview-knight .char-head,.char-preview-mage .char-head,.char-preview-archer .char-head,.char-preview-healer .char-head{background:var(--char-color);border:2px solid #0000004d;border-radius:2px;width:14px;height:14px;position:relative;box-shadow:inset 4px 3px #ffffff4d}.char-preview .char-head:before,.char-preview-knight .char-head:before,.char-preview-mage .char-head:before,.char-preview-archer .char-head:before,.char-preview-healer .char-head:before{content:"";background:#000;width:3px;height:3px;position:absolute;top:4px;right:2px;box-shadow:-5px 0 #000}.char-preview .char-body,.char-preview-knight .char-body,.char-preview-mage .char-body,.char-preview-archer .char-body,.char-preview-healer .char-body{background:var(--char-color);filter:brightness(.85);border:2px solid #0000004d;width:18px;height:10px;margin-top:-1px}.char-preview .char-legs,.char-preview-knight .char-legs,.char-preview-mage .char-legs,.char-preview-archer .char-legs,.char-preview-healer .char-legs{gap:4px;margin-top:-1px;display:flex}.char-preview .char-leg,.char-preview-knight .char-leg,.char-preview-mage .char-leg,.char-preview-archer .char-leg,.char-preview-healer .char-leg{background:var(--char-color);filter:brightness(.7);border:1px solid #0000004d;width:5px;height:6px}.char-preview-knight .char-head:after{content:"";background:#888;border:1px solid #555;height:5px;position:absolute;top:-4px;left:0;right:0}.char-preview-mage .char-head:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:12px solid var(--char-color);filter:brightness(1.3);width:0;height:0;position:absolute;top:-10px;left:-2px}.char-preview-mage .char-body{border-radius:0 0 4px 4px;height:14px}.char-preview-mage .char-legs .char-leg{height:3px}.char-preview-archer .char-head:after{content:"";background:var(--char-color);filter:brightness(.6);border-radius:8px 8px 0 0;height:8px;position:absolute;top:-4px;left:-3px;right:-3px}.char-preview-healer .char-head:after{content:"";background:0 0;width:8px;height:8px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff,0 -2px #fff}.char-preview-healer .char-body{box-shadow:0 0 6px #ffffff4d}.color-section{flex-direction:column;gap:10px;display:flex}.color-section label{font-size:10px}.color-presets{flex-wrap:wrap;gap:8px;display:flex}.color-preset{cursor:pointer;border:3px solid #333;width:28px;height:28px;padding:0;transition:transform .1s,border-color .1s}.color-preset:hover{border-color:#fff;transform:scale(1.2)}.color-preset.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}.color-custom{cursor:pointer;background:0 0;border:2px solid #555;width:40px;height:28px}.btn-join{animation:2s infinite pulseBtn;padding:16px!important;font-size:14px!important}@keyframes pulseBtn{0%,to{box-shadow:0 0 #f046}50%{box-shadow:0 0 20px 5px #ff00444d}}.intro-screen{cursor:pointer;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.intro-vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 40%,#000c 100%);position:absolute;inset:0}.intro-blocks{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;width:100%;max-width:1100px;padding:40px 40px 140px;display:flex}.intro-block{align-items:center;gap:15px;width:100%;display:flex}.intro-block-img-left,.intro-block:not(.intro-block-img-left){flex-direction:row}.intro-block-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.intro-block-scene{flex:0 0 300px;justify-content:center;align-items:center;min-height:150px;display:flex}.intro-block-img-left .intro-block-scene,.intro-block:not(.intro-block-img-left) .intro-block-scene{justify-content:center}.intro-line{color:#ccc;opacity:0;font-size:11px;line-height:1.8;animation:.5s ease-out forwards introFadeIn}.intro-line-new{color:#fff;text-shadow:0 0 8px #ff640066}.intro-spacer{height:12px}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}.intro-tagline{color:#fff;text-align:center;letter-spacing:2px;text-shadow:0 0 12px #ff640099,0 0 30px #ff3c004d;opacity:0;z-index:3;font-size:14px;font-weight:700;animation:1s ease-out forwards introFadeIn;position:fixed;bottom:110px;left:50%;transform:translate(-50%)}.intro-skip{color:#666;z-index:3;font-size:8px;animation:1.5s infinite blink;position:fixed;bottom:70px}.btn-start-quest{z-index:3;animation:1.5s infinite pulseBtn;position:fixed;bottom:25px;padding:14px 30px!important;font-size:12px!important}.intro-scene{image-rendering:pixelated;opacity:0;animation:.8s ease-out forwards introFadeIn}.intro-scene-dragon-tower{transform-origin:50%;width:2px;height:2px;margin-top:24px;margin-right:60px;transform:scale(3);box-shadow:40px 12px #555,42px 12px #666,44px 12px #555,46px 12px #666,48px 12px #555,50px 12px #666,52px 12px #555,54px 12px #666,56px 12px #555,58px 12px #666,40px 10px #666,42px 10px #555,44px 10px #666,46px 10px #555,48px 10px #666,50px 10px #555,52px 10px #666,54px 10px #555,56px 10px #666,58px 10px #555,40px 8px #555,42px 8px #666,44px 8px #555,46px 8px #666,48px 8px #555,50px 8px #666,52px 8px #555,54px 8px #666,56px 8px #555,58px 8px #666,40px 6px #666,42px 6px #555,44px 6px #666,46px 6px #555,48px 6px #666,50px 6px #555,52px 6px #666,54px 6px #555,56px 6px #666,58px 6px #555,40px 4px #555,42px 4px #666,44px 4px #555,46px 4px #666,48px 4px #555,50px 4px #666,52px 4px #555,54px 4px #666,56px 4px #555,58px 4px #666,40px 2px #666,42px 2px #555,44px 2px #666,46px 2px #555,48px 2px #666,50px 2px #555,52px 2px #666,54px 2px #555,56px 2px #666,58px 2px #555,40px 0 #555,42px 0 #666,44px 0 #555,46px 0 #666,48px 0 #555,50px 0 #666,52px 0 #555,54px 0 #666,56px 0 #555,58px 0 #666,40px -2px #666,42px -2px #555,44px -2px #666,46px -2px #555,48px -2px #666,50px -2px #555,52px -2px #666,54px -2px #555,56px -2px #666,58px -2px #555,40px -4px #555,42px -4px #666,44px -4px #555,46px -4px #666,48px -4px #555,50px -4px #666,52px -4px #555,54px -4px #666,56px -4px #555,58px -4px #666,40px -6px #666,42px -6px #555,44px -6px #666,46px -6px #555,48px -6px #666,50px -6px #555,52px -6px #666,54px -6px #555,56px -6px #666,58px -6px #555,40px -8px #555,42px -8px #666,44px -8px #555,46px -8px #666,48px -8px #555,50px -8px #666,52px -8px #555,54px -8px #666,56px -8px #555,58px -8px #666,40px -10px #666,42px -10px #555,44px -10px #666,46px -10px #555,48px -10px #666,50px -10px #555,52px -10px #666,54px -10px #555,56px -10px #666,58px -10px #555,40px -12px #555,42px -12px #666,44px -12px #555,46px -12px #666,48px -12px #555,50px -12px #666,52px -12px #555,54px -12px #666,56px -12px #555,58px -12px #666,40px -14px #777,42px -14px #777,44px -14px #777,46px -14px #777,48px -14px #777,50px -14px #777,52px -14px #777,54px -14px #777,56px -14px #777,58px -14px #777,38px -16px #888,40px -16px #888,38px -18px #999,40px -18px #999,46px -16px #888,48px -16px #888,46px -18px #999,48px -18px #999,54px -16px #888,56px -16px #888,54px -18px #999,56px -18px #999,58px -16px #888,60px -16px #888,58px -18px #999,60px -18px #999,46px -4px #220,48px -4px #220,50px -4px #220,52px -4px #220,46px -6px #330,48px -6px #fc0,50px -6px #fc0,52px -6px #330,46px -8px #330,48px -8px #fe8,50px -8px #fe8,52px -8px #330,48px -10px #fc0,50px -10px #fc0,48px -8px #fca,50px -8px #fca,48px -10px #48f,50px -10px #48f,48px -12px #48f,50px -12px #48f,52px -8px #fca,54px -8px #fca,-4px -14px #900,-2px -14px #a00,0 -14px #c00,2px -14px #e00,4px -14px #e00,6px -14px #e00,8px -14px #c00,10px -14px #a00,12px -14px #900,-2px -16px #a00,0 -16px #c00,2px -16px #e00,4px -16px #f20,6px -16px #f20,8px -16px #e00,10px -16px #c00,12px -16px #a00,0 -12px #800,2px -12px #c60,4px -12px #da0,6px -12px #da0,8px -12px #c60,10px -12px #800,14px -16px #c00,16px -16px #c00,18px -18px #c00,20px -18px #e00,22px -18px #e00,24px -18px #c00,18px -16px #e00,20px -16px #c00,20px -20px #c00,22px -20px #e00,24px -18px #ff0,26px -18px #600,20px -22px #600,22px -22px #500,24px -22px #600,22px -16px #a00,24px -16px #900,26px -16px #800,-6px -18px #700,-4px -18px #800,-2px -18px #900,0 -18px #a00,2px -18px #900,-8px -20px #600,-6px -20px #700,-4px -20px #800,-2px -20px #800,-10px -22px #500,-8px -22px #600,-6px -22px #700,-12px -24px #400,-10px -24px #500,6px -18px #900,8px -18px #800,10px -18px #700,12px -18px #600,8px -20px #700,10px -20px #600,12px -20px #500,-6px -14px #800,-8px -14px #700,-10px -12px #600,-12px -12px #500,-14px -10px #400,-16px -10px #400,-18px -8px #500,-18px -10px #500,-18px -12px #500,2px -10px #800,4px -10px #700,8px -10px #800,10px -10px #700,28px -18px #f80,30px -18px #fa0,32px -16px #ff0,34px -16px #fe8,28px -16px #f60,30px -16px #f80,32px -18px #fa0,34px -18px #f80,28px -20px #e40,30px -20px #f60,32px -20px #f80,36px -16px #fc0,36px -18px #f60,38px -16px #e40,38px -18px #c20,34px -14px #e40,36px -14px #c20,34px -20px #e40,36px -20px #c20,40px -14px #a30,40px -10px #830,-18px 14px #2a2a1a,-16px 14px #333,-14px 14px #2a2a1a,-12px 14px #333,-10px 14px #2a2a1a,-8px 14px #333,-6px 14px #2a2a1a,-4px 14px #333,-2px 14px #2a2a1a,0 14px #333,2px 14px #2a2a1a,4px 14px #333,6px 14px #2a2a1a,8px 14px #333,10px 14px #2a2a1a,12px 14px #333,14px 14px #2a2a1a,16px 14px #333,18px 14px #2a2a1a,20px 14px #333,22px 14px #2a2a1a,24px 14px #333,26px 14px #2a2a1a,28px 14px #333,30px 14px #2a2a1a,32px 14px #333,34px 14px #2a2a1a,36px 14px #333,38px 14px #2a2a1a,40px 14px #333,42px 14px #2a2a1a,44px 14px #333,46px 14px #2a2a1a,48px 14px #333,50px 14px #2a2a1a,52px 14px #333,54px 14px #2a2a1a,56px 14px #333,58px 14px #2a2a1a,60px 14px #333,-14px -26px #fff,62px -22px #fff,-18px -18px #aaa,64px -10px #aaa,-16px -30px #888,34px -28px #fff,56px -26px #ccc,-8px -28px #666,14px -28px #fff}.intro-scene-heroes{transform-origin:50%;width:2px;height:2px;transform:scale(3);box-shadow:-36px 6px #420,-34px 6px #420,-32px 6px #420,-30px 6px #420,-36px 4px #633,-34px 4px #633,-32px 4px #633,-30px 4px #633,-36px 2px #a00,-34px 2px #c00,-32px 2px #c00,-30px 2px #a00,-36px 0 #c00,-34px 0 #e00,-32px 0 #e00,-30px 0 #c00,-36px -2px #a00,-34px -2px #c00,-32px -2px #c00,-30px -2px #a00,-34px -4px #fca,-32px -4px #fca,-36px -6px #fca,-34px -6px #fca,-32px -6px #fca,-30px -6px #fca,-36px -8px #fca,-34px -8px #311,-32px -8px #fca,-30px -8px #fca,-36px -10px #840,-34px -10px #840,-32px -10px #840,-30px -10px #840,-28px -10px #630,-40px 4px #640,-40px 2px #640,-40px 0 #aaa,-40px -2px #bbb,-40px -4px #ccc,-40px -6px #ddd,-40px -8px #eee,-40px -10px #fff,-28px 0 #b00,-28px 2px #d00,-26px 0 #900,-26px 2px #b00,-28px -2px #900,-20px 6px #224,-18px 6px #224,-16px 6px #224,-14px 6px #224,-20px 4px #33a,-18px 4px #33a,-16px 4px #33a,-14px 4px #33a,-22px 2px #22a,-20px 2px #44c,-18px 2px #44c,-16px 2px #44c,-14px 2px #44c,-12px 2px #22a,-20px 0 #44c,-18px 0 #55e,-16px 0 #55e,-14px 0 #44c,-20px -2px #33a,-18px -2px #44c,-16px -2px #44c,-14px -2px #33a,-18px -4px #fca,-16px -4px #fca,-20px -6px #fca,-18px -6px #fca,-16px -6px #fca,-14px -6px #fca,-20px -8px #fca,-18px -8px #311,-16px -8px #fca,-14px -8px #fca,-22px -10px #22a,-20px -10px #33c,-18px -10px #33c,-16px -10px #33c,-14px -10px #33c,-12px -10px #22a,-20px -12px #33c,-18px -12px #44e,-16px -12px #44e,-14px -12px #33c,-18px -14px #44e,-16px -14px #55f,-16px -16px #66f,-16px -18px #ff0,-12px 4px #640,-12px 2px #640,-12px 0 #640,-12px -2px #640,-12px -4px #640,-12px -6px #640,-12px -8px #c0f,-12px -10px #f0f,-2px 6px #420,0 6px #420,2px 6px #420,4px 6px #420,6px 6px #420,8px 6px #420,-2px 4px #630,0 4px #840,2px 4px #a50,4px 4px #a50,6px 4px #840,8px 4px #630,0 2px #f60,2px 2px #f80,4px 2px #f80,6px 2px #f60,0 0 #f80,2px 0 #fa0,4px 0 #fa0,6px 0 #f80,0 -2px #f40,2px -2px #ff0,4px -2px #ff0,6px -2px #f40,2px -4px #f80,4px -4px #fa0,2px -6px #f40,4px -6px #f60,-2px -4px #fc0,8px -6px #fa0,0 -8px #f80,6px -8px #fc0,4px -10px #e40,14px 6px #240,16px 6px #240,18px 6px #240,20px 6px #240,14px 4px #352,16px 4px #352,18px 4px #352,20px 4px #352,12px 2px #2a2,14px 2px #3b3,16px 2px #3b3,18px 2px #3b3,20px 2px #3b3,22px 2px #2a2,14px 0 #3b3,16px 0 #4c4,18px 0 #4c4,20px 0 #3b3,14px -2px #3b3,16px -2px #3b3,18px -2px #3b3,20px -2px #3b3,16px -4px #fca,18px -4px #fca,14px -6px #fca,16px -6px #fca,18px -6px #fca,20px -6px #fca,14px -8px #fca,16px -8px #311,18px -8px #fca,20px -8px #fca,12px -10px #2a2,14px -10px #3b3,16px -10px #3b3,18px -10px #3b3,20px -10px #3b3,22px -10px #2a2,14px -12px #2a2,16px -12px #2a2,18px -12px #2a2,20px -12px #2a2,24px 2px #640,26px 0 #640,26px -2px #640,26px -4px #640,26px -6px #640,24px -8px #640,24px 0 #ccc,24px -2px #ccc,24px -4px #ccc,24px -6px #ccc,28px -4px #840,30px -4px #840,32px -4px #ccc,30px 6px #550,32px 6px #550,34px 6px #550,36px 6px #550,30px 4px #770,32px 4px #770,34px 4px #770,36px 4px #770,28px 2px #990,30px 2px #bb0,32px 2px #bb0,34px 2px #bb0,36px 2px #bb0,38px 2px #990,30px 0 #bb0,32px 0 #cc0,34px 0 #cc0,36px 0 #bb0,30px -2px #aa0,32px -2px #bb0,34px -2px #bb0,36px -2px #aa0,32px -4px #fca,34px -4px #fca,30px -6px #fca,32px -6px #fca,34px -6px #fca,36px -6px #fca,30px -8px #fca,32px -8px #311,34px -8px #fca,36px -8px #fca,28px -10px #fc0,30px -10px #ff0,32px -10px #ff0,34px -10px #ff0,36px -10px #ff0,38px -10px #fc0,30px -12px #fc0,32px -12px #ff0,34px -12px #ff0,36px -12px #fc0,40px 4px #ccc,40px 2px #ccc,40px 0 #ccc,40px -2px #ccc,40px -4px #ccc,38px -4px #fff,40px -4px #fff,42px -4px #fff,40px -6px #fff,46px 6px #640,46px 4px #640,46px 2px #640,46px 0 #640,46px -2px #640,46px -4px #640,46px -6px #640,46px -8px #640,46px -10px #640,46px -12px #640,48px -6px #c00,50px -6px #c00,52px -6px #c00,54px -6px #c00,48px -8px #e00,50px -8px #fc0,52px -8px #fc0,54px -8px #e00,48px -10px #e00,50px -10px #fc0,52px -10px #fc0,54px -10px #e00,48px -12px #c00,50px -12px #c00,52px -12px #c00,54px -12px #c00,-42px 8px #2a2a1a,-40px 8px #333,-38px 8px #2a2a1a,-36px 8px #333,-34px 8px #2a2a1a,-32px 8px #333,-30px 8px #2a2a1a,-28px 8px #333,-26px 8px #2a2a1a,-24px 8px #333,-22px 8px #2a2a1a,-20px 8px #333,-18px 8px #2a2a1a,-16px 8px #333,-14px 8px #2a2a1a,-12px 8px #333,-10px 8px #2a2a1a,-8px 8px #333,-6px 8px #2a2a1a,-4px 8px #333,-2px 8px #2a2a1a,0 8px #333,2px 8px #2a2a1a,4px 8px #333,6px 8px #2a2a1a,8px 8px #333,10px 8px #2a2a1a,12px 8px #333,14px 8px #2a2a1a,16px 8px #333,18px 8px #2a2a1a,20px 8px #333,22px 8px #2a2a1a,24px 8px #333,26px 8px #2a2a1a,28px 8px #333,30px 8px #2a2a1a,32px 8px #333,34px 8px #2a2a1a,36px 8px #333,38px 8px #2a2a1a,40px 8px #333,42px 8px #2a2a1a,44px 8px #333,46px 8px #2a2a1a,48px 8px #333,50px 8px #2a2a1a,52px 8px #333,54px 8px #2a2a1a,56px 8px #333}.intro-scene-battle{transform-origin:50%;width:2px;height:2px;transform:scale(3);box-shadow:24px 0 #900,26px 0 #a00,28px 0 #c00,30px 0 #e00,32px 0 #e00,34px 0 #e00,36px 0 #c00,38px 0 #a00,40px 0 #900,24px -2px #a00,26px -2px #c00,28px -2px #e00,30px -2px #f20,32px -2px #f20,34px -2px #f20,36px -2px #e00,38px -2px #c00,40px -2px #a00,26px -4px #a00,28px -4px #c00,30px -4px #e00,32px -4px #e00,34px -4px #e00,36px -4px #c00,38px -4px #a00,26px 2px #800,28px 2px #c60,30px 2px #da0,32px 2px #da0,34px 2px #da0,36px 2px #c60,38px 2px #800,40px -2px #c00,42px -4px #c00,42px -2px #a00,44px -4px #c00,46px -6px #c00,48px -6px #e00,50px -6px #e00,52px -6px #c00,46px -4px #e00,48px -4px #e00,50px -4px #c00,52px -4px #a00,46px -8px #a00,48px -8px #c00,50px -8px #c00,52px -6px #ff0,52px -8px #600,48px -10px #600,50px -10px #500,52px -10px #600,50px -2px #900,52px -2px #800,54px -4px #800,20px -4px #600,20px -6px #700,22px -6px #800,24px -6px #900,26px -6px #a00,28px -6px #900,30px -6px #800,18px -6px #500,18px -8px #600,20px -8px #700,22px -8px #800,24px -8px #700,16px -8px #400,16px -10px #500,18px -10px #600,20px -10px #500,14px -10px #300,14px -12px #400,32px -6px #800,34px -6px #700,36px -6px #600,38px -6px #500,34px -8px #500,36px -8px #400,22px 0 #800,20px 0 #700,18px 2px #600,16px 2px #500,14px 4px #400,12px 4px #400,10px 6px #300,8px 6px #400,8px 4px #400,8px 8px #400,30px 4px #800,32px 4px #800,34px 4px #700,36px 4px #600,40px -4px #fff,38px -2px #ff8,42px -6px #fff,-24px -6px #2a2,-22px -6px #3b3,-20px -6px #3b3,-18px -6px #3b3,-16px -6px #2a2,-24px -4px #3b3,-22px -4px #4c4,-20px -4px #6e6,-18px -4px #4c4,-16px -4px #3b3,-24px -2px #3b3,-22px -2px #4c4,-20px -2px #6e6,-18px -2px #4c4,-16px -2px #3b3,-24px 0 #2a2,-22px 0 #3b3,-20px 0 #3b3,-18px 0 #3b3,-16px 0 #2a2,-22px -4px #fff,-20px -4px #fff,-18px -4px #fff,-22px -2px #dfd,-20px -2px #dfd,-28px -4px #4a4,-30px -4px #393,-32px -2px #283,-28px -2px #4a4,-18px 6px #a22,-16px 6px #c33,-14px 6px #c33,-12px 6px #c33,-10px 6px #a22,-18px 8px #c33,-16px 8px #d44,-14px 8px #e66,-12px 8px #d44,-10px 8px #c33,-18px 10px #c33,-16px 10px #d44,-14px 10px #e66,-12px 10px #d44,-10px 10px #c33,-18px 12px #a22,-16px 12px #c33,-14px 12px #c33,-12px 12px #c33,-10px 12px #a22,-16px 8px #fff,-14px 8px #fff,-12px 8px #fff,-16px 10px #fdd,-14px 10px #fdd,-22px 8px #c33,-24px 10px #a22,-22px 10px #c33,-12px -14px #22a,-10px -14px #33c,-8px -14px #33c,-6px -14px #33c,-4px -14px #22a,-12px -12px #33c,-10px -12px #44e,-8px -12px #66f,-6px -12px #44e,-4px -12px #33c,-12px -10px #33c,-10px -10px #44e,-8px -10px #66f,-6px -10px #44e,-4px -10px #33c,-12px -8px #22a,-10px -8px #33c,-8px -8px #33c,-6px -8px #33c,-4px -8px #22a,-10px -12px #fff,-8px -12px #fff,-6px -12px #fff,-10px -10px #ddf,-8px -10px #ddf,-16px -12px #33c,-18px -10px #22a,-16px -10px #33c,6px -2px #ff0,8px -4px #fa0,4px -6px #ff0,10px -2px #fc0,6px -6px #ff8,2px -4px #f80,8px 0 #fa0,4px 0 #fc0,10px -6px #e40,2px -2px #f60,-34px 6px #444,-34px 4px #555,-34px 2px #666,-34px 0 #777,-32px 6px #444,-32px 4px #555,-32px 2px #666,-32px 0 #777,-32px -2px #888,-30px 6px #444,-30px 4px #555,-30px 2px #666,-28px 6px #333,-28px 4px #444,-28px 2px #555,-28px 0 #666,-28px -2px #777,-34px 8px #2a2a1a,-32px 8px #333,-30px 8px #2a2a1a,-28px 8px #333,-26px 8px #2a2a1a,-24px 8px #333,-22px 8px #2a2a1a,-20px 8px #333,-18px 8px #2a2a1a,-16px 8px #333,-14px 8px #2a2a1a,-12px 8px #333,-10px 8px #2a2a1a,-8px 8px #333,-6px 8px #2a2a1a,-4px 8px #333,-2px 8px #2a2a1a,0 8px #333,2px 8px #2a2a1a,4px 8px #333,6px 8px #2a2a1a,8px 8px #333,10px 8px #2a2a1a,12px 8px #333,14px 8px #2a2a1a,16px 8px #333,18px 8px #2a2a1a,20px 8px #333,22px 8px #2a2a1a,24px 8px #333,26px 8px #2a2a1a,28px 8px #333,30px 8px #2a2a1a,32px 8px #333,34px 8px #2a2a1a,36px 8px #333,38px 8px #2a2a1a,40px 8px #333,42px 8px #2a2a1a,44px 8px #333,46px 8px #2a2a1a,48px 8px #333,50px 8px #2a2a1a,52px 8px #333,54px 8px #2a2a1a}.end-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.victory-screen{background:radial-gradient(circle,#1a1a00 0%,#000 100%)}.defeat-screen{background:radial-gradient(circle,#1a0000 0%,#000 100%)}.end-title{margin:0;font-size:48px}.victory-title{color:var(--gold);text-shadow:4px 4px #000, 0 0 40px var(--gold);animation:1s infinite victoryPulse}.defeat-title{color:#c00;text-shadow:4px 4px #000,0 0 40px #c00}.end-subtitle{color:#ccc;font-size:12px}.end-stats{gap:40px;margin:20px 0;display:flex}.end-stat{color:#888;flex-direction:column;align-items:center;gap:6px;font-size:8px;display:flex}.end-stat-num{color:#fff;font-size:24px}.end-prince{font-size:64px;animation:1s infinite princeBounce}.end-dragon-emoji{opacity:.5;font-size:64px}@keyframes victoryPulse{0%,to{text-shadow:4px 4px #000, 0 0 40px var(--gold)}50%{text-shadow:4px 4px #000, 0 0 80px var(--gold), 0 0 120px #ffcc004d}}@keyframes princeBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.app-container{flex-direction:column;width:100%;height:100%;display:flex}.game-header{background:#000;border-bottom:4px solid #fff;flex-shrink:0;align-items:center;gap:12px;height:68px;padding:0 15px;display:flex}.logo-section{align-items:baseline;gap:12px;display:flex}.logo{font-size:12px}.online-count{color:#0f0;border:1px solid #0f0;padding:3px 6px;font-size:7px}.lobby-code-display:hover{background:#333!important;border-color:#fc0!important}.lobby-code-sidebar:hover{transform:scale(1.02);background:#111!important;border-color:#fc0!important}.dragon-hp-section{flex:1;max-width:300px;padding-top:7px}.dragon-hp-label{color:var(--dragon-red);letter-spacing:2px;margin-bottom:3px;font-size:7px}.dragon-hp-bar-bg{background:#333;border:2px solid #555;width:100%;height:16px;margin-top:-8px;position:relative}.dragon-hp-bar-fill{background:linear-gradient(#f44 0%,#c00 100%);height:100%;transition:width .5s ease-out;position:relative}.dragon-hp-bar-fill:after{content:"";background:linear-gradient(#fff3,#0000);height:50%;position:absolute;top:0;left:0;right:0}.hp-low{background:linear-gradient(#f80 0%,#c40 100%)!important}.hp-critical{animation:.5s infinite hpFlash;background:linear-gradient(#f44 0%,#800 100%)!important}@keyframes hpFlash{50%{opacity:.6}}.dragon-hp-text{color:#888;text-align:right;margin-top:2px;font-size:7px}.game-timer{letter-spacing:3px;text-align:center;background:#111;border:3px solid #444;justify-content:center;align-items:center;min-width:110px;padding:6px 14px;font-size:16px;display:flex}.timer-urgent{color:#f44;border-color:#f44;animation:.5s infinite timerPulse}.timer-expired{color:red;text-shadow:0 0 10px red;border-color:red;animation:.3s infinite blink}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.discussion-timer{background:#111;border:2px solid #fc0;border-radius:3px;align-items:center;gap:6px;min-height:28px;padding:4px 10px;display:flex}.dt-label{color:#fc0;white-space:nowrap;font-size:7px;font-weight:700}.dt-time{color:#fff;letter-spacing:2px;text-align:center;min-width:50px;font-size:14px}.dt-btn{cursor:pointer;border-radius:3px;font-family:inherit;font-weight:700}.dt-preset{color:#fc0;background:#ffcc001a;border:1px solid #fc0;padding:3px 7px;font-size:8px;transition:all .15s}.dt-preset:hover{background:#ffcc004d;transform:scale(1.1)}.dt-adjust{color:#f66;background:#ff000026;border:1px solid #f66;padding:2px 5px;font-size:8px}.dt-adjust-add{color:#6f6;background:#00ff0026;border-color:#6f6}.dt-stop{color:#f44;background:#ff000026;border:1px solid #f44;padding:2px 6px;font-size:9px}.dt-stop:hover{background:#ff00004d}.dt-urgent{border-color:#ff8c00;animation:1s infinite dtUrgent}.dt-urgent .dt-time{color:#ff8c00}.dt-expired{border-color:red;animation:.5s infinite blink}.dt-expired .dt-time{color:red;text-shadow:0 0 8px red;font-size:12px}@keyframes dtUrgent{0%,to{border-color:#fc0}50%{border-color:#ff8c00}}.zone-counters{gap:8px;margin-left:auto;display:flex}.zone-count{border:1px solid;padding:3px 6px;font-size:7px}.zone-count-start{color:#76ff03;border-color:#76ff03}.zone-count-stop{color:#ff1744;border-color:#ff1744}.zone-count-continue{color:#00b0ff;border-color:#00b0ff}.user-info{font-size:10px}.game-layout{flex:1;width:100%;display:flex;overflow:hidden}.world-container{background:#0a0a0a;flex:1;position:relative;overflow:hidden}.game-world{background-color:#1a1a1a;background-image:radial-gradient(circle,#0000 0%,#000 100%),linear-gradient(45deg,#222 25%,#0000 25% 75%,#222 75%,#222),linear-gradient(45deg,#222 25%,#0000 25% 75%,#222 75%,#222);background-position:0 0,0 0,30px 30px;background-size:100% 100%,60px 60px,60px 60px;width:100%;height:100%;transition:background-color 2s,background-image 2s;position:absolute;overflow:hidden}.world-treasury{background-color:#221800;background-image:radial-gradient(circle,#0000 0%,#110800 100%),linear-gradient(45deg,#332000 25%,#0000 25% 75%,#332000 75%,#332000),linear-gradient(45deg,#332000 25%,#0000 25% 75%,#332000 75%,#332000)}.world-treasury .zone{border-right-color:#fc03}.world-treasury .zone-start,.world-treasury .zone-stop,.world-treasury .zone-continue{color:#ffcc004d;background-color:#ffcc0008}.action-item{color:#fff;z-index:10;word-wrap:break-word;border:3px solid var(--gold);text-align:center;background:linear-gradient(135deg,#2a2000 0%,#110a00 100%);border-radius:4px;flex-direction:column;width:240px;min-height:120px;padding:12px;font-size:10px;transition:transform .15s;animation:.4s ease-out forwards noteAppear;display:flex;position:absolute;box-shadow:0 0 15px #fc06,inset 0 0 20px #000c}.action-item:hover{z-index:15;transform:scale(1.05);box-shadow:0 0 25px #fc09}.action-item-text{color:#fff;text-shadow:1px 1px #000;flex:1;padding-right:5px;line-height:1.4;overflow-y:auto}.action-item-assignees{color:#aaa;border-top:1px dashed #555;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:4px;font-size:7px;display:flex}.ai-assignee{text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:2px;max-width:60px;padding:1px 4px;overflow:hidden}.action-author-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:80px;display:inline-block;overflow:hidden}.ai-assignee{background:#000;border:1px solid #444;border-radius:2px;padding:2px 4px}.btn-commit{background:var(--gold);color:#000;cursor:pointer;border:none;margin-top:6px;padding:4px 8px;font-family:inherit;font-size:8px;box-shadow:2px 2px #000}.btn-commit:hover{background:#ffea00}.btn-commit.committed{background:#33ff57}.sidebar{background:var(--panel-bg);border-left:4px solid #fff;flex-direction:column;flex-shrink:0;gap:8px;width:260px;padding:12px;display:flex}.xp-section{border:2px solid var(--gold);background:#111;padding:8px}.xp-header{justify-content:space-between;margin-bottom:5px;display:flex}.xp-level{color:var(--gold);font-size:10px}.xp-amount{color:#888;font-size:7px}.xp-bar-bg{background:#333;border:1px solid #555;width:100%;height:8px}.xp-bar-fill{background:linear-gradient(90deg, var(--gold), #fe8);height:100%;box-shadow:0 0 6px var(--gold);transition:width .5s ease-out}.quest-info{background:#111;border:2px solid #f60;padding:10px}.quest-title{color:#f60;margin-bottom:6px;font-size:9px}.quest-desc{color:#ccc;font-size:7px;line-height:1.5}.quest-progress{color:#888;margin-top:4px;font-size:7px}.text-danger{color:var(--accent)}.safe-zone-poly{fill:#00ff642e;stroke:#00ff6466;stroke-width:2px;stroke-dasharray:8 4;pointer-events:none;will-change:opacity;animation:3s infinite alternate safePulse}@keyframes safePulse{0%{opacity:.35}to{opacity:.9}}.safe-zone-poly-static{fill:#00ff6426;stroke:#00ff6459;stroke-width:2px;stroke-dasharray:8 4;pointer-events:none;opacity:.6}.zones{pointer-events:none;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.zone{flex:1;justify-content:center;align-items:flex-end;padding-bottom:40px;font-size:14px;display:flex}.zone-start{color:#0f06;background-color:#00ff0008;border-right:2px dashed #333}.zone-stop{color:#f006;background-color:#ff000008;border-right:2px dashed #333}.zone-continue{color:#00c8ff66;background-color:#00c8ff08}.world-dragon{z-index:8;will-change:filter;transition:filter .1s;position:absolute}.world-dragon.dragon-hit{filter:brightness(3)saturate(.5)}.world-dragon.dragon-dying{animation:1s infinite dragonDying}@keyframes dragonDying{0%,to{opacity:1}50%{opacity:.5;filter:hue-rotate(30deg)}}.world-dragon-sprite-body{width:4px;height:4px;image-rendering:pixelated;transform-origin:0 0;filter:drop-shadow(0 0 4px #f50)drop-shadow(0 0 8px #ff3c0066);transform:scale(3);box-shadow:60px 4px #222,64px 4px #222,68px 4px #222,72px 4px #222,56px 8px #222,60px 8px red,64px 8px red,68px 8px #222,72px 8px #222,56px 12px #222,60px 12px #222,64px 12px #222,68px 12px #fff,72px 12px #fff,60px 16px #800,64px 16px #800,60px 0 #222,60px 4px #333,64px 0 #333,56px 4px #222,56px 8px #333,60px 8px #333,52px 8px #222,52px 12px #333,56px 12px #333,48px 12px #222,48px 16px #333,52px 16px #333,44px 16px #222,44px 20px #333,20px 20px #222,24px 20px #222,28px 20px #222,32px 20px #222,36px 20px #222,40px 20px #222,44px 20px #222,48px 20px #222,16px 24px #222,20px 24px #400,24px 24px #400,28px 24px #400,32px 24px #400,36px 24px #400,40px 24px #400,44px 24px #400,48px 24px #222,16px 28px #222,20px 28px #400,24px 28px #400,28px 28px #400,32px 28px #400,36px 28px #400,40px 28px #400,44px 28px #400,48px 28px #222,20px 32px #222,24px 32px #222,28px 32px #222,32px 32px #222,36px 32px #222,40px 32px #222,44px 32px #222,24px 16px #000,32px 16px #000,40px 16px #000,36px 16px #333,32px 16px #444,28px 16px #444,24px 16px #444,20px 16px #555,16px 16px #555,12px 16px #555,36px 12px #311,32px 12px #211,28px 12px #211,24px 12px #211,20px 12px #211,16px 12px #211,36px 8px #211,32px 8px #211,28px 8px #211,24px 8px #211,12px 16px #555,16px 12px #444,24px 8px #444,36px 20px #1a1a1a,32px 20px #1a1a1a,28px 20px #1a1a1a,24px 20px #1a1a1a,22px 36px #333,26px 36px #333,22px 40px #222,26px 40px #222,30px 40px #555,38px 36px #333,42px 36px #333,38px 40px #222,42px 40px #222,46px 40px #555}.world-dragon-tail{width:4px;height:4px;image-rendering:pixelated;transform-origin:0 0;will-change:transform;filter:drop-shadow(0 0 4px #f50)drop-shadow(0 0 8px #ff3c0066);position:absolute;top:0;left:0;transform:scale(3);box-shadow:12px 24px #222,12px 28px #222,8px 24px #222,8px 28px #222,4px 24px #333,4px 28px #333,0 28px #333,0 32px #333,-4px 32px #444,-4px 36px #444,-8px 32px #444,-8px 36px #444,-12px 28px #444,-12px 32px #444,-16px 24px #555,-16px 28px #555,-20px 20px #666,-24px 20px #666,-20px 24px #666,-24px 24px #666,-20px 28px #666,-24px 28px #666}.world-dragon-tail.tail-swipe{animation:.6s ease-in-out tailSwipe}@keyframes tailSwipe{0%{transform:scale(3)translate(12px,24px)rotate(0)translate(-12px,-24px)}20%{transform:scale(3)translate(12px,24px)rotate(-25deg)translate(-12px,-24px)}45%{transform:scale(3)translate(12px,24px)rotate(30deg)translate(-12px,-24px)}65%{transform:scale(3)translate(12px,24px)rotate(-15deg)translate(-12px,-24px)}85%{transform:scale(3)translate(12px,24px)rotate(8deg)translate(-12px,-24px)}to{transform:scale(3)translate(12px,24px)rotate(0)translate(-12px,-24px)}}.world-dragon-fire{width:4px;height:4px;image-rendering:pixelated;transform-origin:0 0;will-change:transform, opacity;filter:drop-shadow(0 0 6px #f80)drop-shadow(0 0 12px #ff640099);animation:.12s infinite dragonBreath;position:absolute;top:-10px;left:220px;transform:scale(3);box-shadow:0 8px #fff,0 12px #fff,4px 4px #ff0,4px 8px #ff0,4px 12px #ff0,4px 16px #ff0,8px 0 #fa0,8px 4px #ff0,8px 8px #ff0,8px 12px #ff0,8px 16px #ff0,8px 20px #fa0,12px 0 #f80,12px 4px #fa0,12px 8px #ff0,12px 12px #ff0,12px 16px #fa0,12px 20px #f80,16px -4px #f60,16px 0 #f80,16px 4px #fa0,16px 8px #fa0,16px 12px #fa0,16px 16px #f80,16px 20px #f60,16px 24px #e40,20px -4px #e40,20px 0 #f60,20px 4px #f80,20px 8px #f80,20px 12px #f80,20px 16px #f60,20px 20px #e40,20px 24px #c20,24px -8px #c20,24px -4px #e40,24px 0 #f60,24px 4px #f60,24px 8px #f60,24px 12px #f60,24px 16px #f60,24px 20px #e40,24px 24px #c20,24px 28px #a00,28px -8px #a00,28px -4px #c20,28px 0 #e40,28px 4px #e40,28px 8px #e40,28px 12px #e40,28px 16px #e40,28px 20px #c20,28px 24px #a00,32px -4px #a00,32px 0 #c20,32px 4px #c20,32px 8px #c20,32px 12px #c20,32px 16px #c20,32px 20px #a00,36px 0 #800,36px 4px #a00,36px 8px #a00,36px 12px #a00,36px 16px #800,40px 4px #600,40px 8px #800,40px 12px #600,44px 8px #400}@keyframes dragonBreath{0%{opacity:1;transform:scale(3)scaleX(1)}33%{opacity:.85;transform:scale(3)scaleX(1.15)scaleY(1.1)}66%{opacity:.95;transform:scale(3)scaleX(.95)scaleY(.9)}to{opacity:1;transform:scale(3)scaleX(1)}}.player{z-index:10;flex-direction:column;align-items:center;width:32px;height:32px;display:flex;position:absolute}.pixel-char{width:24px;image-rendering:pixelated;flex-direction:column;align-items:center;display:flex;position:relative}.pixel-char.flip{transform:scaleX(-1)}.char-accessory{display:none}.char-head{background:var(--char-color);border:2px solid #0000004d;border-radius:2px;width:14px;height:14px;position:relative;box-shadow:inset 4px 3px #ffffff4d}.char-head:before{content:"";background:#000;width:3px;height:3px;position:absolute;top:4px;right:2px;box-shadow:-5px 0 #000}.char-body{background:var(--char-color);filter:brightness(.85);border:2px solid #0000004d;border-radius:1px;width:18px;height:10px;margin-top:-1px}.char-legs{gap:4px;margin-top:-1px;display:flex}.char-leg{background:var(--char-color);filter:brightness(.7);border:1px solid #0000004d;width:5px;height:6px}.char-knight .char-head:after{content:"";background:#888;border:1px solid #555;height:5px;position:absolute;top:-4px;left:0;right:0}.char-mage .char-head:after{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-bottom:12px solid var(--char-color);filter:brightness(1.3);width:0;height:0;position:absolute;top:-10px;left:-2px}.char-mage .char-body{border-radius:0 0 4px 4px;height:14px}.char-mage .char-legs .char-leg{height:3px}.char-archer .char-head:after{content:"";background:var(--char-color);filter:brightness(.6);border-radius:8px 8px 0 0;height:8px;position:absolute;top:-4px;left:-3px;right:-3px}.char-healer .char-head:after{content:"";background:0 0;width:8px;height:8px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px #fff,2px 0 #fff,-2px 0 #fff,0 -2px #fff}.char-healer .char-body{box-shadow:0 0 6px #ffffff4d}.player.walking .char-leg.left{animation:.25s steps(2,end) infinite walkLeft}.player.walking .char-leg.right{animation:.25s steps(2,end) infinite walkRight}@keyframes walkLeft{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes walkRight{0%{transform:translateY(-3px)}50%{transform:translateY(0)}to{transform:translateY(-3px)}}.player.idle .pixel-char{animation:1.5s ease-in-out infinite idleBob}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.player.idle .pixel-char.flip{animation:1.5s ease-in-out infinite idleBobFlip}@keyframes idleBobFlip{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-2px)}}.player-me .pixel-char{filter:drop-shadow(0 0 8px var(--char-color))}.player-label{white-space:nowrap;z-index:5;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000,0 0 4px #000;background:0 0;border:none;margin-top:2px;padding:0;font-size:7px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.player-label-me{text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000,0 0 6px #000,0 0 10px #ffffff4d}.you-tag{color:var(--accent);margin-left:4px;font-size:6px}.p-class{color:#888;font-size:6px}.char-select-card.pet-select-card{gap:6px;padding:4px 6px;flex-direction:row!important;align-items:center!important}.pet-icon-box{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:26px;display:flex;overflow:hidden}.pet-text-box{text-align:left}.pet-companion{z-index:9;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.pet-sprite{image-rendering:pixelated;flex-direction:column;align-items:center;width:20px;height:22px;display:flex;position:relative}.pet-label{white-space:nowrap;color:#fff9;text-shadow:1px 1px #000;letter-spacing:.5px;margin-top:2px;font-size:5px}.pet-companion.pet-idle .pet-sprite{animation:2s ease-in-out infinite petBob}@keyframes petBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}.pet-companion.pet-walking .pet-sprite{animation:.3s steps(2,end) infinite petHop}@keyframes petHop{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.pet-sprite.pet-flip{transform:scaleX(-1)}.pet-companion.pet-idle .pet-sprite.pet-flip{animation:2s ease-in-out infinite petBobFlip}@keyframes petBobFlip{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-1.5px)}}.pet-cat{width:18px;height:22px;position:relative}.pet-cat .pet-ear-l{border-left:3px solid #0000;border-right:3px solid #0000;border-bottom:8px solid var(--pet-color);filter:brightness(1.1);width:0;height:0;position:absolute;top:0;left:2px}.pet-cat .pet-ear-r{border-left:3px solid #0000;border-right:3px solid #0000;border-bottom:8px solid var(--pet-color);filter:brightness(1.1);width:0;height:0;position:absolute;top:0;right:3px}.pet-cat .pet-ear-l:after,.pet-cat .pet-ear-r:after{content:"";border-bottom:4px solid #ffb4b480;border-left:1px solid #0000;border-right:1px solid #0000;width:0;height:0;position:absolute;top:3px;left:-1px}.pet-cat .pet-head{background:var(--pet-color);border:1px solid #0000004d;border-radius:2px;width:14px;height:9px;position:absolute;top:6px;left:1px;box-shadow:inset 3px 2px #ffffff40}.pet-cat .pet-eyes{background:#111;border-radius:1px;width:3px;height:2px;position:absolute;top:3px;left:2px;box-shadow:6px 0 #111}.pet-cat .pet-eyes:after{content:"";background:#96dcffb3;width:1px;height:1px;position:absolute;top:0;left:0;box-shadow:6px 0 #96dcffb3}.pet-cat .pet-nose{background:#faa;border-radius:50%;width:2px;height:2px;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.pet-cat .pet-head:before{content:"";background:#ffffff4d;width:3px;height:1px;position:absolute;top:6px;left:-3px;box-shadow:0 -2px #ffffff40}.pet-cat .pet-head:after{content:"";background:#ffffff4d;width:3px;height:1px;position:absolute;top:6px;right:-3px;box-shadow:0 -2px #ffffff40}.pet-cat .pet-body{background:var(--pet-color);filter:brightness(.88);border:1px solid #0000004d;border-radius:1px;width:12px;height:6px;position:absolute;top:15px;left:2px}.pet-cat .pet-legs{gap:3px;display:flex;position:absolute;top:20px;left:3px}.pet-cat .pet-leg{background:var(--pet-color);filter:brightness(.7);border-radius:0 0 1px 1px;width:3px;height:4px}.pet-cat .pet-tail{border-right:2px solid var(--pet-color);border-top:2px solid var(--pet-color);filter:brightness(.8);transform-origin:0 100%;border-radius:0 6px 0 0;width:7px;height:8px;position:absolute;top:-1px;right:-6px}.pet-companion.pet-idle .pet-cat .pet-tail{animation:2.5s ease-in-out infinite catTailWag}@keyframes catTailWag{0%,to{transform:rotate(-5deg)}40%{transform:rotate(25deg)}70%{transform:rotate(-15deg)}}.pet-companion.pet-walking .pet-cat .pet-leg.left{animation:.25s steps(2,end) infinite walkLeft}.pet-companion.pet-walking .pet-cat .pet-leg.right{animation:.25s steps(2,end) infinite walkRight}.pet-dog .pet-head{background:var(--pet-color);border:1px solid #0000004d;border-radius:2px;width:9px;height:8px;position:relative;box-shadow:inset 2px 2px #ffffff4d}.pet-dog .pet-head:before{content:"";background:var(--pet-color);filter:brightness(.8);border-radius:3px 0 0;width:4px;height:5px;position:absolute;top:-2px;left:-2px}.pet-dog .pet-head:after{content:"";background:var(--pet-color);filter:brightness(.8);border-radius:0 3px 0 0;width:4px;height:5px;position:absolute;top:-2px;right:-2px}.pet-dog .pet-eyes{z-index:1;background:#000;width:2px;height:2px;position:absolute;top:2px;left:1px;box-shadow:4px 0 #000}.pet-dog .pet-snout{background:var(--pet-color);filter:brightness(1.2);border-radius:0 0 2px 2px;width:4px;height:3px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.pet-dog .pet-body{background:var(--pet-color);filter:brightness(.85);border:1px solid #0000004d;border-radius:2px;width:11px;height:6px;margin-top:-1px}.pet-dog .pet-legs{justify-content:center;gap:2px;margin-top:-1px;display:flex}.pet-dog .pet-leg{background:var(--pet-color);filter:brightness(.7);width:3px;height:4px}.pet-dog .pet-tail{background:var(--pet-color);transform-origin:bottom;border-radius:2px;width:3px;height:6px;position:absolute;top:-4px;right:-4px}.pet-companion.pet-idle .pet-dog .pet-tail{animation:.4s ease-in-out infinite dogTailWag}@keyframes dogTailWag{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}.pet-companion.pet-walking .pet-dog .pet-leg.left{animation:.2s steps(2,end) infinite walkLeft}.pet-companion.pet-walking .pet-dog .pet-leg.right{animation:.2s steps(2,end) infinite walkRight}.pet-owl .pet-head{background:var(--pet-color);border:1px solid #0000004d;border-radius:50%;width:10px;height:9px;position:relative;box-shadow:inset 2px 2px #ffffff4d}.pet-owl .pet-head:before{content:"";border-left:3px solid var(--pet-color);filter:brightness(1.2);border-bottom:4px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;top:-3px;left:0}.pet-owl .pet-head:after{content:"";border-right:3px solid var(--pet-color);filter:brightness(1.2);border-bottom:4px solid #0000;border-left:3px solid #0000;width:0;height:0;position:absolute;top:-3px;right:0}.pet-owl .pet-eyes{z-index:1;background:#fc0;border-radius:50%;width:3px;height:3px;position:absolute;top:2px;left:1px;box-shadow:4px 0 #fc0}.pet-owl .pet-eyes:before{content:"";background:#000;width:1px;height:1px;position:absolute;top:1px;left:1px;box-shadow:4px 0 #000}.pet-owl .pet-beak{border-top:3px solid #f80;border-left:2px solid #0000;border-right:2px solid #0000;width:0;height:0;position:absolute;bottom:1px;left:50%;transform:translate(-50%)}.pet-owl .pet-body{background:var(--pet-color);filter:brightness(.85);border:1px solid #0000004d;border-radius:0 0 4px 4px;width:10px;height:7px;margin-top:-1px}.pet-owl .pet-wing{background:var(--pet-color);filter:brightness(.7);border-radius:0 0 3px 3px;width:4px;height:5px;position:absolute;top:0}.pet-owl .pet-wing.left{left:-3px}.pet-owl .pet-wing.right{right:-3px}.pet-owl .pet-feet{justify-content:center;gap:3px;margin-top:-1px;display:flex}.pet-owl .pet-foot{background:#f80;border-radius:0 0 1px 1px;width:3px;height:2px}.pet-companion.pet-idle .pet-owl .pet-wing{animation:3s ease-in-out infinite owlWingFlap}.pet-companion.pet-idle .pet-owl .pet-wing.right{animation-delay:.1s}@keyframes owlWingFlap{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-5deg)}}.pet-slime .pet-body-main{background:var(--pet-color);opacity:.85;border:1px solid #0003;border-radius:6px 6px 2px 2px;width:12px;height:9px;position:relative;box-shadow:inset 3px 2px #fff6,inset -1px -1px #0000001a}.pet-slime .pet-eyes{background:#000;border-radius:50%;width:2px;height:2px;position:absolute;top:3px;left:2px;box-shadow:5px 0 #000}.pet-slime .pet-shine{background:#fff9;border-radius:50%;width:2px;height:2px;position:absolute;top:2px;right:2px}.pet-companion.pet-idle .pet-slime .pet-body-main{animation:2s ease-in-out infinite slimeSquish}@keyframes slimeSquish{0%,to{transform:scaleX(1)scaleY(1)}30%{transform:scaleX(1.1)scaleY(.9)}60%{transform:scaleX(.95)scaleY(1.05)}}.pet-companion.pet-walking .pet-slime .pet-body-main{animation:.4s ease-in-out infinite slimeBounce}@keyframes slimeBounce{0%,to{transform:scaleX(1.1)scaleY(.85)}50%{transform:scaleX(.85)scaleY(1.15)translateY(-3px)}}.pet-dragon .pet-head{background:var(--pet-color);border:1px solid #0000004d;border-radius:2px;width:8px;height:7px;position:relative;box-shadow:inset 2px 2px #ffffff4d}.pet-dragon .pet-head:before{content:"";background:var(--pet-color);filter:brightness(1.3);border-radius:1px 0 0;width:2px;height:3px;position:absolute;top:-3px;left:1px}.pet-dragon .pet-head:after{content:"";background:var(--pet-color);filter:brightness(1.3);border-radius:0 1px 0 0;width:2px;height:3px;position:absolute;top:-3px;left:4px}.pet-dragon .pet-eyes{z-index:1;background:#f30;width:2px;height:1px;position:absolute;top:2px;left:1px;box-shadow:3px 0 #f30}.pet-dragon .pet-body{background:var(--pet-color);filter:brightness(.85);border:1px solid #0000004d;border-radius:1px;width:10px;height:6px;margin-top:-1px;position:relative}.pet-dragon .pet-wing{background:var(--pet-color);filter:brightness(.7);clip-path:polygon(0% 100%,50% 0%,100% 100%);width:6px;height:5px;position:absolute;top:-4px}.pet-dragon .pet-wing.left{left:-5px}.pet-dragon .pet-wing.right{right:-5px}.pet-dragon .pet-legs{justify-content:center;gap:2px;margin-top:-1px;display:flex}.pet-dragon .pet-leg{background:var(--pet-color);filter:brightness(.7);width:2px;height:3px}.pet-dragon .pet-tail{background:var(--pet-color);filter:brightness(.8);border-radius:0 2px 2px 0;width:7px;height:2px;position:absolute;top:1px;right:-6px}.pet-companion.pet-idle .pet-dragon .pet-wing{transform-origin:bottom;animation:1.5s ease-in-out infinite dragonWingFlap}.pet-companion.pet-idle .pet-dragon .pet-wing.right{animation-delay:.15s}@keyframes dragonWingFlap{0%,to{transform:rotate(0)}50%{transform:rotate(-20deg)}}.pet-companion.pet-walking .pet-dragon .pet-wing{transform-origin:bottom;animation:.3s ease-in-out infinite dragonWingFast}@keyframes dragonWingFast{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-25deg)}}.player-ghost .pet-companion{opacity:.4;filter:grayscale(.5)}.emote-bubble{z-index:100;pointer-events:none;background:#000000b3;border:2px solid #fff;border-radius:4px;padding:2px 6px;font-size:22px;animation:.3s ease-out emotePopIn,.5s ease-in 1.5s forwards emoteFadeOut;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@keyframes emotePopIn{0%{transform:translate(-50%)scale(0)}60%{transform:translate(-50%)scale(1.3)}to{transform:translate(-50%)scale(1)}}@keyframes emoteFadeOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-15px)}}.note{color:#000;z-index:2;word-wrap:break-word;text-align:center;border-radius:2px;flex-direction:column;width:140px;min-height:100px;padding:10px;font-size:10px;transition:transform .15s;animation:.3s ease-out forwards noteAppear;display:flex;position:absolute;box-shadow:10px 10px #0009}.note:hover{z-index:5;transform:scale(1.05)}@keyframes noteAppear{0%{opacity:0;transform:scale(0)rotate(-10deg)}60%{transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.note-text{word-break:break-word;white-space:pre-wrap;flex:1;padding:0;font-family:"Press Start 2P",cursive;font-size:10px;line-height:1.3}.note-text::-webkit-scrollbar{width:6px}.note-text::-webkit-scrollbar-track{background:#0000001a}.note-text::-webkit-scrollbar-thumb{background:#000}.note-edit-area,.ai-edit-area{width:100%;color:inherit;resize:none;word-break:break-word;white-space:pre-wrap;text-align:center;background:0 0;border:none;outline:none;margin:0;padding:0;font-family:"Press Start 2P",cursive;font-size:10px;line-height:1.3;display:block;overflow:hidden}.ai-edit-area{color:#fff;text-shadow:1px 1px #000}.editing-card-notice{text-align:center;background:#ffd7001a;border:1px dashed #fc0;border-radius:4px;margin-top:10px;padding:15px;animation:2s infinite pulse-border}@keyframes pulse-border{0%{border-color:#fc06}50%{border-color:#fc0}to{border-color:#fc06}}.note-footer{justify-content:space-between;align-items:center;gap:4px;margin-top:6px;display:flex}.note-author{text-transform:uppercase;color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000;border-left:4px solid #0000;flex:1;min-width:0;padding:3px 6px;font-size:8px;overflow:hidden}.note-vote{cursor:pointer;color:#000;background:#00000026;border:2px solid #0000004d;align-items:center;gap:3px;padding:2px 6px;font-family:inherit;font-size:12px;transition:transform .1s;display:flex}.note-vote:hover{background:#00000040;transform:scale(1.15)}.note-vote.voted{color:#e00;animation:.3s ease-out heartPop}@keyframes heartPop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.vote-count{font-size:8px;font-weight:700}.note-start{background-color:#b2ff59}.note-stop{background-color:#ff5252}.note-continue{background-color:#40c4ff}.note-actions{z-index:100;justify-content:flex-end;gap:8px;display:flex;position:absolute;top:-28px;left:0;right:0}.note-actions .btn-focus{margin-right:auto}.note-actions.actions-below{top:auto;bottom:-28px}.note-actions button{cursor:pointer;background:#fff;border:2px solid #000;padding:2px 5px;font-size:10px;transition:background .1s}.note-actions button:hover{background:var(--accent);color:#fff}.note-actions button.grab-active{color:#fff;background:#4caf50;border-color:#000;transform:scale(1.1);box-shadow:0 0 10px #4caf50}.note-actions button.edit-active{background:gold;border-color:#000;transform:scale(1.1);box-shadow:0 0 10px gold}.note-actions button.focus-active{color:#000;background:gold;border-color:#b8860b;animation:1s infinite alternate focus-pulse;box-shadow:0 0 15px gold}@keyframes focus-pulse{0%{box-shadow:0 0 5px gold}to{box-shadow:0 0 20px gold}}.note-focused,.action-item-focused{z-index:35!important;border-color:gold!important;box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70066!important}.sidebar{background:var(--panel-bg);box-sizing:border-box;border-left:4px solid #fff;flex-direction:column;flex-shrink:0;gap:6px;width:260px;height:100%;max-height:100%;padding:10px;display:flex;overflow:hidden}.sidebar h3{color:#fff;letter-spacing:1px;margin:4px 0 2px;font-size:10px}.player-list{flex:1;padding-right:4px;overflow-y:auto}.player-list::-webkit-scrollbar{width:6px}.player-list::-webkit-scrollbar-track{background:#0003}.player-list::-webkit-scrollbar-thumb{background:#555;border:1px solid #777}.player-list-item{background:#000;border:1px solid #222;flex-direction:column;gap:0;margin-bottom:2px;padding:4px 6px;font-size:8px;transition:opacity .3s;display:flex}.player-list-item:hover{border-color:#444}.player-list-item.is-offline{opacity:.4;filter:grayscale()}.p-status{color:var(--accent);margin-top:1px;font-size:6px}.p-name{word-break:break-all;flex-wrap:wrap;align-items:center;gap:4px;display:flex}.p-class-badge{color:#888;text-transform:uppercase;border:1px solid #444;border-radius:2px;padding:0 3px;font-size:5px}.input-pixel{color:#fff;resize:none;background:#000;border:3px solid #fff;width:100%;padding:8px;font-family:"Press Start 2P",cursive;font-size:10px;transition:border-color .2s}.input-pixel:focus{border-color:var(--accent);outline:none}.btn-pixel{color:#000;cursor:pointer;background:#fff;border:none;padding:12px;font-family:"Press Start 2P",cursive;font-size:10px;transition:background .15s,color .15s,transform .1s}.btn-pixel:hover{background:var(--accent);color:#fff}.btn-pixel:active{transform:scale(.95)}.btn-cancel{color:#f04;cursor:pointer;background:0 0;border:2px solid #f04;padding:8px;font-family:"Press Start 2P",cursive;font-size:8px}.btn-cancel:hover{color:#fff;background:#f04}.post-it-controls{flex-direction:column;gap:8px;margin-top:auto;display:flex}.emote-bar{justify-content:center;gap:6px;margin-bottom:4px;display:flex}.emote-hint{align-items:center;gap:2px;font-size:8px;display:flex}.emote-hint kbd{color:#fff;background:#333;border:1px solid #555;border-radius:2px;padding:0 4px;font-family:inherit;font-size:7px;box-shadow:0 1px #00000080}.controls-hint{color:#999;flex-direction:column;gap:3px;font-size:8px;display:flex}.mod-tag{color:#000;vertical-align:middle;background:#fc0;border:1px solid #a80;border-radius:2px;margin-left:4px;padding:1px 4px;font-size:7px;font-weight:700;box-shadow:0 1px #0000004d}.mod-transfer-btn{color:#000;cursor:pointer;opacity:.7;vertical-align:middle;background:#fc0;border:1px solid #a80;border-radius:2px;margin-left:4px;padding:1px 4px;font-family:inherit;font-size:7px;font-weight:700;line-height:1;transition:opacity .2s}.mod-transfer-btn:hover{opacity:1;background:#ffe066}.minimap{z-index:50;background:#000000d9;border:2px solid #444;width:150px;height:250px;display:flex;position:fixed;bottom:15px;right:280px;overflow:hidden}.minimap-zone{flex:1}.minimap-zone-start{background:#00ff0014;border-right:1px solid #333}.minimap-zone-stop{background:#ff000014;border-right:1px solid #333}.minimap-zone-continue{background:#00c8ff14}.minimap-dot{z-index:51;border-radius:50%;width:4px;height:4px;position:absolute}.minimap-dot-me{width:6px;height:6px;animation:1.5s infinite minimapPulse;box-shadow:0 0 6px}@keyframes minimapPulse{0%,to{opacity:1}50%{opacity:.5}}.minimap-dragon{z-index:52;font-size:8px;animation:1s infinite minimapPulse;position:absolute}.minimap-note{z-index:51;width:3px;height:3px;position:absolute}.minimap-note-start{background:#76ff03}.minimap-note-stop{background:#ff1744}.minimap-note-continue{background:#00b0ff}.loading-screen{z-index:9999;background:#050000;justify-content:center;align-items:center;animation:.1s infinite screenShake;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes screenShake{0%{transform:translate(1px,1px)}50%{transform:translate(-1px,-2px)}to{transform:translate(2px,1px)}}.dragon{width:4px;height:4px;image-rendering:pixelated;filter:drop-shadow(0 0 6px #f80)drop-shadow(0 0 12px #ff3c0066);background:0 0;animation:3.5s ease-in-out forwards flyAcrossBig;position:absolute;left:-400px;transform:scale(5);box-shadow:60px 4px #222,64px 4px #222,68px 4px #222,72px 4px #222,56px 8px #222,60px 8px red,64px 8px red,68px 8px #222,72px 8px #222,56px 12px #222,60px 12px #222,64px 12px #222,68px 12px #fff,72px 12px #fff,60px 16px #800,64px 16px #800,60px 0 #222,60px 4px #333,64px 0 #333,56px 4px #222,56px 8px #333,60px 8px #333,52px 8px #222,52px 12px #333,56px 12px #333,48px 12px #222,48px 16px #333,52px 16px #333,44px 16px #222,44px 20px #333,20px 20px #222,24px 20px #222,28px 20px #222,32px 20px #222,36px 20px #222,40px 20px #222,44px 20px #222,48px 20px #222,16px 24px #222,20px 24px #400,24px 24px #400,28px 24px #400,32px 24px #400,36px 24px #400,40px 24px #400,44px 24px #400,48px 24px #222,16px 28px #222,20px 28px #400,24px 28px #400,28px 28px #400,32px 28px #400,36px 28px #400,40px 28px #400,44px 28px #400,48px 28px #222,20px 32px #222,24px 32px #222,28px 32px #222,32px 32px #222,36px 32px #222,40px 32px #222,44px 32px #222,24px 16px #000,32px 16px #000,40px 16px #000,36px 16px #333,32px 12px #444,28px 8px #444,24px 4px #555,20px 0 #555,16px -4px #555,12px -8px #555,36px 12px #311,32px 8px #211,28px 4px #211,24px 0 #211,20px -4px #211,16px -8px #211,40px 12px #311,36px 8px #211,32px 4px #211,28px 0 #211,24px -4px #211,40px 8px #211,36px 4px #211,32px 0 #211,28px -4px #211,12px -8px #555,16px -8px #444,36px 32px #333,32px 36px #444,28px 40px #444,24px 44px #555,20px 48px #555,16px 52px #555,12px 56px #555,36px 36px #311,32px 40px #211,28px 44px #211,24px 48px #211,20px 52px #211,16px 56px #211,40px 36px #311,36px 40px #211,32px 44px #211,28px 48px #211,24px 52px #211,40px 40px #211,36px 44px #211,32px 48px #211,28px 52px #211,12px 56px #555,16px 52px #444,12px 24px #222,12px 28px #222,8px 24px #222,8px 28px #222,4px 24px #333,4px 28px #333,0 28px #333,0 32px #333,-4px 32px #444,-4px 36px #444,-8px 32px #444,-8px 36px #444,-12px 28px #444,-12px 32px #444,-16px 24px #555,-16px 28px #555,-20px 20px #666,-24px 20px #666,-20px 24px #666,-24px 24px #666,-20px 28px #666,-24px 28px #666,28px 36px #333,32px 36px #333,40px 36px #333,44px 36px #333}.dragon:after{content:"";width:4px;height:4px;image-rendering:pixelated;animation:.1s infinite breatheFireBig;position:absolute;top:12px;left:76px;box-shadow:0 0 #fff,4px 0 #ff0,8px -4px #ff0,8px 0 #ff0,8px 4px #ff0,12px -4px #f80,12px 0 #ff0,12px 4px #f80,16px -8px #f60,16px -4px #f80,16px 0 #fa0,16px 4px #f80,16px 8px #f60,20px -8px #e40,20px -4px #f60,20px 0 #f80,20px 4px #f60,20px 8px #e40,24px -4px #c20,24px 0 #e40,24px 4px #c20,28px 0 #a00,32px 0 #800}@keyframes flyAcrossBig{0%{left:-600px;transform:scale(5)translateY(0)}25%{transform:scale(5.2)translateY(-30px)}50%{transform:scale(5)translateY(40px)}75%{transform:scale(5.2)translateY(-20px)}to{left:120%;transform:scale(5)translateY(0)}}@keyframes breatheFireBig{0%{opacity:1;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.4)}to{opacity:.9;transform:scaleX(1)}}.loading-text{color:#fff;font-size:14px;animation:.5s infinite blink;position:absolute;bottom:20%}@keyframes blink{50%{opacity:0}}.blink-text{animation:1.5s ease-in-out infinite blinkSoft}@keyframes blinkSoft{0%,to{opacity:1}50%{opacity:.2}}.dragon-heal{animation:.5s ease-out dragonHealFlash}@keyframes dragonHealFlash{0%{filter:brightness()drop-shadow(0 0 #0000)}50%{filter:brightness(1.5)drop-shadow(0 0 15px #0f0)}to{filter:brightness()}}.dragon-dead{opacity:.3;filter:grayscale();animation:2s ease-out forwards dragonDeath!important}@keyframes dragonDeath{0%{opacity:.5;transform:scale(1)}50%{transform:scale(1.1)rotate(5deg)}to{opacity:.15;transform:scale(.8)rotate(-10deg)}}.hp-heal{box-shadow:inset 0 0 10px #0f0}.note-vote-display{color:#e00;align-items:center;gap:3px;padding:2px 6px;font-size:12px;display:flex}.btn-pixel:disabled{opacity:.4;cursor:not-allowed}.btn-pixel:disabled:hover{color:#000;background:#fff}.btn-history{border:3px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;padding:12px;font-family:"Press Start 2P",cursive;font-size:10px;transition:background .15s,color .15s}.btn-history:hover{background:var(--gold);color:#000}.history-screen{background:radial-gradient(circle,#1a1a00 0%,#000 100%);flex-direction:column;align-items:center;gap:20px;width:100%;height:100%;padding:40px 20px;display:flex;overflow-y:auto}.history-title{color:var(--gold);text-shadow:3px 3px #000;margin:0;font-size:24px}.history-subtitle{color:#888;letter-spacing:3px;margin:0;font-size:9px}.history-empty{color:#555;text-align:center;padding:40px;font-size:10px;line-height:2}.history-list{flex-direction:column;gap:10px;width:100%;max-width:700px;display:flex}.history-card{cursor:pointer;color:#fff;text-align:left;background:#111;border:2px solid #333;align-items:center;gap:16px;width:100%;padding:16px;font-family:"Press Start 2P",cursive;transition:border-color .15s,transform .1s;display:flex}.history-card:hover{border-color:var(--gold);transform:translate(4px)}.history-card-rank{color:var(--gold);text-align:center;min-width:50px;font-size:18px}.history-card-info{flex:1}.history-card-date{color:#aaa;margin-bottom:6px;font-size:8px}.history-card-stats{color:#888;flex-wrap:wrap;gap:12px;font-size:7px;display:flex}.history-card-heroes{align-items:center;gap:4px;display:flex}.history-hero-dot{border:1px solid #fff;border-radius:50%;width:12px;height:12px}.history-more{color:#888;font-size:7px}.history-detail-screen{background:#0a0a0a;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.history-detail-scroll{flex:1;width:100%;max-width:900px;margin:0 auto;padding:30px;overflow-y:auto}.history-detail-title{color:var(--gold);margin:0 0 10px;font-size:18px}.history-detail-date{color:#888;margin-bottom:20px;font-size:9px}.history-detail-stats{flex-wrap:wrap;gap:20px;margin-bottom:30px;display:flex}.hd-stat{color:#888;flex-direction:column;gap:4px;font-size:8px;display:flex}.hd-stat-num{color:#fff;font-size:16px}.hd-heroes-section{margin-bottom:30px}.hd-heroes-section h3{color:var(--gold);margin:0 0 12px;font-size:12px}.hd-heroes{flex-direction:column;gap:6px;display:flex}.hd-hero{background:#111;border-left:4px solid;align-items:center;gap:12px;padding:10px 14px;font-size:8px;display:flex}.hd-hero-rank{min-width:30px;font-size:14px}.hd-hero-name{font-size:10px}.hd-hero-class{color:#888}.hd-hero-xp{color:var(--gold);margin-left:auto}.hd-notes-section{margin-bottom:25px}.hd-notes-section h3{margin:0 0 10px;font-size:11px}.hd-no-notes{color:#555;font-size:8px}.hd-notes{flex-direction:column;gap:8px;display:flex}.hd-note{color:#000;border-left:5px solid;border-radius:2px;padding:12px;font-size:9px}.hd-note-start{background:#b2ff59;border-left-color:#76ff03}.hd-note-stop{background:#ff5252;border-left-color:#ff1744}.hd-note-continue{background:#40c4ff;border-left-color:#00b0ff}.hd-note-text{margin-bottom:6px;line-height:1.5}.hd-note-meta{justify-content:space-between;font-size:7px;display:flex}.hd-note-author{color:#fff;background:#000;padding:2px 6px}.hd-note-votes{color:#c00;font-weight:700}.history-detail-footer{background:#111;border-top:3px solid #333;justify-content:center;gap:12px;padding:15px 30px;display:flex}.victory-saved{color:var(--gold);text-align:center;font-size:9px;animation:2s infinite blink}.victory-buttons{gap:15px;display:flex}.confetti-container{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{width:8px;height:8px;animation:linear forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.5)}}.combo-overlay{z-index:300;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;animation:2s ease-out forwards comboFlash;display:flex;position:fixed;inset:0}.combo-text{color:#f0f;text-shadow:3px 3px #000,0 0 30px #f0f;font-size:36px;animation:.4s ease-out levelPop}.combo-bonus{color:var(--gold);text-shadow:2px 2px #000;margin-top:8px;font-size:18px}@keyframes comboFlash{0%{background:#ff00ff26}to{background:0 0}}.dragon-attack-banner{z-index:250;color:#f40;text-shadow:0 0 10px red;text-align:center;background:#320000f2;border:4px solid #f20;max-width:80%;padding:20px 40px;font-size:12px;animation:2s ease-out forwards attackFlash;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes attackFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}20%{background:#ff00004d}30%{background:#320000f2}80%{opacity:1}to{opacity:0}}.disconnect-banner{z-index:300;color:#a8f;text-shadow:0 0 6px #64a;text-align:center;background:#140a28f2;border:2px solid #64a;padding:10px 24px;font-size:9px;animation:2s ease-in-out infinite disconnectPulse;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #6444aa4d}@keyframes disconnectPulse{0%,to{opacity:.7;border-color:#64a}50%{opacity:1;border-color:#a8f}}.chat-input-bar{z-index:60;gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.chat-input{color:#fff;background:#000000e6;border:3px solid #fff;outline:none;flex:1;padding:8px 12px;font-family:"Press Start 2P",cursive;font-size:10px}.chat-input:focus{border-color:var(--accent)}.chat-send{padding:8px 12px!important;font-size:8px!important}.chat-bubble{white-space:nowrap;text-overflow:ellipsis;z-index:90;background:#000000d9;border:2px solid;border-radius:4px;max-width:150px;padding:4px 8px;font-size:8px;animation:.2s ease-out chatPop,.5s ease-in 4s forwards emoteFadeOut;position:absolute;top:-55px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes chatPop{0%{transform:translate(-50%)scale(0)}to{transform:translate(-50%)scale(1)}}.chat-bubble-prince{white-space:normal;color:#fff;z-index:101;background:#000000d9;border:2px solid #48f;border-radius:4px;width:max-content;min-width:120px;max-width:280px;margin-bottom:15px;padding:8px 12px;font-size:9px;line-height:1.4;animation:.2s ease-out chatPop;position:absolute;bottom:100%;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 4px 15px #00000080}.chat-history{z-index:55;scrollbar-width:thin;scrollbar-color:#555 transparent;background:#000000d9;border:4px solid #fff;border-bottom:none;flex-direction:column;gap:6px;max-height:180px;padding:10px;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-thumb{background:#555}.chat-msg{word-break:break-word;font-size:8px;line-height:1.4}.chat-msg-name{margin-right:6px;font-weight:700}.typing-indicator{color:#888;background:#0009;border-radius:4px;padding:1px 6px;font-size:14px;animation:.6s infinite typingBounce;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes typingBounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-3px)}}.typing-tag{color:#888;font-size:6px}.torch{z-index:1;flex-direction:column;align-items:center;display:flex;position:absolute}.torch-base{background:#530;border:1px solid #331a00;width:6px;height:14px}.torch-flame{background:#f80;width:8px;height:10px;animation:.1s infinite alternate torchFlicker;box-shadow:0 -4px #fa0,0 -8px #ff0}@keyframes torchFlicker{0%{filter:brightness();transform:scale(1)translateY(0)}to{filter:brightness(1.2);transform:scale(1.1)translateY(-2px)}}.ability-status{background:#111;border:2px solid #555;padding:4px}.ability-btn{background:var(--panel-bg);color:#888;cursor:pointer;border:2px solid #333;justify-content:center;align-items:center;width:100%;padding:10px;font-family:"Press Start 2P",cursive;font-size:8px;transition:border-color .2s,color .2s;display:flex;position:relative;overflow:hidden}.ability-btn.ready{border-color:var(--gold);color:var(--gold);animation:2s infinite pulseReady}.ability-btn:disabled{opacity:.5;cursor:not-allowed}.ability-cd-fill{z-index:1;background:#fc03;height:100%;transition:width .1s linear;position:absolute;bottom:0;left:0}.ability-btn-text{z-index:2;text-shadow:1px 1px #000;position:relative}@keyframes pulseReady{0%,to{box-shadow:0 0 5px #ffcc004d}50%{box-shadow:0 0 15px #fc09}}.shield-effect{pointer-events:none;z-index:-1;border:2px solid #8cf;border-radius:50%;animation:1s infinite alternate shieldPulse;position:absolute;inset:-8px;box-shadow:0 0 10px #8cf,inset 0 0 10px #8cf}@keyframes shieldPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.mod-shield-effect{pointer-events:none;z-index:-1;border:2px solid #4f8;border-radius:50%;animation:1s infinite alternate modShieldPulse;position:absolute;inset:-8px;box-shadow:0 0 10px #4f8,inset 0 0 10px #4f8}@keyframes modShieldPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.ability-fx{pointer-events:none;z-index:20;border-radius:50%;width:40px;height:40px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-mage{border:4px solid #c4f;animation:.5s ease-out forwards blinkFx;display:block}.fx-archer{background:radial-gradient(circle,#4f49 0%,#0000 70%);animation:.5s ease-out forwards sprintFx;display:block}.fx-healer{background:radial-gradient(circle,#ffdc 0%,#0000 80%);animation:1s ease-out forwards healFx;display:block}.fx-knight{border:4px solid #8cf;animation:.5s ease-out forwards blinkFx;display:block}@keyframes blinkFx{0%{opacity:1;border-width:10px;transform:translate(-50%,-50%)scale(.5)}to{opacity:0;border-width:0;transform:translate(-50%,-50%)scale(2)}}@keyframes sprintFx{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes healFx{0%{opacity:1;border-radius:50%;width:600px;height:600px;transform:translate(-50%,-50%)scale(0)}to{opacity:0;border-radius:50%;width:600px;height:600px;transform:translate(-50%,-50%)scale(1)}}.enraged-mode .game-world{background-color:#200000;box-shadow:inset 0 0 100px #ff000080}.enraged-mode .world-dragon-sprite-body,.enraged-mode .world-dragon-tail{filter:drop-shadow(0 0 6px red)drop-shadow(0 0 14px #ff0000b3)saturate(1.8)brightness(1.1)}.fire-pool{z-index:3;will-change:transform, opacity;background:radial-gradient(circle,#ff320099 0%,#c8000066 60%,#0000 100%);border-radius:50%;animation:1.5s infinite alternate firePoolPulse;position:absolute;box-shadow:0 0 15px #ff320080,inset 0 0 20px #f009}@keyframes firePoolPulse{0%{opacity:.8;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.item-crystal{z-index:5;background:#0ff;border:2px solid #fff;width:24px;height:24px;animation:2s ease-in-out infinite crystalFloat;position:absolute;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 15px #0ff,0 0 30px #0ff6}@keyframes crystalFloat{0%,to{filter:brightness();transform:translate(-50%,-50%)rotate(45deg)scale(1)}50%{filter:brightness(1.4);transform:translate(-50%,-60%)rotate(45deg)scale(1.2)}}.retro-phase-bar{z-index:100;background:#000;border-bottom:2px solid #333;align-items:stretch;height:30px;display:flex;position:relative}.phase-step{color:#555;letter-spacing:1px;border-right:1px solid #222;flex:1;justify-content:center;align-items:center;font-size:8px;display:flex}.phase-step:last-child{border-right:none}.phase-step.done{color:#888;background:#111}.phase-step.active{color:#fff;text-shadow:0 0 5px #fff;border-bottom:2px solid var(--gold);background:#222}.action-items-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ai-modal-content{border:4px solid var(--gold);background:#111;flex-direction:column;gap:20px;width:800px;max-width:90%;padding:40px;display:flex;box-shadow:0 0 50px #fc03}.ai-modal-content h2{color:var(--gold);text-align:center;margin:0;font-size:24px}.ai-modal-content p{color:#ccc;text-align:center;margin-bottom:20px;font-size:10px}.ai-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.ai-item{border-left:4px solid var(--gold);background:#222;align-items:center;gap:15px;padding:15px;font-size:12px;display:flex}.ai-item-rank{color:var(--gold);min-width:30px;font-size:16px}.ai-item-text{color:#fff;flex:1;line-height:1.5}.ai-item-votes{color:#f36;text-align:right;min-width:40px;font-size:14px}.note-popular{animation:.3s ease-out noteAppear,2s infinite popularGlow!important}@keyframes popularGlow{0%,to{filter:brightness()}50%{filter:brightness(1.15)drop-shadow(0 0 8px #ffc80066)}}.note-edited-badge{color:#aaa;text-align:right;margin-top:2px;font-size:6px;font-style:italic}.note-grabbed{filter:brightness(1.2)drop-shadow(0 0 15px #ff09);opacity:.9;pointer-events:auto;transition:transform .15s,filter .15s;transform:scale(1.08)rotate(-2deg)}.note-just-edited{animation:3s ease-out noteEditFlash!important}@keyframes noteEditFlash{0%{filter:brightness(1.8)drop-shadow(0 0 12px #ffff64cc)}to{filter:brightness()}}.note-focused{animation:1.5s ease-in-out infinite noteFocusPulse;transform:scale(1.12)}@keyframes noteFocusPulse{0%,to{filter:brightness(1.1)drop-shadow(0 0 20px #ffd700b3)}50%{filter:brightness(1.3)drop-shadow(0 0 35px gold)}}.note-actions .focus-active{color:#000!important;background:gold!important}.focus-banner{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:2px solid gold;border-radius:4px;margin:8px 0;padding:8px;animation:2s ease-in-out infinite focusBannerPulse}.focus-banner-header{color:gold;margin-bottom:4px;font-size:9px;font-weight:700}.focus-banner-text{color:#fff;word-break:break-word;margin-bottom:4px;font-size:9px}.focus-banner-author{color:#999;font-size:7px}.focus-banner-dismiss{margin-top:5px;background:#555!important;padding:2px 6px!important;font-size:7px!important}@keyframes focusBannerPulse{0%,to{border-color:gold}50%{border-color:#ff8c00}}.player-ghost{opacity:.45;filter:saturate(0)brightness(1.5);animation:2s ease-in-out infinite ghostFloat!important}.player-ghost .pixel-char{filter:drop-shadow(0 0 8px #96c8ff99)!important}.player-ghost .player-label{color:#8af;border-color:#446}@keyframes ghostFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ghost-icon{font-size:16px;animation:1.5s ease-in-out infinite ghostPulse;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@keyframes ghostPulse{0%,to{opacity:.6}50%{opacity:1}}.ghost-healer{z-index:8;flex-direction:column;align-items:center;display:flex;position:absolute}.healer-sprite{background:radial-gradient(#64c8ff4d,#64c8ff0d);border:2px solid #64c8ff66;border-radius:50% 50% 30% 30%;width:30px;height:40px;animation:3s ease-in-out infinite healerGlow;position:relative}.healer-sprite:before{content:"⚕";color:#8df;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.healer-sprite:after{content:"";background:#64c8ff26;border-radius:50%;width:24px;height:6px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes healerGlow{0%,to{box-shadow:0 0 10px #64c8ff33}50%{box-shadow:0 0 25px #64c8ff80}}.healer-label{color:#8df;white-space:nowrap;background:#000c;border:1px solid #446;margin-top:4px;padding:1px 4px;font-size:6px}.btn-revive{margin-top:4px;animation:1s ease-in-out infinite revivePulse;color:#8df!important;background:#226!important;border-color:#8df!important;padding:2px 6px!important;font-size:7px!important}@keyframes revivePulse{0%,to{box-shadow:0 0 5px #64c8ff4d}50%{box-shadow:0 0 15px #64c8ffb3}}.attack-zone{z-index:5;pointer-events:none;will-change:opacity;border:2px dashed #ff320099;animation:2.5s ease-in-out forwards telegraphPulse;position:absolute}.attack-cone{clip-path:polygon(0% 50%,100% 0%,100% 100%);background:linear-gradient(90deg,#ff640080 0%,#ff32000d 100%);border:none}.attack-tail{clip-path:polygon(100% 50%,0% 0%,0% 100%);background:linear-gradient(270deg,#c8963266 0%,#c864000d 100%);border:none}.attack-circle{background:radial-gradient(circle,#ff640059 0%,#ff32000d 70%);border-radius:50%}.attack-fireball{background:radial-gradient(circle,#ffc80080 0%,#ff500033 40%,#ff32000d 70%);border-radius:50%}@keyframes telegraphPulse{0%{opacity:.3}25%{opacity:.7}50%{opacity:.3}75%{opacity:.9}90%{opacity:1}to{opacity:0}}.projectile{z-index:15;pointer-events:none;text-shadow:0 0 8px;will-change:transform, opacity;animation:.8s ease-in forwards projectileFly;position:absolute}.proj-big{filter:drop-shadow(0 0 12px)drop-shadow(0 0 24px);font-size:32px}.proj-small{filter:drop-shadow(0 0 6px);font-size:18px}.proj-sword{color:#fc4}.proj-sword:after{content:"⚔️"}.proj-arrow{color:#8f8}.proj-arrow:after{content:"🏹"}.proj-magic{color:#a6f}.proj-magic:after{content:"✨"}.proj-holy{color:#8df}.proj-holy:after{content:"✡️"}.proj-heal{color:#33ff57}.proj-heal:after{content:"❤️"}.proj-big:before{content:"";opacity:.4;background:radial-gradient(circle,currentColor 0%,#0000 70%);border-radius:50%;width:40px;height:40px;animation:.3s ease-in-out infinite trailPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.proj-small:before{content:"";opacity:.3;background:radial-gradient(circle,currentColor 0%,#0000 70%);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes trailPulse{0%,to{opacity:.4;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.4)}}@keyframes projectileFly{0%{opacity:.5;transform:translate(0)scale(.5)}15%{opacity:1;transform:translate(0)scale(1.3)}20%{opacity:1;transform:translate(0)scale(1)}85%{transform:translate(calc(var(--target-x) - var(--start-x)), calc(var(--target-y) - var(--start-y))) scale(1);opacity:1}95%{transform:translate(calc(var(--target-x) - var(--start-x)), calc(var(--target-y) - var(--start-y))) scale(1.8);opacity:1}to{transform:translate(calc(var(--target-x) - var(--start-x)), calc(var(--target-y) - var(--start-y))) scale(0);opacity:0}}.quest-ghost-status{color:#8af;background:#32326466;border:1px solid #446;margin-top:4px;padding:2px 4px;font-size:8px;animation:1.5s ease-in-out infinite ghostPulse}.ghost-tag{margin-left:4px;font-size:8px}.is-dead{opacity:.6}.is-dead .p-name{color:#8af}.minimap-healer{z-index:3;text-shadow:0 0 3px #64c8ffcc;font-size:5px;position:absolute;transform:translate(-50%,-50%)}.battle-log{background:#000;border:2px solid #333;max-height:150px;padding:8px;font-size:7px;line-height:1.6;overflow-y:auto}.battle-log-title{color:#888;margin-bottom:6px;font-size:8px}.log-entry{border-bottom:1px solid #111;padding:2px 0}.battle-log::-webkit-scrollbar{width:4px}.battle-log::-webkit-scrollbar-thumb{background:#333}.header-controls{gap:6px;display:flex}.btn-icon{color:#888;cursor:pointer;background:#222;border:2px solid #444;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:all .15s;display:flex}.btn-icon:hover{color:#fff;border-color:#fff}.btn-icon.active{border-color:var(--gold);color:var(--gold);background:#1a1a00}.scribe-npc{z-index:10;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scribe-bubble{color:#000;white-space:nowrap;background:#fff;border:2px solid #000;border-radius:8px;margin-bottom:20px;padding:8px 12px;font-family:"Press Start 2P",monospace;font-size:8px;position:relative;box-shadow:4px 4px #00000080}.scribe-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom-width:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.scribe-bubble:before{content:"";z-index:-1;border:10px solid #0000;border-top-color:#000;border-bottom-width:0;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)}.note-feedback{background:#ffb3ffe6}.note-feedback .note-text{color:#000!important;text-shadow:none!important}.note-feedback .note-author{color:#333!important}.hd-note-feedback{background:#ffb3ffcc!important;border-left-color:#d11bc9!important}.hd-note-feedback .hd-note-text{color:#000!important;text-shadow:none!important}.hd-note-feedback .hd-note-author,.hd-note-action .hd-note-author{color:#333!important;text-shadow:none!important}.confirm-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal-box{background:#111;border:6px solid #fff;flex-direction:column;align-items:center;gap:20px;padding:35px;animation:2s infinite alternate modalGlowPulse;display:flex;position:relative;box-shadow:0 0 50px #000c,20px 20px #00000080}@keyframes modalGlowPulse{0%{border-color:#fff;box-shadow:0 0 20px #ffffff1a,20px 20px #00000080}to{border-color:var(--accent);box-shadow:0 0 40px #ff00444d,20px 20px #00000080}}.confirm-modal-title{color:var(--accent);text-align:center;font-size:14px;line-height:1.5}.confirm-modal-buttons{gap:15px;display:flex}.btn-confirm-yes{background:var(--accent)!important;color:#fff!important}.btn-confirm-no{color:#fff!important;background:#444!important}.setup-error-toast{z-index:10001;color:#fff;text-align:center;pointer-events:auto;border:6px solid #fff;border-color:var(--accent);background:#111;flex-direction:column;align-items:center;gap:15px;padding:30px 40px;font-size:14px;animation:.4s cubic-bezier(.175,.885,.32,1.275) errorPop;display:flex;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:15px 15px #0009}.setup-error-toast:before{content:"⚠️";margin-bottom:5px;font-size:32px}@keyframes errorPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.mood-required-pulse{animation:1.5s infinite alternate moodPulse}@keyframes moodPulse{0%{border-color:#ffcc004d;box-shadow:0 0 #fc00}to{border-color:#fc0;box-shadow:0 0 10px #ffcc0080}}.mood-error-flash{animation:.4s ease-in-out moodErrorShake;background:#f003!important;border-color:red!important}@keyframes moodErrorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.world-leaves{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.leaf{opacity:0;filter:drop-shadow(0 5px 5px #00000080);z-index:10;background:#2d5a27;border-radius:50% 0;animation:linear infinite floatDown;position:absolute}@keyframes floatDown{0%{opacity:0;transform:translateY(-50px)rotate(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(120vh)rotate(360deg)translate(100px)}}.lobby-rock-wall{clip-path:polygon(0% 0%,100% 0%,100% 85%,97% 92%,93% 88%,88% 96%,84% 85%,79% 94%,74% 87%,69% 98%,64% 86%,59% 95%,54% 89%,49% 97%,44% 85%,39% 93%,34% 88%,29% 96%,24% 84%,19% 95%,14% 87%,9% 98%,4% 86%,0% 92%);z-index:5;pointer-events:none;background-color:#1a1a1a;background-image:radial-gradient(circle at 10px 10px,#2a2a2a 20%,#0000 21%),radial-gradient(circle at 30px 40px,#333 15%,#0000 16%),radial-gradient(circle at 60px 20px,#252525 25%,#0000 26%),radial-gradient(circle at 70px 50px,#222 10%,#0000 11%);background-size:100px 80px;border-bottom:6px solid #222;width:100%;height:260px;position:absolute;top:0;left:0;box-shadow:inset 0 -30px 60px #000000e6}.low-fps.shake{animation:none}.low-fps .world-dragon-fire{filter:none;opacity:.9;animation:none}.low-fps .world-dragon-tail.tail-swipe{animation:.5s ease-out tailSwipeSimple}@keyframes tailSwipeSimple{0%{transform:scale(3)translate(12px,24px)rotate(0)translate(-12px,-24px)}40%{transform:scale(3)translate(12px,24px)rotate(25deg)translate(-12px,-24px)}to{transform:scale(3)translate(12px,24px)rotate(0)translate(-12px,-24px)}}.low-fps .attack-zone{opacity:.7;animation:none}.low-fps .attack-cone{background:#ff640059}.low-fps .attack-tail{background:#c896324d}.low-fps .attack-circle{background:#ff640040}.low-fps .attack-fireball{background:#ffc8004d}.low-fps .fire-pool{box-shadow:none;opacity:.85;background:#ff320080;animation:none}.low-fps.enraged-mode .world-dragon{filter:drop-shadow(0 0 6px red)brightness(1.1)}.low-fps .leaf,.low-fps .ember,.low-fps .dust-mote{animation:none;display:none}.low-fps body:after,body.low-fps-body:after{display:none}.low-fps .world-dragon-tail,.low-fps .proj-big,.low-fps .proj-small{filter:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.pet-selector-modal{border:4px solid var(--gold);text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#000 100%);width:400px;max-width:90vw;padding:25px;box-shadow:0 0 30px #ffcc004d}.btn-change-pet{color:#888;cursor:pointer;background:#222;border:1px solid #444;border-radius:2px;justify-content:center;align-items:center;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:10px;line-height:1;transition:all .2s;display:inline-flex}.btn-change-pet:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 5px var(--gold);transform:scale(1.1)}