:root{--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--space-4xl:144px;--text-xs:1.0625rem;--text-sm:1.0625rem;--text-md:1.1875rem;--text-lg:1.3125rem;--text-xl:1.5625rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-display-s:1.75rem;--text-display:2.375rem;--text-section:1.5625rem;--text-title:1.1875rem;--text-lead:1.3125rem;--text-poster:clamp(2.875rem, 14.5vw, 5.5rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--color-error:oklch(44.5% .183 29.2);--color-success:oklch(48.5% .093 153.1);--container:1440px;--gutter:64px;--gap-columns:32px;--section-gap-s:120px;--section-gap:144px;--section-gap-l:176px;--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-sticky-nav:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--color-paper:oklch(96% .01 72.7);--color-paper-2:oklch(93.6% .011 76.6);--color-paper-3:oklch(90% .016 77.1);--color-raised:oklch(100% 0 0);--color-ink:oklch(19.5% .002 197);--color-ink-2:oklch(37.7% .02 58.1);--color-muted:oklch(46% .026 62.7);--color-rule:oklch(61.7% .023 67.4);--color-rule-soft:oklch(84.4% .02 72.5);--color-line:oklch(88.3% .018 73.1);--color-accent:oklch(48.6% .133 6.5);--color-focus:var(--color-accent);--color-action:oklch(48.9% .023 54.8);--color-action-deep:oklch(41.1% .022 59);--color-action-ink:oklch(100% 0 0);--font-display:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Noto Sans KR", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-outlier:var(--font-body);--font-serif:"Noto Serif KR", var(--font-display);--radius-card:10px;--radius-pill:999px;--rule-hair:1px;--shadow-card:none;--tracking-display:-.02em}@supports not (color:oklch(0% 0 0)){:root{--color-paper:#f6f1eb;--color-paper-2:#eee9e2;--color-paper-3:#e4ddd3;--color-raised:#fff;--color-ink:#141515;--color-ink-2:#4a3f37;--color-muted:#635549;--color-rule:#8f8377;--color-rule-soft:#d4cabe;--color-line:#e0d7cc;--color-accent:#9a3853;--color-focus:var(--color-accent);--color-action:#6b5d54;--color-action-deep:#54483f;--color-action-ink:#fff;--color-error:#a10000;--color-success:#2e6e45}}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scrollbar-color:var(--color-muted) var(--color-paper);scroll-padding-top:var(--space-3xl)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.55}::selection{background:color-mix(in oklab, var(--color-accent) 22%, transparent);color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a{color:inherit;text-underline-offset:.16em;text-decoration-thickness:1px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight,700);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}h1{max-width:20ch;font-size:var(--text-display)}h2{max-width:30ch;font-size:var(--text-section)}h3{max-width:40ch;font-size:var(--text-title);line-height:1.2}.lead{font-size:var(--text-lead);max-width:52ch;line-height:1.45}p{text-wrap:pretty;margin:0}p:not([class]){max-width:65ch}img,video{max-width:100%;height:auto;display:block}svg{display:block}[hidden]{display:none!important}button,input,select,textarea{font:inherit}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}.num,.figure,td.num{font-variant-numeric:tabular-nums}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-slot]{background:linear-gradient(160deg, var(--color-paper-2,var(--color-paper)), var(--color-paper-3,var(--color-paper)));position:relative;overflow:hidden}[data-slot]>img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}[data-slot]:has(>img)>:not(img):not([data-keep]){display:none!important}@media (width<=60rem){:root{--gutter:24px;--section-gap-s:80px;--section-gap:96px;--section-gap-l:120px}}@media (width<=40rem){:root{--gutter:16px;--section-gap-s:56px;--section-gap:72px;--section-gap-l:96px;--gap-columns:16px}}@media (prefers-reduced-motion:reduce){:not(.keep-motion),:not(.keep-motion):before,:not(.keep-motion):after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{word-break:keep-all;overflow-wrap:break-word;line-height:1.65}:focus-visible{outline-offset:3px;outline-width:3px}canvas{pointer-events:none;width:100%;height:100vh;animation:lines-in .9s var(--ease-out) backwards;position:fixed;top:0;left:0}@supports (height:100lvh){canvas{height:100lvh}}@keyframes lines-in{0%{opacity:0}}main{--progress:1;--flow-gutter:var(--space-lg);--emblem:clamp(88px, calc(54vh - 236px), 240px);--turn-ease-out:cubic-bezier(.22, .61, .36, 1);gap:var(--space-sm);width:100%;max-width:34rem;min-height:100vh;padding:var(--space-xl) var(--flow-gutter) var(--space-2xl);flex-direction:column;margin-inline:auto;display:flex;position:relative}@supports (min-height:100dvh){main{min-height:100dvh}}main:before,main:after{content:"";inset-inline:var(--flow-gutter);top:var(--space-lg);height:2px;position:absolute}main:before{background:var(--color-rule-soft)}main:after{background:var(--color-accent);transform:scaleX(var(--progress));transform-origin:0;transition:transform calc(var(--turn-fill) + var(--turn-hold) + var(--turn-exit) + var(--turn-enter)) var(--turn-ease-out)}main[data-screen=start]:before,main[data-screen=start]:after{content:none}main[data-screen=start]{padding-block:var(--space-2xl) var(--space-xl)}h1{text-wrap:balance;max-width:none;line-height:1.32}.keep{white-space:nowrap}.phrase{display:inline-block;position:relative}.hang{position:absolute;top:0;right:100%}.types li{text-wrap:balance}main>h1{margin-block-start:var(--space-xl)}.emblem-slot{position:relative}.emblem{width:var(--emblem);height:var(--emblem);color:var(--color-accent);margin-block-start:var(--space-lg)}main[data-screen=result]>h1,main:not([data-screen])>h1{margin-block-start:var(--space-sm)}.name-lead,.name-quote{display:block}.name-lead{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:0;font-weight:400;line-height:1.4}.name-quote{font-family:var(--font-serif);font-size:var(--text-lg);letter-spacing:var(--tracking-display);font-weight:700;line-height:1.35}h1>.name-lead{font-size:var(--text-md)}h1>.name-quote{font-size:var(--text-2xl);margin-block-start:var(--space-2xs);line-height:1.28}.reveal{top:var(--reveal-panel-top);align-items:center;gap:var(--space-xs);padding-inline:var(--flow-gutter);text-align:center;flex-direction:column;display:flex;position:fixed;inset-inline:0}.btn.skip{width:auto;margin-block-start:0;padding-inline:0}.emblem svg{transform-origin:0 0;transition:transform var(--turn-enter) var(--turn-ease-out)}main[data-reveal] .emblem svg{transform:translate(var(--reveal-x), var(--reveal-y)) scale(var(--reveal-scale))}main[data-screen] .emblem svg{clip-path:inset(0);transition:transform var(--turn-enter) var(--turn-ease-out), clip-path var(--turn-enter) var(--turn-ease-out);overflow:visible}main[data-reveal] .emblem svg{clip-path:inset(-25%)}.browse,.reasons{gap:var(--space-xs);flex-direction:column;display:flex}.reasons{--note-gap:6px}.reasons .opt-note{display:block}.reasons .hang{position:static}.met{color:var(--color-ink-2)}.tiles{gap:var(--space-xs);margin:var(--space-xs) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;padding:0;list-style:none;display:grid}.tile{gap:var(--space-xs);height:100%;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-raised);color:var(--color-ink-2);flex-direction:column;line-height:1.4;text-decoration:none;display:flex}.tile[data-met]{border-width:1.5px;border-color:var(--color-action);color:var(--color-ink);font-weight:700}.tile-mark{width:56px;height:56px;color:var(--color-muted)}.type-mark svg,.tile-mark svg{stroke-width:5px}.type-mark path,.tile-mark path{stroke-opacity:1}.tile[data-met] .tile-mark{color:var(--color-action)}.tile:active{transform:scale(.98)}@media (width<=30rem){.tiles{gap:10px}.tile{padding:14px var(--space-md) var(--space-md);font-size:var(--text-sm);font-weight:500;line-height:1.38}.tile[data-met]{font-weight:700}.tile-mark{width:44px;height:44px}.tile .phrase{display:block}}.dest{color:var(--color-ink-2);font-size:var(--text-sm);text-align:center;margin-block-start:calc(var(--space-xs) * -1)}.dest+.btn{margin-block-start:var(--space-xs)}.bar{inset-inline:0;z-index:var(--z-sticky);padding:var(--space-xs) var(--flow-gutter);border-block-start:var(--rule-hair) solid var(--color-rule-soft);background:var(--color-paper);transition:transform var(--turn-enter) var(--turn-ease-out);position:fixed;bottom:0;transform:translateY(110%)}.bar[data-show]{transform:none}.bar>.btn{max-width:calc(34rem - var(--flow-gutter) * 2);margin-inline:auto}main[data-screen=result]{padding-block-end:calc(var(--space-2xl) + var(--bar,0px))}@media (height<=499px){.bar{display:none}main[data-screen=result]{padding-block-end:var(--space-2xl)}}main[data-screen=start]>h1{font-size:var(--text-poster);text-wrap:wrap;margin-block-start:0;line-height:1.18}.title-main{font-family:var(--font-serif);letter-spacing:-.04em;display:block}.title-sub{color:var(--color-ink-2);font-size:var(--text-md);letter-spacing:0;margin-block-start:var(--space-sm);font-weight:500;line-height:1.4;display:block}.type-mark{width:44px;height:44px;color:var(--color-action);flex:none}.fact{color:var(--color-ink-2);margin-block-start:var(--space-md)}.types-title{font-size:var(--text-sm);letter-spacing:0;margin-block-start:var(--space-xl);font-weight:500;line-height:1.4}.types{background:var(--color-paper);border-block-start:var(--rule-hair) solid var(--color-rule-soft);margin:0;padding:0;list-style:none}.types li{align-items:center;gap:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule-soft);padding-block:13px;display:flex}@media (height<=480px){main[data-screen=start]{padding-block-start:var(--space-xl)}main[data-screen=start]>h1{font-size:var(--text-display)}}main[data-screen=start] .title-main{--intro-ms:.2s;--intro-y:16px}main[data-screen=start] .title-sub{--intro-at:16ms}main[data-screen=start]>.fact{--intro-at:32ms}main[data-screen=start]>.btn-primary{--intro-at:48ms}main[data-screen=start]>.types-title,main[data-screen=start]>.types{--intro-at:80ms;--intro-ms:.24s}main[data-screen=start]>.types{--intro-y:0px}main[data-screen=start] .types li{--intro-at:calc(.12s + var(--row,7) * 40ms);--intro-ms:.36s;--intro-y:10px}main[data-screen=start] .types li:first-child{--row:0}main[data-screen=start] .types li:nth-child(2){--row:1}main[data-screen=start] .types li:nth-child(3){--row:2}main[data-screen=start] .types li:nth-child(4){--row:3}main[data-screen=start] .types li:nth-child(5){--row:4}main[data-screen=start] .types li:nth-child(6){--row:5}main[data-screen=start] .types li:nth-child(7){--row:6}main[data-screen=start] .type-mark path:first-child{--draw:var(--draw-1)}main[data-screen=start] .type-mark path:nth-child(2){--draw:var(--draw-2);--line:1}main[data-screen=start] .type-mark path:nth-child(3){--draw:var(--draw-3);--line:2}@keyframes intro-in{0%{opacity:0;transform:translateY(var(--intro-y,12px))}}@keyframes intro-draw{0%{stroke-dasharray:var(--draw);stroke-dashoffset:var(--draw)}to{stroke-dasharray:var(--draw);stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){main[data-screen=start][data-intro]:not([data-still]):not([data-turn]) :is(.title-main,.title-sub,.fact,.btn-primary,.types-title,.types,.types li){animation:intro-in var(--intro-ms,.18s) var(--turn-ease-out) var(--intro-at,0s) backwards}main[data-screen=start][data-intro]:not([data-still]):not([data-turn]) .type-mark path{animation:intro-draw .6s cubic-bezier(.45, 0, .55, 1) calc(var(--intro-at) + var(--line,0) * 50ms) backwards}}main[data-screen=start]>.stage{display:none}@media (width>=1024px) and (height>=600px) and (hover:hover) and (pointer:fine){main[data-screen=start]{--stage-gap:clamp(64px, 8vw, 120px);--stage:clamp(320px, calc(100vw - 17px - 34rem - var(--stage-gap)), 440px);max-width:calc(34rem + var(--stage-gap) + var(--stage));padding-inline-end:calc(var(--flow-gutter) + var(--stage-gap) + var(--stage))}main[data-screen=start]>.stage{width:var(--stage);color:var(--color-accent);pointer-events:none;display:block;position:absolute;inset-block:0;inset-inline-end:var(--flow-gutter)}main[data-screen=start]>.stage svg{top:calc(50vh - var(--stage) / 2);width:var(--stage);height:var(--stage);position:sticky;overflow:visible}}main[data-screen=question]{padding-block-start:calc(var(--space-lg) + var(--space-xs))}main[data-screen=question] h1{letter-spacing:0;font-size:clamp(1.4375rem,6.2vw,1.5rem);font-weight:700;line-height:1.4}@media (width>=48rem){main[data-screen=question] h1{font-size:var(--text-display-s)}}.count{gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);font-variant-numeric:tabular-nums;line-height:1.4;display:flex}.count-slot{display:grid}.count-slot>*{grid-area:1/1}.cheer{color:var(--color-accent);opacity:0}main[data-still] [data-cheer]>.cheer{opacity:1}main[data-still] [data-cheer]>.remaining{opacity:0}.face{gap:var(--space-sm);flex-direction:column;display:flex}h1+p{font-size:var(--text-lead);line-height:1.6}h1+.btn,p+.btn{margin-block-start:var(--space-lg)}.face>h1+.btn{margin-block-start:var(--space-2xs)}.btn{width:100%;min-height:60px;padding:var(--space-sm) var(--space-md);border:1.5px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-raised);color:var(--color-ink);font:inherit;text-align:center;overflow-wrap:anywhere;text-wrap:balance;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;line-height:1.45;text-decoration:none;display:flex}main[data-screen] .btn{-webkit-tap-highlight-color:transparent}.btn:active{background:var(--color-paper-2);border-color:var(--color-accent);transform:scale(.98)}.btn-primary{border-color:var(--color-action);background:var(--color-action);min-height:64px;color:var(--color-action-ink);font-size:var(--text-lg);font-weight:700}main:not([data-screen])>.btn{min-height:64px;font-size:var(--text-lg);font-weight:700}.btn-primary:active{border-color:var(--color-action-deep);background:var(--color-action-deep)}.btn-option{--note-gap:6px;--pad-x:20px;padding:var(--space-md) var(--pad-x);text-align:left;flex-direction:column;align-items:flex-start;line-height:1.5}.opt-note{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--note-gap)}main[data-screen] .btn-option strong{font-weight:700}.btn-option[data-picked]{border-color:var(--color-accent)}main[data-screen] .face>.btn-option[data-before]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.pick-layer{padding:calc(var(--space-md) + 1.5px) calc(var(--pad-x) + 1.5px);border-radius:inherit;background:var(--color-accent);color:var(--color-action-ink);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:-1.5px}.btn-option{position:relative}main[data-screen=question][data-turn=fill] .face>.btn:not([data-picked]){opacity:.42;transition:opacity .15s var(--turn-ease-out)}.btn-text{min-height:56px;color:var(--color-ink-2);text-underline-offset:.2em;background:0 0;border-color:#0000;margin-block-start:var(--space-xs);text-decoration:underline;text-decoration-thickness:1px}.btn-text:active{background:var(--color-paper-2);border-color:#0000}.count>.back{width:auto;min-width:88px;min-height:48px;margin-block:calc(.7em - 24px);margin-inline:auto calc(var(--space-sm) * -1);padding-block:0;padding-inline:var(--space-sm);white-space:nowrap;flex-shrink:0}@media (hover:hover){.btn:hover{border-color:var(--color-muted)}.btn-primary:hover{border-color:var(--color-action-deep);background:var(--color-action-deep)}.btn-text:hover{color:var(--color-ink);border-color:#0000}}main[data-screen] .btn-option,main[data-screen] .btn-primary{isolation:isolate}main[data-screen] .btn-primary{position:relative}main[data-screen] .btn-option:before,main[data-screen] .btn-primary:before{content:"";z-index:-1;border-radius:calc(var(--radius-card) - 1.5px);background:radial-gradient(circle 170px at var(--wash-x,50%) var(--wash-y,50%), var(--color-accent), transparent);opacity:0;transition:opacity var(--dur-short) var(--ease-out);position:absolute;inset:0}main[data-screen] .btn-primary:before{background:radial-gradient(circle 170px at var(--wash-x,50%) var(--wash-y,50%), var(--color-action-ink), transparent)}main[data-screen] .tile{transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out)}@media (hover:hover) and (pointer:fine){main[data-screen] .btn-option:hover:before{opacity:.09}main[data-screen] .btn-primary:hover:before{opacity:.1}main[data-screen] .tile:hover{border-color:var(--color-action);color:var(--color-ink)}}@supports (color:color-mix(in oklab, red, blue)){@media (hover:hover) and (pointer:fine){main[data-screen] .btn-option:hover{border-color:color-mix(in oklab, var(--color-accent) 55%, var(--color-rule))}}}main[data-screen] .btn-option:focus-visible:before{opacity:.09}main[data-screen] .btn-option:focus-visible:not(:hover),main[data-screen][data-still] .btn-option,main[data-screen][data-still] .btn-primary{--wash-x:50%!important;--wash-y:50%!important}main[data-screen] .btn-option:active{background:var(--color-raised);border-color:var(--color-accent)}main[data-screen] .btn-option:active:before,main[data-screen] .btn-option[data-picked]:before{opacity:.14}.disclaimer{border-block-start:var(--rule-hair) solid var(--color-rule-soft);color:var(--color-ink-2);margin-block-start:var(--space-xl);padding-block-start:var(--space-lg)}@keyframes fill-in{0%{clip-path:inset(0 calc(100% - var(--tap-x,50%)) 0 var(--tap-x,50%))}to{clip-path:inset(0)}}@keyframes turn-out{0%{opacity:var(--turn-from,1);transform:none}}@keyframes turn-in{0%{opacity:0;transform:translateY(var(--turn-y))}}@keyframes cheer-in{0%,5%,91%,to{opacity:0}11%,85%{opacity:1}}@keyframes cheer-swap{5%,91%{opacity:0}}@media (prefers-reduced-motion:no-preference){main{--turn-y:14px}main[data-dir=back]{--turn-y:-14px}main:not([data-still]) [data-cheer]>.cheer{animation:cheer-in var(--turn-cheer) linear backwards}main:not([data-still]) [data-cheer]>.remaining{animation:cheer-swap var(--turn-cheer) linear backwards}.pick-layer{animation:fill-in var(--turn-fill) var(--turn-ease-out) backwards}main[data-turn=exit] .turn-item{animation:turn-out var(--turn-exit) cubic-bezier(.4, 0, 1, 1) backwards}main[data-turn=enter] .turn-item{animation:turn-in var(--turn-enter) var(--turn-ease-out) backwards;animation-delay:calc(var(--i) * var(--turn-stagger))}}main>.motion{width:auto;min-height:48px;padding:0 var(--space-sm);font-size:var(--text-sm);align-self:flex-start;margin-block-start:auto;margin-inline-start:calc(var(--space-sm) * -1)}main[data-still],main[data-still]:before,main[data-still]:after,main[data-still] *,main[data-still] :before,main[data-still] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){main>.motion{display:none}[data-cheer]>.cheer{opacity:1}[data-cheer]>.remaining{opacity:0}}@media (width<=430px){main{--flow-gutter:20px}}@media (width<=22.5rem){main{--flow-gutter:14px}.btn-option{--pad-x:18px}.types li{gap:var(--space-sm)}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){main:not([data-still=slow]){--glass-blur:blur(6px) saturate(1.6) brightness(1.03);--glass-blur-bar:blur(16px) saturate(1.6);--glass-card:linear-gradient(145deg, #ffffff8f, #ffffff47 46%, #fffaf961);--glass-panel:#ffffff4d;--glass-bar:#f6f1eb8c;--glass-edge:#ffffffbd}}@media (prefers-reduced-transparency:reduce){main:not([data-still=slow]){--glass-blur:initial;--glass-blur-bar:initial;--glass-card:initial;--glass-panel:initial;--glass-bar:initial;--glass-edge:initial}}main{--glass-shade:color-mix(in oklab, var(--color-accent), var(--color-ink) 35%)}main .btn-option,main .tile{border-color:var(--glass-edge,var(--color-rule));background:var(--glass-card,var(--color-raised));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none)}main .btn-option{box-shadow:inset 0 1px 0 #ffffffeb, inset 0 -1px 0 color-mix(in srgb, var(--color-accent) 10%, transparent), 0 12px 32px -14px color-mix(in srgb, var(--glass-shade) 26%, transparent)}main .tile{box-shadow:inset 0 1px 0 #ffffffeb, 0 6px 16px -10px color-mix(in srgb, var(--glass-shade) 22%, transparent)}main[data-screen] .btn-option:active{background:var(--glass-card,var(--color-raised))}main .btn-option[data-picked]{box-shadow:none}main .types{--types-out:min(var(--space-sm), calc(var(--flow-gutter) - 8px));margin-inline:calc(var(--types-out) * -1);padding-inline:var(--types-out);border-radius:var(--radius-card);background:var(--glass-panel,var(--color-paper));box-shadow:inset 0 0 0 1px var(--glass-edge,var(--color-rule-soft));-webkit-backdrop-filter:var(--glass-blur,none);backdrop-filter:var(--glass-blur,none);border-block-start-color:#0000}main .types li:last-child{border-block-end-color:#0000}main .bar{border-block-start-color:var(--glass-edge,var(--color-rule-soft));background:var(--glass-bar,var(--color-paper));-webkit-backdrop-filter:var(--glass-blur-bar,none);backdrop-filter:var(--glass-blur-bar,none)}:root{--wash-rose:color-mix(in srgb, var(--color-accent) 20%, transparent);--wash-taupe:color-mix(in srgb, color-mix(in oklab, var(--color-accent) 40%, var(--color-action)) 24%, transparent);--color-line:#c8b6a8}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52vmax 44vmax at 78% 22%, var(--wash-rose), transparent 66%), radial-gradient(56vmax 48vmax at 18% 58%, var(--wash-taupe), transparent 66%), radial-gradient(44vmax 40vmax at 62% 88%, var(--wash-rose), transparent 68%), radial-gradient(40vmax 36vmax at 30% 12%, var(--color-paper-3), transparent 70%);position:fixed;inset:-8vmax}@keyframes wash-drift{0%{transform:translate(-4vmax,-2vmax)}to{transform:translate(4vmax,3vmax)scale(1.04)}}@media (prefers-reduced-motion:no-preference){body:before{animation:40s ease-in-out infinite alternate paused wash-drift}body:has(>main:not([data-still])):before{animation-play-state:running}}@media (hover:hover) and (pointer:fine){main .btn-primary,main .btn-option,main[data-screen] .tile{transition:transform .36s var(--turn-ease-out), box-shadow .36s var(--turn-ease-out), background-color var(--dur-short) var(--ease-out), border-color .3s var(--ease-out), color .3s var(--ease-out)}main .btn-primary:hover,main[data-screen] .btn-option:hover,main[data-screen] .tile:hover{transform:translateY(-2px)scale(1)}main .btn-primary:hover{box-shadow:0 16px 30px -16px color-mix(in srgb, var(--color-action-deep) 75%, transparent)}main[data-screen] .btn-option:hover,main[data-screen] .tile:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--glass-edge,var(--color-rule)));box-shadow:inset 0 1px 0 #fffffff2, inset 0 -1px 0 color-mix(in srgb, var(--color-accent) 14%, transparent), 0 18px 36px -16px color-mix(in srgb, var(--glass-shade) 34%, transparent)}main .btn-text{transition:color .3s var(--ease-out), text-decoration-color .3s var(--ease-out), background-color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out)}main .btn-text:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}main .btn-primary:active,main[data-screen] .btn-option:active,main[data-screen] .tile:active{transition-duration:var(--dur-micro);transform:translateY(0)scale(.98)}}main :is(.type-mark,.tile-mark){color:color-mix(in oklab, var(--color-accent) 55%, var(--color-action))}main[data-screen] .tile[data-met]{border-color:color-mix(in srgb, var(--color-accent) 60%, var(--glass-edge,var(--color-raised)))}main .tile[data-met] .tile-mark{color:var(--color-accent)}