@charset "UTF-8";@font-face{font-family:"Noto Sans Game";src:url(../fonts/NotoSans-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Noto Sans Game";src:url(../fonts/NotoSans-Italic.ttf) format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:"Noto Sans Game";src:url(../fonts/NotoSans-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"Noto Sans Game";src:url(../fonts/NotoSans-BoldItalic.ttf) format("truetype");font-style:italic;font-weight:700;font-display:swap}body,html{margin:0;padding:0;font-family:"Noto Sans Game","Noto Sans","Open Sans","Segoe UI",Tahoma,sans-serif;background:radial-gradient(circle at center,#0a1525,#000);overflow:hidden;cursor:none;touch-action:none;width:100%;height:100%;min-height:100%;overscroll-behavior:none}body.game-native-cursor-hidden,body.game-native-cursor-hidden *{cursor:none!important}body.game-native-cursor-hidden.popup-cursor-active .popup-overlay,body.game-native-cursor-hidden.popup-cursor-active .popup-overlay *{cursor:default!important}body.game-native-cursor-hidden.popup-cursor-active .popup-overlay input,body.game-native-cursor-hidden.popup-cursor-active .popup-overlay textarea{cursor:text!important}body.game-native-cursor-hidden.popup-cursor-active .popup-overlay .close-btn,body.game-native-cursor-hidden.popup-cursor-active .popup-overlay a,body.game-native-cursor-hidden.popup-cursor-active .popup-overlay button,body.game-native-cursor-hidden.popup-cursor-active .popup-overlay label[for],body.game-native-cursor-hidden.popup-cursor-active .popup-overlay select,body.game-native-cursor-hidden.popup-cursor-active .popup-overlay summary{cursor:pointer!important}body.game-native-cursor-hidden .start-overlay,body.game-native-cursor-hidden .start-overlay *{cursor:default!important}body.game-native-cursor-hidden .start-overlay button{cursor:pointer!important}#space-bg{position:fixed;inset:0;z-index:0;pointer-events:none;display:block;width:100%;height:100%}#c{position:fixed;inset:0;z-index:1}canvas{display:block;width:100%;height:100%;touch-action:none}button,input,select,textarea{font:inherit}#cultivation-rank,.btn-reset,.btn-save,.btn-shop-page,.btn-shop-reset,.btn-slot-action,.inventory-slot h4,.panel-section h4,.panel-tab,.popup-header h3,.shop-card h4,.slot-badge{font-family:"Noto Sans Game","Noto Sans",Montserrat,"Open Sans","Segoe UI",sans-serif;font-weight:700;letter-spacing:.03em}.game-ui{position:absolute;font-family:"Noto Sans Game","Noto Sans","Open Sans","Segoe UI",Tahoma,sans-serif;user-select:none;pointer-events:none}.start-overlay{position:fixed;cursor:default}.start-overlay *,.start-overlay ::after,.start-overlay ::before{cursor:inherit}.start-overlay{inset:0;z-index:3000;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 20%,rgba(65,136,168,.35),rgba(3,10,16,.95))}.start-overlay.is-visible{display:flex}.start-overlay .start-card{width:min(92vw,420px);padding:24px 22px;border-radius:18px;border:1px solid rgba(159,232,255,.28);background:linear-gradient(180deg,rgba(10,28,42,.95),rgba(4,14,22,.96));box-shadow:0 24px 40px rgba(0,0,0,.3);text-align:center}.start-overlay .start-card h1{margin:0 0 10px;font-size:24px;color:#b9f3ff}.start-overlay .start-card p{margin:0 0 18px;color:#d5ebf6;font-size:14px}.start-overlay #btn-start-game{border:1px solid rgba(183,255,224,.45);background:linear-gradient(135deg,rgba(81,217,177,.35),rgba(45,115,214,.52));color:azure;border-radius:999px;padding:10px 22px;font-weight:700;font-size:15px;cursor:pointer}.start-overlay .difficulty-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px}.start-overlay .difficulty-option{border:1px solid rgba(157,230,255,.35);border-radius:12px;background:rgba(16,44,62,.65);color:#d5ebf6;padding:8px 10px;font-size:13px;font-weight:700;transition:all .18s ease}.start-overlay .difficulty-option:hover{border-color:rgba(183,255,224,.55);transform:translateY(-1px)}.start-overlay .difficulty-option.is-selected{border-color:rgba(183,255,224,.68);background:linear-gradient(135deg,rgba(81,217,177,.34),rgba(45,115,214,.46));color:#f1ffff;box-shadow:0 0 14px rgba(143,255,224,.25)}#mana-container{position:absolute;top:20px;right:auto;bottom:auto;left:20px;position:fixed;width:200px;z-index:100}#mana-container #cultivation-rank{display:block;font-family:"Noto Sans Game","Noto Sans","Open Sans","Segoe UI",Tahoma,sans-serif;font-weight:700;color:#4caf50;font-size:10px;margin-bottom:6px;letter-spacing:.5px;text-shadow:0 0 8px rgba(76,175,80,.6);transition:color .5s ease,text-shadow .5s ease}#mana-container #mana-bar-bg{position:relative;width:100%;height:12px;background:rgba(0,0,0,.6);border:2px solid #00d4ff;border-radius:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s}#mana-container #mana-bar-bg #mana-bar{width:100%;height:100%;background:#00d4ff;transition:width .3s ease-out;box-shadow:0 0 15px #00d4ff}#mana-container #mana-bar-bg #mana-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff;font-size:11px;font-weight:700;text-shadow:1px 1px 2px #000;pointer-events:none;z-index:10}#mana-container #health-bar-bg{position:relative;width:100%;height:12px;background:rgba(0,0,0,.62);border:2px solid #ff6b6b;border-radius:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s}#mana-container #health-bar-bg #health-bar{width:100%;height:100%;background:linear-gradient(90deg,#ff4d57,#ff9f68);transition:width .25s ease-out;box-shadow:0 0 14px rgba(255,107,107,.78)}#mana-container #health-bar-bg #health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;color:#fff;font-size:11px;font-weight:700;text-shadow:1px 1px 2px #000;pointer-events:none;z-index:10}#mana-container #negative-status-list{min-height:19px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}#mana-container #negative-status-list .status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700;color:#f5fbff;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.2);background:linear-gradient(135deg,var(--status-color,#ff6b6b),rgba(12,24,34,.85))}#mana-container #negative-status-list .status-chip.is-empty{opacity:.72;font-weight:500;border-style:dashed;background:rgba(84,117,138,.24)}#mana-container.mana-empty-error #mana-bar-bg{border-color:#f44!important;box-shadow:0 0 20px #f44}#mana-container.mana-empty-error #mana-bar{background-color:#f44}#mana-container.mana-shake{animation:shake .2s ease-in-out}#mana-container .mana-full-flash{animation:flash-white .8s ease-out}@keyframes flash-white{0%{filter:brightness(1) white-shadow}50%{filter:brightness(3);box-shadow:0 0 20px #fff}100%{filter:brightness(1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}#mana-container{width:min(320px,100vw - 40px)}#mana-container .status-head{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:22px;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,rgba(8,18,30,.94),rgba(3,10,16,.92));border:1px solid rgba(143,255,224,.18);box-shadow:0 18px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px)}#mana-container .status-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}#mana-container .profile-avatar{pointer-events:auto;width:54px;height:54px;flex:0 0 54px;border:none;border-radius:50%;padding:0;position:relative;overflow:hidden;cursor:pointer;color:#f4fffb;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.42),transparent 20%),linear-gradient(160deg,rgba(135,255,221,.38),rgba(10,33,37,.98));box-shadow:0 10px 22px rgba(0,0,0,.28),0 0 0 1px rgba(143,255,224,.2);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#mana-container .profile-avatar:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 12px 26px rgba(0,0,0,.3),0 0 0 1px rgba(143,255,224,.34),0 0 18px rgba(143,255,224,.2)}#mana-container .profile-avatar:active{transform:scale(.97)}#mana-container .profile-avatar__halo,#mana-container .profile-avatar__icon{position:absolute;inset:0}#mana-container .profile-avatar__halo{inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 20px rgba(255,255,255,.05),0 0 18px rgba(143,255,224,.16)}#mana-container .profile-avatar__icon{z-index:1;inset:21%;width:58%;height:58%;margin:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0, 0, 0, .38)) drop-shadow(0 0 12px rgba(143, 255, 224, .34));transform:rotate(14deg);pointer-events:none}#mana-container #cultivation-rank{margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-layer{position:absolute;top:0;right:auto;bottom:auto;left:0;width:100%;height:100%;z-index:120;pointer-events:none}.controls-layer .setting-group{position:absolute;top:17px;right:18px;bottom:auto;left:auto;display:flex;gap:10px}.controls-layer .setting-group .btn-setting{width:30px;height:30px;background:rgba(7,16,24,.76);border:1px solid rgba(143,255,224,.32)}.controls-layer .setting-group .btn-shop{border-color:rgba(255,211,107,.45);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 12px rgba(255,211,107,.25)}.controls-layer .setting-group .btn-shop .sword-icon{width:30%;height:30%}.controls-layer .setting-group .btn-inventory{border-color:rgba(119,216,255,.45);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 12px rgba(119,216,255,.22);background:0 0;border-color:transparent;box-shadow:none}.controls-layer .setting-group .btn-inventory .sword-icon{width:75%;height:75%;filter:none}.controls-layer .setting-group .btn-beast-bag{border-color:rgba(121,255,212,.45);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 12px rgba(121,255,212,.24)}.controls-layer .setting-group .btn-beast-bag.is-hidden{display:none!important}.controls-layer .setting-group .btn-beast-bag .sword-icon{width:30%;height:30%;filter:hue-rotate(-22deg) saturate(1.25)}.controls-layer .setting-group .btn-alchemy-lab{border-color:rgba(147,200,216,.58);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 14px rgba(147,200,216,.34)}.controls-layer .setting-group .btn-alchemy-lab.is-hidden{display:none!important}.controls-layer .setting-group .btn-alchemy-lab .sword-icon{width:72%;height:72%;filter:drop-shadow(0 0 4px rgba(180, 230, 242, .6))}.controls-layer .setting-group .btn-alchemy-lab.is-active{border-color:rgba(143,255,207,.82);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 16px rgba(143,255,207,.42)}.controls-layer .setting-group .btn-map{border-color:rgba(143,201,255,.62);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 14px rgba(143,201,255,.28);background:rgba(8,20,33,.86)}.controls-layer .setting-group .btn-map .map-glyph{font-size:14px;line-height:1;filter:saturate(1.05)}.btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;background:rgba(143,255,224,.15);border:1px solid rgba(143,255,224,.4);color:#8fffe0;border-radius:50%;backdrop-filter:blur(5px);-webkit-tap-highlight-color:transparent;cursor:pointer;position:relative;top:0;transition:all .1s ease-out;box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 10px rgba(143,255,224,.2);user-select:none}.btn:active{top:3px;box-shadow:0 1px 0 rgba(0,0,0,.4),0 0 5px rgba(143,255,224,.4);transform:scale(.98);background:rgba(143,255,224,.4)}.btn.is-disabled{opacity:.5;filter:saturate(.72);box-shadow:0 2px 0 rgba(0,0,0,.22),0 0 6px rgba(255,255,255,.06)}.zoom-group{position:absolute;top:20px;right:20px;bottom:auto;left:auto;display:flex;flex-direction:column;gap:15px}.zoom-group .btn-zoom{width:50px;height:50px;font-size:24px;font-weight:700}.breakthrough-group{position:absolute;top:100px;right:25px;bottom:auto;left:auto;display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;pointer-events:none;transition:all .5s ease;transform:translateY(-10px)}.breakthrough-group.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.breakthrough-group .btn-breakthrough{width:30px;height:30px;background:rgba(143,255,224,.2);border:1px solid #8fffe0;box-shadow:0 0 15px rgba(143,255,224,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:breakthrough-pulse 1.5s infinite alternate;cursor:pointer}.breakthrough-group .btn-breakthrough:hover{background:rgba(143,255,224,.5);box-shadow:0 0 25px #8fffe0}@keyframes breakthrough-pulse{from{box-shadow:0 0 10px rgba(143,255,224,.4);transform:scale(1)}to{box-shadow:0 0 30px rgba(143,255,224,.9);transform:scale(1.15)}}.move-group{position:absolute;top:auto;right:auto;bottom:40px;left:40px;display:none;align-items:center;justify-content:center}.move-group .btn-move{--move-stick-x:0px;--move-stick-y:0px;--move-drag-ratio:0;width:86px;height:86px;position:relative;border:2px solid rgba(143,255,224,.36);background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.14),rgba(8,18,20,.88) 72%);box-shadow:0 0 26px rgba(143,255,224,.18),inset 0 0 18px rgba(255,255,255,.04);touch-action:none;top:0}.move-group .btn-move::after,.move-group .btn-move::before{content:"";position:absolute;border-radius:50%;pointer-events:none}.move-group .btn-move::before{inset:10px;border:1px solid rgba(143,255,224,.14);box-shadow:inset 0 0 18px rgba(143,255,224,.08)}.move-group .btn-move::after{inset:20px;border:1px dashed rgba(255,255,255,.18);opacity:calc(.28 + var(--move-drag-ratio) * .4);transform:scale(calc(1 + var(--move-drag-ratio) * .06));transition:opacity .12s ease,transform .12s ease}.move-group .btn-move .move-stick{width:34px;height:34px;border-radius:50%;position:relative;z-index:2;transform:translate(var(--move-stick-x),var(--move-stick-y));background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.46),rgba(143,255,224,.72) 55%,rgba(7,20,20,.94) 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 4px 10px rgba(0,0,0,.4),0 0 14px rgba(143,255,224,.34);transition:transform 60ms linear,box-shadow .12s ease}.move-group .btn-move.is-joystick-active{box-shadow:0 0 30px rgba(143,255,224,.26),inset 0 0 22px rgba(255,255,255,.08)}.move-group .btn-move.is-joystick-active .move-stick{box-shadow:0 6px 16px rgba(0,0,0,.4),0 0 18px rgba(143,255,224,.48)}.move-group .btn-move:active{top:0;transform:none;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),rgba(8,18,20,.92) 72%)}body.is-touch-device .move-group{display:flex}body.is-touch-device .game-ui,body.is-touch-device .game-ui *,body.is-touch-device .popup-overlay,body.is-touch-device .popup-overlay *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.is-touch-device .popup-overlay [contenteditable=true],body.is-touch-device .popup-overlay input,body.is-touch-device .popup-overlay textarea{-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default}body.is-touch-device .popup-overlay option,body.is-touch-device .popup-overlay select{-webkit-user-select:auto!important;user-select:auto!important}.attack-group{position:absolute;top:auto;right:26px;bottom:30px;left:auto;width:164px;height:164px}.attack-group .skill-pad{position:relative;width:100%;height:100%;pointer-events:none}.attack-group .btn-attack,.attack-group .btn-skill-slot{position:absolute;top:auto;left:auto;pointer-events:auto}.attack-group .btn-skill-slot{z-index:1}.attack-group .btn-attack:active,.attack-group .btn-skill-slot:active{top:auto}.attack-group .btn-ultimate{--ult-charge:0%;--ult-charge-ratio:0;width:52px;height:52px;right:50px;bottom:95px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.14),rgba(8,14,22,.96) 72%)!important;border:2px solid rgba(255,51,102,.28)!important;box-shadow:0 0 10px rgba(255,51,102,.18)!important;opacity:1;transform:scale(1);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.attack-group .btn-ultimate::before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--ult-charge);background:linear-gradient(180deg,rgba(255,255,255,.42) 0,rgba(255,255,255,0) 28%),repeating-linear-gradient(180deg,rgba(255,255,255,.2) 0 1px,transparent 1px 9px),linear-gradient(0deg,rgba(0,224,255,.92) 0,rgba(157,255,247,.78) 100%);opacity:calc(.12 + var(--ult-charge-ratio) * .78);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 18px rgba(255,51,102,.32);transition:height .2s steps(10),opacity .2s ease;z-index:0}.attack-group .btn-ultimate::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18) 0,transparent 46%,rgba(255,51,102,.14) 100%);opacity:calc(.18 + var(--ult-charge-ratio) * .28);transition:opacity .2s ease;pointer-events:none;z-index:1}.attack-group .btn-ultimate .icon-ult{position:relative;z-index:2;width:60%;height:60%;opacity:calc(.62 + var(--ult-charge-ratio) * .38);transform:scale(calc(.92 + var(--ult-charge-ratio) * .12));filter:drop-shadow(0 0 6px rgba(255, 51, 102, .45))!important;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.attack-group .btn-ultimate:active{transform:scale(.96)}.attack-group .btn-ultimate.is-disabled{border-color:rgba(255,51,102,.24)!important;box-shadow:0 0 8px rgba(255,51,102,.14)!important}.attack-group .btn-ultimate.is-insect-ultimate{border-color:rgba(121,255,212,.34)!important;box-shadow:0 0 12px rgba(121,255,212,.18),0 0 22px rgba(255,123,195,.12)!important}.attack-group .btn-ultimate.is-insect-ultimate::before{background:linear-gradient(180deg,rgba(255,255,255,.38) 0,rgba(255,255,255,0) 28%),repeating-linear-gradient(180deg,rgba(255,255,255,.16) 0 1px,transparent 1px 9px),linear-gradient(0deg,rgba(255,136,205,.9) 0,rgba(121,255,212,.78) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 18px rgba(255,123,195,.26)}.attack-group .btn-ultimate.is-insect-ultimate::after{background:linear-gradient(180deg,rgba(255,255,255,.18) 0,transparent 42%,rgba(255,123,195,.12) 100%)}.attack-group .btn-ultimate.is-insect-ultimate .icon-ult{filter:drop-shadow(0 0 7px rgba(255, 123, 195, .52)) drop-shadow(0 0 12px rgba(121, 255, 212, .36))!important}.attack-group .btn-ultimate.ready{opacity:1;border-color:#ffd36b!important;box-shadow:0 0 14px rgba(255,211,107,.72),0 0 30px rgba(255,51,102,.42)!important;animation:ult-ready-pulse .85s infinite alternate}.attack-group .btn-ultimate.ready::before{opacity:1}.attack-group .btn-ultimate.ready .icon-ult{opacity:1;filter:drop-shadow(0 0 10px rgba(255, 211, 107, .96)) drop-shadow(0 0 16px rgba(255, 51, 102, .72))!important}.attack-group .btn-ultimate.is-active{opacity:1;border-color:#fff4b7!important;box-shadow:0 0 18px rgba(255,211,107,.82),0 0 36px rgba(255,51,102,.58)!important;animation:ult-active-pulse .65s infinite alternate}.attack-group .btn-ultimate.is-active::before{opacity:1}.attack-group .btn-ultimate.is-active .icon-ult{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(255, 244, 183, .98)) drop-shadow(0 0 18px rgba(255, 51, 102, .86))!important}.attack-group .btn-ultimate.is-insect-ultimate.ready{border-color:#ffd6ef!important;box-shadow:0 0 14px rgba(255,214,239,.76),0 0 28px rgba(121,255,212,.32)!important}.attack-group .btn-ultimate.is-insect-ultimate.ready .icon-ult{filter:drop-shadow(0 0 10px rgba(255, 214, 239, .92)) drop-shadow(0 0 16px rgba(121, 255, 212, .52))!important}.attack-group .btn-ultimate.is-insect-ultimate.is-active{border-color:#fff3fb!important;box-shadow:0 0 18px rgba(255,243,251,.82),0 0 34px rgba(255,123,195,.36)!important}.attack-group .btn-ultimate.is-insect-ultimate.is-active .icon-ult{filter:drop-shadow(0 0 12px rgba(255, 243, 251, .96)) drop-shadow(0 0 18px rgba(121, 255, 212, .62))!important}@keyframes ult-ready-pulse{from{transform:scale(1);box-shadow:0 0 10px rgba(255,211,107,.55),0 0 22px rgba(255,51,102,.28)}to{transform:scale(1.08);box-shadow:0 0 18px rgba(255,211,107,.9),0 0 34px rgba(255,51,102,.48)}}@keyframes ult-active-pulse{from{transform:scale(1.02);box-shadow:0 0 14px rgba(255,211,107,.7),0 0 28px rgba(255,51,102,.42)}to{transform:scale(1.1);box-shadow:0 0 22px rgba(255,244,183,.98),0 0 42px rgba(255,51,102,.68)}}.attack-group .btn-form{width:42px;height:42px;right:100px;bottom:50px;background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.2),rgba(9,18,28,.94) 72%);border:1px solid rgba(143,255,224,.34);box-shadow:0 4px 0 rgba(0,0,0,.44),0 0 14px rgba(143,255,224,.2)}.attack-group .btn-form.is-hidden{display:none!important}.attack-group .btn-skill-list{width:46px;height:46px;right:-20px;bottom:95px;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.22),rgba(10,18,28,.95) 72%);border:1px solid rgba(255,216,107,.34);box-shadow:0 4px 0 rgba(0,0,0,.44),0 0 16px rgba(255,216,107,.16)}.attack-group .btn-skill-list.is-active{border-color:rgba(121,255,212,.72);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 18px rgba(121,255,212,.34)}.attack-group .btn-skill-list.is-disabled{opacity:.66;filter:saturate(.72)}.attack-group .btn-phong-loi-blink{width:46px;height:46px;right:95px;bottom:-5px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 28%),linear-gradient(160deg,rgba(102,235,255,.28),rgba(71,92,255,.18) 52%,rgba(10,18,30,.94) 100%);border:1px solid rgba(139,217,255,.42);box-shadow:0 4px 0 rgba(0,0,0,.44),0 0 16px rgba(137,166,255,.18)}.attack-group .btn-phong-loi-blink::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%,rgba(137,166,255,.18) 100%),radial-gradient(circle at 50% 115%,rgba(81,227,255,.3),transparent 54%);opacity:.82;transition:opacity .18s ease,transform .18s ease;z-index:0}.attack-group .btn-phong-loi-blink.is-hidden{display:none!important}.attack-group .btn-phong-loi-blink .icon-phong-loi{position:relative;z-index:1;width:62%;height:62%;filter:drop-shadow(0 0 5px rgba(141, 228, 255, .72)) drop-shadow(0 0 10px rgba(137, 166, 255, .44));opacity:.82;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.attack-group .btn-phong-loi-blink .phong-loi-toggle__state{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:2;min-width:24px;padding:1px 5px;border-radius:999px;background:rgba(7,16,27,.84);border:1px solid rgba(255,255,255,.12);color:rgba(229,242,255,.72);font-size:8px;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase;box-shadow:0 0 10px rgba(0,0,0,.2);transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.attack-group .btn-phong-loi-blink.is-active{border-color:rgba(183,255,249,.82);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 20px rgba(121,255,212,.28),0 0 28px rgba(137,166,255,.2)}.attack-group .btn-phong-loi-blink.is-active::before{opacity:1}.attack-group .btn-phong-loi-blink.is-active .icon-phong-loi{opacity:1;transform:scale(1.06);filter:drop-shadow(0 0 8px rgba(223, 254, 255, .92)) drop-shadow(0 0 16px rgba(121, 255, 212, .5))}.attack-group .btn-phong-loi-blink.is-active .phong-loi-toggle__state{color:#f6fffd;border-color:rgba(183,255,249,.44);background:linear-gradient(180deg,rgba(121,255,212,.26),rgba(37,95,109,.38));box-shadow:0 0 12px rgba(121,255,212,.22)}.attack-group .btn-phong-loi-blink.is-charging{animation:phong-loi-charge-pulse .3s ease-in-out infinite alternate}.attack-group .btn-phong-loi-blink.is-charging .phong-loi-toggle__state{color:#fff6d6;border-color:rgba(255,232,166,.54);background:linear-gradient(180deg,rgba(255,211,107,.28),rgba(124,84,14,.34));box-shadow:0 0 14px rgba(255,211,107,.24)}.attack-group .btn-ngu-loi{width:46px;height:46px;right:100px;bottom:-5px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.26),transparent 28%),linear-gradient(160deg,rgba(152,189,255,.32),rgba(74,102,255,.2) 52%,rgba(10,18,30,.94) 100%);border:1px solid rgba(148,183,255,.48);box-shadow:0 4px 0 rgba(0,0,0,.44),0 0 16px rgba(95,121,255,.2)}.attack-group .btn-ngu-loi.is-hidden{display:none!important}.attack-group .btn-ngu-loi .icon-ngu-loi{position:relative;z-index:1;width:54%;height:54%;filter:drop-shadow(0 0 6px rgba(201, 215, 255, .85)) drop-shadow(0 0 14px rgba(92, 120, 255, .5));opacity:.9;transition:transform .18s ease,opacity .18s ease,filter .18s ease}.attack-group .btn-ngu-loi .ngu-loi-toggle__state{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:2;min-width:24px;padding:1px 5px;border-radius:999px;background:rgba(7,16,27,.84);border:1px solid rgba(255,255,255,.12);color:rgba(229,242,255,.72);font-size:8px;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.attack-group .btn-ngu-loi.is-active{border-color:rgba(210,221,255,.84);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 20px rgba(141,169,255,.32),0 0 30px rgba(95,121,255,.24)}.attack-group .btn-ngu-loi.is-active .icon-ngu-loi{opacity:1;transform:scale(1.08)}.attack-group .btn-ngu-loi.is-active .ngu-loi-toggle__state{color:#f4f7ff;border-color:rgba(210,221,255,.48);background:linear-gradient(180deg,rgba(141,169,255,.34),rgba(44,67,143,.42))}.attack-group .btn-can-lam-cast{width:46px;height:46px;right:145px;bottom:26px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.24),transparent 28%),linear-gradient(160deg,rgba(98,220,255,.3),rgba(37,138,194,.22) 52%,rgba(8,18,30,.95) 100%);border:1px solid rgba(127,220,255,.44);box-shadow:0 4px 0 rgba(0,0,0,.44),0 0 16px rgba(111,220,255,.2)}.attack-group .btn-can-lam-cast.is-hidden{display:none!important}.attack-group .btn-can-lam-cast .icon-can-lam{position:relative;z-index:1;width:64%;height:64%;filter:drop-shadow(0 0 7px rgba(155, 239, 255, .88)) drop-shadow(0 0 12px rgba(86, 191, 255, .48));transition:transform .18s ease,filter .18s ease}.attack-group .btn-can-lam-cast .can-lam-toggle__state{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:2;min-width:24px;padding:1px 5px;border-radius:999px;background:rgba(7,16,27,.84);border:1px solid rgba(255,255,255,.14);color:rgba(221,247,255,.78);font-size:8px;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}.attack-group .btn-can-lam-cast.is-active{border-color:rgba(178,247,255,.86);box-shadow:0 4px 0 rgba(0,0,0,.4),0 0 22px rgba(127,220,255,.34)}.attack-group .btn-can-lam-cast.is-active .icon-can-lam{transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(232, 253, 255, .92)) drop-shadow(0 0 16px rgba(89, 200, 255, .5))}.attack-group .btn-can-lam-cast.is-active .can-lam-toggle__state{color:#f2fdff;border-color:rgba(178,247,255,.44);background:linear-gradient(180deg,rgba(113,225,255,.3),rgba(22,81,111,.4))}@keyframes phong-loi-charge-pulse{from{transform:scale(1);box-shadow:0 4px 0 rgba(0,0,0,.42),0 0 14px rgba(137,166,255,.22)}to{transform:scale(1.07);box-shadow:0 4px 0 rgba(0,0,0,.38),0 0 20px rgba(121,255,212,.3),0 0 28px rgba(255,232,166,.16)}}.attack-group .skill-list-glyph{display:flex;flex-direction:column;gap:4px;width:18px}.attack-group .skill-list-glyph span{display:block;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(121,255,212,.8));box-shadow:0 0 10px rgba(121,255,212,.24)}.attack-group .skill-list-glyph span:nth-child(2){width:70%;margin-left:auto}.attack-group .skill-list-glyph span:nth-child(3){width:86%}.attack-group .btn-attack{--attack-stick-x:0px;--attack-stick-y:0px;--attack-drag-ratio:0;--single-ult-charge:0%;--single-ult-charge-ratio:0;width:74px;height:74px;right:0;bottom:0;border:2px solid #8fffe0;box-shadow:0 6px 0 rgba(0,0,0,.5),0 0 20px rgba(143,255,224,.2);touch-action:none;overflow:visible;z-index:2}.attack-group .btn-attack::after,.attack-group .btn-attack::before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.attack-group .btn-attack::before{inset:-8px;border:1px solid rgba(143,255,224,.16);opacity:calc(.18 + var(--attack-drag-ratio) * .6);transform:scale(calc(1 + var(--attack-drag-ratio) * .12));box-shadow:0 0 18px rgba(143,255,224,.18)}.attack-group .btn-attack::after{inset:10px;border:1px dashed rgba(255,255,255,.14);opacity:calc(.24 + var(--attack-drag-ratio) * .4)}.attack-group .btn-attack .sword-icon{position:relative;z-index:2;transform:translate(var(--attack-stick-x),var(--attack-stick-y)) scale(calc(1 + var(--attack-drag-ratio) * .16));filter:drop-shadow(0 0 5px #8fffe0) drop-shadow(0 0 10px rgba(143, 255, 224, .42));transition:transform 60ms linear,filter .12s ease}.attack-group .btn-attack .attack-ult-charge{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:82%;height:6px;border-radius:999px;border:1px solid rgba(126,231,255,.45);background:rgba(0,10,18,.72);overflow:hidden;opacity:0;transition:opacity .14s ease;pointer-events:none}.attack-group .btn-attack .attack-ult-charge::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--single-ult-charge);background:linear-gradient(90deg,rgba(126,231,255,.86),rgba(216,255,255,.98));box-shadow:0 0 10px rgba(126,231,255,.6);transition:width 60ms linear}.attack-group .btn-attack.is-single-ult-ready{border-color:rgba(126,231,255,.72);box-shadow:0 6px 0 rgba(0,0,0,.5),0 0 28px rgba(126,231,255,.38)}.attack-group .btn-attack.is-single-ult-ready .sword-icon{filter:drop-shadow(0 0 7px #7ee7ff) drop-shadow(0 0 14px rgba(126, 231, 255, .62))}.attack-group .btn-attack.is-single-ult-ready .attack-ult-charge{opacity:1}.attack-group .btn-attack.is-single-ult-charging .attack-ult-charge{opacity:1}.attack-group .btn-attack.is-joystick-active{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),rgba(12,28,24,.96) 72%);box-shadow:0 6px 0 rgba(0,0,0,.5),0 0 26px rgba(143,255,224,.34)}.attack-group .btn-attack:active:not(.is-joystick-active){box-shadow:0 1px 0 rgba(0,0,0,.5),0 0 30px rgba(143,255,224,.5);transform:translateY(4px) scale(.95)}.sword-icon{width:50%;height:50%;filter:drop-shadow(0 0 5px #8fffe0);pointer-events:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.sword-icon.icon-form{width:58%;height:58%;transform:rotate(-15deg)}#sword-counter{position:absolute;top:60px;right:20px;bottom:auto;left:auto;position:fixed;display:flex;align-items:center;background:rgba(0,0,0,.5);padding:2px 10px 2px 5px;border-radius:20px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);pointer-events:none}#sword-counter .counter-icon{width:24px;height:24px;margin-right:8px;filter:drop-shadow(0 0 5px rgba(0, 255, 200, .5))}#sword-counter #sword-count-text{color:#fff;font-family:"Noto Sans Game","Noto Sans","Open Sans","Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums;font-weight:700;font-size:15px;text-shadow:0 0 10px rgba(0,0,0,.5)}#exp-container{position:fixed;bottom:0;left:0;width:100%;height:10px;background:rgba(0,0,0,.5);border-top:1px solid rgba(255,255,255,.2);z-index:100}#exp-container #exp-bar{height:100%;width:0%;background:linear-gradient(90deg,#ffeb3b,#f44336);transition:width .3s ease;box-shadow:0 0 10px #ffeb3b}#exp-container #exp-text{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:#fff;font-size:12px;text-shadow:1px 1px 2px #000;pointer-events:none;width:100%;text-align:center}#game-notification{position:fixed;top:35%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px}.notify-item{font-family:"Noto Sans Game","Noto Sans","Open Sans","Segoe UI",Tahoma,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;padding:4px 12px;background:rgba(0,0,0,.4);border-radius:4px;white-space:nowrap;animation:notify-fade-up 2.5s ease-out forwards}@keyframes notify-fade-up{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}70%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;display:none;pointer-events:auto!important;user-select:auto!important}.popup-overlay.show{display:flex}.popup-overlay input{pointer-events:auto!important;user-select:auto!important;cursor:text}.popup-content{background:#1a2533;border:2px solid #8fffe0;border-radius:15px;width:90%;max-width:400px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 0 30px rgba(143,255,224,.3)}.popup-header{padding:12px 14px;border-bottom:1px solid rgba(143,255,224,.3);display:flex;justify-content:space-between;align-items:center}.popup-header h3{color:#8fffe0;margin:0;font-size:16px}.popup-header .close-btn{color:#fff;font-size:28px;cursor:pointer}.popup-body{padding:14px;overflow-y:auto;color:#fff}.popup-body::-webkit-scrollbar{width:4px}.popup-body::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px}.popup-body::-webkit-scrollbar-thumb{background:rgba(143,255,224,.5);border-radius:10px}.popup-body::-webkit-scrollbar-thumb:hover{background:#8fffe0}.popup-body{scrollbar-width:thin;scrollbar-color:rgba(143,255,224,.5) rgba(0,0,0,.2)}.popup-body .config-section{margin-bottom:25px}.popup-body .config-section h4{color:#ffeb3b;border-left:3px solid #ffeb3b;padding-left:10px;margin-bottom:15px;font-size:14px;text-transform:uppercase;letter-spacing:1px}.popup-body .input-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.popup-body .input-group label{font-size:13px;opacity:.8;flex:1}.popup-body .input-group input{background:rgba(0,0,0,.5);border:1px solid rgba(143,255,224,.3);color:#8fffe0;padding:4px 8px;width:100px;border-radius:4px;text-align:right;font-family:"Noto Sans Game","Noto Sans","Open Sans","Segoe UI",Tahoma,sans-serif;font-variant-numeric:tabular-nums;outline:0;transition:all .2s}.popup-body .input-group input:focus{border-color:#8fffe0;background:rgba(0,0,0,.8)}.popup-footer{display:flex;gap:0;border-top:1px solid rgba(143,255,224,.2)}.popup-footer .btn-progress-reset,.popup-footer .btn-reset,.popup-footer .btn-save{flex:1;padding:10px;font-weight:700;cursor:pointer;border:none;transition:all .2s;text-transform:uppercase;font-size:14px;line-height:1.2}.popup-footer .btn-reset{background:#333;color:#aaa;border-bottom-left-radius:12px}.popup-footer .btn-reset:hover{background:#444;color:#fff}.popup-footer .btn-progress-reset{background:rgba(168,24,24,.92);color:#ffe2e2}.popup-footer .btn-progress-reset:hover{background:#c11d1d;color:#fff}.popup-footer .btn-save{background:#8fffe0;color:#000;border-bottom-right-radius:12px}.popup-footer .btn-save:hover{filter:brightness(1.1);box-shadow:inset 0 0 10px rgba(0,0,0,.2)}.popup-content-wide{max-width:1040px}.popup-content-slim{max-width:620px}.popup-content-book{max-width:1120px}.popup-content-map{max-width:700px}.popup-content-beast{max-width:1160px}.map-popup-body{display:flex;flex-direction:column;align-items:center;gap:10px}#map-canvas{width:min(94vw,620px);height:min(94vw,620px);max-height:65vh;border-radius:10px;border:1px solid rgba(143,255,224,.34);background:rgba(4,8,12,.95);touch-action:none}.map-hint{width:100%;text-align:center;color:#9fd7f0;font-size:13px}.popup-panel-body{display:flex;flex-direction:column;gap:14px}.panel-section{display:flex;flex-direction:column;gap:10px}.panel-section h4{margin:0;color:#ffd86b;font-size:14px;letter-spacing:.8px;text-transform:uppercase}.resource-wallet{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(143,255,224,.18);border-radius:14px;background:linear-gradient(180deg,rgba(17,27,39,.96),rgba(10,16,24,.92))}.wallet-total{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#f0fff9;font-size:14px}.wallet-total strong{color:#ffd86b}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wallet-chip{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--wallet-accent) 50%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));font-size:13px}.wallet-chip strong{color:var(--wallet-accent)}.panel-tabs{display:inline-flex;flex-wrap:wrap;gap:8px;padding:8px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(143,255,224,.14)}@media (max-width:640px){.panel-tabs{display:grid;grid-template-columns:1fr 1fr}}.panel-tab{min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(10,17,25,.92);color:rgba(240,255,249,.72);font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.panel-tab:hover{transform:translateY(-1px);color:#f5fffb}.panel-tab.is-active{border-color:rgba(143,255,224,.42);background:linear-gradient(180deg,rgba(143,255,224,.16),rgba(255,216,107,.12));color:#fafffd;box-shadow:0 0 18px rgba(143,255,224,.14)}.inventory-panel{display:none;flex-direction:column;gap:18px}.inventory-panel.is-active{display:flex}.beast-wallet{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid rgba(121,255,212,.16);background:radial-gradient(circle at top right,rgba(121,255,212,.12),transparent 30%),linear-gradient(180deg,rgba(11,20,30,.96),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 30px rgba(0,0,0,.16)}.beast-wallet__footer,.beast-wallet__header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}.beast-wallet__eyebrow{display:block;margin-bottom:4px;color:rgba(240,255,249,.56);font-size:11px;text-transform:uppercase;letter-spacing:1px}.beast-wallet__footer,.beast-wallet__state{color:rgba(240,255,249,.72);font-size:12px}.beast-wallet__state{max-width:min(100%,360px);padding:10px 12px;border-radius:14px;border:1px solid rgba(121,255,212,.16);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));line-height:1.5}.beast-wallet__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.beast-wallet__stat{min-width:0;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.beast-wallet__stat span{display:block;color:rgba(240,255,249,.54);font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.beast-wallet__stat strong{display:block;margin-top:6px;color:#f7fffc;font-size:13px;line-height:1.45;word-break:break-word}.beast-wallet__track{margin-top:-2px}.beast-popup-body{gap:16px}.inventory-beast-tabs{width:100%}.beast-tab-strip{width:100%}.beast-feed-panel-host{display:grid;gap:14px}.beast-panel-section{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:18px;border:1px solid rgba(121,255,212,.12);background:radial-gradient(circle at top left,rgba(121,255,212,.08),transparent 34%),linear-gradient(180deg,rgba(12,20,30,.96),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 24px rgba(0,0,0,.12)}.beast-section-meta{display:flex;flex-wrap:wrap;gap:8px}.beast-section-meta span{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(121,255,212,.16);background:rgba(255,255,255,.04);color:rgba(240,255,249,.72);font-size:11px;line-height:1.4}.beast-food-panel{display:flex;flex-direction:column;gap:14px}.beast-food-summary{display:flex;flex-direction:column;gap:12px}.beast-food-summary__actions{display:flex;justify-content:flex-end}.beast-food-slot{display:flex;flex-direction:column;gap:10px}.beast-food-slot__controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}.beast-food-slot__select{min-width:min(100%,360px);flex:1 1 240px}.beast-food-slot__input{width:96px;flex:0 0 96px}.beast-food-slot__controls .btn-slot-action{flex:0 0 auto}.inventory-capacity-card__meta{flex-wrap:wrap}@media (max-width:640px){.beast-food-slot__controls{flex-direction:column;align-items:stretch}.beast-food-slot__input,.beast-food-slot__select{width:100%;flex:1 1 auto}.beast-food-slot__controls .btn-slot-action{width:100%}}#sword-counter.is-hidden{opacity:0;transform:translateY(-8px)}.inventory-capacity-card{display:flex;flex-direction:column;gap:10px;padding:14px;margin-top:10px;border-radius:14px;border:1px solid rgba(143,255,224,.18);background:linear-gradient(180deg,rgba(13,21,31,.96),rgba(8,13,20,.92))}.inventory-capacity-card__meta,.inventory-capacity-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-capacity-card__label,.inventory-capacity-card__meta{color:rgba(240,255,249,.68);font-size:12px}.inventory-capacity-card__value{color:#f6fffd;font-size:16px}.inventory-capacity-card__track{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.inventory-capacity-card__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(143,255,224,.55),rgba(255,216,107,.92));box-shadow:0 0 14px rgba(143,255,224,.22)}.inventory-capacity-card__track.is-infinite span{background:linear-gradient(90deg,rgba(121,255,212,.92),rgba(255,216,107,.92),rgba(255,138,226,.9));background-size:180% 100%;box-shadow:0 0 18px rgba(121,255,212,.28)}.popup-content-profile{max-width:760px}.profile-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:14px}.profile-hero__card{--profile-accent:#8fffe0;--profile-light:#ffffff;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid rgba(143,255,224,.14);background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 34%),linear-gradient(180deg,rgba(14,24,34,.96),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 28px rgba(0,0,0,.18)}.profile-hero__card.is-accent{border-color:color-mix(in srgb,var(--profile-accent) 44%,transparent);background:radial-gradient(circle at top left,color-mix(in srgb,var(--profile-light) 18%,transparent),transparent 28%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--profile-accent) 18%,transparent),transparent 38%),linear-gradient(180deg,rgba(14,24,34,.98),rgba(8,13,20,.94))}.profile-hero__identity{display:flex;align-items:center;gap:14px}.profile-hero__avatar{display:flex;align-items:center;justify-content:center;width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.42),transparent 20%),linear-gradient(160deg,color-mix(in srgb,var(--profile-light) 16%,transparent),color-mix(in srgb,var(--profile-accent) 46%,rgba(4,13,20,.94)));box-shadow:0 12px 24px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.14)}.profile-hero__avatar-icon{width:58%;height:58%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, .34)) drop-shadow(0 0 16px color-mix(in srgb, var(--profile-accent) 34%, transparent));transform:rotate(14deg);pointer-events:none}.profile-hero__eyebrow{color:rgba(240,255,249,.56);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.profile-hero__title{margin:4px 0 6px;color:#f6fffd;font-size:24px;line-height:1.15}.profile-hero__subtitle{color:rgba(240,255,249,.72);font-size:13px;line-height:1.5}.profile-chip-grid,.profile-hero__chips{display:flex;flex-wrap:wrap;gap:8px}.profile-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(245,255,251,.88);font-size:12px;font-weight:600}.profile-chip strong{color:#ffd86b;font-size:13px}.profile-chip.is-soft{background:rgba(255,255,255,.05);color:rgba(245,255,251,.78)}.profile-pill-summary,.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.profile-stat-section{padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--profile-accent,#8fffe0) 24%,rgba(255,255,255,.08));background:linear-gradient(180deg,rgba(11,20,28,.94),rgba(7,12,18,.9))}.profile-stat-section+.profile-stat-section{margin-top:10px}.profile-stat-section__title{margin:0 0 10px;font-size:11px;letter-spacing:.8px;font-weight:700;text-transform:uppercase;color:rgba(240,255,249,.72)}.profile-stat-card{padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--profile-accent) 38%,rgba(255,255,255,.08));background:radial-gradient(circle at top right,rgba(255,255,255,.06),transparent 34%),linear-gradient(180deg,rgba(12,22,31,.96),rgba(8,13,20,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.profile-stat-label{display:block;margin-bottom:6px;color:rgba(240,255,249,.6);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.profile-stat-value{display:block;color:#f6fffd;font-size:14px;line-height:1.28}.profile-stats-grid--compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.profile-stat-card--compact{padding:10px 11px;border-radius:12px}.profile-pills{display:flex;flex-direction:column;gap:14px}.profile-pill-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.profile-pill-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(143,255,224,.14);background:rgba(255,255,255,.04);color:rgba(245,255,251,.82);font-size:12px;line-height:1.5}.profile-pill-entry strong{color:#ffd86b;font-size:14px;white-space:nowrap}.profile-empty{padding:18px 16px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:rgba(255,255,255,.72);line-height:1.6}.shop-tip{margin-bottom:10px;padding:10px 12px;border-radius:12px;background:rgba(255,211,107,.08);border:1px solid rgba(255,211,107,.24);color:#ffe7b0;font-size:13px;line-height:1.5}.shop-panel{display:flex;flex-direction:column;gap:10px}.shop-toolbar{display:flex;flex-direction:column;gap:10px}.shop-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:6px}.shop-tabs .panel-tab{flex:0 0 auto;min-height:34px;padding:6px 12px;font-size:12px}.shop-toolbar-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:10px}.shop-filter-group{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}.shop-field{display:flex;flex-direction:column;gap:6px}.shop-field span{color:rgba(240,255,249,.78);font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.shop-control-input{width:100%;min-height:38px;padding:8px 11px;border-radius:12px;border:1px solid rgba(143,255,224,.24);background:rgba(8,15,24,.88);color:#f4fffb;font-size:13px;outline:0;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.shop-control-input:focus{border-color:rgba(143,255,224,.62);box-shadow:0 0 0 3px rgba(143,255,224,.12);background:rgba(10,18,28,.96)}select.shop-control-input{cursor:pointer}.shop-toolbar-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-summary{color:rgba(240,255,249,.74);font-size:12px;line-height:1.4}.shop-summary strong{color:#ffd86b}.btn-shop-page,.btn-shop-reset{min-height:36px;border:1px solid rgba(143,255,224,.24);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:#f4fffb;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}.btn-shop-page:hover:not(:disabled),.btn-shop-reset:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(143,255,224,.5);filter:brightness(1.05)}.btn-shop-page:disabled,.btn-shop-reset:disabled{opacity:.42;cursor:not-allowed}.btn-shop-reset{padding:8px 12px;white-space:nowrap}.shop-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.shop-page-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-shop-page{min-width:40px;padding:8px 12px}.btn-shop-page.is-active{opacity:1;border-color:rgba(255,216,107,.7);color:#ffd86b;background:linear-gradient(180deg,rgba(255,211,107,.2),rgba(255,211,107,.08))}.btn-shop-page-nav{min-width:40px;width:40px;padding-inline:0;font-size:18px;line-height:1;flex-shrink:0}.shop-page-gap,.shop-page-status{color:rgba(240,255,249,.68);font-size:12px}.shop-empty{grid-column:1/-1;padding:22px 16px;border-radius:16px;border:1px dashed rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:rgba(255,255,255,.7);text-align:center;line-height:1.6}.inventory-grid,.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px}.inventory-slot,.shop-card{display:flex;flex-direction:column;gap:8px;min-height:176px;padding:12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--slot-accent) 48%,rgba(255,255,255,.06));background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,rgba(15,25,36,.96),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 24px rgba(0,0,0,.18)}.inventory-slot h4,.shop-card h4{margin:0;color:#f4fffb;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-slot p,.shop-card p{margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.5;flex:1}.shop-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:24px}.shop-card-corner-meta{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--slot-accent) 50%,rgba(255,255,255,.12));background:color-mix(in srgb,rgba(16,29,37,.92) 72%,var(--slot-accent));color:color-mix(in srgb,#f6fffc 82%,var(--slot-accent));font-size:11px;font-weight:700;line-height:1;text-align:right;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.item-description__side-effect{display:block;margin-top:8px}.item-description__side-label{display:block;margin-bottom:2px;color:#ff6b6b;font-weight:700}.item-description{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.5}.item-description__body,.item-description__full,.item-description__preview{color:inherit}.item-description__body,.item-description__preview{overflow:hidden}.item-description__preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.item-description__toggle{align-self:flex-start;padding:0;border:0;background:0 0;color:#8fffe0;font:inherit;font-size:11px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .18s ease,opacity .18s ease}.item-description__toggle:focus-visible,.item-description__toggle:hover{color:#d9fff3}.item-description__full{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s ease,opacity .22s ease}.item-description.is-expanded .item-description__preview{display:none}.item-description.is-expanded .item-description__full{opacity:1}.beast-slot__stats{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:rgba(240,255,249,.72);font-size:11px}.beast-slot__style{padding:5px 10px;width:fit-content;max-width:100%;border-radius:999px;background:color-mix(in srgb,var(--slot-accent) 18%,rgba(255,255,255,.04));border:1px solid color-mix(in srgb,var(--slot-accent) 36%,rgba(255,255,255,.08));color:#f8fffd;font-size:11px;font-weight:700;line-height:1.35}.beast-slot{gap:12px;min-height:0}.beast-slot__head{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center}.beast-slot__info{min-width:0;display:flex;flex-direction:column;gap:8px}.beast-slot__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.beast-slot__title-block{min-width:0;display:flex;flex-direction:column;gap:8px}.beast-slot__count{flex:0 0 auto;min-width:102px;max-width:100%;padding:10px 12px;box-sizing:border-box;border-radius:14px;border:1px solid color-mix(in srgb,var(--slot-accent) 34%,rgba(255,255,255,.08));background:radial-gradient(circle at top right,color-mix(in srgb,var(--slot-accent) 12%,transparent),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;flex-direction:column;gap:4px;align-items:flex-end;text-align:right}.beast-slot__count span{color:rgba(240,255,249,.54);font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;word-break:break-word}.beast-slot__count strong{color:#f7fffc;font-size:18px;line-height:1;word-break:break-word}.beast-slot__tags{display:flex;flex-wrap:wrap;gap:8px}.beast-slot__summary{flex:0 0 auto!important}.beast-slot__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.beast-slot__detail,.beast-slot__metric{min-width:0;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:4px}.beast-slot__detail span,.beast-slot__metric span{color:rgba(240,255,249,.52);font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}.beast-slot__detail strong,.beast-slot__metric strong{color:#f7fffc;font-size:12px;line-height:1.5;font-weight:600;word-break:break-word}.beast-slot__details{display:grid;gap:8px}.beast-slot__detail--wide{grid-column:1/-1}.beast-slot__actions{display:flex;margin-top:auto}.beast-slot__actions .btn-slot-action{width:100%;margin-top:0}.beast-card-visual{--beast-secondary:var(--beast-accent);--beast-aura:var(--beast-accent);--beast-glow:var(--beast-aura);position:relative;width:84px;height:84px;margin:0;flex:0 0 84px;align-self:flex-start;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.7),rgba(255,255,255,.08) 20%,transparent 26%),radial-gradient(circle at 48% 52%,color-mix(in srgb,var(--beast-secondary) 64%,#fff 12%),rgba(10,18,28,.08) 46%,transparent 68%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--beast-aura) 20%,rgba(255,255,255,.04)),transparent 72%);box-shadow:0 0 24px color-mix(in srgb,var(--beast-glow) 36%,transparent),inset 0 0 0 1px rgba(255,255,255,.12)}.beast-card-visual::after,.beast-card-visual::before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--beast-secondary) 28%,rgba(255,255,255,.14))}.beast-card-visual::after{inset:24px;border-style:solid;border-color:color-mix(in srgb,var(--beast-accent) 72%,transparent);background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--beast-secondary) 26%,rgba(255,255,255,.1)),transparent 72%)}.beast-card-visual--egg{width:82px;height:90px;border-radius:42% 42% 48% 48%/44% 44% 54% 54%}.inventory-grid.beast-collection-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.inventory-grid.beast-collection-grid.is-rainbow-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.attack-skill-list{display:grid;gap:12px}.attack-skill-tabs{width:fit-content}.attack-skill-panel{display:grid;gap:12px}.attack-skill-state{padding:16px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--skill-accent) 42%,rgba(255,255,255,.08));background:radial-gradient(circle at top left,color-mix(in srgb,var(--skill-accent) 12%,rgba(255,255,255,.04)),transparent 42%),linear-gradient(180deg,rgba(14,24,34,.98),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 26px rgba(0,0,0,.16)}.attack-skill-state__eyebrow,.attack-skill-state__summary{display:block;color:rgba(240,255,249,.64);font-size:11px;letter-spacing:.8px;text-transform:uppercase}.attack-skill-state__title{display:block;margin-top:6px;color:color-mix(in srgb,var(--skill-accent) 72%,#f8fffd);font-size:18px;font-weight:700}.attack-skill-state__description{margin:8px 0 10px;color:rgba(240,255,249,.78);font-size:12px;line-height:1.6}.attack-skill-card{padding:16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--skill-accent) 44%,rgba(255,255,255,.08));background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 32%),linear-gradient(180deg,rgba(14,24,34,.96),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 24px rgba(0,0,0,.18)}.attack-skill-card.is-active{box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 22px color-mix(in srgb,var(--skill-accent) 22%,transparent)}.attack-skill-card.is-disabled{opacity:.78}.attack-skill-card__foot,.attack-skill-card__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attack-skill-card__head{margin-bottom:12px}.attack-skill-card__head .attack-skill-card__summary{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;min-width:0}.attack-skill-card__head .attack-skill-card__summary h4,.attack-skill-card__head .attack-skill-card__summary p{grid-column:2}.attack-skill-card__head h4{margin:0 0 6px}.attack-skill-card__head p{margin:0;color:rgba(240,255,249,.72);font-size:12px;line-height:1.55}.attack-skill-card__avatar{grid-column:1;grid-row:1/span 2;width:44px;height:44px;border-radius:12px;border:1px solid color-mix(in srgb,var(--skill-accent) 48%,rgba(255,255,255,.2));background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.16),rgba(8,14,24,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 18px rgba(0,0,0,.22);overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.attack-skill-card__avatar img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0, 0, 0, .45))}.attack-skill-card__avatar--pill{width:84px;height:84px;border:none;border-radius:0;background:0 0;box-shadow:none;overflow:visible;padding:0}.attack-skill-card__avatar--pill .pill-visual{width:84px;min-width:84px;height:84px;margin:0;transform:none;filter:drop-shadow(0 12px 20px rgba(0, 0, 0, .28))}.attack-skill-card__foot{align-items:center;color:rgba(240,255,249,.68);font-size:12px}.attack-skill-card__actions{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.attack-skill-card__tag{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#f6fffd;font-size:11px;font-weight:700;white-space:nowrap}.attack-skill-card__roster{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.attack-skill-card__roster.is-empty{color:rgba(240,255,249,.52);font-size:12px}.attack-skill-card__roster-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:rgba(240,255,249,.72);font-size:12px}.attack-skill-card__roster-head strong{color:#f6fffd;font-size:13px}.insect-toggle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.attack-skill-card__sword-roster-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:10px;align-items:start;align-content:start;max-height:min(40vh,300px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-y}.shop-card.has-pill-art .pill-visual.is-bag .pill-visual__core--bag,.shop-card.has-pill-art .pill-visual.is-habitat .pill-visual__core--bag,.shop-card.has-pill-art .pill-visual.is-spirit-bag .pill-visual__core--bag{background:0 0;box-shadow:none;border:none}.insect-toggle-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--toggle-accent,#79ffd4) 30%,rgba(255,255,255,.08));background:radial-gradient(circle at top right,color-mix(in srgb,var(--toggle-accent,#79ffd4) 16%,rgba(255,255,255,.06)),transparent 42%),linear-gradient(180deg,rgba(15,24,34,.94),rgba(8,13,20,.94));color:#f6fffd;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.insect-toggle-chip:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--toggle-accent,#79ffd4) 55%,rgba(255,255,255,.12))}.insect-toggle-chip:active{transform:translateY(0)}.insect-toggle-chip:not(.is-enabled){opacity:.72;filter:saturate(.82)}.insect-toggle-chip.is-enabled{box-shadow:0 0 18px color-mix(in srgb,var(--toggle-accent,#79ffd4) 22%,transparent)}.insect-toggle-chip__title{font-weight:700}.insect-toggle-chip__meta,.insect-toggle-chip__note{font-size:12px;line-height:1.45;color:rgba(240,255,249,.72)}.attack-skill-card__sword-chip{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;min-height:100%;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--toggle-accent,#79ffd4) 30%,rgba(255,255,255,.08));background:radial-gradient(circle at top right,color-mix(in srgb,var(--toggle-accent,#79ffd4) 14%,rgba(255,255,255,.06)),transparent 42%),linear-gradient(180deg,rgba(15,24,34,.94),rgba(8,13,20,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.16);color:#f6fffd;overflow:hidden}.attack-skill-card__sword-head{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.attack-skill-card__sword-meta,.attack-skill-card__sword-note,.attack-skill-card__sword-title{display:block;min-width:0;max-width:100%}.attack-skill-card__sword-title{flex:1 1 auto;font-size:14px;font-weight:800;line-height:1.25}.attack-skill-card__sword-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}.attack-skill-card__sword-meta,.attack-skill-card__sword-note{font-size:11px;line-height:1.35;color:rgba(240,255,249,.72);overflow-wrap:anywhere}.attack-skill-card__sword-actions .btn-slot-action{width:auto;min-width:64px;min-height:30px;padding:6px 10px;margin-top:0;border-radius:999px;flex:0 0 auto}.book-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.book-summary__card{padding:14px;border-radius:16px;border:1px solid rgba(255,216,107,.18);background:linear-gradient(180deg,rgba(15,24,36,.96),rgba(8,13,20,.92));color:rgba(240,255,249,.72)}.book-summary__card strong{display:block;margin-top:8px;color:#fafffd;font-size:18px}.insect-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.insect-book-card{display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid color-mix(in srgb,var(--book-accent) 42%,rgba(255,255,255,.08));background:radial-gradient(circle at top right,color-mix(in srgb,var(--book-aura,var(--book-accent)) 16%,rgba(255,255,255,.06)),transparent 38%),linear-gradient(180deg,rgba(14,24,34,.98),rgba(8,13,20,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 24px rgba(0,0,0,.18)}.insect-book-card__image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 26% 22%,color-mix(in srgb,var(--book-secondary,var(--book-accent)) 24%,rgba(255,255,255,.08)),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--book-aura,var(--book-accent)) 18%,rgba(9,15,22,.16)),rgba(8,13,20,.06))}.insect-book-card__image{width:100%;height:100%;object-fit:cover;display:block;opacity:.94}.insect-art{--insect-primary:var(--book-accent, var(--beast-accent, #79ffd4));--insect-secondary:var(--book-secondary, var(--beast-secondary, var(--insect-primary)));--insect-aura:var(--book-aura, var(--beast-aura, var(--insect-secondary)));position:absolute;left:50%;top:56%;width:min(136px,100% - 28px);height:min(96px,100% - 20px);transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--insect-aura) 34%, transparent));display:block;overflow:visible}.insect-art span,.insect-art span::after,.insect-art span::before{position:absolute;box-sizing:border-box;content:""}.insect-art .insect-art__halo{inset:6% 10%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--insect-aura) 24%,transparent),transparent 72%);filter:blur(4px)}.insect-art .insect-art__spark{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--insect-secondary) 72%,#fff);box-shadow:0 0 10px color-mix(in srgb,var(--insect-aura) 42%,transparent);opacity:.8}.insect-art .insect-art__spark--1{top:16%;left:18%}.insect-art .insect-art__spark--2{top:24%;right:18%;width:6px;height:6px}.insect-art .insect-art__spark--3{bottom:18%;left:50%;width:5px;height:5px;transform:translateX(-50%)}.insect-art .insect-art__wing{opacity:0;width:34%;height:42%;top:20%;background:linear-gradient(180deg,color-mix(in srgb,var(--insect-secondary) 54%,#fff),color-mix(in srgb,var(--insect-primary) 38%,transparent));border:1px solid color-mix(in srgb,var(--insect-secondary) 42%,transparent);box-shadow:inset 0 0 14px rgba(255,255,255,.14);backdrop-filter:blur(1px)}.insect-art .insect-art__wing--left{left:10%;border-radius:76% 22% 68% 36%/72% 28% 74% 34%;transform-origin:right center}.insect-art .insect-art__wing--right{right:10%;border-radius:22% 76% 36% 68%/28% 72% 34% 74%;transform-origin:left center}.insect-art .insect-art__abdomen,.insect-art .insect-art__body,.insect-art .insect-art__head{background:linear-gradient(180deg,color-mix(in srgb,var(--insect-secondary) 52%,#fff),color-mix(in srgb,var(--insect-primary) 82%,rgba(3,10,18,.5)));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 12px color-mix(in srgb,var(--insect-aura) 28%,transparent)}.insect-art .insect-art__head{left:42%;top:24%;width:16%;height:18%;border-radius:50%}.insect-art .insect-art__body{left:44%;top:40%;width:12%;height:20%;border-radius:46%}.insect-art .insect-art__abdomen{left:38%;top:54%;width:24%;height:24%;border-radius:44% 44% 52% 52%/38% 38% 62% 62%}.insect-art .insect-art__leg{opacity:0;width:24%;height:2px;top:48%;background:linear-gradient(90deg,color-mix(in srgb,var(--insect-secondary) 52%,#fff),color-mix(in srgb,var(--insect-primary) 68%,transparent));transform-origin:center}.insect-art .insect-art__leg--1,.insect-art .insect-art__leg--2,.insect-art .insect-art__leg--3{left:16%}.insect-art .insect-art__leg--4,.insect-art .insect-art__leg--5,.insect-art .insect-art__leg--6{right:16%}.insect-art .insect-art__leg--1{top:40%;transform:rotate(-28deg)}.insect-art .insect-art__leg--2{top:50%;transform:rotate(-6deg)}.insect-art .insect-art__leg--3{top:60%;transform:rotate(24deg)}.insect-art .insect-art__leg--4{top:40%;transform:rotate(28deg)}.insect-art .insect-art__leg--5{top:50%;transform:rotate(6deg)}.insect-art .insect-art__leg--6{top:60%;transform:rotate(-24deg)}.insect-art .insect-art__tail{opacity:0;left:56%;top:16%;width:24%;height:36%;border:3px solid color-mix(in srgb,var(--insect-secondary) 52%,rgba(255,255,255,.2));border-left:0;border-bottom:0;border-radius:0 100% 0 0;transform:rotate(28deg)}.insect-art .insect-art__tail::after{top:-6px;right:-6px;width:10px;height:10px;background:color-mix(in srgb,var(--insect-secondary) 86%,#fff);clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);transform:rotate(18deg)}.insect-art.is-egg{top:52%;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--insect-aura) 28%, transparent))}.insect-art.is-egg .insect-art__leg,.insect-art.is-egg .insect-art__tail,.insect-art.is-egg .insect-art__wing{opacity:0}.insect-art.is-egg .insect-art__head{left:38%;top:18%;width:24%;height:24%;border-radius:50%;opacity:.78}.insect-art.is-egg .insect-art__body{left:28%;top:10%;width:44%;height:66%;border-radius:44% 44% 52% 52%/32% 32% 68% 68%;background:linear-gradient(180deg,color-mix(in srgb,var(--insect-secondary) 54%,#fff),color-mix(in srgb,var(--insect-primary) 78%,rgba(4,12,18,.46)))}.insect-art.is-egg .insect-art__abdomen{left:34%;top:30%;width:32%;height:22%;border-radius:50%;opacity:.84}.beast-card-visual .insect-art{top:50%;width:58px;height:48px}.beast-card-visual .insect-art .insect-art__halo{inset:4% 8%}.beast-card-visual--egg .insect-art{top:52%;width:44px;height:56px}.insect-art--image{display:flex;align-items:center;justify-content:center;overflow:visible}.insect-art--image .insect-art__egg-sheen,.insect-art--image .insect-art__egg-shell,.insect-art--image .insect-art__image{position:absolute;display:block;pointer-events:none}.insect-art--image .insect-art__image{left:50%;top:50%;width:84%;height:84%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 14px color-mix(in srgb, var(--insect-aura) 34%, transparent))}.insect-art--image.is-egg .insect-art__image{width:70%;height:70%;opacity:.34;transform:translate(-50%,-40%)}.insect-art--image.is-egg .insect-art__egg-shell{inset:8% 18%;border-radius:50% 50% 46% 46%/44% 44% 56% 56%;background:radial-gradient(circle at 38% 24%,rgba(255,255,255,.92),rgba(255,255,255,.12) 20%,transparent 30%),linear-gradient(180deg,color-mix(in srgb,#fff 34%,var(--insect-secondary)),var(--insect-primary));border:1px solid color-mix(in srgb,var(--insect-secondary) 48%,rgba(255,255,255,.2));box-shadow:inset 0 -8px 12px rgba(10,16,24,.18),0 0 14px color-mix(in srgb,var(--insect-aura) 24%,transparent)}.insect-art--image.is-egg .insect-art__egg-sheen{inset:14% 32% 42% 30%;border-radius:50%;background:rgba(255,255,255,.32);filter:blur(1px)}.insect-art--huyen-diem-nga .insect-art__wing{opacity:1;top:16%;height:40%;background:linear-gradient(180deg,color-mix(in srgb,#fff 18%,var(--insect-secondary)),color-mix(in srgb,var(--insect-primary) 52%,transparent))}.insect-art--huyen-diem-nga .insect-art__wing::after{bottom:-22%;width:74%;height:62%;background:linear-gradient(180deg,color-mix(in srgb,var(--insect-primary) 72%,#fff),color-mix(in srgb,var(--insect-secondary) 36%,transparent));border:1px solid color-mix(in srgb,var(--insect-secondary) 28%,transparent);box-shadow:inset 0 0 10px rgba(255,255,255,.1)}.insect-art--huyen-diem-nga .insect-art__wing--left{left:8%;transform:rotate(-14deg)}.insect-art--huyen-diem-nga .insect-art__wing--left::after{left:12%;border-radius:64% 34% 72% 42%/58% 30% 74% 46%}.insect-art--huyen-diem-nga .insect-art__wing--right{right:8%;transform:rotate(14deg)}.insect-art--huyen-diem-nga .insect-art__wing--right::after{right:12%;border-radius:34% 64% 42% 72%/30% 58% 46% 74%}.insect-art--huyen-diem-nga .insect-art__head{left:46%;top:24%;width:8%;height:10%}.insect-art--huyen-diem-nga .insect-art__body{left:48%;top:32%;width:4%;height:28%;border-radius:999px}.insect-art--huyen-diem-nga .insect-art__abdomen{left:46%;top:56%;width:8%;height:16%;border-radius:999px 999px 58% 58%}.insect-art--huyen-diem-nga .insect-art__leg,.insect-art--huyen-diem-nga .insect-art__tail{opacity:0}.insect-art--huyet-ngoc-tri-chu .insect-art__head{left:44%;top:26%;width:14%;height:14%;background:linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--insect-secondary)),color-mix(in srgb,var(--insect-primary) 78%,rgba(10,0,10,.48)))}.insect-art--huyet-ngoc-tri-chu .insect-art__body{left:42%;top:40%;width:16%;height:16%;border-radius:48%}.insect-art--huyet-ngoc-tri-chu .insect-art__abdomen{left:34%;top:52%;width:32%;height:24%;border-radius:48% 48% 56% 56%;opacity:.92}.insect-art--huyet-ngoc-tri-chu .insect-art__leg{opacity:.92;width:30%}.insect-art--huyet-ngoc-tri-chu .insect-art__tail,.insect-art--huyet-ngoc-tri-chu .insect-art__wing{opacity:0}.insect-art--kim-giap-hat .insect-art__head,.insect-art--phi-thien-tu-van-hat .insect-art__head{left:42%;top:30%;width:14%;height:14%}.insect-art--kim-giap-hat .insect-art__body,.insect-art--phi-thien-tu-van-hat .insect-art__body{left:40%;top:44%;width:18%;height:18%;border-radius:42%}.insect-art--kim-giap-hat .insect-art__abdomen,.insect-art--phi-thien-tu-van-hat .insect-art__abdomen{left:30%;top:56%;width:38%;height:18%;border-radius:999px}.insect-art--kim-giap-hat .insect-art__leg,.insect-art--phi-thien-tu-van-hat .insect-art__leg{opacity:.9;width:28%}.insect-art--kim-giap-hat .insect-art__tail,.insect-art--phi-thien-tu-van-hat .insect-art__tail{opacity:1}.insect-art--phi-thien-tu-van-hat .insect-art__wing{opacity:.72;top:22%;width:28%;height:26%;background:linear-gradient(180deg,color-mix(in srgb,#fff 22%,var(--insect-secondary)),color-mix(in srgb,var(--insect-primary) 18%,transparent))}.insect-art--phi-thien-tu-van-hat .insect-art__wing--left{left:10%;transform:rotate(-18deg)}.insect-art--phi-thien-tu-van-hat .insect-art__wing--right{right:10%;transform:rotate(18deg)}.insect-art--kim-giap-hat .insect-art__wing{opacity:0}.insect-art--kim-giap-hat .insect-art__abdomen,.insect-art--kim-giap-hat .insect-art__body{box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -4px 10px rgba(0,0,0,.16),0 0 14px color-mix(in srgb,var(--insect-aura) 28%,transparent)}.insect-art--huyet-thuc-nghi .insect-art__head,.insect-art--kien-thien-tinh .insect-art__head,.insect-art--thiet-hoa-nghi .insect-art__head{left:28%;top:42%;width:12%;height:12%}.insect-art--huyet-thuc-nghi .insect-art__body,.insect-art--kien-thien-tinh .insect-art__body,.insect-art--thiet-hoa-nghi .insect-art__body{left:42%;top:42%;width:14%;height:14%}.insect-art--huyet-thuc-nghi .insect-art__abdomen,.insect-art--kien-thien-tinh .insect-art__abdomen,.insect-art--thiet-hoa-nghi .insect-art__abdomen{left:58%;top:38%;width:22%;height:22%;border-radius:50%}.insect-art--huyet-thuc-nghi .insect-art__leg,.insect-art--kien-thien-tinh .insect-art__leg,.insect-art--thiet-hoa-nghi .insect-art__leg{opacity:.9;width:24%}.insect-art--huyet-thuc-nghi .insect-art__tail,.insect-art--huyet-thuc-nghi .insect-art__wing,.insect-art--kien-thien-tinh .insect-art__tail,.insect-art--kien-thien-tinh .insect-art__wing,.insect-art--thiet-hoa-nghi .insect-art__tail,.insect-art--thiet-hoa-nghi .insect-art__wing{opacity:0}.insect-art--kien-thien-tinh .insect-art__spark{width:16px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),color-mix(in srgb,var(--insect-secondary) 84%,#fff),rgba(255,255,255,0))}.insect-art--kien-thien-tinh .insect-art__spark--1{top:18%;left:10%;transform:rotate(-18deg)}.insect-art--kien-thien-tinh .insect-art__spark--2{top:30%;right:10%;transform:rotate(18deg)}.insect-art--kien-thien-tinh .insect-art__spark--3{bottom:18%;left:48%;width:20px;transform:translateX(-50%) rotate(-12deg)}.insect-art--huyet-thuc-nghi .insect-art__spark,.insect-art--thiet-hoa-nghi .insect-art__spark{box-shadow:0 0 14px color-mix(in srgb,var(--insect-aura) 54%,transparent)}.insect-art--bang-tam .insect-art__leg,.insect-art--bang-tam .insect-art__tail,.insect-art--bang-tam .insect-art__wing,.insect-art--kim-tam .insect-art__leg,.insect-art--kim-tam .insect-art__tail,.insect-art--kim-tam .insect-art__wing,.insect-art--phe-kim-trung .insect-art__leg,.insect-art--phe-kim-trung .insect-art__tail,.insect-art--phe-kim-trung .insect-art__wing,.insect-art--thon-linh-trung .insect-art__leg,.insect-art--thon-linh-trung .insect-art__tail,.insect-art--thon-linh-trung .insect-art__wing{opacity:0}.insect-art--phe-kim-trung .insect-art__head{left:20%;top:42%;width:12%;height:12%}.insect-art--phe-kim-trung .insect-art__body{left:32%;top:36%;width:18%;height:20%;border-radius:999px}.insect-art--phe-kim-trung .insect-art__abdomen{left:44%;top:30%;width:34%;height:28%;border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--insect-secondary) 72%,#fff) 0 4px,color-mix(in srgb,var(--insect-primary) 82%,rgba(4,8,14,.42)) 4px 9px)}.insect-art--bang-tam .insect-art__head,.insect-art--kim-tam .insect-art__head{left:28%;top:38%;width:12%;height:12%}.insect-art--bang-tam .insect-art__body,.insect-art--kim-tam .insect-art__body{left:38%;top:34%;width:18%;height:20%;border-radius:999px}.insect-art--bang-tam .insect-art__abdomen,.insect-art--kim-tam .insect-art__abdomen{left:48%;top:30%;width:28%;height:28%;border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--insect-secondary) 68%,#fff) 0 4px,color-mix(in srgb,var(--insect-primary) 82%,rgba(4,8,14,.38)) 4px 8px)}.insect-art--bang-tam .insect-art__spark{background:color-mix(in srgb,#fff 72%,var(--insect-secondary));box-shadow:0 0 12px color-mix(in srgb,var(--insect-aura) 38%,transparent)}.insect-art--thon-linh-trung .insect-art__head{left:32%;top:44%;width:10%;height:10%}.insect-art--thon-linh-trung .insect-art__body{left:40%;top:42%;width:12%;height:12%;border-radius:999px}.insect-art--thon-linh-trung .insect-art__abdomen{left:50%;top:40%;width:20%;height:16%;border-radius:999px}.insect-art--thon-linh-trung .insect-art__spark{width:6px;height:6px;box-shadow:0 0 12px color-mix(in srgb,var(--insect-aura) 56%,transparent)}.insect-book-card__tier{position:absolute;z-index:2}.insect-book-card__tier{top:12px;left:12px;padding:6px 10px;border-radius:999px;background:rgba(8,15,24,.82);color:#fafffd;font-size:11px;font-weight:700}.insect-book-card__body{display:flex;flex-direction:column;gap:10px;padding:14px}.insect-book-card__body h4{margin:0}.insect-book-card__body p{margin:0;color:rgba(240,255,249,.72);font-size:12px;line-height:1.6}.insect-book-card__style{color:color-mix(in srgb,var(--book-secondary,var(--book-accent)) 74%,#f8fffd);font-size:12px;line-height:1.5;font-weight:700}.insect-book-card__meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:rgba(240,255,249,.62);font-size:11px}.insect-book-card__actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.insect-book-card__actions .btn-slot-action{width:100%}.insect-book-card__line{display:grid;gap:4px;color:rgba(240,255,249,.72);font-size:11px}.insect-book-card__line span{opacity:.78}.insect-book-card__line strong{color:rgba(248,255,252,.94);font-size:11px;line-height:1.45;font-weight:600}@keyframes pill-card-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes pill-card-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-slot.has-pill-art,.shop-card.has-pill-art{min-height:252px}.pill-visual{--pill-accent:var(--slot-accent);--pill-aura:rgba(255, 255, 255, 0.18);position:relative;width:84px;height:84px;margin:-2px auto 2px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;animation:pill-card-float 4.8s ease-in-out infinite;filter:drop-shadow(0 12px 20px rgba(0, 0, 0, .28))}.pill-visual__backdrop,.pill-visual__core,.pill-visual__orbit,.pill-visual__sigil,.pill-visual__spark{position:absolute;display:block;pointer-events:none}.pill-visual__backdrop{inset:7px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.32),transparent 22%),radial-gradient(circle at 50% 55%,var(--pill-aura),transparent 70%);box-shadow:0 0 28px color-mix(in srgb,var(--pill-accent) 24%,transparent),inset 0 0 24px rgba(255,255,255,.08)}.pill-visual__orbit{border-radius:50%;border:1px solid color-mix(in srgb,var(--pill-accent) 62%,rgba(255,255,255,.14))}.pill-visual__orbit--outer{inset:5px;opacity:.66;animation:pill-card-spin 13s linear infinite}.pill-visual__orbit--inner{inset:14px;border-style:dashed;opacity:.5;animation:pill-card-spin 9s linear infinite reverse}.pill-visual__spark{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 0 12px rgba(255,255,255,.55)}.pill-visual__spark--1{top:14px;right:14px}.pill-visual__spark--2{bottom:18px;left:12px;width:4px;height:4px;opacity:.7}.pill-visual__spark--3{top:20px;left:18px;width:5px;height:5px;opacity:.55}.pill-visual__core{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.96),rgba(255,255,255,.18) 18%,transparent 28%),radial-gradient(circle at 32% 30%,color-mix(in srgb,#fff 54%,var(--pill-accent)),var(--pill-accent) 50%,rgba(10,16,24,.88) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 0 -10px 14px rgba(0,0,0,.22),0 0 18px color-mix(in srgb,var(--pill-accent) 56%,transparent)}.pill-visual__core::before{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.22)}.pill-visual__core--bag{width:50px;height:50px;border-radius:18px;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.92),rgba(255,255,255,.12) 18%,transparent 30%),linear-gradient(180deg,color-mix(in srgb,#fff 16%,var(--pill-accent)),color-mix(in srgb,var(--pill-accent) 52%,rgba(7,14,22,.96)))}.pill-visual__core--book{width:44px;height:56px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.18) 0 14%,transparent 14% 100%),linear-gradient(180deg,color-mix(in srgb,#fff 10%,var(--pill-accent)),color-mix(in srgb,var(--pill-accent) 58%,rgba(8,15,24,.96)))}.pill-visual__core--book::before{border-radius:10px}.pill-visual__item-icon{position:absolute;z-index:2;width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, .34)) drop-shadow(0 0 10px color-mix(in srgb, var(--pill-accent) 30%, transparent));pointer-events:none}.pill-visual__beast{position:absolute;inset:8px;z-index:3}.pill-visual__beast .insect-art{top:50%;width:calc(100% - 8px);height:calc(100% - 10px);transform:translate(-50%,-50%) scale(.78);filter:drop-shadow(0 0 12px color-mix(in srgb, var(--insect-aura) 28%, transparent))}.pill-visual__item-icon--sword-art{transform:rotate(10deg) scale(1.08)}.pill-visual__item-icon--bag{transform:scale(1.08)}.pill-visual__item-icon--flame{z-index:5;transform:translateY(1px) scale(1.34)}.pill-visual__item-icon--artifact{z-index:5}.pill-visual__cover-seal{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.92;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--pill-accent) 34%, transparent))}.pill-visual__cover-seal::after,.pill-visual__cover-seal::before{content:"";position:absolute}.pill-visual__cover-seal--sword{width:20px;height:20px}.pill-visual__cover-seal--sword::before{inset:1px 8px 1px 8px;border-radius:999px 999px 2px 2px;background:linear-gradient(180deg,rgba(242,255,250,.98),rgba(135,255,218,.24));transform:rotate(32deg)}.pill-visual__cover-seal--sword::after{left:4px;top:10px;width:12px;height:3px;border-radius:999px;background:rgba(236,255,250,.96);transform:rotate(32deg);box-shadow:0 0 10px rgba(144,255,223,.34)}.pill-visual__cover-seal--insect{width:18px;height:18px}.pill-visual__cover-seal--insect::before{inset:2px 6px;border-radius:999px 999px 8px 8px;background:linear-gradient(180deg,rgba(244,255,252,.98),rgba(121,255,212,.26));box-shadow:inset 0 -3px 6px rgba(0,0,0,.16)}.pill-visual__cover-seal--insect::after{left:4px;top:7px;width:10px;height:4px;border-radius:999px;border-top:1px solid rgba(244,255,252,.96);border-bottom:1px solid rgba(244,255,252,.5);opacity:.9}.pill-visual__cover-seal--formation{width:22px;height:22px;border-radius:50%;border:1px solid rgba(250,242,210,.72);background:radial-gradient(circle at 50% 50%,rgba(255,246,214,.24),transparent 68%)}.pill-visual__cover-seal--formation::before{inset:4px;border-radius:50%;border:1px dashed rgba(255,240,184,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 12px rgba(255,214,102,.2)}.pill-visual__cover-seal--formation::after{left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(255,248,226,.96);transform:translate(-50%,-50%);box-shadow:0 -8px 0 rgba(255,240,184,.86),0 8px 0 rgba(255,240,184,.86),-8px 0 0 rgba(255,240,184,.86),8px 0 0 rgba(255,240,184,.86)}.pill-visual__cover-seal--herb{width:20px;height:20px}.pill-visual__cover-seal--herb::before{left:9px;top:3px;width:2px;height:14px;border-radius:999px;background:linear-gradient(180deg,rgba(241,255,238,.96),rgba(156,248,189,.54));box-shadow:0 0 8px rgba(126,238,178,.34)}.pill-visual__cover-seal--herb::after{left:4px;top:7px;width:12px;height:8px;border-radius:10px 10px 10px 2px;border:1px solid rgba(234,255,234,.86);background:linear-gradient(180deg,rgba(213,255,208,.86),rgba(101,224,153,.2));transform:rotate(-30deg);box-shadow:7px -2px 0 -1px rgba(210,255,208,.7),7px -2px 0 0 rgba(111,228,164,.26)}.pill-visual__core--flame{width:42px;height:58px;border-radius:58% 58% 52% 52%/16% 16% 84% 84%;background:radial-gradient(circle at 50% 18%,rgba(244,255,255,.98),rgba(244,255,255,.12) 18%,transparent 32%),radial-gradient(circle at 50% 78%,rgba(86,210,255,.18),transparent 46%),linear-gradient(180deg,rgba(219,251,255,.98),rgba(112,222,255,.88) 44%,rgba(24,112,182,.26) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -14px 18px rgba(4,28,52,.26),0 0 22px rgba(110,224,255,.36);clip-path:polygon(50% 0,60% 8%,70% 20%,80% 36%,88% 56%,86% 74%,78% 88%,66% 97%,50% 100%,34% 97%,22% 88%,14% 74%,12% 56%,20% 36%,30% 20%,40% 8%)}.pill-visual__core--flame::before{content:"";position:absolute;inset:9px 10px 8px;border-radius:60% 60% 50% 50%/18% 18% 82% 82%;background:linear-gradient(180deg,rgba(250,255,255,.98),rgba(179,241,255,.58) 46%,rgba(255,255,255,.06) 100%);clip-path:polygon(50% 0,62% 12%,72% 26%,78% 44%,74% 70%,64% 90%,50% 100%,36% 90%,26% 70%,22% 44%,28% 26%,38% 12%);border:0}.pill-visual__flame-mark{position:absolute;z-index:4;width:13px;height:20px;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(187,245,255,.22));clip-path:polygon(50% 0,64% 16%,78% 42%,72% 70%,60% 92%,50% 100%,40% 92%,28% 70%,22% 42%,36% 16%);box-shadow:0 0 12px rgba(189,245,255,.32)}.pill-visual__flame-mark::before{content:"";position:absolute;inset:6px 3px 2px;background:rgba(244,255,255,.94);clip-path:polygon(50% 0,66% 20%,74% 46%,62% 84%,50% 100%,38% 84%,26% 46%,34% 20%)}.pill-visual__core--artifact{width:18px;height:36px;border-radius:999px;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.98),rgba(255,255,255,.12) 22%,transparent 36%),linear-gradient(180deg,rgba(226,250,255,.98),rgba(151,232,255,.82) 46%,rgba(53,112,182,.24) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -12px 16px rgba(8,20,44,.22),0 0 18px rgba(151,232,255,.34)}.pill-visual__wing-artifact{position:absolute;z-index:4;top:50%;width:26px;height:34px;background:linear-gradient(180deg,rgba(246,255,255,.96),rgba(159,232,255,.78) 46%,rgba(137,166,255,.16) 100%);border:1px solid rgba(223,254,255,.34);box-shadow:0 0 14px rgba(137,166,255,.24);clip-path:polygon(0 52%,34% 32%,100% 0,78% 40%,66% 58%,40% 78%,18% 68%);transform-origin:12% 54%}.pill-visual__wing-artifact::before{content:"";position:absolute;inset:5px 4px 6px 8px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(192,244,255,.28));clip-path:polygon(0 58%,30% 34%,100% 0,76% 46%,56% 70%,18% 80%);opacity:.92}.pill-visual__wing-artifact--left{left:calc(50% - 24px);transform:translate(-100%,-50%) scaleX(-1) rotate(-8deg)}.pill-visual__wing-artifact--right{left:calc(50% + 24px);transform:translate(0,-50%) rotate(8deg)}.pill-visual__sigil{width:18px;height:18px;opacity:.88}.pill-visual__sigil::after,.pill-visual__sigil::before{content:"";position:absolute;inset:0}.pill-visual.is-exp .pill-visual__sigil{border:2px solid rgba(255,255,255,.78);border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.06)}.pill-visual.is-insight .pill-visual__sigil{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.78)}.pill-visual.is-insight .pill-visual__sigil::before{inset:6px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 12px rgba(255,255,255,.4)}.pill-visual.is-insight .pill-visual__sigil::after{inset:3px auto auto 3px;width:16px;height:6px;border-radius:999px;border:1px solid rgba(255,255,255,.42);transform:rotate(-24deg)}.pill-visual.is-breakthrough .pill-visual__sigil{transform:rotate(45deg);border-radius:4px;border:2px solid rgba(255,255,255,.84)}.pill-visual.is-breakthrough .pill-visual__sigil::before{inset:4px;border-radius:2px;border:1px solid rgba(255,255,255,.45)}.pill-visual.is-attack .pill-visual__sigil{width:22px;height:10px;transform:rotate(-32deg)}.pill-visual.is-attack .pill-visual__sigil::before{border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95) 18%,rgba(255,255,255,.18) 42%,rgba(255,255,255,.95) 75%,transparent)}.pill-visual.is-attack .pill-visual__sigil::after{inset:auto;top:0;right:0;width:7px;height:7px;border-top:2px solid rgba(255,255,255,.84);border-right:2px solid rgba(255,255,255,.84);transform:rotate(45deg)}.pill-visual.is-shield-break .pill-visual__sigil{width:22px;height:22px;transform:rotate(45deg)}.pill-visual.is-shield-break .pill-visual__sigil::before{border-radius:6px;border:2px solid rgba(255,255,255,.82);clip-path:polygon(0 0,100% 0,100% 38%,55% 38%,55% 100%,0 100%)}.pill-visual.is-shield-break .pill-visual__sigil::after{inset:2px auto auto 10px;width:2px;height:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.2));box-shadow:0 0 12px rgba(255,255,255,.35)}.pill-visual.is-berserk .pill-visual__sigil{width:18px;height:22px}.pill-visual.is-berserk .pill-visual__sigil::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.2));clip-path:polygon(50% 0,100% 38%,70% 100%,46% 70%,26% 100%,0 38%)}.pill-visual.is-rage .pill-visual__sigil{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.82)}.pill-visual.is-rage .pill-visual__sigil::before{inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.48)}.pill-visual.is-rage .pill-visual__sigil::after{inset:auto;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 0 12px rgba(255,255,255,.4)}.pill-visual.is-mana .pill-visual__sigil{width:16px;height:24px}.pill-visual.is-mana .pill-visual__sigil::before{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.18));clip-path:polygon(50% 0,84% 34%,72% 78%,50% 100%,28% 78%,16% 34%)}.pill-visual.is-max-mana .pill-visual__sigil{width:20px;height:20px}.pill-visual.is-max-mana .pill-visual__sigil::before{border-radius:6px;border:2px solid rgba(255,255,255,.82);transform:rotate(45deg)}.pill-visual.is-max-mana .pill-visual__sigil::after{inset:5px;border-radius:4px;background:rgba(255,255,255,.22);transform:rotate(45deg)}.pill-visual.is-regen .pill-visual__sigil{width:18px;height:24px}.pill-visual.is-regen .pill-visual__sigil::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.22));clip-path:polygon(50% 0,78% 22%,92% 48%,76% 84%,50% 100%,24% 84%,8% 48%,22% 22%)}.pill-visual.is-regen .pill-visual__sigil::after{inset:auto;bottom:-2px;left:6px;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 10px rgba(255,255,255,.35)}.pill-visual.is-speed .pill-visual__sigil{width:22px;height:16px}.pill-visual.is-speed .pill-visual__sigil::after,.pill-visual.is-speed .pill-visual__sigil::before{width:8px;height:12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.14));transform:skew(-18deg)}.pill-visual.is-speed .pill-visual__sigil::before{inset:auto;top:1px;left:2px}.pill-visual.is-speed .pill-visual__sigil::after{inset:auto;top:4px;right:2px}.pill-visual.is-fortune .pill-visual__sigil{width:22px;height:22px}.pill-visual.is-fortune .pill-visual__sigil::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.18));clip-path:polygon(50% 0,61% 36%,98% 36%,68% 58%,80% 96%,50% 72%,20% 96%,32% 58%,2% 36%,39% 36%)}.pill-visual.is-bag .pill-visual__backdrop{background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.34),transparent 22%),radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--pill-accent) 30%,rgba(255,255,255,.14)),transparent 68%)}.pill-visual.is-bag .pill-visual__orbit--inner{inset:11px;border-style:solid;opacity:.36}.pill-visual.is-spirit-bag .pill-visual__backdrop{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.36),transparent 22%),radial-gradient(circle at 50% 55%,rgba(142,191,255,.24),transparent 66%)}.pill-visual.is-sword-art .pill-visual__sigil{display:none}.pill-visual.is-sword-art .pill-visual__backdrop{background:radial-gradient(circle at 30% 28%,rgba(225,255,246,.34),transparent 22%),radial-gradient(circle at 50% 55%,rgba(121,255,212,.32),transparent 68%)}.pill-visual.is-sword-art .pill-visual__orbit{border-color:rgba(143,255,224,.44)}.pill-visual.is-sword-art .pill-visual__orbit--inner{inset:12px;border-style:solid;opacity:.28}.pill-visual.is-flame-art .pill-visual__backdrop{background:radial-gradient(circle at 32% 26%,rgba(223,248,255,.34),transparent 20%),radial-gradient(circle at 50% 55%,rgba(104,217,255,.32),transparent 68%)}.pill-visual.is-flame-art .pill-visual__sigil{display:none}.pill-visual.is-artifact .pill-visual__sigil{display:none}.pill-visual.is-artifact .pill-visual__backdrop{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.28),transparent 20%),radial-gradient(circle at 50% 55%,rgba(159,232,255,.26),transparent 66%)}.pill-visual.is-artifact .pill-visual__orbit{border-color:rgba(154,229,255,.42)}.pill-visual.is-artifact .pill-visual__orbit--inner{inset:13px;opacity:.32}.pill-visual.is-insect-skill .pill-visual__sigil{display:none}.pill-visual.is-insect-skill .pill-visual__backdrop{background:radial-gradient(circle at 30% 28%,rgba(232,255,247,.34),transparent 22%),radial-gradient(circle at 50% 55%,rgba(121,255,212,.28),transparent 68%)}.pill-visual.is-insect-skill .pill-visual__orbit{border-color:rgba(137,255,220,.42)}.pill-visual.is-insect-skill .pill-visual__orbit--inner{inset:12px;border-style:dotted;opacity:.34}.pill-visual.is-insect-artifact .pill-visual__sigil{display:none}.pill-visual.is-insect-artifact .pill-visual__orbit--inner{inset:12px;border-style:solid;opacity:.3}.pill-visual.is-insect-egg .pill-visual__backdrop{background:radial-gradient(circle at 36% 26%,rgba(255,255,255,.28),transparent 22%),radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--pill-accent) 26%,rgba(255,255,255,.1)),transparent 68%)}.pill-visual.is-insect-egg .pill-visual__orbit--outer{inset:10px 14px;border-radius:44% 44% 48% 48%/42% 42% 56% 56%;animation-duration:16s}.pill-visual.is-insect-egg .pill-visual__orbit--inner{inset:18px 22px;border-radius:44% 44% 48% 48%/42% 42% 56% 56%;opacity:.34}.pill-visual.is-insect-egg .pill-visual__spark{opacity:.48}.pill-visual.is-material .pill-visual__backdrop{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.24),transparent 22%),radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--pill-accent) 22%,rgba(255,255,255,.08)),transparent 70%)}.pill-visual.is-material .pill-visual__orbit{border-style:solid}.pill-visual.is-material .pill-visual__orbit--inner{inset:16px;opacity:.18}.pill-visual.is-material .pill-visual__spark{width:4px;height:4px;opacity:.6}.pill-visual.is-alchemy-recipe .pill-visual__sigil{display:none}.pill-visual.is-alchemy-recipe .pill-visual__backdrop{background:radial-gradient(circle at 30% 26%,rgba(226,255,255,.34),transparent 24%),radial-gradient(circle at 52% 58%,color-mix(in srgb,var(--pill-accent) 24%,rgba(135,228,255,.22)),transparent 68%)}.pill-visual.is-alchemy-recipe .pill-visual__orbit--inner{inset:13px;border-style:dotted;opacity:.34}.pill-visual.is-alchemy-furnace .pill-visual__sigil{display:none}.pill-visual.is-alchemy-furnace .pill-visual__backdrop{background:radial-gradient(circle at 50% 70%,color-mix(in srgb,#ffb56f 44%,var(--pill-accent)),transparent 62%),radial-gradient(circle at 32% 24%,rgba(255,240,215,.24),transparent 24%)}.pill-visual.is-alchemy-furnace .pill-visual__orbit--inner{inset:14px;border-style:dashed;opacity:.28}.pill-visual.is-special-rainbow{--pill-aura:rgba(255, 255, 255, 0.48)}.pill-visual.is-special-rainbow .pill-visual__backdrop{background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.42),transparent 20%),conic-gradient(from 0deg,#ff6b6b,#ffb86c,#ffe66d,#7cff8a,#5dd6ff,#8a7dff,#ff7de9,#ff6b6b);opacity:.72;animation:pill-card-spin 8s linear infinite}.pill-visual.is-special-rainbow .pill-visual__orbit--outer{border-color:rgba(255,255,255,.75);box-shadow:0 0 14px rgba(255,255,255,.3)}.pill-visual.is-special-rainbow .pill-visual__core{background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.98),rgba(255,255,255,.28) 18%,transparent 28%),conic-gradient(from 0deg,#ff6b6b,#ffb86c,#ffe66d,#7cff8a,#5dd6ff,#8a7dff,#ff7de9,#ff6b6b);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -10px 14px rgba(0,0,0,.18),0 0 22px rgba(255,236,122,.5)}.pill-visual.is-special-rainbow .pill-visual__sigil{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.88);box-shadow:0 0 0 4px rgba(255,255,255,.08)}.pill-visual.is-special-rainbow .pill-visual__sigil::after,.pill-visual.is-special-rainbow .pill-visual__sigil::before{inset:6px;border-radius:50%;border:1px solid rgba(255,255,255,.52)}.pill-visual.is-special-rainbow .pill-visual__sigil::after{inset:auto;top:1px;left:11px;width:2px;height:24px;background:rgba(255,255,255,.84);border:none}.pill-visual.is-special-void{--pill-aura:rgba(52, 18, 72, 0.62)}.pill-visual.is-special-void .pill-visual__backdrop{background:radial-gradient(circle at 30% 28%,rgba(188,148,255,.26),transparent 18%),radial-gradient(circle at 50% 50%,rgba(20,6,32,.96),rgba(58,18,82,.74) 58%,transparent 76%);box-shadow:0 0 28px rgba(56,17,83,.55),inset 0 0 26px rgba(0,0,0,.34)}.pill-visual.is-special-void .pill-visual__orbit{border-color:rgba(158,112,255,.42)}.pill-visual.is-special-void .pill-visual__spark{background:rgba(185,132,255,.7);box-shadow:0 0 10px rgba(144,88,255,.45)}.pill-visual.is-special-void .pill-visual__core{background:radial-gradient(circle at 35% 28%,rgba(192,145,255,.36),rgba(255,255,255,.04) 18%,transparent 28%),radial-gradient(circle at 40% 38%,#0e0516,rgba(37,12,52,.96) 52%,#06020c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -10px 14px rgba(0,0,0,.42),0 0 18px rgba(98,47,145,.48)}.pill-visual.is-special-void .pill-visual__sigil{width:22px;height:22px;transform:rotate(45deg)}.pill-visual.is-special-void .pill-visual__sigil::before{border-radius:4px;border:2px solid rgba(192,145,255,.8)}.pill-visual.is-special-void .pill-visual__sigil::after{inset:6px;border-radius:2px;background:rgba(16,3,24,.92)}.pill-visual.is-flame-art-ngu-loi .pill-visual__core--book{background:radial-gradient(circle at 48% 34%,rgba(215,227,255,.26),rgba(40,56,118,.92) 68%);border-color:rgba(151,175,255,.6)}.pill-visual.is-flame-art-ngu-loi .pill-visual__item-icon--skill{width:40%;height:40%;filter:drop-shadow(0 0 6px rgba(220, 230, 255, .84)) drop-shadow(0 0 12px rgba(90, 116, 255, .5))}.pill-visual.is-flame-art-ngu-linh .pill-visual__core--book{background:radial-gradient(circle at 48% 34%,rgba(231,248,255,.3),rgba(46,88,116,.9) 68%);border-color:rgba(170,225,255,.64)}.pill-visual.is-flame-art-ngu-linh .pill-visual__item-icon--skill{width:44%;height:44%;filter:drop-shadow(0 0 6px rgba(230, 248, 255, .82)) drop-shadow(0 0 12px rgba(122, 206, 255, .52))}.pill-visual.is-flame-art-ngu-long .pill-visual__core--book{background:radial-gradient(circle at 48% 34%,rgba(203,255,238,.28),rgba(18,73,85,.92) 68%);border-color:rgba(116,244,212,.62)}.pill-visual.is-flame-art-ngu-long .pill-visual__item-icon--skill{width:46%;height:46%;filter:drop-shadow(0 0 6px rgba(203, 255, 240, .78)) drop-shadow(0 0 12px rgba(58, 220, 170, .48))}.pill-visual.is-artifact-phong-loi{filter:drop-shadow(0 14px 24px rgba(0, 0, 0, .34))}.pill-visual.is-artifact-phong-loi .pill-visual__backdrop{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.24),transparent 18%),radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 32%,rgba(255,255,255,.12)),transparent 64%);box-shadow:0 0 30px color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 28%,transparent),inset 0 0 26px rgba(255,255,255,.08)}.pill-visual.is-artifact-phong-loi .pill-visual__orbit{border-color:color-mix(in srgb,var(--artifact-secondary,var(--pill-accent)) 78%,rgba(255,255,255,.16))}.pill-visual.is-artifact-phong-loi .pill-visual__orbit--inner{inset:15px;opacity:.22}.pill-visual.is-artifact-phong-loi .pill-visual__spark{background:rgba(232,248,255,.88);box-shadow:0 0 12px rgba(176,226,255,.52)}.pill-visual.is-sword-artifact{--pill-aura:rgba(102, 240, 194, 0.42);filter:drop-shadow(0 14px 24px rgba(0, 0, 0, .34))}.pill-visual.is-sword-artifact .pill-visual__sigil{display:none}.pill-visual.is-sword-artifact .pill-visual__backdrop{background:radial-gradient(circle at 30% 24%,rgba(247,255,252,.28),transparent 18%),radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--thanh-truc-bamboo,var(--pill-accent)) 34%,rgba(255,255,255,.12)),transparent 64%);box-shadow:0 0 30px color-mix(in srgb,var(--thanh-truc-bamboo,var(--pill-accent)) 28%,transparent),inset 0 0 26px rgba(255,255,255,.08)}.pill-visual.is-sword-artifact .pill-visual__orbit{border-color:rgba(160,255,222,.46)}.pill-visual.is-sword-artifact .pill-visual__orbit--inner{inset:15px;border-style:solid;opacity:.22}.pill-visual.is-sword-artifact .pill-visual__spark{background:rgba(240,255,248,.92);box-shadow:0 0 12px rgba(102,240,194,.52)}.pill-visual.is-artifact-thanh-truc{--thanh-truc-bamboo:#66f0c2;--thanh-truc-bamboo-deep:#2d8060;--thanh-truc-lightning:#d9fbff}.pill-visual.is-rainbow-bag{--pill-aura:rgba(255, 244, 188, 0.62)}.pill-visual.is-rainbow-bag .pill-visual__backdrop{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.4),transparent 18%),conic-gradient(from 160deg,rgba(255,138,128,.3),rgba(255,216,107,.34),rgba(121,255,212,.3),rgba(119,216,255,.3),rgba(192,144,255,.34),rgba(255,138,128,.3))}.pill-visual.is-rainbow-bag .pill-visual__orbit{border-color:rgba(255,244,188,.54)}.pill-visual.is-rainbow-bag .pill-visual__spark{background:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(255,241,168,.58)}@keyframes thanh-truc-halo-pulse{0%,100%{opacity:.54;transform:scale(.94)}50%{opacity:.9;transform:scale(1.04)}}@keyframes thanh-truc-sword-float{0%,100%{transform:var(--sword-transform) translateY(0)}50%{transform:var(--sword-transform) translateY(-2px)}}@keyframes thanh-truc-lightning-flicker{0%,100%{opacity:.32;transform:var(--lightning-transform) scaleY(.86)}42%{opacity:.86;transform:var(--lightning-transform) scaleY(1.04)}66%{opacity:.52;transform:var(--lightning-transform) scaleY(.94)}}.phong-loi-art{position:absolute;inset:2px;z-index:4;display:flex;align-items:center;justify-content:center;isolation:isolate;pointer-events:none;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--artifact-aura, var(--pill-accent)) 26%, transparent))}.phong-loi-art__halo{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 24%,rgba(255,255,255,.08)),transparent 72%)}.phong-loi-art__image{position:absolute;left:50%;top:50%;width:124%;height:auto;max-width:none;display:block;object-fit:contain;transform:translate(-50%,-50%)}.phong-loi-art__svg{width:100%;height:100%;overflow:visible}.phong-loi-art__wing-shadow{fill:color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 52%,transparent);opacity:.3}.phong-loi-art__wing-base{fill:color-mix(in srgb,var(--artifact-secondary,#dffeff) 68%,var(--pill-accent));opacity:.96}.phong-loi-art__wing-inner{fill:rgba(255,255,255,.56);opacity:.92}.phong-loi-art__wing-vein{fill:none;stroke:rgba(255,255,255,.84);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.84;vector-effect:non-scaling-stroke}.phong-loi-art__shaft{fill:color-mix(in srgb,var(--pill-accent) 62%,rgba(10,18,32,.84));stroke:rgba(223,254,255,.72);stroke-width:1.1}.phong-loi-art__core{fill:rgba(247,252,255,.96);stroke:color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 72%,rgba(255,255,255,.48));stroke-width:1.2}.artifact-svg-art{position:absolute;inset:3px;z-index:4;display:flex;align-items:center;justify-content:center;isolation:isolate;pointer-events:none;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--artifact-aura, var(--pill-accent)) 26%, transparent))}.artifact-svg-art__halo,.artifact-svg-art__image{position:absolute;display:block}.artifact-svg-art__halo{inset:10px;border-radius:50%;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.18),transparent 30%),radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 28%,rgba(255,255,255,.08)),transparent 74%)}.artifact-svg-art__image{left:50%;top:50%;width:102%;height:auto;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}.artifact-svg-art.is-can-lam .artifact-svg-art__image{width:88%}.artifact-svg-art.is-huyet-sac .artifact-svg-art__image{width:92%}.thanh-truc-art{position:absolute;inset:3px;z-index:4;pointer-events:none;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--thanh-truc-bamboo, var(--pill-accent)) 28%, transparent))}.thanh-truc-art__halo{position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(242,255,250,.24),transparent 32%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--thanh-truc-bamboo,var(--pill-accent)) 28%,rgba(255,255,255,.12)),transparent 72%);animation:thanh-truc-halo-pulse 3.2s ease-in-out infinite}.thanh-truc-art__lightning,.thanh-truc-art__sword{position:absolute;left:50%;top:50%}.thanh-truc-art__sword{--sword-transform:translate(-50%, -50%);width:15px;height:44px;transform:var(--sword-transform);transform-origin:50% 80%;border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,rgba(244,255,250,.96),rgba(207,255,238,.96) 18%,rgba(102,240,194,.88) 54%,rgba(37,98,76,.96) 100%);border:1px solid rgba(228,255,246,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 -10px 12px rgba(15,40,30,.24),0 0 14px rgba(102,240,194,.26);clip-path:polygon(50% 0,82% 16%,72% 78%,72% 100%,28% 100%,28% 78%,18% 16%);animation:thanh-truc-sword-float 3.8s ease-in-out infinite}.thanh-truc-art__sword::after,.thanh-truc-art__sword::before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.thanh-truc-art__sword::before{top:8px;width:5px;height:22px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,.08) 30%,transparent 32%),repeating-linear-gradient(180deg,rgba(32,100,74,.26) 0 4px,rgba(212,255,241,.08) 4px 8px);opacity:.82}.thanh-truc-art__sword::after{bottom:8px;width:18px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(234,255,248,.96),rgba(123,255,215,.28),rgba(234,255,248,.96));box-shadow:0 0 10px rgba(143,255,224,.26)}.thanh-truc-art__sword--center{--sword-transform:translate(-50%, -50%) rotate(2deg);z-index:3}.thanh-truc-art__sword--left{--sword-transform:translate(-50%, -50%) translateX(-14px) translateY(4px) rotate(-22deg);height:38px;z-index:2;opacity:.82;animation-delay:-1.1s}.thanh-truc-art__sword--right{--sword-transform:translate(-50%, -50%) translateX(14px) translateY(4px) rotate(24deg);height:38px;z-index:2;opacity:.82;animation-delay:-2.2s}.thanh-truc-art__lightning{--lightning-transform:translate(-50%, -50%);width:16px;height:30px;transform:var(--lightning-transform);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(217,251,255,.84) 45%,rgba(124,244,255,.14) 100%);clip-path:polygon(54% 0,100% 0,64% 42%,92% 42%,28% 100%,44% 58%,12% 58%);box-shadow:0 0 12px rgba(179,244,255,.42);mix-blend-mode:screen;animation:thanh-truc-lightning-flicker 1.8s steps(2,end) infinite}.thanh-truc-art__lightning--1{--lightning-transform:translate(-50%, -50%) translateX(-11px) translateY(-7px) rotate(-14deg)}.thanh-truc-art__lightning--2{--lightning-transform:translate(-50%, -50%) translateX(12px) translateY(6px) rotate(12deg);animation-delay:-.9s}.phong-loi-art__lightning{fill:none;stroke:var(--artifact-lightning-mid,#e6c87a);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--artifact-lightning-light, #fff2c2) 88%, transparent)) drop-shadow(0 0 8px color-mix(in srgb, var(--artifact-lightning-mid, #e6c87a) 72%, transparent))}.material-art{position:absolute;inset:12px;z-index:3;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--pill-accent) 22%, transparent))}.material-art__halo,.material-art__piece{position:absolute;display:block;pointer-events:none}.material-art__halo{inset:10px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--pill-accent) 22%,rgba(255,255,255,.08)),transparent 72%)}.material-art__piece{background:linear-gradient(180deg,color-mix(in srgb,#fff 32%,var(--pill-accent)),color-mix(in srgb,var(--pill-accent) 74%,rgba(8,14,22,.92)));box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 0 10px color-mix(in srgb,var(--pill-accent) 18%,transparent)}.material-art--yeu-giac .material-art__piece--1,.material-art--yeu-giac .material-art__piece--2,.material-art--yeu-giac .material-art__piece--3{width:18px;height:30px;clip-path:polygon(50% 0,100% 100%,0 100%)}.material-art--yeu-giac .material-art__piece--1{left:18px;top:14px;transform:rotate(-14deg)}.material-art--yeu-giac .material-art__piece--2{left:34px;top:10px;transform:rotate(8deg) scale(.92)}.material-art--yeu-giac .material-art__piece--3{left:28px;top:24px;transform:rotate(22deg) scale(.74)}.material-art--yeu-giac .material-art__piece--4{display:none}.material-art--yeu-huyet .material-art__piece--1{left:24px;top:10px;width:20px;height:34px;border-radius:50% 50% 60% 60%/34% 34% 66% 66%;transform:rotate(8deg);clip-path:polygon(50% 0,70% 18%,82% 44%,76% 72%,50% 100%,24% 72%,18% 44%,30% 18%)}.material-art--yeu-huyet .material-art__piece--2,.material-art--yeu-huyet .material-art__piece--3{width:10px;height:14px;border-radius:50% 50% 60% 60%/34% 34% 66% 66%;clip-path:polygon(50% 0,70% 18%,82% 44%,76% 72%,50% 100%,24% 72%,18% 44%,30% 18%)}.material-art--yeu-huyet .material-art__piece--2{left:16px;top:26px}.material-art--yeu-huyet .material-art__piece--3{right:14px;top:24px}.material-art--yeu-huyet .material-art__piece--4{display:none}.material-art--yeu-dan .material-art__piece--1{left:20px;top:14px;width:28px;height:28px;clip-path:polygon(50% 0,88% 24%,100% 62%,68% 100%,24% 88%,0 40%)}.material-art--yeu-dan .material-art__piece--2{left:27px;top:21px;width:14px;height:14px;background:rgba(255,255,255,.44);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.material-art--yeu-dan .material-art__piece--3,.material-art--yeu-dan .material-art__piece--4{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 0 10px rgba(255,255,255,.28)}.material-art--yeu-dan .material-art__piece--3{top:12px;right:16px}.material-art--yeu-dan .material-art__piece--4{bottom:14px;left:16px}.material-art--tinh-thit .material-art__piece--1{left:16px;top:16px;width:34px;height:28px;border-radius:42% 58% 50% 50%/44% 46% 54% 56%;transform:rotate(-12deg)}.material-art--tinh-thit .material-art__piece--2{left:34px;top:20px;width:16px;height:14px;border-radius:54% 46% 52% 48%;background:color-mix(in srgb,#ffd9bf 28%,var(--pill-accent))}.material-art--tinh-thit .material-art__piece--3{left:20px;top:20px;width:10px;height:8px;border-radius:999px;background:rgba(255,255,255,.24)}.material-art--tinh-thit .material-art__piece--4{display:none}.material-art--doc-nang .material-art__piece--1{left:18px;top:12px;width:30px;height:30px;border-radius:56% 44% 52% 48%}.material-art--doc-nang .material-art__piece--2{left:34px;top:30px;width:14px;height:14px;border-radius:50%}.material-art--doc-nang .material-art__piece--3{left:18px;top:30px;width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,#fff 16%,var(--pill-accent))}.material-art--doc-nang .material-art__piece--4{left:30px;top:22px;width:3px;height:18px;border-radius:999px;background:rgba(255,255,255,.3);transform:rotate(28deg)}.material-art--linh-ty .material-art__piece--1{left:18px;top:18px;width:34px;height:20px;border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in srgb,#fff 34%,var(--pill-accent)) 0 3px,color-mix(in srgb,var(--pill-accent) 74%,rgba(8,14,22,.92)) 3px 6px)}.material-art--linh-ty .material-art__piece--2,.material-art--linh-ty .material-art__piece--3{width:16px;height:4px;border-radius:999px;background:rgba(255,255,255,.68)}.material-art--linh-ty .material-art__piece--2{left:14px;top:16px;transform:rotate(-22deg)}.material-art--linh-ty .material-art__piece--3{right:10px;top:38px;transform:rotate(24deg)}.material-art--linh-ty .material-art__piece--4{left:28px;top:12px;width:14px;height:32px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:0 0;box-shadow:none}.material-art--tu-nga .material-art__piece--1,.material-art--tu-nga .material-art__piece--2,.material-art--yeu-nanh .material-art__piece--1,.material-art--yeu-nanh .material-art__piece--2{top:10px;width:14px;height:38px;border-radius:999px 999px 40% 40%;clip-path:polygon(50% 0,88% 18%,100% 78%,68% 100%,34% 100%,0 74%,14% 18%)}.material-art--tu-nga .material-art__piece--1,.material-art--yeu-nanh .material-art__piece--1{left:18px;transform:rotate(-12deg)}.material-art--tu-nga .material-art__piece--2,.material-art--yeu-nanh .material-art__piece--2{right:18px;transform:rotate(14deg)}.material-art--tu-nga .material-art__piece--3,.material-art--yeu-nanh .material-art__piece--3{left:29px;top:26px;width:10px;height:18px;border-radius:999px;background:rgba(255,255,255,.26);transform:rotate(6deg)}.material-art--tu-nga .material-art__piece--4,.material-art--yeu-nanh .material-art__piece--4{display:none}.material-art--tu-nga .material-art__piece--1,.material-art--tu-nga .material-art__piece--2{width:16px;height:42px}.material-art--linh-vu .material-art__piece--1,.material-art--linh-vu .material-art__piece--2,.material-art--linh-vu .material-art__piece--3{width:14px;height:36px;border-radius:999px 999px 50% 50%;clip-path:polygon(50% 0,78% 10%,100% 42%,76% 100%,24% 92%,0 34%,22% 10%)}.material-art--linh-vu .material-art__piece--1{left:14px;top:12px;transform:rotate(-26deg)}.material-art--linh-vu .material-art__piece--2{left:28px;top:8px}.material-art--linh-vu .material-art__piece--3{right:14px;top:14px;transform:rotate(24deg)}.material-art--linh-vu .material-art__piece--4{left:31px;top:18px;width:3px;height:24px;border-radius:999px;background:rgba(255,255,255,.34)}.material-art--linh-mao .material-art__piece--1,.material-art--linh-mao .material-art__piece--2,.material-art--linh-mao .material-art__piece--3{width:16px;height:28px;border-radius:70% 70% 55% 55%}.material-art--linh-mao .material-art__piece--1{left:16px;top:18px;transform:rotate(-24deg)}.material-art--linh-mao .material-art__piece--2{left:28px;top:12px}.material-art--linh-mao .material-art__piece--3{right:16px;top:18px;transform:rotate(24deg)}.material-art--linh-mao .material-art__piece--4{left:24px;bottom:12px;width:16px;height:10px;border-radius:999px;background:rgba(255,255,255,.18)}.material-art--giap-xac .material-art__piece--1,.material-art--giap-xac .material-art__piece--2,.material-art--giap-xac .material-art__piece--3,.material-art--linh-lan .material-art__piece--1,.material-art--linh-lan .material-art__piece--2,.material-art--linh-lan .material-art__piece--3,.material-art--long-lan .material-art__piece--1,.material-art--long-lan .material-art__piece--2,.material-art--long-lan .material-art__piece--3{width:18px;height:18px;clip-path:polygon(50% 0,100% 36%,86% 100%,14% 100%,0 36%)}.material-art--giap-xac .material-art__piece--1,.material-art--linh-lan .material-art__piece--1,.material-art--long-lan .material-art__piece--1{left:15px;top:24px}.material-art--giap-xac .material-art__piece--2,.material-art--linh-lan .material-art__piece--2,.material-art--long-lan .material-art__piece--2{left:28px;top:12px}.material-art--giap-xac .material-art__piece--3,.material-art--linh-lan .material-art__piece--3,.material-art--long-lan .material-art__piece--3{right:15px;top:24px}.material-art--giap-xac .material-art__piece--4,.material-art--linh-lan .material-art__piece--4,.material-art--long-lan .material-art__piece--4{left:27px;top:30px;width:12px;height:12px;clip-path:polygon(50% 0,100% 40%,78% 100%,22% 100%,0 40%);background:color-mix(in srgb,#fff 34%,var(--pill-accent))}.material-art--long-lan .material-art__piece--4{box-shadow:0 0 14px color-mix(in srgb,#fff 26%,var(--pill-accent))}.material-art--yeu-bi .material-art__piece--1{left:14px;top:14px;width:38px;height:30px;border-radius:44% 56% 48% 52%/42% 46% 54% 58%;transform:rotate(-6deg)}.material-art--yeu-bi .material-art__piece--2{left:26px;top:20px;width:18px;height:10px;border-radius:999px;background:rgba(255,255,255,.18)}.material-art--yeu-bi .material-art__piece--3{left:18px;top:34px;width:10px;height:8px;border-radius:999px;background:rgba(255,255,255,.16)}.material-art--yeu-bi .material-art__piece--4{display:none}.material-art--xuc-tu .material-art__piece--1,.material-art--xuc-tu .material-art__piece--2,.material-art--xuc-tu .material-art__piece--3{width:10px;height:34px;border-radius:999px}.material-art--xuc-tu .material-art__piece--1{left:18px;top:14px;transform:rotate(-18deg)}.material-art--xuc-tu .material-art__piece--2{left:29px;top:10px}.material-art--xuc-tu .material-art__piece--3{right:18px;top:16px;transform:rotate(18deg)}.material-art--xuc-tu .material-art__piece--4{left:25px;bottom:10px;width:18px;height:8px;border-radius:999px;background:rgba(255,255,255,.2)}.material-art--yeu-cot .material-art__piece--1,.material-art--yeu-cot .material-art__piece--2{left:18px;top:22px;width:30px;height:8px;border-radius:999px}.material-art--yeu-cot .material-art__piece--1{transform:rotate(24deg)}.material-art--yeu-cot .material-art__piece--2{transform:rotate(-24deg)}.material-art--yeu-cot .material-art__piece--3,.material-art--yeu-cot .material-art__piece--4{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,#fff 40%,var(--pill-accent))}.material-art--yeu-cot .material-art__piece--3{left:14px;top:20px}.material-art--yeu-cot .material-art__piece--4{right:14px;bottom:18px}.material-art--phong-cham .material-art__piece--1,.material-art--phong-cham .material-art__piece--2,.material-art--phong-cham .material-art__piece--3{width:10px;height:34px;clip-path:polygon(50% 0,100% 90%,72% 100%,28% 100%,0 90%)}.material-art--phong-cham .material-art__piece--1{left:18px;top:10px;transform:rotate(-18deg)}.material-art--phong-cham .material-art__piece--2{left:29px;top:8px}.material-art--phong-cham .material-art__piece--3{right:18px;top:12px;transform:rotate(18deg)}.material-art--phong-cham .material-art__piece--4{left:28px;bottom:12px;width:14px;height:6px;border-radius:999px;background:rgba(255,255,255,.2)}.material-art--ngan-nam-hoang-tinh .material-art__piece--1{left:14px;top:18px;width:36px;height:28px;border-radius:58% 42% 56% 44%/52% 44% 56% 48%;transform:rotate(-10deg);background:radial-gradient(circle at 28% 30%,rgba(255,250,208,.74),transparent 46%),linear-gradient(160deg,color-mix(in srgb,#fff2a8 62%,var(--pill-accent)),color-mix(in srgb,#b8842a 48%,rgba(12,18,28,.92)))}.material-art--ngan-nam-hoang-tinh .material-art__piece--2,.material-art--ngan-nam-hoang-tinh .material-art__piece--3{width:18px;height:12px;border-radius:999px;background:color-mix(in srgb,#ffe68f 56%,var(--pill-accent))}.material-art--ngan-nam-hoang-tinh .material-art__piece--2{left:10px;top:32px;transform:rotate(-30deg)}.material-art--ngan-nam-hoang-tinh .material-art__piece--3{right:10px;top:18px;transform:rotate(26deg)}.material-art--ngan-nam-hoang-tinh .material-art__piece--4{left:24px;top:10px;width:16px;height:10px;border-radius:999px;background:rgba(255,255,255,.28)}.material-art--tuyet-ngoc-thao .material-art__piece--1{left:30px;top:12px;width:8px;height:34px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,#efffff 68%,var(--pill-accent)),color-mix(in srgb,#75bfd0 54%,rgba(9,16,28,.92)))}.material-art--tuyet-ngoc-thao .material-art__piece--2,.material-art--tuyet-ngoc-thao .material-art__piece--3,.material-art--tuyet-ngoc-thao .material-art__piece--4{width:20px;height:14px;border-radius:68% 32% 62% 38%/62% 38% 62% 38%;background:radial-gradient(circle at 22% 28%,rgba(255,255,255,.84),transparent 42%),linear-gradient(160deg,color-mix(in srgb,#f3ffff 74%,var(--pill-accent)),color-mix(in srgb,#86d5e6 52%,rgba(9,16,28,.9)))}.material-art--tuyet-ngoc-thao .material-art__piece--2{left:12px;top:16px;transform:rotate(-36deg)}.material-art--tuyet-ngoc-thao .material-art__piece--3{right:12px;top:14px;transform:rotate(32deg)}.material-art--tuyet-ngoc-thao .material-art__piece--4{left:24px;top:28px;width:16px;transform:rotate(8deg);background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.8),transparent 46%),linear-gradient(160deg,color-mix(in srgb,#eaffff 64%,var(--pill-accent)),color-mix(in srgb,#7dcfe1 58%,rgba(8,14,24,.92)))}.material-art--huyen-hoa-lien .material-art__piece--1{left:24px;top:10px;width:16px;height:18px;border-radius:52% 48% 50% 50%;background:color-mix(in srgb,#ffe8c8 62%,var(--pill-accent));box-shadow:0 0 14px color-mix(in srgb,#ffb77a 48%,transparent)}.material-art--huyen-hoa-lien .material-art__piece--2,.material-art--huyen-hoa-lien .material-art__piece--3,.material-art--huyen-hoa-lien .material-art__piece--4{width:18px;height:26px;clip-path:polygon(50% 0,78% 18%,100% 58%,74% 100%,26% 100%,0 58%,22% 18%);background:radial-gradient(circle at 50% 24%,rgba(255,243,222,.74),transparent 44%),linear-gradient(180deg,color-mix(in srgb,#ffcb98 58%,var(--pill-accent)),color-mix(in srgb,#d95f2d 52%,rgba(10,14,24,.92)));box-shadow:0 0 14px color-mix(in srgb,#ff8752 38%,transparent)}.material-art--huyen-hoa-lien .material-art__piece--2{left:12px;top:18px;transform:rotate(-26deg)}.material-art--huyen-hoa-lien .material-art__piece--3{left:30px;top:20px;transform:rotate(6deg)}.material-art--huyen-hoa-lien .material-art__piece--4{right:10px;top:18px;transform:rotate(28deg)}.material-art--thien-linh-qua .material-art__piece--1{left:18px;top:14px;width:30px;height:30px;border-radius:56% 44% 58% 42%/46% 54% 52% 48%;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.78),transparent 40%),radial-gradient(circle at 70% 66%,color-mix(in srgb,#9affd3 64%,var(--pill-accent)),color-mix(in srgb,#2f9e77 56%,rgba(10,18,26,.88)))}.material-art--thien-linh-qua .material-art__piece--2{left:26px;top:8px;width:12px;height:8px;border-radius:999px;background:color-mix(in srgb,#e8ffd4 72%,var(--pill-accent));transform:rotate(-8deg)}.material-art--thien-linh-qua .material-art__piece--3,.material-art--thien-linh-qua .material-art__piece--4{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.78);box-shadow:0 0 10px rgba(183,255,228,.52)}.material-art--thien-linh-qua .material-art__piece--3{left:14px;top:30px}.material-art--thien-linh-qua .material-art__piece--4{right:14px;top:20px}.material-art--nguyet-hoa-lo .material-art__piece--1{left:16px;top:14px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.68),color-mix(in srgb,#e5f6ff 58%,var(--pill-accent)) 46%,color-mix(in srgb,var(--pill-accent) 80%,rgba(9,18,30,.8)) 100%)}.material-art--nguyet-hoa-lo .material-art__piece--2,.material-art--nguyet-hoa-lo .material-art__piece--3{width:20px;height:8px;border-radius:999px;background:rgba(255,255,255,.56)}.material-art--nguyet-hoa-lo .material-art__piece--2{left:10px;top:34px;transform:rotate(-18deg)}.material-art--nguyet-hoa-lo .material-art__piece--3{right:10px;top:18px;transform:rotate(20deg)}.material-art--nguyet-hoa-lo .material-art__piece--4{left:26px;top:10px;width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.38)}.material-art--dia-tam-hoa-tinh .material-art__piece--1{left:22px;top:12px;width:22px;height:34px;clip-path:polygon(50% 0,80% 16%,100% 54%,74% 100%,24% 90%,0 48%)}.material-art--dia-tam-hoa-tinh .material-art__piece--2,.material-art--dia-tam-hoa-tinh .material-art__piece--3{width:14px;height:20px;clip-path:polygon(50% 0,86% 22%,100% 70%,62% 100%,14% 78%,0 28%)}.material-art--dia-tam-hoa-tinh .material-art__piece--2{left:12px;top:22px;transform:rotate(-14deg)}.material-art--dia-tam-hoa-tinh .material-art__piece--3{right:12px;top:24px;transform:rotate(16deg)}.material-art--dia-tam-hoa-tinh .material-art__piece--4{left:28px;top:24px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.76);box-shadow:0 0 12px rgba(255,230,188,.42)}.material-art--van-moc-chi .material-art__piece--1{left:16px;top:14px;width:34px;height:22px;border-radius:54% 46% 64% 36%/58% 42% 56% 44%;transform:rotate(-8deg)}.material-art--van-moc-chi .material-art__piece--2{left:20px;top:26px;width:28px;height:20px;border-radius:44% 56% 48% 52%;background:color-mix(in srgb,#f6ffd8 34%,var(--pill-accent));transform:rotate(6deg)}.material-art--van-moc-chi .material-art__piece--3{left:31px;top:10px;width:6px;height:34px;border-radius:999px;background:color-mix(in srgb,#f2ffda 44%,var(--pill-accent))}.material-art--van-moc-chi .material-art__piece--4{left:27px;top:18px;width:14px;height:10px;border-radius:999px;background:rgba(255,255,255,.22)}.material-art--thai-co-huyet-chi .material-art__piece--1{left:18px;top:12px;width:30px;height:32px;border-radius:58% 42% 56% 44%/38% 34% 66% 62%;background:radial-gradient(circle at 34% 24%,rgba(255,218,232,.8),transparent 40%),linear-gradient(180deg,color-mix(in srgb,#ff9bb8 62%,var(--pill-accent)),color-mix(in srgb,#9e2451 58%,rgba(10,16,26,.92)))}.material-art--thai-co-huyet-chi .material-art__piece--2,.material-art--thai-co-huyet-chi .material-art__piece--3{width:11px;height:13px;border-radius:52% 48% 60% 40%/42% 38% 62% 58%;background:color-mix(in srgb,#ffc7d8 48%,var(--pill-accent))}.material-art--thai-co-huyet-chi .material-art__piece--2{left:12px;top:28px;transform:rotate(-18deg)}.material-art--thai-co-huyet-chi .material-art__piece--3{right:12px;top:26px;transform:rotate(18deg)}.material-art--thai-co-huyet-chi .material-art__piece--4{left:27px;top:22px;width:12px;height:12px;border-radius:50%;background:rgba(255,235,243,.72);box-shadow:0 0 12px rgba(255,115,162,.42)}.material-art--cuu-u-hon-thao .material-art__piece--1{left:27px;top:10px;width:10px;height:36px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,#dbcaff 66%,var(--pill-accent)),color-mix(in srgb,#5f4ab8 54%,rgba(8,14,24,.94)))}.material-art--cuu-u-hon-thao .material-art__piece--2,.material-art--cuu-u-hon-thao .material-art__piece--3{width:18px;height:22px;border-radius:58% 42% 62% 38%/38% 42% 58% 62%;background:radial-gradient(circle at 26% 24%,rgba(231,216,255,.82),transparent 44%),linear-gradient(180deg,color-mix(in srgb,#b89dff 56%,var(--pill-accent)),color-mix(in srgb,#463394 52%,rgba(8,13,24,.94)))}.material-art--cuu-u-hon-thao .material-art__piece--2{left:13px;top:18px;transform:rotate(-24deg)}.material-art--cuu-u-hon-thao .material-art__piece--3{right:13px;top:18px;transform:rotate(24deg)}.material-art--cuu-u-hon-thao .material-art__piece--4{left:26px;top:32px;width:12px;height:8px;border-radius:999px;background:rgba(255,247,255,.56)}.material-art--hong-mong-tinh-sa .material-art__piece--1{left:16px;top:18px;width:34px;height:24px;border-radius:54% 46% 58% 42%/52% 48% 52% 48%;background:radial-gradient(circle at 24% 24%,rgba(255,240,200,.84),transparent 44%),linear-gradient(180deg,color-mix(in srgb,#ffd88a 58%,var(--pill-accent)),color-mix(in srgb,#a86a2e 56%,rgba(10,16,24,.92)))}.material-art--hong-mong-tinh-sa .material-art__piece--2,.material-art--hong-mong-tinh-sa .material-art__piece--3,.material-art--hong-mong-tinh-sa .material-art__piece--4{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,#fff4d5 64%,var(--pill-accent));box-shadow:0 0 8px rgba(255,198,118,.42)}.material-art--hong-mong-tinh-sa .material-art__piece--2{left:12px;top:30px}.material-art--hong-mong-tinh-sa .material-art__piece--3{left:30px;top:10px}.material-art--hong-mong-tinh-sa .material-art__piece--4{right:12px;top:28px}.material-art--thanh-hoang-moc-tuy .material-art__piece--1{left:18px;top:12px;width:28px;height:34px;border-radius:54% 46% 62% 38%/42% 36% 64% 58%;background:radial-gradient(circle at 34% 24%,rgba(230,255,218,.82),transparent 44%),linear-gradient(180deg,color-mix(in srgb,#b9ffc2 56%,var(--pill-accent)),color-mix(in srgb,#4e9a63 58%,rgba(8,14,24,.92)))}.material-art--thanh-hoang-moc-tuy .material-art__piece--2{left:14px;top:26px;width:12px;height:18px;border-radius:60% 40% 58% 42%;transform:rotate(-24deg)}.material-art--thanh-hoang-moc-tuy .material-art__piece--3{right:14px;top:22px;width:12px;height:18px;border-radius:40% 60% 42% 58%;transform:rotate(24deg)}.material-art--thanh-hoang-moc-tuy .material-art__piece--4{left:28px;top:8px;width:8px;height:10px;border-radius:999px;background:rgba(241,255,226,.8)}.material-art--thien-loi-ngoc-tuy .material-art__piece--1{left:22px;top:10px;width:20px;height:36px;clip-path:polygon(50% 0,74% 10%,100% 42%,74% 100%,22% 88%,0 36%);background:radial-gradient(circle at 42% 18%,rgba(228,247,255,.84),transparent 40%),linear-gradient(180deg,color-mix(in srgb,#a7deff 62%,var(--pill-accent)),color-mix(in srgb,#3878b7 54%,rgba(9,14,25,.94)))}.material-art--thien-loi-ngoc-tuy .material-art__piece--2,.material-art--thien-loi-ngoc-tuy .material-art__piece--3{width:12px;height:20px;clip-path:polygon(50% 0,84% 24%,100% 66%,64% 100%,14% 74%,0 24%)}.material-art--thien-loi-ngoc-tuy .material-art__piece--2{left:12px;top:22px;transform:rotate(-18deg)}.material-art--thien-loi-ngoc-tuy .material-art__piece--3{right:12px;top:20px;transform:rotate(18deg)}.material-art--thien-loi-ngoc-tuy .material-art__piece--4{left:30px;top:22px;width:4px;height:18px;border-radius:999px;background:rgba(236,250,255,.9);box-shadow:0 0 10px rgba(145,222,255,.52)}.material-art--huyen-bang-tam-tuy .material-art__piece--1{left:20px;top:12px;width:24px;height:34px;clip-path:polygon(50% 0,84% 20%,100% 58%,62% 100%,22% 84%,0 30%);background:radial-gradient(circle at 34% 20%,rgba(236,252,255,.86),transparent 40%),linear-gradient(180deg,color-mix(in srgb,#d6f6ff 64%,var(--pill-accent)),color-mix(in srgb,#7abfd8 56%,rgba(8,14,24,.92)))}.material-art--huyen-bang-tam-tuy .material-art__piece--2,.material-art--huyen-bang-tam-tuy .material-art__piece--3{width:12px;height:18px;clip-path:polygon(50% 0,86% 22%,100% 68%,60% 100%,14% 74%,0 24%)}.material-art--huyen-bang-tam-tuy .material-art__piece--2{left:10px;top:22px;transform:rotate(-16deg)}.material-art--huyen-bang-tam-tuy .material-art__piece--3{right:10px;top:24px;transform:rotate(16deg)}.material-art--huyen-bang-tam-tuy .material-art__piece--4{left:30px;top:10px;width:8px;height:8px;border-radius:50%;background:rgba(240,252,255,.84);box-shadow:0 0 10px rgba(166,229,255,.5)}.material-art--phong-van-hon-tinh .material-art__piece--1{left:18px;top:14px;width:30px;height:28px;border-radius:56% 44% 60% 40%/50% 46% 54% 50%;background:radial-gradient(circle at 30% 26%,rgba(246,240,255,.82),transparent 42%),linear-gradient(180deg,color-mix(in srgb,#d8ccff 58%,var(--pill-accent)),color-mix(in srgb,#7a67c7 56%,rgba(9,14,25,.92)))}.material-art--phong-van-hon-tinh .material-art__piece--2,.material-art--phong-van-hon-tinh .material-art__piece--3{width:18px;height:10px;border-radius:999px;background:rgba(243,236,255,.7)}.material-art--phong-van-hon-tinh .material-art__piece--2{left:8px;top:20px;transform:rotate(-20deg)}.material-art--phong-van-hon-tinh .material-art__piece--3{right:8px;top:30px;transform:rotate(20deg)}.material-art--phong-van-hon-tinh .material-art__piece--4{left:28px;top:22px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 0 10px rgba(210,196,255,.42)}.alchemy-furnace-art,.alchemy-recipe-art{position:absolute;inset:10px;z-index:3;pointer-events:none}.alchemy-recipe-art{filter:drop-shadow(0 0 12px color-mix(in srgb, var(--pill-accent) 30%, transparent))}.alchemy-recipe-art__book{position:absolute;inset:6px 12px 8px;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.2) 0 15%,transparent 15% 100%),linear-gradient(180deg,color-mix(in srgb,#f7fffc 46%,var(--pill-accent)),color-mix(in srgb,var(--pill-accent) 72%,rgba(10,18,30,.9)));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -10px 14px rgba(0,0,0,.2),0 7px 14px rgba(0,0,0,.26)}.alchemy-recipe-art__spine{position:absolute;left:18px;top:9px;bottom:12px;width:6px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.56),color-mix(in srgb,var(--pill-accent) 74%,rgba(12,20,31,.9)));box-shadow:inset 0 0 4px rgba(255,255,255,.34)}.alchemy-recipe-art__seal{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(224,255,224,.88);background:radial-gradient(circle at 32% 32%,rgba(247,255,245,.92),rgba(155,239,178,.26) 56%,transparent 90%);box-shadow:0 0 10px color-mix(in srgb,#9df4be 44%,transparent),inset 0 -4px 6px rgba(0,0,0,.16)}.alchemy-recipe-art__leaf{position:absolute;top:50%;width:9px;height:13px;border-radius:10px 10px 10px 2px;border:1px solid rgba(220,255,225,.85);background:linear-gradient(180deg,rgba(205,255,210,.9),rgba(87,211,146,.22));box-shadow:0 0 6px rgba(121,235,172,.28)}.alchemy-recipe-art__leaf--left{left:31px;transform:translate(-50%,-50%) rotate(-28deg)}.alchemy-recipe-art__leaf--right{left:38px;transform:translate(-50%,-50%) rotate(28deg) scaleX(-1)}.alchemy-recipe-art__rune{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.86);box-shadow:0 0 8px rgba(221,255,231,.4)}.alchemy-recipe-art__rune--1{left:14px;top:15px}.alchemy-recipe-art__rune--2{right:14px;bottom:14px}.alchemy-furnace-art{filter:drop-shadow(0 0 12px color-mix(in srgb, #ffba79 34%, transparent))}.alchemy-furnace-art__body,.alchemy-furnace-art__flame,.alchemy-furnace-art__halo,.alchemy-furnace-art__leg,.alchemy-furnace-art__lid,.alchemy-furnace-art__ring{position:absolute;display:block}.alchemy-furnace-art__halo{inset:9px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,210,149,.24),transparent 68%);box-shadow:0 0 16px rgba(255,171,96,.24)}.alchemy-furnace-art__body{left:23%;right:23%;top:28%;bottom:23%;border-radius:42% 42% 36% 36%/24% 24% 46% 46%;background:radial-gradient(circle at 50% 28%,rgba(255,243,219,.62),transparent 44%),linear-gradient(180deg,color-mix(in srgb,#ffe1b8 52%,var(--pill-accent)),color-mix(in srgb,var(--pill-accent) 82%,rgba(13,16,25,.94)));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -8px 10px rgba(0,0,0,.24),0 8px 14px rgba(0,0,0,.3)}.alchemy-furnace-art__lid{left:30%;right:30%;top:14%;height:17%;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,#ffe7c7 54%,var(--pill-accent)),color-mix(in srgb,var(--pill-accent) 78%,rgba(15,18,28,.86)));box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.alchemy-furnace-art__leg{bottom:9%;width:12%;height:19%;border-radius:999px;background:color-mix(in srgb,#ffd4a8 34%,var(--pill-accent))}.alchemy-furnace-art__leg--left{left:31%}.alchemy-furnace-art__leg--right{right:31%}.alchemy-furnace-art__ring{left:34%;right:34%;top:41%;height:6%;border-radius:999px;background:rgba(255,236,204,.86);box-shadow:0 0 8px rgba(255,207,140,.34)}.alchemy-furnace-art__flame{left:50%;bottom:13%;width:23%;height:27%;transform:translateX(-50%);clip-path:polygon(50% 0,84% 30%,100% 74%,62% 100%,22% 84%,0 40%);background:linear-gradient(180deg,#fff0bf,#ff9f51 68%,#ff6d45);box-shadow:0 0 12px rgba(255,169,84,.5)}.slot-badge,.slot-count,.slot-meta{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 10px;border-radius:999px;color:var(--slot-accent);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.alchemy-requirements{margin:6px 0 10px;padding-left:18px;color:rgba(230,244,255,.9);font-size:12px;line-height:1.5}.alchemy-requirements li{margin:2px 0}.slot-count{margin-top:auto;font-size:16px;background:rgba(255,255,255,.12)}.slot-meta{max-width:100%;white-space:normal;line-height:1.35;text-align:center}.inventory-slot>.slot-meta:not(.slot-meta-price),.shop-card>.slot-meta:not(.slot-meta-price){display:none}.slot-meta-price{width:100%;display:flex;align-items:center;gap:6px;padding:0;color:rgba(245,255,251,.84);text-transform:none;text-align:left}.slot-meta-title{color:rgba(240,255,249,.68);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;flex:0 0 auto}.stone-cost-list{display:inline-flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:0;width:auto;max-width:100%;min-width:0;margin-left:auto}.stone-cost-chip{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;padding:0;color:var(--stone-accent);font-size:10px;font-weight:700;line-height:1.1;letter-spacing:.02em;white-space:nowrap}.stone-cost-chip+.stone-cost-chip::before{content:"·";color:rgba(255,255,255,.38);margin:0 auto}.btn-slot-action{font-size:12px;line-height:1.15;letter-spacing:.01em;white-space:nowrap;margin-top:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:9px 6px;border:none;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(215,244,237,.92));color:#04150f;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.btn-slot-action:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.btn-slot-action:disabled{opacity:.45;cursor:not-allowed}.btn-slot-action.is-secondary{background:linear-gradient(180deg,rgba(255,211,107,.18),rgba(255,211,107,.08));color:#ffe4a6;border:1px solid rgba(255,211,107,.28)}.slot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.slot-actions .btn-slot-action{margin-top:0}.inventory-slot.is-empty{align-items:center;justify-content:center;min-height:148px;border-style:dashed;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.02);color:rgba(255,255,255,.34);text-transform:uppercase;letter-spacing:1px;font-size:12px}.stone-slot{min-height:170px}@media (max-width:980px){.inventory-grid,.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.inventory-grid,.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.popup-overlay{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));box-sizing:border-box}.controls-layer .setting-group{top:135px;right:12px;gap:6px;z-index:120}.controls-layer .setting-group .btn-setting{width:34px;height:34px}.popup-content,.popup-content-beast,.popup-content-profile,.popup-content-wide{max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)) - 4px)}.popup-content-wide{width:calc(100% - 8px)}.popup-content-profile{width:calc(100% - 8px)}.popup-content-beast{width:calc(100% - 8px)}.popup-header{padding:14px}.popup-header h3{font-size:13px;line-height:1.35}.popup-body{padding:12px;font-size:12px}.panel-tab{min-height:32px;padding:6px 10px;font-size:11px}.popup-panel-body{gap:12px}.wallet-grid{grid-template-columns:1fr}#mana-container{width:min(340px,100vw - 24px);left:12px;top:12px}#mana-container .status-head{gap:10px;padding:10px}#mana-container .profile-avatar{width:48px;height:48px;flex-basis:48px}#mana-container #negative-status-list{flex-wrap:nowrap;overflow:hidden}#mana-container #negative-status-list .status-chip{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-shrink:1}#sword-counter{top:140px;left:12px;right:auto;padding:2px 8px 2px 4px;z-index:120}#sword-counter .counter-icon{width:20px;height:20px;margin-right:6px}#sword-counter #sword-count-text{font-size:13px}.breakthrough-group{top:185px;right:12px}.profile-hero{grid-template-columns:1fr}.profile-pill-list{grid-template-columns:1fr}.shop-tip{margin-bottom:10px;padding:10px 12px;font-size:12px}.shop-filter-group,.shop-toolbar-meta,.shop-toolbar-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.shop-toolbar-meta{gap:8px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-grid,.profile-pill-summary,.profile-stats-grid{grid-template-columns:1fr;gap:10px}.move-group{left:24px;bottom:28px}.move-group .btn-move{width:96px;height:96px}.move-group .btn-move .move-stick{width:38px;height:38px}.attack-group{right:14px;bottom:18px;width:190px;height:190px}.attack-group .skill-pad::before{inset:16px 14px 16px 42px}.attack-group .skill-pad::after{right:10px;bottom:10px;width:128px;height:128px}.attack-group .btn-ultimate{width:58px;height:58px;right:50px;bottom:100px}.attack-group .btn-form{width:46px;height:46px;right:-5px;bottom:95px}.attack-group .btn-skill-list{width:50px;height:50px;right:7px;bottom:153px}.attack-group .btn-phong-loi-blink{width:48px;height:48px;right:90px;bottom:55px}.attack-group .btn-can-lam-cast{width:46px;height:46px;right:135px;bottom:96px}.attack-group .btn-attack{width:84px;height:84px}.attack-group .btn-attack::before{inset:-10px}.attack-group .btn-attack::after{inset:14px}.inventory-slot,.shop-card{padding:10px}.inventory-slot h4,.shop-card h4{font-size:13px}.inventory-slot.has-pill-art,.shop-card.has-pill-art{min-height:208px}.pill-visual{width:74px;height:74px}.pill-visual__core{width:42px;height:42px}.pill-visual__core--book{width:39px;height:49px}.pill-visual__core--bag{width:44px;height:44px}.pill-visual__item-icon{width:24px;height:24px}.inventory-capacity-card__meta,.inventory-capacity-card__row{flex-direction:column;align-items:flex-start}.beast-wallet__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attack-skill-card__foot,.attack-skill-card__head,.attack-skill-card__roster-head,.beast-wallet__footer,.beast-wallet__header,.insect-book-card__meta{flex-direction:column}.book-summary,.insect-book-grid{grid-template-columns:1fr}.btn-slot-action{font-size:10px;min-height:36px;padding:7px 5px}.btn-shop-page,.btn-shop-reset{min-height:32px;padding:6px 10px;font-size:11px}.shop-page-status{font-size:11px}.beast-panel-section{gap:12px;padding:14px}.inventory-grid.beast-collection-grid{grid-template-columns:1fr;gap:10px}.beast-slot__head{grid-template-columns:1fr;gap:12px}.beast-slot__title-row{flex-direction:column;align-items:stretch;gap:8px}.beast-slot__title-block{gap:6px}.beast-slot__count{min-width:0;width:100%;padding:8px 10px;align-items:flex-start;text-align:left}.beast-slot__metrics{grid-template-columns:1fr}.beast-slot__detail--wide{grid-column:auto}.beast-card-visual{width:72px;height:72px;flex:0 0 72px;align-self:center}.beast-card-visual::before{inset:12px}.beast-card-visual::after{inset:20px}.beast-card-visual--egg{width:68px;height:76px}.beast-card-visual .insect-art{width:52px;height:42px}.beast-card-visual--egg .insect-art{width:38px;height:48px}.shop-pagination{justify-content:center;align-items:center;row-gap:8px}.shop-page-list{flex:1 1 auto;justify-content:center;width:auto;min-width:0}.btn-shop-page-nav{flex:0 0 auto}}@media (orientation:landscape) and (max-height:720px){body.is-mobile-landscape{min-height:100dvh}body.is-mobile-landscape .controls-layer .setting-group{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}body.is-mobile-landscape #mana-container{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:min(320px,44vw)}body.is-mobile-landscape #sword-counter{top:max(92px,env(safe-area-inset-top) + 82px);right:max(12px,env(safe-area-inset-right))}body.is-mobile-landscape .breakthrough-group{top:max(132px,env(safe-area-inset-top) + 122px);right:max(12px,env(safe-area-inset-right))}body.is-mobile-landscape .move-group{left:max(22px,env(safe-area-inset-left) + 10px);bottom:max(18px,env(safe-area-inset-bottom))}body.is-mobile-landscape .attack-group{right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:184px;height:184px}body.is-mobile-landscape .attack-group .btn-ultimate{right:48px;bottom:96px}body.is-mobile-landscape .attack-group .btn-form{right:0;bottom:90px}body.is-mobile-landscape .attack-group .btn-skill-list{right:8px;bottom:146px}body.is-mobile-landscape .attack-group .btn-phong-loi-blink{right:96px;bottom:108px}body.is-mobile-landscape .attack-group .btn-ngu-loi{right:142px;bottom:108px}body.is-mobile-landscape .attack-group .btn-can-lam-cast{right:142px;bottom:58px}}@media (max-width:420px){.popup-content-beast{width:calc(100% - 12px);border-radius:14px}#beast-popup .popup-header{padding:12px}#beast-popup .popup-body{padding:10px}.slot-actions{grid-template-columns:1fr}.slot-badge,.slot-count,.slot-meta{font-size:10px}.beast-wallet__stats{grid-template-columns:1fr}.beast-popup-body{gap:10px}.beast-panel-section{gap:10px;padding:10px;border-radius:14px}.inventory-grid.beast-collection-grid{gap:8px}.beast-slot{gap:10px;padding:10px}.beast-slot h4{font-size:14px;line-height:1.4}.beast-slot__detail,.beast-slot__metric{padding:8px 10px}.beast-slot__summary{font-size:11px;line-height:1.45}.beast-card-visual{width:64px;height:64px;flex:0 0 64px}.beast-card-visual::before{inset:10px}.beast-card-visual::after{inset:18px}.beast-card-visual--egg{width:60px;height:68px}.beast-card-visual .insect-art{width:46px;height:38px}.beast-card-visual--egg .insect-art{width:34px;height:44px}.slot-count{font-size:15px}.btn-shop-page-nav{min-width:40px;width:40px}.shop-page-status{width:auto;flex:0 0 auto;white-space:nowrap;text-align:center}}@keyframes chuong-thien-binh-halo{0%,100%{opacity:.44;transform:scale(.94)}50%{opacity:.92;transform:scale(1.08)}}@keyframes chuong-thien-binh-image{0%,100%{filter:drop-shadow(0 0 16px color-mix(in srgb, var(--artifact-aura, var(--pill-accent)) 24%, transparent)) brightness(.98);transform:translate(-50%,-50%) translateY(1px) scale(.975)}50%{filter:drop-shadow(0 0 22px color-mix(in srgb, var(--artifact-aura, var(--pill-accent)) 38%, transparent)) brightness(1.06);transform:translate(-50%,-50%) translateY(-2px) scale(1.02)}}@keyframes chuong-thien-binh-particle{0%,100%{opacity:.24;transform:translateY(2px) scale(.72)}45%{opacity:.9;transform:translateY(-4px) scale(1)}}@keyframes kim-loi-truc-pulse{0%,100%{opacity:.46;transform:scale(.96)}50%{opacity:.94;transform:scale(1.08)}}@keyframes kim-loi-truc-spark{0%,100%{opacity:.24;transform:var(--kim-loi-spark-transform,none) scaleY(.86)}45%{opacity:.92;transform:var(--kim-loi-spark-transform,none) scaleY(1.06)}}@keyframes kim-loi-truc-ground-breathe{0%,100%{transform:translateX(-50%) scaleX(.98)}50%{transform:translateX(-50%) translateY(-1px) scaleX(1.02)}}@keyframes kim-loi-truc-bud-rise{0%,100%{transform:var(--kim-loi-core-transform,translateX(-50%))}50%{transform:var(--kim-loi-core-transform,translateX(-50%)) translateY(-1px)}}@keyframes kim-loi-truc-sway{0%,100%{transform:var(--kim-loi-stalk-transform) scaleY(var(--kim-loi-stalk-scale,1))}50%{transform:var(--kim-loi-stalk-transform) translateY(-1px) scaleY(calc(var(--kim-loi-stalk-scale,1) + .03))}}.pill-visual.is-artifact-chuong-thien-binh{--artifact-aura:#8cf4bc;--artifact-secondary:#c9ffd9;--pill-aura:rgba(140, 244, 188, 0.48)}.pill-visual.is-artifact-chuong-thien-binh .pill-visual__backdrop{background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.36),transparent 20%),radial-gradient(circle at 50% 54%,rgba(143,255,197,.28),transparent 48%),radial-gradient(circle at 50% 56%,rgba(31,76,53,.48),transparent 78%)}.pill-visual.is-artifact-chuong-thien-binh .pill-visual__orbit{border-color:rgba(182,255,214,.56)}.pill-visual.is-artifact-chuong-thien-binh .pill-visual__spark{background:rgba(245,255,248,.92);box-shadow:0 0 12px rgba(143,255,197,.56)}.chuong-thien-binh-art{position:absolute;inset:2px;z-index:4;display:flex;align-items:center;justify-content:center;isolation:isolate;pointer-events:none}.chuong-thien-binh-art__halo,.chuong-thien-binh-art__image,.chuong-thien-binh-art__particle{position:absolute;display:block}.chuong-thien-binh-art__halo{inset:10px;border-radius:50%;background:radial-gradient(circle at 50% 46%,rgba(236,255,240,.18),transparent 30%),radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--artifact-aura,var(--pill-accent)) 36%,rgba(255,255,255,.08)),transparent 74%);filter:blur(.2px);animation:chuong-thien-binh-halo 3s ease-in-out infinite}.chuong-thien-binh-art__image{left:50%;top:50%;width:106%;height:auto;max-width:none;object-fit:contain;transform:translate(-50%,-50%);animation:chuong-thien-binh-image 4.1s ease-in-out infinite}.chuong-thien-binh-art__particle{width:5px;height:5px;border-radius:50%;background:rgba(236,255,241,.92);box-shadow:0 0 10px rgba(173,255,203,.44);animation:chuong-thien-binh-particle 2.4s ease-in-out infinite}.chuong-thien-binh-art__particle--1{right:17px;top:18px}.chuong-thien-binh-art__particle--2{left:15px;top:32px;width:4px;height:4px;animation-delay:-.8s}.chuong-thien-binh-art__particle--3{left:22px;bottom:16px;width:3px;height:3px;animation-delay:-1.5s}.pill-visual.is-material-kim-loi-root{--kim-loi-glow:#b4ff8d;--kim-loi-deep:#70522f;--kim-loi-soil:#8c6239;--pill-aura:rgba(180, 255, 141, 0.38)}.pill-visual.is-material-kim-loi-root.is-material-kim-loi-root--buried-root{--kim-loi-glow:#d8ff9a;--kim-loi-deep:#6e5032;--kim-loi-soil:#9b7244;--pill-aura:rgba(216, 255, 154, 0.3)}.pill-visual.is-material-kim-loi-root.is-material-kim-loi-root--swollen-mound{--kim-loi-glow:#d2ff93;--kim-loi-deep:#6e4c2a;--kim-loi-soil:#9f6f3d;--pill-aura:rgba(210, 255, 147, 0.36)}.pill-visual.is-material-kim-loi-root.is-material-kim-loi-root--sprout{--kim-loi-glow:#b4ff8d;--kim-loi-deep:#446333;--kim-loi-soil:#8d6139;--pill-aura:rgba(180, 255, 141, 0.42)}.pill-visual.is-material-kim-loi-root.is-material-kim-loi-root--young-bamboo{--kim-loi-glow:#8ff7bf;--kim-loi-deep:#23684d;--kim-loi-soil:#7b5739;--pill-aura:rgba(143, 247, 191, 0.46)}.pill-visual.is-material-kim-loi-root.is-material-kim-loi-root--mature-bamboo{--kim-loi-glow:#7fffc8;--kim-loi-deep:#1e805d;--kim-loi-soil:#6b4d33;--pill-aura:rgba(127, 255, 200, 0.5)}.pill-visual.is-material-kim-loi-root.is-material-kim-loi-root--thunder-grove{--kim-loi-glow:#b4ffcf;--kim-loi-deep:#0f8b63;--kim-loi-soil:#63482e;--pill-aura:rgba(180, 255, 207, 0.56)}.pill-visual.is-material-kim-loi-root .pill-visual__backdrop{background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.34),transparent 20%),radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--kim-loi-glow) 30%,rgba(255,255,255,.08)),transparent 46%),radial-gradient(circle at 50% 68%,color-mix(in srgb,var(--kim-loi-soil) 72%,rgba(14,8,4,.16)),transparent 82%);box-shadow:0 0 26px color-mix(in srgb,var(--kim-loi-glow) 22%,transparent),inset 0 -10px 16px rgba(14,8,4,.24)}.pill-visual.is-material-kim-loi-root .pill-visual__orbit{border-color:rgba(186,255,210,.54)}.pill-visual.is-material-kim-loi-root .pill-visual__spark{background:rgba(245,255,248,.94);box-shadow:0 0 12px rgba(147,255,191,.56)}.kim-loi-truc-mau-art{position:absolute;inset:4px;z-index:4;pointer-events:none;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--kim-loi-glow, var(--pill-accent)) 30%, transparent))}.kim-loi-truc-mau-art__core,.kim-loi-truc-mau-art__crack,.kim-loi-truc-mau-art__ground,.kim-loi-truc-mau-art__halo,.kim-loi-truc-mau-art__leaf,.kim-loi-truc-mau-art__mound,.kim-loi-truc-mau-art__root,.kim-loi-truc-mau-art__spark,.kim-loi-truc-mau-art__stalk{position:absolute;display:block}.kim-loi-truc-mau-art__halo{z-index:0;inset:11px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(248,255,240,.18),transparent 32%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 34%,rgba(255,255,255,.12)),transparent 74%);animation:kim-loi-truc-pulse 3.4s ease-in-out infinite}.kim-loi-truc-mau-art__ground{z-index:2;left:50%;bottom:8px;width:58px;height:17px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,234,198,.22),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--kim-loi-soil,#8c6239) 72%,rgba(255,244,220,.2)),color-mix(in srgb,var(--kim-loi-soil,#8c6239) 76%,rgba(24,12,4,.54)));box-shadow:inset 0 1px 0 rgba(255,245,228,.22),0 4px 10px rgba(26,16,8,.26);animation:kim-loi-truc-ground-breathe 4.4s ease-in-out infinite}.kim-loi-truc-mau-art__mound{z-index:3;left:50%;bottom:11px;width:34px;height:21px;transform:translateX(-50%);border-radius:58% 58% 44% 44%/68% 68% 36% 36%;background:radial-gradient(circle at 50% 28%,rgba(255,244,219,.24),transparent 36%),radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 20%,rgba(255,255,255,.06)),transparent 68%),linear-gradient(180deg,color-mix(in srgb,var(--kim-loi-soil,#8c6239) 66%,rgba(255,244,220,.24)),color-mix(in srgb,var(--kim-loi-soil,#8c6239) 76%,rgba(20,10,4,.58)));box-shadow:inset 0 1px 0 rgba(255,244,223,.26),0 0 12px color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 18%,transparent);transform-origin:center bottom}.kim-loi-truc-mau-art__crack{z-index:4;left:50%;bottom:20px;width:24px;height:16px;transform:translateX(-50%);background:linear-gradient(130deg,transparent 38%,rgba(246,255,223,.7) 38% 47%,transparent 47%),linear-gradient(58deg,transparent 46%,rgba(221,255,177,.62) 46% 54%,transparent 54%),linear-gradient(104deg,transparent 58%,rgba(255,255,255,.46) 58% 64%,transparent 64%);clip-path:polygon(18% 100%,38% 56%,28% 48%,46% 20%,58% 36%,70% 0,86% 8%,62% 54%,74% 64%,56% 100%);opacity:.18}.kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.74);z-index:5;left:50%;bottom:18px;width:18px;height:16px;transform:var(--kim-loi-core-transform);border-radius:58% 58% 42% 42%/48% 48% 56% 56%;background:radial-gradient(circle at 42% 20%,rgba(248,255,240,.82),transparent 24%),linear-gradient(180deg,rgba(233,255,214,.96),rgba(164,240,126,.9) 42%,color-mix(in srgb,var(--kim-loi-deep,#2c744d) 76%,rgba(14,36,23,.34)) 100%);border:1px solid rgba(235,255,221,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 10px color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 24%,transparent);animation:kim-loi-truc-bud-rise 3.8s ease-in-out infinite}.kim-loi-truc-mau-art__stalk{z-index:6;bottom:25px;border-radius:999px;background:linear-gradient(180deg,rgba(242,255,235,.96),rgba(173,255,187,.88) 18%,color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 68%,rgba(54,150,87,.9)) 58%,color-mix(in srgb,var(--kim-loi-deep,#2c744d) 84%,rgba(12,40,24,.48)) 100%);border:1px solid rgba(233,255,220,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 10px color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 18%,transparent);opacity:0;transform-origin:center bottom;animation:kim-loi-truc-sway 4.3s ease-in-out infinite}.kim-loi-truc-mau-art__stalk::after{content:"";position:absolute;left:50%;top:5px;width:76%;height:calc(100% - 10px);transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(255,255,255,.18) 0 3px,rgba(44,112,73,.06) 3px 8px);border-radius:inherit;opacity:.7}.kim-loi-truc-mau-art__stalk--main{left:50%;width:10px;height:24px;--kim-loi-stalk-transform:translateX(-50%)}.kim-loi-truc-mau-art__stalk--mid{left:50%;width:8px;height:20px;--kim-loi-stalk-transform:translateX(-50%) translateX(-13px) rotate(-8deg);animation-delay:-1.1s}.kim-loi-truc-mau-art__stalk--side{left:50%;width:7px;height:18px;--kim-loi-stalk-transform:translateX(-50%) translateX(13px) rotate(10deg);animation-delay:-2.2s}.kim-loi-truc-mau-art__leaf{z-index:7;width:20px;height:10px;border-radius:100% 10% 100% 10%;background:linear-gradient(180deg,rgba(237,255,225,.96),color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 68%,rgba(72,192,106,.88)) 56%,color-mix(in srgb,var(--kim-loi-deep,#2c744d) 76%,rgba(18,52,32,.5)));box-shadow:0 0 10px color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 18%,transparent);opacity:0}.kim-loi-truc-mau-art__leaf--left{left:16px;bottom:34px;transform:rotate(-28deg) scale(.82)}.kim-loi-truc-mau-art__leaf--right{right:16px;bottom:34px;transform:scaleX(-1) rotate(-20deg) scale(.82)}.kim-loi-truc-mau-art__leaf--upper-left{left:22px;bottom:47px;width:17px;transform:rotate(-36deg) scale(.74)}.kim-loi-truc-mau-art__leaf--upper-right{right:21px;bottom:46px;width:17px;transform:scaleX(-1) rotate(-32deg) scale(.74)}.kim-loi-truc-mau-art__root{z-index:1;bottom:7px;width:15px;height:13px;border-left:2px solid rgba(232,255,214,.78);border-bottom:2px solid rgba(171,255,180,.48);border-radius:0 0 0 12px;opacity:.3}.kim-loi-truc-mau-art__root--left{left:24px;transform:rotate(24deg)}.kim-loi-truc-mau-art__root--right{right:24px;transform:scaleX(-1) rotate(18deg)}.kim-loi-truc-mau-art__spark{z-index:8;width:11px;height:19px;background:linear-gradient(180deg,rgba(249,255,238,.94),rgba(237,254,200,.84) 44%,rgba(175,255,164,.18) 100%);clip-path:polygon(54% 0,100% 0,64% 44%,92% 44%,30% 100%,46% 60%,14% 60%);box-shadow:0 0 12px rgba(239,255,170,.3);mix-blend-mode:screen;opacity:.18;animation:kim-loi-truc-spark 1.7s steps(2,end) infinite}.kim-loi-truc-mau-art__spark--1{left:14px;top:18px;--kim-loi-spark-transform:rotate(-18deg)}.kim-loi-truc-mau-art__spark--2{right:13px;top:28px;--kim-loi-spark-transform:rotate(16deg);animation-delay:-.8s}.kim-loi-truc-mau-art__spark--3{left:50%;top:10px;--kim-loi-spark-transform:translateX(-50%) rotate(4deg);animation-delay:-.35s}.kim-loi-truc-mau-art--buried-root .kim-loi-truc-mau-art__ground{width:56px}.kim-loi-truc-mau-art--buried-root .kim-loi-truc-mau-art__mound{width:38px;height:23px}.kim-loi-truc-mau-art--buried-root .kim-loi-truc-mau-art__core{opacity:.34}.kim-loi-truc-mau-art--buried-root .kim-loi-truc-mau-art__spark--3{opacity:0}.kim-loi-truc-mau-art--swollen-mound .kim-loi-truc-mau-art__mound{width:42px;height:27px;box-shadow:inset 0 1px 0 rgba(255,244,223,.28),0 0 14px color-mix(in srgb,var(--kim-loi-glow,var(--pill-accent)) 24%,transparent)}.kim-loi-truc-mau-art--swollen-mound .kim-loi-truc-mau-art__crack{opacity:.56}.kim-loi-truc-mau-art--swollen-mound .kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.88);bottom:22px;opacity:.72}.kim-loi-truc-mau-art--swollen-mound .kim-loi-truc-mau-art__root{opacity:.58}.kim-loi-truc-mau-art--swollen-mound .kim-loi-truc-mau-art__spark{opacity:.28}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__mound{width:36px;height:21px}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__crack{opacity:.74}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.98);bottom:25px;width:16px;height:24px;border-radius:50% 50% 40% 40%/58% 58% 42% 42%;opacity:.96}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__stalk--main{opacity:.64;height:18px;--kim-loi-stalk-scale:0.86}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__root{opacity:.68}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__spark{opacity:.44}.kim-loi-truc-mau-art--sprout .kim-loi-truc-mau-art__spark--3{opacity:.24}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__mound{width:28px;height:16px}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__crack{opacity:.38}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.92);bottom:37px;width:13px;height:15px;opacity:.9}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__stalk--main{opacity:1;height:30px}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__leaf--left,.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__leaf--right{opacity:.94}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__root{opacity:.72}.kim-loi-truc-mau-art--young-bamboo .kim-loi-truc-mau-art__spark{opacity:.54}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__mound{width:24px;height:14px;opacity:.84}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__crack{opacity:.24}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.9);bottom:46px;width:13px;height:16px;opacity:.94}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__stalk--main{opacity:1;height:40px}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__stalk--mid{opacity:.92;height:31px}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__stalk--side{opacity:.82;height:27px}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__leaf{opacity:1}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__root{opacity:.78}.kim-loi-truc-mau-art--mature-bamboo .kim-loi-truc-mau-art__spark{opacity:.68}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__mound{width:20px;height:11px;opacity:.72}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.92);bottom:51px;width:14px;height:17px}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__stalk--main{opacity:1;height:46px}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__stalk--mid{opacity:.96;height:37px}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__stalk--side{opacity:.88;height:33px}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__leaf--left,.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__leaf--right{width:22px;opacity:1}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__leaf--upper-left,.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__leaf--upper-right{width:18px;opacity:1}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__root{opacity:.84}.kim-loi-truc-mau-art--thunder-grove .kim-loi-truc-mau-art__spark{opacity:.8}.kim-loi-truc-mau-art--seed-core .kim-loi-truc-mau-art__halo{background:radial-gradient(circle at 50% 58%,rgba(255,246,223,.2),transparent 42%),radial-gradient(circle at 50% 50%,rgba(155,255,192,.16),transparent 76%)}.kim-loi-truc-mau-art--seed-core .kim-loi-truc-mau-art__mound{width:44px;height:27px}.kim-loi-truc-mau-art--seed-core .kim-loi-truc-mau-art__core{--kim-loi-core-transform:translateX(-50%) scale(0.78);opacity:.56}.kim-loi-truc-mau-art--seed-core .kim-loi-truc-mau-art__leaf,.kim-loi-truc-mau-art--seed-core .kim-loi-truc-mau-art__stalk{opacity:0}.kim-loi-truc-mau-art--seed-core .kim-loi-truc-mau-art__spark{opacity:.14}.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__halo{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.3),transparent 36%),radial-gradient(circle at 50% 50%,rgba(195,236,255,.2),transparent 74%)}.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__core,.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__leaf,.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__stalk{filter:saturate(.28) brightness(1.26)}.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__stalk--main{opacity:.84;height:24px}.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__stalk--mid,.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__stalk--side{opacity:.48;height:18px}.kim-loi-truc-mau-art--white-lightning .kim-loi-truc-mau-art__spark{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(216,239,255,.9) 46%,rgba(173,224,255,.24) 100%);box-shadow:0 0 13px rgba(209,241,255,.58);opacity:.62}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__halo{background:radial-gradient(circle at 50% 46%,rgba(216,246,255,.22),transparent 32%),radial-gradient(circle at 50% 50%,rgba(81,182,255,.26),transparent 76%)}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__core,.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__leaf,.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__stalk{filter:hue-rotate(26deg) saturate(1.34) brightness(1.08)}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__stalk--main{opacity:1;height:34px}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__stalk--mid{opacity:.86;height:28px}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__stalk--side{opacity:.78;height:24px}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__leaf{opacity:.96}.kim-loi-truc-mau-art--azure-lightning .kim-loi-truc-mau-art__spark{background:linear-gradient(180deg,rgba(235,252,255,.96),rgba(140,222,255,.92) 46%,rgba(65,161,255,.24) 100%);box-shadow:0 0 15px rgba(100,197,255,.62);opacity:.72}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__halo{background:radial-gradient(circle at 50% 46%,rgba(255,248,214,.26),transparent 34%),radial-gradient(circle at 50% 50%,rgba(255,200,94,.28),transparent 76%)}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__core,.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__leaf,.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__stalk{filter:hue-rotate(-28deg) saturate(1.48) brightness(1.16)}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__stalk--main{opacity:1;height:42px}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__stalk--mid{opacity:.94;height:34px}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__stalk--side{opacity:.86;height:30px}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__leaf{opacity:1}.kim-loi-truc-mau-art--golden-lightning .kim-loi-truc-mau-art__spark{background:linear-gradient(180deg,rgba(255,252,228,.98),rgba(255,216,131,.92) 44%,rgba(255,176,76,.22) 100%);box-shadow:0 0 18px rgba(255,200,82,.66);opacity:.82}.tribulation-overlay{z-index:2600}.tribulation-content{--tribulation-strike-power:0;max-width:85%;width:min(80vw,1520px);min-height:min(88vh,920px);border-color:#7dc8ff;background:radial-gradient(120% 115% at 50% -10%,rgba(109,155,255,.18),rgba(12,18,32,.92) 52%,rgba(5,10,20,.97) 100%);box-shadow:0 0 44px rgba(80,158,255,.48),inset 0 0 65px rgba(117,199,255,.12);overflow:hidden}.tribulation-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,2.6vh,28px);padding:clamp(14px,2.2vh,26px) clamp(14px,2vw,28px);min-height:min(78vh,820px)}.tribulation-cloud-wrap{position:relative;width:100%;height:clamp(220px,44vh,420px);display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.tribulation-cloud-lightning{position:absolute;inset:0;pointer-events:none;z-index:3}.tribulation-cloud-lightning-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tribulation-bolt,.tribulation-bolt-fragment,.tribulation-cloud-bolt,.tribulation-prestrike-bolt{display:none!important}.tribulation-ambient-mist{position:absolute;inset:0;pointer-events:none;background:radial-gradient(68% 44% at 30% 36%,rgba(154,196,255,.14),rgba(27,38,64,0) 72%),radial-gradient(62% 40% at 72% 28%,rgba(186,164,255,.14),rgba(25,32,56,0) 74%),radial-gradient(44% 30% at 50% 76%,rgba(119,170,255,.12),rgba(11,17,32,0) 76%);animation:tribulation-ambient-drift 7.8s ease-in-out infinite alternate}.tribulation-sky-flash{position:absolute;inset:-10%;pointer-events:none;opacity:0;background:radial-gradient(42% 32% at 50% 28%,rgba(209,242,255,.72),rgba(181,224,255,.08) 54%,rgba(82,132,214,0) 78%),linear-gradient(180deg,rgba(236,250,255,.2),rgba(126,175,255,0) 70%);mix-blend-mode:screen}.tribulation-cloud{position:relative;width:clamp(420px,64vw,980px);height:clamp(112px,20vh,238px);margin:0 auto;border-radius:999px;background:radial-gradient(18% 56% at 9% 54%,rgba(74,86,112,.9),rgba(17,22,35,.98) 78%),radial-gradient(14% 46% at 18% 38%,rgba(86,96,124,.82),rgba(19,25,39,.92) 76%),radial-gradient(16% 54% at 28% 56%,rgba(70,82,109,.9),rgba(16,22,36,.98) 80%),radial-gradient(20% 64% at 40% 36%,rgba(84,95,121,.9),rgba(16,21,35,.98) 78%),radial-gradient(14% 52% at 51% 58%,rgba(72,84,110,.9),rgba(16,21,35,.98) 80%),radial-gradient(18% 62% at 61% 40%,rgba(80,92,119,.88),rgba(17,22,35,.97) 78%),radial-gradient(14% 50% at 72% 60%,rgba(69,81,105,.88),rgba(17,22,35,.98) 80%),radial-gradient(18% 58% at 84% 42%,rgba(74,85,111,.9),rgba(18,23,36,.98) 78%),radial-gradient(14% 46% at 93% 56%,rgba(61,72,96,.84),rgba(18,23,36,.98) 80%);box-shadow:0 16px 30px rgba(7,12,22,.68),0 0 34px rgba(45,55,82,.62),inset 0 -14px 22px rgba(5,10,19,.52);animation:tribulation-cloud-roil 4.8s ease-in-out infinite;z-index:2}.tribulation-cloud::after,.tribulation-cloud::before{content:"";position:absolute;border-radius:50%;background:radial-gradient(46% 44% at 26% 40%,rgba(97,110,138,.8),rgba(22,27,41,.96) 72%),radial-gradient(42% 42% at 62% 34%,rgba(86,98,126,.72),rgba(19,23,37,.92) 76%),radial-gradient(34% 36% at 58% 70%,rgba(66,76,102,.56),rgba(18,23,36,.1) 78%);box-shadow:inset 0 -9px 12px rgba(0,0,0,.32),0 0 16px rgba(40,52,78,.4)}.tribulation-cloud::before{width:clamp(180px,25vw,330px);height:clamp(116px,14vh,210px);left:clamp(-88px,-7vw,-26px);top:clamp(-52px,-5vh,-22px)}.tribulation-cloud::after{width:clamp(208px,30vw,372px);height:clamp(132px,16vh,234px);right:clamp(-102px,-8vw,-24px);top:clamp(-58px,-6vh,-24px)}.tribulation-cloud.is-striking{animation:tribulation-cloud-pulse .45s ease,tribulation-cloud-roil 4.8s ease-in-out infinite}.tribulation-bolt{position:absolute;top:clamp(110px,20vh,212px);left:50%;width:clamp(4px,.55vw,8px);height:0;transform:translateX(-50%) scaleX(calc(1 + var(--tribulation-strike-power) * .16));transform-origin:center top;opacity:0;background:linear-gradient(180deg,rgba(247,255,255,.98),rgba(168,226,255,.94) 58%,rgba(110,166,255,0));box-shadow:0 0 calc(10px + var(--tribulation-strike-power) * 2px) rgba(154,232,255,.86);clip-path:polygon(50% 0,100% 12%,35% 24%,92% 38%,20% 52%,85% 66%,10% 80%,70% 94%,42% 100%,0 88%,58% 74%,12% 58%,76% 42%,18% 26%,82% 10%)}.tribulation-bolt.is-striking{animation:tribulation-bolt-drop .82s ease-out}.tribulation-bolt::after,.tribulation-bolt::before{content:"";position:absolute;width:100%;height:34%;left:0;background:inherit;clip-path:polygon(42% 0,100% 24%,28% 52%,86% 74%,16% 100%,0 84%,62% 58%,10% 34%,76% 12%);opacity:.92}.tribulation-bolt::before{top:30%;transform:translateX(-140%) rotate(-24deg)}.tribulation-bolt::after{top:58%;transform:translateX(128%) rotate(20deg) scaleY(.9)}.tribulation-bolt-fragment{position:absolute;top:clamp(106px,19vh,204px);left:50%;width:clamp(3px,.5vw,6px);height:0;transform:translateX(-50%);opacity:0;pointer-events:none;background:linear-gradient(180deg,rgba(251,255,255,.94),rgba(179,232,255,.9) 60%,rgba(102,160,255,0));box-shadow:0 0 8px rgba(154,232,255,.8);clip-path:polygon(50% 0,100% 15%,34% 28%,88% 42%,18% 56%,78% 70%,10% 84%,66% 96%,38% 100%,0 88%,56% 72%,14% 56%,72% 40%,18% 24%,80% 10%)}.tribulation-bolt-fragment.is-striking{animation:tribulation-bolt-fragment-drop .72s ease-out}.tribulation-prestrike-bolt{--prestrike-x:0px;--prestrike-rot:0deg;--prestrike-scale:1;position:absolute;top:clamp(108px,19.5vh,208px);left:50%;width:clamp(3px,.35vw,6px);height:0;transform:translateX(calc(-50% + var(--prestrike-x))) rotate(var(--prestrike-rot)) scaleX(var(--prestrike-scale));transform-origin:top center;opacity:0;pointer-events:none;z-index:4;background:linear-gradient(180deg,rgba(253,255,255,.92),rgba(173,228,255,.9) 54%,rgba(109,171,255,0));box-shadow:0 0 7px rgba(165,232,255,.76);clip-path:polygon(50% 0,100% 14%,36% 28%,90% 42%,16% 58%,76% 72%,8% 86%,64% 98%,40% 100%,0 90%,54% 74%,12% 58%,72% 42%,18% 24%,80% 12%)}.tribulation-prestrike-bolt.is-striking{animation:tribulation-prestrike-drop .34s ease-out}.tribulation-prestrike-bolt--forked{clip-path:polygon(50% 0,100% 12%,36% 24%,92% 36%,22% 50%,82% 62%,14% 78%,72% 90%,36% 100%,0 88%,58% 68%,10% 52%,76% 34%,20% 18%,84% 8%)}.tribulation-prestrike-bolt--needle{width:clamp(2px,.24vw,4px);box-shadow:0 0 6px rgba(185,238,255,.84)}.tribulation-ground-impact{position:absolute;left:50%;bottom:clamp(22px,5vh,48px);width:clamp(140px,18vw,260px);height:clamp(28px,5vh,62px);border-radius:50%;transform:translateX(-50%) scale(.65);opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(164,238,255,.84),rgba(120,180,255,.28) 52%,rgba(18,36,64,0) 78%);filter:blur(.35px)}.tribulation-seated-stage{position:relative;width:min(88%,980px);height:clamp(116px,15vh,178px);display:flex;align-items:flex-end;justify-content:center}.tribulation-ground-land{position:absolute;left:50%;bottom:clamp(-14px,-1.8vh,-6px);width:min(92%,960px);height:clamp(46px,7.2vh,82px);transform:translateX(-50%);border-radius:64% 64% 44% 44%/100% 100% 28% 28%;background:radial-gradient(46% 38% at 50% 16%,rgba(136,98,62,.42),rgba(34,22,16,0) 72%),radial-gradient(44% 40% at 18% 58%,rgba(86,58,38,.4),rgba(30,20,14,0) 74%),radial-gradient(44% 40% at 82% 58%,rgba(86,58,38,.4),rgba(30,20,14,0) 74%),linear-gradient(180deg,rgba(63,44,29,.8),rgba(34,22,16,.96));box-shadow:0 -10px 22px rgba(50,28,16,.36),inset 0 12px 20px rgba(112,80,52,.22),inset 0 -12px 18px rgba(10,6,4,.34);z-index:1}.tribulation-cloud-bolt{--cloud-bolt-scale:1;position:absolute;top:clamp(20px,4.2vh,42px);width:clamp(3px,.36vw,6px);height:0;opacity:0;transform:translateX(-50%) rotate(0) scaleX(var(--cloud-bolt-scale));transform-origin:center top;background:linear-gradient(180deg,rgba(250,255,255,.96),rgba(164,221,255,.9) 54%,rgba(115,170,255,0));clip-path:polygon(50% 0,100% 14%,34% 28%,90% 42%,20% 56%,84% 70%,12% 84%,66% 96%,38% 100%,0 88%,56% 72%,14% 56%,72% 40%,18% 24%,80% 10%);filter:drop-shadow(0 0 5px rgba(148, 218, 255, .72))}.tribulation-cloud-bolt.is-striking{animation:tribulation-cloud-bolt-flash .44s ease-out}.tribulation-cloud-bolt--branch{clip-path:polygon(50% 0,100% 10%,38% 22%,92% 34%,24% 48%,82% 62%,16% 76%,72% 90%,36% 100%,0 90%,58% 70%,10% 52%,76% 34%,20% 16%,84% 8%)}.tribulation-cloud-bolt--thick{--cloud-bolt-scale:1.34;filter:drop-shadow(0 0 6px rgba(160, 224, 255, .8))}.tribulation-seated{width:clamp(40px,2.8vw,60px);height:clamp(64px,5.2vh,94px);border-radius:40px 40px 28px 28px;background:linear-gradient(180deg,rgba(156,255,226,.9),rgba(34,136,104,.96));position:relative;box-shadow:0 0 18px rgba(88,225,172,.52),0 0 34px rgba(124,241,212,.22);animation:tribulation-seated-hover 2.8s ease-in-out infinite;z-index:2}.tribulation-seated::before{content:"";position:absolute;width:clamp(19px,1.4vw,26px);height:clamp(19px,1.4vw,26px);border-radius:50%;background:radial-gradient(circle at 38% 34%,#e9fff8,#6ae5bf 72%);top:clamp(-12px,-1vh,-8px);left:clamp(10px,.7vw,15px)}.tribulation-seated::after{content:"";position:absolute;width:clamp(64px,5vw,92px);height:clamp(12px,1vh,18px);border-radius:50%;bottom:clamp(-10px,-.9vh,-6px);left:clamp(-14px,-1.1vw,-6px);background:radial-gradient(circle,rgba(113,214,176,.4),rgba(18,34,44,0))}.tribulation-status{width:min(88%,900px)}.tribulation-hp-text,.tribulation-strike-text{text-align:center;font-size:clamp(13px,1.4vw,20px);color:#d8ecff;letter-spacing:.35px;text-shadow:0 0 8px rgba(120,188,255,.35)}.tribulation-hp-bg{margin:clamp(8px,1.2vh,14px) 0 clamp(6px,.9vh,12px);width:100%;height:clamp(14px,1.7vh,22px);border-radius:999px;background:rgba(17,25,40,.9);border:1px solid rgba(130,178,255,.4);overflow:hidden}.tribulation-hp-bar{width:100%;height:100%;background:linear-gradient(90deg,#69f5d1,#32b3ff);transition:width .25s ease}.tribulation-content.is-striking{animation:tribulation-panel-shake .24s ease}.tribulation-content.is-striking .tribulation-sky-flash{animation:tribulation-sky-flash-pulse .34s ease-out}.tribulation-content.is-striking .tribulation-ground-impact{animation:tribulation-impact-bloom .58s ease-out}@keyframes tribulation-cloud-pulse{0%{filter:brightness(1)}45%{filter:brightness(calc(1.5 + var(--tribulation-strike-power) * .16))}100%{filter:brightness(1)}}@keyframes tribulation-cloud-roil{0%,100%{transform:translateY(0) scale(1);filter:saturate(1)}35%{transform:translateY(-4px) scale(1.015);filter:saturate(1.08)}68%{transform:translateY(3px) scale(.996);filter:saturate(.94)}}@keyframes tribulation-ambient-drift{0%{transform:translateY(-2px) scale(1);opacity:.8}100%{transform:translateY(7px) scale(1.03);opacity:1}}@keyframes tribulation-bolt-drop{0%{height:0;opacity:0}25%{opacity:1}100%{height:clamp(320px,58vh,620px);opacity:calc(.08 + var(--tribulation-strike-power) * .03)}}@keyframes tribulation-bolt-fragment-drop{0%{height:0;opacity:0}18%{opacity:.92}100%{height:clamp(300px,52vh,560px);opacity:0}}@keyframes tribulation-cloud-bolt-flash{0%{height:0;opacity:0}24%{height:clamp(52px,9vh,98px);opacity:.95}100%{height:clamp(86px,13vh,150px);opacity:0}}@keyframes tribulation-prestrike-drop{0%{height:0;opacity:0}22%{opacity:.9}100%{height:clamp(240px,43vh,418px);opacity:0}}@keyframes tribulation-sky-flash-pulse{0%{opacity:0}28%{opacity:.96}100%{opacity:0}}@keyframes tribulation-impact-bloom{0%{opacity:0;transform:translateX(-50%) scale(.62)}24%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(1.35)}}@keyframes tribulation-panel-shake{0%{transform:translateX(0)}22%{transform:translateX(-4px)}46%{transform:translateX(4px)}72%{transform:translateX(-2px)}100%{transform:translateX(0)}}@keyframes tribulation-seated-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}