:root{--ink:#080808;--ink-80:#080808cc;--ink-50:#08080880;--surface:#0f0f0f;--surface-2:#161616;--bone:#f0ece3;--bone-60:#f0ece399;--bone-20:#f0ece31f;--lacquer:#c41e1e;--lacquer-dim:#8b1515;--gold:#b8960c;--silver:#9aa0a6;--text-1:#e8e4db;--text-2:#9e9a93;--text-3:#5c5855;--font-display:"DM Serif Display",Georgia,serif;--font-jp:"Shippori Mincho",serif;--font-body:"Libre Baskerville",Georgia,serif;--font-mono:"Source Code Pro",monospace;--border:#f0ece314;--border-mid:#f0ece32e;--r-sm:2px;--r-md:4px;--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-in-out:cubic-bezier(.76,0,.24,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--ink);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--lacquer);border-radius:0}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1360px;margin:0 auto;padding:0 3rem}@media (max-width:768px){.container{padding:0 1.5rem}}.display-heading{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-1);font-style:italic;line-height:1}.mono-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-size:.7rem;font-weight:300}.jp-accent{font-family:var(--font-jp);color:var(--bone-60);-webkit-user-select:none;user-select:none}.rule-red{background:var(--lacquer);width:40px;height:2px;margin:1.5rem 0;display:block}.badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-mid);color:var(--text-2);padding:.25rem .6rem;font-size:.65rem;display:inline-block}.stat-row{align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);min-width:130px;font-size:.65rem}.stat-track{background:var(--border);flex:1;height:2px;position:relative;overflow:hidden}.stat-fill{inset-block:0;background:var(--lacquer);transition:width 1.2s var(--ease-out-expo).3s;position:absolute;left:0}.stat-value{font-family:var(--font-mono);color:var(--text-3);text-align:right;min-width:24px;font-size:.65rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes strokeDraw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.animate-fade-up{opacity:0;animation:fadeUp 1s var(--ease-out-expo)forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.65s}.delay-5{animation-delay:.85s}.delay-6{animation-delay:1.05s}a{color:inherit;text-decoration:none}.link-hover{display:inline-block;position:relative}.link-hover:after{content:"";background:var(--lacquer);transform-origin:100%;width:100%;height:1px;transition:transform .4s var(--ease-in-out);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.link-hover:hover:after{transform-origin:0;transform:scaleX(1)}
