@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--c-grass:#80c54b;--c-grass-dark:#4e9a2e;--c-sky:#8cccf0;--c-earth:#916344;--c-earth-dark:#5e3a22;--c-text:#f8f8f2;--c-night:#293c4d;--c-glass:#293c4dbd;--c-glass-strong:#202f3de6;--c-glass-line:#ffffff47;--c-gold:#ffc845;--c-gold-dark:#d9940a;--c-snake:#53a444;--c-royal:#b83a43;--c-danger:#e8434f;--c-ink:#3a2414;--font:"Fredoka", "Arial Rounded MT Bold", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-l:28px;--radius-m:20px;--radius-s:14px;--shadow:0 6px 18px #121e0c59;--tap:48px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--gutter:max(12px, min(4vw, 20px))}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{color:var(--c-text);font-family:var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background:#3d6b2a;font-weight:500}body{overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(at 50% 30%,#6fa84a,#2f5520 75%);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fff}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}h1,h2,p{margin:0}.app{width:100%;max-width:100vw;margin:0 auto;position:fixed;inset:0;overflow:hidden}@media (orientation:landscape) and (pointer:fine){.app{width:min(100vw,62dvh);left:50%;transform:translate(-50%);box-shadow:0 0 60px #00000073}}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.row{justify-content:center;gap:12px;display:flex}.row>*{flex:1}.backdrop{background:linear-gradient(#5fb4ec,#9ed36a 55%,#e3d2a8);position:absolute;inset:0;overflow:hidden}.backdrop__stage{aspect-ratio:9/16;width:max(100%,56.25dvh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.backdrop__bg{width:100%;height:100%;position:absolute;inset:0}.backdrop__clouds{opacity:.85;will-change:transform;width:150%;animation:90s linear infinite alternate drift;position:absolute;top:1%;left:0}.backdrop__blades{will-change:transform;width:27.7778%;animation:14s linear infinite spin;position:absolute;top:15.7292%;left:12.5926%}.backdrop--dim:after{content:"";background:#141e1440;position:absolute;inset:0}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-33%)}}@keyframes spin{to{transform:rotate(360deg)}}.reduced-motion .backdrop__clouds,.reduced-motion .backdrop__blades,.reduced-motion .miniboard__mole{animation:none!important}.glass{background:var(--c-glass);border:2px solid var(--c-glass-line);border-radius:var(--radius-l);box-shadow:var(--shadow), inset 0 1px 0 #ffffff2e}.btn{min-height:var(--tap);letter-spacing:.01em;text-shadow:0 1px #00000040;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:1.15rem;font-weight:600;transition:transform 80ms,filter .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn--primary{box-shadow:0 5px 0 #2c7a20, var(--shadow);background:linear-gradient(#7fd85a,#3ea52e);border:3px solid #e8ffd8}.btn--danger{box-shadow:0 4px 0 #8e1420, var(--shadow);background:linear-gradient(#ff7a6a,#d8343f);border:3px solid #ffe0dc}.btn--glass,.btn--glass-dark{border:2px solid var(--c-glass-line);box-shadow:var(--shadow);background:#293c4d9e}.btn--glass-dark{background:#ffffff1f}.btn--ghost{background:0 0;border:2px solid #fff6}.btn--small{min-height:44px;padding:8px 16px;font-size:1rem}.btn-round{background:var(--c-glass);width:56px;height:56px;box-shadow:var(--shadow), inset 0 0 0 3px #0000001f;border:3px solid #ffffff6b;border-radius:50%;flex:none;place-items:center;display:grid}.btn-round:active{transform:scale(.94)}.tag{background:#ffffff29;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.tag--gold{background:var(--c-gold);color:var(--c-ink)}.scrim{z-index:50;padding:calc(var(--safe-t) + 16px) var(--gutter) calc(var(--safe-b) + 16px);background:#0c160e8c;place-items:center;animation:.18s ease-out fade;display:grid;position:absolute;inset:0;overflow-y:auto}.dialog{border-radius:var(--radius-l);background:var(--c-glass-strong);border:2px solid var(--c-glass-line);flex-direction:column;gap:12px;width:min(100%,400px);padding:22px 20px 20px;animation:.22s cubic-bezier(.2,1.4,.4,1) pop;display:flex;box-shadow:0 18px 50px #00000073}.dialog__title{text-align:center;margin-bottom:4px;font-size:1.7rem;font-weight:700}.dialog p{text-align:center;line-height:1.4}.dialog__section{border-top:1px solid #ffffff24;padding-top:6px}.confirm-inline{flex-direction:column;gap:10px;display:flex}.credits{color:#e6efe0;flex-direction:column;gap:10px;font-size:.98rem;display:flex}.toggles{flex-direction:column;gap:8px;display:flex}.toggle{min-height:var(--tap);border-radius:var(--radius-s);text-align:left;background:#ffffff14;align-items:center;gap:12px;padding:6px 12px;font-weight:500;display:flex}.toggle__icon{opacity:.9;place-items:center;width:28px;display:grid}.toggle__label{flex:1}.toggle__track{background:#ffffff38;border-radius:999px;width:52px;height:30px;transition:background .15s;position:relative}.toggle__thumb{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.toggle--on .toggle__track{background:#4fbf3a}.toggle--on .toggle__thumb{transform:translate(22px)}.segmented{border-radius:var(--radius-s);background:#ffffff14;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.segmented__label{align-items:center;gap:12px;display:flex}.segmented__options{gap:6px;display:flex}.segmented__options button{background:#ffffff1a;border-radius:12px;flex:1;min-height:44px;font-weight:600}.segmented__options button.is-on{background:#4fbf3a}.loading{background:var(--c-glass);border-radius:999px;margin:auto;padding:14px 24px;font-weight:600;position:relative}.rotate{z-index:100;text-align:center;background:radial-gradient(circle,#4e8f3a,#23411a);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;display:flex;position:fixed;inset:0}.rotate span{opacity:.85;font-size:1rem;font-weight:500}.rotate__phone{border:5px solid #fff;border-radius:12px;width:54px;height:92px;animation:1.8s ease-in-out infinite rotatePhone}@keyframes rotatePhone{0%,30%{transform:rotate(-90deg)}60%,to{transform:rotate(0)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}.toast{left:0;right:0;bottom:calc(var(--safe-b) + 110px);pointer-events:none;z-index:40;justify-content:center;display:flex;position:absolute}.toast span{background:var(--c-glass-strong);border:2px solid var(--c-glass-line);box-shadow:var(--shadow);border-radius:999px;padding:12px 20px;font-weight:600;animation:.2s ease-out pop}@media (min-width:600px) and (min-height:900px){.dialog,.topbar,.levels__info,.home__actions,.ribbon{zoom:1.25}}.install-steps{border-radius:var(--radius-s);background:#ffffff14;flex-direction:column;gap:10px;margin:0;padding:12px 14px 12px 34px;line-height:1.4;display:flex}.install-steps__icon{vertical-align:-5px;background:#ffffff29;border-radius:6px;padding:2px;display:inline-block}.home__content{padding:calc(var(--safe-t) + 2.2dvh) var(--gutter) calc(var(--safe-b) + 1.2dvh);flex-direction:column;flex:1;align-items:center;gap:1.2dvh;min-height:0;display:flex;position:relative}.home__logo{width:min(94%,460px);line-height:0;animation:.6s cubic-bezier(.2,1.4,.4,1) logoIn}.home__logo img{filter:drop-shadow(0 6px 8px #1e14054d);width:100%;height:auto}.ribbon{color:#4a3218;box-shadow:0 3px 0 #c9a870, var(--shadow);text-align:center;background:linear-gradient(#fff7e2,#f0e0b8);border-radius:999px;margin-top:-1.5dvh;padding:7px 18px;font-size:clamp(.9rem,3.8vw,1.1rem);font-weight:600}.miniboard{aspect-ratio:1000/1120;flex:none;width:min(92%,46dvh,470px);margin:auto 0;position:relative}.miniboard__board{width:100%;height:100%;position:absolute;inset:0}.miniboard__hole{height:auto;position:absolute}.miniboard__clip{position:absolute;overflow:hidden}.miniboard__mole{transform-origin:50% 100%;width:100%;animation:4.2s ease-in-out infinite peek;position:absolute;left:0}@keyframes peek{0%,6%{transform:translateY(102%)}14%{transform:translateY(-2%)scaleY(1.05)}18%,30%{transform:translateY(0)scaleY(1)}36%{transform:translateY(0)scaleY(1.03)}42%,70%{transform:translateY(0)scaleY(.99)}80%,to{transform:translateY(102%)}}.home__actions{flex-direction:column;align-items:center;gap:1.6dvh;width:min(100%,420px);display:flex}.btn--play{color:#fffaf0;text-shadow:0 3px #2a7a1e;background:linear-gradient(#8de462 0%,#4bbb3a 55%,#2f9a28 100%);border:4px solid #e9ffd6;border-radius:999px;width:86%;min-height:clamp(64px,10dvh,92px);font-size:clamp(2.1rem,10vw,3rem);font-weight:700;animation:2.6s ease-in-out infinite breathe;position:relative;box-shadow:0 7px #23781b,0 14px 22px #14320a66,inset 0 6px #ffffff59}.btn--play:active{transform:scale(.96)translateY(3px);box-shadow:0 3px #23781b,0 8px 14px #14320a66}.btn__deco{pointer-events:none;width:64px;position:absolute}.btn__deco--left{bottom:-14px;left:-18px;transform:scaleX(-1)rotate(10deg)}.btn__deco--right{bottom:-14px;right:-18px;transform:rotate(10deg)}.home__actions .row{width:92%}.btn--install{color:#4a2c08;text-shadow:0 1px #ffffff73;width:92%;min-height:46px;box-shadow:0 4px 0 #b9740a, var(--shadow);background:linear-gradient(#ffd965,#f0a91c);border:3px solid #fff4c8;gap:8px;padding-block:6px;font-size:1.05rem}.home--install .miniboard{width:min(92%,36dvh,470px)}@media (max-height:760px){.home--install .miniboard{width:min(92%,32dvh)}}.btn--install__hint{background:#4a2c0824;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:600}.home__version{opacity:.85;text-shadow:0 1px 2px #00000080;font-size:.85rem}@keyframes breathe{50%{transform:scale(1.03)}}@keyframes logoIn{0%{opacity:0;transform:translateY(-30px)scale(.9)}}.reduced-motion .btn--play,.reduced-motion .home__logo{animation:none}.levels{--sign-h:68px;padding:calc(var(--safe-t) + 10px) var(--gutter) calc(var(--safe-b) + 10px);gap:1.4dvh;overflow-y:auto}.topbar{flex:none;align-items:center;gap:8px;display:flex;position:relative}.topbar__title{flex:1;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.topbar__title h1{font-size:clamp(1rem,4.6vw,1.35rem);font-weight:700;line-height:1.1}.topbar__title p{opacity:.85;font-size:.8rem}.topbar__stars{white-space:nowrap;align-items:center;gap:4px;padding:10px 12px;font-size:1.05rem;font-weight:700;display:flex}.levels__panel{padding:calc(var(--sign-h) / 2 + clamp(8px, 2dvh, 22px)) 3.2% 3.6%;width:min(100%,48dvh);box-shadow:inset 0 0 0 3px #b98454, inset 0 10px 18px #00000040, var(--shadow);background:radial-gradient(at 50% 20%,#ffffff14,#0000 60%),linear-gradient(#a06a40,#7a4c28);border:6px solid #6a4020;border-radius:26px;flex:none;margin-inline:auto;position:relative}.sign{height:var(--sign-h);box-sizing:border-box;box-shadow:inset 0 3px 0 #ffffff40, var(--shadow);background:linear-gradient(#b57a48,#8a5630);border:4px solid #5a3418;border-radius:16px;align-items:center;gap:8px;padding:4px 18px 4px 12px;display:flex;position:absolute;top:0;left:4%;transform:translateY(-50%)rotate(-2deg)}.sign__small{color:#ffeccc;font-size:.85rem;font-weight:600;display:block}.sign__big{color:#fff8ea;text-shadow:0 2px #4a2810;font-size:clamp(1.4rem,6.5vw,1.9rem);font-weight:700;line-height:1}.levels__grid{grid-template-columns:repeat(5,1fr);gap:clamp(6px,2vw,14px);margin:0;padding:0;list-style:none;display:grid}.tile{aspect-ratio:1;background-repeat:no-repeat;background-size:100% 100%;border-radius:22%;place-items:center;width:100%;min-height:44px;transition:transform 80ms;display:grid;position:relative}.tile:active{transform:scale(.94)}.tile__num{color:#fffef4;text-shadow:0 2px #3f7a24,0 0 6px #1e460a80;margin-top:-18%;font-size:clamp(1.3rem,7vw,2.1rem);font-weight:700}.tile--garden:not(.tile--done) .tile__num{margin-top:-6%}.tile__num--soon{color:#e6e9eb;text-shadow:0 1px #4a4e52;margin:0;font-size:clamp(.85rem,4vw,1.2rem);position:absolute;top:10%}.tile__lock{color:#dfe2e4;filter:drop-shadow(0 2px #4a4e52);position:absolute;bottom:22%}.tile__lock--garden{color:#fffef4;filter:none;background:#293c4dcc;border-radius:50%;width:34%;height:auto;padding:3px;top:auto;bottom:8%;right:6%}.tile--locked{filter:saturate(.55)brightness(.88)}.tile__stars{gap:1px;display:flex;position:absolute;bottom:13%}.tile__stars svg{width:clamp(12px,4vw,20px);height:auto}.tile__boss{background:var(--c-royal);z-index:1;border:2px solid #ffd9a0;border-radius:999px;align-items:center;gap:2px;padding:2px 6px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-10%;right:-8%}.levels__info{flex:none;align-items:center;gap:12px;margin-top:auto;padding:12px 16px;display:flex;position:relative}.levels__info p{flex-direction:column;font-size:.95rem;display:flex}.levels__info span{opacity:.85}.carousel{margin-inline:calc(-1 * var(--gutter));padding-top:calc(var(--sign-h) / 2 + 6px);touch-action:pan-y;flex:none;position:relative;overflow:hidden}.carousel__track{will-change:transform;align-items:flex-start;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex}.carousel.is-dragging .carousel__track{transition:none}.carousel.is-dragging .tile{pointer-events:none}.carousel__page{min-width:0;padding-inline:var(--gutter);flex:0 0 100%;padding-bottom:6px}.levels__grid--placeholder{aspect-ratio:1}.reduced-motion .carousel__track{transition-duration:10ms}.pager{flex:none;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.pager__arrow{width:44px;height:44px}.pager__arrow:disabled{opacity:.35}.pager__dots{gap:2px;display:flex}.pager__dot{place-items:center;width:34px;height:44px;display:grid}.pager__dot span{color:#ffffffd9;background:#293c4d8c;border:2px solid #ffffff8c;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;transition:transform .2s,background .2s;display:grid}.pager__dot.is-on span{background:var(--accent);color:#fffef4;text-shadow:0 1px #0006;border-color:#fffef4;width:28px;height:28px;box-shadow:0 3px #00000040}.levels__panel--boat{box-shadow:inset 0 0 0 3px #7ad0e8, inset 0 10px 18px #00000040, var(--shadow);background:radial-gradient(at 50% 20%,#ffffff1a,#0000 60%),repeating-linear-gradient(90deg,#b07a48 0 62px,#9e6a3c 62px 66px),#a87244;border-color:#2a7a9a}.levels__panel--train{box-shadow:inset 0 0 0 3px #e8c48a, inset 0 10px 18px #00000040, var(--shadow);background:radial-gradient(at 50% 20%,#ffffff14,#0000 60%),linear-gradient(#8a5a34,#5e3a20);border-color:#c99a5d}.levels__panel--space{box-shadow:inset 0 0 0 3px #6ad8f0, inset 0 10px 18px #0000004d, var(--shadow);background:radial-gradient(at 50% 15%,#8cdcff2e,#0000 60%),linear-gradient(#56608c,#2e3460);border-color:#9aa4d8}.levels__panel--bazaar{box-shadow:inset 0 0 0 3px #2eb8a8, inset 0 10px 18px #0000004d, var(--shadow);background:radial-gradient(at 50% 20%,#ffdca026,#0000 60%),linear-gradient(#a03c7e,#6a1e52);border-color:#ffc83a}.levels__panel--boat .sign{background:linear-gradient(#4cb8d8,#2a86a8);border-color:#145a74}.levels__panel--train .sign{background:linear-gradient(#d8484e,#9a2028);border-color:#5a1014}.levels__panel--space .sign{background:linear-gradient(#8a88d8,#5654a8);border-color:#2a2870}.levels__panel--bazaar .sign{background:linear-gradient(#d888d6,#a050a0);border-color:#6a1e52}.tile--boss.tile--soon .tile__num--soon{top:30%}.tile--boss.tile--soon .tile__lock{bottom:8%}.tile__boss--grey{background:#6e7276;border-color:#c4c8cb}@media (max-height:640px){.pager__arrow{width:40px;height:40px}.levels__info{padding:8px 12px}.ribbon{display:none}}.game__stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.game__stage canvas{touch-action:none;display:block}.countdown{pointer-events:none;z-index:30;place-items:center;display:grid;position:absolute;inset:0}.countdown span{color:#fff;-webkit-text-stroke:3px #4a2810;text-shadow:0 6px #4a2810;font-size:clamp(3.5rem,22vw,6rem);font-weight:700;animation:.45s cubic-bezier(.2,1.5,.4,1) countPop}@keyframes countPop{0%{opacity:0;transform:scale(1.8)}}.hint{pointer-events:none;z-index:25;justify-content:center;display:flex;position:absolute;top:25.5%;left:0;right:0}.hint__bubble{color:#fffdf2;text-shadow:0 1px 2px #1e140ad9,0 0 8px #1e140a73;background:#293c4d52;border-radius:999px;padding:5px 14px;font-size:clamp(.95rem,4.4vw,1.2rem);font-weight:700;animation:2.3s both hintIn}@keyframes hintIn{0%{opacity:0;transform:translateY(16px)scale(.85)}10%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.banner{z-index:26;color:#fff6d8;white-space:nowrap;text-shadow:0 1px 2px #28060ae6,0 0 8px #28060a80;pointer-events:none;background:#8e142061;border:1.5px solid #ffd45ab3;border-radius:12px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:5px 16px;font-size:clamp(.95rem,4.4vw,1.15rem);font-weight:700;animation:1.8s both hintIn;position:absolute;top:21.5%;left:0;right:0}.stun-tag{z-index:26;text-shadow:0 1px 2px #3c0000cc;pointer-events:none;background:#d8283a8c;border:1.5px solid #ffd0c8b3;border-radius:999px;padding:4px 14px;font-size:.95rem;font-weight:700;position:absolute;top:25.5%;left:50%;transform:translate(-50%)}.penalty-flash{z-index:20;pointer-events:none;animation:.6s ease-out forwards flash;position:absolute;inset:0;box-shadow:inset 0 0 0 10px #e8434fd9,inset 0 0 80px #ff783c8c}@keyframes flash{to{opacity:0}}.debug{left:8px;bottom:calc(var(--safe-b) + 140px);z-index:45;pointer-events:auto;background:#000000b3;border-radius:8px;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,monospace;position:absolute}.debug a{color:#9be37a}.scrim--result{background:#0c160e99}.result{text-align:center;align-items:center;gap:10px}.result__title{color:var(--c-gold);text-shadow:0 3px #7a4c08;font-size:2.3rem;font-weight:700}.result--ko .result__title{color:#ffd0c8;text-shadow:0 3px #6a1420}.result__level{opacity:.85}.result__stars{align-items:flex-end;gap:6px;display:flex}.result__star:nth-child(2) svg{width:72px;height:72px}.result__star.is-on{animation:.45s cubic-bezier(.2,1.6,.4,1) both starIn}@keyframes starIn{0%{transform:scale(0)rotate(-40deg)}}.result__score{flex-direction:column;display:flex}.result__score strong{font-size:2.4rem;font-weight:700;line-height:1.05}.result__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.result__reasons{border-radius:var(--radius-s);text-align:left;background:#e8434f33;border:1px solid #ffa09680;margin:0;padding:10px 14px;list-style:none}.result__actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.chapter-done{flex-direction:column;align-items:center;gap:6px;display:flex}.chapter-done h2{color:var(--c-gold);text-shadow:0 3px #7a4c08;font-size:1.8rem;font-weight:700}.chapter-done__art{justify-content:center;align-items:flex-end;gap:10px;display:flex}.chapter-done--final .chapter-done__crown{width:104px}.chapter-done p{text-align:center;font-size:.95rem;line-height:1.35}.chapter-done__crown{width:120px;animation:1.6s ease-in-out infinite crown}@keyframes crown{50%{transform:translateY(-8px)rotate(4deg)}}.pause .btn{width:100%}.hud-top,.hud-bottom{z-index:10;padding-left:calc(var(--safe-l) + var(--gutter) * .6);padding-right:calc(var(--safe-r) + var(--gutter) * .6);pointer-events:none;position:absolute;left:0;right:0}.hud-top button,.hud-bottom button{pointer-events:auto}.hud-top{padding-top:calc(var(--safe-t) + 8px);top:0}.hud-bottom{padding-bottom:calc(var(--safe-b) + 8px);flex-direction:column;gap:8px;display:flex;bottom:0}.hud-bar{align-items:center;gap:8px;display:flex}.hud-panel{flex:1;justify-content:space-between;align-items:center;gap:4px;min-width:0;min-height:60px;padding:6px 12px;display:flex}.hud-sep{background:#fff3;border-radius:2px;align-self:stretch;width:2px;margin:6px 0}.hud-level{align-items:center;gap:6px;min-width:0;display:flex}.hud-level strong{color:#fff3c4;white-space:nowrap;font-size:clamp(1rem,4.6vw,1.35rem);line-height:1;display:block}.hud-small{opacity:.85;white-space:nowrap;font-size:clamp(.7rem,3vw,.85rem);display:block}.hud-score{text-align:center}.hud-score strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,6vw,1.75rem);font-weight:700;line-height:1;display:block}.hud-stars{gap:1px;display:flex}.hud-stars svg{width:clamp(18px,6.2vw,28px);height:auto}.hud-stars .pop{animation:.4s cubic-bezier(.2,1.6,.4,1) starIn}.btn-round--hud{width:60px;height:60px}.hud-row{justify-content:center;min-height:92px;margin-top:8px;display:flex;position:relative}.timer{aspect-ratio:1;width:clamp(84px,24vw,104px);box-shadow:var(--shadow);background:radial-gradient(circle,#2f4659 55%,#22323f);border:3px solid #ffffff59;border-radius:50%;position:relative}.timer>svg{width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.timer__track{fill:none;stroke:#ffffff1f;stroke-width:8px}.timer__ring{fill:none;stroke:#5ee05a;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .12s linear,stroke .3s}.timer--warn .timer__ring{stroke:#ffc845}.timer--urgent .timer__ring{stroke:#ff5a5a}.timer--urgent{animation:.5s ease-in-out infinite alternate pulse}.timer__text{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(1.25rem,6vw,1.6rem);font-weight:700;line-height:1;display:flex;position:absolute;inset:0}@keyframes pulse{to{transform:scale(1.06)}}.combo{border-radius:20px;width:clamp(112px,33vw,150px);padding:8px 12px 10px;position:absolute;top:8px;right:0}.combo__head{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.combo__mult{color:var(--c-gold);text-shadow:0 2px #7a4c08;font-size:clamp(1.5rem,7.5vw,2rem);font-weight:700;line-height:1;animation:.35s cubic-bezier(.2,1.8,.4,1) multPop}.combo__bar{background:#00000059;border-radius:999px;height:12px;margin-top:6px;position:relative;overflow:hidden}.combo__bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0, transparent calc(100% / var(--segments) - 2px), #1e2d3ae6 calc(100% / var(--segments) - 2px), #1e2d3ae6 calc(100% / var(--segments)));position:absolute;inset:0}.combo__fill{background:linear-gradient(#ffe680,#ffb81a);border-radius:999px;height:100%;transition:width .15s ease-out}.combo--max .combo__fill{background:linear-gradient(90deg,#ffe680,#ffc845,#fff3b0,#ffc845)}.combo--max .combo__bar:after{display:none}.combo--break{animation:.35s shake}@keyframes multPop{0%{transform:scale(1.6)}}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.objective{align-items:center;gap:10px;padding:10px 14px;display:flex}.objective__body{flex:1;min-width:0}.objective__label{flex-wrap:wrap;align-items:baseline;gap:8px;line-height:1.2;display:flex}.objective__label span{opacity:.95;font-size:.95rem}.objective__bar{background:#00000059;border-radius:999px;height:14px;margin-top:8px;position:relative}.objective__fill{background:linear-gradient(#7ff07a,#3fbf3a);border-radius:999px;height:100%;transition:width .2s ease-out}.objective__mark{filter:drop-shadow(0 1px 1px #00000080);line-height:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.objective__mark--end{left:100%;transform:translate(-70%,-50%)}.objective__count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.95rem;font-weight:700}.boss-panel{border-color:#ffd27880;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:flex}.boss-panel__avatar{background:radial-gradient(circle,#ffe6b0,#d9a24a);border:3px solid #ffd45a;border-radius:50%;flex:none;width:52px;height:52px;overflow:hidden}.boss-panel__avatar img{width:150%;margin:-4% 0 0 -25%}.boss-panel__body{flex:1}.boss-panel__name{align-items:center;gap:6px;font-weight:700;display:flex}.hp{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px;display:grid}.hp--dense{gap:2px}.hp--dense .hp__seg{border-radius:4px}.armor-pips{color:#ffffff40;gap:1px;margin-left:2px;display:inline-flex}.armor-pips .is-on{color:#c8d2dc}.hp__seg{background:#0006;border:1px solid #ffffff1f;border-radius:6px;height:14px}.hp__seg--on{background:linear-gradient(#ff8a8a,#d8283a);border-color:#ffb0a8}.boss-panel__count{font-variant-numeric:tabular-nums;font-size:1.2rem}.boss-panel--hit{animation:.35s shake}.boss-panel--down{border-color:var(--c-gold)}@media (max-height:700px){.hud-panel{min-height:52px;padding:4px 10px}.btn-round--hud{width:52px;height:52px}.hud-row{min-height:76px;margin-top:4px}.timer{width:78px}.timer__text{font-size:1.05rem}.timer__text svg{width:14px;height:14px}.objective{padding:6px 12px}.boss-panel__avatar{width:42px;height:42px}}.reduced-motion .timer--urgent,.reduced-motion .combo--break,.reduced-motion .boss-panel--hit{animation:none}@media (min-width:600px) and (min-height:900px){.hud-top,.hud-bottom{zoom:1.35}}