.canvas-loader{z-index:1;pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .42s,visibility 0s linear .42s;display:flex;position:absolute;inset:0}.canvas-loader--visible{opacity:1;visibility:visible;transition:opacity .42s,visibility linear}.canvas-loader:not(.canvas-loader--visible) .canvas-loader__cube,.canvas-loader:not(.canvas-loader--visible) .canvas-loader__pile{animation-play-state:paused}.canvas-loader__tile{box-sizing:border-box;background:var(--color-accent);width:5.75rem;height:5.75rem;color:var(--color-on-accent);border-radius:1.15rem;place-items:center;display:grid}.canvas-loader__pile{width:2.85rem;height:2.65rem;animation:1.05s linear infinite canvas-loader-pile-clear;position:relative}.canvas-loader__cube{box-sizing:border-box;opacity:0;background:currentColor;border-radius:.16rem;width:.82rem;height:.82rem;animation-duration:1.05s;animation-timing-function:ease-out;animation-iteration-count:infinite;position:absolute;transform:translateY(-1.15rem)}.canvas-loader__cube--r3-a{animation-name:canvas-loader-drop-0;bottom:0;left:0}.canvas-loader__cube--r3-b{margin-left:-.41rem;animation-name:canvas-loader-drop-1;bottom:0;left:50%}.canvas-loader__cube--r3-c{animation-name:canvas-loader-drop-2;bottom:0;right:0}.canvas-loader__cube--r2-a{animation-name:canvas-loader-drop-3;bottom:.915rem;left:.505rem}.canvas-loader__cube--r2-b{animation-name:canvas-loader-drop-4;bottom:.915rem;right:.505rem}.canvas-loader__cube--r1{margin-left:-.41rem;animation-name:canvas-loader-drop-5;bottom:1.83rem;left:50%}@keyframes canvas-loader-drop-0{0%,2%{opacity:0;transform:translateY(-1.15rem)}10%{opacity:1;transform:translateY(.08rem)}14%,to{opacity:1;transform:translateY(0)}}@keyframes canvas-loader-drop-1{0%,8%{opacity:0;transform:translateY(-1.15rem)}16%{opacity:1;transform:translateY(.08rem)}20%,to{opacity:1;transform:translateY(0)}}@keyframes canvas-loader-drop-2{0%,14%{opacity:0;transform:translateY(-1.15rem)}22%{opacity:1;transform:translateY(.08rem)}26%,to{opacity:1;transform:translateY(0)}}@keyframes canvas-loader-drop-3{0%,22%{opacity:0;transform:translateY(-1.15rem)}30%{opacity:1;transform:translateY(.08rem)}34%,to{opacity:1;transform:translateY(0)}}@keyframes canvas-loader-drop-4{0%,28%{opacity:0;transform:translateY(-1.15rem)}36%{opacity:1;transform:translateY(.08rem)}40%,to{opacity:1;transform:translateY(0)}}@keyframes canvas-loader-drop-5{0%,36%{opacity:0;transform:translateY(-1.15rem)}44%{opacity:1;transform:translateY(.08rem)}48%,to{opacity:1;transform:translateY(0)}}@keyframes canvas-loader-pile-clear{0%,82%{opacity:1}94%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.canvas-loader__pile{opacity:1;animation:none}.canvas-loader__cube{opacity:1;animation:none;transform:none}}.scene-container{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.scene-container__playfield{--playfield-radius:clamp(12px, 2.5vw, 22px);--playfield-border:2.5px;aspect-ratio:9/16;border:var(--playfield-border) solid var(--color-accent);border-radius:var(--playfield-radius);box-sizing:border-box;background:#000;width:min(100%,56.25dvh);height:min(100%,100dvh);max-height:100%;position:relative;overflow:hidden}.scene-container__canvas{border-radius:calc(var(--playfield-radius) - var(--playfield-border));width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.scene-container__canvas>div{width:100%!important;height:100%!important}@media (aspect-ratio<=9/16){.scene-container__playfield{--playfield-radius:0px;--playfield-border:0px;aspect-ratio:auto;border:none;border-radius:0;width:100%;max-width:none;height:100%}.scene-container__canvas{border-radius:0}}@media (orientation:landscape) and (height<=600px){.scene-container{padding-top:calc(var(--safe-top) + var(--split-inset));padding-bottom:calc(var(--safe-bottom) + var(--split-inset));padding-left:calc(var(--split-origin) + var(--hud-w) + var(--split-gap));padding-right:var(--split-safe-right);justify-content:flex-start;align-items:center}.scene-container__playfield{width:var(--playfield-w);aspect-ratio:9/16;flex-shrink:0;max-width:none;height:auto;max-height:100%}}.calorie-input{grid-template-columns:1fr auto;grid-template-areas:"label mode""field field";align-items:center;gap:.4rem;display:grid}.calorie-input__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);grid-area:label;font-size:.75rem}.calorie-input__mode{border:1px solid var(--color-border);background:#00000047;border-radius:999px;flex-shrink:0;grid-area:mode;padding:.12rem;display:inline-flex}.calorie-input__mode-option{appearance:none;color:var(--color-muted);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:999px;margin:0;padding:.2rem .55rem;font-size:.7rem;font-weight:600;line-height:1.2;transition:color .14s,background-color .14s}.calorie-input__mode-option:hover:not(:disabled):not(.calorie-input__mode-option--selected){color:var(--color-text)}.calorie-input__mode-option--selected{background:var(--color-accent);color:var(--color-on-accent)}.calorie-input__mode-option--selected:focus-visible{outline:var(--focus-ring-on-accent);outline-offset:var(--focus-ring-offset)}.calorie-input__mode-option:disabled{opacity:.55;cursor:not-allowed}.calorie-input__combobox{grid-area:field;position:relative}.calorie-input__measure{visibility:hidden;pointer-events:none;white-space:pre;font:inherit;padding:0;font-size:1rem;position:absolute;top:0;left:0}.calorie-input__field{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-width:0;color:var(--color-text);font:inherit;padding:.65rem .75rem}.calorie-input__field--with-upload{padding-inline-end:2.55rem}.calorie-input__file{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.calorie-input__photo-upload,.calorie-input__photo-clear{border-radius:calc(var(--radius-sm) - 2px);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;transition:color .14s,background-color .14s;display:inline-flex}.calorie-input__photo-upload{position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.calorie-input__photo-clear{flex-shrink:0;margin-inline-start:auto}.calorie-input__photo-upload:hover:not(:disabled),.calorie-input__photo-clear:hover:not(:disabled){color:var(--color-text);background:var(--color-accent-soft)}.calorie-input__photo-upload:focus-visible,.calorie-input__photo-clear:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.calorie-input__photo-upload:disabled,.calorie-input__photo-clear:disabled{opacity:.55;cursor:not-allowed}.calorie-input__photo-icon{display:block}.calorie-input__photo-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);align-items:center;gap:.5rem;min-width:0;min-height:2.65rem;padding:.35rem .35rem .35rem .45rem;display:flex}.calorie-input__photo-thumb{object-fit:cover;background:#00000047;border-radius:.25rem;flex-shrink:0;width:2rem;height:2rem}.calorie-input__photo-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text);font-size:.8rem;overflow:hidden}.calorie-input__suffix{text-overflow:ellipsis;white-space:pre;max-width:calc(100% - 3.2rem);color:var(--color-muted);font:inherit;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.calorie-input__field:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (height<=600px){.calorie-input__field{padding:.5rem .65rem}.calorie-input__suggestions{max-height:8rem}}.calorie-input__suggestions{z-index:5;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);max-height:14rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #00000059}.calorie-input__suggestion{border-radius:calc(var(--radius-sm) - 2px);color:var(--color-text);cursor:pointer;padding:.55rem .65rem;font-size:.925rem}.calorie-input__suggestion--active,.calorie-input__suggestion:hover{background:var(--color-accent-soft)}.calorie-input__hint{color:var(--color-accent);grid-column:1/-1;margin:0;font-size:.75rem;line-height:1.35}.info-overlay{z-index:20;box-sizing:border-box;padding-top:calc(1rem + var(--safe-top));padding-bottom:calc(1rem + var(--safe-bottom));padding-left:calc(1rem + var(--safe-left));padding-right:calc(1rem + var(--safe-right));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.info-overlay__backdrop{cursor:pointer;background:#0c0c0eb8;position:absolute;inset:0}.info-panel{z-index:1;box-sizing:border-box;width:min(100%,28rem);height:min(40rem, calc(100svh - var(--safe-top) - var(--safe-bottom) - 2rem));color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 0 0 2.5px var(--color-accent);flex-direction:column;animation:.22s ease-out info-panel-in;display:flex;position:relative;overflow:hidden}@keyframes info-panel-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.info-panel__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem .95rem .7rem;display:flex}.info-panel__brand{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.1}.info-panel__close{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-text);font-family:var(--font-ui);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:1.35rem;line-height:1;display:flex}.info-panel__close:hover{border-color:var(--color-text)}.info-panel__close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.info-panel__nav{border-bottom:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;gap:.4rem;padding:.65rem .95rem;display:flex}.info-panel__nav-chip{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.01em;cursor:pointer;background:0 0;margin:0;padding:.32rem .65rem;font-size:.78rem;font-weight:600}.info-panel__nav-chip:hover{border-color:var(--color-accent-soft);color:var(--color-text)}.info-panel__nav-chip--active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.info-panel__nav-chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.info-panel__scroll{flex:auto;min-height:0;position:relative}.info-panel__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;height:100%;padding:.95rem 1.15rem 1.15rem 1rem;overflow:hidden auto}.info-panel__body::-webkit-scrollbar{width:0;height:0;display:none}.info-panel__scrollbar{pointer-events:none;width:4px;position:absolute;top:0;bottom:0;right:.28rem}.info-panel__scrollbar-thumb{background:var(--color-accent);border-radius:999px;width:100%;position:absolute;left:0}.info-panel__section{flex-direction:column;gap:.85rem;display:flex}.info-panel__heading{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:1.2rem;font-weight:700;line-height:1.15}.info-panel__subheading{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:.35rem 0 0;font-size:.72rem;font-weight:600}.info-panel__lede{font-family:var(--font-ui);color:var(--color-text);margin:0;font-size:1.05rem;font-weight:400;line-height:1.55}.info-panel__section p{font-family:var(--font-ui);color:var(--color-muted);margin:0;font-size:.95rem;font-weight:400;line-height:1.65}.info-panel__section strong{color:var(--color-text);font-weight:700}.info-panel__section a{color:var(--color-accent);text-underline-offset:.18em}.info-panel__section a:hover{filter:brightness(1.08)}.info-panel__section a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.info-panel__note{font-family:var(--font-ui)!important;font-size:.85rem!important;line-height:1.55!important}.info-panel__copyright{font-family:var(--font-ui);color:var(--color-muted);margin-top:.5rem;font-size:.8rem;line-height:1.5}.info-panel__placeholder{border:1px dashed var(--color-border);color:var(--color-muted);border-radius:.2rem;padding:.05rem .25rem;display:inline}.info-panel__mark{border-top:1px solid var(--color-border);justify-content:center;margin-top:.85rem;padding-top:.85rem;display:flex}.info-panel__mark-img{width:auto;height:10.25rem;image-rendering:pixelated;image-rendering:crisp-edges;display:block}@media (height<=600px){.info-overlay{padding-top:calc(.45rem + var(--safe-top));padding-bottom:calc(.45rem + var(--safe-bottom))}.info-panel{height:calc(100svh - var(--safe-top) - var(--safe-bottom) - .9rem);width:min(100%,32rem)}.info-panel__heading{font-size:1.1rem}.info-panel__lede{font-size:.98rem}.info-panel__section p{font-size:.88rem}.info-panel__mark-img{height:7.5rem}}.result-label-wrap{width:100%;max-width:100%;position:relative}.result-label{text-align:center;opacity:0;pointer-events:none;box-sizing:border-box;width:100%;max-width:100%;margin:0;transition:opacity .48s,transform .48s;transform:translateY(.5rem)}.result-label--visible{opacity:1;transform:translateY(0)}.result-label__primary{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-accent);width:100%;max-width:100%;min-height:1.2em;font-family:var(--font-system);letter-spacing:-.04em;color:var(--color-on-accent);text-wrap:balance;overflow-wrap:anywhere;margin:0 auto;padding:.4rem .75rem;font-size:clamp(2rem,7vw,3.5rem);font-weight:700;line-height:1.05;display:block}.result-label__primary:empty{display:none}.result-label__detail{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-accent);width:100%;max-width:100%;font-family:var(--font-system);letter-spacing:.02em;color:var(--color-on-accent);margin:.4rem auto 0;padding:.25rem .6rem;font-size:clamp(.85rem,2.4vw,1.05rem);font-weight:500;line-height:1.3;display:block}@media (height<=600px){.result-label__primary{padding:.3rem .6rem;font-size:clamp(1.45rem,6vw,2.25rem)}.result-label__detail{margin-top:.3rem;padding:.2rem .5rem;font-size:clamp(.75rem,2.2vw,.9rem)}}@media (orientation:landscape) and (height<=600px){.result-label__primary{font-size:clamp(1.2rem,3.2vw,1.7rem)}.result-label:not(.result-label--visible){width:0;height:0;position:absolute;overflow:hidden}}.spawn-multiplier{text-align:center;opacity:0;pointer-events:none;margin:0;transition:opacity .48s,transform .48s;transform:translateY(.5rem)}.spawn-multiplier--visible{opacity:1;transform:translateY(0)}.spawn-multiplier:not(.spawn-multiplier--visible){width:0;height:0;position:absolute;overflow:hidden}.spawn-multiplier__value{box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-accent);min-width:1.2em;min-height:1.2em;font-family:var(--font-system);letter-spacing:-.03em;color:var(--color-on-accent);justify-content:center;align-items:center;gap:.35em;margin:0 auto;padding:.35rem .7rem;font-size:clamp(1.35rem,4.5vw,2rem);font-weight:700;line-height:1.05;display:inline-flex}.spawn-multiplier__stack{fill:currentColor;flex-shrink:0;display:block;transform:translateY(.04em)}.spawn-multiplier__ratio{display:block}@media (height<=600px){.spawn-multiplier__value{padding:.28rem .55rem;font-size:clamp(1.1rem,4vw,1.5rem)}}.unit-selector{border:none;min-inline-size:0;margin:0;padding:0;display:block}.unit-selector__legend{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);padding:0;font-size:.75rem}.unit-selector__options{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.unit-selector__option{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;padding:.35rem .5rem;font-size:.8rem}.unit-selector__option:hover:not(:disabled){border-color:var(--color-accent-soft)}.unit-selector__option:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.unit-selector__option--selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.unit-selector:disabled .unit-selector__option{opacity:.55;cursor:not-allowed}@media (height<=600px){.unit-selector__option{padding:.3rem .4rem}}.app{width:100%;height:100%;position:relative;overflow:hidden}.app__brand{top:calc(var(--safe-top) + 1rem);z-index:2;pointer-events:none;left:max(calc(var(--safe-left) + .75rem), calc(50% - min(50%, 50dvh * 9 / 16) + .75rem));max-width:calc(min(100%,56.25dvh)/2.38095);position:absolute;right:auto}.app__title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--color-text);margin:0;font-size:clamp(1.85rem,4.2vw,2.65rem);font-weight:700;line-height:1.02}.app__tagline{max-width:16rem;font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-muted);margin:.4rem 0 0;font-size:.95rem;font-weight:500;line-height:1.35}.app__hud{top:calc(var(--safe-top) + var(--controls-top-mobile));right:0;bottom:calc(var(--safe-bottom) + .75rem);z-index:2;width:min(calc(100% - 2rem - var(--safe-left) - var(--safe-right)), 22rem, calc(var(--playfield-frame-w) - 1.25rem));pointer-events:none;scrollbar-width:thin;flex-direction:column;align-items:stretch;gap:.5rem;margin-inline:auto;display:flex;position:absolute;left:0;overflow:hidden auto}.app__controls-stack{opacity:0;pointer-events:none;flex-direction:column;flex-shrink:0;align-items:stretch;gap:.55rem;width:100%;transition:opacity .24s;display:flex}.app__controls-stack--ready{opacity:1;pointer-events:auto}.app__controls{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel);-webkit-backdrop-filter:blur(12px);width:100%;padding:.85rem .9rem;display:block}.app__controls>*+*{margin-top:.85rem}.app__drop{border-radius:var(--radius-sm);background:var(--color-accent);width:100%;color:var(--color-on-accent);font-family:var(--font-system);font-size:inherit;letter-spacing:.02em;font-weight:600;line-height:inherit;cursor:pointer;border:none;padding:.75rem 1rem}.app__drop:hover:not(:disabled){filter:brightness(1.06)}.app__drop:focus-visible{outline:var(--focus-ring-on-accent);outline-offset:var(--focus-ring-offset)}.app__drop:disabled{opacity:.55;cursor:not-allowed}.app__resolve-error{border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-text);text-align:center;border:1px solid #f0c41a47;flex-shrink:0;margin:0;padding:.55rem .65rem;font-size:.8rem;line-height:1.4}.app__reset{right:calc(var(--safe-right) + 1rem);bottom:calc(var(--safe-bottom) + 1.5rem);z-index:3;border:2.5px solid var(--color-muted);background:var(--color-panel);width:2.75rem;height:2.75rem;color:var(--color-muted);-webkit-backdrop-filter:blur(12px);cursor:pointer;opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s,opacity .2s;display:flex;position:absolute}.app__reset--visible{opacity:1;pointer-events:auto}.app__reset:hover{color:var(--color-text);border-color:var(--color-text)}.app__reset:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app__reset-icon{display:block}.app__corner{top:calc(var(--safe-top) + 1rem);right:calc(var(--safe-right) + 1rem);z-index:3;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex;position:absolute}.app__info{border:2.5px solid var(--color-muted);background:var(--color-panel);width:2.75rem;height:2.75rem;color:var(--color-muted);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s;display:flex}.app__info:hover,.app__info--open{color:var(--color-text);border-color:var(--color-text)}.app__info:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app__info-glyph{display:block}.app__lang{border:2.5px solid var(--color-muted);background:var(--color-panel);min-width:2.75rem;height:2.2rem;color:var(--color-muted);font:inherit;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.68rem;font-weight:700;transition:color .16s,border-color .16s;display:flex}.app__lang:hover,.app__lang--en{color:var(--color-text);border-color:var(--color-text)}.app__lang:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app__label{pointer-events:none;text-align:center;box-sizing:border-box;width:100%;margin:0}.app__below{pointer-events:none;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:min-content;display:flex}.app__split-ui,.app__split-scale{display:contents}@media (width>=1024px){.app__hud{top:calc(var(--safe-top) + var(--controls-top))}.app__brand{left:calc(var(--safe-left) + 1rem);max-width:16rem}}@media (height<=600px){.app__title{font-size:clamp(1.45rem,4vw,1.85rem)}.app__tagline{margin-top:.2rem;font-size:.8rem}.app__controls{padding:.6rem .7rem}.app__controls>*+*{margin-top:.55rem}.app__drop{padding:.6rem .85rem}}@media (height<=500px){.app__tagline{display:none}.app__controls-stack{gap:.4rem}}@media (height<=500px) and (width<=1023px){.app__hud{top:calc(var(--safe-top) + 3.5rem)}}@media (orientation:landscape) and (height<=600px){.app__brand{top:calc(var(--safe-top) + .55rem);left:calc(var(--safe-left) + 1rem);max-width:16rem}.app__title{font-size:clamp(1.25rem,3.2vw,1.6rem)}.app__tagline{display:none}.app__split-ui{z-index:2;top:calc(var(--safe-top) + var(--split-inset));left:var(--split-origin);width:var(--hud-w);height:calc(100svh - var(--safe-top) - var(--safe-bottom) - 2 * var(--split-inset));pointer-events:none;flex-direction:column;justify-content:flex-start;display:flex;position:absolute;overflow:hidden}.app__split-scale{flex-direction:column;flex:none;gap:.35rem;width:100%;display:flex}.app__hud{flex:none;width:100%;min-height:0;max-height:none;margin-inline:0;position:static;inset:auto;overflow:visible}.app__below{flex-grow:0;justify-content:flex-start}.app__brand--spine{top:50%;left:calc(var(--safe-left) + .35rem);writing-mode:vertical-rl;max-width:none;transform:translateY(-50%)rotate(180deg)}.app__brand--spine .app__title{font-size:clamp(1.05rem,4.2vh,1.45rem)}.app__reset{--reset-size:min(2.75rem, max(1.1rem, calc(100vw - var(--split-origin) - var(--split-group-w) - var(--safe-right) - .55rem)));width:var(--reset-size);height:var(--reset-size);right:calc(var(--safe-right) + .4rem);bottom:calc(var(--safe-bottom) + var(--split-inset) + .45rem)}.app__reset-icon{width:55%;height:55%}.app__info{width:var(--info-size);height:var(--info-size)}.app__info-glyph{width:55%;height:55%}.app__corner{--info-size:min(2.75rem, max(1.1rem, calc(100vw - var(--split-origin) - var(--split-group-w) - var(--safe-right) - .55rem)));top:calc(var(--safe-top) + var(--split-inset) + .45rem);right:calc(var(--safe-right) + .4rem);gap:.3rem}.app__lang{min-width:var(--info-size);height:calc(var(--info-size) * .78);font-size:max(.45rem, calc(var(--info-size) * .26));padding:0 .3rem}}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2)format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-vietnamese-600-normal-DUi7WF5p.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-600-normal-D6zpsUhD.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-ext-600-normal-DxxdqCpr.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-600-normal-VcznFIpX.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2)format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0c0c0e;--color-surface:#1c1c20f0;--color-panel:#101014c7;--color-text:#fff;--color-muted:#ffffff8c;--color-border:#ffffff24;--color-accent:#f0c41a;--color-accent-soft:#f0c41a29;--color-on-accent:#0c0c0e;--focus-ring:2px solid var(--color-accent);--focus-ring-on-accent:2px solid var(--color-text);--focus-ring-offset:2px;--radius-sm:.4rem;--radius-md:.75rem;--font-display:"Space Grotesk", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-ui:var(--font-display);--font-system:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--controls-top:1.25rem;--controls-top-mobile:7.5rem;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--split-inset:.5rem;--split-gap:1.5rem;--hud-w:17.5rem;--split-safe-left:calc(var(--safe-left) + var(--split-inset));--split-safe-right:calc(var(--safe-right) + var(--split-inset));--playfield-w:calc((100svh - var(--safe-top) - var(--safe-bottom) - 2 * var(--split-inset)) * 9 / 16);--split-group-w:calc(var(--hud-w) + var(--split-gap) + var(--playfield-w));--split-inner:calc(100vw - var(--split-safe-left) - var(--split-safe-right));--split-origin:calc(var(--split-safe-left) + max(0px, (var(--split-inner) - var(--split-group-w)) / 2));--playfield-frame-w:min(100%, calc(100dvh * 9 / 16));font-family:var(--font-ui);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.4}html,body,#root{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}button,input{font:inherit}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}