:root{--color-ink: #101014;--color-paper: #fbfaf4;--color-electric-blue: #245cff;--color-signal-green: #2ee66b;--color-warning-yellow: #ffd43b;--color-coral-red: #ff4f4f;--color-hot-pink: #ff4fc3;--color-violet: #7c4dff;--color-cool-gray: #8e95a3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--font-display: Inter, ui-sans-serif, system-ui, sans-serif;--font-body: Inter, ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{min-height:100%;color:var(--color-ink);background:var(--color-paper);font-family:var(--font-body)}body{min-height:100%;margin:0}button,a{touch-action:manipulation}button{min-height:44px;cursor:pointer}main{inline-size:100%}.landing-page,.how-it-works-page,.type-atlas-page,.type-detail-page,.scene-player,.result-page{min-block-size:100vh}.landing-page,.how-it-works-page,.type-atlas-page,.type-detail-page{overflow:hidden;background:linear-gradient(90deg,rgb(16 16 20 / .07) 1px,transparent 1px),linear-gradient(0deg,rgb(16 16 20 / .07) 1px,transparent 1px),radial-gradient(circle at 76% 28%,rgb(255 79 195 / .22),transparent 24rem),radial-gradient(circle at 18% 76%,rgb(46 230 107 / .16),transparent 22rem),var(--color-paper);background-size:34px 34px,34px 34px,auto,auto,auto}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,46vw);align-items:center;gap:clamp(24px,6vw,92px);min-block-size:100svh;padding:clamp(34px,7vw,96px)}.landing-copy{display:grid;align-content:center;justify-items:start;max-inline-size:760px}.landing-kicker{margin:0 0 18px;padding:8px 11px;border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-warning-yellow);box-shadow:6px 6px 0 var(--color-ink);font-weight:900}.landing-hero h1{max-inline-size:820px;margin:0;font-family:var(--font-display);font-size:clamp(3.6rem,9vw,8.5rem);line-height:.9;letter-spacing:0}.landing-hero p:not(.landing-kicker){max-inline-size:680px;margin:24px 0 0;font-size:clamp(1.1rem,2.2vw,1.55rem);line-height:1.45}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:32px}.primary-link,.secondary-link,.landing-actions button{display:inline-flex;align-items:center;justify-content:center;min-block-size:52px;padding:0 20px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);box-shadow:7px 7px 0 var(--color-ink);font:inherit;font-weight:900;text-decoration:none}.primary-link{background:var(--color-ink);color:#fff}.secondary-link,.landing-actions button{background:#fff;color:var(--color-ink)}.how-it-works-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.86fr);align-items:center;gap:clamp(24px,5vw,72px);min-block-size:100svh;padding:clamp(28px,6vw,82px)}.how-it-works-copy{display:grid;justify-items:start;max-inline-size:760px}.how-it-works-copy h1{max-inline-size:780px;margin:0;font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);line-height:.9;letter-spacing:0}.how-it-works-copy>p:not(.landing-kicker){max-inline-size:680px;margin:20px 0 0;font-size:clamp(1rem,2vw,1.34rem);font-weight:800;line-height:1.45}.guide-disclaimer{padding:10px 12px;border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:#ffffffb8}.guide-step-list{display:grid;gap:14px}.guide-step{display:grid;gap:12px;padding:clamp(16px,3vw,24px);border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:#fff;box-shadow:9px 9px 0 var(--color-ink)}.guide-step span{inline-size:max-content;padding:6px 9px;border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-signal-green);font-size:.78rem;font-weight:900}.guide-step h2,.guide-step p{margin:0}.guide-step h2{font-size:clamp(1.4rem,3vw,2.3rem);line-height:1;letter-spacing:0}.guide-step p{color:color-mix(in srgb,var(--color-ink) 82%,transparent);font-size:1rem;font-weight:800;line-height:1.42}.type-atlas-page{overflow:auto;padding:clamp(24px,5vw,72px)}.type-atlas-hero{display:grid;justify-items:start;max-inline-size:980px;margin-inline:auto}.type-atlas-hero h1{max-inline-size:860px;margin:0;font-family:var(--font-display);font-size:clamp(3rem,8vw,7.2rem);line-height:.9;letter-spacing:0}.type-atlas-hero>p:not(.landing-kicker){max-inline-size:720px;margin:20px 0 0;font-size:clamp(1rem,2vw,1.35rem);font-weight:800;line-height:1.45}.type-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-inline-size:1180px;margin:clamp(28px,5vw,54px) auto 0}.type-card{display:grid;grid-template-rows:auto 1fr auto;gap:14px;min-block-size:390px;padding:16px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary, var(--color-electric-blue)) 14%,white),#fff 52%),#fff;box-shadow:7px 7px 0 var(--color-ink);color:var(--color-ink)}.type-card-topline{position:relative;display:grid;min-block-size:172px;place-items:end center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-primary, var(--color-electric-blue)) 28%,var(--color-ink));border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 78%,color-mix(in srgb,var(--accent-secondary, var(--color-warning-yellow)) 28%,transparent),transparent 42%),#ffffff94}.type-card-topline img{inline-size:min(78%,184px);max-block-size:168px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 18px rgb(16 16 20 / .18))}.type-card-topline span{position:absolute;inset-block-start:9px;inset-inline-end:9px;inline-size:max-content;padding:5px 7px;border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-secondary, var(--color-warning-yellow)) 36%,white);font-size:.72rem;font-weight:900}.type-card h2,.type-card p,.type-card strong{margin:0}.type-card-copy{display:grid;align-content:start;gap:9px}.type-card h2{font-size:clamp(1.45rem,3vw,2.3rem);line-height:1;letter-spacing:0}.type-card strong{color:color-mix(in srgb,var(--color-ink) 82%,transparent);font-size:.98rem}.type-card p{color:color-mix(in srgb,var(--color-ink) 78%,transparent);font-size:.96rem;font-weight:800;line-height:1.38}.type-card-link{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-block-size:36px;padding:0 12px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);color:#fff;font-size:.84rem;font-weight:900;text-decoration:none}.type-detail-page{display:grid;place-items:center;padding:clamp(18px,5vw,72px)}.type-detail-shell{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);align-items:center;gap:clamp(20px,5vw,72px);inline-size:min(100%,1040px);padding:clamp(18px,4vw,44px);border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 18%,white),#fff 62%),#fff;box-shadow:12px 12px 0 var(--color-ink)}.type-detail-art{display:grid;place-items:center}.type-detail-art img{inline-size:min(100%,380px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 26px 30px rgb(16 16 20 / .22))}.type-detail-copy{display:grid;justify-items:start}.type-detail-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(3rem,8vw,6.8rem);line-height:.9;letter-spacing:0}.type-detail-copy strong{margin-block-start:12px;font-size:clamp(1.1rem,2vw,1.45rem)}.type-detail-copy>p:not(.landing-kicker){max-inline-size:640px;margin:16px 0 0;font-size:clamp(1rem,2vw,1.28rem);font-weight:800;line-height:1.45}.landing-art{position:relative;display:grid;place-items:center;min-block-size:min(72vh,680px)}.landing-art:before{position:absolute;content:"";inline-size:min(38vw,560px);aspect-ratio:1;border:2px solid var(--color-ink);border-radius:50%;background:linear-gradient(135deg,#245cff2e,#ffd43b6b),#fff;box-shadow:18px 18px 0 var(--color-ink);transform:rotate(-8deg)}.landing-character{position:relative;inline-size:min(42vw,640px);max-block-size:68vh;object-fit:contain;filter:drop-shadow(0 28px 28px rgb(16 16 20 / .25))}.landing-badge{position:absolute;inline-size:clamp(76px,10vw,138px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:10px 10px 0 var(--color-ink)}.landing-badge.top{inset-block-start:12%;inset-inline-end:6%}.landing-badge.bottom{inset-block-end:12%;inset-inline-start:2%}.scene-player{display:grid;place-items:center;block-size:var(--scene-vh, 100svh);min-block-size:var(--scene-vh, 100svh);padding:max(18px,env(safe-area-inset-top)) clamp(14px,4vw,48px) max(22px,env(safe-area-inset-bottom));overflow:hidden;background:linear-gradient(90deg,rgb(16 16 20 / .08) 1px,transparent 1px),linear-gradient(0deg,rgb(16 16 20 / .08) 1px,transparent 1px),linear-gradient(135deg,#fbfaf4 0,#fbfaf4 58%,#e8f3ff 58%,#e8f3ff 76%,#fff0f7 76%,#fff0f7);background-size:28px 28px,28px 28px,auto}.scene-shell{display:grid;grid-template-rows:auto minmax(var(--scene-card-h, 136px),auto) minmax(320px,1fr) auto;gap:clamp(10px,1.8vh,18px);inline-size:min(100%,920px);block-size:100%;max-block-size:calc(var(--scene-vh, 100svh) - max(18px,env(safe-area-inset-top)) - max(22px,env(safe-area-inset-bottom)))}.scene-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-ink);font-size:.82rem;font-weight:900;text-transform:uppercase}.scene-topbar span{padding:8px 10px;border:1px solid var(--color-ink);border-radius:var(--radius-sm);background:#fff;box-shadow:4px 4px 0 var(--color-ink)}.scene-card{display:grid;align-content:center;min-block-size:var(--scene-card-h, 136px);block-size:auto;overflow:visible;padding:clamp(12px,2.4vw,20px) clamp(14px,3vw,26px);border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:linear-gradient(135deg,#ffd43bb8,#ffffffeb 46%),#fff;box-shadow:10px 10px 0 var(--color-ink)}.scene-card p,.secondary-sheet p,.gesture-instruction{margin:0;font-size:.82rem;font-weight:900;text-transform:uppercase}.scene-card h1{max-inline-size:780px;margin:7px 0 0;font-size:clamp(1.62rem,5vw,3.2rem);line-height:.98;letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere}.gesture-surface{min-block-size:0}.gesture-stage{position:relative;display:grid;grid-template-rows:auto minmax(180px,1fr) auto;gap:clamp(8px,1.5vh,16px);block-size:100%;min-block-size:260px;overflow:hidden;padding:14px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:linear-gradient(90deg,rgb(36 92 255 / .18) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgb(46 230 107 / .16) 0 1px,transparent 1px 100%),linear-gradient(135deg,#101014,#1e2440 54%,#233927);background-size:36px 36px,36px 36px,auto;box-shadow:10px 10px color-mix(in srgb,var(--color-hot-pink) 62%,var(--color-ink));color:#fff;cursor:grab;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none}.gesture-stage:active{cursor:grabbing}.gesture-stage:before,.gesture-stage:after{position:absolute;content:"";inset:50% auto auto 50%;z-index:-1;background:#ffffff2e;transform:translate(-50%,-50%)}.gesture-stage:before{inline-size:min(68%,460px);block-size:2px}.gesture-stage:after{inline-size:2px;block-size:min(68%,320px)}.gesture-instruction{position:relative;z-index:2;max-inline-size:100%;color:#ffffffc2;text-align:center}.gesture-direction-ring{position:relative;display:grid;min-block-size:0;place-items:center}.gesture-dial{position:relative;display:grid;place-items:center;inline-size:min(42%,230px);min-inline-size:132px;aspect-ratio:1;border:2px solid rgb(255 255 255 / .72);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgb(255 255 255 / .22),rgb(255 255 255 / .06) 58%,transparent 59%),#ffffff17;box-shadow:inset 0 0 0 10px #ffffff0a,0 20px 44px #00000047;text-align:center}.gesture-dial span{max-inline-size:9.5em;color:#ffffffe0;font-size:.9rem;font-weight:900;line-height:1.18}.gesture-extra-row{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.gesture-hint{position:relative;display:grid;gap:2px;min-inline-size:112px;min-block-size:auto;padding:9px 11px;border:1px solid rgb(255 255 255 / .58);border-radius:var(--radius-sm);background:#ffffff1f;box-shadow:5px 5px #00000052;color:#fff;font:inherit;text-align:start;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.gesture-direction-ring .gesture-hint{position:absolute;z-index:3}.gesture-extra-row .gesture-hint{min-inline-size:auto;max-inline-size:150px;padding:8px 10px}.gesture-extra-row .gesture-hint strong{font-size:.95rem}.gesture-extra-row .gesture-hint small{font-size:.72rem;line-height:1.1}.gesture-hint strong{font-size:clamp(1rem,2.6vw,1.35rem);line-height:1}.gesture-hint small{color:#ffffffb8;font-weight:800}.gesture-hint.top{inset-block-start:0;inset-inline-start:50%;transform:translate(-50%);text-align:center}.gesture-hint.bottom{inset-block-end:0;inset-inline-start:50%;transform:translate(-50%);text-align:center}.gesture-hint.left{inset-block-start:50%;inset-inline-start:0;transform:translateY(-50%)}.gesture-hint.right{inset-block-start:50%;inset-inline-end:0;transform:translateY(-50%);text-align:end}.gesture-hint.center{inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);text-align:center}.gesture-hint.hold,.gesture-hint.double{transform:none}.gesture-hint.shake{transform:none;text-align:center}.gesture-hint.pause,.gesture-hint.fling{transform:none}.gesture-stage[data-feedback=top] .gesture-hint.top,.gesture-stage[data-feedback=bottom] .gesture-hint.bottom,.gesture-stage[data-feedback=left] .gesture-hint.left,.gesture-stage[data-feedback=right] .gesture-hint.right,.gesture-stage[data-feedback=center] .gesture-hint.center,.gesture-stage[data-feedback=hold] .gesture-hint.hold,.gesture-stage[data-feedback=double] .gesture-hint.double,.gesture-stage[data-feedback=shake] .gesture-hint.shake,.gesture-stage[data-feedback=pause] .gesture-hint.pause,.gesture-stage[data-feedback=fling] .gesture-hint.fling{border-color:var(--color-warning-yellow);background:#ffd43b3d}.gesture-direction-ring .gesture-stage[data-feedback=center] .gesture-hint.center,.gesture-extra-row .gesture-stage[data-feedback=hold] .gesture-hint.hold,.gesture-extra-row .gesture-stage[data-feedback=double] .gesture-hint.double,.gesture-extra-row .gesture-stage[data-feedback=shake] .gesture-hint.shake,.gesture-extra-row .gesture-stage[data-feedback=pause] .gesture-hint.pause,.gesture-extra-row .gesture-stage[data-feedback=fling] .gesture-hint.fling{transform:scale(1.05)}.gesture-stage[data-feedback=top] .gesture-hint.top{transform:translate(-50%,-8px) scale(1.05)}.gesture-stage[data-feedback=bottom] .gesture-hint.bottom{transform:translate(-50%,8px) scale(1.05)}.gesture-stage[data-feedback=left] .gesture-hint.left{transform:translate(-8px,-50%) scale(1.05)}.gesture-stage[data-feedback=right] .gesture-hint.right{transform:translate(8px,-50%) scale(1.05)}.gesture-stage[data-feedback=double] .gesture-hint.double,.gesture-stage[data-feedback=pause] .gesture-hint.pause,.gesture-stage[data-feedback=fling] .gesture-hint.fling{transform:scale(1.05)}.gesture-feedback{position:absolute;inset-block-end:18px;inset-inline-end:18px;max-inline-size:calc(100% - 36px);min-block-size:24px;color:var(--color-warning-yellow);font-weight:900;text-align:end}.secondary-sheet{display:grid;gap:10px;padding:clamp(12px,2.5vw,22px);border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:#fff;box-shadow:10px 10px 0 var(--color-signal-green)}.secondary-sheet h2{margin:0;font-size:clamp(1.2rem,3vw,2rem);line-height:1.05;letter-spacing:0}.secondary-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.secondary-choice{min-block-size:48px;padding:10px 12px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-electric-blue);color:#fff;font:inherit;font-weight:900;line-height:1.1;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.secondary-choice:hover,.secondary-choice:focus-visible{background:var(--color-hot-pink);box-shadow:5px 5px 0 var(--color-ink);transform:translate(-2px,-2px)}.secondary-choice:active{box-shadow:1px 1px 0 var(--color-ink);transform:translate(1px,1px)}.result-page{display:grid;min-block-size:100svh;place-items:center;background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--accent-secondary, #ffd43b) 24%,transparent),transparent 22rem),linear-gradient(135deg,#101014,#1d1f2b 48%,#fbfaf4 48.2%,#fbfaf4);color:var(--color-ink);overflow:hidden;padding:max(14px,env(safe-area-inset-top)) clamp(12px,4vw,42px) max(16px,env(safe-area-inset-bottom))}.result-story{--accent-primary: var(--color-electric-blue);--accent-secondary: var(--color-signal-green);display:grid;inline-size:min(100%,980px);max-block-size:calc(100svh - 28px);margin-inline:auto;color:var(--color-ink)}.result-report{position:relative;display:grid;inline-size:100%;max-block-size:calc(100svh - 28px);min-block-size:min(720px,calc(100svh - 28px));grid-template-columns:minmax(210px,38%) minmax(0,1fr);grid-template-rows:1fr;margin-inline:auto;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent-secondary) 52%,white);border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 88%,#101014),#101014 54%),var(--color-ink);box-shadow:12px 12px color-mix(in srgb,var(--accent-secondary) 52%,#101014);color:#fff;isolation:isolate}.result-report:before,.result-report:after{position:absolute;content:"";inset:auto auto 18% -14%;inline-size:52vw;block-size:52vw;border:2px solid color-mix(in srgb,var(--accent-secondary) 70%,transparent);transform:rotate(-18deg);opacity:.5;z-index:-1}.result-report:after{inset:10% -12% auto auto;border-color:color-mix(in srgb,white 32%,transparent);transform:rotate(14deg)}.result-art-shell{display:grid;place-items:end center;min-block-size:0;padding:clamp(14px,4vw,36px) clamp(16px,4vw,42px) 0}.result-character{display:block;inline-size:min(94%,390px);max-block-size:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 34px 42px rgb(0 0 0 / .35))}.result-copy{display:grid;align-content:center;gap:clamp(8px,1.5vh,12px);min-block-size:0;overflow:hidden;padding:clamp(18px,3vw,34px) clamp(16px,4vw,42px)}.result-kicker,.panel-heading p{margin:0 0 8px;font-size:.82rem;font-weight:800;text-transform:uppercase}.result-kicker{color:#fff;margin:0}.result-report h1{max-inline-size:580px;margin:0;font-family:var(--font-display);font-size:clamp(2.55rem,6vw,5.4rem);line-height:.9;letter-spacing:0}.result-detail,.result-punchline{max-inline-size:720px;margin:0;font-size:clamp(.96rem,1.7vw,1.2rem);line-height:1.35}.result-detail{color:#ffffffb8}.result-tags{display:flex;flex-wrap:wrap;gap:7px;margin-block-start:0}.result-tags span,.profile-open-button,.template-button,.scene-chip,.survival-tile,.trigger-switch{border:1px solid color-mix(in srgb,var(--accent-primary) 42%,#101014);border-radius:var(--radius-sm)}.result-tags span{padding:7px 10px;background:#ffffff1f;color:#fff;font-size:.86rem;font-weight:800}.profile-open-button{min-block-size:36px;margin-block-start:0;padding:0 14px;background:var(--color-warning-yellow);color:var(--color-ink);font-size:.88rem;font:inherit;font-weight:900}.result-nav-actions{display:flex;flex-wrap:wrap;gap:7px}.result-nav-actions a{display:inline-flex;align-items:center;justify-content:center;min-block-size:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent-primary) 42%,#101014);border-radius:var(--radius-sm);background:#ffffff1f;color:#fff;font-size:.78rem;font-weight:900;text-decoration:none}.result-nav-actions a:last-child{background:var(--color-warning-yellow);color:var(--color-ink)}.result-evidence-summary{display:grid;gap:8px;padding:10px;border:1px solid rgb(255 255 255 / .24);border-radius:var(--radius-sm);background:#ffffff1a}.result-evidence-summary p,.result-evidence-summary dl,.result-evidence-summary dd{margin:0}.result-evidence-summary>p{color:color-mix(in srgb,var(--accent-secondary) 82%,white);font-size:.76rem;font-weight:900;text-transform:uppercase}.result-evidence-summary dl{display:grid;gap:6px}.result-evidence-summary dl div{display:grid;grid-template-columns:minmax(70px,.34fr) 1fr;gap:8px;align-items:start}.result-evidence-summary dt,.result-risk-repair strong{color:#ffffffa8;font-size:.74rem;font-weight:900}.result-evidence-summary dd{color:#fff;font-size:.88rem;font-weight:800;line-height:1.28}.result-risk-repair{display:grid;gap:6px}.result-risk-repair p{display:grid;grid-template-columns:minmax(70px,.34fr) 1fr;gap:8px;margin:0;color:#fff;font-size:.84rem;font-weight:800;line-height:1.25}.result-share-actions{display:grid;gap:7px}.result-share-actions .template-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-block-start:0}.result-evidence-panel{min-block-size:100svh;padding:clamp(22px,5vw,72px);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-secondary) 16%,transparent) 0 1px,transparent 1px 100%),linear-gradient(0deg,color-mix(in srgb,var(--accent-primary) 12%,transparent) 0 1px,transparent 1px 100%),#fbfaf4;background-size:42px 42px}.panel-heading{display:flex;align-items:center;gap:14px;max-inline-size:840px}.panel-heading.compact{display:grid;gap:4px}.share-save-hint{color:color-mix(in srgb,var(--color-ink) 72%,transparent);font-size:.9rem;font-weight:800}.panel-heading h2{margin:0;font-size:clamp(2.1rem,8vw,5.4rem);line-height:.95;letter-spacing:0}.panel-heading p{color:var(--color-ink)}.result-badge{inline-size:clamp(72px,18vw,128px);aspect-ratio:1;object-fit:contain}.fingerprint-grid{display:grid;gap:14px;max-inline-size:900px;margin-block-start:clamp(28px,8vh,76px)}.fingerprint-row{display:grid;grid-template-columns:minmax(96px,168px) 1fr 42px;align-items:center;gap:14px;font-weight:800}.fingerprint-track{block-size:18px;overflow:hidden;background:color-mix(in srgb,var(--accent-primary) 14%,white);border:1px solid color-mix(in srgb,var(--accent-primary) 28%,#101014);border-radius:999px}.fingerprint-track i{display:block;block-size:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:inherit}.scene-chip-grid,.survival-grid,.template-picker{display:grid;gap:14px;margin-block-start:clamp(26px,7vh,72px)}.scene-chip-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.scene-chip,.survival-tile,.trigger-switch{background:#ffffffc7;box-shadow:10px 10px color-mix(in srgb,var(--accent-secondary) 42%,transparent)}.scene-chip{display:grid;gap:24px;min-block-size:150px;padding:18px}.scene-chip span,.survival-tile span,.trigger-switch span,.template-button span{font-size:.78rem;font-weight:900;color:var(--color-ink)}.scene-chip strong{align-self:end;font-size:clamp(1.25rem,3vw,2rem)}.trigger-switch{display:grid;gap:10px;max-inline-size:920px;margin-block-start:18px;padding:18px}.trigger-switch strong{font-size:clamp(1.1rem,2.6vw,1.65rem)}.survival-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.survival-tile{display:grid;min-block-size:142px;align-content:space-between;padding:18px}.survival-tile strong{font-size:clamp(1.35rem,4vw,2.4rem);line-height:1}.template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.share-builder{display:grid;gap:16px;padding:clamp(18px,4vw,34px);border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-secondary) 16%,transparent) 0 1px,transparent 1px 100%),linear-gradient(0deg,color-mix(in srgb,var(--accent-primary) 12%,transparent) 0 1px,transparent 1px 100%),#fbfaf4;background-size:36px 36px;box-shadow:10px 10px color-mix(in srgb,var(--accent-secondary) 42%,#101014)}.share-builder .template-picker{margin-block-start:0;gap:8px}.share-builder .panel-heading h2{font-size:clamp(1.5rem,5vw,2.6rem)}.template-button{display:flex;align-items:center;justify-content:center;gap:6px;min-block-size:42px;padding:7px 10px;background:#fff;color:var(--color-ink);font:inherit;font-size:.9rem;font-weight:900;text-align:center}.template-button[aria-pressed=true]{background:var(--color-ink);border-color:var(--accent-secondary);color:#fff}.template-button[aria-pressed=true] span{color:#fff}.share-preview{display:grid;place-items:center;min-block-size:76px}.share-preview p{margin:0;font-weight:900}.share-preview img{display:block;inline-size:min(100%,360px);max-block-size:min(68svh,640px);object-fit:contain;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:#fff;box-shadow:8px 8px color-mix(in srgb,var(--accent-primary) 42%,#101014)}.result-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:clamp(14px,4vw,34px);background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--accent-primary) 28%,transparent),transparent 34%),color-mix(in srgb,#101014 72%,transparent);pointer-events:auto}.result-modal-panel{position:relative;display:grid;gap:14px;inline-size:min(560px,100%);max-block-size:min(88svh,720px);overflow:auto;padding:clamp(18px,5vw,30px);padding-block-start:54px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-secondary) 16%,transparent) 0 1px,transparent 1px 100%),linear-gradient(0deg,color-mix(in srgb,var(--accent-primary) 12%,transparent) 0 1px,transparent 1px 100%),#fbfaf4;background-size:30px 30px;box-shadow:14px 14px color-mix(in srgb,var(--color-ink) 82%,transparent);pointer-events:auto}.result-modal-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;inline-size:34px;block-size:34px;place-items:center;padding:0;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-ink);color:#fff;font:inherit;font-size:1.25rem;font-weight:900;line-height:1}.share-preview-panel{inline-size:min(460px,100%)}.share-preview-panel .panel-heading.compact{grid-template-columns:1fr;align-items:start}.share-preview-panel .panel-heading h2{font-size:clamp(1.4rem,6vw,2.4rem)}.share-render-host{position:fixed;inset-block-start:0;inset-inline-start:-9999px;inline-size:420px;pointer-events:none}.share-card-canvas{--share-card-pad: 24px;display:grid;inline-size:420px;aspect-ratio:9 / 16;grid-template-rows:54% 46%;overflow:hidden;padding:var(--share-card-pad);border:0;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 88%,#101014),#101014 54%),var(--color-ink);color:#fff}.share-card-art{display:grid;min-block-size:0;place-items:end center}.share-card-art img{display:block;inline-size:min(86%,320px);max-block-size:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 28px 34px rgb(0 0 0 / .36))}.share-card-copy{display:grid;align-content:end;gap:8px;min-block-size:0}.share-card-copy p,.share-card-copy h2,.share-card-copy span{margin:0}.share-card-copy p{font-size:.76rem;font-weight:900;text-transform:uppercase}.share-card-copy h2{font-family:var(--font-display);font-size:3.25rem;line-height:.9;letter-spacing:0}.share-card-copy strong{color:#ffffffc2;font-size:1rem}.share-card-copy span{font-size:.98rem;font-weight:800;line-height:1.28}.share-card-copy div{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:4px}.share-card-copy i{display:inline-flex;flex:0 0 auto;align-items:center;min-inline-size:max-content;padding:6px 8px;border:1px solid rgb(255 255 255 / .28);border-radius:var(--radius-sm);background:#ffffff1f;font-style:normal;font-weight:900;overflow-wrap:normal;white-space:nowrap;word-break:keep-all}.share-card-canvas[data-share-template=poster_report]{aspect-ratio:3 / 4;grid-template-rows:48% 52%}.share-card-canvas[data-share-template=square_badge]{--share-card-pad: 22px;aspect-ratio:1;grid-template-rows:42% 58%}.share-card-canvas[data-share-template=square_badge] .share-card-art img{inline-size:min(68%,210px)}.share-card-canvas[data-share-template=square_badge] .share-card-copy{gap:6px}.share-card-canvas[data-share-template=square_badge] .share-card-copy h2{font-size:2.36rem}.share-card-canvas[data-share-template=square_badge] .share-card-copy span{font-size:.88rem}.profile-dialog-backdrop{z-index:20}.profile-dialog{gap:12px;inline-size:min(100%,560px)}.profile-dialog p,.profile-dialog h2{margin:0}.profile-dialog-kicker{font-size:.8rem;font-weight:900;text-transform:uppercase}.profile-dialog h2{font-size:clamp(2rem,8vw,4rem);line-height:.95;letter-spacing:0}.profile-dialog strong{font-size:1.04rem}.profile-variants{display:grid;gap:10px}.profile-variants p{padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent-primary) 28%,var(--color-ink));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-secondary) 12%,white);line-height:1.45}.result-report[data-share-template=story_hero]{inline-size:min(100%,520px);aspect-ratio:9 / 16;grid-template-rows:minmax(220px,56%) auto}.result-report[data-share-template=poster_report],.result-report[data-share-template=square_badge]{min-block-size:auto;margin-inline:auto}.result-report[data-share-template=poster_report]{inline-size:min(100%,620px);aspect-ratio:3 / 4;grid-template-rows:minmax(260px,52%) auto}.result-report[data-share-template=square_badge]{inline-size:min(100%,520px);aspect-ratio:1;grid-template-rows:minmax(220px,50%) auto}.result-report[data-share-template=poster_report] .result-character,.result-report[data-share-template=square_badge] .result-character{inline-size:min(82%,42vh)}.result-report[data-share-template=square_badge] h1{font-size:clamp(2.8rem,10vw,5.8rem)}.result-action{display:inline-flex;align-items:center;justify-content:center;min-inline-size:min(92vw,340px);margin:18px 0 0 clamp(18px,5vw,72px);padding:0 18px;border:2px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-ink);color:#fff;font-weight:900;text-decoration:none}.result-action.secondary{background:#fff;color:var(--color-ink)}@media (max-width: 760px){.landing-hero,.how-it-works-hero{grid-template-columns:1fr;align-content:start;padding:28px 18px 42px}.how-it-works-page,.type-detail-page{overflow:auto}.type-atlas-page{padding:24px 18px 42px}.type-atlas-hero h1,.type-detail-copy h1{font-size:clamp(3rem,16vw,5rem)}.type-card-grid,.type-detail-shell{grid-template-columns:1fr}.type-detail-art img{inline-size:min(72vw,300px)}.landing-art{min-block-size:300px;order:-1}.landing-art:before{inline-size:min(72vw,330px)}.landing-character{inline-size:min(86vw,390px);max-block-size:320px}.landing-hero h1,.how-it-works-copy h1{font-size:clamp(3rem,16vw,5rem)}.guide-step-list{gap:10px}.guide-step{padding:14px}.scene-player{align-items:start;padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom))}.scene-shell{grid-template-rows:auto minmax(var(--scene-card-h, 136px),auto) minmax(250px,1fr) auto;gap:9px}.scene-card{padding:11px 14px}.scene-card h1{display:block;overflow:visible;font-size:1.72rem;line-height:1.06}.scene-card[data-copy-density=medium] h1{font-size:1.5rem;line-height:1.08}.scene-card[data-copy-density=long] h1{font-size:1.28rem;line-height:1.12}.gesture-stage{min-block-size:250px}.gesture-hint{min-inline-size:98px;padding:7px 8px}.gesture-hint strong{font-size:.98rem}.gesture-hint small{font-size:.72rem}.gesture-hint.left,.gesture-hint.right{max-inline-size:112px}.secondary-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.secondary-choice{min-block-size:46px;padding:8px 7px;font-size:.88rem}.result-report{min-block-size:calc(100svh - 22px);grid-template-columns:1fr;grid-template-rows:minmax(118px,28%) minmax(0,1fr)}.result-report h1{font-size:clamp(2.05rem,11vw,3.5rem)}.result-art-shell{place-items:end center;padding:8px 16px 0}.result-character{inline-size:min(58vw,190px)}.result-copy{align-content:start;gap:7px;padding:10px 14px 14px}.result-detail,.result-punchline{font-size:.9rem}.result-tags{gap:5px}.result-tags span{padding:5px 7px;font-size:.76rem}.result-evidence-summary{gap:6px;padding:8px}.result-evidence-summary dd,.result-risk-repair p{font-size:.78rem;line-height:1.2}.profile-open-button,.result-nav-actions a,.template-button{min-block-size:34px;font-size:.76rem}.fingerprint-row{grid-template-columns:1fr 42px}.fingerprint-row span{grid-column:1 / -1}.survival-grid,.template-picker{grid-template-columns:1fr 1fr}.result-modal-backdrop{padding:10px}}@media (max-width: 460px){.survival-grid,.template-picker,.scene-chip-grid{grid-template-columns:1fr}.result-share-actions .template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.type-card-grid{grid-template-columns:1fr}.share-builder .template-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.share-builder .template-button{min-block-size:40px;padding:6px;font-size:.78rem}}@media (prefers-reduced-motion: no-preference){.scene-card,.gesture-stage,.secondary-sheet{animation:scene-rise .42s cubic-bezier(.2,.9,.2,1) both}.gesture-hint{animation:hint-breathe 1.7s ease-in-out infinite}.gesture-hint:nth-child(2){animation-delay:.12s}.gesture-hint:nth-child(3){animation-delay:.24s}.gesture-hint:nth-child(4){animation-delay:.36s}.gesture-hint:nth-child(5){animation-delay:.48s}.result-character{animation:character-pop .68s cubic-bezier(.2,.9,.2,1) both}.fingerprint-track i{animation:meter-fill .72s ease-out both;transform-origin:left center}}@keyframes scene-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes hint-breathe{50%{border-color:#ffffffdb}}@keyframes character-pop{0%{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes meter-fill{0%{transform:scaleX(.1)}}