:root{--cp-ground: #1a1a1a;--cp-ground-deep: #141414;--cp-surface: #2a2a2a;--cp-surface-2: #1e1e1e;--cp-line: #333333;--cp-line-soft: #383838;--cp-accent: #8fc93a;--cp-accent-ink: #0f1607;--cp-white: #ffffff;--cp-muted: #9a9a9a;--cp-danger: #ff5252;--cp-warn: #ffb703;--cp-cool: #4cc9f0;--cp-hot: #ff4d9d;--cp-rank-s: #ffd23f;--cp-rank-a: #8fc93a;--cp-rank-b: #4cc9f0;--cp-rank-c: #9a9a9a;--cp-shadow-sm: 4px 4px 0 var(--cp-ground-deep);--cp-shadow-md: 8px 8px 0 var(--cp-accent);--cp-shadow-lg: 12px 12px 0 var(--cp-accent);--cp-shadow-white: 8px 8px 0 var(--cp-white);--cp-border: 2px solid var(--cp-line);--cp-border-accent: 3px solid var(--cp-accent);--cp-space-1: 4px;--cp-space-2: 8px;--cp-space-3: 14px;--cp-space-4: 20px;--cp-space-5: 32px;--cp-space-6: 48px;--cp-font: "Segoe UI", "Inter", system-ui, -apple-system, sans-serif;--cp-mono: "JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", Consolas, monospace;--cp-ease-brutal: cubic-bezier(.2, .9, .2, 1);--cp-ease-flip: cubic-bezier(.4, 0, .2, 1);--cp-t-fast: .08s;--cp-t-flip: .55s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--cp-ground);color:var(--cp-white);font-family:var(--cp-font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button{font-family:inherit;cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.012) 3px,rgba(255,255,255,.012) 4px)}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--cp-space-2);padding:16px 28px;border:3px solid var(--cp-white);border-radius:0;background:transparent;color:var(--cp-white);font-weight:900;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;box-shadow:var(--cp-shadow-sm);transition:transform var(--cp-t-fast),box-shadow var(--cp-t-fast),background-color var(--cp-t-fast),color var(--cp-t-fast)}.cp-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--cp-accent)}.cp-btn:active{transform:translate(4px,4px);box-shadow:none}.cp-btn--accent{border-color:var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-ink);box-shadow:6px 6px 0 var(--cp-ground-deep)}.cp-btn--accent:hover{box-shadow:8px 8px 0 var(--cp-white)}