:root{color-scheme:light;--bg:#edf1f7;--panel:#fff;--panel-alt:#f5f7fb;--ink:#24364e;--muted:#64768c;--border:#24364e24;--gold:#98763a;--gold-light:#d1b377;--nav:#243d5b;--b:#b93d45;--a:#286ab7;--q:#247959;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
[data-site-theme=dark]{--bg:#111c2b;--panel:#1a2a3d;--panel-alt:#172638;--ink:#e2e7ed;--muted:#9baec3;--border:#becfe229;--gold:#d5bb85;--nav:#172b41;--b:#ff9399;--a:#8bbdff;--q:#8fddbc;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);min-width:320px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1,h2,h3,.brand{font-family:var(--serif)}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;min-width:44px;min-height:44px;border:1px solid var(--border);background:var(--panel);border-radius:5px;cursor:pointer}button:disabled{cursor:default;opacity:.47}button:not(:disabled):hover{filter:brightness(1.07);border-color:var(--gold-light)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5797e4;outline-offset:3px}button img{width:18px;height:18px;opacity:.9}[data-site-theme=dark] button img{filter:invert(.9)}img{max-width:100%}small{font-size:11px}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 4.5vw;background:var(--panel);border-bottom:1px solid var(--border)}.back-link{font-size:12px;min-height:44px;display:flex;gap:8px;align-items:center;color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:4px}.brand img{width:38px}.brand small{font:8px var(--sans);letter-spacing:3px;display:block;color:var(--muted);margin-top:1px}.top-actions{display:flex;align-items:center;gap:8px}.local-badge{font-size:10px;letter-spacing:1px;color:var(--muted);margin-right:12px}.icon-button{height:44px;width:44px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;background:transparent;border-color:transparent}.top-actions .icon-button{font-family:Georgia,serif}main{max-width:1320px;margin:0 auto;padding:30px 36px 0;min-height:calc(100vh - 154px)}.eyebrow{font-size:9px;font-weight:500;letter-spacing:3px;color:var(--gold)}.intro{position:relative;overflow:hidden;background:#243b55 url('assets/scene.svg') center/cover;border:1px solid #59677b;border-radius:7px;min-height:575px;color:#e8e5d8}.intro:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#182c42ef,#233b51ab 45%,#22374d22)}.intro-copy{position:relative;z-index:2;padding:48px 50px 100px;width:57%}.intro .eyebrow{color:#d8c89f;font-size:9px;letter-spacing:2.5px}.intro-kicker{display:block;color:#c0cdd6;letter-spacing:2px;font-size:11px;margin:14px 0}.intro h1{font-size:65px;line-height:1.43;letter-spacing:8px;margin:24px 0 20px}.intro h1 em{font-style:normal;color:#e1c994}.intro-copy p{font-size:12px;line-height:2.1;letter-spacing:2px;color:#c4d0d8}.primary{background:#2f567d;border:1px solid #557b9f;color:#f5f3e9;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;letter-spacing:2px;font-size:13px;min-height:48px}.primary img{filter:invert(.96)}.start-button{margin-top:28px;background:#d6bb82;border-color:#e8d4a7;color:#23354b;padding:13px 25px}.start-button img{filter:none!important}.intro-note{font-size:9px;letter-spacing:1px;display:block;color:#aebdca;margin-top:11px}.intro-art{position:absolute;right:1%;bottom:62px;width:50%;height:480px}.intro-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 10px 10px #142a4055)}.front-hero{height:470px;bottom:-20px;left:12%;width:80%;z-index:2}.back-hero{height:370px;bottom:20px;width:63%;opacity:.85}.back-hero.one{left:-6%;transform:rotate(-6deg)}.back-hero.two{right:-10%;transform:rotate(7deg)}.orbit{position:absolute;inset:70px 30px 40px;border:1px solid #ded3ae77;border-radius:50%;transform:rotate(-24deg)}.orbit:before{content:"";position:absolute;inset:14px;border:1px dashed #ded3ae55;border-radius:50%}.art-caption{position:absolute;bottom:-27px;left:0;right:0;text-align:center;z-index:3;color:#ece8dd}.art-caption span{font-size:7px;letter-spacing:3px;display:block;margin-bottom:4px}.art-caption strong{font:14px var(--serif);letter-spacing:4px}.intro-bottom{display:flex;justify-content:space-between;gap:15px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ddd5b72b;background:#152d42ad;backdrop-filter:blur(4px);padding:18px 28px;font-size:9px;letter-spacing:2px;color:#afbcca}.intro-bottom b{font-weight:400;margin-left:12px;color:#e4d3ae}.intro-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.intro-guide article{display:flex;gap:16px;padding:21px 6px;border-top:1px solid var(--border)}.guide-number{font:32px Georgia,serif;color:var(--gold-light)}.intro-guide h2{font-size:17px;letter-spacing:1px;margin:3px 0 6px}.intro-guide p{font-size:10px;color:var(--muted);line-height:2}.text-b{color:var(--b)}.text-a{color:var(--a)}.text-q{color:var(--q)}footer{max-width:1320px;margin:auto;padding:25px 36px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:var(--muted);letter-spacing:1px}footer i{font-style:normal;color:var(--gold);padding:0 6px}footer a{min-height:44px;display:flex;align-items:center}.mission-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.mission-heading h1{font-size:30px;letter-spacing:4px;margin-top:6px}.mission-heading h1 small{font:11px var(--sans);color:var(--muted);letter-spacing:1px;margin-left:14px}.battle-tools{display:flex;gap:10px;align-items:center}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 15px;background:var(--panel);font-size:11px}.speed{font:18px Georgia,serif;padding:8px 12px}.battle-stage{height:355px;position:relative;overflow:hidden;border-radius:6px;background:#3e566c url('assets/scene.svg') center/cover;color:#fff6e5;border:1px solid #6e8595}.battle-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(#13273d9c,transparent 43%,#203a5033 70%,#192f47ca)}.stage-hud{position:absolute;top:17px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;z-index:2}.stage-hud .eyebrow{font-size:8px;color:#ced4d6}.stage-hud h2{font-size:22px;letter-spacing:3px;margin-top:4px}.stage-counters{display:flex;gap:25px;text-align:right;font:9px var(--sans);letter-spacing:1px;color:#c4d0da}.stage-counters b{display:block;font:24px Georgia,serif;color:#fff4d9;margin-top:4px}.stage-counters small{font-size:11px;color:#c4d0da}.battle-units{position:absolute;left:4%;right:4%;bottom:32px;height:255px;display:flex;align-items:end;gap:4%}.enemy-party{display:flex;gap:9px;width:44%;height:100%;align-items:end;justify-content:center}.enemy-unit{background:none;border:0;color:#f5eddb;width:44%;height:100%;position:relative;padding:0}.enemy-unit:not(:disabled):hover{background:#e9c9860a}.enemy-unit:disabled{opacity:1}.enemy-unit img{position:absolute;bottom:0;left:0;width:100%;height:185px;object-fit:contain;filter:drop-shadow(0 5px 4px #0f213b77);opacity:1}.enemy-unit.boss img{height:204px;width:110%;max-width:none;left:-5%}.enemy-meta{position:absolute;top:0;left:3%;right:3%;text-shadow:0 1px 3px #15243b}.enemy-meta strong{display:block;font-size:12px;font-weight:400;letter-spacing:1px}.enemy-class{display:block;font-size:7px;letter-spacing:1px;color:#e6c998}.meter{display:block;overflow:hidden;height:4px;border-radius:4px;background:#8c9aad30}.meter i{display:block;height:100%;background:#459880;transition:width .25s}.enemy-hp{height:4px;background:#17283a99;margin-top:5px}.enemy-hp i{background:#dfa27a}.enemy-numbers{display:block;text-align:right;font:10px/1.5 Georgia,serif;margin-top:2px}.enemy-numbers small{font-size:8px;color:#dae0e4}.charge{display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;letter-spacing:2px;color:#e8ca7d}.charge small{font-size:8px;letter-spacing:0;color:#d8dfe5}.target-ring{position:absolute;bottom:5px;left:12%;right:12%;height:20px;border:1px solid transparent;border-radius:50%;transform:rotateX(35deg)}.targeted .target-ring{border-color:#e1c18a;box-shadow:0 0 11px #e5c38466}.dead{opacity:.18!important;filter:grayscale(1)}.versus{color:#e1c79880;font-size:22px;position:absolute;left:47%;bottom:73px}.ally-party{display:flex;width:48%;height:100%;align-items:end;justify-content:center;gap:0}.ally-figure{width:36%;height:210px;position:relative}.ally-figure img{height:210px;width:100%;object-fit:contain;filter:drop-shadow(0 5px 5px #13243a77)}.ally-figure span{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;color:#eee6d5;letter-spacing:2px;text-shadow:0 1px 3px #122236}.ally-figure:nth-child(2){transform:translateY(-14px)}.ally-figure.acting img{animation:lunge .45s ease-out}.stage-bottom{position:absolute;left:22px;right:22px;bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#d0dce4}.stage-bottom b{font-weight:400;color:#efcc80;margin:0 6px}.stage-bottom small{font-size:9px}.operation-state{display:flex;align-items:center;gap:7px}.operation-state i{height:5px;width:5px;border-radius:50%;background:#a0d8cc}.action-flash{position:absolute;z-index:4;top:40%;left:50%;transform:translate(-50%,-50%);padding:14px 40px;background:linear-gradient(90deg,transparent,#142943eb,transparent);text-align:center;min-width:320px;pointer-events:none;animation:fade .4s ease-out}.action-flash strong{font:24px var(--serif);letter-spacing:3px;color:#fff0c8;display:block}.action-flash>span{font-size:11px;letter-spacing:3px;color:#e7d19c}.noble-flash{inset:0;transform:none;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(110deg,#13273ced,#294f7bed);padding-left:31%;box-shadow:inset 0 0 90px #dab86933}.noble-flash img{position:absolute;left:9%;bottom:-30px;height:350px;width:260px;object-fit:contain}.noble-flash .eyebrow{color:#e9c98b;letter-spacing:5px;font-size:9px;margin-bottom:12px}.noble-flash strong{font-size:28px}.noble-flash>span:last-child{margin-top:12px}.servant-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.servant-panel{display:flex;align-items:center;gap:11px;background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:13px;min-width:0}.servant-avatar{height:79px;width:54px;object-fit:cover;object-position:50% 15%;background:var(--panel-alt);border-radius:4px}.servant-info{flex:1;min-width:0}.servant-heading{display:flex;gap:8px;align-items:center}.servant-heading h3{font-size:20px;letter-spacing:2px}.servant-heading span{font:italic 10px Georgia,serif;color:var(--gold)}.servant-info p{font-size:8px;color:var(--muted);margin:2px 0}.servant-info b{font:12px Georgia,serif;color:var(--ink);margin-left:5px}.servant-info small{font-size:8px}.servant-info .np-number{margin-top:5px;display:flex;align-items:center;gap:4px}.np-number b{color:var(--a);margin-left:2px}.np-number em{margin-left:auto;color:var(--gold);font:7px var(--sans)}.np-meter i{background:#609bd3}.skill{align-self:stretch;padding:5px 7px;width:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;background:var(--panel-alt)}.skill span{font-size:8px;line-height:1.5}.fallen{opacity:.5}.command-panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:22px 24px;margin-top:20px}.command-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.command-heading .eyebrow{font-size:8px;letter-spacing:2px}.command-heading h2{font:20px var(--serif);letter-spacing:2px;margin-top:7px}.command-heading h2 b{font-weight:400;color:var(--gold)}.command-heading h2 small{margin-left:12px;font:10px var(--sans);color:var(--muted);letter-spacing:1px}.selection-preview{display:flex;align-items:center;gap:9px}.selection-preview>span{width:36px;height:36px;border:1px solid var(--border);border-radius:4px;display:grid;place-items:center;font:13px Georgia,serif;color:var(--muted);background:var(--panel-alt)}.selection-preview .slot-filled{border-color:var(--gold-light);color:var(--ink)}.selection-preview i{font:16px Georgia,serif;color:var(--muted)}.clear-selection{background:none;border:0;display:grid;place-items:center}.np-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:17px}.np-card{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--panel-alt);text-align:left;min-width:0;min-height:49px}.np-card>span{font-size:9px;color:var(--muted);white-space:nowrap}.np-card strong{font:11px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-card>i{font:15px Georgia,serif;margin-left:auto;color:var(--gold)}.np-card.ready{background:linear-gradient(110deg,var(--panel),#b99b5122);border-color:var(--gold-light);box-shadow:0 0 12px #c7a85a15}.np-card.ready>span{color:var(--gold)}.np-card.picked{outline:2px solid var(--gold-light);outline-offset:2px}.command-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:5px}.command-card{position:relative;overflow:visible;height:214px;min-width:0;border:1px solid var(--border);background:#33465e;border-radius:5px;box-shadow:0 6px 16px #182f4912;transition:transform .17s,box-shadow .17s;isolation:isolate;color:#fff}.command-card:before{content:"";position:absolute;inset:0;border-radius:4px;background:radial-gradient(ellipse at 50% 45%,#ffffff27,transparent 70%),linear-gradient(150deg,var(--card-bg),#1a2d43)}.type-B{--card-bg:#753b4a;--card-color:#bd5055}.type-A{--card-bg:#385b84;--card-color:#407dbb}.type-Q{--card-bg:#3a655d;--card-color:#398567}.command-card:after{content:"";position:absolute;inset:4px;border:1px solid #d7c28c77;border-radius:3px;pointer-events:none}.command-card>img{position:absolute;left:0;bottom:39px;width:100%;height:170px;object-fit:cover;object-position:50% 14%;filter:none;opacity:1;z-index:1}.card-topline{position:absolute;left:11px;right:11px;top:10px;display:flex;justify-content:space-between;font:9px Georgia,serif;z-index:2;color:#efdfbe;text-shadow:0 1px 3px #15293b}.card-topline small{font:6px var(--sans);color:#e3d8c5}.card-owner{position:absolute;left:10px;right:10px;bottom:55px;font:12px var(--serif);letter-spacing:3px;z-index:2;text-shadow:0 1px 4px #142738}.card-type{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 4px 4px;padding:7px 5px 9px;z-index:2;background:linear-gradient(120deg,var(--card-color),var(--card-bg));border-top:1px solid #e6c88866;line-height:1.15}.card-type strong{font:italic 27px/1 Georgia,serif;text-shadow:0 2px 1px #1115}.card-type small{display:block;font-size:8px;letter-spacing:1px;margin-top:5px;color:#f5eddf}.card-order{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#e3cc96;color:#20344d;z-index:3;width:42px;height:29px;border:1px solid #fff0cf;border-radius:3px;display:none;align-items:center;justify-content:center;font:italic 17px Georgia,serif;box-shadow:0 4px 14px #13273b33}.selected{transform:translateY(-7px);border-color:#d6af69!important;box-shadow:0 0 0 2px #d3b276,0 10px 18px #182f4920}.selected .card-order{display:flex}.card-shortcut{position:absolute;bottom:10px;left:10px;z-index:3;font:8px var(--sans);opacity:.5}.command-card:disabled:not(.selected){opacity:.4}.command-card.selected:disabled{opacity:1}.attack-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.chain-label strong{font-size:12px;letter-spacing:1px;color:var(--gold);font-weight:500}.chain-label small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.chain-B strong{color:var(--b)}.chain-A strong{color:var(--a)}.chain-Q strong{color:var(--q)}.attack-button{min-width:147px;border:1px solid #b39353;background:linear-gradient(110deg,#2d547a,#23435f);color:#e8d5a8;border-radius:4px;padding:10px 25px;line-height:1.2}.attack-button>span{font:italic 29px Georgia,serif;letter-spacing:2px}.attack-button>small{display:flex;align-items:center;justify-content:center;gap:12px;font-size:8px;letter-spacing:2px;margin-top:5px;color:#d5dce0}.attack-button img{width:12px;height:12px;filter:invert(.9)}.battle-log{border:1px solid var(--border);border-radius:4px;padding:0 15px;background:var(--panel);margin-top:16px}.battle-log summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:15px;font-size:10px;color:var(--gold)}.battle-log summary span{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-log ol{font-size:11px;color:var(--muted);max-height:170px;overflow:auto;padding-left:25px}.result{margin-top:20px;padding:30px;background:var(--panel);border:1px solid var(--gold-light);border-radius:6px;text-align:center}.result h2{font-size:28px;letter-spacing:4px;margin:10px 0}.result p{color:var(--muted);font-size:12px}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.victory{background:linear-gradient(120deg,var(--panel),#bda26815)}.storage-warning{padding:12px;background:#8e693619;color:var(--gold);border:1px solid var(--border);font-size:11px;margin-bottom:15px;border-radius:4px}.loading{text-align:center;padding:150px 20px}.loading p{margin:20px 0}.loading a{display:inline-block;min-height:44px;padding:12px;border:1px solid var(--border)}dialog{width:min(92vw,530px);max-height:86dvh;border:1px solid var(--gold-light);border-radius:7px;background:var(--panel);color:var(--ink);padding:30px;box-shadow:0 20px 80px #0e203d66}dialog::backdrop{background:#12243ed4;backdrop-filter:blur(5px)}dialog h2{font-size:26px;letter-spacing:3px;margin-bottom:17px;padding-right:30px}dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0}dialog p b{color:var(--ink)}.close-modal{position:absolute;top:15px;right:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions .primary{font-size:11px;letter-spacing:1px}#toast{position:fixed;left:50%;bottom:25px;max-width:calc(100% - 30px);padding:12px 22px;z-index:30;background:var(--nav);color:#f2e8d6;border:1px solid #b39b68;border-radius:5px;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;font-size:12px;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.enter{animation:enter .4s ease-out}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes lunge{50%{transform:translateX(-15px)}}
@media(max-width:1000px){main{padding:24px 24px 0}.topbar{padding:0 25px}.intro-copy{padding-left:32px;width:60%}.intro h1{font-size:53px}.intro-art{width:50%;right:-4%}.front-hero{height:420px}.back-hero{height:320px}.intro{min-height:540px}.intro-art{bottom:58px;height:440px}.intro-guide{gap:14px}.intro-guide article{gap:10px}.intro-guide h2{font-size:15px}.guide-number{font-size:26px}.intro-guide p{font-size:9px}.servant-panel{gap:8px;padding:10px}.servant-avatar{width:45px;height:72px}.skill{width:45px;padding:4px}.skill span{font-size:7px}.servant-heading h3{font-size:18px}.command-panel{padding:20px}.command-cards{gap:10px}.command-card{height:199px}.card-type strong{font-size:24px}.np-card{padding:6px 8px;gap:5px}.np-card strong{font-size:9px}.battle-stage{height:332px}.battle-units{height:237px}.enemy-unit img{height:168px}.enemy-unit.boss img{height:185px}.ally-figure{height:190px}.ally-figure img{height:190px}}
@media(max-width:700px){.topbar{height:70px;padding:0 14px;gap:5px}.back-link{font-size:17px;min-width:44px;justify-content:center}.back-link span{display:none}.brand{font-size:19px;letter-spacing:2px;gap:7px}.brand img{width:30px}.brand small{font-size:6px;letter-spacing:2px}.top-actions{gap:0}.local-badge{display:none}.top-actions .icon-button{width:44px;min-width:44px;height:44px;font-size:17px}.top-actions #help{display:none}main{padding:18px 14px 0;min-height:calc(100dvh - 152px)}.intro{min-height:665px}.intro-copy{padding:28px 25px 300px;width:100%}.intro h1{font-size:45px;letter-spacing:5px;line-height:1.4;margin:22px 0 17px}.intro-copy p{font-size:11px;line-height:2;letter-spacing:1px}.intro .eyebrow{font-size:7px;letter-spacing:1.8px}.intro-kicker{font-size:9px;margin-top:10px}.start-button{margin-top:20px;font-size:12px;padding:11px 19px;min-height:48px}.intro-note{font-size:8px;letter-spacing:0}.intro-art{height:285px;width:94%;left:3%;right:3%;bottom:62px;pointer-events:none}.intro-art .front-hero{height:293px;bottom:-10px}.back-hero{height:230px;bottom:0}.back-hero.one{left:-1%}.back-hero.two{right:-2%}.art-caption{display:none}.orbit{inset:16px 37px 13px}.intro-bottom{padding:13px 16px;gap:8px;font-size:7px;letter-spacing:.5px;z-index:3}.intro-bottom>span:last-child{text-align:right}.intro-bottom b{font-size:9px;display:block;margin:4px 0 0}.intro-guide{grid-template-columns:1fr;gap:0;margin-top:20px}.intro-guide article{gap:15px;padding:16px 5px}.intro-guide h2{font-size:17px;margin-top:0}.intro-guide p{font-size:10px}.guide-number{font-size:31px}.mission-heading{margin:0 0 15px;gap:8px}.mission-heading .eyebrow{font-size:7px;letter-spacing:1.8px}.mission-heading h1{font-size:23px;letter-spacing:2px;margin-top:5px}.mission-heading h1 small{display:none}.battle-tools{gap:5px}.battle-tools .secondary{padding:7px 8px;font-size:9px}.battle-tools .secondary img{width:13px;height:13px}.battle-tools .speed{font-size:16px;padding:6px}.battle-tools>.icon-button{border:1px solid var(--border);background:var(--panel)}.battle-stage{height:337px}.stage-hud{top:15px;left:15px;right:15px}.stage-hud h2{font-size:19px;letter-spacing:2px}.stage-hud .eyebrow{font-size:7px;letter-spacing:2px}.stage-counters{gap:15px;font-size:7px}.stage-counters b{font-size:20px}.stage-counters small{font-size:8px}.battle-units{height:226px;left:3%;right:3%;bottom:39px;gap:0;display:block}.enemy-party{width:55%;position:absolute;left:0;top:0;height:176px;gap:4px;z-index:2}.enemy-unit{width:48%;height:100%}.enemy-meta{top:0;left:0;right:0}.enemy-meta strong{font-size:9px;letter-spacing:0}.enemy-class{font-size:6px;letter-spacing:.4px}.enemy-numbers{font-size:9px;line-height:1.3}.enemy-numbers small{font-size:7px}.charge{font-size:8px;letter-spacing:1px}.charge small{font-size:6px}.enemy-unit img{height:108px;width:120%;max-width:none;left:-10%;bottom:0}.enemy-unit.boss img{height:135px;width:145%;left:-22%;bottom:-9px}.target-ring{bottom:0;height:14px}.ally-party{position:absolute;right:0;bottom:0;width:63%;height:153px;z-index:3;transform:translateX(5px)}.ally-figure{height:145px;width:35%}.ally-figure img{height:145px;max-width:none;width:128%;position:absolute;left:-14%;bottom:0}.ally-figure:nth-child(2){transform:translateY(-14px)}.ally-figure span{bottom:-2px;font-size:8px;letter-spacing:1px}.versus{left:46%;bottom:119px;font-size:16px}.stage-bottom{left:12px;right:12px;bottom:10px;font-size:7px;letter-spacing:.2px}.stage-bottom small{display:none}.stage-bottom b{margin-right:0;font-size:9px}.operation-state i{width:4px;height:4px}.servant-panels{gap:6px;margin-top:11px}.servant-panel{padding:10px 7px;gap:0;display:block}.servant-avatar{display:none}.servant-heading{justify-content:space-between;gap:2px;flex-wrap:wrap}.servant-heading h3{font-size:18px;letter-spacing:1px}.servant-heading span{font-size:8px}.servant-info p{font-size:7px}.servant-info b{font-size:10px;margin-left:1px}.servant-info small{font-size:7px}.np-number em{font-size:6px}.meter{height:4px}.skill{margin-top:9px;width:100%;min-height:44px;flex-direction:row;gap:4px;align-items:center}.skill img{height:13px;width:13px}.skill span{font-size:8px}.command-panel{padding:17px 12px;margin-top:15px}.command-heading{margin-bottom:14px;gap:8px;flex-wrap:wrap}.command-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.command-heading h2{font-size:17px;letter-spacing:1px}.command-heading h2 small{font-size:9px;margin-left:5px}.selection-preview{gap:5px}.selection-preview>span{width:25px;height:29px;font-size:10px}.selection-preview i{font-size:12px}.clear-selection{padding:0;width:44px}.clear-selection img{width:14px;height:14px}.np-strip{gap:6px;margin-bottom:19px}.np-card{padding:7px 5px;min-height:53px;display:block;text-align:center;position:relative}.np-card>span{display:block;font-size:8px;letter-spacing:0}.np-card strong{display:block;font:9px/1.7 var(--serif);margin-top:3px;letter-spacing:0;white-space:normal;min-height:30px}.np-card>i{font-size:9px;position:absolute;right:3px;top:4px}.command-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 8px}.command-card{grid-column:span 2;height:165px}.command-card:nth-child(4){grid-column:2/span 2}.command-card>img{height:133px;bottom:35px}.card-topline{left:7px;right:7px;top:7px;font-size:7px}.card-topline small{font-size:5px}.card-owner{font-size:10px;bottom:45px;letter-spacing:2px}.card-type{padding:6px 3px 7px}.card-type strong{font-size:23px;letter-spacing:-.5px}.card-type small{font-size:7px;letter-spacing:0;margin-top:3px}.card-order{width:34px;height:25px;top:-12px;font-size:15px}.card-shortcut{display:none}.attack-row{align-items:center;gap:10px;margin-top:18px}.chain-label{min-width:0;flex:1}.chain-label strong{font-size:10px;letter-spacing:0;line-height:1.6}.chain-label small{font-size:8px;line-height:1.6;margin-top:4px}.attack-button{min-width:103px;padding:9px 14px}.attack-button>span{font-size:25px;letter-spacing:1px}.attack-button>small{font-size:7px;gap:6px;letter-spacing:1px}.battle-log{padding:0 12px}.battle-log summary{gap:10px;font-size:9px}.battle-log summary span{font-size:8px}.battle-log ol{font-size:10px}.action-flash{min-width:240px;padding:13px 18px}.action-flash strong{font-size:20px;letter-spacing:1px}.action-flash>span{font-size:10px;letter-spacing:2px}.noble-flash{padding-left:36%;min-width:0}.noble-flash img{left:-6%;height:260px;width:200px;bottom:12px;opacity:.8}.noble-flash .eyebrow{font-size:7px;letter-spacing:1px;position:relative;z-index:1}.noble-flash strong{font-size:22px;line-height:1.5;letter-spacing:2px;position:relative;z-index:1}.noble-flash>span:last-child{font-size:9px;letter-spacing:1px;position:relative;z-index:1}.result{padding:25px 16px;margin-top:15px}.result h2{font-size:22px;letter-spacing:2px}.result p{font-size:10px;line-height:1.9}.result-actions{gap:8px;flex-wrap:wrap}.result-actions .primary,.result-actions .secondary{font-size:11px;letter-spacing:1px;padding:10px 15px}footer{padding:17px 16px max(22px,env(safe-area-inset-bottom));font-size:7px;gap:6px;letter-spacing:.4px}footer i{padding:0 3px}dialog{padding:25px}dialog h2{font-size:22px;letter-spacing:2px}dialog p{font-size:11px}.modal-actions{gap:8px;flex-wrap:wrap}.modal-actions button{font-size:10px;padding:10px 15px}#toast{font-size:11px}}
@media(max-width:360px){.topbar{padding:0 9px}.brand{font-size:17px;gap:5px}.brand img{width:27px}.brand small{font-size:5px}.top-actions .icon-button{width:44px}.intro h1{font-size:40px;letter-spacing:3px}.intro-copy{padding-left:21px}.intro-art{width:100%;left:0}.intro-bottom{padding:12px}.mission-heading h1{font-size:21px}.battle-tools{gap:4px}.battle-tools .secondary{font-size:8px;padding:6px}.battle-tools .secondary img{display:none}.servant-heading{display:block}.servant-heading h3{font-size:17px}.servant-heading span{font-size:7px}.skill{gap:3px}.skill span{font-size:7px}.skill img{width:11px}.command-heading{display:block}.selection-preview{margin-top:9px}.selection-preview>span{width:34px}.command-card{height:150px}.command-card>img{height:118px}.card-type strong{font-size:19px}.card-type small{font-size:6px}.card-owner{font-size:9px;bottom:42px}.card-topline{font-size:6px}.np-card strong{font-size:8px}.stage-hud h2{font-size:17px}.stage-hud .eyebrow{font-size:6px}}
.ally-party,.stage-hud,.stage-bottom,.versus{pointer-events:none}footer{flex-wrap:wrap}.footer-help{padding:6px 10px;font-size:10px;background:transparent;margin-left:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}