:root{--z-base:1;--z-elevated:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:1000;--z-tooltip:1100;--z-drag-arrow:9999;--bg-primary:#0d0d0d;--bg-secondary:#1a1a1a;--bg-surface:#242424;--text-primary:#e8e0d0;--text-secondary:#9b8e7b;--text-dim:#5a5245;--glass-bg-dark:#0f1216b3;--glass-bg-light:#282d3780;--glass-border-gold:#d4a84333;--glass-border-red:#c41e3a40;--glass-blur:blur(14px);--glass-shadow:0 8px 32px 0 #0006;--accent-red:#c41e3a;--accent-gold:#d4a843;--accent-jade:#2e8b57;--accent-purple:#6a0dad;--accent-ice:#4fc3f7;--grade-common:gray;--grade-uncommon:#2e8b57;--grade-rare:#4169e1;--grade-epic:#6a0dad;--grade-legendary:#d4a843;--element-fire:#ff4500;--element-water:#1e90ff;--element-wind:#90ee90;--element-earth:#8b7355;--element-ice:#00ced1;--element-poison:#9acd32;--font-body:var(--font-noto-sans),sans-serif;--font-heading:var(--font-noto-serif),serif;--font-ui:var(--font-noto-sans),sans-serif;--font-dialogue:var(--font-noto-sans),sans-serif;--font-size-body:16px;--font-size-ui:14px;--font-size-dialogue:15px;--font-size-heading:20px;--line-height-body:1.8;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--radius-circle:50%;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-card:0 2px 8px #0006;--shadow-float:0 4px 16px #0009;--shadow-glow-gold:0 0 15px #d4a84366;--shadow-glow-red:0 0 15px #c41e3a66}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;height:100dvh;min-height:100dvh;overflow:hidden}h1,h2,h3{font-family:var(--font-heading);color:var(--accent-gold)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}button,a,[role=button]{min-width:44px;min-height:44px}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none;font-family:inherit}.choice-card{width:100%;height:48px;padding:0 var(--space-md);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-ui);border:1px solid #d4a8434d;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.choice-card:active{border-color:var(--accent-gold);background:#d4a84326}.choice-card:after{content:"";background:radial-gradient(circle at var(--tap-x,50%)var(--tap-y,50%),#d4a84333 0%,transparent 70%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.choice-card:active:after{opacity:1}.battle-action{border-radius:var(--radius-md);background:var(--bg-surface);height:72px;color:var(--text-primary);justify-content:center;align-items:center;gap:var(--space-xs);border:1px solid #c41e3a66;flex-direction:column;flex:1;font-size:13px;transition:all .15s;display:flex}.battle-action:active{background:#c41e3a33;transform:scale(.95)}.battle-action--disabled{opacity:.4;pointer-events:none}.stat-bar{background:var(--bg-surface);border-radius:3px;width:100%;height:6px;overflow:hidden}.stat-bar__fill{border-radius:3px;height:100%;transition:width .4s}.stat-bar__fill--hp{background:linear-gradient(90deg,var(--accent-red)0%,#ff6b6b 100%)}.stat-bar__fill--mp{background:linear-gradient(90deg,var(--accent-ice)0%,#81d4fa 100%)}.stat-bar__fill--exp{background:linear-gradient(90deg,var(--accent-gold)0%,#ffd54f 100%)}.toast{padding:var(--space-md);background:var(--bg-secondary);border-bottom:2px solid var(--accent-gold);color:var(--text-primary);font-family:var(--font-heading);font-size:var(--font-size-ui);text-align:center;z-index:1000;animation:3s forwards toast-slide;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}@keyframes toast-slide{0%{transform:translateY(-100%)}10%{transform:translateY(0)}90%{transform:translateY(0)}to{transform:translateY(-100%)}}.skeleton{background:linear-gradient(90deg,var(--bg-surface)25%,var(--bg-secondary)50%,var(--bg-surface)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scene-fade{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur()}}@keyframes battle-enter{0%{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes level-up{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes damage-number{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.scene-enter{animation:.2s forwards scene-fade}.battle-enter{animation:.15s forwards battle-enter}.text-gold{color:var(--accent-gold)}.text-red{color:var(--accent-red)}.text-jade{color:var(--accent-jade)}.text-purple{color:var(--accent-purple)}.text-ice{color:var(--accent-ice)}.text-dim{color:var(--text-dim)}.grade-common{color:var(--grade-common)}.grade-uncommon{color:var(--grade-uncommon)}.grade-rare{color:var(--grade-rare)}.grade-epic{color:var(--grade-epic)}.grade-legendary{color:var(--grade-legendary)}.gpu-accelerated{will-change:transform;transform:translateZ(0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-dim)}.mainLayoutGrid{gap:var(--space-md);grid-template-columns:2fr 1fr;display:grid}.scrollable{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-y:auto}.shake-animation{backface-visibility:hidden;perspective:1000px;animation:.3s cubic-bezier(.36,.07,.19,.97) both shake;transform:translate(0,0)}@keyframes shake{10%,90%{transform:translate(-2px)rotate(-1deg)}20%,80%{transform:translate(2px)rotate(1deg)}30%,50%,70%{transform:translate(-4px)rotate(-2deg)}40%,60%{transform:translate(4px)rotate(2deg)}}.flash-red-animation{animation:.3s ease-out flash-red}@keyframes flash-red{0%{background-color:#0000;box-shadow:inset 0 0 #f000}50%{border-color:var(--accent-red);background-color:#c41e3a1a;box-shadow:inset 0 0 50px 10px #c41e3a99}to{border-color:inherit;background-color:#0000;box-shadow:inset 0 0 #f000}}.damage-popup-text{font-family:var(--font-heading);color:var(--accent-red);text-shadow:0 0 10px #000c,2px 2px #000,-2px -2px #000,2px -2px #000,-2px 2px #000;pointer-events:none;z-index:100;font-size:2rem;font-weight:700;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards damage-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.damage-popup-text.heal{color:var(--accent-jade)}.damage-popup-text.crit{color:var(--accent-gold);font-size:2.8rem;animation:1.2s cubic-bezier(.175,.885,.32,1) forwards damage-float-crit}@keyframes damage-float{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-30px)scale(1.1)}to{opacity:0;transform:translate(-50%,-60px)scale(.9)}}@keyframes damage-float-crit{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1;transform:translate(-50%,-40px)scale(1.3)}80%{opacity:1;transform:translate(-50%,-50px)scale(1.1)}to{opacity:0;transform:translate(-50%,-80px)scale(.9)}}@media (max-width:768px){.mainLayoutGrid{flex-direction:column;grid-template-columns:1fr;display:flex}}
/*# sourceMappingURL=1cce1ef1e17c4db9.css.map*/