:root{color-scheme:dark;--bg:#050816;--panel:#0c1627;--line:#ffffff1f;--text:#f4fbff;--muted:#a8bdd5;--cyan:#5de4ff;--gold:#ffd782;--red:#ff9b94;--blue:#84cdff;font-family:"Segoe UI","Pretendard","Malgun Gothic",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 85% 8%,#18578640,transparent 33%),radial-gradient(ellipse at 0 15%,#73362320,transparent 28%),linear-gradient(#050816,#071120 55%,#030611);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}button,a,select,summary:focus-visible{outline-offset:5px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,.table-scroll:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;background:var(--cyan);color:#04111e;padding:12px;z-index:5}.skip-link:focus{top:12px}[hidden]{display:none!important}
.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px;line-height:1.2;white-space:nowrap}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--cyan),#5affc8);color:#04111e}.brand small{display:block;font-size:12px;letter-spacing:.12em;color:var(--muted);margin-top:4px}.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nav-links a{padding:9px 13px;font-size:14px;font-weight:700;border-radius:24px;color:var(--muted)}.nav-links a:hover,.nav-links [aria-current]{background:#5de4ff12;color:var(--cyan)}select{padding:8px 12px;color:var(--text);border:1px solid var(--line);border-radius:20px;background:#09121f;font-size:14px}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;padding-block:70px 50px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--cyan);margin:0 0 18px}.eyebrow span{color:var(--muted);margin-left:15px}.game-name{color:var(--gold);letter-spacing:.12em;font-size:15px;font-weight:750;margin:0 0 12px}h1{font-size:clamp(42px,5.6vw,72px);line-height:1.12;letter-spacing:-.045em;margin:0 0 22px}h2{font-size:clamp(25px,3vw,36px);line-height:1.35;letter-spacing:-.035em;margin:0 0 18px}h3{font-size:21px;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px}p{margin:0 0 16px}.lead{font-size:22px;font-weight:650;line-height:1.55;max-width:25em}.intro{color:var(--muted);max-width:33em}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:13px 24px;border-radius:14px;font-weight:800;line-height:1.5;border:1px solid transparent}.primary,.download-button:not([aria-disabled="true"]){background:linear-gradient(120deg,var(--cyan),#75f5d2);color:#04111e;box-shadow:0 8px 28px #5de4ff16}.primary:hover,.download-button:not([aria-disabled="true"]):hover{filter:brightness(1.09)}.text-link{font-weight:700;text-decoration:underline;text-underline-offset:5px;color:var(--muted)}.quick-facts{list-style:none;padding:0;display:flex;gap:8px 20px;flex-wrap:wrap;margin:22px 0 0;color:var(--muted);font-size:14px}.quick-facts li::before{content:"·";color:var(--gold);padding-right:8px}.hero-art{margin:0;position:relative}.hero-art img{width:100%;max-width:440px;margin:auto;filter:drop-shadow(0 20px 45px #0008)}.hero-art figcaption{display:flex;gap:32px;justify-content:center;align-items:center;font-size:19px;font-weight:800;margin-top:8px}.hero-art figcaption>span:nth-child(2){font-size:13px;letter-spacing:.12em;color:var(--muted)}.red{color:var(--red)}.blue{color:var(--blue)}
.download-panel{background:linear-gradient(110deg,#102038,#0a1424);border:1px solid #5de4ff42;border-radius:24px;padding:34px 38px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.download-panel h2{font-size:26px}.download-panel p:not(.eyebrow){color:var(--muted);margin-bottom:0}.download-control{text-align:center}.download-button{width:100%}.download-button[aria-disabled="true"]{background:#ffffff09;color:#becddd;border-color:var(--line);cursor:not-allowed}.download-status{font-size:14px;line-height:1.65;margin-top:12px!important;overflow-wrap:anywhere}.download-meta{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:center;font-size:14px;margin:14px 0 0}.download-meta div{display:flex;gap:8px}.download-meta dt{color:var(--muted)}.download-meta dd{margin:0}.retry{margin-top:10px;padding:6px 15px;border:1px solid var(--line);border-radius:10px;color:var(--cyan);background:transparent;font-size:14px;min-height:40px}.subnote{font-size:14px;color:var(--muted);padding:14px 6px 0;line-height:1.7}.section{padding-block:65px;border-bottom:1px solid var(--line)}.section-heading{max-width:850px;margin-bottom:30px}.section-heading p:not(.eyebrow){color:var(--muted)}
.mode-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mode{padding-left:22px;border-left:2px solid #ff9b9470}.mode p{color:var(--muted);margin:0}.blue-mode{border-color:#84cdff70}.mode-number{display:block;color:var(--red);font-size:14px;font-weight:800;margin-bottom:8px}.blue-mode .mode-number{color:var(--blue)}.match-rules{display:flex;flex-wrap:wrap;gap:28px 65px;padding:30px 0 20px;margin-top:16px}.match-rules strong{display:block;font-size:30px;color:var(--gold);letter-spacing:-.035em;line-height:1.4}.match-rules span{font-size:14px;color:var(--muted)}.rule-summary{color:var(--muted);max-width:800px;margin:0}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px;scrollbar-color:#547488 #071120}table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:16px}th,td{padding:16px 22px;border-bottom:1px solid var(--line);vertical-align:middle}thead{background:#ffffff05;color:#b9d2e9}th{font-size:14px;font-weight:700}tbody tr:last-child td{border-bottom:0}tbody td:first-child{font-weight:700;white-space:nowrap}.special-row{background:#ffd7820b}.special-row td:first-child{color:var(--gold)}.odds{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding-block:32px}.odds p{color:var(--muted);margin:0}.odds-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}.odds-values dt{font-size:14px;color:var(--muted)}.odds-values dd{margin:0;font-size:clamp(23px,2.6vw,32px);font-weight:800;color:var(--gold)}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;padding:18px 8px;line-height:1.7}summary::marker{color:var(--cyan)}.details-body{padding:0 22px 8px;color:var(--muted)}.formula{color:var(--gold);font-weight:700}.score-split{display:grid;grid-template-columns:1fr 1fr 1.9fr;align-items:center;gap:26px;margin:12px 0 30px}.score-split>div>span{display:block;color:var(--muted);font-size:15px}.score-split strong{font-size:64px;line-height:1.35;letter-spacing:-.055em;color:var(--gold)}.score-split small{font-size:26px;margin-left:4px}.score-split>div:nth-child(2) strong{color:#a6c4e3}.score-split p{color:var(--muted);margin:0}.install-steps{padding:0;list-style:none;counter-reset:setup;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.install-steps li{padding-left:48px;position:relative;counter-increment:setup}.install-steps li::before{content:"0" counter(setup);position:absolute;left:0;top:-2px;color:var(--cyan);font-size:22px;font-weight:750}.install-steps h3{font-size:19px}.install-steps p{color:var(--muted);overflow-wrap:anywhere}.notice{padding:18px 22px;border-left:2px solid #ffd78270;background:#ffd78208;color:var(--muted);font-size:14px;margin-block:24px}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:30px;color:var(--muted);font-size:14px}.footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.nav{align-items:flex-start;flex-wrap:wrap}.hero{gap:20px;grid-template-columns:1.3fr 1fr;padding-top:45px}.download-panel{grid-template-columns:1fr;gap:25px}.odds{grid-template-columns:1fr;gap:18px}.score-split{grid-template-columns:1fr 1fr}.score-split>p{grid-column:1/-1}.quick-facts{gap:6px 14px}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.nav{gap:14px;padding-block:14px}.nav-links{gap:2px}.nav-links a{padding:8px 10px}.hero{grid-template-columns:1fr;padding-block:32px;gap:18px}.hero-art{grid-row:2}.hero-art img{max-width:245px}.hero-art figcaption{font-size:17px}.eyebrow{font-size:12px}.eyebrow span{margin-left:8px}.game-name{font-size:13px}.lead{font-size:20px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px}.quick-facts{font-size:13px}.download-panel{padding:25px 20px;border-radius:20px}.download-panel h2{font-size:24px}.mode-columns{grid-template-columns:1fr;gap:26px}.section{padding-block:42px}.match-rules{gap:20px;justify-content:space-between}.match-rules strong{font-size:26px}.match-rules span{font-size:13px}.odds-values{gap:10px}.score-split strong{font-size:56px}.install-steps{grid-template-columns:1fr;gap:12px}th,td{padding:14px 16px}.footer{font-size:13px;flex-wrap:wrap}}
.download-count{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.download-count strong{font-size:22px;line-height:1.4;color:var(--gold);font-variant-numeric:tabular-nums}.download-panel .download-count-note{font-size:13px;line-height:1.6;margin-top:5px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.divine-row{background:linear-gradient(90deg,#ffb85d16,#89dfff12)}.divine-row td:first-child,.divine-row td:nth-child(2){color:var(--gold);font-weight:800}
.play-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.play-flow li{display:flex;gap:16px;min-height:190px;padding:24px 20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101b2d,#09111f)}.play-flow li>span{color:var(--cyan);font-weight:850;letter-spacing:.08em}.play-flow h3{font-size:18px}.play-flow p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.hero-title-logo{width:min(620px,100%);margin:0 0 18px;filter:drop-shadow(0 12px 28px #000b)}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.example-grid article{padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101b2d,#080f1c)}.example-grid h3{margin:12px 0 8px;color:var(--gold);font-size:24px;font-variant-numeric:tabular-nums}.example-grid h3 small{font-size:14px;color:var(--muted)}.example-grid p{margin:0;color:var(--muted);font-size:14px}.example-tag{display:inline-flex;padding:4px 10px;border:1px solid #5de4ff40;border-radius:999px;color:var(--cyan);font-size:12px;font-weight:800}.example-tag.gift,.example-tag.divine{color:var(--gold);border-color:#ffd78245}.example-tag.boost{color:#ffb29e;border-color:#ff9b9445}.example-tag.like{color:#78f1db;border-color:#78f1db45}
.roster-section{overflow:hidden}.faction{margin-top:22px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#07101d}.red-faction{box-shadow:inset 3px 0 #d95f51}.blue-faction{box-shadow:inset 3px 0 #4da8e8}.faction-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.faction-heading span{font-size:22px;font-weight:850}.red-faction .faction-heading span{color:var(--red)}.blue-faction .faction-heading span{color:var(--blue)}.faction-heading small{color:var(--muted)}.character-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.character-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(#111b2a,#070d17)}.character-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;background:#080d16}.character-grid .divine-card img{object-fit:contain;padding:5%;background:radial-gradient(circle,#26364d,#050913 70%)}.character-grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 13px;font-size:13px}.character-grid figcaption b{font-size:15px}.character-grid figcaption span{color:var(--muted);font-variant-numeric:tabular-nums}.red-faction figure{border-color:#ff9b942c}.blue-faction figure{border-color:#84cdff2c}
.boost-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.boost-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#ffffff05}.boost-grid h3{font-size:18px;color:var(--gold)}.boost-grid p{margin:0;color:var(--muted)}
.reinforcement-guide{margin-top:28px;padding:clamp(20px,4vw,38px);border:1px solid #ffd78238;border-radius:22px;background:radial-gradient(circle at 10% 0,#8b2d2426,transparent 35%),radial-gradient(circle at 90% 0,#1768a52c,transparent 35%),linear-gradient(145deg,#101827,#060c16)}.reinforcement-heading{display:grid;grid-template-columns:1fr 190px;gap:24px;align-items:center}.reinforcement-heading h3{margin:0 0 10px;font-size:clamp(24px,3vw,34px);line-height:1.3;color:var(--gold)}.reinforcement-heading p:last-child{margin:0;color:var(--muted)}.reinforcement-pair{display:flex;align-items:end;justify-content:center}.reinforcement-pair img{width:112px;aspect-ratio:4/5;object-fit:contain;filter:drop-shadow(0 10px 14px #000a)}.reinforcement-pair img+img{margin-left:-34px}.reinforcement-tables{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.reinforcement-tables>div{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#050b15aa}.reinforcement-tables h4{margin:0;padding:14px 18px;color:var(--gold);border-bottom:1px solid var(--line)}.reinforcement-tables table{min-width:0;font-size:14px}.reinforcement-tables th,.reinforcement-tables td{padding:10px 18px}.reinforcement-tables tbody td:last-child{font-weight:800;color:#dcecff}.reinforcement-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.reinforcement-examples article{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.reinforcement-examples article>span{flex:0 0 auto;color:var(--cyan);font-weight:900}.reinforcement-examples h4{margin:0 0 7px;font-size:16px}.reinforcement-examples p,.reinforcement-effects p,.divine-showcase p{margin:0;color:var(--muted);font-size:14px}.reinforcement-effects{margin-top:16px;padding:16px 18px;border-left:2px solid var(--cyan);background:#5de4ff08}.divine-showcase{display:grid;grid-template-columns:150px 1fr 150px;gap:20px;align-items:center;margin-top:20px;padding:18px;border:1px solid #ffd78238;border-radius:18px;background:linear-gradient(90deg,#6f201c24,#ffd7820a,#164c7a26);text-align:center}.divine-showcase img{width:100%;height:190px;object-fit:contain;filter:drop-shadow(0 10px 16px #000a)}.divine-showcase span{display:inline-block;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.08em}.divine-showcase h4{margin:5px 0 8px;font-size:21px}
@media(max-width:900px){.play-flow{grid-template-columns:1fr 1fr}.example-grid{grid-template-columns:1fr 1fr}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boost-grid{grid-template-columns:1fr}.reinforcement-examples{grid-template-columns:1fr}.divine-showcase{grid-template-columns:110px 1fr 110px}.divine-showcase img{height:150px}}
@media(max-width:620px){.hero-title-logo{width:100%;margin-bottom:12px}.play-flow,.example-grid{grid-template-columns:1fr}.play-flow li{min-height:0}.faction{padding:18px 14px}.faction-heading{display:block}.faction-heading small{display:block;margin-top:2px}.character-grid{grid-template-columns:1fr 1fr;gap:9px}.character-grid figure:last-child{grid-column:1/-1;max-width:calc(50% - 5px);width:100%;justify-self:center}.character-grid figcaption{padding:10px}.character-grid figcaption b{font-size:14px}.reinforcement-heading{grid-template-columns:1fr}.reinforcement-pair{display:none}.reinforcement-tables{grid-template-columns:1fr}.divine-showcase{grid-template-columns:72px 1fr 72px;gap:8px;padding:12px}.divine-showcase img{height:110px}.divine-showcase h4{font-size:17px}}