:root{color:#14213d;background:#8fd8ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}body:before{z-index:-2;content:"";background:#110a2d;position:fixed;inset:0}button{font:inherit}#app{width:100vw;height:100vh}.screen{background:linear-gradient(90deg,#0c0728b8,#160b3d2e 42%,#0c0728ad),radial-gradient(circle at 50% 36%,#7ae7ff3d,#0000 32%),url(/assets/ui/formal-menu-bg.png) 50%/cover no-repeat,linear-gradient(135deg,#160b3d,#153e70 50%,#39d4c5);place-items:center;width:100%;height:100%;padding:32px;display:grid;position:relative;overflow:hidden}.screen:before,.screen:after{pointer-events:none;content:"";position:absolute}.screen:before{border:1px solid #7ae7ff52;border-radius:28px;inset:18px;box-shadow:inset 0 0 40px #7ae7ff1f,0 0 42px #7ae7ff1f}.screen:after{background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.screen-card{z-index:1;text-align:center;background:#fffffff0;border:4px solid #111;border-radius:24px;width:min(560px,92vw);padding:32px;position:relative;box-shadow:8px 8px #111}.formal-card{color:#f7fdff;text-shadow:0 3px 12px #050219b8;background:radial-gradient(circle at 18% 16%,#5ceeff33,#0000 24%),radial-gradient(circle at 84% 80%,#995bff33,#0000 30%),linear-gradient(135deg,#382a6ff5,#100b30fa 56%,#1e184ef5);border:2px solid #6de6ffb8;border-radius:22px 34px;gap:16px;padding:clamp(30px,5vw,52px);display:grid;overflow:hidden;box-shadow:0 28px 70px #03011494,inset 0 0 0 4px #100b30c7,inset 0 0 42px #50ebff1f,0 0 34px #5ceeff38}.formal-card:before{pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(90deg,#0000 48%,#6de6ff1f 49%,#0000 51%),linear-gradient(#0000 49%,#6de6ff14 51%,#0000 52%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:92px 92px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffda6970;border-radius:16px 26px;position:absolute;inset:12px}.formal-card:after{pointer-events:none;content:"";background:linear-gradient(135deg,#6de6ff6b,#7b57ff2e 58%,#0000),radial-gradient(circle,#fff3976b,#0000 54%);border:1px solid #6de6ff8f;border-radius:24px 10px;width:118px;height:118px;position:absolute;top:-32px;right:-28px;transform:rotate(45deg);box-shadow:0 0 34px #6de6ff57}.wide-card{width:min(820px,94vw)}.level-select-card{width:min(960px,94vw)}.formal-emblem{color:#fff39a;background:linear-gradient(135deg,#7eefff75,#5d4bd647 52%,#ffe45c2e),#0e092ec7;border:2px solid #acf7ffdb;border-radius:18px 6px;justify-self:center;place-items:center;width:68px;height:68px;font-size:32px;display:grid;transform:rotate(45deg);box-shadow:0 0 28px #7ae7ff8a,inset 0 0 20px #ffffff1f}.formal-emblem>*,.formal-emblem:first-letter{transform:rotate(-45deg)}.screen-kicker{background:#ffe45c;border:3px solid #111;border-radius:999px;margin-bottom:12px;padding:6px 12px;font-weight:800;display:inline-block}.formal-kicker{color:#ffe6a4;letter-spacing:.24em;background:linear-gradient(90deg,#ffda6914,#6de6ff24,#ffda6914),#0a0724b8;border:1px solid #ffda69ad;justify-self:center;margin-bottom:0;font-size:11px;box-shadow:0 0 18px #ffda6929,inset 0 0 14px #6de6ff1a}.screen h1{margin:0 0 12px;font-size:clamp(32px,7vw,64px);line-height:1}.formal-card h1{color:#faffff;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 3px #2b165ef2,0 0 12px #6de6ff94,0 0 32px #995bff6b;margin:0;font-size:clamp(42px,7vw,80px)}.screen p{margin:0 0 24px;font-size:18px}.formal-card p{color:#ebfaffe0;justify-self:center;width:min(620px,100%);margin:0;font-size:clamp(16px,2vw,20px);line-height:1.65}.formal-hint{color:#ebfaffad;letter-spacing:.08em;font-weight:700}.formal-rune-list,.formal-feature-list{flex-wrap:wrap;justify-content:center;gap:12px;margin:2px 0 8px;display:flex}.formal-rune-list span,.formal-feature-list span{color:#dff8ff;background:#04031252;border:1px solid #7ae7ff7a;border-radius:10px 4px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:900;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 12px #7ae7ff1a,0 0 12px #7ae7ff1f}.formal-rune-list span{color:#ffe6a4;text-shadow:0 0 12px #ffda696b}.primary-button,.secondary-button,.level-card{color:#111;cursor:pointer;border:3px solid #111;border-radius:16px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:4px 4px #111}.primary-button:hover,.secondary-button:hover,.level-card:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #111}.primary-button{color:#fff;background:#f72585;padding:14px 28px;font-size:20px}.formal-primary-button{color:#12072b;text-shadow:0 1px #ffffff75;background:linear-gradient(#ffffff3d,#0000 38%),linear-gradient(135deg,#7af0ff,#6363ff 46%,#30175e 47%,#ffda69 100%);border:2px solid #ffe88ff2;border-radius:10px 22px;justify-self:center;min-width:220px;margin-top:6px;padding:17px 38px;box-shadow:0 12px 30px #0403126b,0 0 28px #7ae7ff57,inset 0 0 0 2px #190b3e38}.formal-primary-button:hover{box-shadow:0 10px 26px #0403127a,0 0 42px #7ae7ff94,inset 0 0 18px #fff3}.secondary-button{background:#ffe45c;padding:10px 16px}.loading-bar{background:#fff;border:3px solid #111;border-radius:999px;height:24px;overflow:hidden}.loading-bar span{background:repeating-linear-gradient(45deg,#35d8ff,#35d8ff 12px,#7c4dff 12px 24px);width:68%;height:100%;display:block}.formal-loading-bar{background:linear-gradient(90deg,#0f082de6,#271d5aeb),#0403129e;border:2px solid #acf7ffb8;height:20px;box-shadow:inset 0 0 18px #7ae7ff2e,0 0 18px #7ae7ff24}.formal-loading-bar span{background:repeating-linear-gradient(90deg,#ffffff2e 0 8px,#0000 8px 18px),linear-gradient(90deg,#7ae7ff,#9a6dff 46%,#ffe66f);width:76%;animation:1.2s ease-in-out infinite alternate formal-loading-pulse;box-shadow:0 0 22px #7ae7ffdb}.level-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.formal-card .level-grid{width:min(640px,100%);margin:24px auto 0;display:block}.level-card{text-align:left;background:#fff;min-height:120px;padding:18px}.formal-level-card{color:#f7fdff;clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px);text-shadow:0 2px #160713,0 5px 10px #0403129e;background:linear-gradient(135deg,#0000 0 20px,#d89b2e 20px 28px,#0000 28px) 0 0/56px 56px no-repeat,linear-gradient(225deg,#0000 0 20px,#d89b2e 20px 28px,#0000 28px) 100% 0/56px 56px no-repeat,linear-gradient(45deg,#0000 0 20px,#d89b2e 20px 28px,#0000 28px) 0 100%/56px 56px no-repeat,linear-gradient(315deg,#0000 0 20px,#d89b2e 20px 28px,#0000 28px) 100% 100%/56px 56px no-repeat,radial-gradient(circle at 88% 82%,#60d9ff2e,#0000 30%),linear-gradient(#543e9ef5,#1e1354fa 62%,#0e072efa);border:5px solid #120713;border-radius:0;flex-direction:column;align-items:flex-start;width:100%;min-height:270px;padding:30px 38px 96px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #d89b2e,inset 0 0 0 10px #4a257e,inset 0 18px 24px #896dff24,inset 0 -22px 30px #06022085,0 8px #090208}.level-card strong,.level-card span{display:block}.level-card strong{margin-bottom:8px;font-size:22px}.formal-level-card em{color:#fff7cd;text-align:center;background:linear-gradient(#ffe68a,#d58b1e 58%,#6f2c08);border:4px solid #170713;border-radius:999px;min-width:92px;margin-bottom:16px;padding:6px 18px;font-size:16px;font-style:normal;font-weight:1000;line-height:1;box-shadow:inset 0 2px #ffffff70,0 4px #090208}.formal-level-card strong{z-index:1;color:#ffe779;white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-shadow:0 3px #321018,-2px 0 #321018,2px 0 #321018,0 -2px #321018;width:100%;max-width:520px;margin:0 0 16px;padding:0;font-size:clamp(28px,2.4vw,36px);line-height:1.12;position:relative}.formal-level-card span{z-index:1;color:#f2fbff;white-space:normal;word-break:keep-all;overflow-wrap:break-word;writing-mode:horizontal-tb;width:min(100%,440px);font-size:18px;font-weight:850;line-height:1.55;position:relative}.formal-level-card small{z-index:1;color:#fff7c9;letter-spacing:.06em;text-align:center;text-shadow:0 2px #1b0c55,-1px 0 #1b0c55,1px 0 #1b0c55;background:linear-gradient(#85f4ff,#236fff 58%,#24146e);border:4px solid #170713;border-radius:18px;min-width:132px;padding:12px 22px;font-size:18px;font-weight:1000;position:absolute;bottom:34px;right:38px;box-shadow:inset 0 3px #ffffff7a,inset 0 -5px #0c094694,0 5px #090208}@keyframes formal-loading-shimmer{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,100% 0}}@media (prefers-reduced-motion:reduce){.formal-loading-bar span{animation:none}}.screen-card.formal-card{width:min(760px,94vw);min-height:620px;box-shadow:none;color:#fff8d6;text-shadow:0 3px #170614,-2px 0 #170614,2px 0 #170614,0 -2px #170614,0 8px 14px #080218b8;background:0 0;border:0;border-radius:0;align-content:center;gap:12px;padding:clamp(112px,12vw,138px) clamp(96px,11vw,132px) clamp(86px,9vw,112px);overflow:visible}.screen-card.formal-card:before,.screen-card.formal-card:after{content:none}.title-card,.screen-card.formal-card.title-card{width:min(760px,94vw);min-height:690px;padding-top:clamp(150px,16vw,188px);background:url(/assets/ui/panels/game-crystal-panel.png) 50%/100% 100% no-repeat!important}.screen-card.formal-card.common-panel-card:not(.title-card){width:min(760px,94vw);min-height:620px;background:url(/assets/ui/panels/game-common-panel.png) 50%/100% 100% no-repeat!important}.level-select-card{align-content:start;gap:14px}.loading-card{width:min(680px,94vw);min-height:620px}.formal-emblem{display:none}.formal-kicker{color:#fff7c9;letter-spacing:.12em;text-shadow:0 2px #5b1708,-1px 0 #5b1708,1px 0 #5b1708;background:linear-gradient(#ffe98a 0%,#d99023 52%,#7c3d0b 100%);border:5px solid #19060f;border-radius:18px;justify-self:center;min-width:220px;padding:8px 24px;font-size:12px;font-weight:1000;box-shadow:inset 0 3px #ffffff6b,inset 0 -5px #4a18048c,0 4px #090208}.formal-card h1{color:#ffe779;letter-spacing:.02em;-webkit-text-stroke:2px #230812;text-shadow:0 5px #7b2b16,0 -2px #fff9b8,4px 4px #11030b,-3px 3px #11030b,0 0 18px #ffe04b75;font-family:Impact,Arial Black,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(48px,7.8vw,86px);font-weight:1000}.level-select-card h1{-webkit-text-stroke:1.5px #230812;text-shadow:0 4px #7b2b16,0 -1px #fff9b8,3px 3px #11030b;margin:0;font-size:clamp(42px,4.6vw,58px)}.formal-card p{color:#f7f4ff;text-shadow:0 2px #07113c,-1px 0 #07113c,1px 0 #07113c;background:#131f5c42;border-radius:16px;width:min(560px,100%);padding:8px 16px;font-size:clamp(17px,2vw,21px);font-weight:850;line-height:1.55}.level-select-card>p{color:#dffbff;background:0 0;justify-self:center;margin:-4px 0 10px;padding:0;font-size:clamp(17px,1.8vw,20px)}.formal-hint{color:#dffbff;letter-spacing:.05em;text-shadow:0 2px #07113c,0 0 10px #69ddffbf;justify-self:center;padding:8px 18px;font-size:13px;font-weight:950}.formal-rune-list{gap:18px;margin:2px 0 4px}.formal-rune-list span{color:#fff59e;background:radial-gradient(circle at 34% 24%,#fff 0 8%,#0000 9%),linear-gradient(135deg,#60e8ff,#6c3cff 52%,#35106f 100%);border:5px solid #170614;border-radius:50%;width:46px;height:46px;font-size:18px;box-shadow:inset 0 3px #ffffff57,inset 0 -6px #1605408f,0 0 0 4px #df9b2b,0 4px #090208,0 0 18px #64e8ff8c}.formal-primary-button{color:#fff3c4;letter-spacing:.08em;min-width:330px;min-height:104px;box-shadow:none;-webkit-text-stroke:1.4px #240812;text-shadow:0 3px #5a1a65,3px 3px #10020d,0 0 10px #fff4a094;filter:drop-shadow(0 10px #06010a80);background:url(/assets/ui/buttons/game-crystal-button-3states.png) top/100% 300% no-repeat;border:0;border-radius:0;justify-content:center;align-items:center;margin-top:2px;padding:10px 72px 0;font-family:Impact,Arial Black,PingFang SC,Microsoft YaHei,sans-serif;font-size:30px;font-weight:1000;display:inline-flex;position:relative}.formal-primary-button:hover{box-shadow:none;filter:drop-shadow(0 10px #06010a80);background-position:top;transform:translateY(-2px)}.formal-primary-button:active{filter:drop-shadow(0 5px #06010a8c);background-position:bottom;transform:translateY(4px)}.formal-loading-bar{width:min(420px,100%);height:56px;box-shadow:none;filter:drop-shadow(0 8px #06010a80);background:url(/assets/ui/buttons/game-crystal-button-3states.png) top/100% 300% no-repeat;border:0;border-radius:0;justify-self:center;padding:15px 42px}.formal-loading-bar span{background:linear-gradient(#ffffff94,#0000 42%) 0 0/100% 100%,repeating-linear-gradient(90deg,#ffffff29 0 10px,#0000 10px 20px) 0 0/100% 100%,linear-gradient(90deg,#25dfff 0%,#7149ff 38%,#ffe14f 56%,#7149ff 74%,#25dfff 100%) 0 0/220% 100%;border-radius:999px;width:100%;height:100%;animation:1.15s linear infinite formal-loading-shimmer;box-shadow:inset 0 -3px #1409588c,0 0 16px #55e4ffc7}.formal-card .level-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:0}.formal-level-card{color:#fff7d0;text-align:left;writing-mode:horizontal-tb;background:linear-gradient(135deg,#0000 0 18px,#d69b35f5 19px 24px,#0000 25px) 0 0/50% 50% no-repeat,linear-gradient(225deg,#0000 0 18px,#d69b35f5 19px 24px,#0000 25px) 100% 0/50% 50% no-repeat,linear-gradient(45deg,#0000 0 18px,#d69b35f5 19px 24px,#0000 25px) 0 100%/50% 50% no-repeat,linear-gradient(315deg,#0000 0 18px,#d69b35f5 19px 24px,#0000 25px) 100% 100%/50% 50% no-repeat,radial-gradient(circle at 10%,#5ceeff52,#0000 70px),linear-gradient(#533e9efa,#221862fa 56%,#0f0b36fa);border:5px solid #160713;border-radius:22px;grid-template-columns:92px minmax(0,1fr) 126px;grid-template-areas:"badge name cta""badge desc cta";align-items:center;column-gap:18px;width:min(720px,100vw - 96px);min-height:136px;margin:0 auto;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #d99b32,inset 0 0 0 8px #14093a9e,inset 0 14px #ffffff14,inset 0 -18px #06031e47,0 8px #06010a94}.formal-level-card:hover:not(:disabled){transform:translateY(-2px)}.formal-level-card:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 0 0 3px #d99b32,inset 0 0 0 8px #14093a9e,inset 0 -12px #06031e4d,0 4px #06010a99}.formal-level-card:before{content:"";background:linear-gradient(135deg,#ffffffe6 0 12%,#0000 13%),linear-gradient(145deg,#81f7ff 0 34%,#25bddf 35% 56%,#7757ff 57% 100%);border:4px solid #160713;border-radius:50% 50% 44% 44%;grid-area:badge;justify-self:center;width:68px;height:82px;transform:rotate(45deg);box-shadow:inset 0 -8px #0c0b4847,0 0 0 4px #d99b32,0 5px #06010a8c}.formal-level-card:after{content:"";pointer-events:none;border:1px solid #74ecff2e;border-radius:14px;position:absolute;inset:14px}.formal-level-card em{z-index:1;color:#fff8c7;text-shadow:0 2px #64230d;white-space:nowrap;background:linear-gradient(#ffe780,#c97a1e 70%,#64230d);border:3px solid #160713;border-radius:999px;grid-area:badge;place-self:end center;margin-bottom:-10px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:1000}.formal-level-card strong{color:#ffe779;letter-spacing:.02em;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;-webkit-text-stroke:1px #230812;text-shadow:0 3px #6c245b,2px 2px #10020d;grid-area:name;min-width:0;font-family:Impact,Arial Black,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:1000;line-height:1.05}.formal-level-card span{color:#f7f4ff;text-shadow:0 2px #07113c;white-space:normal;word-break:keep-all;overflow-wrap:break-word;writing-mode:horizontal-tb;grid-area:desc;min-width:0;margin-top:8px;font-size:clamp(15px,1.35vw,18px);font-weight:850;line-height:1.35}.formal-level-card small{z-index:1;color:#fff8c7;text-align:center;text-shadow:0 2px #07113c;white-space:nowrap;background:linear-gradient(#75f2ff,#335be8 58%,#1d146a);border:4px solid #170614;border-radius:18px;grid-area:cta;justify-self:end;place-items:center;min-width:106px;min-height:48px;padding:10px 14px;font-size:14px;font-weight:1000;display:inline-grid;position:relative;box-shadow:inset 0 3px #ffffff6b,inset 0 -5px #070a4d6b,0 3px #090208}.level-card:disabled{cursor:not-allowed;filter:brightness(.62)saturate(.56)drop-shadow(0 6px #06010a73);opacity:1}.formal-level-card{box-sizing:border-box;border-radius:30px;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"icon badge""icon name""icon desc""icon cta";gap:4px 18px;min-height:190px;padding:22px 24px 22px 22px}.formal-level-card:before{width:64px;height:80px;left:32px}.formal-level-card em{z-index:1;color:#fff7c9;text-shadow:0 2px #5b1708;background:linear-gradient(#ffe98a,#d28b24 58%,#74350b);border:3px solid #170614;border-radius:999px;grid-area:badge;justify-self:start;place-items:center;min-width:76px;min-height:28px;padding:4px 12px;font-size:12px;font-style:normal;font-weight:1000;line-height:1;display:inline-grid;position:relative;box-shadow:inset 0 2px #ffffff61,inset 0 -3px #4a180480,0 3px #090208}.formal-level-card strong,.formal-level-card span{writing-mode:horizontal-tb;text-orientation:mixed;min-width:0}.formal-level-card strong{overflow-wrap:normal;word-break:keep-all;white-space:normal;font-size:clamp(24px,2.25vw,30px);line-height:1.08;overflow:visible}.formal-level-card span{overflow-wrap:normal;word-break:normal;white-space:normal;max-width:100%;margin-top:4px;font-size:clamp(14px,1.2vw,16px);line-height:1.45}.formal-level-card small{place-self:end;min-width:112px;margin-top:8px}.level-select-card>p{color:#e5fbff;text-align:center;text-shadow:0 2px #050a2af2;width:min(500px,100%);margin:0 auto 16px;font-size:clamp(14px,1.15vw,16px);font-weight:850;line-height:1.45}.formal-level-card{width:100%;min-height:262px;box-shadow:none;clip-path:none;color:#f7fdff;text-align:left;text-shadow:0 2px #13051a,0 5px 10px #0403129e;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);grid-template-areas:"badge""name""desc""cta";align-items:start;row-gap:9px;padding:6px 10px 0;display:grid;position:relative;overflow:visible}.formal-level-card:before,.formal-level-card:after{content:none}.formal-level-card em{color:#fff9cf;letter-spacing:.12em;text-shadow:0 2px #641b07;background:linear-gradient(#ffeaa0,#d38a22 62%,#7b3609);border:4px solid #170614;border-radius:999px;grid-area:badge;justify-self:start;min-width:0;min-height:0;margin:0;padding:6px 18px;font-size:14px;font-style:normal;font-weight:1000;line-height:1;box-shadow:inset 0 2px #ffffff5c,inset 0 -4px #541b0475,0 4px #0702129e}.formal-level-card strong{color:#ffe977;white-space:normal;word-break:keep-all;text-shadow:0 3px #6b2458,-2px 0 #10020d,2px 0 #10020d,0 -2px #10020d;grid-area:name;min-width:0;max-width:100%;margin:0;font-size:clamp(26px,2.25vw,34px);line-height:1.12}.formal-level-card span{color:#f4f2ff;white-space:normal;word-break:keep-all;overflow-wrap:normal;grid-area:desc;min-width:0;max-width:460px;margin:2px auto 0;font-size:clamp(14px,1.12vw,16px);font-weight:850;line-height:1.48}.formal-level-card small{color:#fff7c9;letter-spacing:.06em;text-align:center;text-shadow:0 2px #1b0c55,-1px 0 #1b0c55,1px 0 #1b0c55;background:linear-gradient(#82f0ff,#4c58d7 58%,#29145f);border:4px solid #170713;border-radius:16px;grid-area:cta;place-self:end center;min-width:150px;min-height:52px;margin:22px 0 0;padding:12px 20px;font-size:18px;font-weight:1000;box-shadow:inset 0 3px #ffffff7a,inset 0 -5px #0c094694,0 5px #090208}.level-select-card{padding:clamp(132px,11.6vw,148px) clamp(116px,9vw,154px) clamp(118px,9vw,142px)!important}.level-select-card>p{text-align:center!important;width:min(560px,100%)!important;margin:0 auto 32px!important;font-size:clamp(17px,1.35vw,22px)!important;line-height:1.25!important}.level-select-card .level-grid{width:min(560px,100%)!important;margin:0 auto!important}.level-select-card .formal-level-card,.level-select-card .formal-level-card:hover,.level-select-card .formal-level-card:focus,.level-select-card .formal-level-card:focus-visible,.level-select-card .formal-level-card:active{width:100%!important;min-height:0!important;box-shadow:none!important;filter:none!important;clip-path:none!important;text-align:center!important;background:0 0!important;border:0!important;outline:0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;padding:0!important;display:flex!important;overflow:visible!important;transform:none!important}.level-select-card .formal-level-card:before,.level-select-card .formal-level-card:after{content:none!important;display:none!important}.level-select-card .formal-level-card em{align-self:center!important;margin:0!important;padding:7px 24px!important;font-size:clamp(14px,1.05vw,18px)!important}.level-select-card .formal-level-card strong{text-align:center!important;white-space:normal!important;word-break:keep-all!important;width:100%!important;max-width:560px!important;margin:0!important;font-size:clamp(30px,2.65vw,44px)!important;line-height:1.08!important}.level-select-card .formal-level-card span{text-align:center!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:normal!important;width:100%!important;max-width:500px!important;margin:4px auto 10px!important;font-size:clamp(16px,1.32vw,21px)!important;line-height:1.34!important}.level-select-card .formal-level-card small{text-align:center!important;place-self:center!important;min-width:172px!important;min-height:58px!important;margin:4px 0 0!important;padding:14px 28px!important;font-size:clamp(20px,1.55vw,26px)!important;line-height:1!important}@media (width<=720px){.screen{padding:12px}.screen-card.formal-card,.title-card,.loading-card{width:min(560px,98vw);min-height:560px;padding:118px 64px 86px}.level-select-card{width:min(620px,98vw);min-height:720px;padding:118px 56px 86px}.formal-primary-button{min-width:260px;min-height:88px;font-size:24px}}.gameplay-screen,.gameplay-viewport,.asset-preview-screen,.asset-preview-viewport{width:100%;height:100%;position:relative}.asset-preview-screen,.asset-socket-editor-screen{background:#2c1b62}.asset-preview-viewport canvas,.asset-socket-editor-viewport canvas{touch-action:none;display:block}.asset-preview-hud{z-index:12;background:#ffffffeb;border:3px solid #111;border-radius:16px;gap:6px;min-width:min(360px,100vw - 32px);padding:14px;display:grid;position:fixed;top:16px;right:16px;box-shadow:4px 4px #111}.asset-preview-hud strong,.asset-preview-hud span{overflow-wrap:anywhere}.asset-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.asset-preview-actions button{cursor:pointer;color:#111;background:#fff;border:2px solid #111;border-radius:10px;padding:6px 10px;font-weight:800;box-shadow:2px 2px #111}.asset-socket-editor-screen{color:#f4fbff;grid-template-columns:minmax(0,1fr) minmax(460px,30vw);width:100%;height:100%;display:grid}.asset-socket-editor-viewport{min-width:0;min-height:0;position:relative}.asset-socket-editor-panel{z-index:2;background:#140d36f5;border-left:1px solid #7ae7ff4d;align-content:start;gap:12px;min-width:0;padding:16px;display:grid;overflow:hidden auto}.asset-socket-editor-panel h1,.asset-socket-editor-panel p{overflow-wrap:anywhere;margin:0}.asset-socket-editor-panel p,.asset-socket-editor-status{color:#f4fbffc2;font-size:13px;line-height:1.5}.asset-socket-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.asset-socket-editor-actions button,.asset-socket-editor-panel>button{cursor:pointer;color:#f4fbff;background:#5f43b0b8;border:1px solid #7ae7ff80;border-radius:10px;padding:7px 10px;font-weight:800}.asset-socket-editor-actions button[data-selected=true]{color:#140d36;background:#ffe45c;border-color:#ffe45c;box-shadow:0 0 0 2px #ffe45c47,0 0 18px #ffe45c6b}.asset-socket-editor-panel>.asset-socket-editor-danger-button{background:#9e224dc7;border-color:#ff5b80bf}.asset-socket-editor-panel>.asset-socket-editor-danger-button:hover{background:#ce2d60e6;border-color:#ff8aa8}.asset-socket-editor-asset-select{color:#f4fbffd1;gap:6px;font-size:13px;font-weight:800;display:grid}.asset-socket-editor-asset-select select{color:#f4fbff;background:#04031294;border:1px solid #7ae7ff75;border-radius:10px;min-width:0;padding:8px 10px}.asset-socket-editor-nudge,.asset-socket-editor-motion,.asset-socket-editor-outline{background:#04031242;border:1px solid #7ae7ff47;border-radius:12px;gap:8px;padding:10px;display:grid}.asset-socket-editor-nudge strong,.asset-socket-editor-motion strong,.asset-socket-editor-outline strong{color:#7ae7ff;font-size:13px}.asset-socket-editor-motion label{color:#f4fbffc7;gap:4px;font-size:12px;display:grid}.asset-socket-editor-outline label{color:#f4fbffc7;grid-template-columns:76px 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.asset-socket-editor-motion input,.asset-socket-editor-motion select,.asset-socket-editor-outline input,.asset-socket-editor-outline select{color:#f4fbff;background:#04031294;border:1px solid #7ae7ff75;border-radius:8px;min-width:0;padding:7px 8px}.asset-socket-editor-outline input[type=checkbox]{justify-self:start;width:16px;height:16px;padding:0}.asset-socket-editor-outline input[type=color]{width:54px;height:28px;padding:3px}.asset-socket-editor-fields{gap:10px;display:grid}.asset-socket-editor-fields fieldset{border:1px solid #7ae7ff5c;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:10px;display:grid}.asset-socket-editor-fields fieldset[data-selected=true]{background:#ffe45c1a;border-color:#ffe45c;box-shadow:inset 0 0 0 1px #ffe45c40,0 0 18px #ffe45c2e}.asset-socket-editor-fields legend{color:#7ae7ff;font-weight:800}.asset-socket-editor-fields label{color:#f4fbffc7;gap:4px;font-size:12px;display:grid}.asset-socket-editor-fields input{color:#f4fbff;background:#04031294;border:1px solid #7ae7ff75;border-radius:8px;min-width:0;padding:7px 8px}.asset-socket-editor-output{resize:vertical;color:#dff8ff;background:#040312b8;border:1px solid #7ae7ff5c;border-radius:10px;width:100%;min-width:0;height:140px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45}.gameplay-loading-overlay{z-index:30;background:radial-gradient(circle at 50% 35%,#5c41be94,#0000 46%),#12092eeb;place-items:center;display:grid;position:absolute;inset:0}.gameplay-loading-overlay-card{transform:scale(.86)}.gameplay-loading-overlay .formal-loading-bar span{animation-duration:.9s}.gameplay-frame{pointer-events:none;z-index:6;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #120926eb,inset 0 0 0 9px #cea246d9,inset 0 0 0 11px #7ae7ff59,inset 0 0 70px 14px #28125699}.gameplay-frame:before,.gameplay-frame:after{content:"";filter:drop-shadow(0 0 6px #7ae7ff8c);border:3px solid #7ae7ffcc;width:46px;height:46px;position:absolute}.gameplay-frame:before{border-bottom:none;border-right:none;border-top-left-radius:12px;top:8px;left:8px}.gameplay-frame:after{border-top:none;border-left:none;border-bottom-right-radius:12px;bottom:8px;right:8px}.gameplay-hud{z-index:12;color:#eef4ff;-webkit-backdrop-filter:blur(14px);text-align:left;background:#12162c8c;border:1px solid #a0c8ff47;border-radius:16px;justify-items:stretch;gap:8px;min-width:220px;max-width:320px;padding:14px 16px;font-size:14px;line-height:1.5;display:grid;position:fixed;top:16px;right:16px;box-shadow:0 10px 32px #06081866}.gameplay-hud .secondary-button{color:#f3fbff;box-shadow:none;background:#5f43b0e0;border:2px solid #7ae7ffb8}.result-list{text-align:left;gap:8px;margin:24px 0;display:grid}.result-list div,.button-row{justify-content:space-between;gap:12px;display:flex}.result-list dt{font-weight:800}.result-list dd{margin:0}.debug-overlay{z-index:20;color:#111;pointer-events:none;white-space:pre-line;background:#ffffffe6;border:3px solid #111;border-radius:12px;min-width:260px;padding:10px 12px;font-size:12px;line-height:1.5;position:fixed;top:12px;left:12px;box-shadow:4px 4px #111}.game-editor-screen{color:#f4fbff;background:#160f35;grid-template-rows:auto 1fr;width:100%;height:100%;display:grid;overflow:hidden}.game-editor-tabs{z-index:4;background:#140d36fa;border-bottom:1px solid #7ae7ff4d;align-items:center;gap:10px;padding:10px 16px;display:flex}.game-editor-tabs button{color:#f4fbff;cursor:pointer;background:#ffffff14;border:1px solid #7ae7ff6b;border-radius:999px;min-height:34px;padding:7px 14px;font-weight:800}.game-editor-tabs button[data-active=true]{color:#1d1238;background:linear-gradient(135deg,#ffd84d,#ff8f3d);border-color:#ffd84d}.game-editor-content{min-height:0;overflow:hidden}.map-editor-screen{color:#f4fbff;background:#160f35;grid-template-columns:380px 1fr;width:100%;height:100%;display:grid}.config-editor-screen{color:#f4fbff;background:radial-gradient(circle at 30% 0,#7ae7ff24,#0000 34%),#160f35;height:100%;padding:18px;overflow:auto}.config-editor-layout{grid-template-columns:minmax(320px,480px) minmax(360px,1fr);align-items:start;gap:14px;max-width:1180px;display:grid}.map-editor-sidebar{z-index:2;background:#140d36f5;border-right:1px solid #7ae7ff4d;align-content:start;gap:12px;padding:16px;display:grid;overflow:auto}.map-editor-panel{background:#ffffff14;border:1px solid #7ae7ff5c;border-radius:14px;gap:10px;padding:14px;display:grid;box-shadow:0 10px 30px #0503163d}.map-editor-panel h1,.map-editor-panel h2,.map-editor-panel p{margin:0}.map-editor-panel h1{font-size:24px;line-height:1.1}.map-editor-panel h2{color:#7ae7ff;font-size:15px}.map-editor-panel p{color:#f4fbffc2;font-size:13px;line-height:1.5}.map-editor-kicker{color:#ffd84d;background:#ffd84d2e;border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800}.map-editor-input{color:#f4fbff;background:#04031294;border:1px solid #7ae7ff75;border-radius:10px;width:100%;min-height:36px;padding:7px 9px}.map-editor-input.compact{width:min(100%,150px)}.map-editor-field{color:#f4fbffc7;gap:6px;font-size:13px;display:grid}.map-editor-checkbox-field{color:#f4fbffc7;align-items:center;gap:8px;font-size:13px;display:flex}.map-editor-tool-grid,.map-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.map-editor-tool-grid button,.map-editor-actions button{cursor:pointer;color:#f4fbff;background:#5f43b0b8;border:1px solid #7ae7ff80;border-radius:10px;padding:7px 10px;font-weight:800}.map-editor-tool-grid button.active{color:#ffd84d;background:#ffd84d38;border-color:#ffd84d}.map-editor-save-status{color:#f4fbffc2;min-height:18px;font-size:12px}.map-editor-export{resize:vertical;color:#dff8ff;background:#040312b8;border:1px solid #7ae7ff5c;border-radius:10px;width:100%;height:260px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.45}.map-editor-workspace{place-items:center;min-width:0;padding:18px;display:grid}.map-editor-board{aspect-ratio:16/10;cursor:crosshair;background-color:#281750;background-position:50%;background-repeat:no-repeat;background-size:contain;border:2px solid #7ae7ff80;border-radius:22px;width:min(100vw - 430px,160vh - 57.6px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0000006b}.map-editor-path-svg{pointer-events:none;filter:drop-shadow(0 0 6px #ffd84df2);width:100%;height:100%;position:absolute;inset:0}.map-editor-marker,.map-editor-range,.map-editor-tower-preview{position:absolute;transform:translate(-50%,-50%)}.map-editor-marker{z-index:4;color:#111;cursor:grab;border:2px solid #111;border-radius:999px;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid;box-shadow:0 0 12px #fff9}.map-editor-marker:active{cursor:grabbing}.map-editor-marker[data-selected=true]{border-color:#ffe45c;box-shadow:0 0 0 3px #ffe45c57,0 0 18px #ffe45cbf}.map-editor-marker.path{background:#ffd84d}.map-editor-marker.tower{z-index:6;background:#35d8ff;width:24px;height:24px}.map-editor-marker.decor{color:#fff;background:#b972ff}.map-editor-marker.range{background:#72ef88}.map-editor-marker.hit{background:#fff}.map-editor-marker.flow{color:#04293a;background:#38bdf8;border-width:1px;width:15px;height:15px;font-size:8px;box-shadow:0 0 8px #38bdf8b3}.map-editor-marker.start{color:#eaffff;background:#55f4ff47;border-color:#55f4ff;width:38px;height:38px}.map-editor-marker.end{color:#fff7e5;background:#ffb43f4d;border-color:#ffb43f;width:38px;height:38px}.map-editor-range{z-index:2;pointer-events:none;background:radial-gradient(circle,#55f4ff29 0 54%,#55f4ff14 55% 68%,#0000 69%);border:2px solid #55f4ffb3;border-radius:999px;box-shadow:inset 0 0 18px #55f4ff38,0 0 12px #55f4ff40}.map-editor-range.custom-range{background:radial-gradient(circle,#72ef881f 0 54%,#72ef8812 55% 68%,#0000 69%);border-color:#72ef88c7;box-shadow:inset 0 0 18px #72ef882e,0 0 12px #72ef8838}.map-editor-range.tower-hit-area{background:radial-gradient(circle,#ffffff1f 0 58%,#0000 59%);border-color:#ffffffd1;box-shadow:inset 0 0 12px #ffffff38,0 0 10px #ffffff42}.map-editor-tower-preview{z-index:5;width:calc(62px * var(--tower-preview-scale,1));height:calc(62px * var(--tower-preview-scale,1));pointer-events:none;filter:drop-shadow(0 9px 9px #00000075);place-items:center;display:grid}.map-editor-tower-preview img{z-index:2;object-fit:contain;width:100%;height:100%;position:relative}.map-editor-tower-preview[data-preview-missing=true]:after{z-index:2;color:#7ae7ff;content:"T";background:#140d36b8;border:2px solid #7ae7ffe6;border-radius:999px;place-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:grid}@keyframes map-editor-tower-orb-pulse{0%,to{opacity:.55;transform:scale(.86)}50%{opacity:1;transform:scale(1.14)}}.level-select-card{padding-top:clamp(132px,13vw,156px);padding-bottom:clamp(92px,8vw,110px)}.level-select-card>p{width:min(500px,100%);margin:0 auto 16px}.formal-card .level-grid{width:min(500px,100%);margin:0 auto}.level-select-card .formal-level-card,.level-select-card .formal-level-card:hover,.level-select-card .formal-level-card:focus,.level-select-card .formal-level-card:focus-visible,.level-select-card .formal-level-card:active{appearance:none;grid-template-areas:"badge""name""desc""cta";row-gap:12px;width:100%;min-height:0;padding:0;display:grid;overflow:visible;box-shadow:none!important;filter:none!important;clip-path:none!important;background:0 0!important;border:0!important;outline:none!important;transform:none!important}.level-select-card .formal-level-card:before,.level-select-card .formal-level-card:after{content:none!important}.level-select-card .formal-level-card em{justify-self:center;padding:5px 16px;font-size:13px}.level-select-card .formal-level-card strong{color:#ffe977;text-align:center;justify-self:center;max-width:460px;font-size:clamp(27px,2.45vw,36px);line-height:1.08}.level-select-card .formal-level-card span{color:#f4f2ff;text-align:center;justify-self:center;max-width:430px;font-size:clamp(15px,1.15vw,17px);line-height:1.5}.level-select-card .formal-level-card small{background:linear-gradient(#ffef996b,#ffef9900 30%),linear-gradient(#52e6f7,#5b45d5 58%,#28125f);border-color:#170713;place-self:center;min-width:164px;min-height:56px;margin-top:24px;box-shadow:inset 0 3px #ffffff6b,inset 0 -5px #0e08418f,0 5px #090208}.level-select-card .formal-level-card:hover small{background:linear-gradient(#fff2ae7a,#fff2ae00 30%),linear-gradient(#65eef8,#6651df 58%,#2c1466)}.level-select-card .formal-level-card:active small{transform:translateY(2px);box-shadow:inset 0 2px #ffffff57,inset 0 -3px #0e084180,0 2px #090208}.loading-card,.result-card{align-content:start;gap:16px;padding:clamp(132px,13vw,156px) clamp(116px,9vw,154px) clamp(92px,8vw,118px)!important}.loading-card h1{text-align:center;margin:18px 0 20px;font-size:clamp(42px,4.6vw,62px)}.loading-card .formal-loading-bar{filter:none;background:linear-gradient(#ffef994d,#ffef9900 34%),#0b0726c7;border:4px solid #170713;border-radius:999px;width:min(420px,82%);height:24px;padding:3px;box-shadow:inset 0 2px #ffffff2e,inset 0 -3px #04021299,0 4px #06010a73}.loading-card .formal-loading-bar span{border-radius:999px}.result-card h1{color:#ffe977;text-align:center;margin:4px 0 2px;font-size:clamp(40px,4vw,62px);line-height:1}.result-list{color:#f8f4ff;text-shadow:0 2px #170614,-1px 0 #170614,1px 0 #170614;justify-self:center;gap:8px;width:min(440px,100%);margin:8px auto 10px;font-size:clamp(16px,1.25vw,19px)}.result-list div{border-bottom:1px solid #ffe97747;align-items:center;padding:6px 0}.result-list div:last-child{border-bottom:0}.screen-title .title-card .formal-primary-button{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;padding-top:10px!important;line-height:1!important}.screen-title .title-card .formal-primary-button-label{display:block;transform:translateY(.28em)}.screen-level-select .level-select-card{padding-top:calc(clamp(132px,11.6vw,148px) + 2.5em)!important}.screen-level-select .level-select-card>p{margin-bottom:calc(32px + 2em)!important;transform:translateY(2em)!important}.screen-level-select .level-select-card .formal-level-card{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"badge""cta""name""desc"!important;place-items:center!important;gap:14px 0!important;display:grid!important}.screen-level-select .level-select-card .formal-level-card em{grid-area:badge!important;justify-self:center!important}.screen-level-select .level-select-card .formal-level-card small{z-index:auto!important;grid-area:cta!important;place-self:center!important;margin:8px 0 18px!important;position:static!important;bottom:auto!important;right:auto!important}.result-list dt{color:#ffe977;font-weight:1000}.result-list dd{color:#fff;font-weight:900}.result-card .button-row{flex-wrap:wrap;justify-content:center;justify-self:center;gap:14px;margin-top:4px}.pause-card p{text-align:center;background:0 0;justify-self:center;width:auto;margin:4px 0 10px;padding:0}.result-action-button,.result-action-button:hover,.result-action-button:focus,.result-action-button:focus-visible,.result-action-button:active{color:#fff3c4;letter-spacing:.05em;-webkit-text-stroke:.8px #240812;text-shadow:0 2px #240812;background:linear-gradient(#ffef996b,#ffef9900 30%),linear-gradient(#52e6f7,#5b45d5 58%,#28125f);border:5px solid #170713;border-radius:18px 8px;outline:0;min-width:148px;min-height:52px;padding:13px 24px;font-family:Impact,Arial Black,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;font-weight:1000;transform:none;box-shadow:inset 0 3px #ffffff6b,inset 0 -5px #0e08418f,0 5px #090208}.result-action-button:hover{background:linear-gradient(#fff2ae7a,#fff2ae00 30%),linear-gradient(#65eef8,#6651df 58%,#2c1466)}.result-action-button:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff57,inset 0 -3px #0e084180,0 2px #090208}.result-action-button-secondary,.result-action-button-secondary:hover{background:linear-gradient(#ffef9957,#ffef9900 30%),linear-gradient(#8f68f5,#4d2ba5 58%,#241054)}.gameplay-tower-panel{z-index:14;color:#f3fbff;text-align:center;background:#1f1444eb;border:2px solid #cea246d9;border-radius:14px;flex-direction:column;gap:8px;min-width:260px;padding:12px 16px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #09051f80}.gameplay-tower-panel-actions{justify-content:center;gap:8px;display:flex}.gameplay-tower-panel .secondary-button:disabled{opacity:.45;cursor:not-allowed}.gameplay-wave-banner{z-index:13;color:#eaffff;letter-spacing:1px;text-shadow:0 2px 10px #65f6ff99;pointer-events:none;background:#1f1444b3;border:2px solid #7ae7ffb3;border-radius:12px;padding:10px 28px;font-size:22px;font-weight:900;transition:opacity .4s;position:fixed;top:18%;left:50%;transform:translate(-50%)}.gameplay-toast{z-index:15;color:#ffd9b0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c1018d1;border:1px solid #ff8a3d99;border-radius:10px;padding:9px 20px;font-size:15px;font-weight:700;transition:opacity .35s;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.hud-panel{z-index:12;color:#eef4ff;-webkit-backdrop-filter:blur(12px);background:#12162c8c;border:1px solid #a0c8ff47;border-radius:12px;padding:8px 14px;font-size:14px;position:fixed;box-shadow:0 8px 24px #06081866}.hud-level{text-align:center;gap:2px;display:grid;top:16px;left:50%;transform:translate(-50%)}.hud-level strong{font-size:15px}.hud-level span{opacity:.78;font-size:12px}.hud-stats{z-index:12;gap:10px;display:flex;position:fixed;top:16px;left:16px}.hud-stat{letter-spacing:.3px;align-items:center;gap:6px;font-weight:800;display:flex;position:static}.hud-stat-icon{font-size:15px}.hud-controls{z-index:12;gap:6px;display:flex;position:fixed;top:16px;right:16px}.hud-icon-button{color:#eef4ff;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#12162c99;border:1px solid #a0c8ff57;border-radius:10px;width:40px;height:40px;font-size:14px;font-weight:800;transition:background .15s,border-color .15s}.hud-icon-button:hover{background:#28325ab8}.hud-speed-button.active{color:#fff3cf;background:#786028b3;border-color:#ffe07a}.hud-nextwave{z-index:13;color:#eaffff;-webkit-backdrop-filter:blur(10px);background:#12162c99;border:1px solid #7ae7ff66;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-weight:700;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.perk-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);background:#080a18b8;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.perk-title{color:#f3e8ff;text-shadow:0 2px 16px #8c6effb3;letter-spacing:2px;margin:0;font-size:30px;font-weight:900}.perk-cards{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.perk-card{color:#eef4ff;cursor:pointer;background:linear-gradient(160deg,#302462eb,#181236f5);border:2px solid #aa8cff8c;border-radius:18px;flex-direction:column;align-items:center;gap:12px;width:200px;min-height:230px;padding:22px 18px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 12px 30px #06081880}.perk-card:hover{border-color:#ffe07a;transform:translateY(-8px);box-shadow:0 18px 42px #785adc99}.perk-card-icon{filter:drop-shadow(0 4px 10px #78c8ff80);font-size:54px;line-height:1}.perk-card strong{font-size:19px}.perk-card-desc{opacity:.85;text-align:center;font-size:14px;line-height:1.5}.hud-stats{gap:10px}.hud-stat{background:linear-gradient(135deg,#1e26489e,#0e12289e);border:1px solid #aacdff38;border-radius:13px;align-items:center;gap:8px;min-width:104px;padding:9px 16px;font-weight:900;display:flex;position:relative;overflow:hidden}.hud-stat:after{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#0000);height:45%;position:absolute;top:0;left:0;right:0}.hud-stat:before{content:"";border-radius:4px;width:4px;position:absolute;top:8%;bottom:8%;left:0}.hud-stat-icon{filter:drop-shadow(0 0 4px);font-size:17px}.hud-stat-value{text-shadow:0 1px 3px #0000008c;font-size:16px}.hud-stat-gold{color:#ffd76a}.hud-stat-gold:before{background:#ffc24d;box-shadow:0 0 12px #ffc24d}.hud-stat-hp{color:#74f5a4}.hud-stat-hp:before{background:#52f08a;box-shadow:0 0 12px #52f08a}.hud-stat-kills{color:#8fd2ff}.hud-stat-kills:before{background:#5ab8ff;box-shadow:0 0 12px #5ab8ff}.hud-speed-button.active{color:#2a1605;background:linear-gradient(135deg,#ffc44de6,#ff8a3dd9);border-color:#ffe07a;box-shadow:0 0 14px #ffc85ab3}.perk-card{background:linear-gradient(160deg,#362a70f2,#161032f7) padding-box padding-box,linear-gradient(160deg,#7be7ff,#9a7bff 55%,#ff7bd2) border-box;border:2px solid #0000;border-radius:20px;justify-content:flex-start;gap:12px;width:206px;min-height:286px;padding:28px 22px 24px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:0 16px 40px #08061a8c,inset 0 0 24px #78a0ff1f}.perk-card:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f,#0000);height:38%;position:absolute;top:0;left:0;right:0}.perk-card:hover{transform:translateY(-10px)scale(1.03);box-shadow:0 24px 54px #785adc99,0 0 26px #9b7bffb3,inset 0 0 30px #96b4ff33}.perk-card-icon{background:radial-gradient(circle at 50% 40%,#8cb4ff59,#281e5a33 70%,#0000);border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;display:flex;overflow:hidden;box-shadow:inset 0 0 18px #78a0ff40,0 4px 14px #0006}.perk-card-icon img{object-fit:cover;filter:drop-shadow(0 2px 6px #0006);width:116%;height:116%}.perk-card strong{color:#f3ecff;text-shadow:0 2px 10px #8c6eff99;font-size:19px}.perk-card-desc{color:#d9d0ff;font-size:13.5px;line-height:1.55}.editor-entry-button{z-index:50;color:#fff3cf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#786028eb,#463418eb);border:1px solid #ffe07a8c;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:900;text-decoration:none;transition:transform .14s,filter .14s;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 22px #06081873}.editor-entry-button:hover{filter:brightness(1.12);transform:translateY(-2px)}