:root{--color-void:#07090e;--color-void-deep:#030408;--color-obsidian:#0f141d;--color-slate:#1a1f2e;--color-slate-light:#2b303c;--color-bone:#e8e6e1;--color-bone-dim:#9a9790;--color-cyan:#00f3ff;--color-cyan-glow:#00f3ff4d;--color-cyan-dim:#00f3ff1f;--color-gold:#ffb703;--color-gold-glow:#ffb7034d;--color-crimson:#e63946;--color-crimson-glow:#e639464d;--color-heal:#2ecc71;--color-heal-glow:#2ecc714d;--font-display:"Cinzel", serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--color-void);color:var(--color-bone);background-image:radial-gradient(at 20%,#00f3ff08 0%,#0000 50%),radial-gradient(at 80%,#e6394605 0%,#0000 50%);min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}button,input,select{font-family:inherit}button{cursor:pointer;touch-action:manipulation;border:none;outline:none}a{color:var(--color-cyan);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-void)}::-webkit-scrollbar-thumb{background:var(--color-slate-light);border-radius:3px}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--glow-color,var(--color-cyan-glow))}50%{box-shadow:0 0 20px var(--glow-color,var(--color-cyan-glow)), 0 0 40px var(--glow-color,var(--color-cyan-glow))}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-4px)}40%{transform:translate(4px)}50%{transform:translate(-2px)}60%{transform:translate(2px)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-60px)scale(1.2)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.04)}30%{transform:scale(1)}45%{transform:scale(1.02)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ether-drift{0%{opacity:0;transform:translateY(0)translate(0)}20%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(-100vh)translate(30px)}}.title-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.5rem;animation:.8s ease-out fade-in;display:flex;position:relative;overflow:hidden}.title-screen__particles{pointer-events:none;z-index:0;position:absolute;inset:0}.title-screen__particle{background:var(--color-cyan);opacity:0;border-radius:50%;width:3px;height:3px;animation:linear infinite ether-drift;position:absolute}.title-screen__logo{z-index:1;filter:drop-shadow(0 0 30px #00f3ff26);width:100%;max-width:560px;height:auto;margin-bottom:1.5rem;position:relative}.title-screen__subtitle{font-family:var(--font-display);color:var(--color-bone-dim);z-index:1;max-width:420px;margin-bottom:2.5rem;font-size:.85rem;font-style:italic;line-height:1.7;position:relative}.title-screen__actions{z-index:1;flex-direction:column;gap:.75rem;width:100%;max-width:320px;display:flex;position:relative}.title-screen__btn{font-family:var(--font-display);background:var(--color-obsidian);color:var(--color-bone);border:1px solid var(--color-slate-light);border-radius:var(--radius-md);letter-spacing:.05em;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.title-screen__btn:hover{border-color:var(--color-cyan);box-shadow:0 0 16px var(--color-cyan-glow), inset 0 0 12px var(--color-cyan-dim);color:var(--color-cyan)}.title-screen__btn:active{background:var(--color-slate);transform:scale(.96)}.title-screen__btn--primary{background:linear-gradient(135deg, var(--color-slate), var(--color-obsidian));border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan-dim)}.origin-select{flex-direction:column;align-items:center;min-height:100dvh;padding:2rem 1rem;animation:.6s ease-out fade-in;display:flex}.origin-select__title{font-family:var(--font-display);color:var(--color-gold);margin-bottom:.5rem;font-size:1.5rem}.origin-select__subtitle{color:var(--color-bone-dim);margin-bottom:2rem;font-size:.85rem}.origin-select__grid{grid-template-columns:1fr;gap:1rem;width:100%;max-width:600px;margin-bottom:2rem;display:grid}@media (width>=640px){.origin-select__grid{grid-template-columns:1fr 1fr}}.origin-card{background:var(--color-obsidian);border:1px solid var(--color-slate-light);border-radius:var(--radius-lg);cursor:pointer;padding:1.25rem;transition:all .25s;position:relative;overflow:hidden}.origin-card:before{content:"";background:var(--accent-color,var(--color-cyan));height:3px;position:absolute;top:0;left:0;right:0}.origin-card:hover{border-color:var(--accent-color,var(--color-cyan));transform:translateY(-2px);box-shadow:0 8px 24px #0006}.origin-card--selected{border-color:var(--accent-color,var(--color-cyan));box-shadow:0 0 20px var(--glow-color,var(--color-cyan-glow));transform:scale(1.02)}.origin-card--locked{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.origin-card__name{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.origin-card__title{color:var(--color-bone-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:.75rem}.origin-card__passive{color:var(--color-gold);margin-bottom:.5rem;font-size:.8rem;font-weight:500}.origin-card__desc{color:var(--color-bone-dim);margin-bottom:.75rem;font-size:.78rem;line-height:1.5}.origin-card__stats{font-family:var(--font-mono);gap:1rem;font-size:.75rem;display:flex}.origin-card__stat{align-items:center;gap:.25rem;display:flex}.origin-card__stat--hp{color:var(--color-crimson)}.origin-card__stat--armor{color:var(--color-cyan)}.origin-card__stat--stamina{color:var(--color-gold)}.origin-select__confirm{font-family:var(--font-display);background:linear-gradient(135deg, var(--color-slate), var(--color-obsidian));color:var(--color-gold);border:1px solid var(--color-gold);border-radius:var(--radius-md);letter-spacing:.08em;padding:1rem 2.5rem;font-size:1rem;font-weight:700;transition:all .2s}.origin-select__confirm:hover:not(:disabled){box-shadow:0 0 20px var(--color-gold-glow);transform:scale(1.03)}.origin-select__confirm:disabled{opacity:.3;cursor:not-allowed}.arena{flex-direction:column;min-height:100dvh;animation:.4s ease-out fade-in;display:flex}.arena--shake{animation:.4s ease-out shake}.arena__combatant{padding:1rem 1.25rem}.arena__combatant--enemy{background:linear-gradient(#e6394614 0%,#0000 100%)}.arena__combatant--player{background:linear-gradient(#0000 0%,#00f3ff0f 100%)}.arena__combatant-header{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.arena__combatant-name{font-family:var(--font-display);font-size:1rem;font-weight:700}.arena__combatant-title{color:var(--color-bone-dim);font-size:.7rem;font-style:italic}.stat-bar{background:var(--color-void-deep);border:1px solid var(--color-slate);border-radius:9px;height:18px;margin-bottom:.4rem;position:relative;overflow:hidden}.stat-bar__fill{border-radius:9px;height:100%;transition:width .5s ease-out;position:relative}.stat-bar__fill--hp{background:linear-gradient(90deg, var(--color-crimson), #ff6b7a)}.stat-bar__fill--hp-low{background:linear-gradient(90deg, #8b0000, var(--color-crimson));animation:1s ease-in-out infinite heartbeat}.stat-bar__fill--armor{background:linear-gradient(90deg, var(--color-slate-light), var(--color-cyan))}.stat-bar__label{font-family:var(--font-mono);color:var(--color-bone);text-shadow:0 1px 3px #000c;z-index:1;font-size:.65rem;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.stat-bar__icon{z-index:1;font-size:.65rem;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.stamina-bar{align-items:center;gap:4px;margin-bottom:.4rem;display:flex}.stamina-bar__label{font-family:var(--font-mono);color:var(--color-bone-dim);min-width:20px;margin-right:.5rem;font-size:.65rem}.stamina-pip{border:1px solid var(--color-gold);border-radius:3px;width:16px;height:16px;transition:all .3s}.stamina-pip--full{background:var(--color-gold);box-shadow:0 0 6px var(--color-gold-glow)}.stamina-pip--empty{opacity:.3;background:0 0}.status-effects{flex-wrap:wrap;gap:.4rem;display:flex}.status-badge{font-size:.65rem;font-family:var(--font-mono);border-radius:4px;padding:.15rem .5rem;font-weight:600}.status-badge--bleed{color:var(--color-crimson);border:1px solid var(--color-crimson);background:#e6394633}.status-badge--burn{color:var(--color-gold);border:1px solid var(--color-gold);background:#ffb70333}.status-badge--freeze{color:var(--color-cyan);border:1px solid var(--color-cyan);background:#00f3ff33}.status-badge--staggered{color:var(--color-bone);border:1px solid var(--color-bone-dim);background:#ffffff1a}.arena__clash-zone{flex:1;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative}.clash-text{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:900;animation:1.5s ease-out forwards float-up;position:absolute}.clash-text--player-wins{color:var(--color-gold)}.clash-text--enemy-wins{color:var(--color-crimson)}.clash-text--draw{color:var(--color-bone-dim)}.damage-number{font-family:var(--font-mono);font-size:1.8rem;font-weight:900;animation:1.2s ease-out forwards float-up;position:absolute}.damage-number--dealt{color:var(--color-gold)}.damage-number--taken{color:var(--color-crimson)}.damage-number--heal{color:var(--color-heal)}.action-panel{padding:.75rem 1rem;padding-bottom:calc(.75rem + var(--safe-bottom));background:linear-gradient(180deg, var(--color-obsidian), var(--color-void-deep));border-top:1px solid var(--color-slate);grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.action-btn{border-radius:var(--radius-md);min-height:54px;font-family:var(--font-body);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:.6rem .25rem;font-size:.72rem;font-weight:600;transition:all .15s;display:flex;position:relative}.action-btn:active:not(:disabled){filter:brightness(.8);transform:scale(.93)}.action-btn:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(.8)}.action-btn__icon{margin-bottom:.15rem;font-size:1.1rem}.action-btn__cost{font-family:var(--font-mono);opacity:.7;font-size:.6rem}.action-btn--wrath{border-color:var(--color-crimson);color:var(--color-crimson);background:#e6394626}.action-btn--riposte{border-color:var(--color-cyan);color:var(--color-cyan);background:#00f3ff1f}.action-btn--feint{border-color:var(--color-gold);color:var(--color-gold);background:#ffb7031f}.action-btn--guard{border-color:var(--color-slate-light);color:var(--color-bone);background:#2b303c80}.action-btn--focus{border-color:var(--color-bone-dim);color:var(--color-bone);background:#e8e6e10f}.action-btn--consumable{border-color:var(--color-heal);color:var(--color-heal);background:#2ecc711a}.combat-log{background:var(--color-void-deep);border-top:1px solid var(--color-slate);max-height:100px;padding:.5rem 1rem;font-size:.75rem;line-height:1.6;overflow-y:auto}.combat-log__entry{color:var(--color-bone-dim);border-bottom:1px solid #2b303c4d;padding:.2rem 0}.combat-log__turn{font-family:var(--font-mono);color:var(--color-slate-light);margin-right:.5rem;font-size:.65rem}.combat-log__highlight--damage{color:var(--color-crimson);font-weight:600}.combat-log__highlight--heal{color:var(--color-heal);font-weight:600}.combat-log__highlight--stance{color:var(--color-gold);font-weight:600}.campaign-map{flex-direction:column;align-items:center;min-height:100dvh;padding:1.5rem 1rem;animation:.6s ease-out fade-in;display:flex;overflow-y:auto}.campaign-map__header{font-family:var(--font-display);color:var(--color-gold);margin-bottom:.5rem;font-size:1.3rem}.campaign-map__act-label{font-family:var(--font-display);color:var(--color-cyan);text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--color-slate-light);border-radius:var(--radius-md);background:var(--color-obsidian);margin:1.5rem 0 .75rem;padding:.4rem 1.2rem;font-size:.85rem}.campaign-map__nodes{width:100%;max-width:400px;position:relative}.map-node{background:var(--color-obsidian);border:1px solid var(--color-slate);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s;display:flex}.map-node:hover:not(.map-node--locked):not(.map-node--completed){border-color:var(--color-cyan);box-shadow:0 0 12px var(--color-cyan-dim)}.map-node--current{border-color:var(--color-cyan);box-shadow:0 0 16px var(--color-cyan-glow);animation:2s ease-in-out infinite pulse-glow}.map-node--completed{opacity:.5;border-color:var(--color-slate)}.map-node--locked{opacity:.3;cursor:not-allowed;filter:grayscale(.5)}.map-node__icon{text-align:center;min-width:2rem;font-size:1.3rem}.map-node__info{flex:1}.map-node__name{font-family:var(--font-display);font-size:.85rem;font-weight:600}.map-node__desc{color:var(--color-bone-dim);font-size:.7rem}.map-node__status{font-size:.85rem}.map-connector{background:linear-gradient(180deg, var(--color-cyan-dim), transparent);width:2px;height:20px;margin:0 auto}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#030408d9;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-obsidian);border:1px solid var(--color-slate-light);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:85dvh;animation:.4s ease-out slide-in-bottom;position:relative;overflow-y:auto}.modal__header{border-bottom:1px solid var(--color-slate);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}.modal__title{font-family:var(--font-display);color:var(--color-gold);font-size:1.1rem}.modal__close{color:var(--color-bone-dim);background:0 0;padding:.25rem;font-size:1.3rem;transition:color .2s}.modal__close:hover{color:var(--color-crimson)}.modal__body{padding:1rem 1.25rem}.shop-shards{font-family:var(--font-mono);color:var(--color-gold);text-align:right;padding:.5rem 1.25rem;font-size:.85rem}.item-card{background:var(--color-void);border:1px solid var(--color-slate);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:border-color .2s;display:flex}.item-card:hover{border-color:var(--color-slate-light)}.item-card__rarity{border-radius:2px;flex-shrink:0;width:3px;height:100%;min-height:40px;margin-right:.75rem}.item-card__info{flex:1}.item-card__name{font-family:var(--font-display);margin-bottom:.2rem;font-size:.85rem;font-weight:600}.item-card__desc{color:var(--color-bone-dim);font-size:.7rem;line-height:1.4}.item-card__buy{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-slate);color:var(--color-gold);border:1px solid var(--color-gold);white-space:nowrap;margin-left:.5rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s}.item-card__buy:hover:not(:disabled){background:var(--color-gold);color:var(--color-void)}.item-card__buy:disabled{opacity:.3;cursor:not-allowed}.codex{flex-direction:column;height:100%;display:flex}.codex__tabs{border-bottom:1px solid var(--color-slate);flex-wrap:nowrap;gap:.25rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.codex__tab{font-size:.7rem;font-family:var(--font-body);border-radius:var(--radius-sm);color:var(--color-bone-dim);white-space:nowrap;background:0 0;padding:.35rem .8rem;font-weight:600;transition:all .2s}.codex__tab--active{background:var(--color-slate);color:var(--color-cyan)}.codex__content{flex:1;padding:1.25rem;overflow-y:auto}.codex__entry-title{font-family:var(--font-display);color:var(--color-gold);margin-bottom:.75rem;font-size:1.1rem}.codex__entry-body{color:var(--color-bone);font-size:.85rem;line-height:1.8}.codex__locked{color:var(--color-bone-dim);text-align:center;padding:2rem;font-style:italic}.codex__entry-list{list-style:none}.codex__entry-item{border-radius:var(--radius-sm);cursor:pointer;margin-bottom:.25rem;padding:.6rem .75rem;font-size:.82rem;transition:background .15s}.codex__entry-item:hover{background:var(--color-slate)}.codex__entry-item--active{background:var(--color-slate);color:var(--color-cyan)}.codex__entry-item--locked{color:var(--color-slate-light);cursor:default}.result-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.5rem;animation:.8s ease-out fade-in;display:flex}.result-screen__title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.result-screen__title--victory{color:var(--color-gold);text-shadow:0 0 30px var(--color-gold-glow), 0 0 60px var(--color-gold-glow)}.result-screen__title--defeat{color:var(--color-crimson);text-shadow:0 0 30px var(--color-crimson-glow)}.result-screen__boss{font-family:var(--font-display);color:var(--color-bone-dim);margin-bottom:2rem;font-size:1rem}.result-screen__stats{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:300px;margin-bottom:2rem;display:grid}.result-stat{background:var(--color-obsidian);border:1px solid var(--color-slate);border-radius:var(--radius-md);padding:.75rem}.result-stat__label{color:var(--color-bone-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:.65rem}.result-stat__value{font-family:var(--font-mono);color:var(--color-cyan);font-size:1.2rem;font-weight:700}.result-screen__shards{font-family:var(--font-mono);color:var(--color-gold);margin-bottom:2rem;font-size:1rem}.result-screen__actions{flex-direction:column;gap:.75rem;width:100%;max-width:280px;display:flex}.result-screen__btn{font-family:var(--font-display);border-radius:var(--radius-md);letter-spacing:.05em;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.result-screen__btn--continue{background:linear-gradient(135deg, var(--color-slate), var(--color-obsidian));color:var(--color-cyan);border:1px solid var(--color-cyan)}.result-screen__btn--continue:hover{box-shadow:0 0 20px var(--color-cyan-glow)}.result-screen__btn--share{background:var(--color-obsidian);color:var(--color-gold);border:1px solid var(--color-slate-light)}.result-screen__btn--share:hover{border-color:var(--color-gold)}@media (width>=768px){.action-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:600px;margin:0 auto}.arena__combatant,.combat-log{width:100%;max-width:600px;margin:0 auto}}