*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.75rem}body{min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(145deg,#dff6ffeb,#fff5ceb8 42%,#ecfff7f2),#f7fcfb;color:#24313f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}h1{color:#24313f;font-size:clamp(3.4rem,6.4rem,6.4rem);font-weight:950;letter-spacing:0;line-height:.93}h2{color:#24313f;font-size:clamp(1.7rem,2.4rem,2.4rem);font-weight:900;letter-spacing:0;line-height:1.08}button,select,input,option{font:inherit}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.74);background:#ffffffc7;padding:.85rem max(1.25rem,calc((100vw - 72rem)/2 + 1.25rem));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:.7rem;color:#24313f;text-decoration:none}.brand-mark img{width:2.35rem;height:2.35rem;border:1px solid rgba(36,49,63,.12);border-radius:8px;-o-object-fit:cover;object-fit:cover}.site-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(.4rem,1.2vw,1rem);min-width:0}.site-nav a{border-radius:8px;color:#24313fb8;padding:.52rem .58rem;font-size:.86rem;font-weight:900;text-decoration:none;white-space:nowrap}.site-nav a:hover{background:#ffffffb8;color:#24313f}.header-actions{display:flex;align-items:center;gap:.65rem}.nav-toggle{display:none;width:2.65rem;height:2.65rem;place-items:center;border:1px solid rgba(79,139,124);border-radius:8px;background:#fff;color:#24313f;cursor:pointer;box-shadow:3px 4px #24313f1f}.locale-picker{position:relative;display:inline-flex;align-items:center;color:#24313f}.locale-trigger{display:inline-flex;min-width:9.8rem;min-height:2.75rem;align-items:center;justify-content:flex-start;gap:.5rem;border:1px solid rgba(36,49,63,.12);border-radius:8px;background:#fff;padding:.6rem .75rem;color:inherit;font-size:.88rem;font-weight:900;cursor:pointer}.locale-trigger svg{margin-left:auto}.locale-flag{display:inline-flex;width:1.35rem;flex:0 0 1.35rem;align-items:center;justify-content:center;font-size:1.05rem;line-height:1}.locale-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:60;display:grid;min-width:12rem;overflow:hidden;border:1px solid rgba(36,49,63,.12);border-radius:8px;background:#fffffffa;padding:.35rem;box-shadow:0 18px 45px #24313f29}.locale-menu button{display:flex;min-height:2.35rem;align-items:center;gap:.62rem;border:0;border-radius:6px;background:transparent;padding:.55rem .65rem;color:#24313f;font-size:.92rem;font-weight:850;text-align:left;cursor:pointer}.locale-menu button:hover,.locale-menu button.is-active{background:#fff8e8;color:#d95b23}.hero-section,.game-shell{position:relative;overflow:hidden;scroll-margin-top:4.75rem}.eyebrow{display:inline-flex;border-radius:999px;background:#ffffffb8;padding:.5rem .8rem;color:#24313fad;font-size:.78rem;font-weight:900;text-transform:uppercase}.primary-button,.secondary-button{display:inline-flex;min-height:3.2rem;align-items:center;justify-content:center;gap:.6rem;border-radius:8px;border:0;padding:.85rem 1.15rem;text-decoration:none;font-weight:900;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.primary-button{background:#24313f;color:#fff;box-shadow:0 16px 34px #24313f2e}.secondary-button{flex:1;background:#f1fff9;color:#24313f;border:1px solid rgba(36,49,63,.1)}.ambient-field{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;background:linear-gradient(120deg,color-mix(in srgb,var(--field-color) 24%,transparent),transparent 46%),linear-gradient(260deg,#ffe27a38,#ff9f8f1f 58%,#8de5d133);filter:blur(30px)}.target-panel{min-height:35rem;border-radius:8px;padding:clamp(1rem,3vw,2rem);box-shadow:0 22px 70px #3e5b7629}.game-control-panel{min-height:35rem}.character-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.character-tone-card{position:relative;display:flex;height:18rem;overflow:hidden;align-items:end;border-radius:8px;border:1px solid rgba(255,255,255,.45);background:#ffffff1f;box-shadow:inset 0 0 0 999px #ffffff05}.memory-countdown-badge{position:absolute;top:.85rem;left:50%;z-index:4;min-width:3.2rem;transform:translate(-50%);border:1px solid rgba(255,255,255,.62);border-radius:999px;background:#24313fd1;padding:.38rem .72rem;color:#fff;font-size:.88rem;font-weight:950;text-align:center;box-shadow:0 12px 28px #24313f2e}.character-tone-fill,.character-tone-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.character-tone-card.is-hidden img{filter:grayscale(1) contrast(.86) opacity(.26)}.character-tone-fill{z-index:0}.character-tone-card img{z-index:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.character-tone-card:after{position:absolute;inset:auto 0 0;z-index:2;height:45%;background:linear-gradient(to top,rgba(15,22,30,.72),transparent);content:""}.character-tone-card span{position:relative;z-index:3;margin:1rem;border-radius:8px;background:#ffffffd1;padding:.42rem .6rem;color:#24313f;font-size:.82rem;font-weight:900}.color-tile{position:relative;display:flex;height:18rem;align-items:end;border-radius:8px;border:1px solid rgba(255,255,255,.45);padding:1rem;box-shadow:inset 0 0 0 999px #ffffff05}.color-tile span{border-radius:8px;background:#ffffffbf;padding:.42rem .6rem;color:#24313f;font-size:.82rem;font-weight:900}.target-hidden-tile{background:repeating-linear-gradient(135deg,#24313f1f 0,#24313f1f 12px,#ffffff52 12px,#ffffff52 24px),#dfe8e6!important}.memory-toggle{display:flex;min-height:4.1rem;width:100%;align-items:center;gap:.85rem;border:1px solid rgba(36,49,63,.1);border-radius:8px;background:#f8fffc;padding:.8rem .9rem;color:#24313f;text-align:left;cursor:pointer}.memory-toggle,.memory-toggle *{cursor:pointer}.memory-toggle.is-active{border-color:#20a48e6b;background:#eafff8;box-shadow:inset 0 0 0 1px #20a48e2e}.memory-toggle span{display:grid;gap:.12rem}.memory-toggle strong{font-size:.92rem;font-weight:950}.memory-toggle small{color:#24313f99;font-size:.76rem;font-weight:800;line-height:1.35}.slider-shell{display:grid;grid-template-columns:minmax(7rem,9rem) 1fr 2.7rem;align-items:center;gap:1rem;border:1px solid rgba(36,49,63,.08);border-radius:8px;background:#fbfffd;padding:1rem}.slider-shell input[type=range]{width:100%;height:1.35rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;outline:none;touch-action:pan-y}.slider-shell input[type=range]::-webkit-slider-thumb{width:2rem;height:2rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:4px solid white;border-radius:999px;background:#24313f;box-shadow:0 10px 22px #24313f38}.slider-shell input[type=range]::-moz-range-thumb{width:2rem;height:2rem;border:4px solid white;border-radius:999px;background:#24313f;box-shadow:0 10px 22px #24313f38}.score-badge{display:grid;min-width:4.5rem;height:4.5rem;place-items:center;border-radius:999px;background:linear-gradient(145deg,#ffe27a,#8de5d1);color:#24313f;font-size:1.4rem;font-weight:950}.result-chip,.stat-tile{border-radius:8px;border:1px solid rgba(36,49,63,.08);background:#f7fcfb;padding:.85rem}.result-chip span,.stat-tile span,.stat-tile small{display:block;color:#24313f8c;font-size:.74rem;font-weight:800}.result-chip strong,.stat-tile strong{display:block;margin-top:.25rem;color:#24313f;font-weight:950}.result-chip i{display:block;height:1.2rem;margin-top:.65rem;border-radius:999px}.share-result-card{overflow:hidden;background:linear-gradient(145deg,#fffffff7,#ecfff7f0),#fff}.share-brand-row,.share-logo{display:flex;align-items:center}.share-brand-row{justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(36,49,63,.08);padding-bottom:1rem}.share-logo{gap:.75rem}.share-logo img{width:3rem;height:3rem;border-radius:8px}.share-logo span,.share-logo strong,.share-logo small{display:block}.share-logo strong{color:#24313f;font-size:1.08rem;font-weight:950}.share-logo small,.share-domain{color:#24313f8c;font-size:.78rem;font-weight:900}.seo-band{border-top:1px solid rgba(255,255,255,.78);background:#ffffff6b}.seo-layout{display:grid;gap:1rem}.how-to-copy{scroll-margin-top:4.75rem}.how-to-copy h2{max-width:48rem;font-size:clamp(2.8rem,6vw,5rem);line-height:.96}.how-to-intro{max-width:62rem;margin-top:1.2rem;color:#24313fc7;font-size:1.02rem;line-height:1.8}.how-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2rem}.how-step-card{border:1px solid rgba(79,139,124,.48);border-radius:8px;background:#ffffffbd;box-shadow:0 14px 34px #4f8b7c1f;padding:1.2rem}.how-step-card span{display:inline-grid;min-width:2.6rem;height:2.6rem;place-items:center;border:1px solid rgba(79,139,124,.58);border-radius:8px;background:#cce9dd;color:#203a34;font-size:.92rem;font-weight:950}.how-step-card h3,.how-info-panel h3{margin-top:1rem;color:#1f2935;font-size:1.25rem;font-weight:950;line-height:1.05}.how-step-card p,.how-info-panel p{margin-top:1rem;color:#24313fc2;font-size:.98rem;line-height:1.72}.how-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem}.how-info-panel{border:1px solid rgba(79,139,124,.48);border-radius:8px;background:#ecfaf3;box-shadow:0 14px 34px #4f8b7c1f;padding:1.35rem 1.55rem}.how-info-panel-accent{background:#fff9e7}.seo-copy+.seo-copy{margin-top:0}.seo-copy{scroll-margin-top:4.75rem;border:1px solid rgba(79,139,124,.28);border-radius:8px;background:#fafffba8;padding:clamp(1rem,2.4vw,1.5rem);box-shadow:0 14px 34px #4f8b7c14}.seo-copy:first-child{grid-row:auto}.seo-copy-icon{float:left;display:grid;width:2.7rem;height:2.7rem;margin:.1rem 1rem .55rem 0;place-items:center;border-radius:8px;background:#cce9dd;border:1px solid rgba(79,139,124,.36);color:#203a34}#faq{scroll-margin-top:4.75rem}#why-play .seo-copy-icon{background:#fff0bd;color:#3c3321}#what-is .seo-copy-icon{background:#ddeff6;color:#233746}.seo-copy p,.site-footer p{margin-top:.85rem;white-space:pre-line;color:#24313fb3;font-size:1rem;line-height:1.82}.faq-item{border-radius:8px;border:1px solid rgba(36,49,63,.08);background:#ffffffb3;padding:1rem}.faq-item summary{cursor:pointer;color:#24313f;font-weight:900}.faq-item p{margin-top:.75rem;max-width:74rem;color:#24313fad;line-height:1.7}.site-footer{padding:2rem 1.25rem;text-align:center}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-full{height:100%}.min-h-\[430px\]{min-height:430px}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.flex-1{flex:1 1 0%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.place-items-center{place-items:center}.content-between{align-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.text-balance{text-wrap:balance}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-mint\/40{border-color:#8de5d166}.border-white\/70{border-color:#ffffffb3}.border-white\/80{border-color:#fffc}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/35{background-color:#ffffff59}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.tracking-wide{letter-spacing:.025em}.text-ink{--tw-text-opacity: 1;color:rgb(36 49 63 / var(--tw-text-opacity, 1))}.text-ink\/50{color:#24313f80}.text-ink\/55{color:#24313f8c}.text-ink\/70{color:#24313fb3}.text-ink\/75{color:#24313fbf}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-soft{--tw-shadow: 0 22px 70px rgba(62, 91, 118, .16);--tw-shadow-colored: 0 22px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (max-width: 720px){html{scroll-padding-top:7.5rem}h1{font-size:2.85rem}.site-header{padding:.55rem .75rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.65rem}.site-nav{display:none;grid-column:1 / -1;grid-row:2;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding-top:.35rem}.site-nav.is-open{display:grid}.site-nav a{display:flex;min-height:2.7rem;align-items:center;justify-content:center;border:1px solid rgba(79,139,124);border-radius:8px;background:#ffffffeb;box-shadow:3px 4px #24313f1f;color:#24313fc2;padding:.55rem;font-size:.9rem}.nav-toggle{display:grid}.brand-mark{gap:.55rem}.brand-mark strong{display:inline;font-size:.98rem}.brand-mark img{width:2rem;height:2rem}.header-actions{justify-self:end}.locale-picker{min-height:2.75rem}.locale-trigger{min-width:9.4rem;min-height:2.75rem;padding:.55rem .7rem;font-size:1rem;font-weight:950}.locale-menu{left:auto;right:0;min-width:11.6rem}.locale-menu button{min-height:2.7rem;font-size:1rem;font-weight:900}.locale-flag{width:1.45rem;flex-basis:1.45rem;font-size:1.15rem}.hero-section .mx-auto{padding-top:.75rem}.hero-section h1,.hero-section .eyebrow,.hero-section p{display:none}.game-grid{gap:.55rem;padding:.65rem .75rem .8rem}.hero-color-stage{min-height:16rem}.hero-swatch-target{top:.5rem;right:4.2rem;bottom:5rem;left:0}.hero-swatch-guess{top:6rem;right:0;bottom:0;left:4.6rem}.target-panel{min-height:auto;padding:1rem}.color-tile{height:clamp(6.6rem,26vw,7.6rem);padding:.75rem}.color-tile span,.character-tone-card span{padding:.34rem .48rem;font-size:.74rem}.character-tone-card span{margin:.65rem}.character-compare{gap:.65rem}.character-tone-card{height:clamp(6.6rem,26vw,7.6rem)}.game-control-panel{min-height:auto;padding:.65rem}.game-control-panel .min-h-\[430px\]{min-height:auto}.game-control-panel .gap-5{gap:.55rem}.game-control-panel .space-y-4>:not([hidden])~:not([hidden]){margin-top:.55rem}.target-panel h2{margin-top:.3rem;font-size:1.65rem;line-height:1.05}.target-panel p{margin-top:.35rem}.target-panel .mt-7,.target-panel .mt-8{margin-top:.9rem}.target-panel .p-4{padding:.75rem}.memory-toggle{min-height:2.75rem;gap:.6rem;padding:.48rem .6rem}.memory-toggle strong{font-size:.84rem}.memory-toggle small{font-size:.64rem;line-height:1.2}.slider-shell{padding:.5rem .58rem}.seo-layout{grid-template-columns:1fr}.how-to-copy h2{font-size:2.2rem}.how-step-grid,.how-info-grid{grid-template-columns:1fr}.seo-copy:first-child{grid-row:auto}.slider-shell{grid-template-columns:1fr 2.4rem;gap:.35rem .6rem}.slider-shell input[type=range]{grid-column:1 / -1;grid-row:2;height:1.45rem}.slider-shell input[type=range]::-webkit-slider-thumb{width:1.65rem;height:1.65rem;border-width:3px}.slider-shell input[type=range]::-moz-range-thumb{width:1.65rem;height:1.65rem;border-width:3px}.primary-button{min-height:2.75rem;padding-block:.65rem}}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:p-6{padding:1.5rem}}@media (min-width: 1024px){.lg\:grid-cols-\[0\.92fr_1\.08fr\]{grid-template-columns:.92fr 1.08fr}.lg\:pt-10{padding-top:2.5rem}}