:root{--ink: #111a1d;--ink-2: #172226;--ink-3: #1e2c31;--sand: #f1e6cd;--muted: #b9c1ba;--gold: #c9ae73;--gold-2: #dcc99d;--line: #c9ae7333;--blue: #3b6a85;--serif: Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--ink);color:var(--sand);font:16px/1.6 var(--sans)}a{color:var(--gold-2)}a:focus-visible,.btn:focus-visible{outline:2px solid #a9d9f4;outline-offset:3px}img{max-width:100%;height:auto;display:block}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left))}.eyebrow{color:var(--gold);font-size:13px;letter-spacing:.04em}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;line-height:1.15}h2{font-size:clamp(28px,3.6vw,40px);margin:0 0 24px}h3{font-size:22px;margin:6px 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold-2);color:#16211f;border:0;border-radius:6px;padding:14px 26px;min-height:48px;font:600 16px/1 var(--sans);text-decoration:none}.btn:hover{background:#e9d9b1}.btn .arrow{display:none}.btn-muted{filter:saturate(.3) brightness(.8)}.link{color:var(--sand);font-size:15px;text-underline-offset:4px}.top{position:absolute;top:0;left:0;right:0;z-index:5;padding-top:env(safe-area-inset-top)}.top-in{display:flex;justify-content:space-between;align-items:center;height:72px;gap:20px}.brand{display:inline-flex;align-items:center;color:var(--sand);text-decoration:none;font:18px var(--serif)}.top-nav{display:flex;gap:28px;align-items:center;font-size:15px}.top-nav a{color:#d9dccf;text-decoration:none}.top-nav a:hover,.top-nav a[aria-current]{color:#fff}.top-play{border:1px solid #dcc99d99;border-radius:6px;padding:8px 18px;color:var(--sand)!important;text-decoration:none;font-size:15px}.top-play:hover{background:#dcc99d1f}.top-in>.top-nav:last-child{margin-left:auto}.hero{position:relative;min-height:88vh;min-height:88svh;display:flex;align-items:center;isolation:isolate;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2;background:#303d38 url(/img/hero.jpg?v=e864aada) center/cover}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d171af2,#0d171ad9 34%,#0d171a4d 66%,#0d171a1a),linear-gradient(0deg,var(--ink),transparent 28%)}.hero-in{padding-top:100px;padding-bottom:80px}.hero-seal{display:block;width:168px;height:168px;margin:0 0 26px -4px;filter:drop-shadow(0 6px 18px #0009)}.hero h1{font-size:clamp(44px,6vw,72px);margin:0 0 18px;text-shadow:0 2px 16px #07121480}.lead{max-width:480px;font-size:19px;line-height:1.55;color:#e2e2d6;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.soon{max-width:480px;margin:18px 0 0;padding:12px 14px;border-left:2px solid var(--gold);background:#172226d9;font-size:14px;color:#e7dfcb}.platforms{margin:22px 0 0;font-size:14px;color:#b9c1ba}.how{padding:80px 0 30px}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.steps h3{display:flex;align-items:baseline;gap:12px;margin:22px 0 8px}.steps h3 span{font:600 14px var(--sans);color:var(--gold);font-variant-numeric:tabular-nums}.steps p{margin:0;color:var(--muted);font-size:16px}.shot{display:block;width:100%;aspect-ratio:390 / 620;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #ffffff1a;background:var(--ink-2)}.units-sec{padding:70px 0 20px}.units-head{display:grid;grid-template-columns:minmax(0,300px) minmax(0,560px);gap:40px;align-items:baseline;margin-top:30px}.units-head h2{margin:0}.units-head p{margin:0;color:var(--muted)}.roster{list-style:none;padding:0;margin:28px 0 40px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.roster li{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted);line-height:1.45}.roster img,.roster video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:var(--ink-2);border-radius:10px;margin-bottom:10px}.roster b{color:var(--sand);font:19px var(--serif)}.roster-5{grid-template-columns:repeat(5,minmax(0,1fr))}.roster-mastery{row-gap:26px}.roster-mastery img{object-fit:cover}.roster-mastery i{font-style:normal;color:var(--gold)}.gallery-sec{padding:50px 0 40px}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.gallery figure{margin:0;scroll-snap-align:start}.gallery img{width:100%;aspect-ratio:390 / 700;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #ffffff1a}.gallery img.pos-bottom{object-position:bottom}.gallery figcaption{margin-top:10px;font-size:14px;color:var(--muted)}.more{padding:40px 0 30px}.wide{margin:0 0 40px}.wide img{width:100%;border-radius:10px;border:1px solid #ffffff1a}.wide figcaption{margin-top:10px;font-size:14px;color:var(--muted)}.modes{margin:0;border-top:1px solid var(--line)}.modes div{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:40px;padding:18px 0;border-bottom:1px solid var(--line)}.modes dt{font:20px var(--serif)}.modes dd{margin:0;color:var(--muted)}.modes .later dt,.modes .later dd{color:#8e9a95}.final{padding:70px 0 90px}.final-in{max-width:760px}.final p{color:var(--muted);margin:0 0 26px}.final-play{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}.final-play span{color:var(--muted);font-size:15px}@media(max-width:900px){.steps{grid-template-columns:1fr;gap:50px}.steps li{display:grid;grid-template-columns:minmax(0,200px) 1fr;gap:24px;align-items:center}.steps h3{margin-top:0}.roster,.roster-5{grid-template-columns:repeat(3,minmax(0,1fr))}.units-head,.modes div{grid-template-columns:1fr;gap:8px}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 14px;scroll-padding:0 20px}.gallery figure{flex:0 0 40%}}@media(max-width:600px){.top-nav a:not(.top-play){display:none}.hero{align-items:flex-end;min-height:92svh}.hero:before{background:linear-gradient(90deg,#0d171aeb,#0d171a99),linear-gradient(0deg,var(--ink),transparent 50%)}.hero-bg{background-position:61% center}.hero-in{padding-bottom:48px}.hero-seal{width:112px;height:112px;margin-bottom:20px}.lead{font-size:17px}.hero-actions .btn{flex:1 1 100%}.steps li{grid-template-columns:1fr}.steps .shot{max-width:280px}.roster,.roster-5{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.roster img,.roster video{margin-bottom:6px}.roster b{font-size:17px}.gallery figure{flex-basis:72%}}.page{padding:110px 0 70px}.page .wrap{max-width:760px}.page h1{font-size:clamp(36px,6vw,54px);margin:18px 0 8px}.page .updated{color:var(--muted);font-size:14px;margin:0 0 36px}.page h2{font-size:24px;margin:38px 0 10px}.page p,.page li{color:#d9dcd2}.page ul{padding-left:22px}.page table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 20px}.page th,.page td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--line)}.page th{color:var(--gold-2);font-weight:600}.site-foot{border-top:1px solid var(--line);padding:36px 0 calc(36px + env(safe-area-inset-bottom));background:#0d1517}.foot-brand{display:flex;align-items:center;font:17px var(--serif)}.foot-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0;font-size:14px}.notice{margin:0;font-size:12px;line-height:1.6;color:#93a09b;max-width:820px}.notice a{color:#b9ab86}@media(max-width:900px){.steps{grid-template-columns:1fr;gap:54px}.step{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:26px;align-items:center}.mode-grid{grid-template-columns:1fr 1fr}.phone-in{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.top-nav a:not(.top-play){display:none}.brand{font-size:9px;letter-spacing:.14em}.hero{align-items:flex-end}.hero:before{background:linear-gradient(90deg,#0d171aeb,#0d171a99),linear-gradient(0deg,var(--ink),transparent 50%)}.hero-bg{background-position:61% center}.hero-in{padding-bottom:56px}.lead{font-size:16px}.btn{width:100%}.how{padding-top:64px}.step{grid-template-columns:1fr}.shot{max-width:300px}.mode-grid{grid-template-columns:1fr}}.guide .controls{display:flex;flex-direction:column;gap:26px;margin-top:18px}.guide .ctl{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:26px;align-items:start}.guide .ctl img{width:100%;height:auto;border-radius:10px;border:1px solid #c9ae7345}.guide .ctl h3{margin:0 0 10px;font-size:22px}.guide .ctl h3 small{display:block;font-size:14px;opacity:.7;font-weight:400;margin-top:4px}.guide .ctl ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.guide .ctl p{margin:12px 0 0;opacity:.85}@media(max-width:640px){.guide .ctl{grid-template-columns:1fr;gap:14px}.guide .ctl img{max-width:300px}}.guide .wrap{max-width:980px}.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.toc a{font-size:13px;text-decoration:none;border:1px solid var(--line);padding:7px 12px;color:#e3d6b4;background:var(--ink-2)}.toc a:hover{border-color:var(--gold)}.guide h2{font-size:clamp(28px,4vw,38px);margin-top:56px;scroll-margin-top:20px}.basics{padding-left:22px}.basics li{margin:0 0 12px}.basics b,.tips b,.combos b{color:var(--sand)}.units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit{display:grid;grid-template-columns:120px 1fr;gap:16px;background:var(--ink-2);border:1px solid var(--line);padding:16px}.unit img{width:120px;height:120px;object-fit:contain;background:radial-gradient(circle at 50% 62%,#2b3d42,#172226 72%)}.unit h3{margin:0 0 6px;font-size:24px}.unit p{font-size:14px;margin:0 0 10px;color:var(--muted)}.unit dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}.unit dt{color:#a8b3ad}.unit dd{margin:0;color:var(--sand)}.elements{display:grid;grid-template-columns:1fr 1fr;gap:12px}.elements figure{margin:0;display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line);padding:12px}.elements img{width:110px;height:110px;object-fit:contain}.elements figcaption{font-size:14px;color:var(--muted)}.elements b{color:var(--sand)}.masteries{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.masteries li{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;background:var(--ink-2);border:1px solid var(--line);padding:10px}.masteries img{width:96px;height:96px;object-fit:cover;border-radius:8px}.masteries b{display:block;color:var(--sand);font:19px var(--serif)}.masteries small{display:block;margin:2px 0 4px;color:var(--gold);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.masteries span{font-size:14px;color:var(--muted)}.page .masteries{padding:0}.combos,.tips{padding-left:20px}.combos li,.tips li{margin-bottom:10px}.defs{display:grid;grid-template-columns:130px 1fr;gap:12px 18px}.defs dt{font-family:var(--serif);font-size:20px;color:var(--gold-2)}.defs dd{margin:0;color:#d9dcd2}.guide-cta{margin-top:44px}.guide .top{position:absolute}@media(max-width:760px){.units,.elements,.masteries{grid-template-columns:1fr}.unit{grid-template-columns:90px 1fr;padding:14px}.unit img{width:90px;height:90px}.defs{grid-template-columns:1fr;gap:4px}.defs dd{margin-bottom:12px}}.acct .wrap,.lb .wrap{max-width:820px}.acct h2{font-size:26px;margin:44px 0 14px}.acct-loading{color:var(--muted)}.acct-error{background:#3a1f1d;border-left:2px solid #e08a7a;padding:10px 14px;color:#f3d2cb}.gbtn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:4px;padding:11px 18px;font:500 15px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;margin:8px 0 18px;min-height:44px}.gbtn:hover{background:#f2f2f2}.gbtn[hidden]{display:none}.fine-print{font-size:13px;color:#9aa7a2;max-width:560px}.acct-soon{color:var(--gold-2)}.acct-form{display:grid;gap:10px;max-width:420px;margin-top:22px}.acct-form label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.acct-form input[type=text],.acct-form input:not([type]),.acct-delete input{width:100%;padding:12px;font-size:16px;background:#142127;border:1px solid #b4c2ba66;color:var(--sand);border-radius:2px}.acct-form input:focus,.acct-delete input:focus{outline:2px solid #a9d9f4;outline-offset:1px}.acct-check{display:flex;gap:10px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;color:#d9dcd2!important;margin:6px 0 8px}.acct-check input{width:20px;height:20px;accent-color:#bda26d;margin-top:1px;flex:none}.acct-hint{min-height:18px;margin:0;font-size:13px;color:var(--muted)}.acct-hint.ok{color:#9fd49a}.acct-hint.bad{color:#f0a597}.acct-row{display:flex;gap:8px}.acct-row input{flex:1}.btn-ghost,.btn-danger{background:transparent;color:var(--sand);border:1px solid #c9ae7366;padding:11px 16px;font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;min-height:44px}.btn-ghost:hover{border-color:var(--gold)}.btn-danger{border-color:#c96b5c88;color:#f3c2b8}.btn-danger:hover{background:#3a1f1d}.acct-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.acct-delete{margin-top:18px;border:1px solid #c96b5c66;padding:18px;background:#1d1716}.acct-delete h3{margin-top:0}.acct-delete label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:12px 0 8px}.acct-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.stat-card{background:var(--ink-2);border:1px solid var(--line);padding:16px}.stat-card span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.stat-card b{display:block;font-family:var(--serif);font-weight:400;font-size:34px;margin:8px 0 2px}.stat-card small{color:var(--muted);font-size:12px}.acct-table-wrap{overflow-x:auto;border:1px solid var(--line)}.acct-table{width:100%;border-collapse:collapse;font-size:14px}.acct-table th,.acct-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.acct-table th{color:var(--gold-2);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:var(--ink-2)}.acct-table td.won{color:#f0d9a6;font-weight:600}.acct-table td.empty{color:var(--muted);white-space:normal;padding:22px 14px}.acct-table td.rank{font-family:var(--serif);color:var(--gold-2);width:40px}.lb-tabs{display:inline-flex;border:1px solid var(--line);padding:3px;gap:2px;margin:0 10px 14px 0;background:var(--ink-2)}.lb-tabs button{background:none;border:0;color:#c1c7c4;padding:9px 16px;font:500 13px var(--sans);cursor:pointer;min-height:40px}.lb-tabs button[aria-pressed=true]{background:#45504c;color:#f5e9cf}@media(max-width:640px){.acct-stats{grid-template-columns:1fr}.acct-row{flex-direction:column}}.crest-img{width:30px;height:30px;margin-right:12px;vertical-align:middle}.foot-brand .crest-img{width:28px;height:28px}.online{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.online-bg{position:absolute;inset:0;background:url(/img/hero.jpg?v=e864aada) center/cover;opacity:.22}.online-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,#111a1dd9 45%,#111a1d66 100%)}.online-in{position:relative;padding-top:72px;padding-bottom:40px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}.online-text{flex:1 1 420px;min-width:0}.online-text h2{margin:12px 0 14px}.online-text p{color:var(--muted);max-width:520px;line-height:1.7;margin:0 0 22px}.dateline{margin:0;font:italic 17px var(--serif);color:var(--gold)}.online-live{display:inline-flex;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 18px;border:1px solid #c9ae7359;background:#0f1a1ecc;margin:0 0 24px;font-size:13px;color:var(--muted)}.online-live[hidden]{display:none}.online-live span{display:flex;align-items:center;gap:8px}.online-live b{font:400 24px var(--serif);color:var(--sand)}.online-live .dot{width:9px;height:9px;border-radius:50%;background:#9fd9a8}.online-actions{display:flex;flex-wrap:wrap;gap:12px}.online-friend{display:inline-flex;align-items:center;padding:0 22px;min-height:48px;letter-spacing:normal;text-transform:none;font-size:16px;text-decoration:none}.online-side{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:10px}.online-side img{width:100%;height:auto;display:block;border:1px solid #c9ae7359}.online-points{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.online-points div{padding:14px;border:1px solid var(--line);background:#0f1a1ecc}.online-points dt{font:17px var(--serif)}.online-points dd{margin:4px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.online-top{position:relative;padding-bottom:60px}.online-top[hidden]{display:none}.online-top h3{font:400 26px var(--serif);margin:10px 0 14px}.online-top .link{display:inline-block;margin-top:12px}@media(max-width:600px){.online-points{grid-template-columns:1fr}.online-in{padding-top:56px}.online-actions>*{width:100%;justify-content:center}}.h1-sub{display:block;margin-top:12px;font:600 14px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);text-shadow:none}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 30px 16px 0;font:19px/1.35 var(--serif);list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;top:13px;font:24px var(--sans);color:var(--gold)}.faq details[open] summary:after{content:"\2212"}.faq summary:focus-visible{outline:2px solid #a9d9f4;outline-offset:2px}.faq details p{margin:0 0 18px;color:var(--muted);line-height:1.7}.article .wrap{max-width:760px}.article>.wrap>p{line-height:1.75}.article h1{font-size:clamp(34px,5.4vw,50px)}.mazes{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0 20px}.mazes figure{margin:0;width:160px}.mazes img{width:160px;height:auto}.mazes figcaption{margin-top:8px;font-size:13px;color:var(--muted)}.mazes figcaption b{display:block;color:var(--sand);font-weight:600}@media(max-width:420px){.mazes{gap:12px}.mazes figure,.mazes img{width:calc(50vw - 30px)}}.news .entry{padding:26px 0 8px;border-top:1px solid var(--line);margin-top:30px}.news .entry:first-of-type{margin-top:10px}.news .entry-date{margin:0;font:italic 16px var(--serif);color:var(--gold)}.news .entry h2{margin:4px 0 12px;font-size:28px}.news .entry ul{padding-left:20px}.news .entry li{margin:0 0 9px;line-height:1.65}.news .entry li b{color:var(--sand)}@media(max-width:600px)and (max-aspect-ratio:5/6){.hero-bg{background-image:url(/img/hero-tall.jpg?v=8d6c111e);background-position:center top}}