@charset "UTF-8";@font-face{font-family:ArcanaSerif;src:url(/fonts/arcana-serif.woff) format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:ArcanaSans;src:url(/fonts/arcana-sans.woff) format("woff");font-display:swap;font-weight:100 900}:root{color-scheme:dark;--ink: #090c16;--panel: #151827;--panel2: #1b1d2c;--gold: #d5ba87;--gold-bright: #f0dfb4;--line: #a78c5845;--muted: #b9b6bd;--text: #f1ecdf;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--serif: Georgia, ArcanaSerif, "Hiragino Mincho ProN", serif;--sans: -apple-system, BlinkMacSystemFont, ArcanaSans, "Hiragino Kaku Gothic ProN", sans-serif;font-family:var(--sans);font-size:14px;background:#050710;color:var(--text)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 10%,#202031,#050710 70%);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}button{color:inherit}p{line-height:1.8;margin:.65em 0}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.45;margin:0}h2{font-size:23px}h3{font-size:18px}h4{font-size:15px}small{font-size:12px}img{display:block;max-width:100%;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}svg{display:block;width:23px;height:23px;flex-shrink:0}input[type=text],select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:#101321;padding:10px 12px}input[type=range]{accent-color:var(--gold);min-height:44px;width:55%}input[type=checkbox]{width:22px;height:22px;accent-color:var(--gold);flex-shrink:0}label{display:block}label input,label select{margin-top:7px}code{word-break:break-all;display:block;background:#070912;padding:14px;font-size:13px}a{color:var(--gold-bright)}.app{position:relative;max-width:480px;min-height:100dvh;margin:0 auto;background:var(--ink);box-shadow:0 0 100px #000b;overflow-x:clip}.page{padding:24px 20px calc(102px + var(--safe-bottom));animation:page-in .22s ease;min-height:calc(100dvh - 66px)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 22px}.section-head h2{margin-top:5px}.eyebrow{font-family:var(--serif),serif;font-size:10px;letter-spacing:2.5px;color:var(--gold);line-height:1.5;display:block}.muted{color:var(--muted);font-size:12px}.button{min-height:46px;border:1px solid var(--line);border-radius:3px;padding:12px 18px;display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#1a1c2c;color:var(--text);font-size:14px;transition:transform .15s,background .15s,box-shadow .15s}.button:active,.char-card:active,.stage-card:active,.nav-item:active{transform:scale(.975)}.button.primary{background:linear-gradient(125deg,#eadab1,#b89a64);border-color:#dbc38e;color:#19151c;font-weight:650;box-shadow:inset 0 1px #fff6,0 4px 18px #a88b4c16}.button.ghost{background:#13162380;color:var(--gold-bright)}.button.small{font-size:12px;padding:9px 12px;min-height:44px}.button:not(.small):only-child{width:100%}.icon-button{border:0;background:transparent;width:44px;height:44px;padding:10px;display:grid;place-items:center;color:var(--gold)}.badge{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid var(--line);font-family:var(--serif),var(--sans);font-size:11px;letter-spacing:.6px;color:var(--gold-bright);background:#07091280;white-space:nowrap}.meter{height:6px;border-radius:4px;background:#ffffff0e;overflow:hidden}.meter>span{display:block;height:100%;background:linear-gradient(90deg,#ae9060,#e7d3a4);border-radius:inherit;transition:width .22s}.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:20px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;min-height:44px;padding:10px 18px;color:var(--muted);flex:1;font-size:13px}.tab.active{color:var(--gold-bright);border-bottom-color:var(--gold)}.compact-tabs .tab{padding:9px 5px;font-size:12px}.app-header{height:calc(68px + var(--safe-top));padding:var(--safe-top) 12px 0 18px;display:flex;align-items:center;gap:3px;background:linear-gradient(180deg,#090c18f5,#0d101be8);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.brand-button{border:0;background:transparent;padding:0 8px 0 0;color:var(--gold-bright);min-width:95px;height:50px;display:flex;align-items:center}.wordmark{font-family:var(--serif),serif;font-size:17px;letter-spacing:1.2px;display:block;line-height:1.1}.wordmark small{display:block;font-size:12px;letter-spacing:7px;padding-left:6px}.header-wallet{flex:1;padding-left:7px;min-width:0}.header-wallet small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.header-wallet strong{font:12px var(--serif),serif;white-space:nowrap;color:var(--gold-bright)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);height:calc(76px + var(--safe-bottom));padding:5px 8px calc(6px + var(--safe-bottom));background:#0c101def;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;z-index:20}.nav-item{flex:1;min-width:0;border:0;background:transparent;color:#9997a5;min-height:55px;padding:5px 2px}.nav-item>span{display:flex;align-items:center;flex-direction:column;gap:7px}.nav-item svg{width:22px;height:22px}.nav-item small{font-size:10px}.nav-item.active{color:var(--gold-bright);background:radial-gradient(ellipse at 50% 0%,#c4a77220,transparent 80%)}.nav-item.active:before{content:"";position:absolute;top:0;width:23px;height:2px;background:var(--gold);margin-left:-11px}.title-screen{height:100dvh;min-height:640px;position:relative;isolation:isolate;overflow:hidden;padding:calc(24px + var(--safe-top)) 24px calc(28px + var(--safe-bottom));display:flex;flex-direction:column;justify-content:space-between;align-items:center}.title-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 43%;inset:0;z-index:-3;filter:brightness(.78)}.title-shade{position:absolute;inset:0;background:linear-gradient(180deg,#030511bb,#04071010 40%,#070b16 90%);z-index:-2}.title-brand{text-align:center;color:#eee4cc;text-shadow:0 2px 24px #000;position:relative;padding-top:7px}.title-brand h1{font:38px var(--serif),serif;letter-spacing:7px;line-height:.95}.title-brand h1 span{display:block;font-size:56px;letter-spacing:17px;margin-left:14px;margin-top:8px}.title-brand p{font:8px var(--serif),serif;letter-spacing:4px;white-space:nowrap;margin:15px 0 8px}.title-brand small{font-size:11px;letter-spacing:4px}.title-ornament{font:36px var(--serif);color:var(--gold);display:block;margin-bottom:17px}.title-actions{width:100%;text-align:center}.title-actions>.button{width:100%;font-family:var(--serif);font-size:17px;letter-spacing:2px;height:58px}.title-actions>small{color:#8d8491;display:block;font:9px var(--serif);letter-spacing:1.2px;margin-top:20px}.starter-screen,.tutorial-screen{padding-top:calc(26px + var(--safe-top));padding-bottom:calc(35px + var(--safe-bottom));min-height:100dvh}.starter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.starter-grid .char-card{aspect-ratio:1/1.24}.starter-description{min-height:48px;font-size:13px}.starter-screen>.button,.tutorial-screen>.button{width:100%;margin-top:12px}.char-card.chosen{outline:2px solid var(--gold);box-shadow:0 0 25px #cfae6b25}.char-card.chosen:after{content:"SELECTED";position:absolute;top:45%;left:0;right:0;text-align:center;color:#fff7df;letter-spacing:3px;font:10px var(--serif);background:#0809148f;padding:5px}.tutorial-copy{font-size:14px;line-height:1.9}.practice-result{border:1px solid var(--line);padding:12px;font-size:12px;color:var(--gold-bright);margin:15px 0}.tutorial-diagram{min-height:270px;background:radial-gradient(#322b3f,#111522);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.tutorial-diagram svg{width:90px;height:90px;color:var(--gold);stroke-width:.6;margin-bottom:24px}.tutorial-diagram p{font:11px var(--serif);letter-spacing:2px;color:var(--gold-bright)}.home-page{padding-bottom:calc(93px + var(--safe-bottom));position:relative;background:linear-gradient(#0c101dcc,#0c101ddf),var(--home-bg) center/cover}.home-character{height:min(58dvh,525px);min-height:390px;position:relative;overflow:hidden;isolation:isolate}.home-character>.character-art{width:100%;height:100%;object-fit:cover;object-position:center 27%;animation:breathe 7s ease-in-out infinite;cursor:pointer}.home-character:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#09101c00 50%,#0a0e1cd9 79%,#0a0e1c),linear-gradient(90deg,#070b1840,transparent 15%,transparent 85%,#070b1840);pointer-events:none;z-index:1}.home-character-name{position:absolute;bottom:74px;left:22px;z-index:2}.home-character-name .badge{margin-right:9px}.home-character-name small{font-size:11px;color:#e7dcca;text-shadow:0 1px 5px #000}.home-character-name h2{font-size:27px;color:#f3e9d2;margin-top:6px;text-shadow:0 2px 8px #000}.home-line{position:absolute;bottom:15px;left:22px;right:22px;font:14px/1.8 var(--serif);margin:0;color:#e9dec9;z-index:2;text-shadow:0 1px 4px #000;min-height:40px}.gallery-small{position:absolute;top:16px;right:16px;z-index:3;border:1px solid #e3d0a255;color:#e9d8b5;background:#0e12249a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:44px;padding:9px 15px;font-size:11px;letter-spacing:1px}.home-cards{padding:0 18px}.daily-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:0 0 20px;gap:6px;text-align:center}.daily-strip>div+div{border-left:1px solid var(--line)}.daily-strip small{font:8px var(--serif);letter-spacing:1px;color:var(--muted);display:block;margin-bottom:7px}.daily-strip strong{font:20px var(--serif);color:var(--gold-bright)}.journey-card{width:100%;text-align:left;padding:18px;border:1px solid #b8965966;border-radius:3px;color:var(--text);background:linear-gradient(130deg,#2d293ba8,#161c2ddb);position:relative;overflow:hidden}.journey-card>span{display:flex;flex-direction:column;gap:8px}.journey-card strong{font:20px var(--serif)}.journey-card span>span{color:var(--muted);font-size:12px}.journey-card:after{content:"\203a";position:absolute;right:19px;top:35%;font:30px var(--serif);color:var(--gold)}.home-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.shortcut{border:1px solid var(--line);background:#16192980;padding:14px 3px;min-height:75px}.shortcut>span{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:10px;color:#d6cab0}.shortcut svg{color:var(--gold);width:20px;height:20px}.home-sparkles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 30% 20%,#fff1bcaa 0 1px,transparent 3px),radial-gradient(circle at 70% 65%,#fff1bc66 0 1px,transparent 4px),radial-gradient(circle at 50% 80%,#fff1bcaa 0 1px,transparent 3px);background-size:147px 193px,167px 259px,213px 299px;animation:sparkle 9s linear infinite;z-index:2}.effect-rose .home-sparkles{filter:hue-rotate(280deg)}.effect-ice .home-sparkles{filter:hue-rotate(150deg)}.home-character.affection>.character-art{animation:affection .5s ease,breathe 7s .5s ease-in-out infinite}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.char-card{padding:0;border:1px solid #b7a37b66;border-radius:3px;background:#14182a;aspect-ratio:1/1.54;position:relative;overflow:hidden;isolation:isolate;text-align:left;transition:transform .15s,box-shadow .2s}.char-card>img{width:100%;height:100%;object-fit:cover;object-position:center 23%}.char-card:before{content:"";position:absolute;inset:3px;border:1px solid #ebd7af30;z-index:3;pointer-events:none}.char-card .card-top{position:absolute;top:6px;left:5px;right:5px;display:flex;justify-content:space-between;z-index:2;gap:3px}.card-top .badge{min-height:20px;font-size:10px;padding:2px 4px}.card-top .element{color:var(--attribute)}.card-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#080b16e8 18%,#080b16);padding:18px 7px 10px;z-index:2;display:block}.card-bottom strong{font:12px/1.45 var(--serif);display:block;min-height:34px;overflow-wrap:anywhere}.card-bottom small{font:11px var(--serif),var(--sans);color:var(--gold);display:block;margin-top:5px}.rarity-N{border-color:#7f8399}.rarity-R{border-color:#8bba9a}.rarity-SR{border-color:#8cb6d7}.rarity-SSR{border-color:#c2a0d9}.rarity-UR{border-color:#e4c178;box-shadow:0 0 15px #d0a65816}.rarity-LR{border-color:#f0dab0;box-shadow:0 0 18px #e4b9652c}.char-card.rarity-LR:before{border-color:#d9bf7e77;background:linear-gradient(130deg,#efd6a32b,transparent 40%,#8d72b330);animation:legend-glint 5s infinite}.rarity-LR .rare{color:#fbebbd;border-color:#dfc381;background:linear-gradient(130deg,#49234a,#383021)}.rarity-UR .rare{color:#edd8a5}.awakened{box-shadow:0 0 20px #b697d450}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.filter-select>span{display:block;color:var(--muted);font-size:10px}.filter-select select{padding:8px 5px;font-size:11px;min-height:44px}.collection-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.secret-card{display:grid;place-items:center;background:radial-gradient(#282239,#0c1020);min-height:170px;color:var(--gold)}.secret-card span{display:flex;flex-direction:column;gap:16px;text-align:center;font-family:var(--serif)}.secret-card small{font-size:10px;letter-spacing:1px}.detail-hero{height:480px;position:relative;overflow:hidden;margin:-18px -18px 0;border-bottom:1px solid var(--line)}.detail-hero img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.detail-caption{position:absolute;bottom:0;left:0;right:0;padding:65px 22px 23px;background:linear-gradient(transparent,#111421)}.detail-caption .badge{margin-right:8px}.detail-caption h2{font-size:25px;margin:10px 0 6px}.detail-caption span{color:var(--muted);font-size:12px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;border-bottom:1px solid var(--line);text-align:center}.detail-stats small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.detail-stats strong{font:22px var(--serif);color:var(--gold-bright)}.level-section{padding:18px 0;border-bottom:1px solid var(--line)}.level-section>.meter{margin-top:12px}.skill-description{border:1px solid var(--line);padding:17px;margin-top:22px;background:#161827}.skill-description h3{margin-top:8px}.skill-description p{font-size:13px}.detail-dialog .modal-actions{display:grid;grid-template-columns:repeat(2,1fr)}.wardrobe{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.wardrobe>.button,.wardrobe>p{grid-column:1/-1}.wardrobe-item img{aspect-ratio:1/1.35;object-fit:cover}.wardrobe-item .button{width:100%;margin-top:8px}.wardrobe-item p{font-size:12px}.party-editor>select{margin:15px 0}.team-power{display:block;font:24px var(--serif);color:var(--gold-bright);margin:10px 0 20px}.party-edit-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:20px}.char-card.compact{aspect-ratio:1/1.8}.compact .card-bottom{padding:15px 5px 6px}.compact .card-bottom strong{font-size:9px;min-height:24px}.compact .card-bottom small{font-size:9px}.compact .card-top{top:4px;left:4px;right:4px}.compact .card-top .badge{font-size:8px;padding:2px 3px;min-height:15px}.empty-slot{aspect-ratio:1/1.8;min-height:112px;border:1px dashed var(--line);background:#131726;color:var(--gold);font:30px var(--serif)}.in-party{outline:1px solid var(--gold)}.party-editor>.button{width:100%}.chapter-banner{padding:27px 20px;margin:20px -1px;background-size:cover;background-position:50% 45%;border:1px solid var(--line)}.chapter-banner h2{margin:10px 0;font-size:24px}.chapter-banner p{color:#d2c4b3;font-size:11px}.stage-list{display:flex;flex-direction:column;gap:10px}.stage-card{width:100%;border:1px solid var(--line);background:linear-gradient(110deg,#17192a,#111525);padding:15px 12px;min-height:86px;text-align:left;border-radius:3px;color:var(--text)}.stage-card>span{display:flex;align-items:center;gap:13px}.stage-index{width:43px;flex-shrink:0;font:17px var(--serif);color:var(--gold)}.stage-info{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.stage-info strong{font:16px var(--serif)}.stage-info small{font-size:9px;letter-spacing:.2px;color:var(--muted)}.stage-status{font:24px var(--serif);color:var(--gold)}.stage-card.cleared .stage-status{font-size:17px}.stage-card.boss{border-color:#c1a06377;background:linear-gradient(110deg,#322432,#161728)}.stage-card.boss .stage-index{font-size:13px;letter-spacing:1px}.nightmare-intro{border:1px solid #a781a35c;padding:24px 20px;margin-bottom:24px;background:radial-gradient(at 80% 10%,#3a2045,#141626)}.nightmare-intro h3{margin:12px 0}.nightmare-intro p{font-size:12px;color:var(--muted)}.dungeon-page>.stage-card{margin-bottom:12px}.prepare-banner{padding:25px 20px;border:1px solid var(--line);background-size:cover;background-position:center;min-height:190px}.prepare-banner h3{font-size:22px;margin:15px 0}.prepare-banner p{font-size:13px}.preparation-info{padding:20px 0;margin-bottom:15px}.preparation-info>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:11px 0;border-bottom:1px solid #ffffff08}.preparation-info small{color:var(--muted);font-size:12px;flex-shrink:0}.preparation-info strong{font-size:13px;font-weight:500;text-align:right}.prepare-team{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-bottom:15px}.reward-note{padding:11px 14px;border-left:2px solid var(--gold);background:#d5ba870c;color:var(--gold-bright);font-size:12px}.support-select{display:flex;align-items:center;gap:12px;margin:23px 0;padding:15px;border:1px solid var(--line)}.support-select input{margin:0}.support-select span{font-size:12px;line-height:1.6}.battle-start{width:100%;height:54px}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.shop-item{border:1px solid var(--line);padding:10px;background:#151828;border-radius:3px}.shop-item>img{width:100%;aspect-ratio:1/1.25;object-fit:cover;margin-bottom:12px}.shop-item>.badge{font-size:9px}.shop-item h3{font-family:var(--sans);font-size:13px;line-height:1.6;margin:8px 0;min-height:40px}.shop-item>.button{width:100%;margin-top:9px}.price{display:block;font:14px var(--serif);color:var(--gold-bright);margin:8px 0}.cosmetic-sigil{height:185px;display:grid;place-items:center;background:radial-gradient(#4c3653,#14182a);margin-bottom:13px}.cosmetic-sigil svg{width:80px;height:80px;color:var(--gold);stroke-width:.75}.particle-preview{animation:legend-glint 5s infinite}.background-preview{width:100%;max-height:70dvh;object-fit:cover}.cosmetic-preview{text-align:center;padding:45px 20px}.cosmetic-preview svg{width:100px;height:100px;stroke-width:.5;margin:0 auto 24px;color:var(--gold)}.gacha-hero{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;min-height:390px;background:radial-gradient(ellipse at 50% 45%,#4c435d,#151829 65%,#10131e);padding:28px 15px;overflow:hidden}.gacha-hero>.summon-gate{height:240px;width:185px;margin:0 auto 28px;position:relative}.summon-gate{perspective:800px}.gate-aura{position:absolute;inset:-15%;background:radial-gradient(ellipse,#fbf3d744,#b6a9dd22 35%,transparent 65%);animation:gate-glow 4s ease-in-out infinite}.door{position:absolute;top:0;bottom:0;width:50%;border:2px solid #e9dcc4;background:linear-gradient(110deg,#9a94b1,#f5f1e0 30%,#cecad7 60%,#e9e6df);box-shadow:0 0 28px #fff0d744,inset 0 0 25px #67527944;transform-origin:left center;z-index:2;backface-visibility:hidden}.door:before{content:"";position:absolute;inset:9px;border:1px solid #a59379;border-radius:60% 60% 0 0;box-shadow:inset 0 0 0 4px #f2ead8}.door:after{content:"\2727";position:absolute;inset:40% 0 0;text-align:center;color:#6b5d63;font:36px var(--serif)}.door.left{left:0;border-radius:80% 0 0}.door.right{right:0;transform-origin:right center;border-radius:0 80% 0 0}.gate-crystal{position:absolute;width:30px;height:54px;left:calc(50% - 15px);top:33%;background:linear-gradient(110deg,#fff,#c6d7ff,#fff);clip-path:polygon(50% 0,100% 36%,80% 80%,50% 100%,20% 80%,0 36%);filter:drop-shadow(0 0 14px #fff);z-index:3;opacity:.9}.gacha-hero h3{font-size:29px;margin:12px 0}.gacha-hero p{font-size:12px;color:var(--muted);max-width:250px;margin:15px auto 0}.gacha-allowance{text-align:center;padding:25px 8px}.gacha-allowance strong{font:23px var(--serif);color:var(--gold-bright)}.gacha-allowance p{font-size:11px;color:var(--muted);margin-top:12px}.gacha-buttons{display:flex;gap:12px}.gacha-buttons>.button{flex:1;height:54px}.rates-button{width:100%;margin-top:20px}.rate-row{display:flex;justify-content:space-between;padding:12px 6px;border-bottom:1px solid var(--line)}.rate-row strong{font:20px var(--serif);color:var(--gold-bright)}.gacha-roster{margin-top:20px}.roster-item{display:flex;align-items:center;gap:12px;width:100%;min-height:45px;border:0;border-bottom:1px solid var(--line);padding:10px;background:transparent;text-align:left;font-size:12px}.new-badge{position:absolute;top:40px;right:6px;background:#d3b67a;color:#151321;z-index:5;font-size:8px}.results-grid{margin:18px 0}.summon-theatre{height:calc(100dvh - 135px - var(--safe-top) - var(--safe-bottom));min-height:400px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#4c435d,#101321 70%)}.summon-theatre>.summon-gate{position:absolute;width:60%;height:60%;top:12%;left:20%;transition:opacity .5s,transform .8s}.summon-theatre .door{transition:transform .75s,filter .8s}.summon-theatre.opening .door.left{transform:rotateY(-80deg);filter:brightness(1.9)}.summon-theatre.opening .door.right{transform:rotateY(80deg);filter:brightness(1.9)}.summon-theatre.opening .gate-aura{background:radial-gradient(#fffdf688,#eee4fd55,transparent 60%)}.crest-mark{position:absolute;top:42%;left:0;right:0;text-align:center;font:100px var(--serif);color:#eee3c3;opacity:0;z-index:7;filter:drop-shadow(0 0 30px #fff)}.summon-theatre.crest .crest-mark{animation:crest .65s both}.summon-theatre .gate-crystal{opacity:0;transition:opacity .2s,transform .5s}.summon-theatre.crystallizing .gate-crystal{opacity:1;transform:translateY(190px) scale(1.4)}.magic-circles{position:absolute;width:100%;height:80%;left:0;top:12%;pointer-events:none;z-index:4}.magic-ring{position:absolute;inset:calc(14% - var(--ring) * 2.4%);border:1px solid #dfd0b866;border-radius:50%;box-shadow:0 0 12px #fbe7ba22;transform:rotateX(65deg);animation:ring-spin calc(12s + var(--ring) * 2s) linear infinite}.magic-ring:nth-child(2n){border-style:dashed;border-width:2px;animation-direction:reverse}.summon-theatre[data-rarity=UR] .magic-ring,.summon-theatre[data-rarity=LR] .magic-ring{border-color:#f0d7abbb;box-shadow:0 0 19px #ebc49444}.summon-theatre[data-rarity=LR]{background:radial-gradient(#5e436c,#161221 65%)}.summon-character{position:absolute;inset:0 0 19%;z-index:5;opacity:0;transform:scale(1.08);transition:opacity .5s,transform .8s}.summon-character>img{width:100%;height:100%;object-fit:cover;object-position:center 24%;mask-image:linear-gradient(#000 65%,transparent)}.summon-caption{position:absolute;bottom:24px;left:15px;right:15px;text-align:center;z-index:8;color:var(--gold-bright)}.summon-caption h2{font-size:28px;margin-top:12px;text-shadow:0 3px 15px #000}.summon-caption p{font-size:10px;letter-spacing:1px}.summon-theatre.reveal>.summon-gate{opacity:.2}.summon-theatre.reveal .summon-character{opacity:1;transform:scale(1)}.summon-theatre.recrystal{animation:recrystal .6s both}.summon-theatre.first-legend{animation:legend-glint 1s 2}.summon-dialog .modal-content{padding:0}.summon-dialog .modal-top{height:52px}.summon-dialog .modal-actions{padding:14px 20px}.summon-dialog{max-height:100dvh}.fullscreen-app{height:100dvh;overflow:hidden}.battle-screen{height:100dvh;padding:calc(9px + var(--safe-top)) 12px calc(7px + var(--safe-bottom));display:flex;flex-direction:column;gap:5px;background:linear-gradient(180deg,#070a16b0,#0b1020c7),var(--battle-bg) center/cover;max-width:480px;overflow:hidden;position:relative}.battle-top{display:flex;align-items:center;min-height:44px;gap:8px}.battle-top>div{flex:1;min-width:0;text-align:center}.battle-top small{display:block;font:9px var(--serif);color:var(--gold);letter-spacing:1.5px}.battle-top strong{display:block;font:16px var(--serif);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:4px}.speed-button{min-width:44px;min-height:44px;background:#171c30bb;color:var(--gold);border:1px solid var(--line);font:15px var(--serif);border-radius:3px}.battle-floor{display:flex;justify-content:space-between;align-items:center;min-height:23px;color:var(--muted);font:10px var(--serif);letter-spacing:1px}.battle-floor .badge{font-size:9px;min-height:20px}.enemy-area{display:flex;gap:7px;min-height:110px;flex:1;max-height:190px;align-items:center;justify-content:center}.enemy{flex:1;max-width:230px;height:100%;min-height:110px;padding:4px 6px 6px;border:1px solid transparent;border-radius:4px;background:linear-gradient(transparent,#12172bbb);color:var(--text);position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:center}.enemy>div{position:relative}.enemy.targeted{border-color:#d4ba7d77;background:radial-gradient(ellipse at 50% 40%,#57433240,#15172b55 70%)}.enemy.targeted:before{content:"TARGET";position:absolute;top:4px;right:6px;font:7px var(--serif);letter-spacing:1px;color:var(--gold);z-index:2}.enemy.dead{opacity:.2;pointer-events:none}.enemy-art{height:75px;width:75px;object-fit:cover;object-position:center 17%;margin:0 auto 3px;border:1px solid var(--line);border-radius:50%;mask-image:linear-gradient(#000 80%,transparent)}.enemy-sigil{height:55px;display:grid;place-items:center;position:relative;margin:0 auto 5px;width:80px;color:#ae97c8}.enemy-sigil>span{font:25px var(--serif);text-shadow:0 0 17px currentColor}.enemy-sigil:before{content:"";position:absolute;inset:5px 14px;border:1px solid currentColor;transform:rotate(45deg);background:radial-gradient(#51416655,transparent)}.enemy-sigil:after{content:"";position:absolute;inset:0 19px;border:1px solid currentColor;transform:rotate(30deg);opacity:.25}.element-fire{color:#e97662}.element-ice{color:#8dcbdb}.element-wind{color:#a8cca1}.element-light{color:#e5d19c}.element-life{color:#dda9bd}.enemy-name{display:block;font:12px var(--serif);margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enemy-health{font:9px var(--serif);display:block;letter-spacing:.3px;margin:4px 0;color:#ded5c7}.enemy-meter{height:4px}.enemy-meter>span{background:linear-gradient(90deg,#924e62,#d68784)}.enemy .badge{font-size:8px;min-height:15px;padding:1px 4px;margin-top:4px}.danger-forecast{display:block;color:#ffc5a0;font-size:9px;line-height:1.4;background:#382533b3;padding:4px;margin-top:5px}.combo-banner{height:26px;min-height:26px;text-align:center;color:#958ca5;font:10px var(--serif);letter-spacing:2px;display:flex;align-items:center;justify-content:center}.combo-banner.active{color:#f2d79d;font-size:18px;letter-spacing:1px;text-shadow:0 0 20px #e2b45d44}.combo-banner small{font:10px var(--sans);color:#abcaaa;letter-spacing:0}.battle-party{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;height:79px;min-height:79px}.skill-slot{padding:0;border:1px solid #776d7655;background:#101526;border-radius:3px;position:relative;overflow:hidden;color:var(--muted);opacity:1!important}.skill-slot img{width:100%;height:78px;object-fit:cover;object-position:center 22%;opacity:.65}.skill-slot.ready{border-color:var(--gold);box-shadow:0 0 9px #c4a97433}.skill-slot.ready img{opacity:.95}.skill-slot>span{display:block}.skill-charge{position:absolute;bottom:19px;left:0;right:0;padding:3px 1px;font:9px var(--serif);background:#0c1022ce;text-align:center;color:var(--gold-bright)}.skill-slot small{position:absolute;bottom:2px;left:0;right:0;font-size:8px;text-align:center;background:#080c16bb;padding:2px}.skill-slot.ready .skill-charge{background:#af8e59;color:#110d18}.battle-health{display:flex;align-items:center;gap:10px;min-height:24px;margin:4px 1px}.battle-health .hp-meter{flex:1;height:7px}.hp-meter>span{background:linear-gradient(90deg,#61897b,#a9cab1)}.battle-health>div:last-child{min-width:102px;text-align:right}.battle-health>div>span{font:7px var(--serif);letter-spacing:1px;color:var(--muted);display:block}.battle-health strong{font:10px var(--serif);color:#eee5d4;display:block;margin-top:2px}.move-time{display:flex;align-items:center;gap:10px;min-height:22px}.move-time>span:first-child{font:8px var(--serif);letter-spacing:1.3px;color:var(--muted)}.move-time .meter{flex:1;height:3px}.move-time>span:last-child{font:11px var(--serif);color:var(--gold);width:29px;text-align:right}.puzzle-board{width:100%;aspect-ratio:6/5;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #85749e44;border-radius:5px;background:repeating-conic-gradient(#1c2237 0% 25%,#171c2f 0% 50%) 50% / calc(100% / 3) 40%;box-shadow:0 3px 18px #0006,inset 0 0 18px #0005;flex-shrink:0}.orb{position:absolute;left:calc(var(--x) * 100% / 6);top:calc(var(--y) * 100% / 5);width:calc(100% / 6);height:20%;border:0;background:transparent;color:#0b1520;font:21px var(--serif);display:grid;place-items:center;padding:4px;z-index:1;touch-action:none;outline-offset:-2px}.orb:before,.orb-ghost:before{content:"";position:absolute;inset:5px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#fff9 0%,var(--orb-color) 34%,color-mix(in srgb,var(--orb-color),#13182a 36%) 72%,#131829 100%);border:1px solid color-mix(in srgb,var(--orb-color),white 40%);box-shadow:inset 0 -4px 8px #0005,0 3px 7px #0008;z-index:-1}.orb:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff44;border-radius:50%;pointer-events:none}.orb.locked:after{content:"\25c7";position:absolute;inset:3px 4px auto auto;border:0;color:#fff3d6;font:13px var(--serif);text-shadow:0 2px 3px #000}.orb.poison:before{border:2px solid #8d4688;box-shadow:inset 0 0 10px #3f1435,0 0 8px #ac629277}.orb.poison{color:#591653}.orb.poison:after{content:"\6bd2";font:9px var(--sans);position:absolute;inset:auto 7px 8px auto;color:#f9d5fc;border:0;text-shadow:0 0 4px #2d132d}.orb.held{opacity:.25;transform:scale(.88)}.orb.vanish{animation:orb-pop .18s ease forwards}.puzzle-board.dragging{border-color:#c6ae7a88}.orb-ghost{position:fixed;left:0;top:0;display:none;width:62px;height:62px;z-index:200;pointer-events:none;border:0;border-radius:50%;opacity:.87;font:28px var(--serif);color:#152032;isolation:isolate;will-change:transform;filter:drop-shadow(0 0 7px #d2c2e8aa)}.orb-ghost:before{inset:1px}.puzzle-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;opacity:.5}.battle-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:37px}.battle-footer p{font-size:9px;color:var(--muted);margin:0}.support-button{font-size:10px;min-height:35px;min-width:55px;border:1px solid var(--line);background:#171d31;color:var(--gold);border-radius:3px}.battle-screen:after{content:attr(data-ailments);position:absolute;top:calc(78px + var(--safe-top));left:12px;color:#e9bc97;font-size:8px;pointer-events:none}.damage-number{position:absolute;top:38%;left:0;right:0;text-shadow:0 2px 3px #000;font:bold 22px var(--serif);color:#fff5d8;z-index:8;animation:damage-float .9s ease both;pointer-events:none}.damage-number.weak{color:#ffe19f;font-size:26px}.hit-shake{animation:shake .18s linear}.boss-transformation{height:70dvh;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:30px 15px;background:radial-gradient(#33234a,#080b14)}.boss-transformation>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(#000 40%,transparent);z-index:0}.boss-transformation>*:not(img){z-index:1}.boss-transformation h2{font-size:27px;margin:15px 0}.boss-symbol{font:130px var(--serif);color:#ddb898;opacity:.7;margin-bottom:70px}.victory-content{text-align:center;padding:25px 0}.victory-content h2{font:39px var(--serif);letter-spacing:8px;color:var(--gold-bright);margin:24px 0}.victory-rewards{display:flex;justify-content:center;gap:25px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0}.victory-rewards strong{font:19px var(--serif);color:var(--gold)}.story-screen{height:100dvh;position:relative;isolation:isolate;overflow:hidden;background-size:cover;background-position:center;padding-top:var(--safe-top)}.story-header{position:absolute;top:var(--safe-top);left:0;right:0;padding:18px 17px;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;background:linear-gradient(#080a19c9,transparent)}.story-header>div:first-child{flex:1}.story-header strong{display:block;font:12px/1.6 var(--serif);color:#e3d9c4;margin-top:5px}.story-header .eyebrow{font-size:9px;letter-spacing:1.5px}.story-controls{display:flex;gap:3px}.story-control{border:1px solid #cfb98e44;padding:9px 7px;min-height:44px;background:#10162499;color:#c2b591;font:9px var(--serif);letter-spacing:.5px;min-width:39px;border-radius:3px}.story-control.active{background:#c6a971;color:#13131d}.story-cg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.65;z-index:-1}.story-portrait{position:absolute;inset:15% 0 20%;transition:opacity .2s}.story-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 24%;mask-image:linear-gradient(#000 65%,transparent);animation:breathe 8s ease-in-out infinite}.expression-warm{filter:brightness(1.03)}.expression-calm{filter:brightness(.94)}.expression-soft{filter:brightness(.98)}.story-dialogue{position:absolute;bottom:0;left:0;right:0;padding:25px 23px calc(22px + var(--safe-bottom));min-height:230px;background:linear-gradient(#0b0e1de6,#0b0e1dfc 30%);border-top:1px solid var(--line);box-shadow:0 -8px 55px #0005}.story-dialogue:before{content:"";position:absolute;inset:6px 7px;border:1px solid #9f895626;pointer-events:none}.story-speaker{color:var(--gold-bright);font:18px var(--serif);display:block;padding-bottom:10px}.story-body{font:16px/1.9 var(--serif);color:#f1ebdf;min-height:85px;margin:0 0 14px;letter-spacing:.2px}.story-bottom{display:flex;justify-content:space-between;align-items:center}.story-counter{font:10px var(--serif);color:#8b8294}.story-next{min-height:44px;border:0;padding:9px 15px;background:transparent;color:var(--gold-bright);font:14px var(--serif)}.story-choice{width:100%;min-height:44px;border:1px solid var(--line);background:#242437;color:var(--gold-bright);padding:10px;margin:5px 0;text-align:left;font-size:12px}.scene-shake{animation:shake .45s}.scene-flash:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:#fff4d7;animation:flash .65s both}.scene-dark:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:#03020a;animation:darken .8s both}.story-log>div{border-bottom:1px solid var(--line);padding:12px 0}.story-log strong{color:var(--gold);font-size:13px}.story-log p{font-size:13px}.archive-list{display:flex;flex-direction:column;gap:10px}.archive-item{border:1px solid var(--line);background:#161a2b;min-height:75px;text-align:left;padding:15px;color:var(--text)}.archive-item small{display:block;color:var(--gold);font:9px var(--serif);letter-spacing:1px;margin-bottom:8px}.archive-item strong{font:14px var(--serif)}.modal{padding:0;background:#111523;border:1px solid #ad935966;color:var(--text);border-radius:5px;width:min(calc(100% - 28px),440px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 28px);overflow:auto;box-shadow:0 15px 100px #000c;-webkit-overflow-scrolling:touch}.modal::backdrop{background:#03050dcc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 9px 20px;border-bottom:1px solid var(--line);background:#111523;position:sticky;top:0;z-index:12;min-height:54px}.modal-top h2{font:15px var(--serif),var(--serif);letter-spacing:1px;max-width:calc(100% - 50px)}.modal-content{padding:18px;overflow-wrap:anywhere}.modal-actions{padding:0 18px 18px;display:flex;gap:10px;flex-wrap:wrap;background:#111523}.modal-actions>.button{flex:1;min-width:110px}.modal-actions:empty{display:none}.modal-content>.button{width:100%;margin:7px 0}.gallery-dialog{width:min(100%,480px);height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0 auto;padding:var(--safe-top) 0 var(--safe-bottom);background:#05070d}.gallery-dialog .modal-top{background:#05070d;border:0;height:55px}.gallery-dialog .modal-content{padding:0;height:calc(100% - 55px)}.gallery-stage{width:100%;height:100%;display:grid;place-items:center}.gallery-stage img{width:100%;height:100%;object-fit:contain}.cinematic-dialog{width:min(100%,480px);border:0;background:#090b16}.cinematic-dialog .modal-top{display:none}.cinematic-dialog .modal-content{padding:0}.summon-dialog{width:min(100%,480px);margin:0 auto;border:0;border-radius:0;height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.settings-list>.button{width:100%;margin:7px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;border-bottom:1px solid #ffffff0b;font-size:13px}.setting-row select{width:45%;font-size:12px}.setting-row input{margin:0}.settings-list h3{margin:28px 0 12px}.profile-editor>label{margin:20px 0;font-size:12px;color:var(--muted)}.friend-my-id{border:1px solid var(--line);padding:20px;text-align:center;background:#1b1b2b;margin-bottom:20px}.friend-my-id small{display:block;font:10px var(--serif);letter-spacing:2px;color:var(--gold)}.friend-my-id strong{display:block;font:25px var(--serif);letter-spacing:4px;margin:17px 0}.friend-search{display:flex;align-items:center;gap:10px;margin:20px 0}.friend-search input{flex:1;min-width:0}.friends-content h3{margin:25px 0 12px}.friend-card{border:1px solid var(--line);padding:15px;margin:12px 0;background:#181c2b}.friend-card strong{font:17px var(--serif)}.friend-card p{font-size:12px;color:var(--muted)}.friend-card .button{margin-top:8px}.recovery-code{color:var(--gold-bright);font-size:12px}.guide-content h3{margin:25px 0 12px}.guide-content h4{color:var(--gold);margin:17px 0 0}.guide-content p{font-size:13px}.guide-content .section-head h2{font-size:22px}.toast{padding:13px 18px;border:1px solid var(--line);background:#171b2df5;color:#f1e4c8;border-radius:4px;box-shadow:0 5px 25px #0008;font-size:12px;line-height:1.6;animation:page-in .2s ease;pointer-events:none;max-width:calc(100vw - 32px);margin:8px auto;text-align:center}#toasts{position:fixed;z-index:500;top:calc(70px + var(--safe-top));left:50%;transform:translate(-50%);width:min(100% - 30px,420px);pointer-events:none}.update-notice{position:fixed;left:50%;transform:translate(-50%);bottom:calc(90px + var(--safe-bottom));z-index:120;background:#1d2137;border:1px solid var(--gold);padding:12px 16px;width:min(90%,420px);box-shadow:0 4px 50px #000;display:flex;align-items:center;gap:12px}.update-notice p{font-size:12px;margin:0;flex:1}.orientation-notice{display:none}.loading-screen{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-gate{width:75px;height:100px;border:1px solid var(--gold);border-radius:50% 50% 0 0;position:relative;animation:gate-glow 2s ease-in-out infinite}.loading-gate:before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--gold)}.loading-screen p{font:12px var(--serif);letter-spacing:3px;color:var(--gold);margin-top:30px}@keyframes breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.015) translateY(-3px)}}@keyframes affection{50%{transform:scale(1.028)}}@keyframes sparkle{to{background-position:0 -193px,0 -259px,0 -299px}}@keyframes legend-glint{0%,to{filter:brightness(1)}50%{filter:brightness(1.13)}}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gate-glow{0%,to{opacity:.7}50%{opacity:1;filter:brightness(1.2)}}@keyframes ring-spin{to{transform:rotateX(65deg) rotate(360deg)}}@keyframes crest{0%{opacity:0;transform:scale(.5)}30%{opacity:.9}to{opacity:0;transform:scale(1.3)}}@keyframes recrystal{45%{filter:brightness(3)}to{filter:brightness(1)}}@keyframes orb-pop{to{transform:scale(.1);opacity:0}}@keyframes damage-float{0%{opacity:0;transform:translateY(5px) scale(.85)}20%{opacity:1;transform:translateY(-5px) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(-35px)}}@keyframes shake{20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes flash{0%{opacity:0}15%{opacity:.8}to{opacity:0}}@keyframes darken{30%{opacity:.9}to{opacity:0}}@media(max-height:750px){.battle-screen{gap:3px;padding-top:calc(3px + var(--safe-top))}.battle-top{min-height:40px}.battle-party{height:65px;min-height:65px}.skill-slot img{height:65px}.enemy-area{min-height:95px;max-height:135px}.enemy{min-height:95px}.enemy-art{height:49px;width:49px}.enemy-sigil{height:36px}.enemy-sigil>span{font-size:21px}.enemy-name{font-size:10px}.enemy-health{font-size:8px}.danger-forecast{font-size:8px;padding:2px}.combo-banner{height:22px;min-height:22px}.battle-footer{min-height:30px}.story-body{font-size:15px;line-height:1.75}.story-dialogue{min-height:210px;padding-top:19px}.home-character{height:53dvh;min-height:340px}}@media(max-width:360px){.page{padding-left:15px;padding-right:15px}.app-header{padding-left:12px}.brand-button{min-width:84px}.wordmark{font-size:15px}.filters{gap:6px}.char-card .card-bottom strong{font-size:11px}.battle-screen{padding-left:8px;padding-right:8px}.orb{font-size:19px}.home-character-name h2{font-size:24px}}@media(min-width:600px){body{background:radial-gradient(ellipse at top,#292435,#050710 70%)}.app:before{content:"";position:fixed;top:0;bottom:0;left:calc(50% - 241px);width:1px;background:#b69c5c22;pointer-events:none;z-index:500}.app:after{content:"";position:fixed;top:0;bottom:0;right:calc(50% - 241px);width:1px;background:#b69c5c22;pointer-events:none;z-index:500}}@media(orientation:landscape)and (max-height:550px){.orientation-notice{display:flex;position:fixed;inset:0;background:#0b101df5;z-index:600;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.orientation-notice h2{color:var(--gold-bright);font:25px var(--serif);letter-spacing:3px}.orientation-notice p{color:var(--muted);font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation:none!important;transition:none!important}:root[data-quality=LOW] .home-sparkles,:root[data-quality=LOW] .magic-ring:nth-child(n+3){display:none}:root[data-quality=LOW] .character-art{animation:none}:root[data-quality=LOW] .modal::backdrop,:root[data-quality=LOW] .app-header,:root[data-quality=LOW] .bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none}.title-brand h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.title-brand p{margin-top:12px}.title-brand small{color:#ead8b5}.title-brand{padding-top:5px}.title-ornament{font-size:31px;margin-bottom:14px}.battle-screen{gap:3px;padding-top:calc(5px + var(--safe-top));padding-bottom:calc(5px + var(--safe-bottom))}.battle-floor{min-height:20px}.enemy-area{min-height:76px;max-height:175px}.enemy{min-height:76px}.enemy-art{height:44px;width:44px}.enemy-sigil{height:30px;width:62px;margin-bottom:3px}.enemy-sigil>span{font-size:21px}.enemy-name{font-size:12px}.enemy-health{font-size:10px;margin:3px 0}.enemy .badge{position:absolute;bottom:4px;left:3px;background:#111425e6}.danger-forecast{position:absolute;top:4px;left:1px;right:1px;margin:0;padding:4px 2px;font-size:9px;background:#432738f0;z-index:3}.enemy:has(.danger-forecast) .enemy-art,.enemy:has(.danger-forecast) .enemy-sigil{opacity:.25}.combo-banner{height:22px;min-height:22px}.battle-party{height:65px;min-height:65px}.skill-slot img{height:65px}.battle-health{min-height:20px;margin:2px 1px}.move-time{min-height:18px}.battle-footer,.support-button{min-height:32px}.battle-screen>.puzzle-board{width:min(100%,calc((100dvh - 440px - var(--safe-top) - var(--safe-bottom)) * 1.2));min-width:264px;align-self:center}.battle-footer,.support-button{min-height:44px}.guide-keyart{width:100%;border:1px solid var(--line);margin:8px 0 18px}.gacha-buttons{flex-wrap:wrap}.gacha-buttons>.button{min-width:130px;flex:1}