@font-face{font-family:Interface;src:url(interface.otf)}@font-face{font-family:Editorial;src:url(editorial.otf)}*{box-sizing:border-box}body{margin:0;background:#090a10;color:#f5f1ec;font:16px/1.6 Interface,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover,summary:hover{color:#cdc1ef}a:focus-visible,summary:focus-visible{outline:2px solid #d9c5ff;outline-offset:5px}header{height:72px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #292831;background:#090a10;position:relative;z-index:2}nav,footer,.directory{display:flex;align-items:center;gap:clamp(16px,3vw,44px)}nav a{font-size:14px}nav a[aria-current]{color:#d4c5f5}.word{width:100%;filter:invert(1);mix-blend-mode:screen;display:block}.brand{width:126px}.hero{min-height:calc(100svh - 72px);display:grid;place-items:center;background:linear-gradient(0deg,#090a10 0%,transparent 55%,#090a1040),url(nebula.webp) center/cover}.hero.custom{background-image:linear-gradient(0deg,#090a10,transparent 70%),url(hero.webp)}.lockup{text-align:center;width:min(74vw,580px);padding:45px 0}.symbol{width:min(50vw,320px);mix-blend-mode:screen;display:block;margin:auto}.hero h1{margin:-2vw 0 42px}.btn{display:inline-flex;gap:24px;background:#eee9e4;color:#17151b;padding:12px 24px;font-size:15px}.btn:hover{background:#d9cbee;color:#17151b}.sheet{max-width:880px;margin:auto;padding:clamp(48px,8vw,110px) 24px;min-height:74vh}.label{font:10px monospace;letter-spacing:.2em;color:#b8afcd}.sheet h1{font:normal clamp(42px,7vw,78px)/1.05 Editorial,Georgia,serif;margin:20px 0 44px}.sheet h2{font-size:21px}.sheet p{color:#c3bfcd;max-width:68ch}.sheet section,.categories details{border-top:1px solid #34303d;padding:9px 0 16px}.sheet .btn,.directory{margin-top:18px}.categories summary,summary{cursor:pointer}.categories summary{padding:8px 0}code{color:#e0ccff}footer{flex-wrap:wrap;border-top:1px solid #34303d;padding:28px 6vw;color:#b4b0bc;font-size:13px;gap:12px 24px}footer small{width:100%}.mobile{display:none}@media(max-width:750px),(orientation:portrait){header>nav{display:none}.mobile{display:block}.mobile summary{list-style:none;font-size:24px;padding:4px 8px}.mobile nav{position:absolute;right:0;top:72px;padding:20px 32px;background:#14131b;display:grid;text-align:right;border:1px solid #393641}}

header{background:#090b13;height:68px;gap:18px;padding-inline:4vw}
.brand{width:clamp(132px,14vw,202px);display:block;mix-blend-mode:screen}
.brand img{width:100%;height:auto;display:block}
header>nav{margin:auto;gap:clamp(12px,2.3vw,42px)}
header>nav a{padding:20px 0;font-weight:600;position:relative}
header nav a[aria-current]:after{content:'';position:absolute;bottom:12px;left:0;right:0;height:2px;background:#bca9f5}
.profile{width:42px;height:42px;border:1px solid #47434f;display:grid;place-items:center}
.hero,.hero.custom{min-height:calc(100svh - 68px);background-image:linear-gradient(0deg,#0a0b1b70,transparent 55%),url(preview-scene.webp);background-position:center;background-size:cover}
.hero.custom{background-image:linear-gradient(0deg,#0a0b1b70,transparent 55%),url(hero.webp)}
.lockup{width:auto;padding:12px 0 7vh}.lockup h1{margin:0}.symbol{width:clamp(170px,23vw,350px);max-height:45svh;object-fit:contain;mix-blend-mode:screen}
.hero .btn,.guide .btn{background:#eeeafa;color:#171525;font-weight:bold;letter-spacing:.02em;border-radius:3px}.hero .btn{margin-top:14px}
.sheet h1,.guide h1,.monthly h2{font-family:system-ui,sans-serif;font-weight:850;letter-spacing:-.065em}
.guide{max-width:1180px;margin:auto;padding:8vh 5vw;color:#f7f5fb}.guide h1{font-size:clamp(44px,7vw,88px);line-height:1.05;margin:0 0 32px}
.guide-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;padding:clamp(24px,4vw,60px);background:linear-gradient(95deg,#141529f5,#151528d9),url(preview-scene.webp) center/cover;border-top:2px solid #bdabf1}
.guide-panel b{color:#c5b7ec;font:bold 17px monospace}.guide-panel h2{font-size:clamp(20px,2vw,32px);margin:32px 0 8px;line-height:1.2}.guide p{color:#d1cddd}.monthly{display:flex;justify-content:space-between;gap:4vw;margin:48px 0}.monthly h2{font-size:clamp(32px,4vw,56px);margin:0}.monthly div{max-width:440px}.monthly p{margin-top:0}
@media(orientation:landscape){header>nav{display:flex}.mobile{display:none}}
@media(orientation:landscape) and (max-width:710px){header{padding-inline:12px;gap:8px}.brand{width:80px}header>nav{gap:10px}nav a{font-size:12px}.profile{width:30px;height:32px}}
@media(orientation:portrait){.brand{width:44px}.mobile{margin-left:auto}.mobile nav{top:68px;z-index:3}.mobile a{position:relative}.mobile nav a[aria-current]:after{display:none}.symbol{width:min(52vw,270px)}.hero{background-position:24% center}.hero.custom{background-position:center}.hero .lockup{background:radial-gradient(ellipse,#0e102255,transparent 70%)}}
@media(max-width:700px){.guide-panel{grid-template-columns:1fr}.guide-panel h2{margin-top:8px}.monthly{display:block}.monthly h2{margin-bottom:16px}}
.sheet h1,.guide h1{font-size:clamp(38px,5vw,64px);font-weight:650;letter-spacing:-.043em;line-height:1.08}.sheet{max-width:1040px}.intro{font-size:1.15rem}.earn section{position:relative;padding:22px 0 22px clamp(10px,17vw,180px)}.earn section small{position:absolute;left:0;top:48px;color:#bfafe0;font:11px monospace}.tabs,.shop-grid{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tabs a,.reward{border:1px solid #3c394a;padding:10px 16px}.tabs a[aria-current]{background:#d5c8f1;color:#201a33}.player{display:grid;grid-template-columns:50px 1fr 120px 110px;align-items:center;gap:12px;background:#1e2132;margin:5px 0;padding:12px 18px}.player span{display:flex;align-items:center;gap:12px}.player img{width:36px;height:36px;border-radius:4px}.player strong{text-align:right}.table-head{background:none;color:#b6afc5;font-size:12px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr)}.reward{background:linear-gradient(135deg,#29253c,#131521);padding:28px 20px}.reward h2{font-size:36px;margin:22px 0}.reward em{font-style:normal;color:#cbbbea}.reward strong{display:block}.sheet form{max-width:580px}.sheet label{display:block;margin:14px 0}.sheet input:not([type=checkbox]),.sheet textarea{display:block;background:#161723;border:1px solid #494555;color:white;padding:11px;width:100%;font:inherit;margin-top:5px}.sheet textarea{min-height:96px}.sheet button{cursor:pointer;border:0}.sheet p{overflow-wrap:anywhere}@media(max-width:700px){.shop-grid{grid-template-columns:1fr}.player{grid-template-columns:30px 1fr 85px;padding:10px;gap:6px}.player small{display:none}.earn section{padding:18px 0}.earn section small{position:static}}
.sheet fieldset{border:0;padding:0;margin:0}.sheet fieldset:disabled{opacity:.72}