:root{--motion: 1;--ease-brand: cubic-bezier(.22, 1, .36, 1);--dur-fast: calc(.16s * var(--motion));--dur: calc(.38s * var(--motion));--dur-slow: calc(.8s * var(--motion));--radius: 16px;--radius-btn: 11px;--font-display: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--nav-blur: 22px;--tap: 1;--bg: #0e0e11;--bg-2: #131318;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .09);--hairline: rgba(255, 255, 255, .06);--text: #f2f2f4;--text-muted: rgba(242, 242, 244, .55);--accent: #f2f2f4;--accent-rgb: 242, 242, 244;--accent-2: #b9bcc4;--accent-3: #7c8089;--accent-contrast: #0e0e11;--danger: #d97c7c;--success: #9dbb9f;--shadow: 0 24px 70px -28px rgba(0, 0, 0, .7);--glow: 0 0 0 1px rgba(255, 255, 255, .05), 0 8px 40px -12px rgba(255, 255, 255, .1);--glass-blur: 24px;--sheen: transparent}:root[data-theme=onyx]{--bg: #050506;--bg-2: #0a0a0c;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .07);--card-border: rgba(255, 255, 255, .12);--hairline: rgba(255, 255, 255, .08);--text: #ffffff;--text-muted: rgba(255, 255, 255, .52);--accent: #ffffff;--accent-rgb: 255, 255, 255;--accent-2: #c9c9cc;--accent-3: #86868c;--accent-contrast: #050506;--shadow: 0 24px 70px -26px rgba(0, 0, 0, .9);--glow: 0 0 0 1px rgba(255, 255, 255, .07), 0 8px 44px -10px rgba(255, 255, 255, .14);--glass-blur: 28px}:root[data-theme=pearl]{--bg: #f7f6f3;--bg-2: #efede8;--surface: rgba(255, 255, 255, .65);--surface-2: rgba(255, 255, 255, .9);--card-border: rgba(20, 20, 22, .08);--hairline: rgba(20, 20, 22, .06);--text: #17171a;--text-muted: rgba(23, 23, 26, .55);--accent: #17171a;--accent-rgb: 23, 23, 26;--accent-2: #55555c;--accent-3: #9a9aa2;--accent-contrast: #ffffff;--shadow: 0 20px 50px -24px rgba(23, 23, 26, .22);--glow: 0 0 0 1px rgba(23, 23, 26, .04), 0 10px 34px -14px rgba(23, 23, 26, .18);--glass-blur: 20px;--sheen: transparent;--pop-ink: color-mix(in srgb, var(--text) 82%, var(--pop))}:root[data-theme=mist]{--bg: #e8e8e3;--bg-2: #dededa;--surface: rgba(255, 255, 255, .58);--surface-2: rgba(255, 255, 255, .85);--card-border: rgba(17, 17, 13, .12);--hairline: rgba(17, 17, 13, .08);--text: #111110;--text-muted: rgba(17, 17, 16, .56);--accent: #111110;--accent-rgb: 17, 17, 16;--accent-2: #55554e;--accent-3: #9a9a90;--accent-contrast: #ffffff;--shadow: 0 22px 48px -24px rgba(17, 17, 12, .3);--glow: 0 0 0 1px rgba(17, 17, 12, .05), 0 10px 34px -14px rgba(17, 17, 12, .22);--glass-blur: 18px;--sheen: transparent;--pop-ink: color-mix(in srgb, var(--text) 82%, var(--pop))}:root{--pop: #e1f50c;--pop-2: #eefa66;--pop-rgb: 225, 245, 12;--pop-2-rgb: 238, 250, 102;--pop-contrast: #14140a}:root[data-accent=ember]{--pop: #ff6a3d;--pop-2: #ffb14d;--pop-rgb: 255, 106, 61;--pop-2-rgb: 255, 177, 77;--pop-contrast: #180f09}:root[data-accent=teal]{--pop: #22d3c5;--pop-2: #38bdf8;--pop-rgb: 34, 211, 197;--pop-2-rgb: 56, 189, 248;--pop-contrast: #041f1c}:root[data-accent=emerald]{--pop: #2fd39a;--pop-2: #7be8b0;--pop-rgb: 47, 211, 154;--pop-2-rgb: 123, 232, 176;--pop-contrast: #042018}:root[data-accent=gold]{--pop: #e1f50c;--pop-2: #eefa66;--pop-rgb: 225, 245, 12;--pop-2-rgb: 238, 250, 102;--pop-contrast: #14140a}:root{--pop-ink: color-mix(in srgb, var(--pop) 78%, var(--text));--pop-gradient: var(--pop);--pop-glow: 0 0 0 1px rgba(var(--pop-rgb), .16), 0 10px 40px -12px rgba(var(--pop-rgb), .38)}@media(prefers-reduced-motion:reduce){:root{--motion: 0}}html{scroll-behavior:initial}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15.5px;letter-spacing:.01em;transition:background-color .6s ease,color .6s ease;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}::-moz-selection{background:rgba(var(--accent-rgb),.18)}::selection{background:rgba(var(--accent-rgb),.18)}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em}.bg-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.bg-scene:before{content:"";position:absolute;inset:0;background:var(--bg);transition:background-color .6s ease}.bg-scene:after{content:"";position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");opacity:.028;mix-blend-mode:overlay;animation:grain 9s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-5%,-2%)}80%{transform:translate(4%,4%)}}html.reduced .bg-scene:after{animation:none}.card{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px 0 var(--hairline);backdrop-filter:blur(var(--glass-blur)) saturate(1.15);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.15);transition:transform var(--dur) var(--ease-brand),box-shadow var(--dur) var(--ease-brand),border-color var(--dur) ease,background-color .6s ease}.card-hover{position:relative;overflow:hidden}.card-hover:after{content:"";position:absolute;inset:0;background:var(--sheen);background-size:250% 100%;background-position:120% 0;transition:background-position .9s var(--ease-brand);pointer-events:none}.card-hover:hover{transform:translateY(calc(-4px * var(--motion)));border-color:rgba(var(--pop-rgb),.4)}.card-hover:hover:after{background-position:-60% 0}:root{--cut: 15px;--cut-lg: 22px}.cut,.card-hover,.showcase-tile{border-radius:0;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))}.card-hover:hover,.showcase-tile:hover{filter:drop-shadow(0 20px 30px rgba(var(--pop-rgb),.28))}.card-hover:nth-child(2n){clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.img-cut,.cut-img{border-radius:0!important;clip-path:polygon(0 0,calc(100% - var(--cut-lg)) 0,100% var(--cut-lg),100% 100%,var(--cut-lg) 100%,0 calc(100% - var(--cut-lg)))}html.reduced .cut,html.reduced .card-hover,html.reduced .showcase-tile{filter:none}.card-hover:hover .game-bg{opacity:.5!important;filter:contrast(1.05) saturate(1.12)!important}.game-frame{display:flex;flex-direction:column}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .9rem;border-bottom:1px solid var(--hairline);flex-wrap:wrap;background:var(--surface)}.hud-clocks{display:flex;gap:.45rem;flex-wrap:wrap}.hud-clock{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .55rem;border-radius:10px;border:1px solid var(--card-border);background:var(--surface-2);font-size:.8rem;transition:border-color .25s,box-shadow .25s}.hud-clock.on{border-color:rgba(var(--pop-rgb),.65);box-shadow:0 0 0 2px rgba(var(--pop-rgb),.12)}.hud-clock .hud-name{font-weight:600;max-width:7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-clock .hud-time{font-family:var(--font-mono);font-weight:600}.hud-clock.on .hud-time{color:var(--pop-ink)}.hud-status{flex:1;text-align:center;color:var(--text-muted);font-size:.86rem;min-width:6rem}.hud-controls{display:flex;gap:.4rem;flex-wrap:wrap}.hud-btn{padding:.38rem .7rem!important;font-size:.78rem!important}.hud-btn.has-unread{border-color:var(--pop)!important;color:var(--pop-ink)!important}.game-chat{position:fixed;left:clamp(12px,3vw,24px);bottom:clamp(12px,3vw,24px);width:min(320px,calc(100vw - 24px));height:min(400px,58vh);z-index:80;display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--card-border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);overflow:hidden}.game-chat[hidden]{display:none}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;border-bottom:1px solid var(--hairline)}.chat-log{flex:1;overflow-y:auto;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.45rem}.chat-row{font-size:.84rem;line-height:1.4}.chat-row .chat-who{font-weight:600;margin-right:.4rem;color:var(--pop-ink)}.chat-row.mine .chat-who{color:var(--text-muted)}.chat-form{display:flex;gap:.4rem;padding:.55rem;border-top:1px solid var(--hairline)}.chat-form .input{padding:.5rem .7rem;font-size:.85rem}.game-frame:fullscreen{background:var(--bg);display:flex;flex-direction:column;width:100vw;height:100vh}.game-frame:fullscreen [data-game-root]{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto}.game-frame:-webkit-full-screen{background:var(--bg)}.game-board{--sq-light: #6f7684;--sq-dark: #2b303a}.game-board .sq-light{background:var(--sq-light)}.game-board .sq-dark{background:var(--sq-dark)}.board-picker{display:flex;gap:.4rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.board-swatch{width:30px;height:30px;border-radius:8px;cursor:pointer;padding:0;border:1.5px solid var(--card-border);overflow:hidden;position:relative;display:inline-grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.board-swatch i{display:block}.board-swatch.on{border-color:var(--pop);box-shadow:0 0 0 2px rgba(var(--pop-rgb),.25)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-display);font-weight:600;font-size:calc(.94rem * var(--tap));letter-spacing:0;border-radius:var(--radius-btn);padding:calc(.72rem * var(--tap)) calc(1.4rem * var(--tap));line-height:1.1;cursor:pointer;border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-brand),box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease,opacity var(--dur-fast) ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn svg{width:1.05em;height:1.05em;flex-shrink:0}.btn-primary{background:var(--pop);color:var(--pop-contrast);box-shadow:0 8px 24px -14px rgba(var(--pop-rgb),.6)}.btn-primary:hover{background:color-mix(in srgb,var(--pop) 88%,white);box-shadow:0 12px 30px -12px rgba(var(--pop-rgb),.7);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-ghost:hover{border-color:rgba(var(--accent-rgb),.35);background:var(--surface-2)}.btn-soft{background:var(--surface-2);color:var(--text);border-color:var(--hairline)}.btn-soft:hover{border-color:rgba(var(--accent-rgb),.3)}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:calc(.42rem * var(--tap)) calc(.95rem * var(--tap));border-radius:999px;border:1px solid var(--card-border);background:var(--surface);color:var(--text-muted);font-weight:500;font-size:.88rem;cursor:pointer;transition:all var(--dur-fast) var(--ease-brand);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chip svg{width:1em;height:1em}.chip:hover{border-color:rgba(var(--accent-rgb),.35);color:var(--text)}.chip.active,.chip[aria-pressed=true]{background:var(--pop-gradient);border-color:transparent;color:var(--pop-contrast);box-shadow:0 6px 18px -8px rgba(var(--pop-rgb),.5)}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em;padding:.28rem .7rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-muted)}.pill svg{width:.9em;height:.9em}.input{width:100%;background:var(--surface);border:1px solid var(--card-border);border-radius:var(--radius-btn);color:var(--text);padding:.8rem 1.05rem;font-family:var(--font-body);font-size:.98rem;transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease,background-color var(--dur-fast) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input:focus{outline:none;border-color:rgba(var(--pop-rgb),.6);box-shadow:0 0 0 4px rgba(var(--pop-rgb),.14);background:var(--surface-2)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.monogram{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px solid var(--card-border);color:var(--text);font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em;flex-shrink:0}.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(var(--nav-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--nav-blur)) saturate(1.2);background:color-mix(in srgb,var(--bg) 62%,transparent);border-bottom:1px solid var(--hairline);transition:background-color .6s ease,border-color .6s ease}.wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:.22em;font-size:.98rem;color:var(--text);text-transform:uppercase;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--text-muted)}.nav-link{position:relative;font-weight:500;font-size:.92rem;color:var(--text-muted);padding:.4rem .1rem;transition:color var(--dur-fast) ease;text-decoration:none;background:none;border:0;cursor:pointer;font-family:var(--font-body)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;border-radius:2px;background:var(--pop-gradient);transition:right var(--dur) var(--ease-brand)}.nav-link:hover:after,.nav-link.active:after{right:0}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem;font-weight:600;font-family:var(--font-mono);color:var(--pop-ink)}.eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--pop-gradient)}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6;stroke-linecap:round}.ring .track{stroke:var(--card-border)}.ring .meter{stroke:var(--pop);transition:stroke-dashoffset 1s var(--ease-brand);filter:drop-shadow(0 0 6px rgba(var(--pop-rgb),.5))}.vibe-orb{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:60;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--card-border);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;transition:transform var(--dur-fast) var(--ease-brand),border-color var(--dur-fast) ease}.vibe-orb svg{width:20px;height:20px;color:var(--pop-ink)}.vibe-orb{border-color:rgba(var(--pop-rgb),.5)}.vibe-orb:hover{transform:scale(1.08) rotate(8deg);border-color:var(--pop);box-shadow:var(--shadow),var(--pop-glow)}.vibe-menu{position:fixed;right:clamp(14px,3vw,28px);bottom:calc(clamp(14px,3vw,28px) + 64px);z-index:60;display:grid;gap:8px;width:min(260px,calc(100vw - 40px))}.vibe-card{display:flex;align-items:center;gap:.85rem;padding:.75rem .95rem;border-radius:13px;border:1px solid var(--vc-border, rgba(255, 255, 255, .12));background:var(--vc-bg, #101014);color:var(--vc-text, #fff);cursor:pointer;transition:transform var(--dur-fast) var(--ease-brand),box-shadow var(--dur-fast) ease;text-align:left;font-family:var(--font-body)}.vibe-card:hover{transform:translate(-4px);box-shadow:0 10px 30px -12px #00000080}.vibe-card .tone{width:26px;height:26px;border-radius:50%;border:1px solid var(--vc-border, rgba(255,255,255,.2));background:var(--vc-tone, #333);flex-shrink:0}#morph-veil{position:fixed;inset:0;z-index:100;pointer-events:none;display:grid;place-items:center}#morph-veil .veil-disc{width:10px;height:10px;border-radius:50%;transform:scale(0)}#morph-veil .veil-emoji{position:absolute;font-family:var(--font-display);font-weight:300;font-size:clamp(1.4rem,3.5vw,2.2rem);letter-spacing:.35em;text-transform:uppercase;opacity:0}@media(hover:hover)and (pointer:fine){.cursor-dot,.cursor-halo{position:fixed;top:0;left:0;z-index:200;pointer-events:none;border-radius:50%;will-change:transform}.cursor-dot{width:6px;height:6px;background:var(--accent)}.cursor-halo{width:34px;height:34px;border:1px solid rgba(var(--accent-rgb),.35);transition:width .25s ease,height .25s ease,border-color .25s ease}body.cursor-on,body.cursor-on a,body.cursor-on button{cursor:none}.cursor-halo.is-hover{width:50px;height:50px;border-color:rgba(var(--accent-rgb),.7)}}.marquee{overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:inline-flex;gap:3.5rem;padding-right:3.5rem;animation:marquee 36s linear infinite;align-items:center}@keyframes marquee{to{transform:translate(-50%)}}html.reduced .marquee-track{animation:none}.xp-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%) translateY(20px);z-index:90;background:var(--surface-2);border:1px solid var(--card-border);color:var(--text);border-radius:999px;padding:.65rem 1.3rem;font-weight:600;font-family:var(--font-display);font-size:.92rem;box-shadow:var(--shadow),var(--glow);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}#scroll-progress{position:fixed;top:0;left:0;height:2.5px;width:100%;z-index:70;transform-origin:0 50%;transform:scaleX(0);background:var(--pop-gradient);box-shadow:0 0 12px rgba(var(--pop-rgb),.6)}.game-stage{border-radius:var(--radius);border:1px solid var(--card-border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow),inset 0 1px 0 var(--hairline);overflow:hidden;position:relative}.seat-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .85rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--card-border);font-weight:600;font-size:.88rem}.seat-badge.turn{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.08),var(--glow)}.die{width:60px;height:60px;border-radius:13px;display:grid;place-items:center;font-size:1.7rem;font-family:var(--font-mono);font-weight:600;background:var(--surface-2);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.die.rolling{animation:dieshake .5s ease infinite}@keyframes dieshake{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-10deg) translateY(-3px)}75%{transform:rotate(10deg) translateY(-2px)}}.mode-bar{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:var(--surface);border:1px solid var(--hairline)}.mode-bar button{border:0;cursor:pointer;padding:.42rem .95rem;border-radius:8px;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-weight:500;font-size:.85rem;transition:all var(--dur-fast) ease}.mode-bar button:hover{color:var(--text)}.mode-bar button.active{background:var(--accent);color:var(--accent-contrast)}.text-muted{color:var(--text-muted)}.text-accent,.text-pop{color:var(--pop-ink)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.glass{background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border)}.container-site{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.hairline-t{border-top:1px solid var(--hairline)}.skeleton{background:linear-gradient(100deg,var(--surface) 40%,var(--surface-2) 50%,var(--surface) 60%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position-x:-200%}}#page-wipe{position:fixed;inset:0;z-index:95;transform:scaleY(0);transform-origin:50% 100%;background:var(--bg-2);border-top:2px solid var(--pop);pointer-events:none}.seat-badge.turn{border-color:rgba(var(--pop-rgb),.6);box-shadow:0 0 0 3px rgba(var(--pop-rgb),.12),var(--pop-glow)}.pop-text{color:var(--pop-ink)}.pop-underline{position:relative;white-space:nowrap}.pop-underline:after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.1em;border-radius:999px;background:var(--pop);transform:scaleX(var(--u, 1));transform-origin:left}.glow-pop{box-shadow:var(--pop-glow)}.mega{font-family:var(--font-display);font-weight:700;letter-spacing:-.035em;line-height:.92;font-size:clamp(2.8rem,11vw,9rem)}.mega-sub{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1;font-size:clamp(2rem,6vw,4.4rem)}.kinetic-line{overflow:hidden;display:block;padding-bottom:.06em}.kinetic-line>span{display:inline-block;will-change:transform}.char{display:inline-block;will-change:transform,opacity}.spotlight{position:relative}.spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(var(--pop-rgb),.05);opacity:0;transition:opacity .3s ease;pointer-events:none}.spotlight:hover:before{opacity:1}.edge-pop{position:relative}.edge-pop:after{content:"";position:absolute;left:0;top:0;height:2px;right:100%;background:var(--pop);transition:right .5s var(--ease-brand)}.edge-pop:hover:after{right:0}.tilt{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .2s ease}.h-scroll{position:relative}.h-viewport{overflow:hidden}.h-track{display:flex;gap:1.5rem;will-change:transform}.h-panel{flex:0 0 auto}.section-index{font-family:var(--font-mono);font-size:clamp(4rem,14vw,11rem);font-weight:600;line-height:1;color:transparent;-webkit-text-stroke:1px var(--card-border);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ticker{font-variant-numeric:tabular-nums}.showcase-tile{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:flex-grow .6s var(--ease-brand),border-color .4s ease;min-height:320px}.showcase-tile .tile-icon{color:var(--pop-ink);transition:transform .5s var(--ease-brand)}.showcase-tile:hover{border-color:rgba(var(--pop-rgb),.45);background:var(--surface-2)}.showcase-tile:hover .tile-icon{transform:translateY(-6px) scale(1.08)}.marquee-dot{width:5px;height:5px;border-radius:50%;background:var(--pop);display:inline-block}.card-pop{position:relative;border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(var(--pop-rgb),.45);box-shadow:var(--shadow),var(--pop-glow)}.scroll-cue{width:26px;height:42px;border-radius:999px;border:1.5px solid var(--card-border);position:relative}.scroll-cue:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;border-radius:999px;background:var(--pop);transform:translate(-50%);animation:cue 1.6s var(--ease-brand) infinite}@keyframes cue{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}to{opacity:0;transform:translate(-50%,16px)}}html.reduced .scroll-cue:after{animation:none}[data-magnetic]{display:inline-flex}.bar-fill{background:var(--pop-gradient)!important}.xp-toast{border-color:rgba(var(--pop-rgb),.4)}::-moz-selection{background:rgba(var(--pop-rgb),.22);color:var(--text)}::selection{background:rgba(var(--pop-rgb),.22);color:var(--text)}:root{--spark: #ff8a4c;--spark-2: #ffcf5c;--spark-rgb: 255, 138, 76;--spark-ink: color-mix(in srgb, var(--spark) 76%, var(--text));--cut-xl: 30px;--pop-soft: rgba(var(--pop-rgb), .12);--mx: 50%;--my: 30%}.bg-aura{position:fixed;inset:-25%;z-index:-2;pointer-events:none;filter:blur(70px);opacity:.55;transition:opacity .6s ease}.bg-aura:before,.bg-aura:after{content:"";position:absolute;border-radius:50%;will-change:transform}.bg-aura:before{width:46vw;height:46vw;top:-8%;left:-6%;background:radial-gradient(circle,rgba(var(--pop-rgb),.55),transparent 66%);animation:aura-a 24s var(--ease-brand) infinite alternate}.bg-aura:after{width:40vw;height:40vw;bottom:-12%;right:-8%;background:radial-gradient(circle,rgba(var(--spark-rgb),.5),transparent 66%);animation:aura-b 30s var(--ease-brand) infinite alternate}@keyframes aura-a{to{transform:translate(24vw,14vh) scale(1.25)}}@keyframes aura-b{to{transform:translate(-20vw,-12vh) scale(1.15)}}:root[data-theme=pearl] .bg-aura,:root[data-theme=mist] .bg-aura{opacity:.3;filter:blur(90px)}html.reduced .bg-aura:before,html.reduced .bg-aura:after{animation:none}.bg-dots{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(var(--accent-rgb),.85) .6px,transparent 1.4px);background-size:30px 30px;opacity:.05}.bg-dots-hot{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(var(--pop-rgb),1) 1px,transparent 1.6px);background-size:30px 30px;opacity:.55;-webkit-mask-image:radial-gradient(240px 240px at var(--mx) var(--my),#000 0%,transparent 68%);mask-image:radial-gradient(240px 240px at var(--mx) var(--my),#000 0%,transparent 68%);transition:opacity .5s ease}html.reduced .bg-dots-hot{display:none}.mega-nav{display:flex;align-items:center;gap:.4rem}.mega-trigger{position:relative;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-weight:500;font-size:.94rem;color:var(--text-muted);padding:.5rem .85rem;border-radius:11px;border:1px solid transparent;background:none;cursor:pointer;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}.mega-trigger:hover,.mega-trigger[aria-expanded=true],.mega-trigger.active{color:var(--text)}.mega-trigger[aria-expanded=true]{background:var(--surface);border-color:var(--card-border)}.mega-trigger .caret{transition:transform var(--dur-fast) var(--ease-brand);opacity:.6}.mega-trigger[aria-expanded=true] .caret{transform:rotate(180deg)}.mega-trigger.active:before{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.15rem;height:2px;border-radius:2px;background:var(--pop)}.mega-panel{position:fixed;top:60px;left:50%;transform:translate(-50%);width:min(920px,calc(100vw - 2.5rem));z-index:60;background:color-mix(in srgb,var(--bg-2) 97%,transparent);backdrop-filter:blur(calc(var(--nav-blur) + 6px)) saturate(1.3);-webkit-backdrop-filter:blur(calc(var(--nav-blur) + 6px)) saturate(1.3);border:1px solid var(--card-border);border-radius:20px;box-shadow:0 40px 80px -24px #000000d9,var(--glow);padding:1.4rem;overflow:hidden}.mega-panel.narrow{width:min(560px,calc(100vw - 2.5rem))}.mega-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--pop);opacity:.7}.mega-cols{display:grid;gap:1.1rem}.mega-cols.c-3{grid-template-columns:1.1fr 1fr .9fr}.mega-cols.c-2{grid-template-columns:1fr 1fr}.mega-h{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.64rem;font-weight:600;color:var(--text-muted);margin-bottom:.7rem;display:flex;align-items:center;gap:.45rem}.mega-h .dot{width:6px;height:6px;border-radius:50%;background:var(--pop)}.mega-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:12px;color:inherit;text-decoration:none;border:1px solid transparent;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--ease-brand)}.mega-item:hover{background:var(--surface);border-color:var(--card-border);transform:translate(3px)}.mega-item .mi-ico{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--pop-ink)}.mega-item:hover .mi-ico{color:var(--pop);border-color:rgba(var(--pop-rgb),.45)}.mega-item>span{min-width:0}.mega-item .mi-title{display:block;font-family:var(--font-display);font-weight:600;font-size:.94rem;line-height:1.15}.mega-item .mi-sub{display:block;font-size:.76rem;color:var(--text-muted);line-height:1.3;margin-top:.12rem}.mega-feature{position:relative;border-radius:16px;padding:1.1rem 1.15rem;background:var(--surface);border:1px solid rgba(var(--pop-rgb),.4);box-shadow:inset 0 1px 0 var(--hairline);overflow:hidden;height:100%;display:flex;flex-direction:column}.mega-feature .mf-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--pop-ink);font-weight:600}.mega-grade-jump{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.7rem}.grade-pip{font-family:var(--font-mono);font-size:.72rem;font-weight:600;padding:.28rem .5rem;border-radius:8px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text-muted);text-decoration:none;transition:all var(--dur-fast) ease}.grade-pip:hover{color:var(--pop-contrast);background:var(--pop);border-color:transparent}.mega-panel[hidden]{display:none}.hero-x{position:relative;min-height:min(94vh,900px);display:flex;align-items:center;overflow:hidden;padding-top:2rem}.hero-kicker{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .9rem .4rem .5rem;border-radius:999px;background:var(--surface);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;color:var(--text-muted);font-family:var(--font-body)}.hero-kicker .k-live{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--pop-contrast);background:var(--pop);padding:.2rem .5rem;border-radius:999px}.hero-kicker .k-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pop-contrast);animation:blip 1.4s ease infinite}@keyframes blip{0%,to{opacity:1}50%{opacity:.3}}html.reduced .hero-kicker .k-live:before{animation:none}.hero-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em;line-height:.94;font-size:clamp(2.1rem,5.6vw,4.5rem);margin-top:1.4rem}.hero-title .line{display:block}.word-rotator{position:relative;display:inline-grid;vertical-align:bottom;overflow:hidden}.word-rotator>span{grid-area:1 / 1;color:var(--pop-ink);will-change:transform,opacity}.word-rotator .wr-underline{position:absolute;left:0;right:0;bottom:.02em;height:.09em;background:var(--pop);border-radius:999px;transform-origin:left}.hero-stage{position:absolute;inset:0;z-index:1;pointer-events:none}.float-chip{position:absolute;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:12px;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);box-shadow:var(--shadow);font-family:var(--font-display);font-weight:600;font-size:.82rem;color:var(--text);white-space:nowrap;will-change:transform;opacity:0;animation:chip-in .9s var(--ease-brand) both;animation-delay:var(--d, .2s)}@keyframes chip-in{0%{opacity:0;transform:translateY(14px)}to{opacity:.9;transform:translateY(0)}}html.reduced .float-chip{animation:none;opacity:.75}@media(max-width:720px){.float-chip{display:none}}.float-chip .fc-ico{color:var(--pop-ink)}.float-chip.spark{border-color:rgba(var(--spark-rgb),.45)}.float-chip.spark .fc-ico{color:var(--spark-ink)}.cur-pick{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}.cur-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:13px;background:var(--surface);border:1px solid var(--card-border);color:var(--text);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:.9rem;transition:transform var(--dur-fast) var(--ease-brand),border-color var(--dur-fast) ease,background-color var(--dur-fast) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cur-chip:hover{transform:translateY(-3px);border-color:rgba(var(--pop-rgb),.5);background:var(--surface-2)}.cur-chip .cc-ico{color:var(--pop-ink)}.cur-chip small{color:var(--text-muted);font-family:var(--font-mono);font-weight:600;font-size:.68rem}.sec{padding:clamp(4.5rem,10vh,7.5rem) 0;position:relative}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.sec-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1;font-size:clamp(1.9rem,4.6vw,3.4rem);margin-top:.6rem}.sec-title .pop{color:var(--pop-ink)}.stage-no{font-family:var(--font-mono);font-weight:600;font-size:.7rem;letter-spacing:.1em;color:var(--text-muted);display:inline-flex;align-items:center;gap:.5rem}.stage-no b{color:var(--pop-ink)}.spine{position:relative;border-radius:24px;border:1px solid var(--card-border);background:var(--surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow),inset 0 1px 0 var(--hairline);overflow:hidden}.spine:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pop)}.cur-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:860px){.cur-grid{grid-template-columns:repeat(4,1fr)}}.cur-card{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.3rem;color:inherit;text-decoration:none;background:var(--surface);border:1px solid var(--card-border);overflow:hidden;border-radius:0;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:transform var(--dur) var(--ease-brand),border-color var(--dur) ease,background-color var(--dur) ease}.cur-card:nth-child(2n){clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.cur-card:hover{transform:translateY(-5px);border-color:rgba(var(--pop-rgb),.5);background:var(--surface-2)}.cur-card .cur-ico{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--pop-ink)}.cur-card:hover .cur-ico{color:var(--pop)}.cur-card .cur-name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;letter-spacing:-.01em}.cur-card .cur-meta{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.subj-row{display:flex;flex-wrap:wrap;gap:.55rem}.subj-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:11px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text);text-decoration:none;font-weight:600;font-size:.86rem;transition:all var(--dur-fast) var(--ease-brand)}.subj-chip:hover{border-color:rgba(var(--pop-rgb),.5);transform:translateY(-2px);color:var(--pop-ink)}.orbit{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}@media(min-width:720px){.orbit{grid-template-columns:repeat(4,1fr)}}.orbit-tile{position:relative;min-height:200px;padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none;background:var(--surface);border:1px solid var(--card-border);overflow:hidden;border-radius:0;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:transform var(--dur) var(--ease-brand),border-color var(--dur) ease,opacity var(--dur) ease,background-color var(--dur) ease}.orbit-tile:nth-child(2n){clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)))}.orbit-tile .ot-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.28;z-index:0;transition:opacity var(--dur) ease,transform var(--dur-slow) var(--ease-brand);filter:contrast(1.04) saturate(1.12)}.orbit-tile>*{position:relative;z-index:1}.orbit-tile .ot-ico{color:var(--pop-ink);transition:transform var(--dur) var(--ease-brand)}.orbit-tile .ot-name{font-family:var(--font-display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em}.orbit-tile .ot-sub{font-size:.76rem;color:var(--text-muted);line-height:1.4;margin-top:.2rem;max-height:0;opacity:0;overflow:hidden;transition:max-height var(--dur) ease,opacity var(--dur) ease}@media(hover:hover)and (min-width:720px){.orbit:hover .orbit-tile{opacity:.5}.orbit .orbit-tile:hover{opacity:1;transform:translateY(-4px);border-color:rgba(var(--pop-rgb),.55);background:var(--surface-2)}.orbit .orbit-tile:hover .ot-img{opacity:.5;transform:scale(1.06)}.orbit .orbit-tile:hover .ot-ico{transform:translateY(-4px) scale(1.1)}.orbit .orbit-tile:hover .ot-sub{max-height:5rem;opacity:1}}.orbit-tile .ot-badge{position:absolute;top:0;right:0;z-index:2;font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--spark-ink);padding:.3rem .5rem}.loop{display:grid;gap:1rem;grid-template-columns:1fr;margin-top:2.5rem}@media(min-width:820px){.loop{grid-template-columns:repeat(4,1fr)}}.loop-step{position:relative;padding:1.5rem 1.3rem;border-radius:18px;background:var(--surface);border:1px solid var(--card-border);box-shadow:inset 0 1px 0 var(--hairline);overflow:hidden;transition:transform var(--dur) var(--ease-brand),border-color var(--dur) ease}.loop-step:hover{transform:translateY(-4px);border-color:rgba(var(--pop-rgb),.45)}.loop-step .ls-no{font-family:var(--font-mono);font-weight:700;font-size:2.4rem;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(var(--pop-rgb),.55)}.loop-step .ls-ico{color:var(--pop-ink);margin-top:.8rem}.loop-step .ls-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;margin-top:.7rem}.loop-step .ls-body{font-size:.86rem;color:var(--text-muted);line-height:1.55;margin-top:.35rem}.loop-step:after{content:"→";position:absolute;right:-.7rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.1rem;z-index:2}@media(max-width:819px){.loop-step:after{display:none}}.loop-step:last-child:after{display:none}.sticker{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.28rem .6rem;border-radius:999px;background:var(--spark);color:#1a1205;box-shadow:0 6px 16px -8px rgba(var(--spark-rgb),.7)}.sticker.pop{background:var(--pop);color:var(--pop-contrast);box-shadow:0 6px 16px -8px rgba(var(--pop-rgb),.6)}.ribbon{border-block:1px solid var(--hairline);padding:.9rem 0;overflow:hidden;background:var(--surface)}.ribbon .marquee-track{animation-duration:44s}.ribbon-item{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.1rem,2.4vw,1.7rem);color:var(--text-muted);letter-spacing:-.01em}.ribbon-item .rb-dot{width:7px;height:7px;border-radius:50%;background:var(--pop)}.ribbon-item:nth-child(3n){color:var(--text)}.ribbon-item:nth-child(3n) .rb-dot{background:var(--spark)}.m-acc-h{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;font-size:.62rem;color:var(--text-muted);margin:.4rem 0 .2rem}@media(max-width:767.98px){.mega-nav,.mega-panel{display:none!important}}:root{--spark: #16160e;--spark-2: #2c2c22;--spark-rgb: 22, 22, 14;--spark-ink: color-mix(in srgb, var(--text) 88%, var(--pop))}:root[data-theme=mist] .bg-aura,:root[data-theme=pearl] .bg-aura{display:none}:root[data-theme=mist] .bg-dots,:root[data-theme=pearl] .bg-dots{opacity:.07}.bg-dots-hot{display:none}.hi{position:relative;z-index:0;color:var(--text);white-space:nowrap;padding:0 .08em}.hi:before{content:"";position:absolute;z-index:-1;inset:.14em -.06em .1em;background:var(--pop);transform:rotate(-1.8deg);border-radius:7px 16px 9px 13px}.hi.hi-underline:before{top:auto;height:.34em;bottom:.02em;border-radius:6px 12px 7px 10px}.hi .wr-word{color:var(--text)}.sunburst{display:inline-block;color:var(--text)}.sunburst .core{fill:var(--pop)}.sunburst .ray{stroke:var(--text)}.wordmark .sunburst{vertical-align:-3px;margin-right:.5rem}.sunburst.spin{animation:sun-spin 18s linear infinite;transform-origin:center}html.reduced .sunburst.spin{animation:none}@keyframes sun-spin{to{transform:rotate(360deg)}}.doodle{position:absolute;color:var(--text);pointer-events:none;animation:floaty var(--fs, 7s) var(--ease-brand) infinite}.doodle.pop{color:var(--pop)}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-14px) rotate(calc(var(--r, 0deg) + 4deg))}}html.reduced .doodle{animation:none}.hero-doodles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}@media(min-width:940px){.hero-grid{grid-template-columns:1.12fr .88fr;gap:3rem}}.hero-panel{position:relative;border-radius:26px;padding:1.8rem;background:var(--surface-2);border:1px solid var(--card-border);box-shadow:var(--shadow),inset 0 1px #ffffff80;backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.2);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px)) saturate(1.2);transform:rotate(1.3deg);transition:transform var(--dur) var(--ease-brand)}.hero-panel:hover{transform:rotate(0) translateY(-4px)}.hero-panel .hp-badge{position:absolute;top:-14px;left:22px;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;background:var(--pop);color:var(--pop-contrast);font-family:var(--font-mono);font-weight:700;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 8px 20px -8px rgba(var(--pop-rgb),.6);transform:rotate(-3deg)}.hp-sub{display:flex;align-items:center;gap:.7rem;padding:.75rem .85rem;border-radius:13px;background:var(--surface);border:1px solid var(--hairline);text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease-brand),border-color var(--dur-fast) ease,background-color var(--dur-fast) ease}.hp-sub:hover{transform:translate(4px);border-color:rgba(var(--pop-rgb),.6);background:var(--surface-2)}.hp-sub .hp-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--pop);color:var(--pop-contrast);flex-shrink:0}.hp-sub .hp-name{font-family:var(--font-display);font-weight:700;font-size:.95rem}.hp-sub .hp-meta{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono)}.hero-figure{position:relative;min-height:440px}.hf-card{position:absolute;overflow:hidden;border:3px solid var(--text);border-radius:20px;box-shadow:6px 7px 0 var(--text);background:var(--surface-2);transition:transform .35s var(--ease-brand)}.hf-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;filter:contrast(1.05) saturate(1.14)}.hf-a{width:66%;aspect-ratio:4 / 5;top:0;right:3%;transform:rotate(-3deg);z-index:2}.hf-a:hover{transform:rotate(-1.5deg) translateY(-5px)}.hf-b{width:44%;aspect-ratio:1 / 1;bottom:3%;left:0;transform:rotate(4deg);z-index:3}.hf-b:hover{transform:rotate(2deg) translateY(-5px)}.hf-tag{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;padding:.28rem .55rem;border-radius:8px;background:var(--pop);color:var(--pop-contrast);border:2px solid var(--text)}.hf-tag.ink{background:var(--text);color:var(--bg)}.hf-chip{position:absolute;z-index:4;right:-1%;bottom:4%;display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:16px;background:color-mix(in srgb,var(--surface-2) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--text);box-shadow:4px 5px 0 var(--text);transform:rotate(-2deg);text-decoration:none;color:inherit;transition:transform .25s var(--ease-brand)}.hf-chip:hover{transform:rotate(0) translateY(-2px)}.hf-chip .hf-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--pop);color:var(--pop-contrast);border:2px solid var(--text);flex-shrink:0}.hf-sticker{position:absolute;z-index:5;top:-7%;left:2%}@media(max-width:939px){.hero-figure{min-height:350px;margin-top:1.5rem;max-width:480px;margin-inline:auto}}@media(max-width:520px){.hf-b{display:none}.hf-a{width:76%;right:6%}.hf-chip{right:2%}}.sticker{background:var(--text);color:var(--bg);box-shadow:0 6px 16px -8px #0006}.sticker.pop{background:var(--pop);color:var(--pop-contrast);box-shadow:0 6px 16px -8px rgba(var(--pop-rgb),.5)}.ot-badge{color:var(--text)}.ribbon-item:nth-child(3n) .rb-dot{background:var(--text)}.float-chip.spark{border-color:var(--card-border)}.float-chip.spark .fc-ico{color:var(--text)}:root[data-theme=mist] .cut,:root[data-theme=mist] .card-hover,:root[data-theme=mist] .showcase-tile,:root[data-theme=pearl] .card-hover{filter:drop-shadow(0 14px 22px rgba(17,17,12,.16))}:root{--grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}:root[data-theme=mist] .bg-scene:after,:root[data-theme=pearl] .bg-scene:after{inset:0;background-image:var(--grain-url);background-size:300px 300px;opacity:.5;mix-blend-mode:multiply;animation:none}.grained{position:relative;isolation:isolate}.grained:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--grain-url);background-size:260px 260px;opacity:.5;mix-blend-mode:multiply;border-radius:inherit}:root[data-theme=onyx] .grained:after,:root[data-theme=graphite] .grained:after{mix-blend-mode:screen;opacity:.08}.grained>*{position:relative;z-index:1}.comic{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:.9;text-transform:uppercase}.comic-outline{color:transparent;-webkit-text-stroke:2px var(--text)}.comic-outline.pop{-webkit-text-stroke-color:var(--pop)}.watermark-word{position:absolute;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.05em;line-height:.75;font-size:clamp(4.5rem,19vw,16rem);color:transparent;-webkit-text-stroke:1.5px rgba(var(--accent-rgb),.14);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;white-space:nowrap}.watermark-word.solid{color:rgba(var(--accent-rgb),.05);-webkit-text-stroke:0}.comic-sticker{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:.82rem;padding:.42rem .85rem;border-radius:11px;background:var(--pop);color:var(--pop-contrast);border:2px solid var(--text);box-shadow:3px 3px 0 var(--text);transform:rotate(-3deg);white-space:nowrap}.comic-sticker.ink{background:var(--text);color:var(--bg);box-shadow:3px 3px 0 var(--pop)}.comic-sticker.tr{transform:rotate(3deg)}.bubble{position:relative;display:inline-block;background:var(--pop);color:var(--pop-contrast);font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:.6rem .95rem;border-radius:14px;border:2px solid var(--text);box-shadow:3px 3px 0 var(--text)}.bubble:after{content:"";position:absolute;left:24px;bottom:-12px;width:16px;height:16px;background:var(--pop);border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg)}.pop-card,.vcard{position:relative;background:var(--surface-2);border:2px solid var(--text);border-radius:18px;box-shadow:5px 5px 0 var(--text);transition:transform .28s var(--ease-brand),box-shadow .28s var(--ease-brand);color:inherit;text-decoration:none}.pop-card:hover,.vcard:hover{transform:translate(-3px,-4px);box-shadow:9px 11px 0 var(--text)}.pop-card.on-ink,.vcard.on-ink{box-shadow:5px 5px 0 var(--pop);border-color:var(--pop)}.pop-card.on-ink:hover,.vcard.on-ink:hover{box-shadow:9px 11px 0 var(--pop)}.vcard{display:flex;flex-direction:column;overflow:hidden}.vcard .vimg{position:relative;aspect-ratio:16 / 11;overflow:hidden;background:var(--surface);border-bottom:2px solid var(--text)}.vcard.on-ink .vimg{border-bottom-color:var(--pop)}.vcard .vimg img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:contrast(1.04) saturate(1.12);transition:transform .6s var(--ease-brand)}.vcard:hover .vimg img{transform:scale(1.07) rotate(-.6deg)}.vcard .vbody{padding:1rem 1.1rem 1.15rem;flex:1;display:flex;flex-direction:column}.vcard .vtag{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--font-mono);font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;padding:.28rem .55rem;border-radius:8px;background:var(--pop);color:var(--pop-contrast);border:1.5px solid var(--text)}.tilt-3d{transform:perspective(950px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .35s var(--ease-brand);will-change:transform}.tilt-3d .lift{transform:translateZ(28px);transform-style:preserve-3d}.panel-ink{position:relative;background:#0d0d0c;color:#f4f3ee;border-radius:30px;border:2px solid #0d0d0c;overflow:hidden}.panel-ink .sec-title,.panel-ink .comic-outline{color:#f4f3ee}.panel-ink .comic-outline{-webkit-text-stroke-color:var(--pop);color:transparent}.panel-ink .text-muted{color:#f4f3ee99}.panel-ink .stage-no{color:#f4f3ee8c}.panel-ink .stage-no b{color:var(--pop)}.panel-ink .watermark-word{-webkit-text-stroke-color:rgba(244,243,238,.12)}.panel-ink:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--grain-url);background-size:280px 280px;opacity:.09;mix-blend-mode:screen}.panel-ink>*{position:relative;z-index:1}.arcade-crt:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 4px);opacity:.5;mix-blend-mode:multiply}.press-start{font-family:var(--font-mono);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;color:var(--pop);animation:ps-blink 1.2s steps(1) infinite}@keyframes ps-blink{50%{opacity:.25}}html.reduced .press-start{animation:none}.gtile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;padding:1.15rem;border-radius:16px;overflow:hidden;background:#ffffff0d;border:2px solid rgba(255,255,255,.14);color:#f4f3ee;text-decoration:none;transition:transform .28s var(--ease-brand),border-color .28s ease,box-shadow .28s ease,background-color .28s ease}.gtile .gimg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.34;z-index:0;transition:opacity .35s,transform .6s var(--ease-brand),filter .35s;filter:saturate(1.1)}.gtile>*{position:relative;z-index:2}.gtile:hover{transform:translateY(-6px) rotate(-.6deg);border-color:var(--pop);background:#ffffff17;box-shadow:0 0 0 2px rgba(var(--pop-rgb),.35),0 18px 40px -14px rgba(var(--pop-rgb),.55)}.gtile:hover .gimg{opacity:.62;transform:scale(1.1);filter:saturate(1.3)}.gtile .gico{color:var(--pop);transition:transform .3s var(--ease-brand);filter:drop-shadow(0 0 8px rgba(var(--pop-rgb),.55))}.gtile:hover .gico{transform:translateY(-4px) scale(1.12) rotate(-6deg)}.gtile .gname{font-family:var(--font-display);font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.gtile .g3d{position:absolute;top:10px;right:10px;z-index:3;font-family:var(--font-mono);font-weight:700;font-size:.6rem;color:var(--pop);border:1px solid var(--pop);border-radius:6px;padding:.15rem .35rem;box-shadow:0 0 10px rgba(var(--pop-rgb),.4)}.gtile .gplay{position:absolute;left:1.15rem;bottom:1.15rem;z-index:3;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;padding:.4rem .7rem;border-radius:999px;background:var(--pop);color:var(--pop-contrast);border:2px solid #0d0d0c;opacity:0;transform:translateY(8px) scale(.9);transform-origin:left bottom;transition:opacity .25s var(--ease-brand),transform .25s var(--ease-brand);pointer-events:none}.gtile:hover .gplay{opacity:1;transform:translateY(0) scale(1)}.fab-stack{position:fixed;left:clamp(14px,3vw,26px);bottom:clamp(14px,3vw,26px);z-index:60;display:flex;flex-direction:column-reverse;gap:.65rem}.fab{position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--pop);color:var(--pop-contrast);border:2px solid var(--text);box-shadow:3px 3px 0 var(--text);text-decoration:none;animation:fab-bob 4s ease-in-out infinite;transition:transform .2s var(--ease-brand),box-shadow .2s var(--ease-brand),background-color .2s ease}.fab.ink{background:var(--text);color:var(--bg)}.fab:nth-child(2){animation-delay:.4s}.fab:hover{animation-play-state:paused;transform:translate(-2px,-2px) scale(1.08);box-shadow:5px 6px 0 var(--text)}.fab .fab-label{position:absolute;left:62px;top:50%;transform:translateY(-50%) translate(-6px);white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--text);background:var(--surface-2);border:2px solid var(--text);box-shadow:3px 3px 0 var(--text);padding:.35rem .7rem;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s var(--ease-brand)}.fab:hover .fab-label{opacity:1;transform:translateY(-50%) translate(0)}@keyframes fab-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}html.reduced .fab{animation:none}@media(max-width:560px){.fab-stack{display:none}}[data-draw] path{stroke-dasharray:var(--len, 1000);stroke-dashoffset:var(--len, 1000)}html.reduced [data-draw] path{stroke-dashoffset:0}