:root{--r-card:16px;--r-tile:12px;--brass-fill:color-mix(in srgb,var(--accent) 12%,transparent);--lilac-fill:color-mix(in srgb,var(--primary) 12%,transparent);--brass-edge:color-mix(in srgb,var(--accent) 55%,transparent);--lilac-edge:color-mix(in srgb,var(--primary) 55%,transparent);--seam:linear-gradient(135deg,var(--brass-edge),var(--lilac-edge))}.ask-register,.ask-rule,.ask-screen,.chip-row li,.dial-chip,.dial-q,.hero-note,.rcard-live,.rcard-persona,.roster-tab,.scene-tag,.slabel,.step .n,.truths-kicker,.truths-num,.truths-tag{letter-spacing:.05em}body:before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;background:radial-gradient(42vw 36vh at 18% 8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(46vw 40vh at 86% 34%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 70%),radial-gradient(52vw 42vh at 46% 104%,color-mix(in srgb,var(--bridge) 9%,transparent),transparent 72%);filter:blur(150px);animation:orb-drift 26s ease-in-out infinite alternate}@keyframes orb-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}.hero-title{font-weight:800;letter-spacing:-.01em}.hero-title em{display:inline-block;color:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)) drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 20%,transparent))}.hero-sub{color:var(--ink-muted)}.hero-face-ring,.hero-face-ring .slot{width:64px}.hero-face-ring .slot{aspect-ratio:3/4;border-radius:calc(var(--r-tile) - 4px);overflow:hidden;border:1px solid var(--lilac-edge)}.hero-face-ring:nth-child(2n) .slot{border-color:var(--brass-edge)}.hero-face-dot{background:var(--primary)}.slabel b{font-weight:700}.slabel .rule{width:34px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--primary) 85%,transparent)}.slabel.warm .rule{background:linear-gradient(90deg,var(--primary),var(--accent) 85%,transparent)}.head h2{position:relative;padding-bottom:14px}.head h2:after{content:"";position:absolute;left:0;bottom:0;width:58px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 25%,transparent))}main>.band:nth-of-type(2n) .head h2:after{background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 25%,transparent))}.band.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt) 74%,transparent),color-mix(in srgb,var(--surface-alt) 42%,transparent));border-top:1px solid color-mix(in srgb,var(--accent) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,transparent)}.mock.ask:not(:has(.ask-rule)) .ask-frame{opacity:.08;filter:grayscale(1)}.mock.ask{max-width:330px;border-radius:var(--r-card);padding:13px;display:grid;grid-gap:11px;gap:11px;position:relative;background:linear-gradient(168deg,color-mix(in srgb,var(--surface-alt) 92%,transparent),color-mix(in srgb,var(--surface) 88%,transparent))}.mock.ask:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--seam);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.ask-chrome{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;min-width:0}.ask-screen{font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--primary)}.ask-rule,.ask-screen{text-transform:uppercase}.ask-rule{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:var(--r-tile);border:1px solid color-mix(in srgb,var(--bridge) 42%,transparent);background:color-mix(in srgb,var(--bridge) 8%,transparent);font-size:.6rem;font-weight:600;white-space:nowrap}.ask-rule,.ask-rule svg{color:var(--bridge)}.ask-frame{position:relative;border-radius:var(--r-tile);overflow:hidden;border:1px solid var(--lilac-edge)}.ask-plate{position:absolute;left:0;right:0;bottom:0;margin:0;padding:26px 13px 11px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 88%,transparent))}.ask-plate b{font-family:var(--font-head);font-weight:700;font-size:1.15rem;color:var(--ink)}.ask-plate span{font-size:.68rem;font-weight:600;color:var(--primary);text-align:right}.ask-thread{display:grid;grid-gap:7px;gap:7px;min-width:0}.ask-register{justify-self:start;font-size:.62rem;font-weight:600;text-transform:uppercase;color:var(--ink-muted);padding:3px 8px;border-radius:var(--r-tile);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent)}.ask-her,.ask-you{margin:0;font-size:.86rem;line-height:1.42;padding:9px 12px;border-radius:var(--r-tile);color:var(--ink)}.ask-you{justify-self:end;max-width:88%;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-bottom-right-radius:4px}.ask-you:before{content:"— ";font-weight:700;color:var(--accent)}.ask-her{justify-self:start;max-width:88%;background:color-mix(in srgb,var(--primary) 18%,transparent);border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-bottom-left-radius:4px}.ask-her:before{content:"— ";font-weight:700;color:var(--primary)}.ask-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 20px;border-radius:var(--r-tile);background:var(--accent);color:var(--surface);font-family:var(--font-body);font-weight:700;font-size:.95rem;text-decoration:none;box-shadow:0 2px 14px color-mix(in srgb,var(--accent) 42%,transparent),0 10px 44px color-mix(in srgb,var(--accent) 18%,transparent);transition:transform .18s ease,box-shadow .18s ease}.ask-open:hover{transform:translateY(-1px);box-shadow:0 3px 16px color-mix(in srgb,var(--accent) 52%,transparent),0 12px 52px color-mix(in srgb,var(--accent) 24%,transparent)}.steps-pin .mock.ask{max-width:220px;padding:10px;gap:7px}.steps-pin-list>.step{border-top:0}.steps-pin .mock.ask .ask-her,.steps-pin .mock.ask .ask-you{font-size:.76rem;padding:7px 10px}.steps-pin .mock.ask .ask-open{min-height:44px;padding:10px 16px;font-size:.88rem}.steps-pin .mock.ask .ask-plate{padding:18px 11px 9px}.steps-pin-list .step.on .n{color:var(--accent)}.steps-pin-list .step:nth-child(2n).on .n{color:var(--primary)}.steps-pin-list .step.on .n:before{content:"— ";color:var(--primary);font-weight:700}.steps-pin-list .step:nth-child(2n).on .n:before{color:var(--accent)}.btn-primary{border-radius:var(--r-tile);box-shadow:0 2px 14px color-mix(in srgb,var(--accent) 40%,transparent),0 10px 44px color-mix(in srgb,var(--accent) 16%,transparent)}.btn-ghost{border-radius:var(--r-tile);background:var(--primary);font-weight:700}.btn-ghost,.btn-ghost:hover{border-color:transparent;color:var(--surface)}.btn-ghost:hover{background:color-mix(in srgb,var(--primary) 86%,white)}.rcard-char{border-radius:var(--r-card);overflow:hidden;border:1px solid color-mix(in srgb,var(--card-tint,var(--primary)) 42%,transparent);background:color-mix(in srgb,var(--surface-alt) 78%,transparent);transition:transform .2s ease,border-color .2s ease}.rcard-char:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-tint,var(--primary)) 70%,transparent)}.rcard-live{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 45%,transparent)}.rcard-persona{background:color-mix(in srgb,var(--accent) 14%,transparent);color:color-mix(in srgb,var(--accent) 80%,var(--ink));border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.roster>:nth-child(2n) .rcard-persona{background:color-mix(in srgb,var(--primary) 14%,transparent);color:color-mix(in srgb,var(--primary) 82%,var(--ink));border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.roster-tab{border-radius:var(--r-tile);min-height:44px}.roster-tab i{font-size:.6rem}.roster-tab.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);box-shadow:inset 0 -2px 0 var(--accent)}.stats{border-radius:var(--r-card);overflow:hidden;border-color:color-mix(in srgb,var(--accent) 20%,transparent)}.stats>div:nth-child(odd) .num{color:var(--accent)}.stats>div:nth-child(2n) .num{color:var(--primary)}.fcard{border-radius:var(--r-card)}.fcard .ico{border-radius:var(--r-tile);background:var(--brass-fill);color:var(--accent)}.fgrid .fcard:nth-child(2n) .ico{background:var(--lilac-fill);color:var(--primary)}.scene-card{border-radius:var(--r-card);overflow:hidden;border:1px solid color-mix(in srgb,var(--card-tint,var(--primary)) 42%,transparent)}.scene-tag{border-radius:var(--r-tile)}.rcard{border-radius:var(--r-card)}.rcard:hover{border-color:color-mix(in srgb,var(--bridge) 50%,transparent)}.tcard{border-radius:var(--r-card)}.tcard:nth-child(odd){border-left:3px solid var(--brass-edge)}.tcard:nth-child(2n){border-left:3px solid var(--lilac-edge)}.dial{border-radius:var(--r-card)}.dial-chip{border-radius:var(--r-tile);min-height:44px}.dial-chip.is-on{border-color:var(--primary);background:var(--lilac-fill);color:var(--primary);box-shadow:0 0 8px color-mix(in srgb,var(--primary) 45%,transparent),0 0 24px color-mix(in srgb,var(--primary) 18%,transparent)}.dial-say{border-radius:var(--r-tile);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface-alt) 70%,transparent)}.dial-line:before{content:"— ";font-weight:700;color:var(--accent)}.truths-face{border-radius:var(--r-tile);overflow:hidden;border:1px solid var(--lilac-edge)}.truths-card{border-radius:var(--r-tile);min-height:44px}.truths-card.is-picked{border-color:var(--primary)}.truths-card.is-lie{border-color:var(--accent);background:var(--brass-fill)}.truths-card.is-true{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.truths-tag{border-radius:var(--r-tile);color:var(--accent)}.truths-num{color:var(--primary);font-weight:700}.final-media{position:relative;border-radius:var(--r-card);overflow:hidden;border:2px solid var(--lilac-edge)}.final-media .slot{border-radius:0}.chip-row li{border-radius:var(--r-tile);border-color:color-mix(in srgb,var(--primary) 26%,transparent)}.chip-row li:hover{border-color:color-mix(in srgb,var(--bridge) 55%,transparent);color:var(--bridge)}@media (max-width:640px){.mock.ask{max-width:100%}.ask-chrome{flex-wrap:wrap}.ask-her,.ask-you{max-width:100%}.ask-open{width:100%}}