:root{--wall:#74745e;--wall-shadow:#4c4f3d;--wall-highlight:#9b987d;--wood:#49372c;--paper:#e8dfc8;--ink:#171a16;--accent:#6f452f;--accent-ink:#fff2de;--selected:#b0a589;--warn:#49372c;--card-radius:2px}button,.page-actions>a,.result-actions>a,label.option,.locale-links>a,summary{min-height:44px}button,.page-actions>a,.result-actions>a,.locale-links>a{min-width:44px}label.option{border:2px solid var(--ink);background:var(--paper)}label.option:has(input:checked){background:var(--selected);border-width:4px}.selection-stamp{color:var(--ink);font-weight:900}@media (prefers-reduced-motion:reduce){*{transition:opacity .15s!important;animation:none!important}}:root{color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}html{overflow-x:clip}body{min-width:20rem;min-height:100vh;color:var(--ink);background-color:var(--wall);background-image:var(--wall-art-image,none);background-position:top;background-repeat:repeat;background-size:78.375rem 78.375rem;background-attachment:fixed;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button,a,summary{color:inherit}a{text-underline-offset:.2em;text-decoration-thickness:2px}button{border:2px solid var(--ink);border-radius:var(--card-radius);background:var(--accent);color:var(--accent-ink);box-shadow:3px 3px 0 var(--ink);font:inherit;cursor:pointer;padding:.7rem 1rem;font-weight:800}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):hover,a[data-action]:hover{filter:brightness(1.08)}button:not(:disabled):active,a[data-action]:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}img{max-width:100%}.site-banner{z-index:1;border-bottom:3px solid var(--ink);background:var(--paper);width:100%;box-shadow:0 4px 0 var(--warn);flex:none;position:relative}.site-banner-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:min(100%,76rem);min-height:4rem;margin:0 auto;padding:.55rem clamp(1rem,4vw,3rem);display:grid}.site-banner-brand{min-width:0;min-height:44px;color:var(--ink);grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.7rem;text-decoration:none;display:grid}.site-banner-icon{border:2px solid var(--ink);background:var(--selected);width:2.5rem;height:2.5rem;box-shadow:2px 2px 0 var(--ink);object-fit:contain;padding:.1rem;display:block;transform:rotate(-1.5deg)}.site-banner-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.95rem,2.4vw,1.2rem);font-weight:900;line-height:1.1;overflow:hidden}.site-banner-github{border:2px solid var(--ink);background:var(--selected);min-width:44px;min-height:44px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .75rem;font-weight:900;text-decoration:none;display:inline-flex}.site-banner-brand:hover,.site-banner-github:hover{filter:brightness(1.08)}.site-banner-github:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.page-shell{flex:1;width:min(100%,76rem);min-height:0;margin:0 auto;padding:clamp(1rem,4vw,3rem)}.page-card{border:3px solid var(--ink);border-radius:var(--card-radius);background-color:var(--paper);min-width:0;box-shadow:8px 9px 0 var(--ink);padding:clamp(1.1rem,4vw,2.5rem)}.paper-sheet{background-color:var(--paper);background-image:url(/generated/ui/paper-crumple.webp);background-position:50%;background-size:cover}.page-card h1,.page-card h2,.page-card p:first-child{margin-top:0}.scene-decor{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.home-scene,.quiz-layout,.result-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.25rem,4vw,3rem);min-width:0;display:grid}.home-artwork-panel,.result-poster{border:3px solid var(--ink);background:var(--selected);min-width:0;box-shadow:-7px 8px 0 var(--warn);position:relative}.home-artwork,.result-artwork{object-fit:cover;width:100%;height:auto;display:block}.home-decor{width:min(36%,12rem);position:absolute;bottom:-1rem;right:-.75rem}.home-dossier{transform:rotate(.3deg)}.home-dossier h1,.result-dossier h1{letter-spacing:-.055em;margin:1.3rem 0 .7rem;font-size:clamp(2.2rem,7vw,4.8rem);line-height:.94}.home-tagline,.result-body{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.locale-links,.page-actions{flex-wrap:wrap;gap:.65rem;display:flex}.locale-links>a,.page-actions>a,.result-actions>a{border:2px solid var(--ink);background:var(--paper);justify-content:center;align-items:center;padding:.6rem .8rem;font-weight:800;display:inline-flex}.locale-links>a[aria-current=page]{background:var(--selected)}.home-stats{border-block:3px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem 0;padding:0;list-style:none;display:grid}.home-stats li{text-align:center;padding:.8rem .35rem;font-weight:900}.home-stats li+li{border-left:2px solid var(--ink)}.home-actions{margin-top:1.5rem}[data-action=primary]{color:var(--accent-ink);box-shadow:4px 4px 0 var(--ink);font-weight:900;background:var(--accent)!important}button[data-action=secondary],.page-actions>a[data-action=secondary],.result-actions>a[data-action=secondary]{background:var(--selected);color:var(--ink)}[data-action=tertiary]{box-shadow:none;background:0 0;border-width:0}:focus-visible{outline:3px solid var(--paper);outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}label.option:has(input:focus-visible){outline:3px solid var(--paper);outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}button:not(:disabled):active:focus-visible,a[data-action]:active:focus-visible{box-shadow:2px 2px 0 var(--ink), 0 0 0 5px var(--ink)}.disclosures{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-top:2rem;font-size:.875rem;display:grid}.notice-ticket{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 4px 0 var(--warn);margin:0;padding:.8rem 1rem}.notice-ticket:nth-child(2){transform:rotate(-.2deg)}.quiz-page{width:min(100%,68rem)}.quiz-progress-ticket{border:3px solid var(--ink);background:var(--selected);min-width:0;color:var(--ink);box-shadow:6px 6px 0 var(--ink);padding:1rem;position:relative}.quiz-progress-ticket p{margin:0 0 .65rem;font-size:1.15rem;font-weight:900}.quiz-progress-ticket progress{width:100%;height:1.2rem;accent-color:var(--warn)}.progress-count{text-align:right;margin-top:.45rem;font-weight:900;display:block}.quiz-card{min-width:0;transform:rotate(-.15deg)}.quiz-card fieldset{border:0;min-width:0;margin:0;padding:0}.quiz-card legend{width:100%;margin-bottom:1.35rem;font-size:clamp(1.4rem,4vw,2.25rem);font-weight:900;line-height:1.22}.option-list{gap:.75rem;display:grid}label.option{cursor:pointer;min-width:0;box-shadow:4px 4px 0 var(--ink);grid-template-columns:2.3rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}label.option:nth-child(2n){transform:translate(.2rem)}label.option input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.option-mark{border:2px solid var(--ink);background:var(--selected);width:2.3rem;height:2.3rem;color:var(--ink);place-items:center;font-weight:900;display:grid}.option-copy{min-width:0;line-height:1.45}.selection-stamp{border:2px solid var(--warn);white-space:nowrap;padding:.25rem .4rem;transform:rotate(-2deg)}.quiz-actions{justify-content:space-between;margin-top:1.5rem}.result-page{width:min(100%,76rem)}.result-poster{transform:rotate(-.4deg)}.character-name{border-top:3px solid var(--ink);background:var(--selected);color:var(--ink);margin:0;padding:.65rem .9rem;font-size:clamp(1.25rem,3vw,2rem);font-weight:900}.result-decor{width:min(35%,10rem);position:absolute;bottom:-1.1rem;right:-.8rem}.result-dossier{transform:rotate(.15deg)}.result-dossier h1{text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3.8rem)}.result-explanation{border-top:3px solid var(--ink);margin-top:1.7rem;padding-top:1rem}.runner-up,.compare-ticket{border:2px solid var(--ink);background:var(--selected);padding:.75rem}.dimension-profile summary{cursor:pointer;align-items:center;font-weight:900;display:flex}.dimension-profile-marker{flex:none;margin-inline-end:.45rem}.dimension-profile[open] .dimension-profile-marker{transform:rotate(90deg)}.profile-radar{border:3px solid var(--ink);background:linear-gradient(135deg, color-mix(in srgb, var(--paper) 88%, white), var(--paper));width:min(100%,23rem);box-shadow:.45rem .5rem 0 color-mix(in srgb, var(--ink) 88%, transparent), inset 0 0 0 .35rem color-mix(in srgb, var(--selected) 36%, transparent);border-radius:.35rem 1rem .45rem .8rem;margin:1rem auto 1.25rem;position:relative;overflow:hidden;transform:rotate(-.35deg)}.profile-radar:before{z-index:0;background:repeating-linear-gradient(0deg, transparent 0, transparent 1.7rem, color-mix(in srgb, var(--ink) 8%, transparent) 1.75rem);content:"";pointer-events:none;position:absolute;inset:0}.profile-radar-placeholder{aspect-ratio:9/8}.profile-radar .recharts-wrapper{z-index:1;aspect-ratio:9/8;width:100%!important;height:auto!important}.profile-radar .recharts-surface{width:100%;height:auto;display:block;overflow:visible}.profile-radar-grid{fill:color-mix(in srgb, var(--selected) 16%, transparent);stroke:color-mix(in srgb, var(--ink) 62%, transparent);stroke-width:1.35px}.profile-radar-shape{filter:drop-shadow(.2rem .25rem 0 color-mix(in srgb, var(--ink) 28%, transparent))}.profile-radar-gradient-start{stop-color:color-mix(in srgb, var(--accent) 86%, white);stop-opacity:.82}.profile-radar-gradient-end{stop-color:var(--warn);stop-opacity:.48}.profile-radar-dot{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.profile-radar-tick text{fill:var(--ink);paint-order:stroke;stroke:color-mix(in srgb, var(--paper) 92%, transparent);stroke-linejoin:round;stroke-width:4px}.profile-radar-axis-name{font-size:.72rem;font-weight:900}.profile-radar-axis-value{fill:var(--warn);font-family:ui-monospace,monospace;font-size:.7rem;font-weight:900}@media (prefers-reduced-motion:reduce){.profile-radar *{transition:none!important;animation:none!important}}.dimension-profile ul{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.dimension-profile li{grid-template-columns:minmax(6rem,.8fr) minmax(7rem,1.5fr) 2rem;align-items:center;gap:.65rem;display:grid}.dimension-profile meter{width:100%;accent-color:var(--warn)}.dimension-profile strong{text-align:right}.compare-ticket{background:var(--selected);color:var(--ink);margin-top:1.4rem}.compare-ticket h2,.compare-ticket p:last-child{margin-bottom:0}.result-actions{gap:.8rem;margin-top:1.5rem;display:grid}.result-primary-actions{margin:0}.result-actions>button,.result-actions>a{justify-self:start}@media (width>=44rem){.disclosures{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=56rem){.home-scene{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}.quiz-layout{grid-template-columns:minmax(11rem,.32fr) minmax(0,1fr)}.quiz-progress-ticket{position:sticky;top:2rem}.result-layout{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr)}}@media (width<=32rem){.site-banner-inner{gap:.5rem;padding-inline:.75rem}.site-banner-brand{grid-template-columns:2.25rem minmax(0,1fr);gap:.5rem}.site-banner-icon{width:2.25rem;height:2.25rem}.site-banner-title{font-size:.9rem}.site-banner-github{padding-inline:.6rem;font-size:.85rem}.page-shell{padding-inline:.75rem}.home-stats{font-size:.82rem}.dimension-profile li{grid-template-columns:minmax(5.5rem,.9fr) minmax(5rem,1fr) 1.5rem;gap:.35rem}}.result-debug-panel{border:2px solid var(--ink);background:var(--paper);width:min(100%,28rem);box-shadow:4px 4px 0 var(--ink);margin:0 0 1rem auto}.result-debug-toggle{text-align:left;width:100%}.result-debug-options{padding:.75rem}.result-debug-options fieldset{border:2px solid var(--ink);margin:.75rem 0 0}.result-debug-ending{align-items:center;gap:.65rem;min-height:44px;padding:.4rem;display:flex}