@charset "UTF-8";
@font-face{font-family:Philosopher;src:url('assets/fonts/Philosopher-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Condensed;src:url('assets/fonts/RobotoCondensed.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ground:#111e24;--surface:#1b2c32;--raised:#243940;--ink:#ece9d9;--muted:#afbebc;--line:#456064;--metal:#d6b47a;--coral:#bc654d;--jade:#94b494;--display:Philosopher,Georgia,serif;--body:Condensed,"Arial Narrow",sans-serif;color:var(--ink);background:#0a1319;font-family:var(--body);font-synthesis:none;font-size:15px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.46}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--metal);outline-offset:4px}button{border:0}button,a,input{caret-color:var(--metal)}::selection{background:var(--metal);color:var(--ground)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#59706f}::-webkit-scrollbar-track{background:var(--ground)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;text-wrap:balance;line-height:1.12}h1{font-size:32px}h2{font-size:27px}h3{font-size:21px}p{line-height:1.45}a{color:var(--metal);text-underline-offset:3px}svg{display:block}.icon{width:22px;height:22px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.small-icon{width:16px;height:16px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.stack{display:grid;gap:0}.muted{color:var(--muted)}.eyebrow{display:none}.caption{font-size:12px;line-height:1.45}.space-top{margin-top:20px}.center{text-align:center}.hidden{display:none!important}
#app{max-width:500px;min-height:100dvh;margin:auto;background:var(--ground);position:relative}.shell{padding-bottom:calc(80px + env(safe-area-inset-bottom));min-height:100dvh}.topbar{display:flex;align-items:center;gap:9px;padding:calc(10px + env(safe-area-inset-top)) 15px 10px;background:#15282d;border-bottom:1px solid var(--line);color:var(--ink);min-height:62px}.brand-mark{width:36px;height:36px;border:1px solid var(--metal);display:grid;place-items:center;color:var(--metal);font-family:var(--display);font-size:24px;flex:none}.identity{flex:1;min-width:0}.identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600}.identity span{font-size:11px;color:var(--muted)}.currency{color:var(--metal);font-weight:650;font-size:16px;display:flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.round-btn{width:42px;height:42px;display:grid;place-items:center;background:transparent;color:var(--ink);border:1px solid #62807d66;flex:none}.page{padding:23px 18px}.page-title{margin-bottom:20px}.page-title h2{font-size:30px}.page-title p,.page-sub{font-size:14px;margin-top:9px;color:var(--muted);line-height:1.45}.panel{padding:17px 0;border-bottom:1px solid var(--line);background:none;border-radius:0}.panel+.panel{margin-top:0}.btn{min-height:48px;padding:12px 19px;background:var(--metal);color:#162329;font-weight:750;letter-spacing:.1px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;border:1px solid #f5dbaa;border-bottom:3px solid #82643d;border-radius:3px}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px);border-bottom-width:2px}.btn.secondary{background:#30484a;border:1px solid #73918b;border-bottom:3px solid #18292c;color:var(--ink)}.btn.coral{background:var(--coral);border-color:#e1987c;border-bottom-color:#713e31;color:#fff6e8}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.full{width:100%}.btn.compact{min-height:42px;padding:8px 12px;font-size:14px}.btn.danger{background:#91483e;color:white;border-color:#b46c5c}.text-btn{min-height:44px;background:transparent;color:var(--metal);font-weight:650;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.divider{height:1px;background:var(--line);margin:18px 0}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 0;color:var(--jade);font-size:12px;font-weight:600}.tag.gold{color:var(--metal)}.tag.red{color:#e49b8a}.portrait,.world{width:100%;height:100%;display:block;overflow:hidden;background:#17382e}.portrait-wrap{overflow:hidden;display:block;flex:none}.portrait-wrap.tiny{width:44px;height:44px}.portrait-wrap.medium{width:64px;height:64px}.portrait-wrap.large{width:140px;height:140px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(500px,100%);z-index:20;background:#14262c;border-top:1px solid #7e8c7966;display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.nav button{flex:1;color:#afbebc;background:none;display:grid;justify-items:center;gap:5px;min-height:50px;font-size:12px;font-weight:600;border-top:2px solid transparent}.nav button.active{color:var(--metal);border-top-color:var(--metal)}.nav .icon{width:23px;height:23px}.hero-scene{height:clamp(265px,43dvh,380px);position:relative;overflow:hidden;background:#26433f}.hero-scene>.world{position:absolute;inset:0}.scene-label{position:absolute;bottom:0;left:0;right:0;padding:42px 19px 18px;background:linear-gradient(transparent,#102027f5);color:var(--ink)}.scene-label h1{font-size:34px}.scene-label h3{font-size:27px}.home-intro{display:none}.home-main{padding:0 18px 18px;display:flex;flex-direction:column}.home-main .mission{order:-1}.mission{padding:0 0 19px;position:relative}.mission h2{font-size:22px;margin:7px 0}.mission p{color:var(--muted);font-size:13px}.mission .btn{margin-top:15px;font-size:20px;min-height:54px}.mission-progress{display:flex;gap:3px;margin-top:14px}.mission-progress span{height:3px;flex:1;background:#405652}.mission-progress span.done{background:var(--metal)}.tile-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shortcut{background:transparent;padding:16px 9px;text-align:left;min-height:88px;color:var(--ink);position:relative}.shortcut:first-child{border-right:1px solid var(--line)}.shortcut .icon{position:absolute;right:10px;top:17px;color:var(--metal);width:23px;height:23px}.shortcut strong{display:block;font-family:var(--display);font-size:20px;padding-right:23px}.shortcut span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.checkin{display:flex;gap:12px;align-items:center;padding:16px 0}.checkin>.icon{color:var(--metal)}.checkin .content{flex:1}.checkin strong{font-size:15px}.checkin p{font-size:12px;color:var(--muted);margin-top:4px}.tutorial-card{border-left:0;padding:12px 0 16px;margin-bottom:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tutorial-card h3{font-size:20px;margin-bottom:8px}.tutorial-card p{font-size:13px;color:var(--muted);line-height:1.4}.tutorial-card .btn{margin-top:10px;min-height:40px}.notice{font-size:12px;color:var(--muted);line-height:1.5;margin-top:14px}.chapter-tabs{display:flex;overflow-x:auto;gap:7px;margin-bottom:16px;padding-bottom:8px;scrollbar-width:thin}.chapter-tabs button{flex:0 0 37px;min-height:39px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:600}.chapter-tabs button.selected{border-color:var(--metal);color:var(--metal)}.chapter-banner{height:195px;overflow:hidden;position:relative;margin-bottom:12px}.chapter-banner .scene-label{padding:35px 14px 14px}.node{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #3a5358}.node:last-child{border-bottom:0}.node-number{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;font-size:15px;font-weight:600;flex:none;transform:rotate(0)}.node-number.done{color:var(--jade);border-color:var(--jade)}.node-number.current{background:var(--metal);color:var(--ground);border-color:var(--metal)}.node-copy{flex:1}.node-copy strong{font-size:15px;font-weight:600}.node-copy span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.node.locked{opacity:.45}.node .btn{min-height:40px;padding:8px 10px}.battle{padding:16px 15px 24px}.battle-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.battle-title h2{font-size:24px}.battle-stage{overflow:hidden;position:relative;min-height:292px;padding:15px 9px;background:var(--surface);border:1px solid var(--line)}.battle-stage>.world{position:absolute;inset:0;opacity:.35}.fighters{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:15px}.fighter{min-width:0;background:#18272c;border:1px solid #b4ae8f;overflow:hidden}.fighter .face{height:174px;overflow:hidden}.fighter .meta{padding:9px}.fighter strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-number{font-size:12px;display:block;margin:5px 0;color:var(--muted);font-variant-numeric:tabular-nums}.hp-track{height:8px;background:#354447;overflow:hidden}.hp-track span{display:block;height:100%;background:#8daa7b;transition:width .3s ease-out}.fighter.enemy .hp-track span{background:var(--coral)}.battle-status{position:relative;margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:12px}.focus{display:flex;align-items:center;gap:3px}.focus i{display:block;width:11px;height:11px;transform:rotate(45deg);border:1px solid var(--metal);margin:0 2px}.focus i.on{background:var(--metal)}.intent{display:flex;align-items:center;gap:11px;padding:13px 0;margin:9px 0;font-size:13px;line-height:1.35;border-bottom:1px solid var(--line);color:#c9d4d1}.intent.heavy{color:#efae91}.intent .icon{color:var(--metal);width:24px;height:24px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.action{min-height:78px;border:1px solid #6e8580;background:#253c40;border-bottom:3px solid #0c1a20;padding:12px 10px;text-align:left;color:var(--ink);display:flex;gap:9px;align-items:center;border-radius:2px}.action.primary{background:#b99a63;color:#111e24;border-color:#ddc28f;border-bottom-color:#705a34}.action:hover:not(:disabled){filter:brightness(1.1)}.action:active:not(:disabled){transform:translateY(1px)}.action .icon{width:26px;height:26px}.action strong{font-size:15px;display:block;font-weight:650}.action span{font-size:12px;display:block;margin-top:4px;line-height:1.2}.battle-log{font-size:12px;color:var(--muted);line-height:1.45;padding:13px 0;min-height:65px}.result{padding:28px 20px;text-align:center}.result-emblem{margin:0 auto 18px;width:150px;height:150px;border:2px solid var(--metal)}.result h1{font-size:42px}.result p{font-size:14px;margin:12px 0 20px}.loot{display:flex;justify-content:center;gap:25px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.loot div{font-size:13px;color:var(--muted)}.loot strong{display:block;color:var(--metal);font-size:29px;font-family:var(--display);margin-bottom:5px}.story{padding:17px 0;text-align:left;font-size:15px;line-height:1.5;margin-bottom:17px;border-bottom:1px solid var(--line)}.result .stack{gap:12px}.stat-grid{display:flex;margin-top:21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{flex:1;text-align:center;padding:15px 0;font-size:13px;color:var(--muted)}.stat+.stat{border-left:1px solid var(--line)}.stat strong{display:block;color:var(--ink);font-size:28px;margin-bottom:4px;font-family:var(--display)}.profile-head{display:flex;gap:17px;align-items:center}.profile-head .portrait-wrap{width:113px;height:132px;border:1px solid var(--metal)}.profile-head h2{font-size:28px;word-break:break-word}.profile-head p{font-size:14px;margin-top:8px;color:var(--muted)}.xp-bar{margin-top:20px;height:5px;background:#354447;overflow:hidden}.xp-bar span{height:100%;background:var(--metal);display:block}.gear-row{display:flex;align-items:center;gap:12px}.gear-symbol{width:34px;color:var(--metal);flex:none}.gear-symbol .icon{width:29px;height:29px}.gear-copy{flex:1;min-width:0}.gear-copy strong{font-size:15px;font-weight:650}.gear-copy p{font-size:13px;color:var(--muted);margin-top:5px}.list-head{margin:26px 0 3px;display:flex;align-items:center;justify-content:space-between;gap:10px}.list-head h3{font-size:25px}.arena-note{padding:0 0 17px;font-size:14px;line-height:1.45;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:15px}.opponent{display:flex;align-items:center;gap:11px}.opponent-copy{flex:1;min-width:0}.opponent-copy strong{display:block;font-size:16px;word-break:break-word}.opponent-copy p{font-size:13px;color:var(--muted);margin-top:4px}.opponent-copy small{font-size:12px;color:var(--metal)}.rating-place{width:21px;text-align:center;font-weight:600;color:var(--metal);flex:none}.empty{padding:32px 12px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty .icon{width:40px;height:40px;margin:auto auto 16px;color:var(--jade)}.empty h3{font-size:25px}.empty p{font-size:14px;margin-top:11px;color:var(--muted)}.quest{display:flex;align-items:center;gap:12px}.quest .copy{flex:1}.quest strong{font-size:16px}.quest p{font-size:13px;color:var(--muted);margin-top:5px}.quest-progress{height:4px;background:#354447;margin-top:10px;overflow:hidden}.quest-progress span{height:100%;background:var(--jade);display:block}.guild-points{font-family:var(--display);font-size:40px;margin:15px 0}.guild-members{font-size:15px;line-height:1.7;color:var(--muted)}.field{display:grid;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600}.field input{width:100%;min-height:48px;padding:12px;color:var(--ink);background:#15272d;border:1px solid var(--line);border-radius:2px}.field input::placeholder{color:#a8b6b5;font-weight:400}.auth{padding-bottom:25px}.auth-cover{height:230px;position:relative;overflow:hidden}.auth-cover>.world{position:absolute;inset:0}.auth-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#111e24e8)}.auth-brand{position:absolute;left:22px;bottom:20px;z-index:1;color:var(--ink)}.auth-brand h1{font-size:43px;text-shadow:0 2px 5px #0005}.auth-form{padding:0 22px 22px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:23px}.auth-tabs button{flex:1;min-height:48px;background:transparent;color:var(--muted);font-weight:650;border-bottom:2px solid transparent;font-size:16px}.auth-tabs button.selected{color:var(--metal);border-bottom-color:var(--metal)}.class-picker{display:flex;gap:11px;margin-bottom:15px}.class-option{flex:1;min-width:0;padding:0;background:transparent;border:1px solid var(--line);color:var(--muted)}.class-option.selected{border:2px solid var(--metal);color:var(--ink)}.class-option .portrait-wrap{height:94px;width:100%}.class-option strong{display:block;font-size:12px;padding:8px 2px}.class-description{font-size:13px;color:var(--muted);margin-bottom:17px;min-height:36px}.form-error{color:#efa08a;font-size:14px;line-height:1.4;margin:10px 0}.loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px;padding:25px;text-align:center}.loading-mark{font-family:var(--display);color:var(--metal);font-size:39px;width:82px;height:82px;border:1px solid var(--metal);display:grid;place-items:center}.loading p{color:var(--muted);font-size:15px}.modal-backdrop{position:fixed;inset:0;background:#071218dc;z-index:100;display:flex;align-items:center;justify-content:center;padding:17px}.modal{width:min(440px,100%);background:var(--ground);border:1px solid #8f987f;padding:22px;max-height:92dvh;overflow:auto;box-shadow:0 12px 45px #0006}.modal h2{font-size:29px;margin-bottom:13px}.modal h3{margin:17px 0 10px}.modal p{font-size:14px;margin-bottom:16px;color:var(--muted);line-height:1.5}.modal .btn+.btn{margin-top:11px}.recovery-code{display:block;background:var(--surface);border:1px dashed var(--metal);padding:15px;font:15px monospace;word-break:break-all;user-select:all;margin:16px 0;color:var(--ink)}.setting{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}.switch{width:52px;height:30px;border:1px solid var(--line);background:#203238;padding:4px;display:flex;align-items:center}.switch span{width:21px;height:20px;background:#859993}.switch.on{border-color:var(--metal);justify-content:flex-end}.switch.on span{background:var(--metal)}.modal .link-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;flex-wrap:wrap;margin:20px 0}#toast{position:fixed;left:50%;bottom:95px;transform:translateX(-50%) translateY(15px);max-width:min(420px,90%);width:max-content;z-index:150;background:#20363b;color:var(--ink);padding:13px 18px;border:1px solid var(--metal);box-shadow:0 4px 16px #0005;font-size:14px;line-height:1.4;opacity:0;pointer-events:none;transition:.18s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.connection{display:flex;align-items:center;gap:8px;padding:9px 17px;background:#51402e;font-size:13px;color:#f0d2a6}.busy-bar{position:fixed;top:0;left:0;height:2px;background:var(--metal);width:100%;z-index:200;animation:busy .9s ease-in-out infinite alternate}.hit{animation:hit .3s ease-out}.report-button{padding:5px;background:transparent;min-width:30px;min-height:44px;color:var(--muted)}.report-button .icon{width:17px;height:17px}.rank-tools{margin-bottom:14px}.legal{padding:26px;line-height:1.7}.legal h1{font-size:30px;margin-bottom:22px}.legal h2{font-size:23px;margin:26px 0 11px}.legal p,.legal li{font-size:15px;margin-bottom:13px}
.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:13px}.collection-heading h1{font-size:32px}.collection-heading p{font-size:13px;color:var(--muted);margin-top:7px}.inventory-tabs{display:flex;margin-top:25px;border-bottom:1px solid var(--line)}.inventory-tabs button{flex:1;background:transparent;color:var(--muted);font-size:18px;min-height:47px;border-bottom:2px solid transparent}.inventory-tabs button.selected{color:var(--metal);border-bottom-color:var(--metal)}.rarity-filters{display:flex;gap:4px;margin:15px 0 18px;flex-wrap:wrap}.rarity-filters button{background:transparent;color:var(--muted);font-size:12px;min-height:34px;padding:7px 8px;border:1px solid transparent}.rarity-filters button.selected{color:var(--ink);border-color:var(--line);background:var(--surface)}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}.collectible{padding:0;background:none;color:var(--ink);text-align:left;min-width:0}.collectible-image{height:131px;position:relative;overflow:hidden;background:#233a36;border:1px solid var(--rarity,var(--line));border-bottom:3px solid var(--rarity,var(--line))}.collectible.unowned .portrait,.collectible.unowned .weapon-art{filter:saturate(.6) brightness(.7)}.collectible.equipped .collectible-image{outline:2px solid var(--metal);outline-offset:2px}.collectible>strong{display:block;font-size:14px;margin-top:7px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collectible>small{display:block;font-size:12px;color:var(--rarity,var(--muted));margin-top:3px}.rarity-0{--rarity:#aab4a6}.rarity-1{--rarity:#83b7ca}.rarity-2{--rarity:#c4a1d8}.rarity-3{--rarity:#e7bd76}.rarity-text{color:var(--rarity,var(--metal));font-size:14px}.rarity-mark{position:absolute;left:5px;bottom:5px;color:var(--rarity);background:#0c1a20dc;font-size:9px;letter-spacing:2px;padding:3px 4px}.equipped-mark{position:absolute;left:0;right:0;top:0;background:#c6ab72;color:#111e24;text-align:center;font-size:11px;padding:3px}.locked-mark{position:absolute;right:5px;bottom:5px;color:#e4e8d6;background:#11262ade;padding:4px}.weapon-art{width:100%;height:100%;display:block}.detail-portrait{height:280px;border-bottom:2px solid var(--rarity);margin:-22px -22px 18px;overflow:hidden}.detail-weapon{height:220px;background:#1c3234;margin:-22px -22px 18px;border-bottom:2px solid var(--rarity)}.detail-heading{display:flex;flex-direction:column;gap:3px;margin-bottom:17px}.detail-heading h2{margin-bottom:1px}.summon-page{position:relative;min-height:calc(100dvh - 140px);background:#11272b;display:flex;flex-direction:column}.summon-top{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;z-index:2}.summon-top>span{display:flex;align-items:center;gap:7px;color:var(--metal);background:#11272be0;padding:10px 12px;font-size:16px}.summon-portrait{height:clamp(340px,53dvh,490px);overflow:hidden}.summon-portrait .portrait{background:#11272b}.summon-copy{position:relative;margin-top:-90px;padding:50px 22px 20px;background:linear-gradient(transparent,#11272b 40%)}.summon-copy h1{font-size:42px;margin:9px 0}.summon-copy p{color:var(--muted);font-size:14px;max-width:32ch}.summon-controls{padding:0 20px 23px;position:relative}.pity-line{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;line-height:1.4;margin-bottom:15px}.summon-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summon-controls>p{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 17px}.odds-list{margin:20px 0}.odds-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.summon-result-content{position:relative}.summon-result-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:20px}.summon-result-grid.multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}.summon-result-hero{border-bottom:2px solid var(--rarity);padding-bottom:10px}.result-portrait{height:240px}.multiple .result-portrait{height:150px}.summon-result-hero strong{font-family:var(--display);display:block;font-size:22px;margin-top:10px}.multiple .summon-result-hero strong{font-size:19px}.summon-result-hero span{display:block;color:var(--rarity);font-size:13px;margin-top:4px}.summon-result-hero small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.summon-seal{display:none}.revealing .summon-seal{display:grid;place-items:center;position:absolute;inset:0;z-index:2;background:var(--ground)}.summon-seal>.icon{width:90px;height:90px;color:var(--metal)}.revealing .summon-result-content{opacity:0}.skip-reveal{display:none}.revealing .skip-reveal{display:block;position:absolute;right:25px;bottom:20px;color:var(--muted);background:transparent;z-index:3;min-height:44px;text-decoration:underline}.attendance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}.attendance-day{padding:14px 9px;background:var(--surface);color:var(--muted);border:1px solid var(--line);text-align:left;min-height:153px}.attendance-day>strong{display:block;color:var(--ink);font-size:16px}.attendance-day>.icon{color:var(--metal);width:29px;height:29px;margin:14px 0}.attendance-day>span{display:block;font-size:14px;font-weight:650;line-height:1.25}.attendance-day>small{display:block;font-size:12px;margin-top:8px;line-height:1.3}.attendance-day.today{border-color:var(--metal);background:#314240}.attendance-day.claimed{opacity:.6}.attendance-day:disabled{opacity:.6}.attendance-day.seventh{grid-column:1/-1;min-height:104px;display:grid;grid-template-columns:1fr 45px 2fr;column-gap:10px;align-items:center;background:#3c3747;border-color:#a18db1}.attendance-day.seventh>strong{grid-column:1;grid-row:1}.attendance-day.seventh>.icon{grid-column:2;grid-row:1/3;margin:0}.attendance-day.seventh>span{grid-column:3;grid-row:1}.attendance-day.seventh>small{grid-column:3;grid-row:2}.playtime-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:32px 0 13px}.playtime-heading h2{font-size:25px}.playtime-heading>span{font-size:13px;color:var(--metal)}.playtime-reward{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.playtime-reward strong{font-size:17px;display:block}.playtime-reward span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.reward-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px;margin-bottom:20px}.reward-choice{min-width:0;padding:0;background:var(--surface);color:var(--ink);border-bottom:2px solid var(--rarity)}.reward-choice>.portrait,.reward-choice>.weapon-art{height:105px}.reward-choice strong{font-size:12px;padding:7px 3px;display:block;line-height:1.3}.camp-links{margin-top:25px}.camp-link{display:flex;align-items:center;gap:15px;width:100%;background:transparent;color:var(--ink);padding:21px 0;text-align:left;border-bottom:1px solid var(--line)}.camp-link>.icon:first-child{width:31px;height:31px;color:var(--metal)}.camp-link>span{flex:1}.camp-link strong{display:block;font-family:var(--display);font-size:23px}.camp-link small{display:block;color:var(--muted);font-size:14px;margin-top:6px}.camp-summary{display:flex;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}.camp-summary>div{flex:1;text-align:center}.camp-summary b{font-family:var(--display);display:block;font-size:27px;color:var(--metal)}.camp-summary span{display:block;font-size:13px;margin-top:7px;color:var(--muted)}
@keyframes hit{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}65%{transform:translateX(4px)}}@keyframes busy{from{opacity:.3}to{opacity:1}}@media(max-width:375px){.page{padding:20px 14px}.topbar{padding-left:12px;padding-right:12px}.fighter .face{height:150px}.battle-stage{min-height:268px}.action{padding:10px 8px;gap:7px}.action .icon{width:22px}.action strong{font-size:14px}.action span{font-size:11px}.collectible-image{height:115px}.attendance-day{padding:12px 7px}.attendance-day>small{font-size:11px}.gear-copy strong{font-size:14px}.pity-line{font-size:11px}.collection-heading h1{font-size:29px}.hero-scene{height:38dvh}.hero-scene .scene-label h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.summon-result-content{opacity:1!important}.summon-seal,.skip-reveal{display:none!important}}
@media(min-width:700px){body{padding:18px 0}#app{border:1px solid #486465;min-height:calc(100dvh - 36px)}.shell{min-height:calc(100dvh - 36px)}.nav{bottom:18px;width:500px;border:1px solid #486465}.loading{min-height:calc(100dvh - 36px)}}
.header-portrait{width:38px;height:42px;overflow:hidden;border:1px solid var(--metal);flex:none}.rarity-mark{display:flex;gap:1px}.rarity-star{width:9px;height:9px;stroke-width:2.4}.portrait-wrap{border-radius:0}
.fighter{position:relative}.damage-number{position:absolute;right:12px;top:110px;font-family:var(--display);font-size:30px;color:#fff4d1;text-shadow:0 2px 4px #000b;pointer-events:none;z-index:3}
.attendance-day:disabled{opacity:1}.attendance-day.claimed{opacity:.65}

@media(max-height:740px){.battle{padding:10px 14px 24px}.battle-title{margin-bottom:9px}.battle-stage{min-height:0;padding:10px 8px}.fighter .face{height:150px}.fighter .meta{padding:8px}.battle-status{margin-top:9px;font-size:11px}.intent{padding:9px 0;margin:5px 0;font-size:12px}.action{min-height:62px;padding:8px}.action strong{font-size:14px}.action span{font-size:11px}.battle-log{min-height:44px;padding:10px 0}}