:root{--font-family-display: "CP period", system-ui, sans-serif;--font-family-base: "CP period", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-title: 3rem;--line-height-tight: 1.1;--line-height-none: 1;--line-height-base: 1.6;--line-height-loose: 1.8;--font-weight-regular: 400;--font-weight-bold: 700}.text{display:inline;margin:0;line-break:strict;overflow-wrap:normal;text-align:left;white-space:normal;word-break:keep-all}.text ruby{ruby-position:over}.text rt{font-family:inherit;font-size:.42em;font-weight:inherit;line-height:1}.text--hero{font-family:var(--font-family-display);font-size:var(--font-size-title);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight)}.text--heading{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight)}.text--body{color:currentColor;font-family:var(--font-family-display);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base)}:root{--pixel-measure-color: var(--color-hushHard);--pixel-measure-stroke: var(--border-width-bold);--pixel-measure-cap-height: var(--space-4);--pixel-measure-body-width: 100%;--pixel-measure-answer-width: 0px;--pixel-measure-duration: var(--duration-measure);--pixel-measure-frame-width: auto;--pixel-measure-animation-delay: 0ms;--pixel-measure-label-width: 0px;--pixel-measure-label-offset: var(--space-1)}.pixel-measure{--pixel-measure-label-space: calc(var(--pixel-measure-label-width) + var(--pixel-measure-label-offset));width:100%;min-width:0;max-width:100%;display:grid;justify-items:start;color:var(--pixel-measure-color)}.pixel-measure--unbounded{width:max-content;max-width:none}.pixel-measure__content{width:min(100%,calc(var(--pixel-measure-label-space) * 2 + var(--pixel-measure-body-width)));min-width:0;max-width:100%;display:grid;grid-template-columns:var(--pixel-measure-label-space) minmax(0,min(var(--pixel-measure-body-width),calc(100% - var(--pixel-measure-label-space) * 2))) var(--pixel-measure-label-space);justify-items:stretch}.pixel-measure--fixed-frame .pixel-measure__content{width:var(--pixel-measure-frame-width);max-width:none;grid-template-columns:0 minmax(0,100%) 0}.pixel-measure--unbounded .pixel-measure__content{width:calc(var(--pixel-measure-label-space) * 2 + var(--pixel-measure-body-width));max-width:none}.pixel-measure__body{grid-column:2;width:100%;min-width:0;max-width:100%;display:grid;justify-items:center;overflow:visible}.pixel-measure__target{width:100%;min-width:0;max-width:100%;color:var(--pixel-measure-color);text-align:left}.pixel-measure__target .text{display:inline-block;width:fit-content;max-width:100%}.pixel-measure--fixed-frame .pixel-measure__target .text{display:inline;width:auto;max-width:none}.pixel-measure__target .text--hero,.pixel-measure__target .text--heading,.pixel-measure__target .text--body{color:inherit}.pixel-measure__dimension-row{grid-column:1 / -1;display:grid;grid-template-columns:var(--pixel-measure-label-space) minmax(0,min(var(--pixel-measure-body-width),calc(100% - var(--pixel-measure-label-space) * 2))) var(--pixel-measure-label-space);min-height:var(--space-6);margin-top:calc(var(--border-width-hairline) * -1);overflow:visible}.pixel-measure--fixed-frame .pixel-measure__dimension-row{grid-template-columns:0 minmax(0,100%) 0}.pixel-measure__dimension{grid-column:2;grid-row:1;position:relative;width:var(--pixel-measure-width);min-height:var(--space-6);overflow:visible;justify-self:start;transform:translate(var(--pixel-measure-left))}.pixel-measure__part{position:absolute;display:block}.pixel-measure__part--a,.pixel-measure__part--c{top:0;width:var(--pixel-measure-stroke);height:var(--pixel-measure-cap-height);background:currentColor}.pixel-measure__part--a{left:0}.pixel-measure__part--b{top:var(--space-2);left:0;width:var(--pixel-measure-width);height:var(--pixel-measure-stroke);background:currentColor;transform-origin:left center}.pixel-measure__part--c{left:0;opacity:1;transform:translate(calc(var(--pixel-measure-width) - var(--pixel-measure-stroke)))}.pixel-measure__part--d{grid-column:2 / 4;grid-row:1;position:relative;align-self:start;top:calc(var(--space-2) + var(--pixel-measure-stroke) / 2);left:0;width:var(--pixel-measure-label-width);color:currentColor;font-family:var(--font-family-display);font-size:var(--font-size-xs);line-height:var(--line-height-none);text-align:left;white-space:nowrap;transform:translate(calc(var(--pixel-measure-left) + var(--pixel-measure-width) + var(--pixel-measure-label-offset)),-50%)}.pixel-measure__label-measure{position:absolute;top:0;left:0;display:block;width:max-content;font-family:var(--font-family-display);font-size:var(--font-size-xs);line-height:var(--line-height-none);pointer-events:none;visibility:hidden;white-space:nowrap}.pixel-measure__answer-row{grid-column:1 / -1;display:grid;grid-template-columns:var(--pixel-measure-label-space) minmax(0,min(var(--pixel-measure-body-width),calc(100% - var(--pixel-measure-label-space) * 2))) var(--pixel-measure-label-space);min-height:var(--space-6);margin-top:calc(var(--space-2) * -1);overflow:visible;color:var(--color-tertiary)}.pixel-measure__answer-dimension{grid-column:2;grid-row:1;position:relative;width:var(--pixel-measure-answer-width);min-height:var(--space-6);justify-self:start;overflow:visible}.pixel-measure__answer-part,.pixel-measure__answer-label{position:absolute;display:block}.pixel-measure__answer-part--a,.pixel-measure__answer-part--c{top:0;width:var(--pixel-measure-stroke);height:var(--pixel-measure-cap-height);background:currentColor}.pixel-measure__answer-part--a{left:0}.pixel-measure__answer-part--b{top:var(--space-2);left:0;width:var(--pixel-measure-answer-width);height:var(--pixel-measure-stroke);background:currentColor;transform-origin:left center;animation:pixel-measure-answer-b var(--pixel-measure-duration) var(--ease-out) var(--pixel-measure-animation-delay) both}.pixel-measure__answer-part--c{left:0;animation:pixel-measure-answer-c var(--pixel-measure-duration) var(--ease-out) var(--pixel-measure-animation-delay) both}.pixel-measure__answer-label{grid-column:2 / 4;grid-row:1;position:relative;align-self:start;top:calc(var(--space-2) + var(--pixel-measure-stroke) / 2);left:0;width:var(--pixel-measure-label-width);font-family:var(--font-family-display);font-size:var(--font-size-xs);line-height:var(--line-height-none);text-align:left;white-space:nowrap;transform:translate(calc(var(--pixel-measure-answer-width) + var(--pixel-measure-label-offset)),-50%);animation:pixel-measure-answer-label var(--pixel-measure-duration) var(--ease-out) var(--pixel-measure-animation-delay) both}.pixel-measure--animate .pixel-measure__part--b{animation:pixel-measure-b var(--pixel-measure-duration) var(--ease-out) var(--pixel-measure-animation-delay) both}.pixel-measure--animate .pixel-measure__part--c{animation:pixel-measure-c var(--pixel-measure-duration) var(--ease-out) var(--pixel-measure-animation-delay) both}.pixel-measure--animate .pixel-measure__part--d{animation:pixel-measure-d var(--pixel-measure-duration) var(--ease-out) var(--pixel-measure-animation-delay) both}@keyframes pixel-measure-b{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pixel-measure-c{0%{opacity:0;transform:translate(0)}1%{opacity:1}to{opacity:1;transform:translate(calc(var(--pixel-measure-width) - var(--pixel-measure-stroke)))}}@keyframes pixel-measure-d{0%{transform:translate(calc(var(--pixel-measure-left) + var(--pixel-measure-label-offset)),-50%)}to{transform:translate(calc(var(--pixel-measure-left) + var(--pixel-measure-width) + var(--pixel-measure-label-offset)),-50%)}}@keyframes pixel-measure-answer-b{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pixel-measure-answer-c{0%{opacity:0;transform:translate(0)}1%{opacity:1}to{opacity:1;transform:translate(calc(var(--pixel-measure-answer-width) - var(--pixel-measure-stroke)))}}@keyframes pixel-measure-answer-label{0%{transform:translate(var(--pixel-measure-label-offset),-50%)}to{transform:translate(calc(var(--pixel-measure-answer-width) + var(--pixel-measure-label-offset)),-50%)}}@media(prefers-reduced-motion:reduce){.pixel-measure--animate .pixel-measure__part,.pixel-measure__answer-part,.pixel-measure__answer-label{animation:none}}:root{--result-award-background: var(--color-canvas);--result-award-border: var(--color-hushHard);--result-award-line: 5px;--result-award-line-thin: var(--border-width-pixel)}.result-award{inline-size:min(100%,calc(var(--space-9) * 6));block-size:auto;display:block;color:var(--result-award-border);overflow:visible}.result-award--rank-2{--result-award-border: var(--color-tertiary)}.result-award--rank-3{--result-award-border: var(--color-secondary)}.result-award--rank-4{--result-award-border: var(--color-primary)}.result-award--rank-cheat{--result-award-border: var(--color-hushHard)}.result-award__rank,.result-award__label{fill:currentColor;font-family:var(--font-family-display);font-weight:var(--font-weight-regular);text-anchor:middle}.result-award__rank{font-size:var(--font-size-sm);letter-spacing:.1em}.result-award__label{dominant-baseline:middle;font-size:1.25rem;letter-spacing:.2em}.result-award__label--rank-three{letter-spacing:.33em}.result-award__label--rank-four{letter-spacing:.18em}.result-award__outline,.result-award__dash,.result-award__crown,.result-award__ribbon{fill:var(--result-award-background);stroke:currentColor;stroke-linejoin:miter;stroke-width:var(--result-award-line);shape-rendering:crispEdges}.result-award__outline--thin{stroke-width:var(--result-award-line-thin)}.result-award__fill,.result-award__pixel,.result-award__star{fill:currentColor}.result-award__star-bg,.result-award__text-bg{fill:none}.result-award__dash{fill:none;stroke:currentColor;stroke-dasharray:var(--border-width-pixel) var(--border-width-pixel);stroke-width:var(--result-award-line-thin)}.result-award__reverse-dash{fill:none;stroke:var(--result-award-background);stroke-dasharray:var(--border-width-pixel) var(--border-width-pixel);stroke-width:var(--result-award-line-thin)}.result-award__label--reverse{fill:var(--result-award-background)}.result-award__outline--cheat{fill:currentColor}.result-award__label--cheat{fill:var(--result-award-background)}.result-award__panel{fill:currentColor;stroke:currentColor;stroke-linejoin:miter;stroke-width:var(--result-award-line);shape-rendering:crispEdges}.award-silhouette{min-height:var(--app-viewport-height);display:grid;place-items:center;padding:28px;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-family-display)}.award-silhouette__poster{--award-silhouette-arrow: var(--color-primary);--award-silhouette-award: var(--color-hushHard);--award-silhouette-shadow: var(--color-hushSoft);position:relative;isolation:isolate;width:min(100%,720px);aspect-ratio:1;overflow:hidden;border:5px solid var(--color-hushHard);background:var(--color-canvas);box-shadow:0 18px 42px #37373729}.award-silhouette__poster:before{content:none}.award-silhouette__measure-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.award-silhouette__measure-ghost{position:absolute;top:var(--award-measure-top);left:var(--award-measure-left);width:max-content;color:var(--color-hushSoft);opacity:.52;animation:award-silhouette-measure-flow var(--award-measure-duration) linear var(--award-measure-delay) infinite}.award-silhouette__measure-ghost .pixel-measure{color:var(--color-hushSoft)}.award-silhouette__measure-ghost .text--hero{color:var(--color-hushSoft);font-family:CP period,system-ui,sans-serif;font-size:var(--award-measure-size);line-height:1}.award-silhouette__awards{position:absolute;inset:0;z-index:3}.award-silhouette__award{position:absolute;display:grid;place-items:center;width:240px;min-height:75px;transform:rotate(0);color:var(--award-silhouette-award);opacity:1}.award-silhouette__award-shape{position:absolute;inset:50% auto auto 50%;width:100%;transform:translate(-50%,-50%);color:currentColor}.award-silhouette__award-shape .result-award__outline,.award-silhouette__award-shape .result-award__dash,.award-silhouette__award-shape .result-award__crown,.award-silhouette__award-shape .result-award__ribbon,.award-silhouette__award-shape .result-award__panel,.award-silhouette__award-shape .result-award__fill,.award-silhouette__award-shape .result-award__pixel,.award-silhouette__award-shape .result-award__star{fill:currentColor;stroke:currentColor}.award-silhouette__award-shape .result-award__reverse-dash,.award-silhouette__award-shape .result-award__label{opacity:0}.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__outline,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__dash,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__crown,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__ribbon,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__panel{fill:var(--color-canvas);stroke:currentColor}.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__fill,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__pixel,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__star,.award-silhouette__award--halfway .award-silhouette__award-shape .result-award__label{fill:currentColor;opacity:1}.award-silhouette__award--legend{top:112px;right:58px;width:330px;min-height:112px}.award-silhouette__award--pro{top:260px;right:118px;width:280px}.award-silhouette__award--sense{top:361px;right:216px;width:250px}.award-silhouette__award--halfway{top:451px;left:140px;width:220px}.award-silhouette__ladder{position:absolute;inset:0;z-index:2;pointer-events:none}.award-silhouette__curve-arrow{position:absolute;right:74px;bottom:132px;width:520px;height:500px;overflow:visible}.award-silhouette__curve-arrow-fill{fill:var(--award-silhouette-arrow)}.award-silhouette__copy{position:absolute;left:50%;bottom:42px;z-index:5;display:grid;gap:8px;width:max-content;color:var(--color-ink);text-align:left;transform:translate(-50%)}.award-silhouette__copy strong,.award-silhouette__copy span{display:block}.award-silhouette__copy strong{font-size:44px;line-height:1}.award-silhouette__copy span{font-size:20px;line-height:1.2}@keyframes award-silhouette-measure-flow{0%{transform:translateY(0)}to{transform:translateY(1180px)}}@media(max-width:720px){.award-silhouette{padding:0}.award-silhouette__poster{width:100%;border-inline:0}}.pixel-frame{position:absolute;z-index:1;inset:0;pointer-events:none}.pixel-frame--with-content{position:relative;z-index:auto;inset:auto;min-height:var(--pixel-frame-min-height, calc(var(--pixel-frame-dot, var(--border-width-bold)) * 12));display:grid;align-items:center;padding:var(--pixel-frame-padding, var(--space-4));color:var(--pixel-frame-color, currentColor);isolation:isolate;pointer-events:auto}.pixel-frame--with-content:is(.pixel-frame--speechBubble),.pixel-frame--with-content.pixel-frame--speechBubble{padding-left:calc(var(--pixel-frame-padding-inline, var(--space-4)) + var(--pixel-frame-dot, var(--border-width-bold)) * 4)}.pixel-frame__content{position:relative;z-index:2;min-width:0;color:inherit}.pixel-frame__svg{position:absolute;inset:0;width:auto;height:auto;margin:auto;overflow:visible;pointer-events:none}.pixel-frame__face{z-index:1;transition:transform var(--duration-fast) var(--ease-out)}.pixel-frame__shadow{z-index:0;transform:translate(var(--pixel-frame-shadow-offset, var(--pixel-frame-dot)),var(--pixel-frame-shadow-offset, var(--pixel-frame-dot)))}.pixel-frame__fill{fill:var(--pixel-frame-bg, var(--color-canvas))}.pixel-frame__dot{fill:var(--pixel-frame-border, currentColor);shape-rendering:crispEdges}.pixel-frame__shadow-fill,.pixel-frame__shadow-dot{fill:var(--pixel-frame-shadow, currentColor);shape-rendering:crispEdges}.pixel-diagram{--pixel-diagram-ink: var(--color-hushHard);--pixel-diagram-accent: var(--color-accent);--pixel-diagram-frame: var(--color-hushSoft);--pixel-diagram-grid: var(--color-hushSoft);--pixel-diagram-screen-bottom: calc((266 - 104) / 233 * 100%);--pixel-diagram-screen-center: calc(112 / 488 * 100%);--pixel-diagram-screen-width: calc(192 / 488 * 100%);position:relative;width:min(100%,488px);aspect-ratio:488 / 233;margin:0 auto;color:var(--pixel-diagram-ink)}.pixel-diagram__art{display:block;width:100%;height:auto}.pixel-diagram__screen{fill:var(--pixel-diagram-frame);filter:drop-shadow(0 1px 2px rgb(31 41 51 / .12));stroke:var(--pixel-diagram-ink);stroke-width:4}.pixel-diagram__display{fill:var(--color-canvas);stroke:var(--pixel-diagram-ink);stroke-width:2}.pixel-diagram__ray{fill:none;stroke:var(--pixel-diagram-ink);stroke-linecap:square;stroke-width:6}.pixel-diagram__zoom-fill{fill:var(--color-canvas);stroke:none}.pixel-diagram__zoom-stroke{fill:none;stroke:var(--pixel-diagram-ink);stroke-width:6}.pixel-diagram__grid-base{fill:var(--pixel-diagram-grid);stroke:var(--pixel-diagram-ink);stroke-width:2}.pixel-diagram__sample{font-family:var(--font-family-display);font-weight:var(--font-weight-regular)}.pixel-diagram__cell--paper{fill:var(--color-canvas)}.pixel-diagram__cell--ink{fill:var(--pixel-diagram-ink)}.pixel-diagram__cell--accent{fill:var(--pixel-diagram-accent)}.pixel-diagram__sample{fill:var(--pixel-diagram-ink);font-size:var(--font-size-xl);letter-spacing:var(--space-2)}.pixel-diagram__label{--pixel-frame-bg: var(--color-canvas);--pixel-frame-border: var(--pixel-diagram-accent);--pixel-frame-shadow: var(--pixel-diagram-accent);--pixel-frame-shadow-offset: var(--space-1);--pixel-diagram-label-pad-x: var(--space-5);position:absolute;top:calc((223 - 104) / 233 * 100%);left:69.7%;min-height:40px;display:inline-grid;place-items:center;padding:0 var(--pixel-diagram-label-pad-x);color:var(--pixel-diagram-accent);font-family:var(--font-family-display);font-size:var(--font-size-md);line-height:var(--line-height-none);pointer-events:none;white-space:nowrap}.pixel-diagram__label-frame{z-index:0}.pixel-diagram__label .text{position:relative;z-index:2;color:inherit;line-height:var(--line-height-none)}@media(max-width:520px){.pixel-diagram{width:min(100%,420px)}.pixel-diagram__label{--pixel-diagram-label-pad-x: var(--space-4);min-height:var(--space-6)}}.pixel-sage{--pixel-sage-scale: 4;--pixel-sage-safe-pad-x: 1;--pixel-sage-safe-pad-y: 1;--pixel-sage-trim-left: 8;--pixel-sage-trim-top: 3;--pixel-sage-visible-width: 21;--pixel-sage-visible-height: 43;position:relative;display:inline-block;inline-size:calc((var(--pixel-sage-visible-width) + var(--pixel-sage-safe-pad-x) * 2) * var(--pixel-sage-scale) * 1px);block-size:calc((var(--pixel-sage-visible-height) + var(--pixel-sage-safe-pad-y) * 2) * var(--pixel-sage-scale) * 1px);overflow:hidden}.pixel-sage--question{--pixel-sage-trim-top: 0;--pixel-sage-visible-height: 45}.pixel-sage--result{--pixel-sage-visible-height: 42}.pixel-sage__sprite{position:absolute;top:calc(var(--pixel-sage-safe-pad-y) * var(--pixel-sage-scale) * 1px);left:calc(var(--pixel-sage-safe-pad-x) * var(--pixel-sage-scale) * 1px);display:block;inline-size:calc(var(--pixel-sage-visible-width) * 1px);block-size:calc(var(--pixel-sage-visible-height) * 1px);background-image:var(--pixel-sage-image);background-position:calc(var(--pixel-sage-x) - var(--pixel-sage-trim-left) * 1px) calc(var(--pixel-sage-y) - var(--pixel-sage-trim-top) * 1px);background-repeat:no-repeat;background-size:auto;image-rendering:pixelated;transform:scale(var(--pixel-sage-scale));transform-origin:top left}@media(max-width:520px){.pixel-sage{--pixel-sage-scale: 3}}.question-intro{min-height:var(--app-viewport-height);display:grid;place-items:center;padding:var(--space-5);background:var(--color-canvas);opacity:0}.question-intro--enter{animation:question-intro-overlay-enter .52s var(--ease-out) both}.question-intro--loop,.question-intro--exit{opacity:1}.question-intro__panel{--pixel-frame-padding: var(--space-6);--pixel-frame-min-height: auto;min-width:min(100%,280px);color:var(--color-ink)}.question-intro__content{display:grid;justify-items:center;gap:var(--space-4)}.question-intro--enter .question-intro__panel{animation:question-intro-panel-enter .72s var(--ease-out) .36s both}.question-intro--loop .question-intro__panel{transform:translate(0)}.question-intro--exit .question-intro__panel{animation:question-intro-panel-exit .64s var(--ease-in-out) both}.question-intro__content .text--heading{color:inherit}.question-intro__sage{--pixel-sage-scale: 3}@keyframes question-intro-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes question-intro-panel-enter{0%{transform:translate(120vw)}to{transform:translate(0)}}@keyframes question-intro-panel-exit{0%{transform:translate(0)}to{transform:translate(-120vw)}}@media(prefers-reduced-motion:reduce){.question-intro--enter,.question-intro--exit,.question-intro__panel{animation-duration:1ms}}:root{--button-primary-bg: var(--color-accent);--button-primary-focus-ring: var(--border-width-bold) solid var(--color-tertiary);--button-primary-border: var(--color-ink);--button-primary-text: var(--color-canvas);--button-primary-shadow: var(--color-hushHard);--button-primary-corner: var(--space-2)}.button-primary{--pixel-frame-bg: var(--button-primary-bg);--pixel-frame-border: var(--button-primary-border);--pixel-frame-color: var(--button-primary-text);--pixel-frame-min-height: var(--space-9);--pixel-frame-shadow: var(--button-primary-shadow);position:relative;display:inline-grid;place-items:center;padding:0;border:0;appearance:none;background:transparent;color:var(--button-primary-text);cursor:pointer;isolation:isolate;z-index:0;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out)}.button-primary__frame{width:100%;justify-items:center;text-align:center}.button-primary .pixel-frame__content{color:inherit;transition:transform var(--duration-fast) var(--ease-out)}.button-primary .text{color:inherit;line-height:var(--line-height-tight);white-space:nowrap}.button-primary:not(:disabled):active{transform:none}.button-primary:not(:disabled):active .pixel-frame__face,.button-primary:not(:disabled):active .pixel-frame__content{transform:translate(var(--pixel-frame-shadow-offset, var(--pixel-frame-dot)),var(--pixel-frame-shadow-offset, var(--pixel-frame-dot)))}.button-primary:disabled{color:var(--color-hushHard);cursor:default;opacity:.45}.button-primary:disabled:active{transform:none}.button-primary:focus-visible{outline:var(--button-primary-focus-ring);outline-offset:var(--space-2)}:root{--text-input-bg: var(--color-canvas);--text-input-border: var(--color-ink);--text-input-placeholder: var(--color-hushSoft);--text-input-text: var(--color-ink);--text-input-width: 100%}.text-input{--pixel-frame-bg: var(--text-input-bg);--pixel-frame-border: var(--text-input-border);--pixel-frame-color: var(--text-input-text);--pixel-frame-min-height: var(--space-8);--pixel-frame-padding: 0;inline-size:var(--text-input-width);display:inline-grid;place-items:stretch;color:var(--text-input-text)}.text-input--digit-only{--pixel-frame-min-height: var(--space-9);--text-input-width: var(--space-9)}.text-input__frame{inline-size:100%}.text-input__control{inline-size:100%;min-height:var(--pixel-frame-min-height);padding:0 var(--space-3);border:0;appearance:textfield;background:transparent;caret-color:transparent;color:inherit;font-family:var(--font-family-display);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-none)}.text-input--digit-only .text-input__control{font-size:var(--font-size-2xl);text-align:center}.text-input__control::placeholder{color:var(--text-input-placeholder);opacity:1}.text-input__control:focus{outline:none}@media(pointer:fine){.text-input__control{caret-color:currentColor}}:root{--normal-button-bg: var(--color-canvas);--normal-button-focus-ring: var(--border-width-bold) solid var(--color-tertiary);--normal-button-text: var(--color-ink);--normal-button-border: var(--color-ink);--normal-button-shadow: var(--color-hushHard);--normal-button-corner: var(--space-2)}.normal-button{--pixel-frame-bg: var(--normal-button-bg);--pixel-frame-border: var(--normal-button-border);--pixel-frame-color: var(--normal-button-text);--pixel-frame-min-height: var(--space-8);--pixel-frame-shadow: var(--normal-button-shadow);position:relative;display:inline-grid;place-items:center;padding:0;border:0;appearance:none;background:transparent;color:var(--normal-button-text);cursor:pointer;isolation:isolate;z-index:0;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out)}.normal-button__frame{width:100%;justify-items:center;text-align:center}.normal-button .pixel-frame__content{color:inherit;transition:transform var(--duration-fast) var(--ease-out)}.normal-button .text--body{color:inherit;line-height:var(--line-height-tight)}.normal-button:not(:disabled):active{transform:none}.normal-button:not(:disabled):active .pixel-frame__face,.normal-button:not(:disabled):active .pixel-frame__content{transform:translate(var(--pixel-frame-shadow-offset, var(--pixel-frame-dot)),var(--pixel-frame-shadow-offset, var(--pixel-frame-dot)))}.normal-button:disabled{color:var(--color-hushHard);cursor:default;opacity:.45}.normal-button:disabled:active{transform:none}.normal-button:focus-visible{outline:var(--normal-button-focus-ring);outline-offset:var(--space-2)}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:var(--space-5)}.modal--hidden{visibility:hidden;pointer-events:none}.modal--open{visibility:visible}.modal__overlay{position:absolute;inset:0;border:0;appearance:none;background:color-mix(in srgb,var(--color-ink) 30%,transparent);cursor:pointer}.modal--undimmed .modal__overlay{background:transparent}.modal__panel{--pixel-frame-bg: var(--color-canvas);--pixel-frame-border: var(--color-ink);--pixel-frame-color: var(--color-ink);--pixel-frame-padding: var(--space-6);--pixel-frame-shadow: var(--color-hushHard);--pixel-frame-shadow-offset: var(--space-1);position:relative;width:min(100%,420px);background:transparent;color:var(--color-ink)}.modal__panel-frame{width:100%}.modal__panel-frame>.pixel-frame__content{display:grid;gap:var(--space-5)}.modal__title-row,.modal__content-row{display:grid;gap:var(--space-3);text-align:left}.modal__title-row .text--heading,.modal__content-row .text--heading,.modal__content-row .text--body{color:inherit}.modal__button-row{display:grid;justify-items:end}.modal__button-row .normal-button{--pixel-frame-min-height: var(--space-7);--pixel-frame-padding: 0}.modal__button-row .normal-button .text{display:inline-block;padding:var(--space-3) var(--space-5)}@media(max-width:520px){.modal{padding:var(--space-4)}.modal__panel{--pixel-frame-padding: var(--space-5)}}.question-text{color:var(--color-ink);font-family:var(--font-family-display);font-size:var(--question-text-size);line-height:var(--line-height-tight);letter-spacing:0}:root{--score-stamp-background: var(--color-canvas);--score-stamp-border: var(--color-ink);--score-stamp-line: var(--border-width-bold);--score-stamp-inner-line: var(--border-width-hairline)}.score-stamp{inline-size:min(100%,calc(var(--space-9) * 3));block-size:auto;display:block;color:var(--score-stamp-border);overflow:visible}.score-stamp__sakura{fill:var(--score-stamp-background);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--score-stamp-line)}.score-stamp__abyss-rim{fill:var(--score-stamp-background);stroke:currentColor;stroke-linejoin:round;stroke-width:var(--score-stamp-line)}.score-stamp__inner-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--score-stamp-inner-line)}.score-stamp__label{color:var(--score-stamp-border);dominant-baseline:middle;fill:var(--score-stamp-border);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);letter-spacing:.12em;text-anchor:middle}:root{--speech-bubble-bg: var(--color-canvas);--speech-bubble-text: var(--color-hushHard);--speech-bubble-border: var(--color-hushHard);--speech-bubble-shadow: var(--color-hushHard);--speech-bubble-tail-depth: calc(var(--pixel-frame-dot) * 4);--speech-bubble-tail-y: 58%}.speech-bubble{--pixel-frame-bg: var(--speech-bubble-bg);--pixel-frame-border: var(--speech-bubble-border);--pixel-frame-color: var(--speech-bubble-text);--pixel-frame-min-height: calc(var(--pixel-frame-dot) * 23);--pixel-frame-padding: var(--space-4);--pixel-frame-shadow: var(--speech-bubble-shadow);--pixel-frame-tail-y: var(--speech-bubble-tail-y);position:relative;display:inline-grid;min-width:0;color:var(--speech-bubble-text);white-space:normal}.speech-bubble--interactive{cursor:pointer}.speech-bubble--interactive:focus-visible{outline:var(--border-width-bold) solid var(--color-tertiary);outline-offset:var(--space-2)}.speech-bubble__frame{width:100%;min-width:0;justify-items:var(--speech-bubble-content-align, start)}.speech-bubble__frame>.pixel-frame__content{align-self:stretch;display:grid;width:100%;text-align:var(--speech-bubble-text-align, left)}.speech-bubble__content{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;width:100%;height:100%;min-width:0}.speech-bubble__text{display:block;width:100%;min-width:0;color:var(--speech-bubble-text);text-align:var(--speech-bubble-text-align, left);white-space:normal}.speech-bubble__tap-hint{justify-self:end;color:var(--color-ink);opacity:.72;pointer-events:none}.speech-bubble__tap-icon{display:block;inline-size:calc(var(--space-5) * .75);block-size:calc(var(--space-5) * .375);fill:currentColor}.question-screen{--question-content-width: 240px;--question-measure-width: 100vw;min-height:var(--app-viewport-height);display:grid;place-items:center;overflow:hidden;background:var(--color-canvas)}.question-screen__inner{position:relative;width:100%;max-width:none;height:min(var(--app-safe-viewport-height),560px);display:grid;grid-template-rows:repeat(4,auto);align-items:center;align-content:center;justify-items:center;row-gap:var(--space-7);padding:0}.question-screen--answer-submitted .question-screen__inner{pointer-events:none}.question-screen__area{display:grid;align-items:center;align-content:center;justify-items:center;width:var(--question-content-width);min-width:0}.question-screen__area--prompt{width:min(100vw,360px)}.question-screen--answer-submitted .question-screen__area--prompt,.question-screen--answer-submitted .question-screen__area--input,.question-screen--answer-submitted .question-screen__area--actions,.question-screen--answer-submitted .question-screen__word-info{visibility:hidden}.question-screen__area--measure{width:var(--question-measure-width);max-width:var(--question-measure-width);overflow:visible;visibility:hidden;opacity:0}.question-screen__area--measure-ready{visibility:visible;opacity:1}.question-screen__prompt{display:grid;justify-items:center;gap:var(--space-4)}.question-screen__reference-frame{color:var(--color-ink)}.question-screen__reference{display:grid;justify-items:start;gap:var(--space-1);color:var(--color-ink)}.question-screen__reference-label{color:var(--color-hushHard);line-height:var(--line-height-none)}.question-screen__reference-item{display:inline-flex;align-items:center;gap:var(--space-2)}.question-screen__reference .text--body{color:inherit;line-height:var(--line-height-none);letter-spacing:.1em}.question-screen__dimension-sample{position:relative;inline-size:var(--question-dimension-width);block-size:var(--space-4);display:inline-block}.question-screen__dimension-sample:before,.question-screen__dimension-sample:after{content:"";position:absolute;background:var(--color-ink)}.question-screen__dimension-sample:before{left:0;right:0;top:50%;block-size:var(--border-width-pixel);transform:translateY(-50%)}.question-screen__dimension-sample:after{inset:calc(50% - var(--space-1)) 0 auto;block-size:var(--space-2);background:linear-gradient(var(--color-ink),var(--color-ink)) left / var(--border-width-pixel) 100% no-repeat,linear-gradient(var(--color-ink),var(--color-ink)) right / var(--border-width-pixel) 100% no-repeat}.question-screen__measure{width:var(--question-measure-width);max-width:var(--question-measure-width);height:100%;display:grid;align-items:center;justify-items:center;justify-content:center;gap:var(--space-3);color:var(--color-hushHard);overflow:visible}.question-screen__measure .pixel-measure{color:var(--color-hushHard);justify-items:center;width:max-content;max-width:none}.question-screen__measure .pixel-measure__content{justify-self:center}.question-screen__measure .text--hero{color:var(--color-ink);font-family:CP period,system-ui,sans-serif;font-size:var(--question-measured-text-size);line-height:var(--line-height-tight)}.question-screen__measure .pixel-measure__target,.question-screen__measure .pixel-measure__target .text{width:max-content;max-width:none;white-space:nowrap}.question-screen__word-info{width:var(--question-content-width);display:grid;justify-items:start;gap:var(--space-2);color:var(--color-hushHard);text-align:left}.question-screen__word-info-toggle{width:100%;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.question-screen__word-info-toggle:focus-visible{outline:var(--border-width-pixel) solid var(--color-tertiary);outline-offset:var(--space-1)}.question-screen__word-info-panel{width:100%;display:grid;justify-items:stretch;gap:var(--space-1)}.question-screen__word-info .text--body{display:block;color:inherit;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);font-weight:400;line-height:var(--line-height-base);text-align:left;letter-spacing:0;white-space:pre-wrap}.question-screen__input-stack{display:grid;justify-items:center;gap:var(--space-2);width:100%}.question-screen__area--input{--question-input-unit-width: var(--space-9);width:calc(var(--question-input-unit-width) * 2 + var(--question-content-width))}.question-screen__input-row{display:grid;grid-template-columns:var(--question-input-unit-width) var(--question-content-width) var(--question-input-unit-width);align-items:end;justify-items:center;width:100%}.question-screen__input-row:before{content:"";display:block;inline-size:var(--question-input-unit-width)}.question-screen__input-row .text-input{--text-input-width: var(--question-content-width);min-width:0}.question-screen__input-row .text--heading{justify-self:center;color:var(--color-ink);line-height:var(--space-9);letter-spacing:.1em}.question-screen__answer-hint{width:100%;color:var(--color-hushHard);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-sm);font-weight:400;line-height:var(--line-height-tight);text-align:center;letter-spacing:0}.question-screen__input-error{color:var(--color-danger);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-md);line-height:var(--line-height-tight);text-align:center}.question-screen__area--actions{position:relative;z-index:1;display:flex;justify-content:center}.question-screen__area--actions .button-primary{width:100%;min-width:0}.question-screen__score-modal{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.question-screen__score-modal .text--heading,.question-screen__score-modal .text--body{color:var(--color-ink)}.question-screen__score-detail{justify-self:stretch;text-align:left}.question-screen__score-stage{--score-face-sheet-x: 8;--score-face-sheet-y: 13;--score-face-scale: 16;--score-face-width: 7px;--score-face-height: 11px;--score-stamp-base-size: 96px;--score-stamp-scale: 1.8;--score-stamp-size: calc(var(--score-stamp-base-size) * var(--score-stamp-scale));position:relative;width:min(100%,360px);height:calc(var(--score-face-height) * var(--score-face-scale));display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:100%;align-items:stretch;justify-content:center;gap:var(--space-3) var(--space-4)}.question-screen__score-face{grid-column:1;grid-row:1;justify-self:center;align-self:stretch;width:calc(var(--score-face-width) * var(--score-face-scale));height:calc(var(--score-face-height) * var(--score-face-scale));background-image:url(/character/result/pixel_sage_nearest_32x48.png);background-position:calc(var(--score-face-sheet-x) * var(--score-face-scale) * -1px) calc(var(--score-face-sheet-y) * var(--score-face-scale) * -1px);background-repeat:no-repeat;background-size:calc(105px * var(--score-face-scale)) calc(172px * var(--score-face-scale));image-rendering:pixelated}.question-screen__score-main{grid-column:2;grid-row:1;align-self:stretch;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:stretch}.question-screen__score-main .speech-bubble{--speech-bubble-content-align: start;--speech-bubble-text-align: left;justify-self:stretch;align-self:center;width:100%;min-width:0;padding:0}.question-screen__score-stamp-anchor{position:relative;z-index:3;justify-self:stretch;align-self:stretch;min-width:0;min-height:0}.question-screen__score-stamp-positioner{position:absolute;top:50%;left:50%;width:var(--score-stamp-size);height:var(--score-stamp-size);transform-origin:50% 50%;animation:question-score-stamp .52s var(--ease-out) both}.question-screen__score-stamp{inline-size:100%;block-size:100%}@keyframes question-score-stamp{0%{opacity:0;transform:translate(-50%,calc(-50% - var(--space-6))) scale(1.86) rotate(-1deg)}52%{opacity:1;transform:translate(-50%,-50%) scale(.88) rotate(17deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(13deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(15deg)}}@media(max-width:520px){.question-screen{min-height:auto;display:block;overflow:visible;padding-block:var(--app-top-safe-space) var(--app-bottom-safe-space)}.question-screen__inner{height:auto;min-height:0;align-content:start;row-gap:var(--space-6)}.question-screen__score-stage{--score-face-scale: 14;--score-stamp-base-size: 84px;width:min(100%,320px);gap:var(--space-2) var(--space-3)}.question-screen__score-stamp-anchor{inline-size:100%}}.result-screen{--result-screen-heading-delay: 80ms;--result-screen-heading-duration: .42s;--result-screen-parts-duration: .3s;--result-screen-score-count-duration: .9s;--result-screen-award-stamp-duration: .22s;--result-screen-award-extra-duration: .18s;--result-screen-award-duration: calc(var(--result-screen-award-stamp-duration) + var(--result-screen-award-extra-duration));--result-screen-step-interval: 1s;--result-screen-score-award-interval: .7s;--result-screen-score-delay: calc(var(--result-screen-heading-delay) + var(--result-screen-heading-duration) + var(--result-screen-step-interval));--result-screen-award-delay: calc(var(--result-screen-score-delay) + var(--result-screen-score-count-duration) + var(--result-screen-score-award-interval));--result-screen-character-delay: calc(var(--result-screen-award-delay) + var(--result-screen-award-duration) + var(--result-screen-step-interval));--result-screen-detail-delay: var(--result-screen-character-delay);--result-screen-content-width: 360px;--result-screen-row-gap: var(--space-8);--result-screen-control-height: 58px;block-size:var(--app-viewport-height);position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--color-canvas);color:var(--color-ink);isolation:isolate}.result-screen--cheat,.result-screen--cheat .result-screen__inner{background:var(--color-hushSoft)}.result-screen__inner{position:relative;z-index:1;width:var(--result-screen-content-width);min-height:var(--app-viewport-height);display:grid;align-content:start;justify-items:center;row-gap:var(--result-screen-row-gap);padding:var(--space-7) 0 var(--space-8)}.result-screen__heading{border-bottom:var(--border-width-heavy) solid var(--color-ink);padding:0 var(--space-5) var(--space-2);transform-origin:50% 50%;animation:result-screen-heading-pop var(--result-screen-heading-duration) var(--ease-out) var(--result-screen-heading-delay) both}.result-screen__heading .text--heading{color:var(--color-ink);letter-spacing:.1em}.result-screen__summary{position:relative;width:100%;max-width:100%;min-width:0;min-block-size:152px;display:grid;align-items:center;overflow:visible;transform-origin:50% 38%;animation:result-screen-parts-pop var(--result-screen-parts-duration) var(--ease-out) var(--result-screen-score-delay) both}.result-screen__score-total{display:grid;justify-items:start;gap:var(--space-1);transform:translate(var(--space-5))}.result-screen__score-total .text--body{color:var(--color-hushHard);line-height:var(--line-height-none);letter-spacing:.05em}.result-screen__score-value{display:flex;align-items:end;gap:var(--space-1)}.result-screen__score-value .text--hero{color:var(--color-ink);line-height:var(--line-height-none)}.result-screen__score-value .text--heading{color:var(--color-hushSoft);line-height:1.35}.result-screen__award-stage{position:absolute;inset-block-start:50%;inset-inline-end:0;display:grid;place-items:center;inline-size:max-content;min-block-size:0;overflow:visible;perspective:420px;transform:translateY(-50%)}.result-screen__award{position:relative;z-index:1;inline-size:240px;transform-origin:50% 50%;animation:result-screen-award-stamp var(--result-screen-award-stamp-duration) linear var(--result-screen-award-delay) both}.result-screen__award.result-award--rank-1{transform-origin:0% 100%;animation:result-screen-award-stamp var(--result-screen-award-stamp-duration) linear var(--result-screen-award-delay) both,result-screen-award-rank-one-drop var(--result-screen-award-extra-duration) steps(2,end) calc(var(--result-screen-award-delay) + var(--result-screen-award-stamp-duration)) both}.result-screen__award.result-award--rank-2,.result-screen__award.result-award--rank-3{animation:result-screen-award-stamp var(--result-screen-award-stamp-duration) linear var(--result-screen-award-delay) both}.result-screen__award.result-award--rank-4{animation:result-screen-award-stamp var(--result-screen-award-stamp-duration) linear var(--result-screen-award-delay) both,result-screen-award-legend-shake .24s steps(2,end) calc(var(--result-screen-award-delay) + var(--result-screen-award-stamp-duration))}.result-screen__confetti{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.result-screen__confetti span{position:absolute;inset-block-start:-24px;inset-inline-start:var(--confetti-x);inline-size:8px;block-size:14px;opacity:0;transform:translateY(-48px);animation:result-screen-confetti-fall var(--confetti-fall-duration) linear var(--confetti-fall-delay) infinite}.result-screen__confetti-piece{position:absolute;inset:0;display:block;background:var(--confetti-front-color);animation:result-screen-confetti-flip var(--confetti-flip-duration) linear var(--confetti-flip-delay) infinite}.result-screen__confetti span:nth-child(4n+1) .result-screen__confetti-piece{transform-origin:50% 100%}.result-screen__confetti span:nth-child(4n+2){inline-size:6px;block-size:10px}.result-screen__confetti span:nth-child(4n+3){inline-size:10px;block-size:8px}.result-screen__confetti span:nth-child(4n) .result-screen__confetti-piece{transform-origin:100% 50%}.result-screen__sage-row{display:flex;align-items:center;justify-content:stretch;gap:0;width:100%;transform-origin:50% 50%;animation:result-screen-fade-up var(--result-screen-parts-duration) var(--ease-out) var(--result-screen-character-delay) both}.result-screen__sage{--pixel-sage-scale: 2.75;flex:0 0 auto}.result-screen__sage-row .speech-bubble{--result-screen-bubble-base-y: calc(var(--space-3) * -1);--result-screen-bubble-bob-y: 0px;flex:1 1 0;min-width:0;animation:result-screen-bubble-bob 1.6s steps(1,end) infinite;transform:translateY(calc(var(--result-screen-bubble-base-y) + var(--result-screen-bubble-bob-y)))}.result-screen__sage-row .pixel-frame__svg{width:100%}.result-screen__answers{width:100%;border-top:var(--border-width-bold) dashed var(--color-ink);transform-origin:50% 0}.result-screen__answer-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:var(--border-width-bold) dashed var(--color-ink);padding:var(--space-3) var(--space-1) var(--space-4)}.result-screen__answer-copy{display:grid;gap:var(--space-2);text-align:left}.result-screen__answer-copy .text--body{color:var(--color-ink);line-height:var(--line-height-none)}.result-screen__answer-values{display:flex;gap:var(--space-4)}.result-screen__answer-values .text--body{color:var(--color-hushHard);line-height:var(--line-height-none)}.result-screen__answer-values strong{color:var(--color-ink);font-weight:var(--font-weight-regular)}.result-screen__mini-stamp{inline-size:var(--space-9);flex:0 0 auto}.result-screen__detail-group{width:100%;display:grid;justify-items:stretch;row-gap:var(--result-screen-row-gap);transform-origin:50% 0;animation:result-screen-fade-up var(--result-screen-parts-duration) var(--ease-out) var(--result-screen-detail-delay) both}.result-screen__download{width:100%;display:grid;justify-items:stretch;gap:var(--space-3);transform-origin:50% 0}.result-screen__download .text--body{color:var(--color-hushHard);line-height:var(--line-height-none)}.result-screen__download>.text--body{justify-self:center}.result-screen__download .normal-button{min-height:var(--result-screen-control-height);width:100%}.result-screen__download .normal-button__frame{height:100%;inline-size:100%}.result-screen__download .pixel-frame__svg{width:100%}.result-screen__save-button{--normal-button-border: var(--color-tertiary);--normal-button-shadow: var(--color-tertiary);--normal-button-text: var(--color-tertiary)}.result-screen__save-button:disabled{color:var(--color-tertiary)}.result-screen__save-button .text--body{color:var(--color-tertiary)}.result-screen__nickname-field{display:grid;gap:var(--space-2);text-align:left}.result-screen__nickname-input{height:var(--result-screen-control-height);width:100%}.result-screen__nickname-input .text-input__frame,.result-screen__nickname-input .text-input__control{height:100%;inline-size:100%}.result-screen__actions{display:grid;gap:var(--space-4);width:100%;transform-origin:50% 0}.result-screen__actions .normal-button{min-height:var(--result-screen-control-height);width:100%;min-width:0}.result-screen__actions .normal-button__frame{height:100%;inline-size:100%}.result-screen__actions .pixel-frame__svg{width:100%}.result-screen__button-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.result-screen__button-icon{width:var(--space-5);height:var(--space-5);display:block;fill:currentColor;flex:0 0 auto}.result-screen__button-icon--x{width:var(--space-4);height:var(--space-4)}@keyframes result-screen-heading-pop{0%{opacity:0;transform:translateY(var(--space-5)) scale(.72)}62%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-screen-parts-pop{0%{opacity:0;transform:translateY(var(--space-4)) scale(.86)}68%{opacity:1;transform:translateY(0) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-screen-fade-up{0%{opacity:0;transform:translateY(var(--space-4))}to{opacity:1;transform:translateY(0)}}@keyframes result-screen-bubble-bob{0%,to{--result-screen-bubble-bob-y: 0px}25%{--result-screen-bubble-bob-y: -2px}50%{--result-screen-bubble-bob-y: -4px}75%{--result-screen-bubble-bob-y: -2px}}@keyframes result-screen-award-stamp{0%{opacity:0;transform:scale(7) rotate(-10deg)}18%{opacity:1;transform:scale(7) rotate(-10deg)}86%{opacity:1;transform:scale(.92) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(-10deg)}}@keyframes result-screen-award-rank-one-drop{0%{transform:rotate(-10deg) translateY(0)}46%{transform:rotate(7deg) translateY(2px)}72%{transform:rotate(3deg) translateY(1px)}to{transform:rotate(5deg) translateY(2px)}}@keyframes result-screen-award-rank-pulse{0%{transform:scale(1) rotate(-10deg)}52%{transform:scale(1.18) rotate(-10deg)}to{transform:scale(1) rotate(-10deg)}}@keyframes result-screen-award-legend-shake{0%{transform:translate(0) rotate(-10deg)}25%{transform:translate(calc(var(--space-1) * -1)) rotate(-10deg)}50%{transform:translate(var(--space-1)) rotate(-10deg)}75%{transform:translate(calc(var(--space-1) * -1)) rotate(-10deg)}to{transform:translate(0) rotate(-10deg)}}@keyframes result-screen-confetti-fall{0%{opacity:0;transform:translateY(-48px)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(calc(100vh + 96px))}}@keyframes result-screen-confetti-flip{0%{background:var(--confetti-front-color);transform:rotate(0) scaleX(1)}24.999%{background:var(--confetti-front-color);transform:rotate(var(--confetti-spin-quarter)) scaleX(.08)}25%{background:var(--confetti-back-color);transform:rotate(var(--confetti-spin-quarter)) scaleX(.08)}50%{background:var(--confetti-back-color);transform:rotate(var(--confetti-spin-half)) scaleX(1)}74.999%{background:var(--confetti-back-color);transform:rotate(var(--confetti-spin-three-quarter)) scaleX(.08)}75%{background:var(--confetti-front-color);transform:rotate(var(--confetti-spin-three-quarter)) scaleX(.08)}to{background:var(--confetti-front-color);transform:rotate(var(--confetti-spin-full)) scaleX(1)}}@media(max-width:520px){.result-screen{--result-screen-content-width: 320px;--result-screen-row-gap: var(--space-7)}.result-screen__inner{padding-top:var(--space-6)}.result-screen__summary{gap:var(--space-4)}.result-screen__sage{--pixel-sage-scale: 2.4}.result-screen__answer-values{flex-direction:column}}.title-screen{--title-screen-title-label-space: 72px;--title-screen-title-measure-width: min(720px, calc(100vw - var(--title-screen-title-label-space)));--title-content-width: 360px;--title-stage-width: 560px;position:relative;isolation:isolate;overflow:hidden;min-height:var(--app-viewport-height);text-align:center}.title-screen__language{position:fixed;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);z-index:3;display:grid;justify-items:end;color:var(--color-hushHard)}.title-screen__language-options{display:grid;grid-template-columns:repeat(3,76px);justify-content:end;gap:var(--space-1);width:max-content}.title-screen__language-button{inline-size:76px;border:var(--border-width-pixel) solid var(--color-hushHard);padding:var(--space-1) var(--space-2);background:var(--color-canvas);color:var(--color-hushHard);font-family:CP period,system-ui,sans-serif;font-size:var(--font-size-xs);line-height:var(--line-height-none);cursor:pointer}.title-screen__language-button[data-locale-option=ko]{font-family:"Fusion Pixel 12px Proportional KO",CP period,system-ui,sans-serif}.title-screen__language-button[data-locale-option=zh]{font-family:"Fusion Pixel 12px Proportional ZH Hans",CP period,system-ui,sans-serif}.title-screen__language-button[data-locale-option=zh-tw]{font-family:"Fusion Pixel 12px Proportional ZH Hant",CP period,system-ui,sans-serif}.title-screen__language-button[aria-pressed=true]{background:var(--color-hushHard);color:var(--color-canvas)}@media(max-width:520px){.title-screen{--title-screen-title-measure-width: min(360px, calc(100vw - var(--title-screen-title-label-space)));--title-stage-width: 360px;overflow:visible;min-height:auto;padding-block:max(128px,var(--app-top-safe-space)) var(--app-bottom-safe-space)}}.title-screen__inner{position:relative;z-index:1;min-height:var(--app-viewport-height);display:grid;place-items:center}.title-screen__content-bound{width:var(--title-content-width);max-width:100%;margin-inline:auto}.title-screen__first-view{position:relative;width:min(100%,var(--title-stage-width));min-width:min(100%,320px);height:min(var(--app-safe-viewport-height),560px);display:grid;grid-template-rows:repeat(3,auto);align-items:center;align-content:center;row-gap:var(--space-7)}.title-screen__area{position:relative;z-index:1;display:grid;align-items:center;align-content:center;justify-items:center;justify-content:center;min-width:0}.title-screen__area--buttons{gap:2rem}.title-screen__block{position:relative;z-index:1}.title-screen__title-measure{display:flex;align-items:center;justify-content:center;align-self:center;text-align:center}.title-screen__title-measure .pixel-measure{color:var(--color-ink)}.title-screen__title-measure .pixel-measure__target{text-align:center}.title-screen__title-measure .text--hero{max-width:100%;white-space:normal}.title-screen__ghost-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.title-screen__ghost{position:absolute;top:var(--ghost-top);left:var(--ghost-left);color:var(--color-hushSoft);opacity:.45;animation:title-screen-ghost-flow var(--ghost-duration) linear var(--ghost-delay) infinite;pointer-events:none;will-change:transform}.title-screen__ghost .pixel-measure{color:var(--color-hushSoft)}.title-screen__ghost .text--hero{color:var(--color-hushSoft);font-family:CP period,system-ui,sans-serif}.title-screen__sage-row{align-self:center;display:flex;align-items:center;gap:0;width:100%;margin-top:0}.title-screen__sage{--pixel-sage-scale: 3;flex:0 0 auto}.title-screen__sage-row .speech-bubble{--title-screen-bubble-base-y: calc(var(--space-4) * -1);--title-screen-bubble-bob-y: 0px;--speech-bubble-border: var(--color-hushHard);--speech-bubble-shadow: var(--color-hushHard);--speech-bubble-text: var(--color-hushHard);flex:1 1 0;min-width:0;animation:title-screen-bubble-bob 1.6s steps(1,end) infinite;transform:translateY(calc(var(--title-screen-bubble-base-y) + var(--title-screen-bubble-bob-y)))}.title-screen__block--primary,.title-screen__block--rules{display:grid;justify-content:center;justify-items:center}.title-screen__block--primary,.title-screen__block--rules{justify-content:stretch;justify-items:stretch}.title-screen__block--primary{gap:var(--space-3)}.title-screen__tutorial-button{--normal-button-bg: var(--color-tertiary);--normal-button-border: var(--color-ink);--normal-button-shadow: var(--color-hushHard);--normal-button-text: var(--color-canvas);width:100%}.title-screen__block--rules .normal-button{width:min(100%,220px)}.title-screen__info-actions{display:grid;gap:var(--space-2);width:100%}.title-screen__info-actions .normal-button{width:100%;min-width:0}.title-screen__block--primary .button-primary{width:100%;justify-self:center}.title-screen__accent{color:var(--color-accent)}.title-screen__rule-modal,.title-screen__pixel-modal{display:grid;gap:var(--space-4)}.title-screen__pixel-modal .pixel-diagram{justify-self:center}.title-screen__credits-modal{display:grid;gap:var(--space-4)}.title-screen__credits-list{display:grid;gap:var(--space-3);margin:0}.title-screen__credits-item{display:grid;grid-template-columns:minmax(88px,auto) minmax(0,1fr);align-items:start;gap:var(--space-3)}.title-screen__credits-item dt,.title-screen__credits-item dd{margin:0}.title-screen__credits-item dt .text--body{color:var(--color-hushHard)}.title-screen__credits-item dd .text--body{color:var(--color-ink)}.title-screen__credits-link{color:var(--color-tertiary);text-decoration:underline;text-decoration-thickness:var(--border-width-pixel);text-underline-offset:var(--space-1);word-break:keep-all;overflow-wrap:normal}.title-screen__credits-value-list{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none;text-align:left}.title-screen__rule-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,140px);align-items:start;gap:var(--space-4)}.title-screen__rule-body .text--body{line-height:var(--line-height-base)}.title-screen__rule-description,.title-screen__pixel-description{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.title-screen__rule-image{width:100%;display:block;border:var(--border-width-bold) solid var(--color-ink);background:var(--color-canvas);image-rendering:pixelated}@media(max-width:520px){.title-screen__inner{min-height:auto;display:block}.title-screen__first-view{height:auto;min-height:0;margin-inline:auto;align-content:start;row-gap:var(--space-6)}.title-screen__sage-row{gap:0}.title-screen__sage{--pixel-sage-scale: 2}.title-screen__sage-row .speech-bubble{--title-screen-bubble-base-y: calc(var(--space-2) * -1)}.title-screen__block--rules .normal-button{min-height:var(--space-7)}.title-screen__info-actions .normal-button{width:100%}.title-screen__rule-body{grid-template-columns:1fr}.title-screen__credits-item{grid-template-columns:1fr;gap:var(--space-1)}.title-screen__rule-image{width:min(100%,180px);justify-self:center}}@keyframes title-screen-ghost-flow{0%{transform:translateY(0)}to{transform:translateY(220vh)}}@keyframes title-screen-bubble-bob{0%,to{--title-screen-bubble-bob-y: 0px}25%{--title-screen-bubble-bob-y: -2px}50%{--title-screen-bubble-bob-y: -4px}75%{--title-screen-bubble-bob-y: -2px}}@media(prefers-reduced-motion:reduce){.title-screen__ghost,.title-screen__sage-row .speech-bubble{animation:none}}.tutorial-input-spotlight-test{min-height:var(--app-viewport-height);background:var(--color-canvas)}.tutorial-input-spotlight-test__overlay{position:fixed;inset:0;z-index:40;pointer-events:none}.tutorial-input-spotlight-test__shade{position:fixed;z-index:40;background:color-mix(in srgb,#000 76%,transparent);pointer-events:auto}.tutorial-input-spotlight-test__shade--full{inset:0}.tutorial-input-spotlight-test__shade--top{inset-block-start:0;inset-inline:0;height:var(--test-spotlight-top)}.tutorial-input-spotlight-test__shade--right{inset-inline-end:0;top:var(--test-spotlight-top);left:var(--test-spotlight-right);height:var(--test-spotlight-height)}.tutorial-input-spotlight-test__shade--bottom{inset-inline:0;top:var(--test-spotlight-bottom);bottom:0}.tutorial-input-spotlight-test__shade--left{inset-inline-start:0;top:var(--test-spotlight-top);width:var(--test-spotlight-left);height:var(--test-spotlight-height)}.tutorial-input-spotlight-test__outline{position:fixed;z-index:41;left:var(--test-spotlight-left);top:var(--test-spotlight-top);width:var(--test-spotlight-width);height:var(--test-spotlight-height);border:var(--border-width-bold) dashed var(--color-secondary);pointer-events:none}.tutorial-screen{position:relative;min-height:var(--app-viewport-height);background:var(--color-canvas)}.tutorial-screen__exit{position:fixed;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);z-index:60}.tutorial-screen__exit .text--body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-sm);font-weight:700;letter-spacing:0}.tutorial-screen__overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:var(--space-5);background:color-mix(in srgb,var(--color-ink) 72%,transparent)}.tutorial-screen__modal,.tutorial-spotlight__panel{--pixel-frame-bg: var(--color-canvas);--pixel-frame-border: var(--color-ink);--pixel-frame-color: var(--color-ink);--pixel-frame-padding: var(--space-5);--pixel-frame-shadow: var(--color-hushHard);width:min(100%,420px);color:var(--color-ink)}.tutorial-screen__modal-frame,.tutorial-spotlight__panel-frame{width:100%}.tutorial-screen__modal-frame>.pixel-frame__content,.tutorial-spotlight__panel-frame>.pixel-frame__content{display:grid;gap:var(--space-5)}.tutorial-screen__dialog,.tutorial-spotlight__dialog{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0}.tutorial-screen__sage,.tutorial-spotlight__sage{--pixel-sage-scale: 2;padding:var(--space-2)}.tutorial-screen__bubble,.tutorial-spotlight__bubble{--speech-bubble-border: var(--color-hushHard);--speech-bubble-shadow: var(--color-hushHard);--speech-bubble-text: var(--color-hushHard);min-width:0}.tutorial-screen__bubble .speech-bubble__content,.tutorial-spotlight__bubble .speech-bubble__content{text-align:left}.tutorial-screen__action,.tutorial-spotlight__action{display:grid;justify-items:end}.tutorial-spotlight__award-diagram{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:var(--space-2);width:100%}.tutorial-spotlight__award-silhouette{--result-award-background: var(--color-ink);--result-award-border: var(--color-ink);inline-size:100%;max-inline-size:80px;justify-self:center}.tutorial-spotlight__award-silhouette .result-award__label{display:none}.tutorial-spotlight{position:fixed;inset:0;z-index:30;pointer-events:none}.tutorial-spotlight__shade{position:fixed;z-index:30;background:color-mix(in srgb,#000 76%,transparent);pointer-events:auto}.tutorial-spotlight__shade--top{inset-block-start:0;inset-inline:0}.tutorial-spotlight__shade--right{inset-inline-end:0}.tutorial-spotlight__shade--bottom{inset-inline:0;inset-block-end:0}.tutorial-spotlight__shade--left{inset-inline-start:0}.tutorial-spotlight__shade--full{inset:0}.tutorial-spotlight__outline{position:fixed;z-index:31;border:var(--border-width-bold) dashed var(--color-secondary);pointer-events:none}.tutorial-spotlight__panel{position:fixed;z-index:32;inset-inline:50% auto;inset-block-end:var(--space-5);transform:translate(-50%);pointer-events:auto}.tutorial-spotlight__panel--bottom[style*=--tutorial-spotlight-bottom]{inset-block-end:auto;inset-block-start:min(calc(var(--tutorial-spotlight-bottom) + var(--space-4)),calc(var(--app-viewport-height) - 260px))}.tutorial-spotlight__panel--top{inset-block-start:var(--space-9);inset-block-end:auto}.tutorial-spotlight__panel-frame{width:100%}@media(max-width:520px){.tutorial-screen__overlay{padding:max(var(--space-4),var(--app-top-safe-space)) var(--space-4) max(var(--space-4),var(--app-bottom-safe-space))}.tutorial-screen__modal,.tutorial-spotlight__panel{--pixel-frame-padding: var(--space-4);width:min(calc(100vw - var(--space-5)),360px)}.tutorial-screen__sage,.tutorial-spotlight__sage{--pixel-sage-scale: 1.5}.tutorial-spotlight__panel--bottom[style*=--tutorial-spotlight-bottom]{inset-block-start:auto;inset-block-end:var(--space-4)}.tutorial-spotlight__panel--top{inset-block-start:var(--space-9);inset-block-end:auto}}.ui-catalog{--ui-catalog-content-width: 480px;padding:var(--space-8) 0}.ui-catalog__hero{width:var(--ui-catalog-content-width);max-width:100%;margin-inline:auto;padding:0 0 var(--space-6)}.ui-catalog__group{--ui-catalog-section-border: var(--border-width-hairline) solid var(--color-hushSoft);width:var(--ui-catalog-content-width);max-width:100%;display:grid;gap:var(--space-6);margin-inline:auto;padding:var(--space-7) 0;border-top:var(--ui-catalog-section-border)}.ui-catalog__group-items{display:grid;gap:var(--space-6)}.ui-catalog__section{display:grid;gap:var(--space-5)}.ui-catalog__example{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);width:100%}.ui-catalog__example--stack{align-items:flex-start;flex-direction:column;gap:var(--space-8)}.ui-catalog__example--diagram{justify-content:center}.ui-catalog__text-examples{display:grid;gap:var(--space-6);width:100%}.ui-catalog__text-example{display:grid;gap:var(--space-2)}.ui-catalog__text-example>.text--body:first-child{color:var(--color-hushHard)}.ui-catalog__token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);width:100%}.ui-catalog__color-token{display:grid;grid-template-columns:var(--space-6) minmax(0,1fr);align-items:center;gap:var(--space-2)}.ui-catalog__color-swatch{width:var(--space-6);height:var(--space-6);display:block;border:var(--border-width-pixel) solid var(--color-ink);background:var(--ui-catalog-token-color)}.ui-catalog__token-list{display:grid;gap:var(--space-3);width:100%}.ui-catalog__token-copy{display:grid;gap:var(--space-1);min-width:0}.ui-catalog__token-copy .text--body+.text--body{color:var(--color-hushHard);font-family:var(--font-family-mono);overflow-wrap:anywhere}.ui-catalog__space-token,.ui-catalog__border-token{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:var(--space-3)}.ui-catalog__space-bar{width:var(--ui-catalog-token-size);min-width:var(--border-width-pixel);height:var(--space-4);display:block;background:var(--color-ink)}.ui-catalog__border-line{height:var(--ui-catalog-token-border);min-height:var(--border-width-hairline);display:block;background:var(--color-ink)}.ui-catalog__frame-playground{display:grid;gap:var(--space-5);width:100%}.ui-catalog__frame-controls{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-3);align-items:end}.ui-catalog__field{display:grid;gap:var(--space-2);min-width:0}.ui-catalog__field>.text--body{color:var(--color-hushHard)}.ui-catalog__native-input{width:100%;min-width:0;padding:var(--space-4);border:var(--border-width-pixel) solid var(--color-ink);border-radius:0;outline:none;background:var(--color-canvas);color:var(--color-ink);font:inherit}.ui-catalog__native-input:focus-visible{box-shadow:0 0 0 var(--border-width-pixel) var(--color-tertiary)}.ui-catalog__frame-grid{display:grid;gap:var(--space-5);width:100%}.ui-catalog__frame-text-sample{display:grid;gap:var(--space-2)}.ui-catalog__frame-text-sample>.text--body{color:var(--color-hushHard)}.ui-catalog__frame-text-box{--pixel-frame-bg: var(--color-canvas);--pixel-frame-border: var(--color-ink);--pixel-frame-min-height: calc(var(--pixel-frame-dot) * 23);--pixel-frame-padding: var(--space-4);--pixel-frame-shadow: var(--color-ink);--pixel-frame-shadow-offset: var(--space-1);color:var(--color-ink)}.ui-catalog__frame-text-box .text{color:inherit;overflow-wrap:normal;word-break:normal}.ui-catalog__scale-matrix{width:100%;display:grid;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-1)}.ui-catalog__scale-row{display:grid;grid-template-columns:72px 200px 300px 400px;align-items:center;gap:var(--space-4);min-width:1020px}.ui-catalog__scale-row--header{align-items:end}.ui-catalog__scale-row>.text--body{color:var(--color-hushHard)}.ui-catalog__size-sample{--ui-catalog-sample-size: 100%;--ui-catalog-award-size: min(100%, calc(var(--space-9) * 6));--ui-catalog-stamp-size: calc(var(--space-9) * 3);display:grid;justify-items:center;min-width:0}.ui-catalog__size-sample--small{--ui-catalog-sample-size: 50%;--ui-catalog-award-size: calc(var(--space-9) * 3);--ui-catalog-stamp-size: calc(var(--space-9) * 1.5)}.ui-catalog__size-sample--medium{--ui-catalog-sample-size: 72%;--ui-catalog-award-size: calc(var(--space-9) * 4.5);--ui-catalog-stamp-size: calc(var(--space-9) * 2.25)}.ui-catalog__size-sample--large{--ui-catalog-sample-size: 100%;--ui-catalog-award-size: calc(var(--space-9) * 6);--ui-catalog-stamp-size: calc(var(--space-9) * 3)}.ui-catalog__size-sample .result-award{inline-size:min(100%,var(--ui-catalog-award-size))}.ui-catalog__size-sample .score-stamp{inline-size:min(100%,var(--ui-catalog-stamp-size))}.ui-catalog__sage-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.ui-catalog__sage-item{min-block-size:calc(48px * 4 + var(--space-7));display:grid;align-content:start;justify-items:center;gap:var(--space-3);padding-top:var(--space-2)}.ui-catalog__sage-item .text--body{color:var(--color-hushHard)}@media(max-width:520px){.ui-catalog__example{flex-direction:column;align-items:flex-start}.ui-catalog__token-grid,.ui-catalog__space-token,.ui-catalog__border-token,.ui-catalog__frame-controls{grid-template-columns:1fr}}@font-face{font-family:CP period;src:url(/fonts/checkpoint-period/cp_period.otf) format("opentype");font-display:swap}@font-face{font-family:"Fusion Pixel 12px Proportional KO";src:url(/fonts/fusion-pixel/fusion-pixel-12px-proportional-ko.otf.woff2) format("woff2");font-display:swap}@font-face{font-family:"Fusion Pixel 12px Proportional ZH Hans";src:url(/fonts/fusion-pixel/fusion-pixel-12px-proportional-zh_hans.otf.woff2) format("woff2");font-display:swap}@font-face{font-family:"Fusion Pixel 12px Proportional ZH Hant";src:url(/fonts/fusion-pixel/fusion-pixel-12px-proportional-zh_hant.otf.woff2) format("woff2");font-display:swap}:root{color-scheme:light;--color-ink: #373737;--color-canvas: #fbfaf3;--color-hushSoft: color-mix(in srgb, var(--color-ink) 14%, var(--color-canvas));--color-hushHard: color-mix(in srgb, var(--color-ink) 88%, var(--color-canvas));--color-accent: #e94824;--color-primary: #e94824;--color-secondary: #f8b500;--color-tertiary: #38a1db;--color-success: #3cab84;--color-warning: #f8b500;--color-danger: #e94824;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--border-width-hairline: 1px;--border-width-pixel: 2px;--border-width-bold: 3px;--border-width-heavy: 4px;--pixel-frame-dot: var(--border-width-bold);--duration-fast: .12s;--duration-base: .24s;--duration-slow: .52s;--duration-measure: 2.88s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--app-viewport-height: 100vh;--app-top-safe-space: max(16px, env(safe-area-inset-top));--app-bottom-safe-space: max(24px, env(safe-area-inset-bottom));--app-safe-viewport-height: calc(var(--app-viewport-height) - var(--app-top-safe-space) - var(--app-bottom-safe-space))}@supports (height: 100dvh){:root{--app-viewport-height: 100dvh}}@media(max-width:520px){:root{--app-top-safe-space: max(32px, env(safe-area-inset-top));--app-bottom-safe-space: max(112px, env(safe-area-inset-bottom))}}html[data-locale=ko]{--font-family-display: "Fusion Pixel 12px Proportional KO", "CP period", system-ui, sans-serif;--font-family-base: "Fusion Pixel 12px Proportional KO", "CP period", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html[data-locale=zh]{--font-family-display: "Fusion Pixel 12px Proportional ZH Hans", "CP period", system-ui, sans-serif;--font-family-base: "Fusion Pixel 12px Proportional ZH Hans", "CP period", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html[data-locale=zh-tw]{--font-family-display: "Fusion Pixel 12px Proportional ZH Hant", "CP period", system-ui, sans-serif;--font-family-base: "Fusion Pixel 12px Proportional ZH Hant", "CP period", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-family-base);scrollbar-width:none}body{min-height:var(--app-viewport-height);margin:0}html.app-viewport-locked,body.app-viewport-locked{height:var(--app-viewport-height);min-height:var(--app-viewport-height);overflow:hidden;overscroll-behavior:none}body.app-viewport-locked{position:fixed;inset:0;width:100%}@media(max-width:520px){html.app-viewport-locked,body.app-viewport-locked{height:auto;min-height:var(--app-viewport-height);overflow-y:auto;overscroll-behavior:auto}body.app-viewport-locked{position:static;inset:auto}}body::-webkit-scrollbar{display:none}button{-webkit-tap-highlight-color:transparent;font:inherit;-webkit-user-select:none;user-select:none}a{color:var(--color-tertiary)}.page-shell{overflow-x:clip;margin-inline:auto}.devtools-warning{position:fixed;inset-block-start:var(--space-4);inset-inline:0;z-index:9999;width:max-content;max-width:calc(100vw - var(--space-8));margin-inline:auto;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:var(--color-canvas);font-family:var(--font-family-display);font-size:var(--font-size-md);line-height:var(--line-height-none);pointer-events:none}.cheat-modal__content{display:flex;align-items:center;gap:var(--space-4)}.cheat-modal__sage{flex:0 0 auto}.cheat-modal__bubble{flex:1 1 auto;min-width:0}.bgm-button{position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:9998;display:grid;place-items:center;width:40px;height:40px;border:var(--border-width-pixel) solid var(--color-hushHard);padding:0;background:var(--color-hushHard);color:var(--color-canvas);cursor:pointer}.bgm-button[aria-pressed=false]{background:var(--color-canvas)}.bgm-button__icon{display:block;width:24px;height:24px;image-rendering:pixelated}.bgm-button[aria-pressed=false] .bgm-button__icon{filter:invert(22%) sepia(0%) saturate(327%) hue-rotate(145deg) brightness(92%) contrast(89%)}.bgm-button__source{display:none}.loading-screen{min-height:var(--app-viewport-height);display:grid;place-items:center;background:var(--color-canvas);color:var(--color-hushHard);font-family:var(--font-family-display)}.loading-screen__content{width:max-content;max-width:calc(100vw - var(--space-8));font-size:var(--font-size-2xl);line-height:var(--line-height-none)}