:root{
  --bg:#05090c;
  --bg2:#081015;
  --panel:#071116;
  --panel2:#0b141a;
  --line:#263843;
  --line2:#334b59;
  --text:#e6edf2;
  --muted:#8495a0;
  --red:#ff2e4a;
  --red-dark:#5f111c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(180deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px)}

.sidebar{position:fixed;left:0;top:0;bottom:0;width:170px;background:linear-gradient(180deg,#090d11,#06090c);border-right:1px solid #243039;z-index:50;display:flex;flex-direction:column}
.rimer-symbol{height:192px;position:relative;display:block}
.diamond{position:absolute;left:50%;top:50%;border:2px solid #ccd8df;transform:translate(-50%,-50%) rotate(45deg)}
.d1{width:56px;height:56px}.d2{width:35px;height:35px}.d3{width:18px;height:18px;background:#cbd4d9}
.needle{position:absolute;left:50%;top:43%;width:2px;height:94px;background:linear-gradient(#d7e0e5,transparent);transform:translateX(-50%)}
.side-nav{display:flex;flex-direction:column}
.side-nav a{height:73px;display:flex;align-items:center;gap:20px;padding:0 28px;text-decoration:none;color:#c5d1d8;border-left:3px solid transparent;letter-spacing:.09em;font-size:.76rem}
.side-nav a .ico{font-size:1.2rem;min-width:28px;text-align:center}.side-nav a b{font-size:.68rem}
.side-nav a.active,.side-nav a:hover{background:linear-gradient(90deg,rgba(255,46,74,.11),transparent);border-left-color:var(--red);color:#fff}
.side-note{margin-top:auto;padding:0 38px 36px;color:#70818c;font-size:.67rem;letter-spacing:.12em;line-height:1.8}.side-note span{display:block;width:30px;height:3px;background:var(--red);margin-bottom:20px}

.shell{margin-left:170px}
.home{min-height:100vh;padding:25px 28px 32px;background:
  radial-gradient(circle at 79% 11%,rgba(133,26,39,.20),transparent 18%),
  linear-gradient(180deg,#050a0e 0%,#071016 62%,#05090c 100%);
  position:relative;overflow:hidden}
.home-topline{display:flex;justify-content:space-between;align-items:center;color:#8ba0ad;font:600 .64rem ui-monospace,monospace;letter-spacing:.12em}
.home-topline>div{display:flex;align-items:center;gap:14px}.home-topline i{display:block;width:340px;height:1px;background:#47606e}.home-topline b{display:block;width:30px;height:3px;background:var(--red)}

.hero{position:relative;height:285px;margin-top:16px;overflow:hidden}
.hero-copy{position:relative;z-index:3;padding:35px 20px 0}.hero h1{font-size:6rem;letter-spacing:.16em;line-height:.78;margin:0;font-weight:900;color:#f1f2f3}
.hero h2{font-size:1.9rem;letter-spacing:.38em;margin:25px 0 0;font-weight:500}.accent-line{width:42px;height:3px;background:var(--red);margin:22px 0}
.hero-copy p{font-size:.78rem;letter-spacing:.17em;line-height:1.8;color:#aab7c0}
.hero-world{position:absolute;inset:0 0 0 36%;overflow:hidden}
.moon{position:absolute;right:-20px;top:-110px;width:470px;height:470px;border-radius:50%;background:
 radial-gradient(circle at 35% 36%,#d9767f 0 17%,#903946 18% 35%,#431923 36% 58%,#1a0d12 59%);opacity:.9;box-shadow:0 0 60px rgba(128,34,47,.25)}
.city{position:absolute;left:12%;right:0;bottom:50px;height:150px;background:
 linear-gradient(90deg,transparent 0 11%,#141a1e 11% 14%,transparent 14% 18%,#11181c 18% 22%,transparent 22% 30%,#151b1f 30% 33%,transparent 33% 42%,#13191e 42% 45%,transparent 45%);
 filter:drop-shadow(0 -6px 10px rgba(0,0,0,.45))}
.city:after{content:"";position:absolute;left:36%;bottom:0;width:110px;height:190px;background:#0d1317;clip-path:polygon(42% 0,55% 0,60% 35%,78% 37%,80% 100%,0 100%,5% 28%,38% 24%)}
.ground{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(170deg,transparent 0 22%,#070b0e 23% 100%)}
.nakuto-silhouette{position:absolute;right:33%;bottom:40px;width:95px;height:130px}
.nakuto-silhouette .head{position:absolute;left:26px;top:35px;width:44px;height:45px;border-radius:46%;background:#151b20;border:2px solid #030506}
.nakuto-silhouette .body{position:absolute;left:22px;bottom:0;width:52px;height:63px;border-radius:22px 22px 14px 14px;background:#1b2024;border:2px solid #030506}
.nakuto-silhouette .hair{position:absolute;left:10px;top:14px;width:72px;height:58px;background:#090c10;clip-path:polygon(0 56%,18% 36%,8% 24%,31% 27%,30% 8%,47% 22%,63% 0,67% 25%,92% 12%,83% 38%,100% 43%,78% 54%,90% 72%,60% 66%,50% 100%,38% 70%,13% 82%)}
.hero-motto{position:absolute;right:20px;top:60px;z-index:3;border-left:1px solid #788a94;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:.67rem;letter-spacing:.19em;color:#9baab3}

.primary-grid{display:grid;grid-template-columns:1.48fr .97fr .78fr;gap:10px;margin-top:8px}
.card{background:linear-gradient(180deg,rgba(6,15,20,.95),rgba(5,11,15,.97));border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.card-head{height:52px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid #22313a;font-size:.78rem;letter-spacing:.04em}.red-dot{width:9px;height:9px;border-radius:50%;background:var(--red)}.hex,.heart-mini{font-size:1.2rem;color:#dce9f0}
.latest-body{display:grid;grid-template-columns:1.22fr .9fr;gap:18px;padding:16px 20px 22px}.latest-copy small{font-size:.7rem;color:#b0bec6}.latest-copy h3{font-size:1.5rem;margin:6px 0 12px}.latest-copy p{color:#96a5ae;line-height:1.55;font-size:.85rem}
.youtube-btn{margin-top:20px;height:58px;max-width:280px;border:1px solid var(--red);background:linear-gradient(90deg,rgba(255,46,74,.12),rgba(255,46,74,.03));display:flex;align-items:center;gap:20px;padding:0 20px;text-decoration:none;font-size:.75rem;font-weight:800;box-shadow:inset 0 0 20px rgba(255,46,74,.03)}.youtube-btn span{color:var(--red);font-size:1.5rem}.youtube-btn b{margin-left:auto}
.episode-thumb{min-height:210px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 70% 20%,#a63b49 0 12%,#411820 13% 24%,transparent 25%),
 linear-gradient(180deg,#221116,#0b0e12);border:1px solid #344650}
.thumb-city{position:absolute;inset:auto 0 0;height:70%;background:linear-gradient(170deg,transparent 0 30%,#090d10 31% 100%)}
.thumb-city:after{content:"";position:absolute;left:45%;bottom:0;width:44px;height:130px;background:#0b0f12;clip-path:polygon(45% 0,60% 0,62% 40%,80% 42%,80% 100%,0 100%,10% 50%,40% 47%)}
.thumb-char{position:absolute;left:22%;bottom:30px;width:42px;height:55px;border-radius:18px;background:#080b0e}.episode-thumb>strong{position:absolute;right:16px;bottom:18px;font-size:3.6rem}.episode-thumb>small{position:absolute;left:14px;bottom:12px;font-size:.48rem;letter-spacing:.18em;color:#cdd5d9}

.status-body{display:grid;grid-template-columns:.8fr 1.1fr;padding:18px 18px 0}.portrait{min-height:190px;border:1px solid #31444f;background:#0b151b;position:relative;overflow:hidden}.portrait-face{position:absolute;left:50%;top:64px;width:62px;height:70px;transform:translateX(-50%);background:#b79a83;border-radius:46%}.portrait-body{position:absolute;left:50%;bottom:-10px;width:86px;height:94px;transform:translateX(-50%);background:#252b30;border-radius:35px 35px 0 0}.portrait-hair{position:absolute;left:50%;top:25px;width:105px;height:92px;transform:translateX(-50%);background:#070b0f;clip-path:polygon(0 58%,15% 38%,7% 24%,27% 28%,30% 5%,46% 22%,63% 0,66% 25%,91% 12%,82% 38%,100% 46%,77% 54%,89% 73%,62% 67%,51% 100%,37% 70%,13% 82%)}
.status-data{padding-left:20px}.status-rank{display:flex;align-items:end;gap:16px;border-bottom:1px solid #22333d;padding-bottom:14px}.status-rank small,.status-line small{display:block;font-size:.57rem;color:#80919b;letter-spacing:.08em}.status-rank strong{font-size:3rem;line-height:1}.status-rank p{margin:0 0 6px;color:#a8b6be;font-size:.68rem}.status-line{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #22333d}.status-line>span{font-size:1.5rem;color:#dce9f1}.status-line strong{display:block;margin-top:3px}
.status-quote{text-align:center;padding:17px;color:#8797a1;font-size:.63rem;letter-spacing:.11em}

.balance-body{padding:24px 22px;text-align:left}.balance-number{display:flex;align-items:center;gap:12px}.balance-number span{font-size:3rem;color:var(--red);text-shadow:0 0 18px rgba(255,46,74,.38)}.balance-number strong{font-size:4rem}.balance-number b{font-size:.82rem;letter-spacing:.08em;margin-top:25px}.balance-body>p{color:#7d8e98;font-size:.64rem;letter-spacing:.14em;margin:18px 0 32px}.support-btn{height:48px;border:1px solid var(--red);background:linear-gradient(90deg,rgba(255,46,74,.13),rgba(255,46,74,.03));display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:.73rem;letter-spacing:.08em}.balance-body>small{display:block;text-align:center;margin-top:18px;color:#647680;font-size:.58rem;letter-spacing:.16em}

.secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.mini-card{min-height:165px;background:linear-gradient(180deg,#081116,#060c10);border:1px solid var(--line);padding:18px 22px;text-decoration:none;position:relative;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.mini-title{display:flex;align-items:center;gap:14px;border-bottom:1px solid #21313a;padding-bottom:14px}.mini-title span{font-size:1.55rem;color:#dbe7ee}.mini-title strong{font-size:.88rem}.mini-card h4{margin:22px 0 4px;font-size:.82rem}.mini-card p{margin:0;color:#6f818c;font-size:.67rem}.mini-card>b{position:absolute;right:18px;bottom:43px;font-size:2rem;font-weight:300}.catalog-mini{display:flex;align-items:center;gap:14px;margin-top:22px}.catalog-mini>strong{font-size:3rem}.catalog-mini>span{color:#60727d}.catalog-mini div b,.catalog-mini div small{display:block}.catalog-mini div small{font-size:.55rem;color:#6d7f8a;margin-top:2px}
.home-footer{display:flex;align-items:center;gap:18px;margin:44px 8px 0;color:#71838e;font-size:.6rem;letter-spacing:.12em}.home-footer>span,.home-footer>em{display:block;width:28px;height:3px;background:var(--red)}.home-footer>i{height:1px;background:#40525e;flex:1}.home-footer>small{margin-left:auto}

.section{padding:90px 44px;background:#0a1014}.section.alt{background:#070c10;border-top:1px solid #18242c;border-bottom:1px solid #18242c}.section-head{max-width:1400px;margin:0 auto 34px;display:flex;justify-content:space-between;align-items:end;gap:35px}.section-head small{color:#748690;letter-spacing:.14em}.section-head h2{font-size:3.6rem;margin:8px 0 0}.section-head p{max-width:500px;color:#7c8d97;line-height:1.55}
.episode-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.episode-card,.rimers-intro,.mechanics article,.economy,.history article,.catalog-summary,.current-rank,.rank-box,.object-card{background:#0b1318;border:1px solid var(--line)}.episode-card{padding:24px}.episode-card .top{display:flex;justify-content:space-between;color:#71838e;font-size:.63rem}.episode-card h3{font-size:1.8rem;margin:25px 0 8px}.episode-card p{color:#7f9099;line-height:1.55}.episode-card .meta{margin-top:18px;color:var(--red);font-size:.7rem}
.rimers-intro{max-width:1400px;margin:auto;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.rimers-intro small,.rimers-intro strong{display:block}.rimers-intro strong{font-size:2.8rem;margin-top:10px}.rimers-intro p{margin:0;color:#80919b;line-height:1.65}.mechanics{max-width:1400px;margin:12px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mechanics article{padding:22px}.mechanics span{font-size:1.8rem;color:var(--red)}.mechanics h3{margin:28px 0 7px}.mechanics p{color:#74858f;line-height:1.45}
.economy,.catalog-summary,.current-rank{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr)}.economy div,.catalog-summary div,.current-rank div{padding:20px;border-right:1px solid var(--line)}.economy div:last-child,.catalog-summary div:last-child,.current-rank div:last-child{border-right:0}.economy small,.catalog-summary small,.current-rank small{display:block;color:#71838d;letter-spacing:.12em}.economy strong,.catalog-summary strong,.current-rank strong{display:block;font-size:2.1rem;margin-top:6px}.history{max-width:1400px;margin:12px auto 0;display:grid;gap:10px}.history article{padding:20px;display:grid;grid-template-columns:170px 1fr 1fr}.history span{color:#74858f}.history small{color:#687983}.history .pending{opacity:.65}
.catalog-tools{max-width:1400px;margin:18px auto;display:grid;grid-template-columns:1fr 300px;gap:12px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button,.catalog-tools input{min-height:42px;background:#0b1318;color:#a8b5bc;border:1px solid var(--line);padding:0 12px}.filters button{cursor:pointer;text-transform:uppercase;font-size:.64rem}.filters button.active,.filters button:hover{border-color:var(--red);color:#fff}.catalog-tools input{width:100%}
.object-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.object-card{position:relative;overflow:hidden}.object-card.registered{border-color:#49313a}.object-number{position:absolute;top:12px;left:12px;color:#7e8f99;font-size:.62rem}.object-state{position:absolute;top:12px;right:12px;color:var(--red);font-size:.56rem}.object-image{height:220px;padding:28px;background:#081015;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}.object-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;margin:auto}.object-placeholder{font-size:3rem;color:#263640}.object-info{padding:18px}.object-info h3{margin:0 0 8px}.tag{display:inline-block;border:1px solid var(--red);color:#ff6c80;padding:4px 7px;font-size:.58rem}.object-info p{color:#778993;line-height:1.45}.object-meta{border-top:1px solid var(--line);padding-top:11px;color:#6d7f89;font-size:.62rem}.locked{opacity:.5}
.current-rank{grid-template-columns:repeat(4,1fr);margin-bottom:12px}.rank-box{max-width:1400px;margin:auto}.rank-title{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.rank-title span{color:#70818b;font-size:.62rem}.rank-row{display:grid;grid-template-columns:130px 180px 1fr;align-items:center;min-height:62px;border-bottom:1px solid var(--line);padding:0 20px}.rank-row:last-child{border-bottom:0}.rank-row.current{background:linear-gradient(90deg,rgba(255,46,74,.1),transparent)}.rank-code{font:700 1.4rem Georgia,serif}.rank-level{color:#778a94}.rank-bar{height:6px;background:#1b2931;border-radius:8px;overflow:hidden}.rank-bar span{display:block;height:100%;background:#566b77}.rank-row.current .rank-bar span{background:var(--red)}

@media(max-width:1150px){
  .sidebar{width:86px}.side-nav a{padding:0;justify-content:center}.side-nav a b,.side-note{display:none}.shell{margin-left:86px}.rimer-symbol{height:120px}
  .primary-grid{grid-template-columns:1fr}.secondary-grid{grid-template-columns:1fr 1fr}.object-grid{grid-template-columns:repeat(2,1fr)}.mechanics{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .sidebar{position:static;width:100%;height:auto;display:block}.rimer-symbol{display:none}.side-nav{flex-direction:row;overflow:auto}.side-nav a{min-width:70px;height:62px}.shell{margin-left:0}
  .home{padding:16px}.home-topline i{display:none}.hero{height:auto;padding-bottom:20px}.hero-copy{padding:20px 0}.hero h1{font-size:3.4rem}.hero h2{font-size:1.2rem}.hero-world{position:relative;inset:auto;height:170px;margin-top:-20px}.hero-motto{display:none}
  .primary-grid,.secondary-grid{grid-template-columns:1fr}.latest-body{grid-template-columns:1fr}.status-body{grid-template-columns:1fr}.status-data{padding:16px 0 0}
  .section{padding:65px 18px}.section-head{display:block}.section-head h2{font-size:2.7rem}.section-head p{margin-top:14px}
  .episode-grid,.mechanics,.object-grid{grid-template-columns:1fr}.rimers-intro{grid-template-columns:1fr}.economy,.catalog-summary,.current-rank{grid-template-columns:1fr}.economy div,.catalog-summary div,.current-rank div{border-right:0;border-bottom:1px solid var(--line)}.history article{grid-template-columns:1fr;gap:8px}.catalog-tools{grid-template-columns:1fr}.rank-row{grid-template-columns:80px 110px 1fr;padding:0 10px}
}