:root{--bg:#0E0D0C;--bg-2:#161310;--bg-3:#1E1A15;--bg-4:#26211A;--bg-5:#302A21;--ink:#EDE6DA;--ink-2:#B6AC9C;--ink-3:#7E756A;--line:rgba(237,230,218,.1);--line-2:rgba(237,230,218,.055);--amber:#E6A94E;--amber-d:#12100d;--steel:#6FB3C7;--rose:#CE8FA6;--coral:#E5623D;--sage:#8FB87E;--font-d:"Fraunces",Georgia,serif;--font-b:"Hanken Grotesk",-apple-system,system-ui,sans-serif;--font-m:"JetBrains Mono",ui-monospace,monospace;--font-jp:"Zen Kaku Gothic New",var(--font-b);--radius:12px;--radius-lg:16px;--shadow:0 24px 60px -30px rgba(0,0,0,.85)}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-b);font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased;letter-spacing:.005em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,select,button{font:inherit;color:inherit}.jp{font-family:var(--font-jp)}.display{font-family:var(--font-d);font-weight:400;letter-spacing:-.02em}.mono{font-family:var(--font-m)}.small{font-size:13px}.xsmall{font-size:11.5px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.kicker{font-family:var(--font-m);font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--amber)}.center{text-align:center}.mt-1{margin-top:6px}.mt-2{margin-top:12px}.mt-3{margin-top:18px}.mt-4{margin-top:26px}.mt-5{margin-top:40px}.mb-1{margin-bottom:6px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:18px}.mb-4{margin-bottom:26px}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:16px}.grid{display:grid;gap:16px}.pillset{display:flex;flex-wrap:wrap;gap:7px}.spacer{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px;padding:10px 18px;border-radius:9px;border:1px solid transparent;background:var(--bg-4);color:var(--ink);transition:.16s;white-space:nowrap;line-height:1}.btn:hover{background:var(--bg-5)}.btn--primary{background:var(--amber);color:var(--amber-d);border-color:var(--amber)}.btn--primary:hover{background:#f0b862}.btn--ghost{background:#ede6da0d;border-color:var(--line);color:var(--ink)}.btn--ghost:hover{background:#ede6da1a}.btn--subtle{background:transparent;border-color:var(--line);color:var(--ink-2)}.btn--subtle:hover{color:var(--ink);border-color:var(--ink-3)}.btn--danger{background:transparent;border-color:#e5623d66;color:var(--coral)}.btn--danger:hover{background:#e5623d1a}.btn--sm{padding:7px 13px;font-size:12.5px;border-radius:7px}.btn--lg{padding:14px 26px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card--tight{padding:16px}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-m);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:6px;border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.chip--muted{background:var(--bg-3)}.chip--amber{color:var(--amber);border-color:#e6a94e66;background:#e6a94e14}.chip--steel{color:var(--steel);border-color:#6fb3c766;background:#6fb3c714}.chip--rose{color:var(--rose);border-color:#ce8fa666;background:#ce8fa614}.chip--sage{color:var(--sage);border-color:#8fb87e66;background:#8fb87e14}.chip--jp{font-family:var(--font-jp);text-transform:none;letter-spacing:0;font-size:11.5px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;color:var(--ink-2);font-weight:500}.input,.textarea,.select{background:var(--bg-3);border:1px solid var(--line);border-radius:9px;padding:10px 13px;color:var(--ink);font-size:14px;width:100%;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:#e6a94e8c}.textarea{resize:vertical;min-height:96px;line-height:1.55}::placeholder{color:var(--ink-3)}.banner{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:10px;border:1px solid var(--line);font-size:13.5px;background:var(--bg-3);color:var(--ink-2)}.banner--info{border-color:#6fb3c74d;background:#6fb3c70f}.banner--good{border-color:#8fb87e4d;background:#8fb87e0f;color:var(--ink)}.banner--bad{border-color:#e5623d59;background:#e5623d12;color:var(--ink)}.banner--warn{border-color:#e6a94e52;background:#e6a94e0f}.avatar{border-radius:50%;display:grid;place-items:center;font-family:var(--font-d);font-weight:500;color:var(--amber-d);flex-shrink:0;overflow:hidden;background:linear-gradient(135deg,var(--amber),#c98a34)}.avatar--sq{border-radius:10px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.stat .v{font-family:var(--font-d);font-size:28px;color:var(--ink);line-height:1}.stat .k{font-size:11.5px;color:var(--ink-3);margin-top:5px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{font-family:var(--font-m);font-weight:500;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:10px 14px;border-bottom:1px solid var(--line)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line-2);color:var(--ink-2);vertical-align:middle}.tbl tr:hover td{background:#ede6da04}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.spinner{display:grid;place-items:center;padding:60px}.spinner:after{content:"";width:26px;height:26px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--amber);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#060504b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:520px;width:100%;box-shadow:var(--shadow);animation:pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.pchrome{min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.pnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;padding:16px 26px;background:linear-gradient(180deg,#0e0d0ceb,#0e0d0c8c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}.pnav .logo{font-family:var(--font-d);font-weight:500;font-size:22px;letter-spacing:.02em}.pnav .logo b{color:var(--amber);font-weight:500}.pnav a.nl{font-size:13.5px;color:var(--ink-2);transition:.15s}.pnav a.nl:hover{color:var(--ink)}.pnav .navlinks{display:flex;gap:20px;align-items:center}@media(max-width:760px){.pnav .navlinks{display:none}}.pcontent{flex:1}.pfoot{border-top:1px solid var(--line-2);padding:40px 26px;color:var(--ink-3);font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.pmax{max-width:1120px;margin:0 auto;padding:0 26px;width:100%}.pmax--narrow{max-width:820px}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100%;position:relative;z-index:1}.side{border-right:1px solid var(--line-2);background:var(--bg-2);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.side .brand{font-family:var(--font-d);font-weight:500;font-size:22px;padding:6px 10px 16px}.side .brand b{color:var(--amber);font-weight:500}.side .rolechip{margin:0 8px 14px;font-size:11px}.side .nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--ink-2);transition:.14s}.side .nav a:hover{background:var(--bg-3);color:var(--ink)}.side .nav a.on{background:#e6a94e1f;color:var(--amber)}.side .nav a .ic{width:16px;text-align:center;opacity:.85}.side .sidefoot{margin-top:auto;padding:10px 8px 0;border-top:1px solid var(--line-2)}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 28px;border-bottom:1px solid var(--line-2);background:#0e0d0c99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:40}.content{padding:28px;max-width:1080px;width:100%}.pagehead{margin-bottom:22px}.pagehead h1{font-family:var(--font-d);font-weight:400;font-size:30px;letter-spacing:-.015em}.pagehead .sub{color:var(--ink-3);font-size:13.5px;margin-top:2px}.mnav{display:none}@media(max-width:860px){.shell{grid-template-columns:1fr}.side{display:none}.mnav{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid var(--line-2);background:var(--bg-2);position:sticky;top:0;z-index:45}.mnav a{white-space:nowrap;font-size:12.5px;color:var(--ink-2);padding:7px 12px;border-radius:8px;border:1px solid var(--line-2)}.mnav a.on{color:var(--amber);border-color:#e6a94e66;background:#e6a94e14}.content{padding:20px 16px}}.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.rcard{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-2);cursor:pointer;transition:.2s;position:relative}.rcard:hover{transform:translateY(-3px);border-color:#e6a94e59;box-shadow:var(--shadow)}.rcard .rc-cover{aspect-ratio:3/4;position:relative;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(160deg,var(--c1),var(--c2))}.rcard .rc-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(8,7,6,.9),transparent 60%)}.rcard .rc-body{position:relative;z-index:2}.rcard .rc-name{font-family:var(--font-d);font-weight:500;font-size:20px;color:#fff;letter-spacing:-.01em}.rcard .rc-role{font-size:12px;color:var(--amber);margin-top:2px}.rcard .rc-tag{position:absolute;top:12px;right:12px;z-index:2}.rcard .rc-pro{position:absolute;top:12px;left:12px;z-index:2}.nf{background:#080706;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}.nf-hero{position:relative;min-height:460px;display:flex;align-items:flex-end;padding:40px 44px;background:radial-gradient(120% 90% at 76% 8%,color-mix(in srgb,var(--h1) 78%,transparent),transparent 55%),linear-gradient(125deg,var(--h1),var(--h2) 85%)}.nf-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#080706 3%,rgba(8,7,6,.45) 42%,transparent 74%)}.nf-badges{position:absolute;top:26px;left:44px;right:44px;display:flex;justify-content:space-between;z-index:3}.nf-tier{font-family:var(--font-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);border:1px solid rgba(230,169,78,.5);border-radius:999px;padding:5px 13px;background:#08070666}.nf-pro{font-family:var(--font-m);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-d);background:var(--amber);border-radius:999px;padding:5px 13px;font-weight:600}.nf-title{position:relative;z-index:2;max-width:640px}.nf-title .role{font-family:var(--font-m);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}.nf-title h1{font-family:var(--font-d);font-weight:500;font-size:clamp(38px,7vw,68px);line-height:.95;color:#fff;letter-spacing:-.025em}.nf-title .headline{font-family:var(--font-d);font-style:italic;font-size:clamp(17px,2.4vw,22px);color:var(--ink);margin-top:14px}.nf-meta{display:flex;flex-wrap:wrap;gap:7px 16px;margin:16px 0 22px;font-size:13px;color:var(--ink-2)}.nf-meta .sep{color:var(--ink-3)}.nf-cta{display:flex;flex-wrap:wrap;gap:10px}.nf-body{background:#080706;padding:6px 0 30px}.nf-strip{margin:18px 44px 8px;padding:18px 22px;border:1px solid var(--line-2);border-radius:12px;background:linear-gradient(90deg,rgba(230,169,78,.06),transparent);display:flex;flex-wrap:wrap;gap:22px;align-items:center}.nf-strip .kv b{display:block;font-family:var(--font-d);font-size:24px;color:var(--ink);line-height:1}.nf-strip .kv span{font-size:11px;color:var(--ink-3)}.nf-strip .reason{margin-left:auto;max-width:320px;font-size:12.5px;color:var(--ink-2)}.nf-rail{padding:20px 44px 4px}.nf-rail .rt{font-family:var(--font-b);font-weight:700;font-size:15px;margin-bottom:14px;color:var(--ink)}.nf-cards{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.nf-card{flex:0 0 auto;width:216px;scroll-snap-align:start;cursor:pointer;transition:.18s}.nf-card:hover{transform:translateY(-3px)}.nf-thumb{width:216px;height:124px;border-radius:9px;border:1px solid var(--line-2);background:linear-gradient(135deg,var(--c1),var(--c2));position:relative;overflow:hidden}.nf-thumb:after{content:"▶";position:absolute;right:10px;bottom:8px;font-size:11px;color:#ede6da8c}.nf-card .cl{font-size:13px;color:var(--ink);margin-top:8px}.nf-card .cs{font-size:11px;color:var(--ink-3)}.nf-about{padding:26px 44px;max-width:820px}.nf-about h3{font-size:16px;margin-bottom:10px}.nf-about p{color:var(--ink-2);line-height:1.7}@media(max-width:640px){.nf-hero,.nf-strip,.nf-rail,.nf-about{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}.nf-badges{left:20px;right:20px}.nf-strip{margin:16px 20px 8px}}.gate{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);min-height:520px;display:grid;place-items:center;padding:40px 24px;text-align:center;background:linear-gradient(125deg,var(--h1),var(--h2) 85%)}.gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0807068c}.gate-inner{position:relative;z-index:2;max-width:420px}.gate .lock{font-size:13px;color:var(--amber);font-family:var(--font-m);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.gate .g-name{font-family:var(--font-d);font-weight:500;font-size:34px;color:#fff}.gate .g-role{color:var(--amber);font-size:13px;margin-top:4px}.gate .g-msg{color:var(--ink);margin:22px auto 8px;max-width:340px;line-height:1.6}.gate .g-sub{color:var(--ink-3);font-size:12.5px;margin-top:14px}@media(max-width:760px){.g2{grid-template-columns:1fr!important}}.rv{opacity:0;transform:translateY(14px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.rv{animation:none;opacity:1;transform:none}*{scroll-behavior:auto!important}}