:root{--r-card:16px;--r-tile:12px;--hot:var(--accent);--cold:var(--primary);--hot-ink:color-mix(in srgb,var(--accent) 72%,var(--ink));--cold-ink:color-mix(in srgb,var(--primary) 72%,var(--ink));--slit:linear-gradient(180deg,var(--hot),var(--bridge) 52%,var(--cold))}body{background:radial-gradient(56% 42% at 82% 4%,color-mix(in srgb,var(--cold) 13%,transparent),transparent 68%),radial-gradient(48% 40% at 8% 30%,color-mix(in srgb,var(--hot) 11%,transparent),transparent 70%),radial-gradient(52% 46% at 50% 100%,color-mix(in srgb,var(--bridge) 9%,transparent),transparent 72%),var(--surface)}.backdrop{opacity:.42}.hero-title{font-weight:700;letter-spacing:.005em;line-height:1.04}.hero-title em,h2 em{display:inline-block;font-style:italic;font-weight:600;background:linear-gradient(112deg,var(--hot) 8%,var(--bridge) 50%,var(--cold) 92%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--bridge) 38%,transparent))}.hero-sub{color:var(--ink);font-size:clamp(1.1rem,1.5vw,1.22rem)}h2{font-weight:700;letter-spacing:.004em}.chip-row li,.mock-sub,.mock-tags li,.rcard-live,.rcard-persona,.rcard-stats,.scene-tag,.slabel,.step .n{letter-spacing:.05em}.slabel{align-items:center;gap:10px}.slabel:before{content:"";width:3px;height:1.15em;border-radius:2px;background:var(--slit);box-shadow:0 0 10px color-mix(in srgb,var(--bridge) 55%,transparent)}main>.band:nth-of-type(odd) .slabel b{color:var(--cold-ink)}main>.band:nth-of-type(2n) .slabel b{color:var(--hot-ink)}.slabel .rule{background:color-mix(in srgb,var(--bridge) 40%,transparent)}.btn{border-radius:999px;font-weight:600;letter-spacing:.01em}.btn-primary{background:linear-gradient(120deg,var(--hot),color-mix(in srgb,var(--hot) 62%,var(--bridge)));border:0;color:var(--surface);font-weight:700;box-shadow:0 2px 14px color-mix(in srgb,var(--hot) 45%,transparent),0 10px 46px color-mix(in srgb,var(--hot) 22%,transparent)}.btn-primary:hover{box-shadow:0 2px 16px color-mix(in srgb,var(--hot) 60%,transparent),0 12px 54px color-mix(in srgb,var(--hot) 30%,transparent)}.btn-ghost{background:var(--cold);border:0;color:var(--surface);font-weight:700}.btn-ghost:hover{background:color-mix(in srgb,var(--cold) 84%,var(--ink));color:var(--surface)}.hero-bleed-scrim{background:linear-gradient(90deg,var(--surface) 0,color-mix(in srgb,var(--surface) 84%,transparent) 44%,transparent 74%),linear-gradient(0deg,var(--surface) 0,color-mix(in srgb,var(--surface) 55%,transparent) 24%,transparent 56%),radial-gradient(50% 60% at 78% 30%,color-mix(in srgb,var(--cold) 10%,transparent),transparent 70%)}.hero-bleed-media:before{content:"";position:absolute;inset:auto 0 0 0;height:32%;background:linear-gradient(0deg,color-mix(in srgb,var(--hot) 16%,transparent),transparent);pointer-events:none;z-index:1}.hero-faces-note{color:var(--ink-muted)}.hero-face-dot{background:var(--cold);box-shadow:0 0 8px color-mix(in srgb,var(--cold) 70%,transparent)}.hero-face-ring{background:conic-gradient(from 210deg,var(--hot),var(--bridge),var(--cold),var(--hot));padding:2px;border-radius:50%;display:block}.hero-face-ring .slot{border:2px solid var(--surface)}.mock.pm{background:transparent;border:0;overflow:visible;display:grid;grid-gap:10px;gap:10px;max-width:320px}.hero-bleed-mock .mock.pm{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.pm-screen{margin:0 0 2px;font-family:var(--font-head);font-weight:700;font-size:.9rem;color:var(--ink);width:-moz-fit-content;width:fit-content;padding:4px 13px;border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb,var(--bridge) 30%,transparent)}.pm-panel{border-radius:var(--r-card);padding:12px 14px;background:color-mix(in srgb,var(--surface-alt) 74%,transparent);-webkit-backdrop-filter:blur(42px) saturate(2) brightness(1.08);backdrop-filter:blur(42px) saturate(2) brightness(1.08);border:1px solid color-mix(in srgb,var(--bridge) 22%,transparent);min-width:0}.pm-thread{transform:rotate(-1.2deg)}.pm-chips{transform:rotate(.9deg) translateX(6px)}.pm-ask,.pm-reply{margin:0;font-size:.86rem;line-height:1.35;padding:8px 12px;border-radius:var(--r-tile);width:-moz-fit-content;width:fit-content;max-width:100%}.pm-ask{background:color-mix(in srgb,var(--cold) 26%,var(--surface-alt));border-bottom-right-radius:4px;margin-left:auto;color:var(--ink)}.pm-reply{margin-top:8px;background:color-mix(in srgb,var(--hot) 20%,var(--surface-alt));border-bottom-left-radius:4px;color:var(--ink)}.pm-typing i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--hot-ink);margin-right:4px;animation:pm-blink 1.1s ease-in-out infinite}.pm-typing i:nth-child(2){animation-delay:.18s}.pm-typing i:nth-child(3){animation-delay:.36s}@keyframes pm-blink{0%,to{opacity:.25}50%{opacity:1}}.pm-chip-label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:7px}.pm-chips ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.pm-chips li{font-size:.74rem;padding:5px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--cold) 40%,transparent);color:var(--cold-ink)}.pm-chips li.on{background:var(--cold);border-color:transparent;color:var(--surface);font-weight:700}.pm-frame{width:84%;margin:0 0 0 auto;border-radius:var(--r-card);overflow:hidden;transform:rotate(-.8deg);border:1px solid color-mix(in srgb,var(--cold) 30%,transparent);box-shadow:0 1px 10px color-mix(in srgb,var(--cold) 30%,transparent),0 14px 44px color-mix(in srgb,var(--cold) 14%,transparent);background:var(--surface-alt)}.pm-frame,.pm-frame-media{position:relative}.pm-frame-media.is-veiled .slot img{filter:blur(26px) saturate(1.2);transform:scale(1.12)}.pm-veil{position:absolute;inset:0;display:grid;place-items:center;font-size:.78rem;background:color-mix(in srgb,var(--surface) 30%,transparent)}.pm-frame-note,.pm-veil{font-weight:600;color:var(--ink)}.pm-frame-note{padding:8px 12px 2px;font-size:.74rem}.pm-honesty{display:block;padding:2px 12px 9px;font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cold-ink)}.pm-frame:not(:has(.pm-honesty)) .pm-frame-media{opacity:.06}.pm-roster{align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-alt) 74%,transparent);-webkit-backdrop-filter:blur(42px) saturate(2);backdrop-filter:blur(42px) saturate(2);border:1px solid color-mix(in srgb,var(--hot) 24%,transparent);transform:rotate(.7deg);width:-moz-fit-content;width:fit-content;max-width:100%}.pm-roster,.pm-roster-row{display:flex}.pm-roster-row .pm-av{width:30px;flex:0 0 30px;border:2px solid var(--surface)}.pm-roster-row .pm-av+.pm-av{margin-left:-9px}.pm-roster-lbl{font-size:.72rem;font-weight:600;color:var(--hot-ink);min-width:0}.deck{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:clamp(22px,4vw,48px);gap:clamp(22px,4vw,48px);align-items:center;margin-top:clamp(18px,2.4vw,28px)}.deck-stage{position:relative;max-width:340px;width:100%;justify-self:center;min-width:0;padding-right:26px;padding-bottom:18px}.deck-under{position:absolute;inset:0 26px 18px 0;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--border)}.deck-under-1{transform:translate(14px,9px) rotate(2.2deg);opacity:.7}.deck-under-2{transform:translate(26px,17px) rotate(4.2deg);opacity:.4}.deck-card{position:relative;display:block;width:100%;padding:0;border:1px solid color-mix(in srgb,var(--card-tint,var(--cold)) 55%,transparent);border-radius:var(--r-card);overflow:hidden;cursor:pointer;background:var(--surface-alt);touch-action:pan-y;box-shadow:0 2px 12px color-mix(in srgb,var(--card-tint,var(--cold)) 34%,transparent),0 16px 52px color-mix(in srgb,var(--card-tint,var(--cold)) 16%,transparent);animation:deck-deal .34s ease}@keyframes deck-deal{0%{transform:translate(12px,8px) rotate(2deg);opacity:.5}to{transform:none;opacity:1}}.deck-card .slot img{transition:transform .3s ease}.deck-card:hover .slot img{transform:scale(1.03)}.deck-tag{top:10px;left:10px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;padding:5px 11px;color:var(--surface);background:var(--card-tint,var(--cold))}.deck-count,.deck-tag{position:absolute;font-weight:700;border-radius:999px}.deck-count{right:10px;bottom:10px;font-size:.72rem;padding:4px 10px;color:var(--ink);background:color-mix(in srgb,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.deck-side{min-width:0;position:relative;padding-left:18px}.deck-side:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:2px;background:var(--slit);box-shadow:0 0 12px color-mix(in srgb,var(--bridge) 50%,transparent)}.deck-title{margin:0 0 8px;font-size:clamp(1.3rem,2.2vw,1.7rem)}.deck-caption{margin:0 0 10px;font-size:1.02rem;line-height:1.55;color:var(--ink);max-width:44ch}.deck-hint{margin:0 0 18px;font-size:.82rem;color:var(--ink-muted)}@media (max-width:640px){.deck{grid-template-columns:1fr}.deck-stage{max-width:min(78vw,320px)}}.rcard-char{border-radius:var(--r-card);overflow:hidden;border-color:color-mix(in srgb,var(--card-tint,var(--cold)) 26%,transparent);transition:box-shadow .25s ease,transform .25s ease}.rcard-char:hover{transform:translateY(-3px);box-shadow:0 2px 12px color-mix(in srgb,var(--card-tint,var(--cold)) 30%,transparent),0 18px 48px color-mix(in srgb,var(--card-tint,var(--cold)) 14%,transparent)}.rcard-media{position:relative}.rcard-media:after{content:"";position:absolute;inset:55% 0 0 0;background:linear-gradient(0deg,color-mix(in srgb,var(--card-tint,var(--cold)) 26%,var(--surface)) 0,transparent 100%);pointer-events:none}.rcard-live{background:var(--cold);color:var(--surface)}.roster-tab{border-radius:999px}.roster-tab.is-active{background:var(--hot);border-color:transparent;color:var(--surface)}.fcard,.gr-item,.pcbox,.reply-bubble,.reply-composer,.step,.tcard,.tease-frame,.verdict-list>li,.verdict-score{border-radius:var(--r-card)}.chip-row li,.mock-tags li{border-radius:999px}.fcard{background:color-mix(in srgb,var(--surface-alt) 66%,transparent);border-color:color-mix(in srgb,var(--bridge) 18%,transparent)}.fgrid .fcard:nth-child(odd) .ico{color:var(--cold-ink);border-color:color-mix(in srgb,var(--cold) 40%,transparent)}.fgrid .fcard:nth-child(2n) .ico{color:var(--hot-ink);border-color:color-mix(in srgb,var(--hot) 40%,transparent)}.band.panel{background:radial-gradient(70% 90% at 12% 0,color-mix(in srgb,var(--cold) 7%,transparent),transparent 60%),radial-gradient(60% 80% at 92% 100%,color-mix(in srgb,var(--hot) 6%,transparent),transparent 62%),color-mix(in srgb,var(--surface-alt) 44%,transparent)}.stats{border-radius:var(--r-card);overflow:hidden}.stats>div:nth-child(odd) .num{color:var(--hot-ink)}.stats>div:nth-child(2n) .num{color:var(--cold-ink)}.steps-pin-list>.step{border-top:0;padding-left:18px;position:relative}.steps-pin-list>.step:before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:3px;border-radius:2px;background:color-mix(in srgb,var(--border) 70%,transparent)}.steps-pin-list>.step.on:before{background:var(--slit);box-shadow:0 0 12px color-mix(in srgb,var(--bridge) 50%,transparent)}.steps-pin-list>.step .n{font-weight:700}.steps-pin-list>.step:nth-child(odd).on .n{color:var(--hot-ink)}.steps-pin-list>.step:nth-child(2n).on .n{color:var(--cold-ink)}.steps-pin-dots li.on{background:var(--bridge)}.tease-ask{border-radius:999px;background:var(--cold);color:var(--surface);border:0;font-weight:700;padding:12px 22px;min-height:44px;cursor:pointer}.tease-ask:hover{background:color-mix(in srgb,var(--cold) 84%,var(--ink))}.reply-send{background:var(--hot);color:var(--surface);border:0;border-radius:50%;min-width:44px;min-height:44px;cursor:pointer}.reply-you{color:var(--ink)}.faq-q{font-weight:600}.prose .lead{color:var(--ink)}.pros h3{color:var(--cold-ink)}.cons h3,.deck-hint,.hero-face-name,.rcard-stats{color:var(--ink-muted)}@media (max-width:900px){.mock.pm{max-width:300px}.pm-chips,.pm-frame,.pm-roster,.pm-thread{transform:none}}@media (prefers-reduced-motion:reduce){.pm-typing i{opacity:1}.deck-card,.pm-typing i{animation:none}}