@keyframes tcmst-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.shake{animation:tcmst-shake .8s cubic-bezier(.36,.07,.19,.97) both}@keyframes tcmst-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:tcmst-pulse .8s ease-in-out}@keyframes tcmst-glow{0%{box-shadow:0 0 #fde04780}50%{box-shadow:0 0 20px 5px #fde047b3}to{box-shadow:0 0 #fde04780}}.glow{animation:tcmst-glow 1.5s ease-out}.glow-cyan{text-shadow:0 0 8px rgba(34,211,238,.8)}@keyframes tcmst-pulse-slow{0%,to{transform:scale(1);box-shadow:0 0 5px #34d3991a}50%{transform:scale(1.05);box-shadow:0 0 20px #34d39966}}.pulse-slow{animation:tcmst-pulse-slow 2s infinite ease-in-out}.grayscale{filter:grayscale(100%);transition:filter .5s ease-in-out}@keyframes tcmst-hit-flash{0%{background-color:#dc262600}50%{background-color:#dc262699}to{background-color:#dc262600}}.hit-flash{animation:tcmst-hit-flash .82s ease-out}#thoi-dai-de-che-game-root{height:100%;margin:0;overflow:hidden;font-family:Merriweather,serif;background-color:#3a2e27}#thoi-dai-de-che-game-root .under-attack-bg{animation:thoi-dai-de-che-pulse-red-bg 2s ease-in-out infinite;background-color:#991b1b33;pointer-events:none}@keyframes thoi-dai-de-che-pulse-red-bg{0%{background-color:#991b1b33}50%{background-color:#991b1b59}to{background-color:#991b1b33}}.htt-root{font-family:Quicksand,sans-serif}.htt-root .font-serif{font-family:"Noto Serif",serif}.htt-root .custom-scrollbar::-webkit-scrollbar{width:8px}.htt-root .custom-scrollbar::-webkit-scrollbar-track{background:transparent}.htt-root .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#6b728080;border-radius:4px;border:2px solid transparent;background-clip:content-box}.htt-root .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.htt-root:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,#0a051466,#0a050fcc);z-index:-1;pointer-events:none}.htt-root .panel{background-color:#0c0a16bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid;border-image-slice:1;border-width:1px;border-image-source:linear-gradient(to bottom right,rgba(76,29,149,.5),rgba(20,184,166,.5));box-shadow:0 10px 30px #00000080,inset 0 0 40px #4c1d951a;animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.htt-root .animated-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes textGlow{0%,to{text-shadow:0 0 6px #fde047,0 0 12px #fde047}50%{text-shadow:0 0 12px #facc15,0 0 24px #facc15}}.htt-root .animate-text-glow{animation:textGlow 2.5s ease-in-out infinite}.htt-root .btn-choice{position:relative;background:linear-gradient(to right,#1e293b66,#33415566);border:1px solid #4a5568;color:#cbd5e1;transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden}.htt-root .btn-choice:before{content:"";position:absolute;top:50%;left:50%;width:200%;padding-bottom:200%;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.25),transparent 60%);opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translate(-50%,-50%) scale(.5);pointer-events:none}.htt-root .btn-choice:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.htt-root .btn-choice:hover{border-color:#0ea5e9;color:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 20px #0ea5e940}.htt-root .ba-gua-spinner{width:5rem;height:5rem;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#xdtm-app-root{font-family:Inter,sans-serif;background-color:#020617;background-image:radial-gradient(ellipse at top,#1e293b,#020617 70%);background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}#xdtm-app-root .font-eb-garamond{font-family:EB Garamond,serif}#xdtm-app-root ::-webkit-scrollbar{width:8px;height:8px}#xdtm-app-root ::-webkit-scrollbar-track{background:#1e293b}#xdtm-app-root ::-webkit-scrollbar-thumb{background:#d97706;border-radius:4px}#xdtm-app-root ::-webkit-scrollbar-thumb:hover{background:#fbbf24}#xdtm-app-root .custom-scrollbar,#xdtm-app-root .combat-scrollbar{-webkit-overflow-scrolling:touch}#xdtm-app-root .custom-scrollbar::-webkit-scrollbar-track{background:#1e293b60}#xdtm-app-root .combat-scrollbar::-webkit-scrollbar{width:6px}#xdtm-app-root .combat-scrollbar::-webkit-scrollbar-track{background:#1e293b4d}#xdtm-app-root .combat-scrollbar::-webkit-scrollbar-thumb{background:#d97706;border-radius:3px}#xdtm-app-root .combat-scrollbar::-webkit-scrollbar-thumb:hover{background:#fbbf24}#xdtm-app-root .combat-row-scrollbar::-webkit-scrollbar{display:none}#xdtm-app-root .combat-row-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes xdtm-fadeInFast{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#xdtm-app-root .animate-fade-in-fast{animation:xdtm-fadeInFast .2s ease-out forwards}@keyframes xdtm-fadeIn{0%{opacity:0}to{opacity:1}}#xdtm-app-root .animate-fade-in{animation:xdtm-fadeIn .3s ease-in-out forwards}@keyframes xdtm-log-entry-kf{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#xdtm-app-root .animate-log-entry{animation:xdtm-log-entry-kf .5s ease-out forwards;opacity:0}@keyframes xdtm-turn-indicator-kf{0%,to{box-shadow:0 0 10px 2px #fcd34d66}50%{box-shadow:0 0 18px 5px #fcd34db3}}@keyframes xdtm-attack-animation-kf{0%{transform:translateY(0)}50%{transform:translateY(-15px) scale(1.05)}to{transform:translateY(0)}}@keyframes xdtm-damage-shake-kf{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}@keyframes xdtm-damage-popup-kf{0%{transform:translateY(0) scale(.8);opacity:1}to{transform:translateY(-50px) scale(1.2);opacity:0}}#xdtm-app-root .turn-indicator{animation:xdtm-turn-indicator-kf 2s ease-in-out infinite;border-color:#facc15!important}#xdtm-app-root .attack-animation{animation:xdtm-attack-animation-kf .6s ease-in-out;z-index:10}#xdtm-app-root .damage-shake{animation:xdtm-damage-shake-kf .5s ease-in-out}#xdtm-app-root .damage-popup{position:absolute;top:-10px;animation:xdtm-damage-popup-kf 1.2s ease-out forwards;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8);pointer-events:none;z-index:20}#xdtm-app-root .damage-popup--damage{color:#f87171}#xdtm-app-root .damage-popup--heal{color:#4ade80}@keyframes xdtm-shake-kf{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}#xdtm-app-root .animate-shake{animation:xdtm-shake-kf .5s ease-in-out}#xdtm-app-root .world-map-background{background-image:url(https://i.postimg.cc/Vsn2bb72/91b8b518-522d-461f-b598-1e68b830cb43.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#xdtm-app-root .map-item{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s ease-in-out,filter .2s ease-in-out}#xdtm-app-root .map-item:hover{transform:translate(-50%,-50%) scale(1.15);z-index:10;filter:drop-shadow(0 0 8px rgba(252,211,77,.5))}#xdtm-app-root .map-item-icon-wrapper{width:50px;height:50px;padding:4px;border-radius:50%;border-width:2px;background-color:#3c2a21b3;box-shadow:0 0 10px #00000080}#xdtm-app-root .map-item-icon{width:100%;height:100%}#xdtm-app-root .map-item-label{margin-top:4px;padding:2px 8px;border-radius:6px;background-color:#170d08d9;color:#f5eadd;font-size:10px;font-weight:700;border:1px solid rgba(245,234,221,.3);text-shadow:1px 1px 2px rgba(0,0,0,.9);line-height:1.2;text-align:center}#xdtm-app-root .map-connection-line{stroke:#3c2a21b3;stroke-width:2;stroke-dasharray:4 4;opacity:1}@keyframes xdtm-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes xdtm-slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes xdtm-progress-bar-deplete{0%{width:100%}to{width:0%}}#xdtm-app-root .toast-enter{animation:xdtm-slideInRight .5s ease-out forwards}#xdtm-app-root .toast-exit{animation:xdtm-slideOutRight .5s ease-out forwards}#xdtm-app-root .toast-progress-bar{animation:xdtm-progress-bar-deplete 4s linear forwards;height:3px;position:absolute;bottom:0;left:0;border-radius:0 0 0 8px}
