.game-console{--game-ink:hsl(var(--color-black));--game-lime-hsl:92 95% 50%;--game-lime:hsl(var(--game-lime-hsl));--game-brass:#d9a441;--game-brass-deep:#8f5f17;--game-crema:#f8c76f;--game-panel:#080c05;--game-red:#ff5a4d;--nb-ink:#031d12;--nb-yellow:#ffcc10;--nb-cream:#ffedc2;--nb-hi:#fff4cd;--nb-lo:#997016;--nb-green:#073b26;--nb-brick:#aa4e26;--ring:inset 0 0 0 1px rgba(217,164,65,.35);--rivet:radial-gradient(circle,#f3cd7a 0 1.2px,var(--game-brass) 1.6px 2.6px,#5a3c0c 3px,transparent 3.4px);position:relative;display:grid;grid-template-areas:"hud" "stage" "card" "controls";grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;width:100%;height:100svh;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:hidden;background:var(--rivet) 3px 3px /12px 12px no-repeat,var(--rivet) calc(100% - 3px) 3px /12px 12px no-repeat,var(--rivet) 3px calc(100% - 3px) /12px 12px no-repeat,var(--rivet) calc(100% - 3px) calc(100% - 3px) /12px 12px no-repeat,linear-gradient(180deg,#1b2612 0,#111a0b 55%,#0c1308 100%);color:hsl(var(--color-white));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-console a,.game-console button{touch-action:manipulation}.game-console[data-view=play] .game-pour,.game-console[data-view=play] .game-stage{touch-action:none}.game-art{display:inline-block;flex-shrink:0;aspect-ratio:1;background-repeat:no-repeat}.game-piece{background-position:50%;background-size:contain}.game-hud{gap:8px;height:48px}.game-hearts,.game-hud{display:flex;align-items:center}.game-hearts{flex-shrink:0;gap:2px;padding:3px 7px;border-radius:12px;background:var(--game-panel);box-shadow:var(--ring),inset 0 2px 6px rgba(0,0,0,.9)}.game-heart{width:30px;filter:drop-shadow(0 2px 0 rgb(0 0 0/.6))}.game-hearts-last{box-shadow:inset 0 0 0 1px rgba(255,90,77,.8),inset 0 2px 6px rgba(0,0,0,.9);animation:game-alarm .9s ease-in-out infinite}.game-heart-lost{animation:game-heart-lost .56s var(--ease-out)}.game-heart-gain{animation:game-heart-gain .48s var(--ease-out)}.game-progress{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;line-height:1.15;text-align:center}.game-progress-cup{font-size:1.0625rem;font-weight:700}.game-progress-next{max-width:100%;overflow:hidden;color:var(--game-lime);font-size:.75rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.game-score{display:flex;flex-shrink:0;align-items:center;gap:6px;font-weight:700}.game-score-value{min-width:4.5rem;padding:3px 10px;border-radius:9px;background:var(--game-panel);box-shadow:inset 0 0 0 1px rgba(217,164,65,.45),inset 0 2px 6px rgba(0,0,0,.9);color:var(--game-crema);font-size:1.0625rem;font-weight:700;line-height:1.35;text-align:left;font-variant-numeric:tabular-nums;text-shadow:0 0 8px hsla(39,91%,70%,.35)}.game-combo{padding:0 6px;border-radius:6px;font-size:.875rem;line-height:1.5}.game-combo-on{background:var(--game-lime);color:var(--game-ink);box-shadow:0 0 10px hsl(var(--game-lime-hsl)/.5);animation:game-bump .22s var(--ease-out)}.game-icon-art{width:26px}.game-stage{position:relative;container-type:size;width:100%;min-height:0;overflow:hidden;border-radius:14px;background-color:#0e1509;background-image:var(--game-bg-tall);background-position:center 76%;background-size:cover;box-shadow:0 0 0 2px #000,0 0 0 4px rgba(217,164,65,.4),0 0 0 6px #000}.game-canvas{position:absolute;inset:0;width:100%;height:100%}.game-ticket{position:absolute;top:12%;inset-inline-start:3%;z-index:1;display:flex;max-width:48%;flex-direction:column;gap:1px;padding:5px 12px 8px;rotate:2deg;border:2px solid #000;border-top:4px dashed rgba(0,0,0,.22);background:hsl(var(--color-paper));box-shadow:-4px 4px 0 #000;color:var(--game-ink);line-height:1.1;pointer-events:none;animation:game-ticket .26s var(--ease-out)}.game-ticket-gold{background:linear-gradient(#ffe7a8,var(--game-crema))}.game-ticket-order{display:flex;align-items:center;gap:6px;color:hsla(0,0%,5%,.6);font-size:clamp(.6875rem,min(2.8cqw,2.2cqh),.875rem);font-weight:700}.game-ticket-new{padding:0 6px;border-radius:4px;background:var(--game-lime);color:var(--game-ink);box-shadow:0 0 0 1px #000}.game-ticket-drink{font-size:clamp(1.5rem,min(9.5cqw,6.5cqh),3rem);font-weight:700;letter-spacing:-.01em}.game-ticket-tags{color:#7a4a21;font-size:clamp(.75rem,min(3.4cqw,2.6cqh),1.0625rem);font-weight:700}.game-hint{bottom:0;padding:8px 12px 9px;background:linear-gradient(transparent,rgba(0,0,0,.82) 30%);color:var(--game-lime);font-size:clamp(.875rem,min(4cqw,3cqh),1.1875rem);font-weight:600;line-height:1.25;text-wrap:balance}.game-hint,.game-word{position:absolute;inset-inline:0;text-align:center;pointer-events:none}.game-word{top:30%;z-index:2;font-size:clamp(2rem,min(12cqw,8cqh),4rem);font-weight:700;line-height:1;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:0 4px 0 #000;animation:game-word .26s var(--ease-out) both}.game-word-hit{color:var(--game-lime)}.game-word-good{color:hsl(var(--color-paper))}.game-word-miss{color:var(--game-red)}.game-word-gold{font-size:clamp(1.5rem,min(8cqw,6cqh),2.75rem);color:var(--game-crema)}.game-toast{position:absolute;top:calc(max(8px, env(safe-area-inset-top)) + 62px);inset-inline-end:14px;z-index:30;display:flex;align-items:center;gap:8px;max-width:min(64%,18rem);padding:6px 12px 6px 8px;border:4px solid var(--nb-ink);rotate:-2deg;background:var(--nb-yellow);box-shadow:inset 0 3px 0 var(--nb-hi),inset 0 -3px 0 #c99a00,0 5px 0 var(--nb-ink);color:var(--nb-ink);font-size:.875rem;pointer-events:none;animation:game-toast .24s steps(4)}.game-card{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-content:center;gap:clamp(2px,1vw,6px);padding:6px 9px;border:2px solid #000;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(201,138,43,.06),transparent 70%),hsl(var(--color-paper));box-shadow:inset 0 0 0 3px hsl(var(--color-paper)),inset 0 0 0 4px rgba(201,138,43,.35),-3px 3px 0 #000;rotate:-.4deg}.game-slot{display:flex;aspect-ratio:1;align-items:center;justify-content:center;border-radius:50%}.game-slot-empty{border:2px dashed rgba(0,0,0,.28)}.game-slot-special{border-color:rgba(201,138,43,.7);background:rgba(201,138,43,.08)}.game-slot-full{background:radial-gradient(circle at 35% 30%,#2b3a1d,#0f160a 70%);box-shadow:inset 0 0 0 2px hsl(var(--game-lime-hsl)/.45),0 0 0 1px #000}.game-slot-gold{background:radial-gradient(circle at 35% 30%,#ffe3a3,var(--game-crema) 65%);box-shadow:0 0 0 2px var(--game-ink)}.game-stamp{rotate:-8deg}.game-stamp-ghost{opacity:.2;filter:grayscale(1)}.game-slot-special .game-stamp-ghost{opacity:.55;filter:none}.game-controls{position:relative;height:74px}.game-console :focus-visible{outline:3px solid var(--game-crema);outline-offset:2px}.game-screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;gap:16px;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#1d6b43 transparent;scrollbar-width:thin;border-radius:inherit;background:linear-gradient(180deg,rgba(3,29,18,.8) 0,rgba(3,29,18,.93) 45%,rgba(3,29,18,.97) 100%),url(/welcome/cafe-background.jpg) center 30% /cover no-repeat,var(--nb-green);color:var(--nb-cream);animation:game-screen-in .24s var(--ease-out) both}.game-screen-head{display:flex;flex-shrink:0;align-items:center;gap:10px}.game-screen-title{flex:1;color:var(--nb-yellow);font-size:1.5rem;font-weight:700;line-height:1.1;text-shadow:-3px 0 0 var(--nb-ink),3px 0 0 var(--nb-ink),0 3px 0 var(--nb-ink),0 -3px 0 var(--nb-ink),0 5px 0 var(--nb-ink)}.game-medal{--tier:#c47a3a;display:grid;width:48px;flex-shrink:0;aspect-ratio:1;place-items:center;border:2px solid #000;border-radius:50%;background:radial-gradient(circle at 40% 30%,#2b3a1d,#0d140a 75%);box-shadow:inset 0 0 0 3px var(--tier),inset 0 0 0 4px #000,0 2px 0 #000}.game-medal-silver{--tier:#cfd6de}.game-medal-gold{--tier:#f2b53b}.game-medal-art{width:78%;filter:drop-shadow(0 2px 0 rgb(0 0 0/.6))}.game-medal-art.game-piece{width:67%}.game-medal-locked{--tier:#3a3f36}.game-medal-locked .game-medal-art{filter:grayscale(1) brightness(.4)}.game-pause{align-items:center;justify-content:center;text-align:center}.game-saucer{width:clamp(110px,18svh,190px);height:auto;filter:drop-shadow(-5px 5px 0 rgb(0 0 0/.5))}.game-pause-summary{display:flex;align-items:center;gap:12px;font-weight:700}.game-pause-actions{display:flex;width:100%;max-width:28rem;flex-direction:column;gap:16px;margin-top:10px}.game-result-title{color:var(--nb-yellow);font-size:clamp(1.75rem,5svh,2.75rem);font-weight:700;line-height:1.1;text-shadow:-3px 0 0 var(--nb-ink),3px 0 0 var(--nb-ink),0 -3px 0 var(--nb-ink),0 5px 0 var(--nb-ink)}.game-results-over .game-result-title{color:#c9d4df}.game-result-text{max-width:34ch;margin-inline:auto;font-size:.9375rem;line-height:1.4;text-wrap:balance}.game-results{gap:12px;overflow:hidden;animation:game-screen-in .3s var(--ease-out) .55s both}.game-results-over{background:linear-gradient(180deg,rgba(4,10,14,.84),rgba(4,10,14,.97)),url(/welcome/cafe-background.jpg) center 30% /cover no-repeat,#090c10}.game-results-scroll{display:flex;flex:1;min-height:0;flex-direction:column;gap:18px;margin-inline:-6px;padding:4px 6px 22px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 22px),transparent)}.game-results-scroll::-webkit-scrollbar{display:none}.game-results-scroll>:first-child{margin-top:auto}.game-results-scroll>:last-child{margin-bottom:auto}.game-results-hero{display:grid;width:100%;max-width:30rem;grid-template-areas:"head art" "tally art" "stats stats";grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin-inline:auto}.game-results-art{display:grid;width:clamp(92px,27vw,150px);grid-area:art;place-items:center}.game-results-mug{width:100%;height:auto;rotate:-5deg;filter:drop-shadow(-6px 6px 0 rgb(0 0 0/.55))}.game-results-bolt{width:92%;filter:drop-shadow(-4px 4px 0 rgb(0 0 0/.5))}.game-results-lost{width:100%;height:auto;filter:drop-shadow(-6px 6px 0 rgb(0 0 0/.55));transform-origin:50% 100%;animation:game-sigh 1.8s var(--ease-out) .6s both}.game-results-head{display:flex;grid-area:head;flex-direction:column;align-items:flex-start;align-self:end;gap:4px}.game-results-rank{display:flex;align-items:center;gap:8px;color:var(--game-crema);font-size:.9375rem;font-weight:700}.game-results-rank .game-stars{font-size:1.25rem}.game-results .game-result-title{font-size:clamp(1.625rem,4.2svh,2.25rem);text-align:start}.game-results-text{max-width:32ch;color:rgba(255,237,194,.82);font-size:.875rem;line-height:1.4}.game-results-tally{display:flex;grid-area:tally;flex-direction:column;align-items:flex-start;align-self:start;gap:8px}.game-results-score{color:var(--game-crema);font-size:clamp(3rem,8.5svh,4.25rem);font-weight:700;line-height:.95;font-variant-numeric:tabular-nums;text-shadow:0 4px 0 var(--nb-ink),0 0 26px hsla(39,91%,70%,.35);transform-origin:right center}.game-results-score-land{animation:game-land .32s steps(4) both}.game-results-best{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:rgba(255,237,194,.72);font-size:.875rem;font-weight:700}.game-results-gap{color:var(--nb-yellow)}.game-results-stamp{padding:2px 10px;rotate:-2deg;background:var(--nb-yellow);animation:game-bump .4s var(--ease-out) 1.7s both}.game-results-stamp,.game-results-versus{border:3px solid var(--nb-ink);box-shadow:0 3px 0 var(--nb-ink);color:var(--nb-ink)}.game-results-versus{padding:4px 12px;background:var(--nb-cream);font-size:.875rem;font-weight:700}.game-results-versus-won{background:var(--nb-yellow)}.game-results-stats{display:grid;grid-area:stats;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px;padding-block:10px;border-block:2px solid rgba(255,237,194,.14)}.game-results-stat{display:flex;min-width:0;flex-direction:column-reverse;align-items:center;gap:2px;padding-inline:4px;text-align:center}.game-results-stat+.game-results-stat{border-inline-start:2px solid rgba(255,237,194,.14)}.game-results-stat dd{color:var(--nb-cream);font-size:1.375rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.game-results-stat dt{color:rgba(255,237,194,.68);font-size:.75rem;font-weight:600;line-height:1.2}.game-results-side{display:flex;width:100%;max-width:30rem;flex-direction:column;gap:14px;margin-inline:auto}.game-results-journey{display:flex;flex-direction:column;gap:12px}.game-results-journey>*+*{padding-top:12px;border-top:2px solid rgba(0,0,0,.32)}.game-results-level{display:flex;align-items:center;gap:14px}.game-results-level-line{justify-content:space-between;margin-bottom:6px;font-weight:700}.game-results-level-line,.game-results-level-name{display:flex;align-items:center;gap:8px}.game-results-tag{padding:0 6px 1px;border:2px solid var(--nb-ink);rotate:-3deg;background:var(--nb-yellow);box-shadow:0 2px 0 var(--nb-ink);color:var(--nb-ink);font-size:.75rem}.game-results-xp{color:var(--game-lime);font-size:.875rem}.game-results-note{margin-top:6px;color:rgba(255,237,194,.7);font-size:.75rem;font-weight:600}.game-results-held{visibility:hidden}.game-results-label{margin-bottom:10px;color:var(--game-crema);font-size:.8125rem;font-weight:700}.game-results-loot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:12px}.game-results-loot-item{display:flex;min-width:0;align-items:center;gap:10px}.game-results-loot-art{width:46px;flex-shrink:0}.game-results-loot-art .game-medal{width:100%}.game-results-loot-text{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px}.game-results-loot-title{font-size:.875rem;font-weight:700;line-height:1.15}.game-results-next{display:flex;align-items:center;gap:12px;font-size:.8125rem;font-weight:700}.game-results-next-title{display:block;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-results-next .px-bar{height:12px}.game-results-next-count{flex-shrink:0;color:rgba(255,237,194,.8);font-variant-numeric:tabular-nums}.game-results-join{align-self:center;padding:4px;color:var(--nb-yellow);font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.game-results-actions{position:relative;display:flex;width:100%;max-width:30rem;flex-shrink:0;flex-direction:column;gap:14px;margin-inline:auto;padding-bottom:6px}.game-results-again{width:100%}.game-results-again:not(:disabled){animation:game-nudge 2.8s steps(1) 2.4s infinite}.game-results-more{display:flex;gap:12px}.game-results-share{flex:1}.game-results-share svg{color:var(--game-lime)}.game-results-home{width:64px;flex-shrink:0;padding-inline:0}.game-results-more .px-btn:disabled{color:var(--nb-ink)}.game-results-more .px-btn:disabled svg{color:inherit}.game-results-status{position:absolute;bottom:calc(100% + 10px);inset-inline:0;z-index:2;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;pointer-events:none}.game-results-status:not(:empty){padding:6px 12px;border:3px solid var(--nb-ink);background:var(--nb-yellow);box-shadow:0 4px 0 var(--nb-ink);color:var(--nb-ink);font-size:.875rem;font-weight:700;text-align:center;animation:game-toast .2s var(--ease-out) both}@media (min-width:900px) and (min-height:600px),(orientation:landscape) and (max-height:560px){.game-results{display:grid;grid-template-areas:"hero side" "hero actions";grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto auto;align-content:safe center;gap:18px clamp(24px,4vw,56px);overflow-y:auto}.game-results-scroll{display:contents}.game-results-scroll>*{margin-block:0}.game-results-hero{max-width:none;grid-area:hero;align-self:center}.game-results-side{max-width:none;grid-area:side;align-self:end}.game-results-actions{max-width:none;grid-area:actions}}@media (min-width:900px) and (min-height:600px){.game-results-art{width:clamp(150px,22svh,220px)}.game-results-score{font-size:clamp(4rem,10svh,5.5rem)}.game-results .game-result-title{font-size:clamp(2rem,5svh,2.75rem)}}@property --game-count{syntax:"<integer>";inherits:false;initial-value:0}.game-count{counter-reset:game-count var(--game-count);transition:--game-count 1.1s var(--ease-out)}.game-count:after{content:counter(game-count)}.game-stars{display:flex;align-items:flex-end;justify-content:center;gap:4px;font-size:clamp(1.75rem,5svh,3rem);filter:drop-shadow(0 3px 0 rgb(0 0 0/.6))}.game-page-body{display:flex;flex-direction:column;gap:12px}@media (max-width:380px){.game-hud{gap:6px}.game-heart{width:25px}.game-score-value{min-width:3.75rem;padding:2px 7px;font-size:.9375rem}.game-combo{display:none}}@media (max-height:700px){.game-screen{gap:10px}}@media (min-width:640px) and (min-height:700px){.game-console{width:min(100% - 32px,600px);height:min(100svh - 32px,1000px);padding:12px;border:3px solid var(--game-ink);border-radius:24px;box-shadow:inset 0 0 0 2px rgba(217,164,65,.32),inset 0 3px 0 hsla(0,0%,100%,.07),-6px 6px 0 var(--game-ink)}.game-screen{padding:18px}}@media (min-width:900px) and (min-height:600px){.game-console{grid-template-areas:"hud hud" "stage stage" "card controls";grid-template-columns:minmax(0,1fr) clamp(240px,30%,320px);grid-template-rows:auto auto auto;gap:12px;width:min(100% - 48px,1180px,calc((100svh - 48px - 190px) * 16 / 9 + 30px));height:auto;padding:14px}.game-stage{aspect-ratio:16/9;background-image:var(--game-bg-wide);background-position:bottom}.game-screen{padding:22px 28px}.game-card{grid-template-columns:repeat(10,minmax(0,54px));justify-content:space-between;padding:8px 14px}.game-controls{height:auto;min-height:70px}.game-heart{width:32px}.game-progress-cup{font-size:1.25rem}.game-progress-next{font-size:.875rem}.game-page-body{padding-bottom:8px}}@media (orientation:landscape) and (max-height:560px){.game-console{grid-template-areas:"hud hud" "stage card" "stage controls";grid-template-columns:minmax(0,1fr) minmax(10.5rem,30%);grid-template-rows:auto 1fr auto;height:100svh}.game-hud{height:40px}.game-stage{background-image:var(--game-bg-wide);background-position:bottom}.game-card{grid-template-columns:repeat(5,minmax(0,1fr));align-self:start}.game-controls{align-self:end}}@keyframes game-word{0%{opacity:0;transform:scale(.5)}55%{opacity:1;transform:scale(1.14)}to{transform:none}}@keyframes game-ticket{0%{opacity:0;transform:translateY(-14px) rotate(-6deg)}}@keyframes game-land{0%{transform:scale(1.14)}}@keyframes game-nudge{0%{translate:0 0}86%{translate:0 -5px}90%{translate:0 0}93%{translate:0 -2px}97%{translate:0 0}}@keyframes game-bump{50%{transform:scale(1.3)}}@keyframes game-sigh{0%{transform:translateY(-10px)}40%{transform:translateY(2px)}to{transform:translateY(0) rotate(-5deg)}}@keyframes game-toast{0%{opacity:0;transform:scale(1.5)}}@keyframes game-screen-in{0%{opacity:0;transform:translateY(10px)}}@keyframes game-fade{0%{opacity:0}}@keyframes game-alarm{50%{background:rgba(90,12,8,.85)}}@keyframes game-heart-lost{0%{transform:scale(1.5);filter:drop-shadow(0 0 8px rgb(255 90 77/.9)) brightness(1.6)}25%{transform:scale(1.2) rotate(-12deg)}50%{transform:scale(1.1) rotate(10deg)}to{transform:none}}@keyframes game-heart-gain{0%{transform:scale(.3)}60%{transform:scale(1.35)}to{transform:none}}@keyframes press{0%{transform:scale(.3) rotate(-14deg);opacity:0}70%{transform:scale(1.14) rotate(3deg);opacity:1}to{transform:none;opacity:1}}.stamp-new{animation:press .42s var(--ease-out) both}.a11y-motion .game-console *,.a11y-motion .game-console :after,.a11y-motion .game-console :before{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.nb-avatar,.px-bar,.px-btn,.px-panel,.px-switch{--s:4px;--s2:calc(var(--s) * 2);--outer:polygon(var(--s2) 0,calc(100% - var(--s2)) 0,calc(100% - var(--s2)) var(--s),calc(100% - var(--s)) var(--s),calc(100% - var(--s)) var(--s2),100% var(--s2),100% calc(100% - var(--s2)),calc(100% - var(--s)) calc(100% - var(--s2)),calc(100% - var(--s)) calc(100% - var(--s)),calc(100% - var(--s2)) calc(100% - var(--s)),calc(100% - var(--s2)) 100%,var(--s2) 100%,var(--s2) calc(100% - var(--s)),var(--s) calc(100% - var(--s)),var(--s) calc(100% - var(--s2)),0 calc(100% - var(--s2)),0 var(--s2),var(--s) var(--s2),var(--s) var(--s),var(--s2) var(--s));--inner:polygon(var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--s),100% var(--s),100% calc(100% - var(--s)),calc(100% - var(--s)) calc(100% - var(--s)),calc(100% - var(--s)) 100%,var(--s) 100%,var(--s) calc(100% - var(--s)),0 calc(100% - var(--s)),0 var(--s),var(--s) var(--s))}.px-btn,.px-panel{--fill:var(--nb-cream);--hi:var(--nb-hi);--lo:var(--nb-lo);--edge:var(--nb-ink);position:relative;isolation:isolate}.px-btn:before,.px-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--edge);clip-path:var(--outer)}.px-btn:after,.px-panel:after{content:"";position:absolute;inset:var(--s);z-index:-1;clip-path:var(--inner);background:linear-gradient(var(--hi) 0 0) var(--s2) var(--s) /calc(100% - var(--s2) * 2) var(--s) no-repeat,linear-gradient(var(--hi) 0 0) var(--s) var(--s2) /var(--s) calc(100% - var(--s2) * 2) no-repeat,linear-gradient(var(--lo) 0 0) var(--s2) calc(100% - var(--s) * 2) /calc(100% - var(--s2) * 2) var(--s) no-repeat,linear-gradient(var(--lo) 0 0) calc(100% - var(--s) * 2) var(--s2) /var(--s) calc(100% - var(--s2) * 2) no-repeat,var(--fill)}.px-btn{--drop:6px;display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:10px 20px 12px;border:0;background:none;color:var(--nb-ink);font-size:1.125rem;font-weight:700;line-height:1.1;text-align:center;text-decoration:none;cursor:pointer;filter:drop-shadow(0 var(--drop) 0 var(--nb-ink));transition:transform 70ms steps(2),filter 70ms steps(2)}.px-btn-primary{--fill:var(--nb-yellow)}.px-btn-secondary{--fill:var(--nb-cream)}.px-btn-green{--fill:#0f5a37;--hi:#2f8a55;--lo:#052a19;color:var(--nb-cream)}.px-btn-danger{--fill:#d9402f;--hi:#ff8f80;--lo:#7a1b14;color:var(--nb-hi)}.px-btn-armed{--fill:#a3190f;animation:px-blink .7s steps(1) infinite}.px-btn-lg{--s:5px;min-height:68px;padding:12px 28px 15px;font-size:1.5rem}.px-btn-sm{--s:3px;--drop:4px;min-height:44px;padding:6px 12px 8px;font-size:.9375rem}.px-btn-icon{--drop:4px;width:48px;min-height:48px;flex-shrink:0;padding:0 0 2px}@media (hover:hover){.px-btn:not(:disabled):hover{filter:drop-shadow(0 var(--drop) 0 var(--nb-ink)) brightness(1.07)}}.px-btn:not(:disabled):active,.px-btn[data-pressed=true]{--drop:2px;transform:translateY(4px)}.px-btn:focus-visible{outline:3px solid #fff;outline-offset:5px}.px-btn:disabled{--fill:#9b947c;--hi:#b7b09a;--lo:#6f6957;--drop:2px;color:rgba(3,29,18,.62);cursor:not-allowed;transform:translateY(4px)}.px-btn[aria-busy=true]{cursor:progress}.px-panel{--lo:#d9c48f;padding:14px 16px 16px;color:var(--nb-ink);filter:drop-shadow(0 4px 0 rgb(0 0 0/.45))}.px-panel-green{--fill:#0b4a2e;--hi:#1d6b43;--lo:#04291a;color:var(--nb-cream)}.px-segments,.px-tabs{display:grid;flex-shrink:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;padding-bottom:4px}.px-segment,.px-tab{--fill:#0f5a37;--hi:#2f8a55;--lo:#052a19;padding-inline:4px;color:var(--nb-cream)}.px-segment[aria-checked=true],.px-tab[aria-selected=true]{--fill:var(--nb-yellow);--hi:var(--nb-hi);--lo:var(--nb-lo);color:var(--nb-ink)}.px-segment-hot[aria-checked=true]{--fill:#ff8a2f;--hi:#ffc58f;--lo:#8a3a0c}.px-toggle{display:flex;width:100%;min-height:56px;align-items:center;gap:12px;padding:6px 2px;border:0;background:none;color:inherit;text-align:start;cursor:pointer}.px-toggle+.px-toggle{border-top:3px dashed rgba(255,237,194,.18)}.px-toggle-note{display:block;font-size:.75rem;line-height:1.3;opacity:.72}.px-switch{--s:3px;position:relative;width:84px;height:38px;flex-shrink:0;background:var(--nb-ink);clip-path:var(--outer)}.px-switch:before{content:"";position:absolute;inset:var(--s);clip-path:var(--inner);background:linear-gradient(rgba(0,0,0,.35) 0 0) 0 0 /100% 4px no-repeat,#5c2a14}.px-toggle[aria-checked=true] .px-switch:before{background:linear-gradient(rgba(0,0,0,.18) 0 0) 0 0 /100% 4px no-repeat,var(--nb-yellow)}.px-switch-knob{position:absolute;top:7px;inset-inline-start:7px;width:24px;height:24px;background:var(--nb-cream);box-shadow:inset 3px 3px 0 #fff,inset -3px -3px 0 var(--nb-lo);clip-path:polygon(3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px),0 3px,3px 3px);transition:inset-inline-start .12s steps(3)}.px-toggle[aria-checked=true] .px-switch-knob{inset-inline-start:calc(100% - 31px)}.px-switch-text{position:absolute;inset-block:0;inset-inline-end:10px;display:grid;place-items:center;color:var(--nb-cream);font-size:.75rem;font-weight:700}.px-toggle[aria-checked=true] .px-switch-text{inset-inline-start:10px;inset-inline-end:auto;color:var(--nb-ink)}.px-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}.px-bar{--s:2px;position:relative;display:block;height:16px;background:var(--nb-ink);clip-path:var(--outer)}.px-bar:before{content:"";position:absolute;inset:3px;background:#062a1b}.px-bar-fill{position:absolute;inset-block:3px;inset-inline-start:3px;max-width:calc(100% - 6px);background:linear-gradient(var(--nb-hi) 0 0) 0 0 /100% 3px no-repeat,repeating-linear-gradient(90deg,var(--nb-yellow) 0 8px,#d9a800 8px 10px);transition:width 1s steps(12)}.px-input{width:100%;min-height:50px;padding:8px 12px;border:4px solid var(--nb-ink);border-radius:0;background:var(--nb-cream);box-shadow:inset 3px 3px 0 #d9c48f;color:var(--nb-ink);font-size:1rem;font-weight:700;-webkit-user-select:text;-moz-user-select:text;user-select:text}.px-input::-moz-placeholder{color:rgba(3,29,18,.45)}.px-input::placeholder{color:rgba(3,29,18,.45)}.px-input:focus-visible{outline:3px solid var(--nb-yellow);outline-offset:2px}.game-pour{width:100%;height:66px;white-space:nowrap}.game-hud .px-btn-icon{width:46px;min-height:42px}.nb-avatar{--s:4px;position:relative;display:inline-block;flex-shrink:0}.nb-avatar:before{content:"";position:absolute;inset:0;background:var(--nb-ink);clip-path:var(--outer)}.nb-avatar-face{position:absolute;inset:var(--s);clip-path:var(--inner);background:url(/game/avatar.png) 50% 0/cover no-repeat,radial-gradient(circle at 50% 35%,#e98a4e,var(--nb-brick) 70%)}.nb-avatar-level{position:absolute;right:-6px;bottom:-6px;display:grid;min-width:1.9em;height:1.9em;place-items:center;padding:0 3px;border:3px solid var(--nb-ink);background:var(--apron);box-shadow:0 3px 0 var(--nb-ink);color:var(--nb-ink);font-size:max(.7rem,1em);font-weight:700;line-height:1}.nb-avatar-level-dark{color:var(--nb-yellow)}.nb-welcome{direction:ltr;display:grid;grid-template-areas:"art" "menu";grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;overflow:hidden;background:var(--nb-green)}.nb-head,.nb-menu{direction:rtl}.nb-art{position:relative;grid-area:art;overflow:hidden;container-type:size;background:linear-gradient(#071f10,#0d3014)}.nb-scene{--cut:0.84;--h:max(calc(100cqw / 0.56 * 941 / 1672),calc((100cqh - 250px) / var(--cut)));position:absolute;top:calc(100cqh - var(--h) * var(--cut));right:0;height:var(--h);aspect-ratio:1672/941;-webkit-mask-image:linear-gradient(transparent,#000 7%);mask-image:linear-gradient(transparent,#000 7%)}.nb-bg,.nb-set{position:absolute;inset:0}.nb-bg{width:100%;height:100%}.nb-hero{position:absolute;top:0;left:var(--hero-x,42.5%);width:var(--hero-w,36%);height:76.1%;overflow:hidden}.nb-hero img{position:absolute;bottom:0;left:0;width:100%;height:auto;transform:translateY(10%);transform-origin:50% 100%;animation:nb-idle 3.6s ease-in-out infinite}.nb-steam{position:absolute;top:47%;width:.9%;aspect-ratio:1;background:rgba(255,244,205,.75);clip-path:polygon(25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%,0 25%,25% 25%);opacity:0;animation:nb-steam 2.6s steps(8) infinite}.nb-steam-1{left:81.2%}.nb-steam-2{left:85.6%;animation-delay:.9s}.nb-steam-3{left:89.4%;animation-delay:1.7s}.nb-avatar-button{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 4px 0 var(--nb-ink));transition:transform 70ms steps(2)}.nb-avatar-button:not(:disabled):active{transform:translateY(3px)}@media (hover:hover){.nb-avatar-button:not(:disabled):hover{filter:drop-shadow(0 4px 0 var(--nb-ink)) brightness(1.08)}}.nb-avatar-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.nb-avatar-xp{position:relative;display:block;width:56px;height:10px;border:3px solid var(--nb-ink);background:#062a1b}.nb-avatar-xp span{position:absolute;inset-block:0;left:0;background:var(--nb-yellow)}.nb-head{position:relative;z-index:2;grid-area:art;align-self:start;justify-self:center;width:min(84%,400px,46svh);padding-top:max(16px,env(safe-area-inset-top));text-align:center;pointer-events:none}.nb-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--nb-cream);font-size:.8125rem;font-weight:700;letter-spacing:.18em;text-shadow:0 2px 0 var(--nb-ink)}.nb-brand:after,.nb-brand:before,.nb-tagline:after,.nb-tagline:before{content:"";width:28px;height:3px;flex-shrink:0;background:currentColor;box-shadow:0 2px 0 var(--nb-ink)}.nb-title{position:relative;margin-top:2px}.nb-title img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 0 rgb(3 29 18/.55))}.nb-title-bean{position:absolute;top:40%;filter:drop-shadow(0 3px 0 var(--nb-ink))}.nb-title-bean-l{left:-6%;rotate:-18deg}.nb-title-bean-r{right:-6%;rotate:24deg}.nb-menu{position:relative;z-index:2;grid-area:menu;display:flex;flex-direction:column;gap:18px;padding:18px max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:4px solid var(--nb-ink);background:linear-gradient(#0f5a37 0 0) 0 0 /100% 4px no-repeat,var(--nb-green)}.nb-start{width:100%;min-height:74px;font-size:1.75rem}.nb-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nb-row .px-btn{min-height:56px;padding-inline:10px;font-size:1.0625rem}.nb-tagline{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--nb-cream);font-size:1rem;font-weight:700;text-align:center;text-shadow:0 2px 0 var(--nb-ink)}.nb-challenge{padding:6px 12px;border:3px solid var(--nb-ink);background:var(--nb-cream);box-shadow:0 4px 0 var(--nb-ink);color:var(--nb-ink);font-size:.9375rem;text-align:center}.nb-dialog-backdrop{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px;border-radius:inherit;background:rgba(3,29,18,.74);animation:game-fade .16s ease-out both}.nb-dialog{display:flex;width:min(100%,32rem);max-height:100%;flex-direction:column;gap:14px;padding:22px 22px 26px}.nb-dialog-title{color:var(--nb-ink);font-size:1.5rem;font-weight:700}.nb-rules{min-height:0;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.nb-rule,.nb-rules{display:flex;gap:12px}.nb-rule{align-items:flex-start;font-size:.9375rem;font-weight:500;line-height:1.45}.nb-rule-icon{display:grid;width:40px;height:40px;flex-shrink:0;place-items:center;border:3px solid var(--nb-ink);background:var(--nb-green);box-shadow:inset 3px 3px 0 #1d6b43}.nb-dialog-note{color:rgba(3,29,18,.7);font-size:.8125rem;line-height:1.45}.nb-dialog-close{align-self:center;min-width:12rem}.nb-me{display:flex;flex-shrink:0;align-items:center;gap:18px;padding:16px 18px 18px}.nb-me-name{font-size:1.25rem;font-weight:700;line-height:1.2}.nb-me-level{display:flex;align-items:center;gap:6px;color:var(--nb-yellow);font-size:.875rem;font-weight:700}.nb-me-left{margin-top:6px;font-size:.75rem;opacity:.75}.game-page-body{gap:18px}.nb-section{display:flex;flex-direction:column;gap:10px}.nb-section-title{color:var(--nb-yellow);font-size:.9375rem;font-weight:700;text-shadow:0 2px 0 var(--nb-ink)}.px-panel:not(.px-panel-green) .nb-section-title{color:var(--nb-ink);text-shadow:none}.nb-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;font-weight:700}.nb-section-note{color:var(--nb-brick);font-size:.875rem}.nb-card-big.game-card{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,3vw,16px);padding:4px;border:0;background:none;box-shadow:none;rotate:none}.nb-daily{display:flex;align-items:center;gap:12px}.nb-daily-icon{display:grid;width:42px;height:42px;flex-shrink:0;place-items:center;border:3px solid var(--nb-ink);background:#0f5a37;color:var(--nb-yellow)}.nb-daily-done .nb-daily-icon{background:var(--nb-yellow);color:var(--nb-ink)}.nb-daily-label{display:block;color:var(--nb-yellow);font-size:.75rem;font-weight:700}.nb-daily-goal{display:block;font-weight:700;line-height:1.3}.nb-daily-side{display:flex;flex-shrink:0;flex-direction:column;align-items:flex-end;gap:6px}.nb-chip{padding:2px 8px;border:3px solid var(--nb-ink);background:var(--nb-yellow);color:var(--nb-ink);font-size:.8125rem;font-weight:700;white-space:nowrap}.nb-streak{display:inline-flex;align-items:center;gap:4px;color:#ffb35c;font-size:.75rem;font-weight:700}.nb-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,9rem),1fr));gap:12px}.nb-stat dt{color:var(--nb-yellow);font-size:.75rem;font-weight:700}.nb-stat dd{font-size:1.625rem;font-weight:700;line-height:1.2;text-align:start;font-variant-numeric:tabular-nums}.nb-reward{display:flex;flex-direction:column;gap:10px}.nb-reward-real{--fill:#fff4cd}.nb-reward-text{font-size:.8125rem;line-height:1.45;opacity:.85}.nb-reward-cups{display:flex;flex-wrap:wrap;align-items:center;gap:2px}.nb-reward-cups img{width:40px;height:auto}.nb-reward-count{margin-inline-start:auto;font-size:1.75rem;font-weight:700}.nb-reward .px-btn{align-self:flex-start}.nb-ribbon{position:absolute;top:12px;inset-inline-end:12px;padding:2px 9px;border:3px solid var(--nb-ink);rotate:-4deg;background:var(--nb-yellow);color:var(--nb-ink);font-size:.75rem;font-weight:700}.nb-week{display:flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:700}.nb-week-dots{display:flex;gap:6px}.nb-week-dot{width:16px;height:16px;border:3px solid var(--nb-ink);background:#d9c48f}.nb-week-dot-on{background:var(--nb-yellow)}.nb-footnote{font-size:.8125rem;line-height:1.45;text-align:center;opacity:.75}.nb-badge-title{display:block;font-size:.875rem;font-weight:700;line-height:1.2}.nb-badge-hint{display:block;font-size:.75rem;line-height:1.3;opacity:.78}.nb-badge-progress{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums}.nb-badge-progress .px-bar{height:12px;flex:1}.nb-tier{flex-shrink:0;align-self:flex-start;padding:0 6px;border:2px solid var(--nb-ink);color:var(--nb-ink);font-size:.6875rem;font-weight:700}.nb-tier-bronze{background:#e3a36a}.nb-tier-silver{background:#dfe5ec}.nb-tier-gold{background:var(--nb-yellow)}.game-medal{border-radius:0;clip-path:polygon(25% 0,75% 0,75% 8%,92% 8%,92% 25%,100% 25%,100% 75%,92% 75%,92% 92%,75% 92%,75% 100%,25% 100%,25% 92%,8% 92%,8% 75%,0 75%,0 25%,8% 25%,8% 8%,25% 8%);border:0;background:var(--nb-ink);box-shadow:none}.game-medal:after,.game-medal:before{content:"";position:absolute;clip-path:inherit}.game-medal:before{inset:3px;background:var(--tier)}.game-medal:after{inset:7px;background:radial-gradient(circle at 40% 30%,#1d6b43,#062a1b 75%)}.game-medal{position:relative;isolation:isolate}.game-medal-art{position:relative;z-index:1}.nb-rival{color:var(--nb-yellow);font-size:.9375rem;font-weight:700;text-align:center;text-shadow:0 2px 0 var(--nb-ink)}.nb-podium{display:grid;width:100%;max-width:26rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-inline:auto}.nb-podium-step{display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px;text-align:center}.nb-podium-name{max-width:100%;overflow:hidden;font-size:.8125rem;font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.nb-podium-score{font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.nb-podium-me .nb-podium-name,.nb-podium-score{color:var(--nb-yellow)}.nb-podium-block{display:grid;width:100%;height:44px;place-items:center;border:4px solid var(--nb-ink);border-bottom:0;background:#e3a36a;box-shadow:inset 4px 4px 0 hsla(0,0%,100%,.4),inset -4px 0 0 rgba(0,0,0,.18);color:var(--nb-ink);font-size:1.375rem;font-weight:700}.nb-podium-1 .nb-podium-block{height:76px;background:var(--nb-yellow)}.nb-podium-2 .nb-podium-block{height:58px;background:#dfe5ec}.nb-staff{border:3px solid var(--nb-ink);background-position:50% 30%;background-size:120%;background-color:var(--nb-hi);box-shadow:inset -3px -3px 0 #d8c9a8,0 3px 0 var(--nb-ink)}.nb-board{display:flex;flex-direction:column;gap:12px}.nb-board-row{display:flex;align-items:center;gap:12px;padding:8px 14px 10px}.nb-board-me{--fill:var(--nb-yellow)}.nb-board-rank{width:1.5rem;flex-shrink:0;font-weight:700;text-align:center;opacity:.75}.nb-board-tag{display:block;font-size:.6875rem;font-weight:600;opacity:.65}.nb-board-score{font-weight:700;font-variant-numeric:tabular-nums}.px-panel-green .nb-board-score{color:var(--nb-yellow)}.nb-board-row .game-stars{font-size:1rem}.nb-settings{display:flex;flex-direction:column;gap:10px;padding-inline:8px}.nb-settings-note{font-size:.8125rem;line-height:1.4;opacity:.8}.nb-danger{--fill:#3a0f0b;--hi:#6b1f17;--lo:#1d0605;display:flex;flex-direction:column;gap:10px;color:var(--nb-cream)}.nb-danger:after{background:repeating-linear-gradient(135deg,var(--nb-yellow) 0 8px,var(--nb-ink) 8px 16px) 0 0 /100% 8px no-repeat,linear-gradient(var(--lo) 0 0) var(--s2) calc(100% - var(--s) * 2) /calc(100% - var(--s2) * 2) var(--s) no-repeat,var(--fill)}.nb-danger-title{margin-top:6px;color:#ff8f80;font-size:1rem;font-weight:700}.nb-danger-text{font-size:.8125rem;line-height:1.45;opacity:.85}.nb-danger .px-btn{align-self:flex-start}@media (min-width:900px) and (min-height:600px){.nb-welcome{--hero-x:15.5%;grid-template-areas:". ." ". head" ". menu" ". .";grid-template-columns:minmax(0,1fr) minmax(0,42%);grid-template-rows:.5fr auto auto 1.6fr}.nb-art{grid-area:1/1/-1/-1}.nb-scene{--cut:1;--h:max(100cqh,calc(100cqw * 941 / 1672));right:auto;left:0;-webkit-mask-image:none;mask-image:none}.nb-set{transform:scaleX(-1)}.nb-head{grid-area:head;align-self:end;width:min(84%,500px);padding:0}.nb-menu{grid-area:menu;justify-self:center;width:min(84%,27rem);padding:22px 0 0;border:0;background:none}.nb-avatar-button{top:18px;left:18px}}@media (orientation:landscape) and (max-height:560px){.nb-welcome{grid-template-areas:"head ." "menu .";grid-template-columns:minmax(0,50%) minmax(0,1fr);grid-template-rows:1fr auto}.nb-art{grid-area:1/1/-1/-1}.nb-scene{--cut:1;--h:max(100cqh,calc(100cqw * 941 / 1672));-webkit-mask-image:none;mask-image:none}.nb-head{grid-area:head;align-self:end;width:min(70%,300px);padding:0}.nb-menu{grid-area:menu;gap:12px;padding:12px 16px 14px;border:0;background:none}.nb-tagline{display:none}}@keyframes nb-idle{0%,to{transform:translateY(10%) rotate(0deg)}50%{transform:translateY(calc(10% - 4px)) rotate(-.6deg)}}@keyframes nb-steam{0%{opacity:0;transform:translateY(0) scale(.8)}25%{opacity:.8}to{opacity:0;transform:translateY(-500%) translateX(60%) scale(1.6)}}@keyframes px-blink{50%{--fill:#d9402f}}.nb-count{position:absolute;inset:0;z-index:6;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 50% 50%,transparent 30%,rgba(3,29,18,.72) 100%);pointer-events:none;animation:game-fade .3s ease-out both}.nb-count:after,.nb-count:before{content:"";position:absolute;inset-inline:0;z-index:3;height:11%;background:#000;box-shadow:0 0 0 4px var(--nb-ink);animation:nb-bars-in .32s steps(4) both}.nb-count:before{top:0}.nb-count:after{bottom:0;--from:100%}.nb-count-go{background:none;animation:nb-count-out .65s ease-in both}.nb-count-go:after,.nb-count-go:before{animation:nb-bars-out .36s steps(4) both}.nb-count-rays{position:absolute;width:160cqmax;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,rgba(255,204,16,.2) 0 9deg,transparent 9deg 22.5deg);-webkit-mask-image:radial-gradient(circle,#000 8%,transparent 42%);mask-image:radial-gradient(circle,#000 8%,transparent 42%);animation:nb-rays 6s steps(48) infinite}.nb-count-go .nb-count-rays{background:repeating-conic-gradient(from 0deg,rgba(119,249,6,.35) 0 9deg,transparent 9deg 22.5deg);animation:nb-rays 6s steps(48) infinite,nb-rays-burst .6s ease-out both}.nb-count-beat{--c:var(--nb-yellow);position:relative;z-index:2;display:grid;place-items:center;grid-area:1/1}.nb-count-num{color:var(--c);font-size:clamp(6rem,46cqmin,17rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;-webkit-text-stroke:clamp(6px,2.4cqmin,14px) var(--nb-ink);paint-order:stroke fill;text-shadow:0 clamp(6px,2cqmin,12px) 0 var(--nb-ink),0 0 40px rgba(0,0,0,.5);animation:nb-count-pop .8s cubic-bezier(.2,1.4,.4,1) both}.nb-count-3{--c:#f34b43}.nb-count-2{--c:#ff8a2f}.nb-count-1{--c:var(--nb-yellow)}.nb-count-0{--c:#77f906}.nb-count-0 .nb-count-num{font-size:clamp(3rem,min(18cqmin,16cqw),9rem);white-space:nowrap;animation:nb-go-pop .65s cubic-bezier(.2,1.5,.4,1) both}.nb-count-ring{position:absolute;width:clamp(120px,52cqmin,340px);aspect-ratio:1;border:clamp(6px,1.6cqmin,10px) solid var(--c);box-shadow:0 0 0 4px var(--nb-ink),inset 0 0 0 4px var(--nb-ink);clip-path:polygon(12% 0,88% 0,88% 6%,94% 6%,94% 12%,100% 12%,100% 88%,94% 88%,94% 94%,88% 94%,88% 100%,12% 100%,12% 94%,6% 94%,6% 88%,0 88%,0 12%,6% 12%,6% 6%,12% 6%);opacity:0;animation:nb-ring .56s steps(7) 60ms both}.nb-count-label{position:absolute;top:calc(11% + 14px);z-index:2;padding:4px 14px 6px;border:4px solid var(--nb-ink);background:var(--nb-cream);box-shadow:0 5px 0 var(--nb-ink);color:var(--nb-ink);font-size:clamp(.9375rem,4cqmin,1.375rem);font-weight:700;animation:nb-label-in .3s steps(3) both}.nb-count-flash{position:absolute;inset:0;z-index:4;background:#fff;opacity:0}.nb-count-go .nb-count-flash{animation:nb-flash .26s steps(3) both}@keyframes nb-bars-in{0%{transform:translateY(var(--from,-100%))}}@keyframes nb-bars-out{to{transform:translateY(var(--from,-100%))}}@keyframes nb-count-out{0%,55%{opacity:1}to{opacity:0}}@keyframes nb-rays{to{rotate:1turn}}@keyframes nb-rays-burst{0%{scale:.6}to{scale:1.6}}@keyframes nb-count-pop{0%{opacity:0;scale:3.2;rotate:-8deg}22%{opacity:1;scale:.92;rotate:0deg}30%{translate:-4px 2px}36%{translate:4px -2px;scale:1}42%{translate:0 0}82%{opacity:1;scale:1}to{opacity:0;scale:.7}}@keyframes nb-go-pop{0%{opacity:0;scale:.4}35%{opacity:1;scale:1.25}55%{scale:1}80%{opacity:1}to{opacity:0;scale:1.6}}@keyframes nb-ring{0%{opacity:.95;scale:.5}to{opacity:0;scale:1.7}}@keyframes nb-label-in{0%{translate:0 -20px;opacity:0}}@keyframes nb-flash{0%{opacity:.75}to{opacity:0}}.nb-cel{--cel:var(--nb-yellow);position:absolute;inset:0;z-index:40;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;container-type:size;border-radius:inherit;background:radial-gradient(ellipse 75% 60% at 50% 40%,rgba(9,66,42,.97),rgba(2,14,9,.99) 72%);color:var(--nb-cream);cursor:pointer;animation:nb-cel-in .2s steps(3) both}.nb-cel:after,.nb-cel:before{content:"";position:absolute;inset-inline:0;z-index:3;height:7%;background:#000;box-shadow:0 0 0 4px var(--nb-ink);pointer-events:none;animation:nb-bars-in .28s steps(4) both}.nb-cel:before{top:0}.nb-cel:after{bottom:0;--from:100%}.nb-cel-out{animation:nb-cel-leave .28s steps(4) both}.nb-cel-out:after,.nb-cel-out:before{animation:nb-bars-out .28s steps(4) both}.nb-cel-stage{--hero:clamp(96px,min(29cqh,46cqw),240px);position:relative;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.8cqh,14px);padding:calc(7cqh + 10px) 20px 0;text-align:center}.nb-cel-silver .nb-cel-stage{--amp:3px;animation:nb-cel-shake .32s steps(6) var(--slam) both}.nb-cel-gold .nb-cel-stage{--amp:7px;animation:nb-cel-shake .42s steps(8) var(--slam) both}.nb-cel-banner{--fill:var(--nb-yellow);--hi:#fff1a8;--lo:#c99a00;z-index:2;padding:6px 18px 9px;color:var(--nb-ink);font-size:clamp(1rem,4.6cqmin,1.5rem);font-weight:700;line-height:1.1;filter:drop-shadow(0 5px 0 var(--nb-ink));animation:nb-cel-banner .36s steps(4) 60ms both}.nb-cel-hero{position:relative;isolation:isolate;display:grid;width:var(--hero);aspect-ratio:1;flex-shrink:0;place-items:center;margin-block:clamp(4px,1.6cqh,16px)}.nb-cel-rays{position:absolute;top:50%;left:50%;z-index:-2;width:max(180cqmax,900px);aspect-ratio:1;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--cel) 34%,transparent) 0 8deg,transparent 8deg 20deg);-webkit-mask-image:radial-gradient(circle,#000 6%,transparent 38%);mask-image:radial-gradient(circle,#000 6%,transparent 38%);animation:nb-rays 9s steps(72) infinite,nb-cel-rays-in .5s ease-out var(--slam) both}.nb-cel-bronze .nb-cel-rays{-webkit-mask-image:radial-gradient(circle,#000 4%,transparent 24%);mask-image:radial-gradient(circle,#000 4%,transparent 24%)}.nb-cel-rays-back{z-index:-3;background:repeating-conic-gradient(from 10deg,hsla(0,0%,100%,.12) 0 4deg,transparent 4deg 15deg);animation:nb-rays-rev 14s steps(96) infinite,nb-cel-rays-in .7s ease-out var(--slam) both}.nb-cel-hero:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(circle,color-mix(in srgb,var(--cel) 45%,transparent) 0,transparent 62%);animation:nb-cel-rays-in .5s ease-out var(--slam) both}.nb-cel-level-new,.nb-cel-medal{animation:nb-cel-slam .62s cubic-bezier(.2,1.4,.4,1) calc(var(--slam) - .18s) both}.nb-cel-medal{position:relative;display:grid;width:100%;place-items:center;filter:drop-shadow(0 8px 0 var(--nb-ink))}.nb-cel-medal .game-medal{width:100%}.nb-cel-medal .game-medal:before{inset:7px}.nb-cel-medal .game-medal:after{inset:calc(7px + clamp(6px, 2.4cqmin, 12px))}.nb-cel-glint{position:absolute;inset:0;clip-path:polygon(25% 0,75% 0,75% 8%,92% 8%,92% 25%,100% 25%,100% 75%,92% 75%,92% 92%,75% 92%,75% 100%,25% 100%,25% 92%,8% 92%,8% 75%,0 75%,0 25%,8% 25%,8% 8%,25% 8%);background:linear-gradient(105deg,transparent 42%,hsla(0,0%,100%,.75) 48%,hsla(0,0%,100%,.75) 53%,transparent 59%) 160% 0 /300% 100% no-repeat;pointer-events:none;animation:nb-cel-glint .7s steps(10) calc(var(--slam) + .42s) both}.nb-cel-gold .nb-cel-glint{animation:nb-cel-glint .7s steps(10) calc(var(--slam) + .42s) 2 both}.nb-cel-locked .game-medal-art{animation:nb-cel-colorup 1ms steps(1) var(--slam) both}.nb-cel-lock{position:absolute;width:46%;filter:drop-shadow(0 4px 0 var(--nb-ink));animation:nb-cel-lock .9s steps(9) both}.nb-cel-is-unlock .nb-cel-medal{animation:nb-cel-pop .42s cubic-bezier(.2,1.4,.4,1) calc(var(--slam) - 40ms) both}.nb-cel-level{display:grid;place-items:center}.nb-cel-level>span{grid-area:1/1;color:var(--cel);font-size:clamp(5rem,34cqmin,13rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;-webkit-text-stroke:clamp(6px,2.2cqmin,13px) var(--nb-ink);paint-order:stroke fill;text-shadow:0 clamp(6px,2cqmin,12px) 0 var(--nb-ink)}.nb-cel-level-old{color:var(--nb-cream)!important;animation:nb-cel-knock .42s steps(6) calc(var(--slam) - .2s) both}.nb-cel-apron{display:grid;place-items:center;animation:nb-cel-reveal calc(var(--slam) + .56s) linear both}.nb-cel-apron .game-piece{width:var(--hero);filter:drop-shadow(0 clamp(6px,2cqmin,12px) 0 var(--nb-ink))}.nb-cel-ring{position:absolute;inset:-6%;z-index:-1;border:clamp(6px,1.8cqmin,11px) solid var(--cel);box-shadow:0 0 0 4px var(--nb-ink),inset 0 0 0 4px var(--nb-ink);clip-path:polygon(12% 0,88% 0,88% 6%,94% 6%,94% 12%,100% 12%,100% 88%,94% 88%,94% 94%,88% 94%,88% 100%,12% 100%,12% 94%,6% 94%,6% 88%,0 88%,0 12%,6% 12%,6% 6%,12% 6%);opacity:0;animation:nb-ring .6s steps(7) var(--slam) forwards}.nb-cel-bronze .nb-cel-ring{display:none}.nb-cel-spark{position:absolute;top:calc(50% + var(--y) * 50% - 9px);left:calc(50% + var(--x) * 62% - 9px);width:18px;aspect-ratio:1;background:#fff;clip-path:polygon(40% 0,60% 0,60% 40%,100% 40%,100% 60%,60% 60%,60% 100%,40% 100%,40% 60%,0 60%,0 40%,40% 40%);opacity:0;animation:nb-cel-twinkle .9s steps(6) calc(var(--slam) + .15s + var(--i) * .11s) infinite}.nb-cel-spark:nth-child(2n){width:12px;background:var(--cel)}.nb-cel-title{z-index:1;max-width:20ch;color:var(--cel);font-size:clamp(1.75rem,9cqmin,3.75rem);font-weight:700;line-height:1.05;-webkit-text-stroke:clamp(5px,1.5cqmin,9px) var(--nb-ink);paint-order:stroke fill;text-shadow:0 clamp(4px,1.3cqmin,7px) 0 var(--nb-ink);animation:nb-cel-title .46s cubic-bezier(.2,1.5,.4,1) calc(var(--slam) + .12s) both}.nb-cel-tier{z-index:1;align-self:center;padding:1px 12px 2px;border-width:3px;box-shadow:0 4px 0 var(--nb-ink);font-size:clamp(.875rem,3.4cqmin,1.125rem);animation:nb-cel-stamp .32s steps(4) calc(var(--slam) + .3s) both}.nb-cel-text{z-index:1;max-width:28rem;color:var(--nb-cream);font-size:clamp(.9375rem,3.6cqmin,1.1875rem);font-weight:600;line-height:1.35;text-shadow:0 2px 0 var(--nb-ink);animation:nb-cel-up .3s steps(3) calc(var(--slam) + .42s) both}.nb-cel-flash{position:absolute;inset:-20%;z-index:4;background:#fff;opacity:0;pointer-events:none}.nb-cel-silver .nb-cel-flash{animation:nb-cel-flash-soft .24s steps(3) var(--slam) forwards}.nb-cel-gold .nb-cel-flash{animation:nb-flash .3s steps(3) var(--slam) forwards}.nb-cel-foot{z-index:4;flex-direction:column;gap:8px;padding:8px 16px calc(7cqh + 10px)}.nb-cel-actions,.nb-cel-foot{display:flex;align-items:center}.nb-cel-actions{min-height:40px;gap:14px}.nb-cel-pips{display:flex;gap:6px}.nb-cel-pip{width:12px;height:12px;border:3px solid var(--nb-ink);background:#0d3a25}.nb-cel-pip-done{background:var(--nb-cream)}.nb-cel-pip-now{background:var(--nb-yellow);scale:1.25}.nb-cel-next{padding:4px 10px;border:0;background:none;color:var(--nb-cream);font-size:.9375rem;font-weight:700;cursor:pointer;animation:px-text-blink 1s steps(1) .9s infinite both}.nb-cel-next:focus-visible{outline:3px solid var(--nb-yellow);outline-offset:2px}.nb-cel-skip{min-height:40px}@keyframes nb-cel-in{0%{opacity:0}}@keyframes nb-cel-leave{to{opacity:0}}@keyframes nb-cel-shake{0%,to{translate:0 0}20%{translate:calc(var(--amp) * -1) var(--amp)}40%{translate:var(--amp) calc(var(--amp) * -.5)}60%{translate:calc(var(--amp) * -.6) calc(var(--amp) * -.6)}80%{translate:calc(var(--amp) * .4) calc(var(--amp) * .3)}}@keyframes nb-cel-banner{0%{translate:0 -60px;opacity:0}60%{translate:0 6px;opacity:1}}@keyframes nb-cel-rays-in{0%{opacity:0;scale:.4}}@keyframes nb-rays-rev{to{rotate:-1turn}}@keyframes nb-cel-slam{0%{opacity:0;scale:3.4;rotate:-12deg}30%{opacity:1;scale:.86;rotate:0deg}48%{scale:1.08}66%{scale:.97}to{opacity:1;scale:1}}@keyframes nb-cel-pop{0%{scale:1}40%{scale:1.18}to{scale:1}}@keyframes nb-cel-glint{to{background-position:-60% 0}}@keyframes nb-cel-colorup{0%{filter:grayscale(1) brightness(.45)}to{filter:drop-shadow(0 2px 0 rgb(0 0 0/.6))}}@keyframes nb-cel-lock{0%,10%{opacity:1;translate:0 0;rotate:0deg}20%{rotate:-10deg}30%{rotate:10deg}40%{rotate:-6deg;translate:0 0}55%{opacity:1;translate:-10% -30%;rotate:-24deg}to{opacity:0;translate:-40% 220%;rotate:-80deg}}@keyframes nb-cel-knock{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -60%;scale:.6}}@keyframes nb-cel-reveal{0%{opacity:0;scale:.7;filter:brightness(0)}10%{opacity:1;scale:.9}20%{rotate:-4deg}30%{rotate:4deg}40%{rotate:-5deg}50%{rotate:5deg}56%{scale:.95;rotate:0deg;filter:brightness(0)}62%{scale:1.3;filter:brightness(3)}78%{scale:.95;filter:brightness(1)}to{opacity:1;scale:1;filter:none}}@keyframes nb-cel-twinkle{0%,to{opacity:0;scale:.3}40%{opacity:1;scale:1}}@keyframes nb-cel-title{0%{opacity:0;scale:.5}}@keyframes nb-cel-stamp{0%{opacity:0;scale:2;rotate:-8deg}}@keyframes nb-cel-up{0%{opacity:0;translate:0 12px}}@keyframes nb-cel-flash-soft{0%{opacity:.4}to{opacity:0}}@keyframes px-text-blink{50%{opacity:.25}}@keyframes nb-cel-collect{to{opacity:0;translate:0 40cqh;scale:.25}}.nb-cel-out .nb-cel-hero{animation:nb-cel-collect .28s ease-in both}.nb-case-head{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.nb-case-count{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.nb-case-title{color:var(--nb-yellow);font-size:1.125rem;font-weight:700}.nb-case-big{color:var(--nb-cream);font-size:2rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--nb-ink)}.nb-case-big small{font-size:.55em;opacity:.7}.nb-case-head .px-bar{height:14px}.nb-case-tiers{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums}.nb-case-tiers li{display:flex;align-items:center;gap:6px}.nb-next{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:12px}.nb-next-row{display:flex;align-items:center;gap:12px;padding:10px 14px 12px;color:var(--nb-ink)}.nb-next-left{flex-shrink:0;align-self:flex-start;padding:1px 8px;border:2px solid var(--nb-ink);background:var(--nb-yellow);font-size:.75rem;font-weight:700}.nb-shelf{display:flex;flex-direction:column;gap:10px;margin-top:6px}.nb-shelf-title{display:flex;align-items:center;gap:10px;color:var(--shelf);font-size:1rem;font-weight:700;text-shadow:0 2px 0 var(--nb-ink)}.nb-shelf-title:after{content:"";height:6px;flex:1;border-block:2px solid var(--nb-ink);background:var(--shelf)}.nb-shelf-bronze{--shelf:#e3a36a}.nb-shelf-silver{--shelf:#dfe5ec}.nb-shelf-gold{--shelf:var(--nb-yellow)}.nb-shelf-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46%,10rem),1fr));gap:12px}.nb-shelf-row>li,.nb-trophy{display:flex}.nb-trophy{width:100%;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:0;background:none;color:inherit;font:inherit;text-align:center}.nb-trophy .game-medal{width:clamp(56px,18vw,72px);margin-bottom:4px}.nb-trophy:not(.nb-trophy-on) .game-medal{opacity:.75}.nb-trophy-title{font-size:.875rem;font-weight:700;line-height:1.2}.nb-trophy-hint{font-size:.75rem;line-height:1.3;opacity:.78}.nb-trophy .nb-badge-progress{width:100%}.nb-trophy-on{color:var(--nb-ink);cursor:pointer;filter:drop-shadow(0 5px 0 var(--nb-ink));transition:transform 70ms steps(2)}.nb-trophy-on .game-medal{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--shelf) 70%,transparent))}@media (hover:hover){.nb-trophy-on:hover{transform:translateY(-2px)}}.nb-trophy-on:active{transform:translateY(3px)}.nb-trophy-on:focus-visible{outline:3px solid #fff;outline-offset:3px}.nb-trophy-new{top:-6px;inset-inline-start:-4px;z-index:1;padding:1px 7px 2px;border:3px solid var(--nb-ink);rotate:-6deg;background:var(--game-red);color:#fff;font-size:.6875rem;animation:nb-new-bob 1.4s steps(2) infinite}.nb-avatar-new,.nb-trophy-new{position:absolute;font-weight:700}.nb-avatar-new{top:-8px;right:-10px;z-index:2;display:grid;min-width:24px;height:24px;place-items:center;padding-inline:4px;border:3px solid var(--nb-ink);background:var(--game-red);color:#fff;font-size:.75rem;line-height:1;animation:nb-new-bob 1.4s steps(2) infinite}@keyframes nb-new-bob{50%{translate:0 -3px}}@container (max-height: 470px){.nb-cel-stage{--hero:clamp(84px,26cqh,140px);gap:4px;padding-top:calc(7cqh + 4px)}.nb-cel-banner{padding:3px 12px 6px;font-size:.9375rem}.nb-cel-title{font-size:clamp(1.5rem,8cqh,2.25rem)}.nb-cel-text{font-size:.875rem}.nb-cel-pips{display:none}.nb-cel-foot{padding:4px 16px calc(7cqh + 4px)}}