@charset "UTF-8";
:root{--red:#8f2e24;--deep:#591b17;--ink:#191a1c;--line:#d2ccca;--paper:#f7f6f3;--muted:#6c6b69}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.65 Arial,"Microsoft JhengHei","PingFang TC",sans-serif;background:var(--paper)}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23999' filter='url(%23n)' opacity='.55' d='M0 0h190v190H0z'/%3E%3C/svg%3E"),repeating-linear-gradient(135deg,transparent 0 130px,#d6d3ce 131px,transparent 132px 260px)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cc8a38;outline-offset:4px}header{height:83px;background:linear-gradient(110deg,#641d19,#99382c 65%,#79251e);border-top:3px solid #c47156;border-bottom:4px solid #4d1c17;box-shadow:0 3px 0 #ba8877,0 6px 15px #0002;color:white;display:flex;align-items:center;padding:0 max(4vw,20px);gap:30px;position:relative;z-index:5}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;line-height:.98;flex-shrink:0}.emblem{width:36px;height:39px;border:2px solid #fff8;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#fff2;display:grid;place-items:center;font:bold 24px Arial}.brand strong{font:900 italic 23px/.88 Arial,sans-serif;letter-spacing:-1px}.brand small{display:block;font:10px/1.7 Arial;letter-spacing:2px;margin-top:5px}nav{display:flex;align-items:stretch;margin-left:auto;height:100%;gap:22px}nav a{display:flex;align-items:center;text-decoration:none;font-size:13px;font-weight:700;position:relative;white-space:nowrap}nav a.active:after{content:"";position:absolute;bottom:9px;left:0;right:0;height:2px;background:white}.edition{background:#fff;color:var(--red);padding:7px 13px;font-size:11px;letter-spacing:1px;white-space:nowrap}.wrap{max-width:1160px;margin:auto;padding:0 28px}.breadcrumb{margin-top:25px;font-size:11px;color:#888;letter-spacing:1px}.breadcrumb a{text-decoration:none}.page-title{text-align:center;margin:36px 0 34px}.page-title h1{font:900 53px/1.05 Arial,sans-serif;letter-spacing:-2.5px;margin:0;background:linear-gradient(#080808 40%,#8f2e24);-webkit-background-clip:text;background-clip:text;color:transparent}.page-title p{font-size:13px;font-weight:bold;letter-spacing:4px;margin:11px 0 0;color:#70605a}.slant{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-style:italic;letter-spacing:-1px}.hero-banner{height:165px;background:#fff;border:2px solid #202020;box-shadow:5px 5px 0 #d9d5cf;display:flex;align-items:center;position:relative;overflow:hidden;clip-path:polygon(0 0,98.5% 0,100% 10%,100% 100%,0 100%)}.banner-art{width:255px;height:100%;position:relative;background:#24272c;clip-path:polygon(0 0,100% 0,76% 100%,0 100%);overflow:hidden;flex-shrink:0}.banner-art img{position:absolute;width:240px;transform:rotate(-24deg);top:-18px;left:5px}.banner-art img+img{left:104px;top:40px;width:190px;transform:rotate(15deg)}.hero-copy{padding:18px 30px 18px 18px}.hero-copy h2{font-size:45px;line-height:1;margin:0 0 10px}.hero-copy p{margin:0;font-weight:700;font-size:14px}.hero-copy small{font-size:11px;color:#888;font-weight:normal}.hero-no{position:absolute;right:24px;top:18px;color:#999;font:11px monospace;letter-spacing:2px}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 46px}.entry{min-height:144px;background:#fff;border:1px solid #333;box-shadow:0 7px 10px #0002;padding:26px 23px;text-decoration:none;position:relative;transition:transform .18s,box-shadow .18s;clip-path:polygon(0 0,96% 0,100% 9%,100% 100%,0 100%)}.entry:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0003}.entry:before{content:"";height:4px;background:var(--red);position:absolute;top:0;left:0;right:0}.entry h3{font-size:29px;line-height:1.2;margin:0 0 9px}.entry p{font-weight:bold;margin:0;font-size:13px}.entry small{display:block;font:10px monospace;letter-spacing:1px;color:#999;margin-top:12px}.entry .arrow{position:absolute;right:19px;top:44px;font:35px Arial;color:var(--red)}.section-head{display:flex;gap:14px;align-items:baseline;border-bottom:2px solid #222;padding-bottom:9px;margin-bottom:20px}.section-head h2{font:bold 22px Arial;margin:0;letter-spacing:-.5px}.section-head span{font-size:12px;color:#777}.section-head a{margin-left:auto;color:var(--red);font-size:12px;text-decoration:none}.collection-row{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:40px}.collection{background:#ebe9e4;border:1px solid #d0cac6;min-height:106px;padding:18px;text-decoration:none;position:relative;overflow:hidden}.collection strong{display:block;font:900 26px Arial;color:var(--red)}.collection small{font-size:11px;position:relative;z-index:1}.collection img{position:absolute;width:112px;right:-20px;top:-5px;transform:rotate(13deg);opacity:.23}.collection:hover{border-color:var(--red)}.note{font-size:12px;color:#888;margin:10px 0 48px}.search-panel{border:1px solid #b27b6c;border-left:9px solid var(--red);border-right:9px solid var(--red);background:#fff;box-shadow:0 6px 14px #0001;padding:24px 36px;margin-bottom:27px;position:relative}.filter-line{display:grid;grid-template-columns:70px 1fr 70px 1fr;gap:14px;align-items:center}.filter-line label{font-weight:700;color:var(--red);font-size:14px}.filter-line select{width:100%;color:#fff;background:linear-gradient(#a13b2e,#75261e);border:3px double #c68363;padding:7px 12px;min-height:43px;border-radius:0}.filter-line option{background:#fff;color:#222}.keyword-line{display:flex;max-width:740px;gap:14px;margin:20px auto 0}.keyword-line input{width:100%;min-width:0;border:1px solid #b78b7f;background:#fcfbfa;padding:10px 14px;border-radius:0}.search-button{background:white;border:2px solid var(--red);font-weight:700;padding:7px 28px;min-width:143px;box-shadow:inset 0 0 0 2px #e2ccc5}.reset{background:none;border:0;color:#777;text-decoration:underline;font-size:12px}.toolbar{display:flex;align-items:center;gap:15px;margin-bottom:21px;font-size:12px;color:#777}.toolbar strong{color:#222}.view-switch{margin-left:auto;display:flex;align-items:center;gap:7px}.view-switch button{border:1px solid var(--red);background:#fff;color:var(--red);padding:6px 16px;font-size:12px}.view-switch button.selected{color:#fff;background:var(--red)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 20px;align-items:start}.card-tile{padding:0;text-align:left;border:1px solid #d5d0cb;background:#fff;box-shadow:0 4px 8px #0000000d;position:relative;overflow:hidden;transition:transform .18s}.card-tile:hover{transform:translateY(-4px);border-color:#a14533}.thumb{position:relative;overflow:hidden;background:#e7e4df}.thumb img{width:100%;aspect-ratio:800/567;object-fit:contain;display:block}.tactics .thumb img{aspect-ratio:746/1043}.zoom-mark{position:absolute;right:9px;bottom:8px;color:#fff;background:#74251edc;width:28px;height:28px;border:1px solid #fff9;display:grid;place-items:center;font-size:20px;line-height:1}.tile-info{padding:12px 14px 16px;min-height:111px}.tile-top{display:flex;align-items:center;justify-content:space-between;font:10px monospace;color:#888;margin-bottom:6px}.card-code{background:var(--red);color:white;clip-path:polygon(0 0,100% 0,100% 100%,8px 100%);padding:3px 7px 3px 13px;font-weight:700}.tile-info h2{font-size:16px;line-height:1.45;margin:0 0 6px}.tile-info .english{font-size:10px;color:#888;line-height:1.4}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.chip{border:1px solid #cfc8c3;padding:1px 6px;font-size:10px;line-height:1.6;color:#74655e;max-width:100%;overflow-wrap:anywhere}.chip.red{color:var(--red);border-color:#b78170}.empty{text-align:center;padding:70px 20px;background:white;border:1px solid #d4cbc5}.empty h2{font-size:20px}.empty p{color:#777}footer{margin-top:70px;background:#272522;color:#c1bbb4;padding:28px max(4vw,20px);font-size:11px}.footer-inner{max-width:1104px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner strong{font-size:16px;color:#fff}.footer-inner a{color:#ddd}.footer-inner p{margin:4px 0}.modal{border:0;padding:0;background:white;color:#222;max-width:min(1160px,94vw);width:1160px;max-height:92dvh;box-shadow:0 15px 90px #0008;overflow:auto}.modal::backdrop{background:#141312d9;backdrop-filter:blur(5px)}.modal-head{position:sticky;top:0;z-index:3;background:linear-gradient(100deg,#641e19,#9d392b);color:white;padding:14px 22px;display:flex;gap:15px;align-items:center;border-bottom:3px solid #c87b57}.modal-head strong{font-size:14px}.modal-head span{font-size:12px;color:#f0d3c9}.close{margin-left:auto;width:36px;height:36px;border:1px solid #ffffff70;background:#ffffff0a;color:white;font:27px Arial}.modal-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:28px}.modal-visual{min-width:0;align-self:start}.big-image{width:100%;display:block;background:#eeece9;cursor:zoom-in}.face-tabs{display:flex;gap:8px;margin-top:15px}.face-tabs button,.image-link{border:1px solid #ac6b59;background:white;padding:7px 15px;color:var(--red);font-size:12px;text-decoration:none}.face-tabs button.selected{background:var(--red);color:#fff}.image-hint{font-size:11px;color:#888;margin:12px 0}.detail h2{font-size:25px;line-height:1.4;margin:0}.detail .en{font-size:13px;color:#888;margin:5px 0 16px}.detail h3{font-size:12px;letter-spacing:2px;background:#eeeae5;border-left:4px solid var(--red);padding:7px 12px;margin:24px 0 12px}.effect{border-bottom:1px solid #ded9d2;padding:0 0 13px;margin-bottom:14px}.effect h4{font-size:15px;margin:0 0 6px}.effect p{font-size:13px;line-height:1.85;margin:5px 0}.stat-line{font:11px monospace;color:#89776d;margin-bottom:8px}.badge{font-size:.92em;padding:1px 5px;background:#747977;color:white;white-space:normal;box-decoration-break:clone;-webkit-box-decoration-break:clone}.badge.before{background:#c82780}.badge.after,.badge.move{background:#459132}.badge.combat{background:#00a4b8}.badge.power{background:#b22330}.badge.energy{background:#ecc32c;color:#282314}.badge.status{background:#86278f}.badge.critical{background:#f7d52b;color:#a32122;font-weight:bold}.effect-type{font-size:10px;padding:2px 6px;background:#8f2e24;color:white;margin-right:5px}.effect-type.passive{background:#388c55}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.related button{border:1px solid #ddd6ce;background:#faf9f6;padding:0;color:#555;text-align:left;font-size:10px}.related img{width:100%;display:block}.related span{display:block;padding:6px}.image-view{width:98vw;max-width:1600px;max-height:96dvh;border:0;padding:15px;background:#252321;overflow:auto}.image-view::backdrop{background:#000e}.image-view img{width:100%;display:block}.image-view button{position:sticky;top:0;float:right;background:#fff;color:#222;border:0;padding:8px 18px;z-index:2}.hidden{display:none!important}@media(min-width:1500px){.wrap{max-width:1280px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(max-width:950px){header{padding:0 22px;gap:20px}nav{gap:18px}.edition{display:none}.filter-line{grid-template-columns:68px 1fr 60px 1fr}.search-panel{padding:22px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry{padding:23px 17px}.entry h3{font-size:24px}.entry .arrow{right:12px;top:39px}.collection-row{grid-template-columns:repeat(2,1fr)}.modal-layout{grid-template-columns:1fr 1fr;gap:20px;padding:20px}}@media(max-width:650px){header{height:auto;min-height:113px;padding:14px 18px 0;flex-wrap:wrap;gap:5px}.brand strong{font-size:21px}.brand small{font-size:9px}nav{width:100%;height:43px;justify-content:space-between;gap:10px;margin:0}nav a{font-size:12px}nav a.active:after{bottom:3px}.wrap{padding:0 17px}.breadcrumb{margin-top:18px;font-size:10px}.page-title{margin:28px 0}.page-title h1{font-size:41px}.page-title p{font-size:11px}.hero-banner{height:145px}.banner-art{width:122px}.banner-art img{width:210px;left:-25px;top:15px}.banner-art img+img{display:none}.hero-copy{padding:10px}.hero-copy h2{font-size:29px}.hero-copy p{font-size:11px}.hero-copy small{display:block;font-size:10px;margin-top:4px}.hero-no{font-size:8px;right:10px;top:8px}.entry-grid{grid-template-columns:1fr;gap:12px;margin:18px 0 35px}.entry{min-height:99px;padding:17px 20px}.entry h3{font-size:26px;margin-bottom:2px}.entry p{font-size:12px}.entry small{position:absolute;right:50px;top:38px;margin:0;font-size:9px}.entry .arrow{top:29px;right:20px}.section-head h2{font-size:18px}.section-head span{font-size:10px}.collection-row{gap:12px}.collection{padding:13px;min-height:95px}.collection strong{font-size:24px}.collection small{font-size:10px}.search-panel{padding:18px 14px;border-left-width:5px;border-right-width:5px}.filter-line{grid-template-columns:62px 1fr;gap:12px 8px}.filter-line label{font-size:12px}.filter-line select{font-size:12px;min-height:40px}.keyword-line{margin-top:15px;gap:7px}.keyword-line input{font-size:12px;padding:9px}.search-button{min-width:83px;padding:6px 10px;font-size:12px}.toolbar{gap:8px;font-size:11px;flex-wrap:wrap}.view-switch{gap:5px}.view-switch button{font-size:10px;padding:5px 9px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}.tile-info{padding:9px;min-height:115px}.tile-info h2{font-size:13px}.tile-top{font-size:9px}.tile-info .english{font-size:9px}.chip{font-size:9px;padding:1px 4px}.card-code{font-size:9px;padding:2px 5px 2px 9px}.zoom-mark{width:23px;height:23px;font-size:16px;right:6px;bottom:5px}.modal{max-width:96vw;max-height:95dvh}.modal-layout{grid-template-columns:1fr;padding:16px}.modal-head{padding:9px 14px}.modal-head span{font-size:10px}.detail h2{font-size:22px}.modal-visual{max-width:100%;width:100%}.tactic-image{max-height:65dvh;object-fit:contain}.footer-inner{align-items:start;flex-direction:column;gap:12px}.footer-inner strong{font-size:14px}footer{margin-top:45px;padding:24px 18px}.related{grid-template-columns:repeat(3,1fr)}}
.unit-parameters{display:flex;gap:12px;margin-top:20px}.unit-parameters span{background:#f1eeea;border-left:3px solid #8f2e24;padding:7px 12px;font:11px Arial;color:#8f2e24;flex:1}.unit-parameters strong{display:block;color:#222;font-size:25px;margin-top:5px}

.brand{gap:0;flex-direction:column;align-items:flex-start}.official-logo{display:block;width:170px;height:auto;max-height:49px;object-fit:contain}.brand-caption{font-size:9px;letter-spacing:2px;line-height:1.4;margin:2px 0 0 42px}.footer-credit{max-width:1104px;margin:22px auto 0;padding-top:18px;border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:8px 28px;font-size:12px}.footer-credit strong{color:#f1ece5;font-weight:500}.footer-credit span{color:#c1bbb4}@media(max-width:650px){.official-logo{width:151px;max-height:43px}.brand-caption{font-size:8px;margin-left:37px}.footer-credit{flex-direction:column;font-size:11px}}