:root{--bg:#0a0a0c;--vermilion:#ff2200;--vermilion-soft:#ff5a3a;--gold:#ffce5a;--gold-accent:#c8960c;--gold-deep:#a35a06;--blade:#bcd0ff;--steel:#3b6fd4;--ok:#2b7a4b;--err:#c03a2b;--ink:#f4efe6;--ink-muted:#b8ad94;--ink-faint:#7d745f;--panel:#12100e;--panel-bd:rgba(200,150,12,.28);--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--sans);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#game{position:fixed;inset:0;display:block;width:100%;height:100%;background:var(--bg)}#hud{position:fixed;top:0;left:0;right:0;padding:calc(env(safe-area-inset-top) + 8px) 12px 0;pointer-events:none;z-index:5;display:flex;flex-direction:column;gap:7px;opacity:0;transition:opacity .3s}#hud.on{opacity:1}.row{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:13px;letter-spacing:.06em;text-shadow:0 0 8px rgba(255,34,0,.3)}.row .seg{display:flex;align-items:center;gap:6px;color:var(--ink-muted)}.row .seg b{color:var(--ink);font-weight:700}#scoreBig{font-size:16px;color:var(--ink);letter-spacing:.12em;text-shadow:0 0 14px rgba(255,206,90,.55),0 0 4px rgba(244,239,230,.5)}.bar{height:7px;border-radius:6px;background:#28241e99;overflow:hidden;box-shadow:inset 0 0 0 1px #c8960c38}.bar>i{display:block;height:100%;width:0%;border-radius:6px;transition:width .12s linear}#xpBar{height:3px;border-radius:3px;background:#28241e8c;box-shadow:none}#xpFill{border-radius:3px;background:linear-gradient(90deg,#c8960c,#ffce5a);box-shadow:0 0 6px #ffce5a80}#hpRow{display:flex;align-items:center;gap:7px;justify-content:flex-start}#hpRow .lbl{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--vermilion-soft);letter-spacing:.06em;min-width:22px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 0 6px rgba(255,34,0,.35)}#hpBar{flex:0 0 132px;height:8px;border-radius:3px;background:#28241e99;box-shadow:inset 0 0 0 1px #ff22004d;position:relative;overflow:hidden}#hpFill{border-radius:2px;background:linear-gradient(90deg,#d61c00,#ff5a3a);box-shadow:0 0 7px #ff220059}#hpBar:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:3px;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,rgba(10,10,12,.5) 20px,rgba(10,10,12,.5) 22px)}#feverRow{display:flex;align-items:center;gap:7px;justify-content:flex-start}#feverRow .fvLbl{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--gold-accent);letter-spacing:.06em;min-width:22px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#feverBar{flex:0 0 132px;height:5px;border-radius:3px;background:#28241e99;box-shadow:inset 0 0 0 1px #c8960c42;overflow:hidden}#feverFill{border-radius:3px;background:linear-gradient(90deg,#c8960c,#ffce5a);box-shadow:0 0 5px #ffce5a66}#feverRow.active .fvLbl{color:var(--gold);min-width:auto;text-shadow:0 0 10px rgba(255,206,90,.75)}#feverRow.active #feverBar{box-shadow:inset 0 0 0 1px #ffce5a80}#feverRow.active #feverFill{background:linear-gradient(90deg,#ff7a4a,#ffce5a);box-shadow:0 0 12px #ffce5acc;animation:feverPulse .6s ease-in-out infinite}@keyframes feverPulse{0%,to{opacity:.82}50%{opacity:1;filter:brightness(1.3)}}#enrageRow{display:flex;align-items:center;gap:7px;justify-content:flex-start}#enrageRow .fvLbl{font-family:var(--mono);font-size:11px;font-weight:700;color:#ff6a4a;letter-spacing:.06em;min-width:22px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}#enrageBar{flex:0 0 132px;height:5px;border-radius:3px;background:#281e1e99;box-shadow:inset 0 0 0 1px #ff33224d;overflow:hidden}#enrageFill{border-radius:3px;background:linear-gradient(90deg,#7a1414,#f32);box-shadow:0 0 6px #ff332280}#enrageRow.peak .fvLbl{color:#f32;text-shadow:0 0 10px rgba(255,51,34,.8)}#enrageRow.peak #enrageFill{box-shadow:0 0 12px #ff3322d9;animation:feverPulse .6s ease-in-out infinite}#tools{position:fixed;top:calc(env(safe-area-inset-top) + 8px);right:10px;z-index:7;display:flex;gap:8px;opacity:0;transition:opacity .3s;pointer-events:none}#tools.on{opacity:1;pointer-events:auto}.tbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-bd);background:var(--panel);color:var(--ink);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tbtn:active{transform:scale(.92)}.screen{position:fixed;inset:0;z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,#0c0a0c8c,#080709e6)}.screen.on{display:flex;animation:fade .35s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.title{font-family:var(--serif);font-weight:800;font-size:clamp(46px,17vw,108px);letter-spacing:.16em;color:var(--ink);line-height:1;background:linear-gradient(180deg,#fff4ec,#ffce5a 48%,#f20);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,34,0,.5)) drop-shadow(0 0 42px rgba(255,206,90,.32));animation:hue 8s linear infinite}@keyframes hue{0%,to{filter:drop-shadow(0 0 18px rgba(255,34,0,.5)) drop-shadow(0 0 42px rgba(255,206,90,.3))}50%{filter:drop-shadow(0 0 22px rgba(255,206,90,.45)) drop-shadow(0 0 46px rgba(255,34,0,.45))}}.sub{margin-top:10px;font-family:var(--mono);font-size:13px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase;text-shadow:0 0 12px rgba(255,206,90,.45);padding-left:.42em}.hint{margin-top:26px;max-width:340px;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--ink-muted);line-height:1.5}.hint .h{display:flex;align-items:center;gap:10px;justify-content:center}.hint .ic{width:26px;text-align:center;font-size:16px;filter:drop-shadow(0 0 6px rgba(255,206,90,.45))}.cta{margin-top:30px;padding:16px 46px;border:none;border-radius:14px;cursor:pointer;font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.22em;color:#0a0a0c;background:linear-gradient(120deg,#ffce5a,#c8960c);box-shadow:0 0 30px #ffce5a66,0 8px 24px #0000008c;transition:transform .12s,box-shadow .2s;animation:pulse 2.4s ease-in-out infinite}.cta:active{transform:scale(.95)}.cta[disabled]{opacity:.42;cursor:progress;animation:none;box-shadow:0 8px 24px #0000008c}.cta[disabled]:active{transform:none}@keyframes pulse{0%,to{box-shadow:0 0 28px #ffce5a5c,0 8px 24px #0000008c}50%{box-shadow:0 0 46px #ff220080,0 8px 24px #0000008c}}.credit{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 14px);font-size:11px;color:var(--ink-faint);font-family:var(--mono);letter-spacing:.14em}.charList{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px;margin-top:8px}.charCard{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:12px;cursor:pointer;border:1px solid var(--panel-bd);background:var(--panel);text-align:left;transition:transform .1s,border-color .2s,box-shadow .2s}.charCard:active{transform:scale(.97)}.charCard.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #ffce5a40}.charCard.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.charCard .cMark{flex:0 0 52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:26px;background:#ff220014;border:1px solid rgba(255,34,0,.28);color:var(--vermilion)}.charCard.locked .cMark{background:#28241e80;border-color:#786e5a4d;color:var(--ink-faint)}.charCard .cInfo{flex:1;min-width:0}.charCard .cTitle{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:.03em}.charCard .cTag{font-size:12px;color:var(--ink-muted);margin-top:4px;line-height:1.4}.charCard .cLock{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--gold-accent);text-transform:uppercase;margin-top:5px}.charPortrait{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:top center;border-radius:inherit}.charCard .cMark .charPortrait{box-shadow:inset 0 0 0 1px #ffce5a73}.charCard.sel .cMark .charPortrait{box-shadow:inset 0 0 0 2px var(--gold)}#levelup .lvTitle{font-family:var(--mono);font-size:13px;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;text-shadow:0 0 14px rgba(255,206,90,.55);margin-bottom:4px}#levelup .lvBig{font-family:var(--serif);font-weight:800;font-size:clamp(30px,9vw,52px);letter-spacing:.08em;color:var(--ink);filter:drop-shadow(0 0 16px rgba(255,206,90,.45));margin-bottom:22px}.cards{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px}.card{display:flex;align-items:center;gap:14px;padding:15px 16px;border-radius:12px;cursor:pointer;border:1px solid var(--panel-bd);background:var(--panel);text-align:left;transition:transform .1s,border-color .2s,box-shadow .2s}.card:active{transform:scale(.97)}.card .cIcon{flex:0 0 52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#ffce5a14;border:1px solid rgba(200,150,12,.3);box-shadow:0 0 18px #ffce5a2e inset}.card .cBody{flex:1;min-width:0}.card .cName{font-family:var(--mono);font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:.04em}.card .cEn{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.2em;text-transform:uppercase}.card .cDesc{font-size:12.5px;color:var(--ink-muted);margin-top:5px;line-height:1.45}.card .cLv{flex:0 0 auto;display:flex;gap:3px;align-self:flex-start;margin-top:2px}.pip{width:6px;height:6px;border-radius:50%;background:#786e5a4d}.pip.on{background:var(--gold);box-shadow:0 0 7px var(--gold)}.card.tCyan .cIcon{background:#ffce5a14;border-color:#c8960c59;color:var(--gold)}.card.tMag .cIcon{background:#ff22001a;border-color:#ff220052;color:var(--vermilion-soft)}.card.tViolet .cIcon{background:#3b6fd41f;border-color:#3b6fd459;color:var(--blade)}.card.tLime .cIcon{background:#e0962c1a;border-color:#e0962c59;color:#e0b060}.card.tAmber .cIcon{background:#ffce5a1f;border-color:#ffce5a59;color:var(--gold)}.card.card-unique{border-width:2px}.card.card-unique.tViolet{border-color:#a98bff8c;box-shadow:0 0 14px #a98bff2e}.card.card-unique.tAmber{border-color:#ffce5a8c;box-shadow:0 0 14px #ffce5a2e}.card.card-unique.tCyan{border-color:#7ae8d88c;box-shadow:0 0 14px #7ae8d82e}.card.card-unique.tMag{border-color:#ff5a8a8c;box-shadow:0 0 14px #ff5a8a2e}.card.card-unique .cIcon{padding:0;background-size:400% 400%;background-repeat:no-repeat;image-rendering:pixelated}.card.card-capstone{border-width:2px;border-color:#ffce5ad9;background:linear-gradient(135deg,#ffce5a1a,#ff22000f);box-shadow:0 0 22px #ffce5a66,0 0 8px #ffce5a80 inset}.card.card-capstone .cName{color:var(--gold);text-shadow:0 0 10px rgba(255,206,90,.5)}.card.card-capstone .cIcon{padding:0;background-size:cover;background-repeat:no-repeat;background-position:center;border-color:#ffce5ab3;box-shadow:0 0 16px #ffce5a73 inset}#gameover{justify-content:safe center;overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}#gameover .goTitle{font-family:var(--serif);font-weight:800;font-size:clamp(34px,11vw,66px);letter-spacing:.12em;color:var(--ink);background:linear-gradient(180deg,#ff7a4a,#f20);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,34,0,.5));margin-bottom:4px}#gameover .goSub{font-family:var(--mono);font-size:12px;letter-spacing:.36em;color:var(--gold);text-transform:uppercase;margin-bottom:22px}.goSeal{display:none}.goSeal.show{display:block;width:clamp(72px,18vw,110px);height:clamp(72px,18vw,110px);margin:0 auto 10px;background-repeat:no-repeat;background-size:200% 200%;image-rendering:auto;filter:drop-shadow(0 2px 6px rgba(10,10,12,.7)) drop-shadow(0 0 10px rgba(200,150,12,.25));animation:fade .35s ease}.goSeal-death{background-position:0% 0%}.goSeal-extract{background-position:100% 0%}.goSeal-victory{background-position:0% 100%}.goSeal-reward{background-position:100% 100%}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:360px;margin-bottom:8px}.stat{padding:13px 14px;border-radius:12px;border:1px solid var(--panel-bd);background:var(--panel);text-align:left}.stat .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--ink-faint);text-transform:uppercase}.stat .v{font-family:var(--mono);font-size:23px;font-weight:700;color:var(--ink);margin-top:3px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.stat .v small{font-size:12px;color:var(--ink-muted);font-weight:400;margin-left:3px}.stat.best{grid-column:1/3;background:#14110b;border-color:#ffce5a59}.stat.best .v{color:var(--gold);text-shadow:0 0 14px rgba(255,206,90,.45)}.stat.coin{background:#14110b;border-color:#ffce5a4d}.stat.coin .v{color:var(--gold);font-variant-numeric:tabular-nums}.stat.coin .earn{color:var(--ok);font-size:13px;margin-left:6px}.nextPull{grid-column:1/3;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--gold-accent);text-align:center;padding:6px 8px;margin-top:2px;border-top:1px solid var(--panel-bd)}#newrec{display:none;font-family:var(--mono);font-size:13px;letter-spacing:.3em;color:var(--gold);margin:6px 0 2px;text-shadow:0 0 14px rgba(255,206,90,.6);animation:pulse 1.6s infinite}.ctaRetry{margin-top:24px;background:linear-gradient(120deg,#f20,#c8960c);color:var(--ink);box-shadow:0 0 30px #ff220073,0 8px 24px #0000008c}@media (max-width:340px){.stat .v{font-size:19px}}.hubSettings{width:100%;max-width:380px;margin-top:16px}.optBtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-radius:11px;cursor:pointer;text-align:left;background:var(--panel);color:var(--ink-muted);border:1px solid var(--panel-bd)}.optBtn:active{transform:scale(.98)}.optBtn .optLbl{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;color:var(--ink)}.optBtn .optState{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;padding:3px 11px;border-radius:7px;color:var(--ink-faint);background:#28241e80;border:1px solid var(--panel-bd)}.optBtn.on{border-color:var(--gold)}.optBtn.on .optState{color:var(--gold);background:#ffce5a1a;border-color:#ffce5a59}.hubSettings .optBtn+.optBtn{margin-top:9px}.hubSettings .optNote{font-size:10px;color:var(--ink-faint);line-height:1.5;letter-spacing:.02em;margin-top:8px;padding:0 2px}.ctaSub{margin-top:14px;padding:12px 30px;font-size:14px;letter-spacing:.16em;background:var(--panel);color:var(--gold);border:1px solid var(--panel-bd);box-shadow:none;animation:none}.ctaSub:active{transform:scale(.95)}#hub{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top) + 26px);padding-bottom:calc(env(safe-area-inset-bottom) + 16px);overflow-y:auto}#hubCloseBtn{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:3;align-self:center;box-shadow:0 6px 18px #0009}.hubWallet{font-family:var(--mono);font-size:14px;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:14px}.hubWallet .hwLbl{color:var(--ink-faint);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-right:6px}.hubWallet b{color:var(--gold);font-size:20px;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(255,206,90,.4)}.hubTabs{display:flex;gap:8px;width:100%;max-width:380px;margin-bottom:14px}.hubTab{flex:1;padding:10px 8px;border-radius:10px;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.14em;background:var(--panel);color:var(--ink-muted);border:1px solid var(--panel-bd)}.hubTab.on{color:var(--gold);border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 16px #ffce5a33}.hubTab:active{transform:scale(.97)}.hubPanel{display:none;width:100%;max-width:380px}.hubPanel.on{display:block}.hubMode{display:flex;align-items:center;gap:8px;margin-bottom:12px}.hubMode .hmLbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.modeBtn{flex:1;padding:9px 8px;border-radius:9px;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.1em;background:var(--panel);color:var(--ink-muted);border:1px solid var(--panel-bd)}.modeBtn.on{color:var(--vermilion-soft);border-color:var(--vermilion);box-shadow:0 0 0 1px var(--vermilion),0 0 14px #ff220038}.modeBtn:active{transform:scale(.97)}.treeList{display:flex;flex-direction:column;gap:11px}.treeNode{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:12px;border:1px solid var(--panel-bd);background:var(--panel);text-align:left;transition:transform .1s,border-color .2s,box-shadow .2s}.treeNode:active{transform:scale(.98)}.treeNode .tnMark{flex:0 0 44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:21px;background:#28241e80;border:1px solid rgba(120,110,90,.3);color:var(--ink-faint)}.treeNode .tnInfo{flex:1;min-width:0}.treeNode .tnLabel{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.02em}.treeNode .tnDesc{font-size:11.5px;color:var(--ink-muted);margin-top:3px;line-height:1.4}.treeNode .tnCost{flex:0 0 auto;font-family:var(--mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;padding:5px 10px;border-radius:8px}.treeNode .tnCost.ok{color:var(--gold);background:#ffce5a1a;border:1px solid rgba(255,206,90,.35)}.treeNode .tnCost.no{color:var(--ink-faint);background:#28241e66;border:1px solid var(--panel-bd)}.treeNode .tnStatus{flex:0 0 auto;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase}.treeNode .tnStatus.done{color:var(--ok)}.treeNode .tnStatus.lock{max-width:118px;text-align:right;text-transform:none;letter-spacing:.02em;white-space:normal;line-height:1.3;color:var(--ink-faint)}.tnTier{font-family:var(--mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-accent);margin:6px 2px 1px;padding-bottom:5px;border-bottom:1px solid var(--panel-bd)}.tnTier:first-child{margin-top:0}.treeNode.purchased{border-color:#2b7a4b80;background:#0f130e}.treeNode.purchased .tnMark{background:#2b7a4b24;border-color:#2b7a4b66;color:var(--ok)}.treeNode.affordable{border-color:var(--vermilion);box-shadow:0 0 0 1px #ff220059,0 0 16px #ff220026;cursor:pointer}.treeNode.affordable .tnMark{background:#ff220014;border-color:#ff22004d;color:var(--vermilion)}.treeNode.unaffordable{opacity:.78}.treeNode.locked{opacity:.45;filter:grayscale(.4)}.codexList{display:flex;flex-direction:column;gap:11px}.codexCard{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:12px;border:1px solid var(--panel-bd);background:var(--panel);text-align:left}.codexCard.locked{opacity:.5;filter:grayscale(.5)}.codexCard .cxMark{flex:0 0 48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:24px;background:#ff220014;border:1px solid rgba(255,34,0,.28);color:var(--vermilion)}.codexCard .cxMark.locked{background:#28241e80;border-color:#786e5a4d;color:var(--ink-faint)}.codexCard .cxMark .charPortrait{box-shadow:inset 0 0 0 1px #ffce5a73}.codexCard .cxInfo{flex:1;min-width:0}.codexCard .cxName{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:.03em}.codexCard .cxName.silhouette{color:var(--ink-faint);letter-spacing:.3em}.codexCard .cxTag{font-size:11.5px;color:var(--ink-muted);margin-top:3px;line-height:1.4}.codexCard .cxTrait{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--gold-accent);margin-top:5px}.codexCard .cxTrait.cond{color:var(--ink-faint)}.loreProgress{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold-accent);text-transform:uppercase;margin-bottom:12px;text-align:left}.loreList{display:flex;flex-direction:column;gap:11px}.loreCard{display:flex;align-items:flex-start;gap:13px;padding:14px 15px;border-radius:12px;border:1px solid var(--panel-bd);background:var(--panel);text-align:left}.loreCard.locked{opacity:.55;filter:grayscale(.45)}.loreCard .lrMark{flex:0 0 40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#ffce5a14;border:1px solid rgba(200,150,12,.32);color:var(--gold)}.loreCard .lrMark.locked{background:#28241e80;border-color:#786e5a4d;color:var(--ink-faint)}.loreCard .lrInfo{flex:1;min-width:0}.loreCard .lrTitle{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.04em}.loreCard .lrTitle.silhouette{color:var(--ink-faint);letter-spacing:.3em}.loreCard .lrText{font-size:12.5px;color:var(--ink-muted);margin-top:6px;line-height:1.6;letter-spacing:.01em}.loreCard .lrText.cond{font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.04em;margin-top:5px}.dailyCard{display:flex;flex-direction:column;gap:13px;padding:16px;border-radius:12px;border:1px solid var(--panel-bd);background:var(--panel)}.dailyCard .dlHead{display:flex;align-items:center;gap:13px}.dailyCard .dlIcon{flex:0 0 48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ffce5a1a;border:1px solid rgba(200,150,12,.35);color:var(--gold)}.dailyCard .dlHeadTxt{flex:1;min-width:0}.dailyCard .dlTitle{font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:.03em}.dailyCard .dlDate{font-family:var(--mono);font-size:12px;color:var(--gold-accent);letter-spacing:.1em;margin-top:3px;font-variant-numeric:tabular-nums}.dailyCard .dlGoal{font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--ink-muted);padding:8px 11px;border-radius:9px;background:#28241e66;border:1px solid var(--panel-bd)}.dailyCard .dlRow{display:flex;gap:10px}.dailyCard .dlStat{flex:1;padding:11px 13px;border-radius:10px;border:1px solid var(--panel-bd);background:#28241e59;text-align:left}.dailyCard .dlK{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--ink-faint);text-transform:uppercase}.dailyCard .dlV{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--ink);margin-top:3px;font-variant-numeric:tabular-nums}.dailyCard .dlV.done{color:var(--ok);text-shadow:0 0 12px rgba(43,122,75,.4)}.dailyCard .dlReward{font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--gold);padding:8px 11px;border-radius:9px;background:#ffce5a14;border:1px solid rgba(255,206,90,.28)}.dailyCard .dlNote{font-size:10.5px;color:var(--ink-faint);line-height:1.5;letter-spacing:.02em}.ctaDaily{margin-top:4px;align-self:center;background:linear-gradient(120deg,#ffce5a,#c8960c);box-shadow:0 0 24px #ffce5a52,0 8px 24px #00000080}#unlockToast{position:fixed;left:50%;top:18%;transform:translate(-50%) translateY(-10px);z-index:30;opacity:0;pointer-events:none;font-family:var(--mono);font-size:13px;letter-spacing:.12em;color:#0a0a0c;font-weight:700;background:linear-gradient(120deg,#ffce5a,#c8960c);border-radius:10px;padding:10px 18px;box-shadow:0 0 30px #ffce5a80,0 8px 24px #00000080;transition:opacity .3s,transform .3s}#unlockToast.on{opacity:1;transform:translate(-50%) translateY(0)}#mutationSelect{justify-content:flex-start;padding-top:calc(env(safe-area-inset-top) + 22px);padding-bottom:calc(env(safe-area-inset-bottom) + 16px);overflow-y:auto}.mutHint{font-family:var(--mono);font-size:11.5px;letter-spacing:.07em;color:var(--ink-faint);margin-bottom:16px}.mutList{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px}.mutChip{display:flex;align-items:center;gap:13px;padding:14px 15px;border-radius:12px;cursor:pointer;border:1px solid var(--panel-bd);background:var(--panel);text-align:left;transition:transform .1s,border-color .2s,box-shadow .2s}.mutChip:active{transform:scale(.97)}.mutChip .mcMark{flex:0 0 44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#ff220014;border:1px solid rgba(255,34,0,.22);color:var(--vermilion)}.mutChip .mcInfo{flex:1;min-width:0}.mutChip .mcName{font-family:var(--serif);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.03em}.mutChip .mcDesc{font-size:12px;color:var(--ink-muted);margin-top:3px;line-height:1.4}.mutChip .mcYokai{flex:0 0 auto;font-family:var(--mono);font-size:13px;font-weight:700;color:var(--vermilion-soft);letter-spacing:.04em;padding:4px 9px;border-radius:7px;background:#ff220014;border:1px solid rgba(255,34,0,.22)}.mutChip.sel{border-color:var(--vermilion);box-shadow:0 0 0 1px #ff220080,0 0 20px #f203}.mutChip.sel .mcMark{background:#ff220029;border-color:#ff220080;color:var(--vermilion)}.mutChip.sel .mcYokai{color:var(--vermilion);background:#ff220024;border-color:#ff220073}.mutChip.maxed{opacity:.5;cursor:not-allowed}.mutYokai{display:flex;align-items:center;gap:10px;width:100%;max-width:380px;margin-top:18px}.mutYokai .myLbl{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);flex:0 0 auto}.mutYokai .myBar{flex:1;height:8px;border-radius:6px;background:#28241e99;overflow:hidden;box-shadow:inset 0 0 0 1px #ff220038}.mutYokai .myBar>i{display:block;height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,#f20,#ff7a4a);box-shadow:0 0 10px #ff22008c;transition:width .2s ease}.mutYokai .myVal{font-family:var(--mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--vermilion);letter-spacing:.06em;flex:0 0 auto;min-width:24px;text-align:right;text-shadow:0 0 10px rgba(255,34,0,.5)}.eqHeader{display:flex;align-items:center;gap:8px;padding:10px 0 12px;font-family:var(--mono);font-size:13px;letter-spacing:.06em}.eqRuneLbl{color:var(--ink-muted)}.eqHeader b{color:var(--gold);font-size:16px;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(255,206,90,.5)}.eqList{display:flex;flex-direction:column;gap:10px}.eqCard{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-bd)}.eqSlotName{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--ink);flex:0 0 42px;letter-spacing:.04em}.eqStars{font-size:13px;color:var(--gold);letter-spacing:.04em;flex:1;text-shadow:0 0 8px rgba(255,206,90,.45)}.eqPieces{font-family:var(--mono);font-size:10px;color:var(--ink-muted);flex:0 0 auto;letter-spacing:.06em}.eqBtn{flex:0 0 auto;padding:5px 10px;border-radius:8px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer;border:1px solid var(--vermilion);background:#ff220014;color:var(--vermilion);transition:background .15s}.eqBtn:active{background:#ff22002e}.eqBtn.insufficient{border-color:var(--panel-bd);color:var(--ink-faint);background:transparent;cursor:default}.eqBtn:disabled{border-color:var(--panel-bd);color:var(--ink-faint);background:transparent;cursor:default}.eqMaxed{flex:0 0 auto;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--ok);padding:4px 8px;border-radius:6px;background:#2b7a4b1f;border:1px solid rgba(43,122,75,.4)}#saveNote{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:20;display:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--ink-faint);background:var(--panel);border:1px solid var(--panel-bd);border-radius:8px;padding:5px 10px;max-width:90vw}#saveNote.on{display:block}.eqHeader{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:2px 0 10px;font-family:var(--mono);letter-spacing:.06em}.eqRuneLbl{color:var(--ink-muted);font-size:11px}#equipRuneBalance{color:var(--gold);font-weight:700;font-size:16px;text-shadow:0 0 10px rgba(255,206,90,.45);font-variant-numeric:tabular-nums}.eqList{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.eqCard{background:var(--panel);border:1px solid var(--panel-bd);border-radius:10px;padding:11px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #0006 inset}.eqCard.eqLocked{opacity:.5;filter:grayscale(.45)}.eqSlotName{color:var(--ink);font-weight:700;font-size:13px;letter-spacing:.04em}.eqStars{color:var(--gold);font-size:14px;letter-spacing:1px;line-height:1;text-shadow:0 0 8px rgba(255,206,90,.35)}.eqPieces{color:var(--ink-faint);font-size:10.5px;font-family:var(--mono);letter-spacing:.05em}.eqBtn{margin-top:2px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--ink);background:linear-gradient(180deg,#ff5a3a38,#ff220024);border:1px solid rgba(255,90,58,.5);border-radius:7px;padding:7px 8px;cursor:pointer;transition:filter .12s ease,opacity .12s ease}.eqBtn:active{filter:brightness(1.2)}.eqBtn.insufficient,.eqBtn:disabled{opacity:.4;cursor:default;background:#28241e80;border-color:var(--panel-bd);color:var(--ink-faint)}.eqMaxed{margin-top:2px;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gold);text-shadow:0 0 10px rgba(255,206,90,.5);padding:7px 0}.ctaResume{margin-top:14px;padding:14px 38px;font-size:16px;letter-spacing:.18em;background:linear-gradient(120deg,#3b6fd4,#1a3a7a);color:var(--ink);box-shadow:0 0 24px #3b6fd473,0 8px 24px #0000008c;animation:none}.ctaResume:active{transform:scale(.95)}#pauseMenu{position:fixed;inset:0;z-index:15;display:none;align-items:center;justify-content:center;background:#080709d1;backdrop-filter:blur(3px)}#pauseMenu.on{display:flex;animation:fade .22s ease}#pauseMenuInner{display:flex;flex-direction:column;align-items:center;padding:32px 28px;border-radius:18px;border:1px solid var(--panel-bd);background:var(--panel);min-width:240px;max-width:320px;gap:0}.pmTitle{font-family:var(--mono);font-size:13px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase;text-shadow:0 0 12px rgba(255,206,90,.45);margin-bottom:8px}.ctaSave{margin-top:14px;padding:12px 24px;font-size:13px;letter-spacing:.1em;background:var(--panel);color:var(--ink-muted);border:1px solid var(--panel-bd);box-shadow:none;animation:none}.ctaSave:active{transform:scale(.95)}.pmDailyNote{margin-top:12px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink-faint);text-align:center;padding:8px 12px;border-radius:8px;background:#ff22000f;border:1px solid rgba(255,34,0,.18)}.mcMark svg{display:block}.hint .ic{color:var(--gold)}.hint .ic svg{display:block;margin:0 auto}.eqList .eqCard{align-items:stretch}.eqTop{display:flex;align-items:center;gap:7px;width:100%}.eqTop .eqIcon{flex:0 0 auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--ink-faint);transition:color .2s}.eqTop .eqIcon svg{display:block}.eqTop .eqSlotName{flex:1 1 auto;min-width:0}.eqTop .eqStars{flex:0 0 auto;font-size:12px;letter-spacing:.5px}.eqIconLocked{opacity:.7}.eqEffect{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ink-muted)}.eqEffNow{color:var(--ink)}.eqEffNext{color:var(--gold-accent);font-size:10.5px}.eqTease{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--gold-accent)}.eqCard.eqG1 .eqIcon,.eqCard.eqG2 .eqIcon{color:var(--vermilion-soft)}.eqCard.eqG3 .eqIcon,.eqCard.eqG4 .eqIcon{color:#ff8a3a}.eqCard.eqG5 .eqIcon{color:var(--gold)}.eqCard.eqG1,.eqCard.eqG2{border-color:#ff5a3a66}.eqCard.eqG3,.eqCard.eqG4{border-color:#ff8a3a80}.eqCard.eqG5{border-color:#ffce5a8c;box-shadow:0 0 0 1px #ffce5a4d,0 1px 2px #0006 inset}