:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky-700:#166b90;--sky-500:#2e96bd;--sky-200:#a9d9e8;--grass-100:#faeac0;--grass-300:#f0d089;--grass-500:#d8ab52;--bark:#33200f;--bark-dim:#6b4d2b;--ember:#c22a12;--lion:#ffb627;--cheetah:#f2d89b;--zebra:#fff6e4;--elephant:#b9aecf;--giraffe:#f5883a;--rhino:#9e958c;--tint-lion:#ffb6276b;--tint-cheetah:#f2d89b80;--tint-zebra:#fff6e49e;--tint-elephant:#b9aecf75;--tint-giraffe:#f5883a66;--tint-rhino:#9e958c75;--font-display:"Archivo Black", "Zen Kaku Gothic New", sans-serif;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--t-xs:.78rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:1.5rem;--tile-aspect:120 / 82;--tile-step:41.4%;--tile-overlap:26.9%;--drop:4px 4px 0 var(--bark);--drop-sm:3px 3px 0 var(--bark);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--grass-300);color:var(--bark);font-family:var(--font-body);overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;font-weight:500;overflow-x:hidden}#app{flex-direction:column;min-height:100dvh;display:flex}button{color:inherit;font-family:inherit}h1,h2,h3{margin:0;font-weight:700}p{margin:0}.tabular{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:400}:focus-visible{outline:3px solid var(--bark);outline-offset:3px}.screen__sky :focus-visible{outline-color:var(--grass-100)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.screen{background:var(--grass-300);flex-direction:column;width:100%;min-height:100dvh;display:flex}.screen__sky{background:linear-gradient(180deg, var(--sky-700) 0%, var(--sky-500) 100%);border-bottom:3px solid var(--bark);color:var(--grass-100);padding:calc(var(--safe-top) + 14px) 20px 14px;position:relative}.screen__ground{padding:26px 20px calc(var(--safe-bottom) + 26px);flex-direction:column;flex:1;gap:22px;width:100%;max-width:480px;margin:0 auto;display:flex}.screen__ground--center{text-align:center;justify-content:center;align-items:center}.topbar{align-items:center;gap:10px;min-height:44px;display:flex}.topbar__title{font-size:var(--t-lg);color:var(--grass-100);font-weight:700}.topbar__back{color:var(--sky-200);font-size:var(--t-sm);cursor:pointer;background:0 0;border:none;min-height:44px;padding:10px 4px;font-weight:700}.screen--title{height:100dvh;overflow:hidden}.screen--title .screen__sky{flex:1 1 0;min-height:0;padding:0;overflow:hidden}.title__sun{width:156px;height:156px;color:var(--grass-100);position:absolute;top:20px;right:-34px}.title__tower{aspect-ratio:1/2.755;width:auto;height:min(88%,2.755*min(42vw,164px));position:absolute;bottom:0;left:50%;transform:translate(-50%)}.title__block{width:100%;aspect-ratio:var(--tile-aspect);display:block}.tile-art{display:block;overflow:visible}.title__block+.title__block{margin-top:calc(-1 * var(--tile-overlap))}.title__stack>.title__block{position:relative}.title__stack>.title__block:first-child{z-index:6}.title__stack>.title__block:nth-child(2){z-index:5}.title__stack>.title__block:nth-child(3){z-index:4}.title__stack>.title__block:nth-child(4){z-index:3}.title__stack>.title__block:nth-child(5){z-index:2}.title__stack>.title__block:nth-child(6){z-index:1}.title__logo{width:100%;max-width:clamp(184px,42dvh,330px);color:var(--bark);margin-inline:auto;display:block}.screen--title .screen__ground{padding-top:clamp(12px,2.4dvh,26px);padding-bottom:calc(var(--safe-bottom) + clamp(12px, 2.4dvh, 26px));flex:none;justify-content:flex-start;gap:clamp(8px,2.2dvh,30px)}.screen--title .button{min-height:clamp(44px,7dvh,56px)}.title__actions{flex-direction:column;gap:12px;width:100%;display:flex}.title__row{gap:12px;display:flex}.title__row>*{flex:1}.title__player{border:3px solid var(--bark);background:var(--grass-500);border-radius:14px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:clamp(8px,1.4dvh,12px) 16px;display:flex}.title__player-name{color:var(--bark);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.title__player-best{flex:none;align-items:baseline;gap:8px;display:flex}.title__player-label{font-size:var(--t-xs);color:var(--bark);font-weight:700}.title__player-score{font-size:var(--t-xl);color:var(--bark);line-height:1}.title__player-hint{font-size:var(--t-xs);color:var(--bark);flex:none}.title__badge{background:var(--ember);min-width:22px;height:22px;color:var(--grass-100);font-size:var(--t-xs);border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:0 6px;line-height:1;display:inline-flex}.title__utility{border-top:3px solid var(--bark);justify-content:center;align-items:center;gap:4px;width:100%;padding-top:clamp(8px,1.4dvh,12px);display:flex}.title__sound{display:flex}.sound-toggle{gap:8px}.sound-toggle__icon{width:20px;height:20px;display:block}@media (height<=700px){.title__sun{width:124px;height:124px}}@media (height<=560px){.title__tower{display:none}.title__sun{aspect-ratio:1;width:auto;height:min(84px,62%);top:50%;right:-12px;transform:translateY(-50%)}}.button{border:3px solid var(--bark);background:var(--grass-100);min-height:56px;color:var(--bark);font-family:var(--font-body);font-weight:700;font-size:var(--t-md);cursor:pointer;box-shadow:var(--drop);border-radius:14px;justify-content:center;align-items:center;padding:0 22px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button:active{box-shadow:0 0 0 var(--bark);transform:translate(4px,4px)}.button--primary{background:var(--ember);color:var(--grass-100)}.button--secondary{background:var(--grass-100)}.button--ghost{box-shadow:none;color:var(--bark-dim);text-underline-offset:4px;background:0 0;border:none;min-height:44px;padding:10px 12px;font-weight:700;text-decoration:underline}.button--ghost:active{box-shadow:none;transform:none}.button--block{width:100%}.button:disabled{opacity:.55;cursor:default;box-shadow:var(--drop);transform:none}.form{text-align:left;flex-direction:column;gap:18px;width:100%;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:var(--t-sm);color:var(--bark);font-weight:700}.field input{border:3px solid var(--bark);background:var(--grass-100);height:54px;color:var(--bark);font-size:var(--t-md);border-radius:12px;padding:0 14px;font-family:inherit;font-weight:500}.field input::placeholder{color:var(--bark-dim)}.field-hint{font-size:var(--t-xs);color:var(--bark-dim)}.banner{border:3px solid var(--bark);font-size:var(--t-sm);text-align:left;border-radius:12px;width:100%;padding:12px 14px;font-weight:500;line-height:1.65}.banner--error{background:var(--ember);color:var(--grass-100)}.banner--info{background:var(--grass-100);color:var(--bark)}.form-switch{color:var(--bark-dim);font-size:var(--t-sm)}.form-switch button{color:var(--bark);cursor:pointer;font-weight:700;font-size:inherit;text-underline-offset:4px;background:0 0;border:none;padding:4px;text-decoration:underline}.screen--result .screen__ground{animation:.32s ease-out sp-result-in}@keyframes sp-result-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.screen--result .screen__ground{animation-name:sp-fade-in-only}@keyframes sp-fade-in-only{0%{opacity:0}to{opacity:1}}}.screen--result .screen__sky{min-height:30dvh;padding-top:calc(var(--safe-top) + 26px);flex-direction:column;justify-content:center;padding-bottom:26px;display:flex}.result__score{color:var(--grass-100);text-align:center;font-size:clamp(3.4rem,21vw,5.5rem);line-height:.92;display:block}.result__outcome{font-size:var(--t-sm);color:var(--sky-200);text-align:center;margin-top:10px;font-weight:700}.result__ledger{border-top:3px solid var(--bark);border-bottom:3px solid var(--bark);width:100%}.result__stats{grid-template-columns:1fr 1fr;width:100%;margin:0;display:grid}.result__stat{grid-template-columns:1fr auto;align-items:baseline;gap:10px;margin:0;padding:13px 4px;display:grid}.result__stat--lead{border-bottom:1px solid var(--grass-500);grid-column:1/-1}.result__stat--divided{border-left:1px solid var(--grass-500);padding-left:14px}.result__stat dt{font-size:var(--t-sm);color:var(--bark-dim);font-weight:700}.result__stat dd{font-size:var(--t-lg);color:var(--bark);margin:0;line-height:1}.result__stat--lead dt{font-size:var(--t-md);color:var(--bark)}.result__stat--lead dd{font-size:var(--t-xl)}.result__best{border-top:3px solid var(--bark);flex-direction:column;gap:6px;padding:13px 4px;display:flex}.result__best-row{grid-template-columns:1fr auto;align-items:baseline;gap:10px;display:grid}.result__best-label{font-size:var(--t-md);font-weight:700}.result__best-score{font-size:var(--t-xl);line-height:1}.result__best--fresh .result__best-score{color:var(--ember)}.result__best-row--sub{font-size:var(--t-xs);color:var(--bark-dim)}.result__actions{flex-direction:column;gap:12px;width:100%;margin-top:auto;display:flex}.ranking__body{flex-direction:column;gap:18px;width:100%;display:flex}.ranking__list{border-top:3px solid var(--bark);width:100%}.ranking__row{border-bottom:1px solid var(--grass-500);grid-template-columns:2.6rem 1fr auto;align-items:baseline;gap:14px;padding:12px 6px 12px 14px;display:grid}.ranking__row--me{background:var(--grass-100);box-shadow:inset 6px 0 0 var(--ember)}.ranking__rank{font-family:var(--font-display);font-size:var(--t-lg);color:var(--bark-dim);font-variant-numeric:tabular-nums}.ranking__row--me .ranking__rank{color:var(--ember)}.ranking__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.ranking__score{font-family:var(--font-display);font-size:var(--t-lg);font-variant-numeric:tabular-nums}.ranking__empty{color:var(--bark-dim);text-align:center;padding:44px 16px;line-height:1.8}.ranking__me-summary{color:var(--bark-dim);font-size:var(--t-sm)}.ranking__tabs{flex-direction:column;gap:10px;width:100%;display:flex}.segmented{border:3px solid var(--bark);background:var(--grass-100);width:100%;box-shadow:var(--drop-sm);border-radius:12px;display:flex;overflow:hidden}.segmented__item{min-width:0;min-height:44px;color:var(--bark-dim);font-family:var(--font-body);font-size:var(--t-sm);cursor:pointer;background:0 0;border:none;flex:1;padding:0 6px;font-weight:700}.segmented__item+.segmented__item{border-left:3px solid var(--bark)}.segmented__item[aria-selected=true]{background:var(--bark);color:var(--grass-100)}.ranking__period{color:var(--bark-dim);font-size:var(--t-sm);font-weight:700}.friends__form{gap:14px}.friends__section{flex-direction:column;gap:10px;width:100%;display:flex}.friends__heading{font-size:var(--t-md);color:var(--bark);align-items:baseline;gap:8px;font-weight:700;display:flex}.friends__count{font-family:var(--font-display);font-size:var(--t-sm);color:var(--bark-dim);font-variant-numeric:tabular-nums}.friends__list{border-top:3px solid var(--bark);width:100%}.friends__row{border-bottom:1px solid var(--grass-500);align-items:center;gap:12px;padding:10px 6px 10px 14px;display:flex}.friends__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.friends__actions{flex-shrink:0;gap:8px;display:flex}.friends__none{color:var(--bark-dim);font-size:var(--t-sm);line-height:1.7}.button--chip{min-height:40px;font-size:var(--t-sm);box-shadow:var(--drop-sm);border-width:2px;border-radius:10px;padding:0 12px}.button--chip:active{box-shadow:0 0 0 var(--bark);transform:translate(3px,3px)}.button--danger{background:var(--ember);color:var(--grass-100)}.play-screen{background:var(--sky-700);flex:1;height:100dvh;position:relative;overflow:hidden}.play-canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:block;position:absolute;top:0;left:0}