:root{font-family:Georgia,Times New Roman,serif;color:#eee;background:#050505;--gold:#c6a15b;--red:#8f2727}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at 50% 25%,#20170f 0,#090909 42%,#030303)}button{font:inherit}.app-shell{min-height:100dvh}.combat-screen{width:min(100%,430px);min-height:100dvh;margin:auto;padding:max(12px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:7px}.game-header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #5d4829;padding:3px 2px 8px;color:var(--gold);letter-spacing:.18em;font-weight:800}.game-header small{font:600 10px system-ui;letter-spacing:.08em;color:#9f927a}.combatant{display:flex;flex-direction:column;align-items:center}.label{font:800 10px system-ui;letter-spacing:.24em;color:#a99775;margin:2px}.battle-card{width:min(64vw,245px);aspect-ratio:3/2.55;border:2px solid #9b783c;border-radius:14px;padding:5px;background:linear-gradient(145deg,#312615,#080706 24%,#111 75%,#392b16);box-shadow:0 0 0 2px #21180d,0 12px 30px #000b;overflow:hidden}.enemy-card{border-color:#7b6747}.boss{border-color:#b84b3c;box-shadow:0 0 0 2px #30110e,0 0 28px #721e1844}.art{height:65%;border:1px solid #5d4b2d;border-radius:8px;overflow:hidden;background:#111}.art img{width:100%;height:100%;object-fit:cover}.card-copy{text-align:center;padding:5px 3px;display:flex;flex-direction:column;gap:1px}.card-copy strong{color:#e4c67e;font-size:16px;letter-spacing:.05em}.card-copy span{font-size:11px;color:#b7aa91}.card-copy small{font:700 9px system-ui;color:#7f7667}.bar{width:min(68vw,260px);height:9px;background:#241010;border:1px solid #5c3a2e;border-radius:9px;overflow:hidden;margin-top:5px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#6f1717,#c44637);transition:width .15s}.bar.hero{background:#101b14;border-color:#3c573f}.bar.hero i{background:linear-gradient(90deg,#285b35,#6aa35d)}.bar-text{font:700 9px system-ui;color:#928878;margin-top:2px}.versus{text-align:center;color:#a78449;font-size:17px;font-weight:900;line-height:16px;text-shadow:0 0 12px #d2a24d66}.battle-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.energy{grid-column:1/-1;height:24px;position:relative;background:#17121f;border:1px solid #554267;border-radius:6px;overflow:hidden}.energy i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#3d2558,#8d5eb4);transition:width .2s}.energy span{position:absolute;inset:0;display:grid;place-items:center;font:800 10px system-ui;letter-spacing:.1em}.ultimate,.auto,.continue{min-height:42px;border:1px solid #81632e;border-radius:8px;color:#e9d6a8;background:linear-gradient(#312514,#171108);font-weight:800;font-size:11px;letter-spacing:.06em}.ultimate:disabled{opacity:.35}.auto{border-color:#474747;background:#151515;color:#9a9a9a}.auto.active{border-color:#876b39;color:#e1c27c}.result{position:fixed;inset:0;background:#050505e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:5}.result strong{color:#d6b36c;font-size:27px;letter-spacing:.13em;text-align:center}.continue{padding:0 28px}@media (max-height:720px){.battle-card{width:min(54vw,205px)}.combat-screen{gap:3px}.game-header{padding-bottom:5px}}