:root{--bg:#100d16;--bg-2:#17131f;--panel:#1d1826;--panel-2:#241d30;--line:#2f2740;--line-strong:#453a5c;--ink:#efe9f5;--dim:#a398b8;--faint:#6f6584;--ember:#ff9a3c;--ember-2:#ffc27a;--grove:#7bd88f;--tide:#6fb7ff;--stone:#c9bfa0;--blood:#ff6b6b;--gold:#ffd166;--radius:14px;--shadow:0 10px 30px #00000073}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(900px 520px at 15% -5%, #2a1c33 0%, transparent 60%), radial-gradient(700px 420px at 95% 100%, #241528 0%, transparent 55%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,DejaVu Sans,sans-serif;font-size:15px;line-height:1.5}#root{flex-direction:column;display:flex}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line-strong);background:var(--panel-2);border-radius:10px;padding:9px 16px;transition:border-color .15s,background .15s,transform 60ms}button:hover:not(:disabled){border-color:var(--ember);background:#2b2338}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,.card:focus-visible{outline:2px solid var(--ember-2);outline-offset:3px}button.primary{color:#241205;background:linear-gradient(#ff9a3c,#e97b23);border-color:#ffb166;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(#ffab57,#f08a2f)}button.ghost{border-color:var(--line);color:var(--dim);background:0 0}button.ghost:hover:not(:disabled){color:var(--ink)}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#00000047;align-items:center;gap:14px;padding:12px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:.3px;font-weight:700}.brand b{color:var(--ember)}.spacer{flex:1}.pill{border:1px solid var(--line);background:var(--panel);color:var(--dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:13px;display:inline-flex}.pill b{color:var(--ink);font-weight:600}.pill.hp b{color:var(--grove)}.pill.gold b{color:var(--gold)}.pill.tide b{color:var(--tide)}.pill.shield b{color:var(--stone)}.screen{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:26px 20px 46px}.screen.narrow{max-width:780px}h1.title{letter-spacing:-1px;margin:0 0 6px;font-size:clamp(30px,6vw,46px)}h1.title span{color:var(--ember)}.lead{color:var(--dim);max-width:62ch;margin:0 0 24px}h2.section{text-transform:uppercase;letter-spacing:1.6px;color:var(--faint);border-bottom:1px solid var(--line);margin:26px 0 12px;padding-bottom:8px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.meter{background:#ffffff12;border-radius:999px;height:9px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--grove), #a6ecb4);height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1);display:block}.meter.enemy>i{background:linear-gradient(90deg,#d84b4b,#ff8080)}.meter.gold>i{background:linear-gradient(90deg, #e0a800, var(--gold))}.meter-label{color:var(--dim);justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.meter-label b{color:var(--ink)}.map{justify-content:space-between;align-items:stretch;gap:0;padding:18px 4px 8px;display:flex;overflow-x:auto}.column{flex-direction:column;justify-content:center;gap:12px;min-width:108px;padding:0 8px;display:flex;position:relative}.column+.column:before{content:"";background:var(--line-strong);width:8px;height:1px;position:absolute;top:50%;left:-8px}.node{border:1px solid var(--line);background:var(--panel);text-align:center;color:var(--dim);border-radius:12px;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s,transform .1s}.node .glyph{font-size:19px;line-height:1.2;display:block}.node .name{letter-spacing:.4px;text-transform:uppercase;font-size:11.5px;display:block}.node:hover:not(:disabled){border-color:var(--ember);transform:translateY(-2px)}.node:disabled{opacity:.4;cursor:default}.node.current{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember), 0 0 22px #ff9a3c38;color:var(--ink)}.node.visited{opacity:.45}.node.avail{border-color:var(--line-strong);background:var(--panel-2);color:var(--ink)}.hand{flex-wrap:wrap;justify-content:center;gap:10px;min-height:168px;padding:8px 0;display:flex}.card{border:1px solid var(--line-strong);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#2b2438,#211b2c);border-radius:11px;flex-direction:column;justify-content:space-between;width:104px;height:152px;padding:9px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex;position:relative}.card:hover{transform:translateY(-6px)}.card.picked{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember), 0 12px 26px #ff9a3c33;transform:translateY(-10px)}.card .rank{letter-spacing:-1px;font-size:30px;font-weight:700;line-height:1}.card .suit{font-size:24px;line-height:1}.card .suitword{text-transform:uppercase;letter-spacing:1.2px;color:var(--faint);font-size:10.5px}.card .enh{text-transform:uppercase;letter-spacing:.5px;color:var(--ember-2);border-top:1px solid var(--line);padding-top:5px;font-size:9.5px}.card.s-ember{border-bottom:3px solid var(--ember)}.card.s-grove{border-bottom:3px solid var(--grove)}.card.s-tide{border-bottom:3px solid var(--tide)}.card.s-stone{border-bottom:3px solid var(--stone)}.battle-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=900px){.battle-grid{grid-template-columns:300px 1fr;align-items:start}}.enemy{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:18px;position:relative;overflow:hidden}.enemy h3{margin:0 0 3px;font-size:19px}.enemy .kind{color:var(--faint);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:12px;font-size:12px}.enemy .glyph{margin:6px 0 12px;font-size:54px;line-height:1}.enemy.boss{border-color:#5a3b6b;box-shadow:0 0 40px #8c50b42e}.preview{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:14px 16px}.preview .combo{text-transform:uppercase;letter-spacing:1.5px;color:var(--ember-2);font-size:13px}.preview .score{font-size:34px;font-weight:700;line-height:1.15}.preview .math{color:var(--dim);font-size:13px}.preview .armor-truth{color:var(--ember-2);margin-top:7px;font-size:13px;font-weight:600}.preview .empty{color:var(--faint);font-size:13.5px}.log{max-height:150px;color:var(--dim);flex-direction:column-reverse;gap:3px;font-size:12.5px;display:flex;overflow-y:auto}.log div:before{content:"· ";color:var(--faint)}.deck-tools{align-items:center;gap:8px;display:flex}.deck-count{color:var(--dim);flex:1;justify-content:space-between;gap:10px;padding:8px 10px;font-size:12px;display:flex}.deck-count b{color:var(--ink)}.reference-link{padding-inline:9px;font-size:12px}.overlay{z-index:20;background:#09070dc7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.deck-panel{width:min(960px,100%);max-height:min(760px,94vh);box-shadow:var(--shadow);overflow:auto}.deck-panel h2{margin:4px 0 0}.deck-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.deck-columns h3{color:var(--dim);margin:0 0 9px;font-size:14px}.deck-columns h3 span{color:var(--ink)}.mini-cards{flex-wrap:wrap;align-content:flex-start;gap:7px;display:flex}.mini-cards .card{cursor:default;border-radius:8px;width:66px;height:94px;padding:6px}.mini-cards .card:hover{transform:none}.mini-cards .card .rank{font-size:20px}.mini-cards .card .suit{font-size:16px}.mini-cards .card .suitword{font-size:8px}.mini-cards .card .enh{padding-top:3px;font-size:7px}.reference-heading{justify-content:space-between;align-items:flex-start}.reference-heading .title{margin-top:5px}.combo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;display:grid}.combo-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.combo-row b{color:var(--ember-2);white-space:nowrap}.reference-note{margin:13px 0 0;font-size:13px}.formula{background:var(--bg-2);color:var(--ember-2);border-radius:9px;margin:0;padding:12px}.budget-list{gap:10px;display:grid}.budget-list>div{align-items:center;gap:8px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.pop{animation:.32s cubic-bezier(.2,.9,.3,1.4) pop}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:.25s ease-in-out 2 shake}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}20%{opacity:1;transform:translate(-50%,-8px)scale(1.14)}60%{opacity:1;transform:translate(-50%,-46px)scale(1.02)}to{opacity:0;transform:translate(-50%,-78px)scale(1)}}.float-score{z-index:3;pointer-events:none;text-align:center;animation:1.15s cubic-bezier(.2,.8,.3,1) forwards rise;position:absolute;top:46%;left:50%}.float-score .n{letter-spacing:-1px;color:var(--gold);text-shadow:0 3px 14px #000000b3;font-size:40px;font-weight:800;display:block}.float-score .d{letter-spacing:1.4px;text-transform:uppercase;color:var(--ember-2);font-size:13.5px;font-weight:700;display:block}@keyframes hitflash{0%{box-shadow:inset 0 0 #ff5a5a00}30%{box-shadow:inset 0 0 70px 8px #ff5a5a80}to{box-shadow:inset 0 0 #ff5a5a00}}.enemy.hit{animation:.55s ease-out hitflash}.choices{gap:10px;display:grid}.choice{text-align:left;background:var(--panel);padding:14px 16px}.choice .label{font-weight:600}.choice .hint{color:var(--dim);margin-top:3px;font-size:13px;font-weight:400;display:block}.grid-3{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.tag{border:1px solid var(--line);color:var(--dim);text-transform:uppercase;letter-spacing:.7px;border-radius:999px;padding:3px 10px;font-size:11.5px;display:inline-block}.tag.warn{color:var(--ember-2);border-color:#7a4a1f}.tag.good{color:var(--grove);border-color:#2f6b3f}.dim{color:var(--dim)}.center{text-align:center}.mt{margin-top:16px}.big{letter-spacing:-1px;font-size:40px;font-weight:700}.gold{color:var(--gold)}.ember{color:var(--ember)}@media (width<=899px){.topbar{flex-wrap:wrap;gap:7px;padding:9px 12px}.topbar .brand{margin-right:auto}.topbar .spacer{display:none}.topbar .pill{padding:3px 8px;font-size:12px}.topbar button{padding:7px 10px}.screen{padding:20px 12px 34px}.battle-grid{gap:12px}.battle-grid>.col:first-child{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.battle-grid>.col:first-child>.panel{grid-column:1/-1}.enemy{padding:12px}.enemy .glyph{margin:4px 0 8px;font-size:42px}.preview{padding:10px}.preview .score{font-size:28px}}@media (width<=560px){body{font-size:14px}.topbar .pill:nth-of-type(n+3){display:none}.screen.narrow{padding-top:34px}.hand{gap:6px;min-height:130px}.card{width:72px;height:108px;padding:7px}.card .rank{font-size:24px}.card .suit{font-size:20px}.card .suitword{font-size:8px}.card .enh{font-size:7px}.battle-grid>.col:first-child{grid-template-columns:1fr}.battle-grid>.col:first-child>.panel{grid-column:auto}.deck-columns{grid-template-columns:1fr}.deck-columns>div{border-bottom:1px solid var(--line);padding-bottom:12px}.combo-list,.grid-3{grid-template-columns:1fr}.map{justify-content:flex-start;min-width:0;padding-inline:0}.column{min-width:92px;padding-inline:5px}.node{padding:8px 6px}.row{gap:8px}.reference-heading button{padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}