:root{color:#edf7ef;background:#0c171c;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0c171c}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 72% 2%,#1f5360 0,transparent 27rem),linear-gradient(145deg,#101e24,#0a1217 56%,#17271e)}button,a{-webkit-tap-highlight-color:transparent}.guide-shell{width:min(100%,780px);margin:0 auto;padding:max(18px,env(safe-area-inset-top)) 18px max(40px,env(safe-area-inset-bottom))}.hero{min-height:285px;padding:28px 22px;position:relative;overflow:hidden;border:2px solid #c89945;border-radius:8px;background:linear-gradient(128deg,#15333a,#172b30,#241f19);box-shadow:inset 0 0 0 5px #0b1519,0 20px 45px #0008}.hero:before,.guide-card:before{content:"";position:absolute;inset:8px;border:1px solid #e4c67a55;pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:58%}.kicker,.card-label,.section-heading p{margin:0 0 8px;color:#f0b74a;font-size:11px;font-weight:800;letter-spacing:.12em}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(34px,9vw,52px);line-height:1.03;letter-spacing:0}.hero-copy>p:last-child{margin:14px 0 0;color:#cce0db;line-height:1.65;font-size:15px}.hero-machine{position:absolute;right:-30px;bottom:-34px;width:52%;height:88%;background:repeating-linear-gradient(90deg,#b58138 0 17px,#6d552c 17px 26px,#2c3e3e 26px 32px);clip-path:polygon(24% 0,100% 12%,100% 100%,0 100%,0 34%);opacity:.92;border-left:7px solid #d6aa59}.hero-machine img{position:absolute;width:120px;left:25%;top:18%;filter:drop-shadow(0 8px 0 #0008)}.machine-teeth{position:absolute;left:0;right:0;bottom:23px;height:30px;background:repeating-linear-gradient(90deg,#e7d39c 0 15px,#3d4c4c 15px 23px);border-block:4px solid #141d1d}.machine-light{position:absolute;width:18px;height:18px;right:28px;top:34%;border-radius:50%;background:#e94448;box-shadow:0 0 14px #ff4343}.guide-section{scroll-margin-top:18px;padding-top:66px}.section-heading{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:end;margin:0 0 18px 32px;position:relative}.section-heading:before{content:"";position:absolute;left:-32px;bottom:0;height:54px;width:7px;background:#e4a839;box-shadow:10px 0 #6f5231}.section-heading p{grid-column:1;margin:0}.section-heading h2{grid-column:1;margin:0;font-size:clamp(27px,7vw,38px);line-height:1.1}.section-heading span{grid-column:2;grid-row:1 / 3;color:#dfae51;font-size:31px;font-weight:900;opacity:.6}.guide-card{position:relative;padding:20px;border:1px solid #60757a;border-radius:6px;background:linear-gradient(145deg,#1b2c31dd,#111c20ef);box-shadow:0 10px 26px #0005,inset 0 1px #d1e0cb1f;overflow:hidden}.guide-card h3{position:relative;margin:0 0 10px;color:#fff6d7;font-size:19px;line-height:1.25}.guide-card p{position:relative;margin:0;color:#d4dfdc;font-size:14px;line-height:1.7}.guide-card p+p{margin-top:10px}.content-grid{display:grid;gap:12px}.content-grid+.guide-card,.guide-card+.content-grid{margin-top:12px}.two-up{grid-template-columns:1fr}.gear-intro{grid-template-columns:1fr 1fr}.feature-card{display:flex;flex-direction:column;gap:14px;min-height:220px}.support-card{background:linear-gradient(145deg,#2a2234,#181d2a)}.gear-orbit{position:relative;height:82px;width:82px}.gear-orbit img{width:82px;height:82px}.gear-orbit b{position:absolute;inset:16px;display:grid;place-items:center;border-radius:50%;background:#e5a839;color:#162129;font-size:24px}.support-card .gear-orbit b{background:#b67ee7}.action-types{margin-top:12px}.card-title{display:flex;gap:10px;align-items:center}.bolt{width:10px;height:20px;background:#f0b743;clip-path:polygon(52% 0,100% 0,62% 40%,95% 40%,18% 100%,37% 54%,0 54%)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.type-grid div{padding:12px;border:1px solid #7a8e8b;background:#0c171ad0}.type-grid strong{display:block;color:#efbd58;font-size:14px}.type-grid span{display:block;margin-top:5px;color:#c9d4d1;font-size:12px;line-height:1.45}.grid-demo{width:130px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:18px auto 0}.grid-demo i{aspect-ratio:1;border:1px solid #6f8987;background:#173338}.grid-demo .support-shape{grid-row:span 2;background:#a866d4;box-shadow:0 0 10px #c178ff}.notice{position:relative;margin-top:14px;padding:10px 12px;border-left:4px solid #efab3f;background:#392c1d;color:#f2dfb7;font-size:13px;line-height:1.55}.notice b{color:#ffcc62;margin-right:8px}.exclusive-card{display:flex;align-items:end;min-height:210px;margin-top:12px;padding-left:42%}.exclusive-card img{position:absolute;bottom:-18px;left:-22px;width:48%;max-width:220px}.exclusive-card div{position:relative}.battle-visual{padding:0;display:grid;background:#091114}.screen-shot{position:relative;aspect-ratio:9 / 13;overflow:hidden;background:#14252b}.screen-shot>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;display:block}.screen-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#06101355 100%);pointer-events:none}.focus{position:absolute;z-index:1;padding:5px 8px;border:2px solid #ffcc50;background:#17252bdc;color:#fff4c6;font-size:11px;font-weight:800;box-shadow:0 0 0 4px #e07f3833,0 0 16px #f6bc44aa}.focus-engine{top:63%;left:26%}.focus-fire{bottom:4%;left:37%}.focus-status{top:53%;right:7%}.visual-caption{padding:19px 20px 21px}.visual-caption h3{margin-top:0}.rule-list{margin:0}.rule-list dt{margin-top:11px;color:#efbd58;font-size:14px;font-weight:700}.rule-list dt:first-child{margin-top:0}.rule-list dd{margin:3px 0 0;color:#d4dfdc;font-size:13px;line-height:1.6}.compact dt{margin-top:8px}.planned-card{display:grid;grid-template-columns:1fr auto;align-items:center;margin-top:12px;background:linear-gradient(135deg,#27322e,#111c20)}.planned-card ol{margin:0;padding:0;list-style:none;counter-reset:action}.planned-card li{counter-increment:action;margin:5px 0;color:#e7e9ce;font-size:12px}.planned-card li:before{content:counter(action);display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:50%;background:#e6a737;color:#172329;font-weight:800}.burst-card{background:radial-gradient(circle at 78% 17%,#974c33 0,transparent 35%),#241b1c}.burst-count{display:flex;align-items:center;gap:6px;margin:13px 0}.burst-count b{display:inline-grid;place-items:center;width:38px;height:38px;transform:skew(-8deg);background:#ef8941;color:#2b1714;font-size:23px}.burst-count span{color:#f8d77c;font-size:11px;font-weight:800}.junk-card{display:flex;gap:15px;align-items:center}.junk-card img{width:72px;height:72px;filter:drop-shadow(0 5px 8px #0009)}.tuning-hero{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#273238,#142326)}.tuning-hero img{width:38%;min-width:115px}.placement-board{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:min(230px,100%);margin:15px auto 0}.placement-board i{aspect-ratio:1;border:1px solid #6e8786;background:#14272b}.placement-board i.filled{background:#df9d39;box-shadow:inset 0 0 0 4px #57411f}.important-rule{border-color:#e7a944}.refresh-stat{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:14px;padding:10px 0;border-top:1px solid #6d7772;color:#bdcbc6;font-size:13px}.refresh-stat b{color:#ffbf52}.enemy-info{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}.enemy-badges{display:flex;flex-wrap:wrap;gap:7px;align-content:center}.enemy-badges span{padding:7px 9px;border:1px solid #82938b;color:#d9e6d8;font-size:12px}.enemy-badges .danger{border-color:#d75c50;color:#ffb7a3}.chapter-card{padding:0}.chapter-card img{width:100%;height:155px;object-fit:cover;display:block;filter:saturate(.8) contrast(1.08)}.chapter-card div{padding:17px}.progression-card{margin-top:12px}.progression-grid{display:grid;gap:10px;margin-top:15px}.progression-grid div{padding:14px;border-left:3px solid #648b83;background:#0b1519b8}.progression-grid b{color:#f1ba51;font-size:14px}.progression-grid p{margin-top:6px;font-size:13px}.character-card{display:grid;grid-template-columns:40% 1fr;align-items:end;min-height:285px}.character-card img{width:135%;margin:0 0 -28px -38px;filter:drop-shadow(0 8px 6px #0008)}.character-card div{position:relative}.lab-card{display:grid;grid-template-columns:1fr;gap:14px}.lab-lines{min-height:80px;background:repeating-linear-gradient(90deg,#aa7634 0 12px,#263b3d 12px 20px,#d5b15d 20px 25px,#1a2a2e 25px 37px);border:5px solid #5d6a61;box-shadow:inset 0 0 0 2px #151e1f}.muted{color:#9cb0ac!important;font-size:12px!important}.guide-nav{position:fixed;z-index:10;right:6px;right:max(6px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:grid;gap:4px;width:48px;padding:4px;border:1px solid #846b40;border-radius:5px;background:#101b20df;box-shadow:0 10px 24px #0008;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide-nav a{display:grid;min-height:46px;place-content:center;gap:1px;padding:4px 1px;border:1px solid transparent;color:#81918f;text-align:center;text-decoration:none;font-size:10px;font-weight:800}.guide-nav a span{color:#60716e;font-size:8px}.guide-nav a.is-active{border-color:#e4a83f;background:#4c3821;color:#ffe2a0;box-shadow:inset 3px 0 #f1b745}.guide-nav a.is-active span{color:#f4ba50}footer{display:flex;align-items:center;justify-content:space-between;margin:62px 0 0 32px;padding:20px 0;border-top:1px solid #536662;color:#8ea29e;font-size:12px}footer a{color:#f2b951;font-weight:800;text-decoration:none}@media(min-width:640px){.guide-shell{padding-inline:34px}.hero{min-height:330px;padding:42px}.two-up{grid-template-columns:1fr 1fr}.battle-visual{grid-template-columns:42% 1fr}.screen-shot{aspect-ratio:auto;min-height:360px}.enemy-info{grid-template-columns:1fr auto}.lab-card{grid-template-columns:120px 1fr}.guide-nav{right:calc(50% - 470px)}.progression-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:410px){.guide-shell{padding-right:13px;padding-left:13px}.hero{padding:24px 17px}.gear-intro{grid-template-columns:1fr}.hero-copy{max-width:70%}.hero-machine{opacity:.55}.exclusive-card{padding-left:40%}.guide-nav{width:46px}.type-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
