:root{--font-title: "MedievalSharp", cursive;--font-heading: "Grenze Gotisch", serif;--font-body: "IM Fell DW Pica", serif;--font-ui: "MedievalSharp", cursive;--font-numeric: "JetBrains Mono", monospace;--primary-bg: radial-gradient( circle at center, #0a0614 0%, #1a0f26 30%, #2c1810 60%, #0f0a19 100% );--card-bg: linear-gradient( 135deg, rgba(20, 15, 35, .9), rgba(40, 25, 15, .8) );--modal-bg: linear-gradient( 135deg, rgba(20, 15, 35, .95), rgba(40, 25, 15, .9) );--item-bg: rgba(10, 6, 20, .4);--input-bg: rgba(10, 6, 20, .6);--card-background: var(--card-bg);--modal-background: var(--modal-bg);--dropdown-solid-bg: #140f23;--primary-text: #e8dcc6;--secondary-text: #c8a882;--accent-text: #d4af37;--title-text: #d4af37;--primary-border: rgba(212, 175, 55, .2);--accent-border: #d4af37;--active-border: #ffd700;--primary-btn: linear-gradient(135deg, #d4af37, #b8860b);--secondary-btn: linear-gradient(135deg, #8b4513, #a0522d);--danger-btn: linear-gradient(135deg, #8b0000, #a52a2a);--primary-shadow: rgba(212, 175, 55, .4);--card-shadow: rgba(0, 0, 0, .4);--text-shadow: 0 0 8px rgba(212, 175, 55, .3);--starfield: #d4af37;--gradient1: #d4af37;--gradient2: #8b4513;--skeleton-base-rgb: 232, 220, 198;--skeleton-highlight-rgb: 212, 175, 55}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}html{overscroll-behavior:none;background:var(--primary-bg);background-attachment:fixed}body{overscroll-behavior:none;font-family:var(--font-body);background:var(--primary-bg);background-attachment:fixed;color:var(--primary-text);min-height:100vh;overflow-x:hidden;position:relative;padding:0;margin:0}:is(html,body).theme-bloodmoon{background:radial-gradient(circle at center,#0a0a0a,#1a0505,#2a0f0f 60%,#0f0f0f)}:is(html,body).theme-golden{background:radial-gradient(circle at center,#f5f3f0,#e8e6e1,#ddd8d0 60%,#f0ede8)}:is(html,body).theme-mystic{background:radial-gradient(circle at center,#0a0514,#1a0f36,#2c1040 60%,#0f0a29)}:is(html,body).theme-nature{background:radial-gradient(circle at center,#0a140a,#0f260f,#1a3a1a 60%,#0a1f0a)}:is(html,body).theme-aurora{background:radial-gradient(circle at center,#0a0a1a,#1a0a2a,#2a1a3a 60%,#0f0a1f)}:is(html,body).theme-space{background:radial-gradient(circle at center,#000,#0a0a1a,#141428 60%,#050510)}:is(html,body).theme-madness{background:radial-gradient(circle at center,#1a0a1a,#2a1a2a,#3a2a3a 60%,#1f0f1f)}:is(html,body).theme-storm{background:radial-gradient(circle at center,#0a0a14,#1a1a28,#2a2a3c 60%,#0f0f1e)}:is(html,body).theme-ice{background:radial-gradient(circle at center,#0a0f14,#0f1f28,#1a2f3c 60%,#0a1a23)}:is(html,body).theme-divine{background:radial-gradient(circle at center,#2a2414,#3a3420,#4a442c 60%,#2f2818)}:is(html,body).theme-ocean{background:radial-gradient(circle at center,#050a14,#0a1426,#0f1f3a 60%,#050f1f)}:is(html,body).theme-demon{background:radial-gradient(circle at center,#0a0505,#1a0a0a,#2a1010 60%,#0f0505)}:is(html,body).theme-desert{background:radial-gradient(circle at center,#1a140a,#2a1f0f,#3a2814 60%,#1f140a)}:is(html,body).theme-bloodmoon{--skeleton-base-rgb: 255, 200, 200;--skeleton-highlight-rgb: 255, 68, 68}:is(html,body).theme-golden{--skeleton-base-rgb: 220, 210, 190;--skeleton-highlight-rgb: 180, 150, 100}:is(html,body).theme-mystic{--skeleton-base-rgb: 200, 180, 220;--skeleton-highlight-rgb: 153, 102, 204}:is(html,body).theme-nature{--skeleton-base-rgb: 200, 230, 200;--skeleton-highlight-rgb: 80, 200, 120}:is(html,body).theme-aurora{--skeleton-base-rgb: 200, 220, 240;--skeleton-highlight-rgb: 0, 255, 255}:is(html,body).theme-space{--skeleton-base-rgb: 180, 180, 220;--skeleton-highlight-rgb: 160, 160, 255}:is(html,body).theme-madness{--skeleton-base-rgb: 220, 180, 220;--skeleton-highlight-rgb: 255, 0, 255}:is(html,body).theme-storm{--skeleton-base-rgb: 200, 200, 220;--skeleton-highlight-rgb: 255, 255, 0}:is(html,body).theme-ice{--skeleton-base-rgb: 200, 230, 240;--skeleton-highlight-rgb: 0, 212, 255}:is(html,body).theme-divine{--skeleton-base-rgb: 240, 230, 200;--skeleton-highlight-rgb: 255, 215, 0}:is(html,body).theme-ocean{--skeleton-base-rgb: 180, 200, 230;--skeleton-highlight-rgb: 65, 105, 225}:is(html,body).theme-demon{--skeleton-base-rgb: 230, 180, 180;--skeleton-highlight-rgb: 255, 68, 68}:is(html,body).theme-desert{--skeleton-base-rgb: 230, 210, 180;--skeleton-highlight-rgb: 212, 160, 86}:is(html,body).theme-nature{--primary-bg: radial-gradient( circle at center, #0a140a 0%, #0f260f 30%, #1a3a1a 60%, #0a1f0a 100% );--card-bg: linear-gradient( 135deg, rgba(15, 38, 15, .9), rgba(26, 58, 26, .8) );--modal-bg: linear-gradient( 135deg, rgba(15, 38, 15, .95), rgba(26, 58, 26, .9) );--item-bg: rgba(10, 20, 10, .4);--input-bg: rgba(10, 20, 10, .6);--primary-text: #d4e8d4;--secondary-text: #a8c8a8;--accent-text: #50c878;--title-text: #50c878;--primary-border: rgba(80, 200, 120, .2);--accent-border: #50c878;--active-border: #6ee896;--primary-btn: linear-gradient(135deg, #50c878, #2e7d4e);--secondary-btn: linear-gradient(135deg, #228b22, #3cb371);--danger-btn: linear-gradient(135deg, #8b0000, #a52a2a);--primary-shadow: rgba(80, 200, 120, .4);--card-shadow: rgba(0, 0, 0, .4);--text-shadow: 0 0 8px rgba(80, 200, 120, .3);--starfield: #50c878;--gradient1: #50c878;--gradient2: #2e7d4e}:is(html,body).theme-aurora{--primary-bg: radial-gradient( circle at center, #0a0a1a 0%, #1a0a2a 30%, #2a1a3a 60%, #0f0a1f 100% );--card-bg: linear-gradient( 135deg, rgba(20, 15, 45, .9), rgba(45, 25, 65, .8) );--modal-bg: linear-gradient( 135deg, rgba(20, 15, 45, .95), rgba(45, 25, 65, .9) );--item-bg: rgba(10, 6, 26, .4);--input-bg: rgba(10, 6, 26, .6);--primary-text: #f0f8ff;--secondary-text: #e6f3ff;--accent-text: #00ffff;--title-text: #ff69b4;--primary-border: rgba(0, 255, 255, .3);--accent-border: #00ffff;--active-border: #ff69b4;--primary-btn: linear-gradient(135deg, #00ffff, #ff69b4);--secondary-btn: linear-gradient(135deg, #4b0082, #8a2be2);--danger-btn: linear-gradient(135deg, #ff1493, #dc143c);--primary-shadow: rgba(0, 255, 255, .4);--card-shadow: rgba(255, 105, 180, .2);--text-shadow: 0 0 12px rgba(0, 255, 255, .4);--starfield: #00ffff;--gradient1: #00ffff;--gradient2: #ff69b4}:is(html,body).theme-space{--primary-bg: radial-gradient( circle at center, #000000 0%, #0a0a1a 30%, #141428 60%, #050510 100% );--card-bg: linear-gradient( 135deg, rgba(10, 10, 26, .9), rgba(20, 20, 40, .8) );--modal-bg: linear-gradient( 135deg, rgba(10, 10, 26, .95), rgba(20, 20, 40, .9) );--item-bg: rgba(0, 0, 0, .6);--input-bg: rgba(5, 5, 16, .8);--primary-text: #f0f0ff;--secondary-text: #c0c0e0;--accent-text: #a0a0ff;--title-text: #ffffff;--primary-border: rgba(160, 160, 255, .3);--accent-border: #a0a0ff;--active-border: #d0d0ff;--primary-btn: linear-gradient(135deg, #4a4aaa, #6060cc);--secondary-btn: linear-gradient(135deg, #2a2a5a, #3a3a7a);--danger-btn: linear-gradient(135deg, #8b0000, #a52a2a);--primary-shadow: rgba(160, 160, 255, .5);--card-shadow: rgba(0, 0, 0, .6);--text-shadow: 0 0 15px rgba(160, 160, 255, .4);--starfield: #ffffff;--gradient1: #a0a0ff;--gradient2: #6060cc}:is(html,body).theme-madness{--primary-bg: radial-gradient( circle at center, #1a0a1a 0%, #2a1a2a 30%, #3a2a3a 60%, #1f0f1f 100% );--card-bg: linear-gradient( 135deg, rgba(42, 26, 42, .9), rgba(58, 42, 58, .8) );--modal-bg: linear-gradient( 135deg, rgba(42, 26, 42, .95), rgba(58, 42, 58, .9) );--item-bg: rgba(26, 10, 26, .5);--input-bg: rgba(31, 15, 31, .7);--primary-text: #f0e0ff;--secondary-text: #d0c0e0;--accent-text: #ff00ff;--title-text: #00ff00;--primary-border: rgba(255, 0, 255, .4);--accent-border: #ff00ff;--active-border: #00ff00;--primary-btn: linear-gradient(135deg, #ff00ff, #00ff00);--secondary-btn: linear-gradient(135deg, #8b008b, #9370db);--danger-btn: linear-gradient(135deg, #ff1493, #ff00ff);--primary-shadow: rgba(255, 0, 255, .6);--card-shadow: rgba(0, 255, 0, .3);--text-shadow: 0 0 10px rgba(255, 0, 255, .5);--starfield: #ff00ff;--gradient1: #ff00ff;--gradient2: #00ff00}:is(html,body).theme-storm{--primary-bg: radial-gradient( circle at center, #0a0a14 0%, #1a1a28 30%, #2a2a3c 60%, #0f0f1e 100% );--card-bg: linear-gradient( 135deg, rgba(26, 26, 40, .9), rgba(42, 42, 60, .8) );--modal-bg: linear-gradient( 135deg, rgba(26, 26, 40, .95), rgba(42, 42, 60, .9) );--item-bg: rgba(10, 10, 20, .5);--input-bg: rgba(15, 15, 30, .7);--primary-text: #e8e8f0;--secondary-text: #b0b0c8;--accent-text: #ffff00;--title-text: #e0e0ff;--primary-border: rgba(255, 255, 0, .3);--accent-border: #ffff00;--active-border: #ffffff;--primary-btn: linear-gradient(135deg, #4169e1, #1e90ff);--secondary-btn: linear-gradient(135deg, #708090, #778899);--danger-btn: linear-gradient(135deg, #ff4500, #ffa500);--primary-shadow: rgba(255, 255, 0, .5);--card-shadow: rgba(0, 0, 0, .5);--text-shadow: 0 0 12px rgba(255, 255, 0, .4);--starfield: #ffff00;--gradient1: #ffff00;--gradient2: #4169e1}:is(html,body).theme-ice{--primary-bg: radial-gradient( circle at center, #0a0f14 0%, #0f1f28 30%, #1a2f3c 60%, #0a1a23 100% );--card-bg: linear-gradient( 135deg, rgba(15, 31, 40, .9), rgba(26, 47, 60, .8) );--modal-bg: linear-gradient( 135deg, rgba(15, 31, 40, .95), rgba(26, 47, 60, .9) );--item-bg: rgba(10, 15, 20, .5);--input-bg: rgba(10, 26, 35, .7);--primary-text: #e0f0ff;--secondary-text: #b0d0e8;--accent-text: #00d4ff;--title-text: #b0e0ff;--primary-border: rgba(0, 212, 255, .3);--accent-border: #00d4ff;--active-border: #a0e0ff;--primary-btn: linear-gradient(135deg, #00bfff, #00d4ff);--secondary-btn: linear-gradient(135deg, #4682b4, #87ceeb);--danger-btn: linear-gradient(135deg, #8b0000, #a52a2a);--primary-shadow: rgba(0, 212, 255, .5);--card-shadow: rgba(0, 100, 150, .3);--text-shadow: 0 0 10px rgba(0, 212, 255, .4);--starfield: #00d4ff;--gradient1: #00d4ff;--gradient2: #87ceeb}:is(html,body).theme-divine{--primary-bg: radial-gradient( circle at center, #2a2414 0%, #3a3420 30%, #4a442c 60%, #2f2818 100% );--card-bg: linear-gradient( 135deg, rgba(58, 52, 32, .9), rgba(74, 68, 44, .8) );--modal-bg: linear-gradient( 135deg, rgba(58, 52, 32, .95), rgba(74, 68, 44, .9) );--item-bg: rgba(42, 36, 20, .5);--input-bg: rgba(47, 40, 24, .7);--primary-text: #ffe8c0;--secondary-text: #f0d8a8;--accent-text: #ffd700;--title-text: #fff8dc;--primary-border: rgba(255, 215, 0, .3);--accent-border: #ffd700;--active-border: #ffec8b;--primary-btn: linear-gradient(135deg, #ffd700, #daa520);--secondary-btn: linear-gradient(135deg, #cd853f, #daa520);--danger-btn: linear-gradient(135deg, #ff69b4, #ff1493);--primary-shadow: rgba(255, 215, 0, .6);--card-shadow: rgba(218, 165, 32, .3);--text-shadow: 0 0 12px rgba(255, 215, 0, .5);--starfield: #ffd700;--gradient1: #ffd700;--gradient2: #daa520}:is(html,body).theme-ocean{--primary-bg: radial-gradient( circle at center, #050a14 0%, #0a1426 30%, #0f1f3a 60%, #050f1f 100% );--card-bg: linear-gradient( 135deg, rgba(10, 20, 38, .9), rgba(15, 31, 58, .8) );--modal-bg: linear-gradient( 135deg, rgba(10, 20, 38, .95), rgba(15, 31, 58, .9) );--item-bg: rgba(5, 10, 20, .4);--input-bg: rgba(5, 10, 20, .6);--primary-text: #d4e8f4;--secondary-text: #a8c8e8;--accent-text: #4169e1;--title-text: #4169e1;--primary-border: rgba(65, 105, 225, .2);--accent-border: #4169e1;--active-border: #6a8fff;--primary-btn: linear-gradient(135deg, #4169e1, #1e4fa8);--secondary-btn: linear-gradient(135deg, #1e90ff, #4682b4);--danger-btn: linear-gradient(135deg, #8b0000, #a52a2a);--primary-shadow: rgba(65, 105, 225, .4);--card-shadow: rgba(0, 0, 0, .4);--text-shadow: 0 0 8px rgba(65, 105, 225, .3);--starfield: #4169e1;--gradient1: #4169e1;--gradient2: #1e90ff}:is(html,body).theme-demon{--primary-bg: radial-gradient( circle at center, #0a0505 0%, #1a0a0a 30%, #2a1010 60%, #0f0505 100% );--card-bg: linear-gradient( 135deg, rgba(26, 10, 10, .9), rgba(42, 16, 16, .8) );--modal-bg: linear-gradient( 135deg, rgba(26, 10, 10, .95), rgba(42, 16, 16, .9) );--item-bg: rgba(10, 5, 5, .4);--input-bg: rgba(10, 5, 5, .6);--primary-text: #f4d4d4;--secondary-text: #e8a8a8;--accent-text: #ff4444;--title-text: #ff4444;--primary-border: rgba(255, 68, 68, .2);--accent-border: #ff4444;--active-border: #ff6a6a;--primary-btn: linear-gradient(135deg, #ff4444, #cc0000);--secondary-btn: linear-gradient(135deg, #8b0000, #a52a2a);--danger-btn: linear-gradient(135deg, #cc0000, #990000);--primary-shadow: rgba(255, 68, 68, .4);--card-shadow: rgba(0, 0, 0, .4);--text-shadow: 0 0 8px rgba(255, 68, 68, .3);--starfield: #ff4444;--gradient1: #ff4444;--gradient2: #8b0000}:is(html,body).theme-desert{--primary-bg: radial-gradient( circle at center, #1a140a 0%, #2a1f0f 30%, #3a2814 60%, #1f140a 100% );--card-bg: linear-gradient( 135deg, rgba(42, 31, 15, .9), rgba(58, 40, 20, .8) );--modal-bg: linear-gradient( 135deg, rgba(42, 31, 15, .95), rgba(58, 40, 20, .9) );--item-bg: rgba(26, 20, 10, .4);--input-bg: rgba(26, 20, 10, .6);--primary-text: #f4e8d4;--secondary-text: #e8d4b8;--accent-text: #d4a056;--title-text: #daa520;--primary-border: rgba(212, 160, 86, .2);--accent-border: #d4a056;--active-border: #f5b862;--primary-btn: linear-gradient(135deg, #d4a056, #c2864a);--secondary-btn: linear-gradient(135deg, #c2864a, #b87333);--danger-btn: linear-gradient(135deg, #8b0000, #a52a2a);--primary-shadow: rgba(212, 160, 86, .4);--card-shadow: rgba(0, 0, 0, .4);--text-shadow: 0 0 8px rgba(212, 160, 86, .3);--starfield: #d4a056;--gradient1: #d4a056;--gradient2: #daa520}body:before{content:"";position:fixed;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23d4af37" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(212,175,55,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,69,19,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(75,0,130,.08) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(220,20,60,.06) 0%,transparent 40%);background-size:100px 100px,cover,cover,cover,cover;pointer-events:none;z-index:-1;animation:starfield 20s linear infinite}:is(html,body).theme-bloodmoon:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ff4444" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(255,68,68,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(204,0,0,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(153,0,0,.08) 0%,transparent 40%)}:is(html,body).theme-mystic:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%239966cc" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(153,102,204,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(138,43,226,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(102,51,153,.08) 0%,transparent 40%)}:is(html,body).theme-nature:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%2350c878" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(80,200,120,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(34,139,34,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(46,125,50,.08) 0%,transparent 40%)}:is(html,body).theme-aurora:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%2300ffff" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(0,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(255,105,180,.08) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(138,43,226,.06) 0%,transparent 40%),radial-gradient(circle at 60% 50%,rgba(0,255,255,.08) 0%,transparent 40%)}:is(html,body).theme-ocean:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%234169e1" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(65,105,225,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(0,119,182,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(54,69,79,.08) 0%,transparent 40%)}:is(html,body).theme-demon:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ff2222" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(255,34,34,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(54,69,79,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(139,0,0,.08) 0%,transparent 40%)}:is(html,body).theme-desert:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23d4a056" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(212,160,86,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(237,201,175,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(194,178,128,.08) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(218,165,32,.06) 0%,transparent 40%)}:is(html,body).theme-space:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.4"/></svg>') 50px 50px,radial-gradient(circle at 25% 25%,rgba(160,160,255,.06) 0%,transparent 40%),radial-gradient(circle at 75% 30%,rgba(96,96,204,.05) 0%,transparent 40%),radial-gradient(circle at 50% 70%,rgba(160,160,255,.04) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.03) 0%,transparent 40%)}:is(html,body).theme-madness:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ff00ff" opacity="0.4"/></svg>') 50px 50px,radial-gradient(circle at 15% 25%,rgba(255,0,255,.1) 0%,transparent 40%),radial-gradient(circle at 85% 35%,rgba(0,255,0,.08) 0%,transparent 40%),radial-gradient(circle at 40% 75%,rgba(139,0,139,.06) 0%,transparent 40%),radial-gradient(circle at 70% 60%,rgba(255,0,255,.07) 0%,transparent 40%)}:is(html,body).theme-storm:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ffff00" opacity="0.3"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(255,255,0,.08) 0%,transparent 40%),radial-gradient(circle at 80% 25%,rgba(65,105,225,.06) 0%,transparent 40%),radial-gradient(circle at 45% 75%,rgba(112,128,144,.05) 0%,transparent 40%),radial-gradient(circle at 65% 55%,rgba(255,255,0,.06) 0%,transparent 40%)}:is(html,body).theme-ice:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%2300d4ff" opacity="0.4"/></svg>') 50px 50px,radial-gradient(circle at 20% 30%,rgba(0,212,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(135,206,235,.06) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(176,224,255,.07) 0%,transparent 40%),radial-gradient(circle at 65% 50%,rgba(0,212,255,.05) 0%,transparent 40%)}:is(html,body).theme-divine:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1" fill="%23ffd700" opacity="0.4"/></svg>') 50px 50px,radial-gradient(circle at 25% 25%,rgba(255,215,0,.1) 0%,transparent 40%),radial-gradient(circle at 75% 30%,rgba(218,165,32,.08) 0%,transparent 40%),radial-gradient(circle at 40% 75%,rgba(255,236,139,.06) 0%,transparent 40%),radial-gradient(circle at 65% 55%,rgba(255,215,0,.07) 0%,transparent 40%)}.app-container{display:flex;flex-direction:column;padding:30px;min-height:100vh;padding-top:calc(30px + env(safe-area-inset-top));padding-top:calc(30px + constant(safe-area-inset-top));padding-bottom:calc(30px + env(safe-area-inset-bottom));padding-bottom:calc(30px + constant(safe-area-inset-bottom))}.header{text-align:center;position:relative}.header:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent,var(--gradient1),var(--gradient2),var(--gradient1),transparent);animation:divine-glow 4s ease-in-out infinite alternate;border-radius:2px}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:var(--item-bg);border:none;color:var(--gradient1);cursor:pointer;transition:all .3s ease;position:relative}.nav-tab:hover{background:var(--card-bg)}.nav-tab.active{color:var(--accent-text);background:var(--card-bg)}.nav-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,transparent,var(--gradient1),var(--gradient2),var(--gradient1),transparent);animation:divine-glow 4s ease-in-out infinite alternate;border-radius:2px}.app-title{font-family:var(--font-title);font-size:clamp(1.6rem,4.5vw,2.8rem);font-weight:700;background:linear-gradient(45deg,var(--gradient1),var(--active-border),var(--gradient2),var(--accent-text));background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:var(--text-shadow);animation:gradient-shift 6s ease-in-out infinite;margin-bottom:5px;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.8))}.subtitle{font-size:.85rem;opacity:.7;color:var(--secondary-text);letter-spacing:1px;font-style:italic}.fixed-turn-controls{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0614f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:2px solid var(--primary-border);padding:10px;box-shadow:0 4px 20px var(--card-shadow)}.fixed-turn-controls .turn-info{text-align:center;font-size:1.2rem;color:var(--accent-text);font-family:var(--font-numeric);font-weight:600;margin-bottom:8px;text-shadow:var(--text-shadow);transition:all .3s ease}.turn-increase-animation{animation:turn-pulse .6s cubic-bezier(.4,0,.2,1)}@keyframes turn-pulse{0%{transform:scale(1)}25%{transform:scale(1.2);color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),var(--text-shadow)}50%{transform:scale(1.1)}75%{transform:scale(1.15);color:gold;text-shadow:0 0 15px rgba(255,215,0,.6),var(--text-shadow)}to{transform:scale(1);color:var(--accent-text);text-shadow:var(--text-shadow)}}.fixed-turn-controls .button-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:300px;margin:0 auto}.card{background:var(--card-bg);border:2px solid var(--primary-border);border-radius:15px;padding:30px;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px var(--card-shadow),inset 0 1px 0 var(--primary-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:15px;background:linear-gradient(135deg,#d4af370d,#8b45130d);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover:before{opacity:1}.card-title{font-family:var(--font-heading);font-size:2rem;font-weight:600;text-align:center;color:var(--active-border);margin-bottom:15px;text-shadow:var(--text-shadow)}.form-group{margin-bottom:18px}.form-label{display:block;margin-bottom:6px;font-weight:500;color:var(--primary-text);font-size:.9rem}.form-control{width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--primary-border);border-radius:8px;color:var(--primary-text);font-size:16px;transition:all .3s ease;font-family:var(--font-body)}.form-control:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 15px var(--primary-shadow);background:var(--input-bg)}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.hero-card{background:var(--item-bg);border:2px solid transparent;border-radius:12px;padding:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.hero-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-shadow),transparent);transition:left .5s ease}.hero-card:hover:before{left:100%}.hero-card.selected{border-color:var(--accent-border);background:#d4af371a;box-shadow:0 0 25px var(--primary-shadow);transform:scale(1.02)}.hero-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 10px;display:block;font-size:2.5rem;background:linear-gradient(135deg,#d4af3733,#8b451333);border:2px solid var(--primary-border);overflow:hidden}.hero-name{font-family:var(--font-heading);font-weight:600;font-size:1.1rem;color:var(--accent-text);margin-bottom:8px}.hero-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px;font-size:.85rem}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-numeric);font-weight:600;color:var(--accent-text)}.hero-colors{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.hero-color-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--primary-border)}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:20px}.color-card{background:var(--item-bg);border:2px solid transparent;border-left:4px solid transparent;border-radius:12px;padding:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.color-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-shadow),transparent);transition:left .5s ease}.color-card:hover:before{left:100%}.color-card.selected{border-color:var(--accent-border);background:#d4af371a;box-shadow:0 0 25px var(--primary-shadow);transform:scale(1.02)}.color-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.color-name{font-weight:600;font-size:1rem;color:var(--primary-text)}.resource-name{font-size:.85rem;opacity:.8;color:var(--secondary-text)}.color-inputs{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--primary-border)}.color-inputs.show{display:grid;animation:slideDown .3s ease}.btn{background:var(--primary-btn);color:var(--primary-text);border:none;border-radius:8px;padding:10px 18px;min-height:44px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;touch-action:manipulation;border:1px solid var(--primary-border)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-shadow)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--secondary-btn);color:var(--primary-text)}.btn-danger{background:var(--danger-btn);color:var(--primary-text)}.btn-small{padding:6px 10px;font-size:14px;min-width:45px;min-height:44px}.btn-mini{padding:8px 12px;font-size:11px;min-width:60px;min-height:44px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:15px}.stat-card{background:var(--item-bg);border:1px solid var(--primary-border);border-radius:12px;padding:12px;text-align:center;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gradient1),var(--gradient2),var(--gradient1));border-radius:12px 12px 0 0}.stat-title{font-size:1rem;margin-bottom:8px;color:var(--primary-text);font-family:var(--font-heading)}.stat-value{font-size:1.8rem;font-weight:700;color:var(--accent-text);margin:8px 0;font-family:var(--font-numeric);text-shadow:var(--text-shadow)}.control-buttons,.aura-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:15px 0}.resource-card{background:var(--item-bg);border-radius:10px;padding:12px;text-align:center;border:1px solid var(--primary-border);position:relative}.turn-controls{text-align:center;margin-top:15px}.turn-info{font-size:1.3rem;margin-bottom:15px;color:var(--accent-text);font-family:var(--font-numeric);text-shadow:var(--text-shadow)}.button-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px}.game-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:calc(20px + env(safe-area-inset-left));padding-right:calc(20px + env(safe-area-inset-right));overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{background:var(--modal-bg);border:2px solid var(--accent-border);border-radius:15px;padding:25px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-title{font-family:var(--font-heading);font-size:1.4rem;color:var(--title-text);text-align:center;margin-bottom:20px}.save-item{background:var(--item-bg);border:1px solid var(--primary-border);border-radius:10px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.save-item:hover{border-color:var(--accent-border);background:#d4af371a}.save-header{display:flex;justify-content:space-between;align-items:center}.save-name{font-weight:600;color:var(--accent-text);margin-bottom:3px}.save-details{font-size:.85rem;opacity:.8;color:var(--secondary-text)}.save-note-toggle{background:none;border:1px solid var(--primary-border);color:var(--accent-text);border-radius:4px;padding:2px 6px;font-size:11px;cursor:pointer;transition:all .3s ease}.save-note-toggle:hover{background:#d4af371a}.save-note{font-style:italic;color:var(--secondary-text);margin-top:8px;padding-top:8px;border-top:1px solid var(--primary-border);font-size:.9rem;display:none}.save-note.show{display:block;animation:slideDown .3s ease}.setup-section{margin-bottom:25px}.setup-section-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--title-text);margin-bottom:15px;text-align:center;border-bottom:1px solid var(--primary-border);padding-bottom:8px}.hero-carousel-container{width:100%;margin:20px 0}.hero-carousel-wrapper{position:relative;display:flex;align-items:center;gap:10px}.hero-carousel{flex:1;overflow:hidden;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary-border)}.hero-carousel-track{display:flex;transition:transform .3s ease;width:100%;will-change:transform}.hero-card-carousel{min-width:100%;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--item-bg);border-radius:12px;border:2px solid transparent}.hero-card-carousel:hover{transform:translateY(-2px);background:#ffffff1a}.hero-card-carousel.selected{border-color:var(--accent-border);box-shadow:0 0 25px var(--primary-shadow)}.hero-card-carousel:active{transform:scale(.98)}.carousel-nav{background:#ffffff1a;border:1px solid var(--primary-border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;color:var(--primary-text);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carousel-nav:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.carousel-nav:active:not(:disabled){transform:scale(.9)}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}.carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:15px}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease}.carousel-dot.active{background:var(--accent-text);transform:scale(1.2)}.carousel-dot:hover{background:#fff9}.settings-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--primary-border)}.settings-section:last-child{border-bottom:none;margin-bottom:0}.section-title{color:var(--title-text);font-size:1.4rem;margin-bottom:25px;border-bottom:2px solid var(--primary-border);padding-bottom:10px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--item-bg);border-radius:10px;margin-bottom:15px;border:2px solid var(--primary-border);transition:all .3s ease}.setting-item:hover{border-color:var(--primary-border)}.setting-info{flex:1}.setting-label{color:var(--accent-text);font-weight:700;font-size:1.1rem;display:block;margin-bottom:5px}.setting-description{color:var(--secondary-text);font-size:.9rem;margin:0}.setting-control{display:flex;align-items:center;gap:10px}.toggle-btn{padding:10px 15px;border:2px solid var(--primary-border);border-radius:8px;background:var(--item-bg);color:var(--accent-text);font-size:1.2rem;cursor:pointer;transition:all .3s ease;min-width:50px}.toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-shadow)}.toggle-btn.active{background:var(--primary-btn);color:var(--primary-text);border-color:var(--active-border)}.setting-select{padding:8px 12px;border:2px solid var(--primary-border);border-radius:6px;background:var(--input-bg);color:var(--accent-text);font-weight:700;cursor:pointer;min-width:200px}.setting-select:focus{outline:none;border-color:var(--active-border)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.theme-card{background:var(--item-bg);border:2px solid var(--primary-border);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.theme-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-shadow),transparent);transition:left .5s ease}.theme-card:hover:before{left:100%}.theme-card.selected{border-color:var(--accent-border);background:#d4af371a;box-shadow:0 0 25px var(--primary-shadow);transform:scale(1.02)}.theme-icon{font-size:3rem;margin-bottom:10px;display:block}.theme-name{font-family:var(--font-heading);font-weight:600;font-size:1.1rem;color:var(--accent-text);margin:0}.collection-content{animation:fadeIn .3s ease-in-out}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding-top:20px}.collection-item{background:var(--item-bg);border:2px solid var(--primary-border);border-radius:10px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative}.collection-item:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--primary-shadow)}.collection-item.locked{opacity:.6;cursor:not-allowed}.collection-item.locked:hover{transform:none;box-shadow:none}.item-header{display:flex;gap:15px;margin-bottom:15px}.item-icon{font-size:2.5rem;min-width:50px;text-align:center}.item-info{flex:1}.item-name{color:var(--title-text);margin:0 0 8px;font-size:1.2rem}.hero-quick-stats{display:flex;gap:15px;color:var(--secondary-text);font-size:.9rem}.essence-resource{color:var(--accent-text);margin:0;font-size:.9rem}.section-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;justify-content:center}.section-btn{padding:10px 16px;border:2px solid var(--primary-border);border-radius:20px;background:var(--item-bg);color:var(--accent-text);font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem}.rule-content{color:var(--primary-text);line-height:1.6;font-size:1rem}.rule-content p{margin-bottom:15px}.rule-content h4{color:var(--accent-text);margin-top:25px;margin-bottom:15px;font-size:1.2rem}.rule-list{margin:15px 0;padding-left:25px}.rule-list li{margin-bottom:10px;color:var(--primary-text)}.rule-list strong{color:var(--title-text)}.highlight-box{background:var(--item-bg);border:2px solid var(--accent-border);border-radius:10px;padding:20px;margin:20px 0;border-left:5px solid var(--active-border)}.highlight-box h4{color:var(--title-text);margin-top:0;margin-bottom:10px}.hero-stats-explanation{display:grid;gap:15px;margin:20px 0}.stat-explanation{display:flex;align-items:center;gap:15px;background:var(--item-bg);padding:15px;border-radius:8px;border-left:4px solid var(--accent-text)}.stat-icon{font-size:2rem;min-width:50px;text-align:center}.stat-explanation strong{color:var(--title-text);font-size:1.1rem}.stat-explanation p{margin:5px 0 0;color:var(--secondary-text);font-size:.9rem}.section-btn{padding:10px 16px;border:2px solid var(--primary-border);border-radius:20px;color:var(--accent-text);font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.9rem}.section-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--primary-shadow)}.section-btn.active{background:var(--primary-btn);color:var(--primary-text);border-color:var(--active-border)}@keyframes divine-glow{0%{box-shadow:0 0 8px var(--primary-shadow)}to{box-shadow:0 0 20px var(--card-shadow)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes starfield{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes slideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pulse{animation:pulse .3s ease}@media (max-width: 768px){.app-container{padding:20px 5px 5px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.fixed-turn-controls{padding:8px}.fixed-turn-controls .turn-info{font-size:1.1rem;margin-bottom:6px}.modal-overlay{align-items:flex-end;padding:0}.modal{max-width:100%;width:100%;border-radius:20px 20px 0 0;max-height:calc(85vh - 80px);margin:0;padding:28px 20px 20px;animation:slideUpMobile .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;display:flex;flex-direction:column}.modal:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--primary-border);border-radius:2px;opacity:.5}.modal-title{font-size:1.2rem;margin-bottom:12px}.card{padding:12px;margin-bottom:10px}.card-title{display:none}.heroes-grid{grid-template-columns:1fr 1fr}.colors-grid,.stats-grid{grid-template-columns:1fr}.control-buttons,.aura-controls{grid-template-columns:repeat(4,1fr);gap:4px}.button-group{grid-template-columns:1fr;gap:6px}.modal .button-group .btn-secondary,.modal-overlay .button-group .btn-secondary{order:2}.game-controls{grid-template-columns:1fr;gap:6px}.btn{padding:12px 16px;font-size:16px}.btn-small{padding:8px 6px;font-size:14px;min-width:40px}.btn-mini{padding:6px 8px;font-size:13px;min-width:50px}.resources-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.theme-grid{grid-template-columns:1fr 1fr}.collection-grid{grid-template-columns:1fr;padding-top:0}.item-header{flex-direction:column;text-align:center;gap:10px;display:flex;align-items:center;justify-content:center}.hero-quick-stats{justify-content:center}.setting-item{flex-direction:column;text-align:center;gap:15px}.setting-control{justify-content:center}.section-nav{flex-direction:column;align-items:center}.section-btn{width:100%;max-width:250px}.stat-explanation{flex-direction:column;text-align:center;gap:10px}.stat-icon{min-width:auto}}@media (max-width: 480px){.card{padding:20px}.card-title{font-size:1.6rem}.section-title{font-size:1.3rem}.item-icon{font-size:2rem}.item-name{font-size:1.1rem}.modal{padding:20px}.modal-title{font-size:1.3rem}.theme-grid{grid-template-columns:1fr}.theme-icon{font-size:2.5rem}.setting-select{min-width:auto;width:100%}}.hidden{display:none!important}button,input,select,textarea{touch-action:manipulation}.touchable{cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(212,175,55,.2)}.touchable:active{transform:scale(.97);transition:transform .1s ease}.scrollable{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.virtualized-list{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.skeleton-fade-enter-active,.skeleton-fade-leave-active{transition:opacity .2s ease-out}.skeleton-fade-enter-from,.skeleton-fade-leave-to{opacity:0}.skeleton-fade-leave-active{position:absolute;width:100%}@media (min-width: 768px) and (max-width: 1023px){.app-container{padding:16px;max-width:900px;margin:0 auto}.card{padding:20px;margin-bottom:12px}.btn{min-height:48px;padding:12px 18px}.btn-small{min-height:44px}.btn-mini{min-height:44px;padding:8px 14px}.modal-overlay{align-items:center;justify-content:center;padding:20px}.modal{max-width:600px;width:90%;border-radius:15px;max-height:85vh}.carousel-dot{width:12px;height:12px}.carousel-dots{gap:10px}}@media (hover: none) and (pointer: coarse){.collection-item:hover{transform:none;box-shadow:none}.collection-item:active{transform:scale(.98);transition:transform .1s ease}}:root{--anim-duration-instant: .1s;--anim-duration-fast: .2s;--anim-duration-normal: .3s;--anim-duration-slow: .5s;--anim-duration-slower: .8s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--particle-glow-color: var(--primary-shadow)}.animations-minimal{--anim-duration-instant: 50ms;--anim-duration-fast: .1s;--anim-duration-normal: .15s;--anim-duration-slow: .2s;--anim-duration-slower: .3s}.animations-none{--anim-duration-instant: 0ms;--anim-duration-fast: 0ms;--anim-duration-normal: 0ms;--anim-duration-slow: 0ms;--anim-duration-slower: 0ms}.no-animation{animation:none!important;transition:none!important}.force-animation{animation-play-state:running!important}.pause-animation{animation-play-state:paused!important}.animate-transition{transition:transform var(--anim-duration-fast) var(--ease-out-expo),opacity var(--anim-duration-fast) var(--ease-in-out-smooth),box-shadow var(--anim-duration-normal) var(--ease-in-out-smooth),background-color var(--anim-duration-normal) var(--ease-in-out-smooth),border-color var(--anim-duration-normal) var(--ease-in-out-smooth)}.animate-glow{animation:theme-glow 2s ease-in-out infinite alternate}.animate-pulse{animation:pulse-attention 1.5s ease-in-out infinite}.animate-fade-in{animation:fade-in var(--anim-duration-normal) var(--ease-out-expo) forwards}.animate-slide-up{animation:slide-up var(--anim-duration-normal) var(--ease-out-expo) forwards}.animate-shake{animation:shake var(--anim-duration-normal) var(--ease-out-expo)}.animate-hover-scale{transition:transform var(--anim-duration-fast) var(--ease-out-expo)}.animate-hover-scale:hover{transform:scale(1.05)}.animate-hover-lift{transition:transform var(--anim-duration-fast) var(--ease-out-expo),box-shadow var(--anim-duration-fast) var(--ease-in-out-smooth)}.animate-hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 25px var(--card-shadow)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse-attention{0%,to{transform:scale(1);box-shadow:0 0 0 0 var(--primary-shadow)}50%{transform:scale(1.02);box-shadow:0 0 20px 5px var(--primary-shadow)}}@keyframes theme-glow{0%{box-shadow:0 0 5px var(--primary-shadow)}to{box-shadow:0 0 20px var(--primary-shadow)}}@keyframes rotate-continuous{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}}@keyframes breathing{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.03);opacity:1}}.theme-medieval .animate-theme{animation:medieval-glow 4s ease-in-out infinite alternate}@keyframes medieval-glow{0%{filter:drop-shadow(0 0 5px rgba(212,175,55,.3))}to{filter:drop-shadow(0 0 15px rgba(212,175,55,.6))}}.theme-bloodmoon .animate-theme{animation:bloodmoon-pulse 3s ease-in-out infinite}@keyframes bloodmoon-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,51,51,.3))}50%{filter:drop-shadow(0 0 20px rgba(255,51,51,.7))}}.theme-desert .animate-theme{animation:desert-shimmer 5s ease-in-out infinite}@keyframes desert-shimmer{0%,to{filter:brightness(1) drop-shadow(0 0 5px rgba(212,160,86,.2))}25%{filter:brightness(1.05) drop-shadow(0 0 10px rgba(212,160,86,.4))}75%{filter:brightness(1.02) drop-shadow(0 0 8px rgba(212,160,86,.3))}}.theme-mystic .animate-theme{animation:mystic-sparkle 3s ease-in-out infinite}@keyframes mystic-sparkle{0%,to{filter:drop-shadow(0 0 8px rgba(153,102,204,.4))}33%{filter:drop-shadow(0 0 15px rgba(186,85,211,.6))}66%{filter:drop-shadow(0 0 12px rgba(138,43,226,.5))}}.theme-storm .animate-theme{animation:storm-flicker .5s ease-in-out infinite}@keyframes storm-flicker{0%,90%,to{filter:brightness(1)}95%{filter:brightness(1.5)}}.theme-ice .animate-theme{animation:ice-glitter 4s ease-in-out infinite}@keyframes ice-glitter{0%,to{filter:drop-shadow(0 0 5px rgba(0,212,255,.3)) brightness(1)}50%{filter:drop-shadow(0 0 15px rgba(0,212,255,.6)) brightness(1.1)}}.theme-divine .animate-theme{animation:divine-rays 6s ease-in-out infinite}@keyframes divine-rays{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}}.theme-aurora .animate-theme{animation:aurora-shift 8s ease-in-out infinite}@keyframes aurora-shift{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}33%{filter:drop-shadow(0 0 15px rgba(255,105,180,.5))}66%{filter:drop-shadow(0 0 12px rgba(138,43,226,.5))}}.theme-madness .animate-theme{animation:madness-chaos 2s ease-in-out infinite}@keyframes madness-chaos{0%,to{filter:hue-rotate(0deg) drop-shadow(0 0 10px rgba(255,0,255,.5))}25%{filter:hue-rotate(30deg) drop-shadow(0 0 15px rgba(0,255,0,.5))}50%{filter:hue-rotate(-30deg) drop-shadow(0 0 12px rgba(255,0,255,.6))}75%{filter:hue-rotate(15deg) drop-shadow(0 0 18px rgba(0,255,255,.5))}}.card-transition-enter-active,.card-transition-leave-active{transition:opacity var(--anim-duration-normal) var(--ease-out-expo),transform var(--anim-duration-normal) var(--ease-out-expo)}.card-transition-enter-from{opacity:0;transform:translateY(20px) scale(.95)}.card-transition-leave-to{opacity:0;transform:translateY(-20px) scale(.95)}.modal-transition-enter-active{transition:opacity var(--anim-duration-normal) var(--ease-out-expo),transform var(--anim-duration-normal) var(--ease-out-back)}.modal-transition-leave-active{transition:opacity var(--anim-duration-fast) var(--ease-in-out-smooth),transform var(--anim-duration-fast) var(--ease-in-out-smooth)}.modal-transition-enter-from{opacity:0;transform:scale(.9) translateY(20px)}.modal-transition-leave-to{opacity:0;transform:scale(.95) translateY(10px)}.list-transition-enter-active{transition:opacity var(--anim-duration-normal) var(--ease-out-expo),transform var(--anim-duration-normal) var(--ease-out-expo)}.list-transition-leave-active{transition:opacity var(--anim-duration-fast) var(--ease-in-out-smooth),transform var(--anim-duration-fast) var(--ease-in-out-smooth);position:absolute}.list-transition-enter-from{opacity:0;transform:translate(-30px)}.list-transition-leave-to{opacity:0;transform:translate(30px)}.list-transition-move{transition:transform var(--anim-duration-slow) var(--ease-out-expo)}.stat-transition-enter-active,.stat-transition-leave-active{transition:opacity var(--anim-duration-fast) var(--ease-in-out-smooth),transform var(--anim-duration-fast) var(--ease-out-expo)}.stat-transition-enter-from{opacity:0;transform:translateY(-10px) scale(1.2)}.stat-transition-leave-to{opacity:0;transform:translateY(10px) scale(.8)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-glow,.animate-pulse,.animate-theme{animation:none!important}}.reduced-motion,.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animations-none *,.animations-none *:before,.animations-none *:after{animation:none!important;transition:none!important}.v-show-fade-enter-active,.v-show-fade-leave-active{transition:opacity var(--anim-duration-normal) var(--ease-in-out-smooth)}.v-show-fade-enter-from,.v-show-fade-leave-to{opacity:0}.focus-ring-animated:focus-visible{outline:none;box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--accent-border);animation:focus-ring-pulse 1.5s ease-in-out infinite}@keyframes focus-ring-pulse{0%,to{box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--accent-border)}50%{box-shadow:0 0 0 2px var(--card-bg),0 0 0 6px var(--accent-border),0 0 15px var(--primary-shadow)}}.theme-interactive{position:relative;transition:transform var(--anim-duration-fast) var(--ease-out-expo),box-shadow var(--anim-duration-normal) var(--ease-in-out-smooth),filter var(--anim-duration-normal) var(--ease-in-out-smooth);will-change:transform,box-shadow,filter}.theme-interactive:disabled,.theme-interactive.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(30%)}.theme-medieval .theme-interactive:hover,.theme-medieval .theme-interactive:focus-visible{box-shadow:0 0 20px #d4af3799}.theme-medieval .theme-interactive:active{transform:scale(.98);filter:brightness(1.1)}.theme-medieval .theme-interactive:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(212,175,55,.3) 0%,transparent 70%);opacity:0;transition:opacity var(--anim-duration-normal) var(--ease-out-expo);pointer-events:none}.theme-medieval .theme-interactive:hover:after{opacity:1}.theme-bloodmoon .theme-interactive{overflow:hidden}.theme-bloodmoon .theme-interactive:hover,.theme-bloodmoon .theme-interactive:focus-visible{box-shadow:0 0 25px #ff4444b3}.theme-bloodmoon .theme-interactive:active{transform:scale(.97);filter:brightness(1.2) saturate(1.3)}.theme-bloodmoon .theme-interactive:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(180deg,rgba(255,68,68,.8) 0%,rgba(139,0,0,.4) 50%,transparent 100%);transition:height var(--anim-duration-slow) var(--ease-out-expo);pointer-events:none;z-index:1}.theme-bloodmoon .theme-interactive:hover:before{height:6px}@keyframes blood-pulse{0%,to{box-shadow:0 0 10px #f446}50%{box-shadow:0 0 30px #f44c}}.theme-bloodmoon .theme-interactive.blood-pulse-active{animation:blood-pulse 1.5s ease-in-out infinite}.theme-desert .theme-interactive:hover,.theme-desert .theme-interactive:focus-visible{box-shadow:0 0 20px #d4a05680}.theme-desert .theme-interactive:active{transform:scale(.98);filter:brightness(1.1)}@keyframes heat-wave{0%,to{filter:brightness(1) blur(0px)}25%{filter:brightness(1.05) blur(.3px)}50%{filter:brightness(1.02) blur(0px)}75%{filter:brightness(1.04) blur(.2px)}}.theme-desert .theme-interactive.heat-wave-active{animation:heat-wave 3s ease-in-out infinite}@keyframes desert-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.theme-desert .theme-interactive.shimmer-active:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,rgba(218,165,32,.4) 50%,transparent 100%);background-size:200% 100%;animation:desert-shimmer .6s ease-out;pointer-events:none}.theme-mystic .theme-interactive:hover,.theme-mystic .theme-interactive:focus-visible{box-shadow:0 0 25px #9966ccb3}.theme-mystic .theme-interactive:active{transform:scale(.98) rotate(1deg);filter:brightness(1.15)}@keyframes mystic-aura{0%,to{box-shadow:0 0 10px #96c6,0 0 20px #ba55d333}33%{box-shadow:0 0 20px #ba55d399,0 0 30px #8a2be24d}66%{box-shadow:0 0 15px #8a2be280,0 0 25px #9966cc4d}}.theme-mystic .theme-interactive.runes-active{animation:mystic-aura 3s ease-in-out infinite}.theme-mystic .theme-interactive.runes-active:before{content:"";position:absolute;inset:-5px;border:2px solid transparent;border-radius:inherit;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,linear-gradient(45deg,#96c,#ba55d3,#8a2be2,#96c) border-box;background-size:300% 300%;animation:gradient-border 3s ease infinite;pointer-events:none;opacity:.6}@keyframes gradient-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.theme-storm .theme-interactive{overflow:hidden}.theme-storm .theme-interactive:hover,.theme-storm .theme-interactive:focus-visible{box-shadow:0 0 20px #ff09}.theme-storm .theme-interactive:active{transform:scale(.97);filter:brightness(1.3)}@keyframes lightning-border{0%,90%,to{box-shadow:0 0 5px #4169e14d,inset 0 0 3px #4169e133;filter:brightness(1)}92%{box-shadow:0 0 25px #ff0c,inset 0 0 10px #ffffff4d;filter:brightness(1.3)}95%{box-shadow:0 0 8px #4169e166,inset 0 0 5px #4169e133;filter:brightness(1.1)}97%{box-shadow:0 0 30px #ffffffe6,inset 0 0 15px #ff06;filter:brightness(1.5)}}.theme-storm .theme-interactive.lightning-border-active{animation:lightning-border 2s steps(1) infinite}@keyframes lightning-flash{0%{filter:brightness(1);background-color:inherit}20%{filter:brightness(2);background-color:#ffffff4d}40%{filter:brightness(1.2);background-color:inherit}60%{filter:brightness(1.8);background-color:#ff03}to{filter:brightness(1);background-color:inherit}}.theme-storm .theme-interactive.lightning-flash{animation:lightning-flash .15s ease-out}.theme-ice .theme-interactive:hover,.theme-ice .theme-interactive:focus-visible{box-shadow:0 0 20px #00d4ff99}.theme-ice .theme-interactive:active{transform:scale(.99);filter:brightness(1.15) saturate(1.2)}.theme-ice .theme-interactive.frost-corners-active:before,.theme-ice .theme-interactive.frost-corners-active:after{content:"";position:absolute;width:15px;height:15px;border:2px solid rgba(0,212,255,.6);pointer-events:none;opacity:0;transition:opacity var(--anim-duration-normal) var(--ease-out-expo)}.theme-ice .theme-interactive.frost-corners-active:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:4px 0 0}.theme-ice .theme-interactive.frost-corners-active:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 4px}.theme-ice .theme-interactive.frost-corners-active:hover:before,.theme-ice .theme-interactive.frost-corners-active:hover:after{opacity:1}@keyframes ice-glitter{0%,to{box-shadow:0 0 10px #00d4ff4d,inset 0 0 5px #87ceeb1a}50%{box-shadow:0 0 25px #00d4ff99,inset 0 0 10px #87ceeb33}}.theme-ice .theme-interactive.ice-glitter-active{animation:ice-glitter 2s ease-in-out infinite}.theme-ice .theme-interactive.freeze-active{transition:all .5s cubic-bezier(.2,0,.2,1)!important}.theme-ice .theme-interactive.freeze-active:active{transform:scale(.99)!important}.particle-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:10}.particle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}.particle-gold{background:radial-gradient(circle at 30% 30%,gold,#d4af37,#b8860b);box-shadow:0 0 4px #d4af3799}.particle-blood{background:radial-gradient(circle at 30% 30%,#f66,#f44,#c00);box-shadow:0 0 3px #ff444480}.particle-sand{background:radial-gradient(circle at 30% 30%,#e8c496,#d4a056,#c2864a)}.particle-sparkle{background:radial-gradient(circle at center,#fff,#ba55d3 40%,#96c);box-shadow:0 0 6px #ba55d3cc}.particle-snowflake{background:radial-gradient(circle at 30% 30%,#fff,#b0e0ff,#87ceeb);box-shadow:0 0 5px #87ceeb99}.animated-element,.animation-container{contain:layout style paint}.particle-container,.effect-container,.canvas-container{contain:strict}.theme-interactive{contain:layout style}.modal-content,.overlay-content,.animated-card{contain:layout style paint}.contain-strict{contain:strict}.contain-paint{contain:layout style paint}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:auto 300px}.animations-minimal .theme-interactive{transition-duration:.15s!important}.animations-minimal .theme-interactive:before,.animations-minimal .theme-interactive:after{display:none!important}.animations-minimal .blood-pulse-active,.animations-minimal .heat-wave-active,.animations-minimal .runes-active,.animations-minimal .lightning-border-active,.animations-minimal .frost-corners-active,.animations-minimal .ice-glitter-active{animation:none!important}.animations-none .theme-interactive{transition:none!important;animation:none!important}.animations-none .theme-interactive:hover,.animations-none .theme-interactive:focus,.animations-none .theme-interactive:active{transform:none!important;filter:none!important}.animation-paused,.visibility-hidden{animation-play-state:paused!important}.animation-active,.visibility-visible{animation-play-state:running}.animation-resuming{animation-play-state:running;transition:opacity .3s ease}.toast[data-v-7cf0297b]{position:relative;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:16px 20px;background:var(--modal-bg);border:2px solid var(--primary-border);border-radius:12px;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none}.toast-icon[data-v-7cf0297b]{font-size:1.5rem;line-height:1;flex-shrink:0}.toast-message[data-v-7cf0297b]{flex:1;color:var(--primary-text);font-size:.95rem;line-height:1.4}.toast-close[data-v-7cf0297b]{background:none;border:none;color:var(--secondary-text);font-size:1.8rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close[data-v-7cf0297b]:hover{background:#ffffff1a;color:var(--primary-text)}.toast-success[data-v-7cf0297b]{border-color:#10b981}.toast-success .toast-icon[data-v-7cf0297b]{color:#10b981}.toast-error[data-v-7cf0297b]{border-color:#ef4444}.toast-error .toast-icon[data-v-7cf0297b]{color:#ef4444}.toast-warning[data-v-7cf0297b]{border-color:#f59e0b}.toast-warning .toast-icon[data-v-7cf0297b]{color:#f59e0b}.toast-info[data-v-7cf0297b]{border-color:var(--accent-border)}.toast-info .toast-icon[data-v-7cf0297b]{color:var(--accent-text)}.toast-enter-active[data-v-7cf0297b],.toast-leave-active[data-v-7cf0297b]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-7cf0297b],.toast-leave-to[data-v-7cf0297b]{opacity:0;transform:translateY(20px)}@media (max-width: 768px){.toast[data-v-7cf0297b]{min-width:auto;max-width:none;padding:14px 16px}.toast-message[data-v-7cf0297b]{font-size:.9rem}}.particle-canvas-container[data-v-6815f357]{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden;transition:opacity .5s ease;contain:layout style paint}.particle-canvas-container.hidden[data-v-6815f357]{opacity:0;visibility:hidden}.particle-canvas[data-v-6815f357]{width:100%;height:100%;display:block;contain:strict}.debug-overlay[data-v-6815f357]{position:absolute;top:10px;right:10px;background:#000000b3;color:#0f0;font-family:var(--font-numeric);font-size:12px;padding:8px;border-radius:4px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.particle-canvas[data-v-6815f357]{will-change:contents;transform:translateZ(0);-webkit-transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.particle-canvas-container[data-v-6815f357]{display:none!important}}.bottom-nav[data-v-f261b6b3]{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card-bg);border-top:1px solid var(--primary-border);box-shadow:0 -4px 20px #0000004d;z-index:1000;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}.progress-bar-container[data-v-f261b6b3]{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden}.progress-bar[data-v-f261b6b3]{width:25%;height:100%;background:linear-gradient(90deg,var(--gradient1),var(--gradient2),var(--gradient1));transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.nav-tab[data-v-f261b6b3]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:transparent;border:none;border-top:2px solid transparent;color:var(--secondary-text);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-family:var(--font-ui);outline:none;min-height:56px}.nav-tab[data-v-f261b6b3]:hover:not(.active){background:rgba(var(--gradient1),.05);color:var(--primary-text)}.nav-tab[data-v-f261b6b3]:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px;background:rgba(var(--gradient1),.08)}.nav-tab.active[data-v-f261b6b3]{color:var(--accent-text);border-top-color:var(--accent-border);background:#d4af3726}.nav-icon[data-v-f261b6b3]{font-size:1.5rem;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-tab:hover .nav-icon[data-v-f261b6b3],.nav-tab.active .nav-icon[data-v-f261b6b3]{transform:scale(1.1)}.nav-label[data-v-f261b6b3]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:opacity .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 480px){.nav-icon[data-v-f261b6b3]{font-size:1.3rem}.nav-label[data-v-f261b6b3]{font-size:.65rem}.nav-tab[data-v-f261b6b3]{padding:10px 4px;min-height:52px}}@media (max-width: 320px){.nav-icon[data-v-f261b6b3]{font-size:1.2rem;margin-bottom:2px}.nav-label[data-v-f261b6b3]{font-size:.6rem}.nav-tab[data-v-f261b6b3]{padding:8px 2px;min-height:48px}}@media (min-width: 768px) and (max-width: 1023px){.nav-tab[data-v-f261b6b3]{min-height:60px}.nav-icon[data-v-f261b6b3]{font-size:1.6rem}.nav-label[data-v-f261b6b3]{font-size:.8rem}}@media (max-height: 500px) and (orientation: landscape){.nav-tab[data-v-f261b6b3]{padding:6px 4px;min-height:44px}.nav-icon[data-v-f261b6b3]{font-size:1.2rem;margin-bottom:2px}.nav-label[data-v-f261b6b3]{font-size:.6rem}}.theme-golden{box-shadow:0 -4px 20px #0000001a}.theme-golden{background:#8b451326}@media (prefers-reduced-motion: reduce){.progress-bar[data-v-f261b6b3],.nav-tab[data-v-f261b6b3],.nav-icon[data-v-f261b6b3],.nav-label[data-v-f261b6b3]{transition:none}}.splash-screen[data-v-7503182e]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden}.splash-overlay[data-v-7503182e]{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--primary-bg);z-index:1}.splash-content[data-v-7503182e]{position:relative;z-index:2;text-align:center;padding:40px}.splash-title[data-v-7503182e]{font-family:var(--font-title);font-size:clamp(2rem,8vw,5rem);font-weight:700;color:var(--accent-text);text-shadow:var(--text-glow, 0 0 20px currentColor, 0 0 40px currentColor, 0 4px 8px rgba(0, 0, 0, .8));margin-bottom:20px;line-height:1.2;perspective:1000px}.title-word[data-v-7503182e]{display:inline-block;white-space:nowrap}.title-letter[data-v-7503182e]{display:inline-block;opacity:0;transform-origin:50% 100%}.title-space[data-v-7503182e]{display:inline-block;width:.3em}.splash-subtitle[data-v-7503182e]{font-family:var(--font-heading);font-size:clamp(1rem,3vw,1.5rem);color:var(--secondary-text);margin-bottom:40px;opacity:0;letter-spacing:.2em;text-transform:uppercase}.loader-container[data-v-7503182e]{position:relative;width:80px;height:80px;margin:0 auto}.loader-ring[data-v-7503182e]{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-border);border-right-color:var(--accent-border);border-bottom-color:color-mix(in srgb,var(--accent-border) 30%,transparent);border-left-color:color-mix(in srgb,var(--accent-border) 30%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-border) 50%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent-border) 20%,transparent)}.loader-center[data-v-7503182e]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.loader-icon[data-v-7503182e]{width:100%;height:100%;color:var(--accent-text);filter:drop-shadow(0 0 8px currentColor)}.lightning-icon[data-v-7503182e]{animation:lightning-pulse-7503182e 1.5s ease-in-out infinite}@keyframes lightning-pulse-7503182e{0%,to{filter:drop-shadow(0 0 8px var(--accent-text));opacity:1}25%{filter:drop-shadow(0 0 20px var(--accent-text)) drop-shadow(0 0 40px var(--accent-text));opacity:1}30%{filter:drop-shadow(0 0 5px var(--accent-text));opacity:.7}35%{filter:drop-shadow(0 0 25px var(--accent-text)) drop-shadow(0 0 50px var(--accent-text));opacity:1}50%{filter:drop-shadow(0 0 12px var(--accent-text));opacity:.9}75%{filter:drop-shadow(0 0 18px var(--accent-text)) drop-shadow(0 0 35px var(--accent-text));opacity:1}}.splash-particles[data-v-7503182e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.particle[data-v-7503182e]{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--accent-text);border-radius:50%;opacity:0;box-shadow:0 0 10px var(--accent-text)}.splash-fade-enter-active[data-v-7503182e],.splash-fade-leave-active[data-v-7503182e]{transition:opacity .6s ease}.splash-fade-enter-from[data-v-7503182e],.splash-fade-leave-to[data-v-7503182e]{opacity:0}@media (max-width: 768px){.splash-content[data-v-7503182e]{padding:20px}.splash-subtitle[data-v-7503182e]{font-size:.875rem;letter-spacing:.15em}.loader-container[data-v-7503182e]{width:60px;height:60px}.loader-center[data-v-7503182e]{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){.splash-screen[data-v-7503182e] *{animation:none!important;transition:none!important}.title-letter[data-v-7503182e]{opacity:1;transform:none}.splash-subtitle[data-v-7503182e]{opacity:1}}.dev-floating-button[data-v-e246f0f4]{position:fixed;bottom:6rem;right:1.5rem;z-index:9999}.dev-button[data-v-e246f0f4]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:2rem;color:#fff;font-weight:600;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 16px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden}.dev-button[data-v-e246f0f4]:hover{transform:scale(1.1);box-shadow:0 6px 24px #667eea80}.dev-button[data-v-e246f0f4]:active{transform:scale(.95)}.dev-button .icon[data-v-e246f0f4]{display:inline-block;animation:pulse-e246f0f4 2s ease-in-out infinite}@keyframes pulse-e246f0f4{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dev-button .label[data-v-e246f0f4]{opacity:0;max-width:0;transition:all .3s}.dev-button.expanded .label[data-v-e246f0f4]{opacity:1;max-width:150px;margin-right:.5rem}.dev-menu[data-v-e246f0f4]{position:absolute;bottom:4.5rem;right:0;min-width:200px;background:#000000f2;border:2px solid rgba(102,126,234,.5);border-radius:1rem;padding:.5rem;box-shadow:0 8px 32px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-item[data-v-e246f0f4]{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;color:#fff;font-weight:500;text-align:left;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.menu-item[data-v-e246f0f4]:hover{background:#667eea4d;transform:translate(4px)}.menu-enter-active[data-v-e246f0f4],.menu-leave-active[data-v-e246f0f4]{transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-enter-from[data-v-e246f0f4],.menu-leave-to[data-v-e246f0f4]{opacity:0;transform:translateY(10px) scale(.9)}@media (max-width: 768px){.dev-floating-button[data-v-e246f0f4]{bottom:5rem;right:1rem}.dev-button[data-v-e246f0f4]{padding:.6rem;font-size:1rem}.dev-menu[data-v-e246f0f4]{min-width:180px}}.app-container[data-v-a7c86891]{position:relative;min-height:100vh;padding-bottom:80px;max-width:1500px;margin:auto;z-index:1}.header-container[data-v-a7c86891]{overflow:hidden;transition:height .2s ease}.toast-container[data-v-a7c86891]{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:auto;max-width:90vw}.toast-container[data-v-a7c86891]>*{pointer-events:auto}@media (max-width: 768px){.toast-container[data-v-a7c86891]{bottom:calc(80px + env(safe-area-inset-bottom));left:16px;right:16px;transform:none;width:auto}}.tab-content[data-v-a7c86891]{padding:20px 20px 100px}.tab-fade-leave-active[data-v-a7c86891]{transition:opacity .1s ease-out}.tab-fade-enter-active[data-v-a7c86891]{transition:opacity .15s ease-in}.tab-fade-enter-from[data-v-a7c86891],.tab-fade-leave-to[data-v-a7c86891]{opacity:0}.header-slide-enter-active[data-v-a7c86891],.header-slide-leave-active[data-v-a7c86891]{transition:all .2s ease}.header-slide-enter-from[data-v-a7c86891],.header-slide-leave-to[data-v-a7c86891]{opacity:0;transform:translateY(-100%);max-height:0}.header-slide-enter-to[data-v-a7c86891],.header-slide-leave-from[data-v-a7c86891]{opacity:1;transform:translateY(0);max-height:200px}.route-loading-overlay[data-v-a7c86891]{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9998}.loader-container[data-v-a7c86891]{position:relative;width:80px;height:80px}.loader-ring[data-v-a7c86891]{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:var(--accent-border);border-right-color:var(--accent-border);border-bottom-color:color-mix(in srgb,var(--accent-border) 30%,transparent);border-left-color:color-mix(in srgb,var(--accent-border) 30%,transparent);animation:spin-a7c86891 1.5s linear infinite;box-shadow:0 0 20px color-mix(in srgb,var(--accent-border) 50%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent-border) 20%,transparent)}@keyframes spin-a7c86891{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-center[data-v-a7c86891]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.loader-icon[data-v-a7c86891]{width:100%;height:100%;color:var(--accent-text);filter:drop-shadow(0 0 8px currentColor)}.lightning-icon[data-v-a7c86891]{animation:lightning-pulse-a7c86891 1.5s ease-in-out infinite}@keyframes lightning-pulse-a7c86891{0%,to{filter:drop-shadow(0 0 8px var(--accent-text));opacity:1}25%{filter:drop-shadow(0 0 20px var(--accent-text)) drop-shadow(0 0 40px var(--accent-text));opacity:1}30%{filter:drop-shadow(0 0 5px var(--accent-text));opacity:.7}35%{filter:drop-shadow(0 0 25px var(--accent-text)) drop-shadow(0 0 50px var(--accent-text));opacity:1}}.loader-fade-enter-active[data-v-a7c86891],.loader-fade-leave-active[data-v-a7c86891]{transition:opacity .2s ease}.loader-fade-enter-from[data-v-a7c86891],.loader-fade-leave-to[data-v-a7c86891]{opacity:0}@media (prefers-reduced-motion: reduce){.loader-ring[data-v-a7c86891],.lightning-icon[data-v-a7c86891]{animation:none!important}}