@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:400;src:url(./comic-neue-latin-400-normal-BdhG8RSD.woff2)format("woff2"),url(./comic-neue-latin-400-normal-CU7kPFAv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(./comic-neue-latin-700-normal-NE4Vcoll.woff2)format("woff2"),url(./comic-neue-latin-700-normal-yR9qu__P.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pink:#c69;--pink-dark:#a34d7a;--sky:#7db4cf;--yellow:#ff0;--gold:#fcd127;--red:#c2221c;--ink:#111;--cream:#ff9;--blue:#2896ff;font-family:Comic Neue,Comic Sans MS,cursive;font-weight:700}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{background:var(--sky);height:100%;color:var(--ink);touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>section{position:absolute;inset:0}.hidden{display:none!important}.screen{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));pointer-events:auto;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.panel{background:var(--pink)}#menu{padding-bottom:max(40px, env(safe-area-inset-bottom));justify-content:flex-end}#result{background:#cc6699d1}#logo{top:max(24px, env(safe-area-inset-top));filter:drop-shadow(0 6px #00000040);width:min(80vw,520px);position:absolute}#logo:not([src]){display:none}h1{margin:0;font-size:clamp(32px,8vw,56px)}button{font:inherit;color:var(--ink);border:6px solid var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:18px;padding:8px 22px;font-size:22px;transform:rotate(-1deg)}button:nth-child(2n){transform:rotate(1deg)}button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}button:disabled,button.poor{opacity:.45;cursor:default}button.big{background:var(--yellow);padding:12px 34px;font-size:34px}button.icon{right:16px;top:max(16px, env(safe-area-inset-top));padding:4px 12px;font-size:22px;position:absolute}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pill{border:4px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:2px 14px 2px 6px;font-size:20px;display:inline-flex}.pill.big{font-size:34px}#menu>.coins{left:16px;top:max(16px, env(safe-area-inset-top));position:absolute}.coinIcon{background:var(--gold) center / cover no-repeat;border:3px solid var(--ink);border-radius:50%;width:1.2em;height:1.2em}.coinIcon.img{border:0}.levelName{background:var(--cream);border:4px solid var(--ink);border-radius:12px;margin:0;padding:2px 14px;font-size:26px}.notice{background:#fff;border-radius:8px;margin:0;padding:4px 10px;font-size:15px;position:absolute;bottom:8px}#hud .top{left:0;right:0;top:max(10px, env(safe-area-inset-top));align-items:center;gap:10px;padding:0 12px;display:flex;position:absolute}.progress{border:4px solid var(--ink);background:#fff;border-radius:10px;flex:1;height:18px;overflow:hidden}.progress i{background:var(--pink);width:0;height:100%;display:block}.bossBar{left:50%;top:max(52px, env(safe-area-inset-top));width:min(92vw,520px);color:var(--gold);border:4px solid var(--ink);background:#140404d1;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 12px;font-size:18px;display:grid;position:absolute;transform:translate(-50%)}.bossBar p{text-align:center;color:#ffb3b3;grid-column:1/-1;margin:0;font-size:14px}.bossTrack{border:3px solid var(--gold);background:#3a0b0b;border-radius:8px;height:16px;overflow:hidden}.bossTrack i{background:linear-gradient(90deg,#ff3b2f,#ffb02e);width:100%;height:100%;transition:width .12s;display:block}.popup{-webkit-text-stroke:3px var(--ink);opacity:0;font-size:clamp(48px,14vw,96px);transition:opacity .5s,transform .5s;position:absolute;top:28%;left:50%;transform:translate(-50%,-50%)scale(.6)}.popup.show{opacity:1;transition:none;transform:translate(-50%,-50%)scale(1)}.popup.good{color:var(--yellow)}.popup.bad{color:var(--red)}.hint{bottom:max(30px, env(safe-area-inset-bottom));border:4px solid var(--ink);white-space:nowrap;background:#fff;border-radius:12px;margin:0;padding:4px 12px;font-size:20px;transition:opacity .6s;position:absolute;left:50%;transform:translate(-50%)}.list{touch-action:pan-y;flex-direction:column;gap:10px;width:min(100%,520px);max-height:62vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.list li{text-align:left;border:5px solid var(--ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;display:flex}.list li>div{flex:1}.list .name{font-size:22px}.list .desc{font-size:15px;font-weight:400}.list .lvl{color:var(--pink-dark);font-size:14px}.list button{white-space:nowrap;padding:4px 12px;font-size:18px}.list li.equipped{background:var(--cream)}.ngUser{min-height:1em;margin:0;font-size:15px}#ngLogin{background:#fda;font-size:17px}.medalToast{left:50%;top:max(56px, env(safe-area-inset-top));background:var(--yellow);border:5px solid var(--ink);pointer-events:none;opacity:0;border-radius:16px;flex-direction:column;align-items:center;padding:6px 18px;font-size:22px;transition:transform .35s,opacity .35s;display:flex;position:absolute;transform:translate(-50%,-160%)}.medalToast b{font-size:15px}.medalToast.show{opacity:1;transform:translate(-50%)}.worldHead{align-items:center;gap:12px;display:flex}.worldHead h1{font-size:clamp(24px,6vw,40px)}.arrow{padding:4px 14px;font-size:22px}.levelGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(100%,520px);display:grid}.lvlBtn{background:var(--cream);flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;font-size:24px;display:flex;transform:none}.lvlBtn:nth-child(2n){transform:none}.lvlBtn i{color:#b8860b;letter-spacing:1px;font-size:14px;font-style:normal}.lvlBtn.locked{background:#ddd}.lvlBtn.bossLvl{background:#ffd9d9;border-color:#7a0f0f}.resultStars{gap:8px;font-size:64px;line-height:1;display:flex}.resultStars b{color:#fff6;-webkit-text-stroke:3px var(--ink);transform:scale(.85)}.resultStars b.on{color:var(--gold);transform:scale(1)}.popup.big{white-space:nowrap;font-size:clamp(34px,9vw,64px);top:36%}#levels{--accent:#a33a2a;--paper:#f4e3c3;padding-bottom:max(24px, env(safe-area-inset-bottom));background:0 0;justify-content:flex-end}#levels .worldHead,#levels .levelGrid,#levels #starTotal{background:color-mix(in srgb, var(--paper) 88%, transparent);border:5px solid var(--accent);border-radius:18px;box-shadow:0 6px #00000059}#levels .worldHead{color:var(--accent);padding:6px 10px}#levels .levelGrid{padding:12px}#levels .lvlBtn{border-color:var(--accent);box-shadow:0 4px 0 var(--accent);background:#fff}#levels .lvlBtn.locked{background:#d9d9d9;border-color:#888;box-shadow:0 4px #888}#levels .lvlBtn.bossLvl:not(.locked){background:#ffe1e1}#levels .arrow{background:var(--accent);color:#fff;border-color:#111}.worldTabs{scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;gap:8px;max-width:100%;padding:4px 4px 10px;display:flex;position:relative;overflow-x:auto}.worldTabs::-webkit-scrollbar{display:none}.worldTab{scroll-snap-align:center;text-align:left;background:var(--wp);min-width:0;color:var(--ink);border-width:4px;border-color:var(--wa);box-shadow:0 4px 0 var(--wa);border-radius:14px;flex:none;grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:center;column-gap:8px;padding:4px 12px 4px 6px;font-size:16px;line-height:1.1;display:grid;transform:none}.worldTab:nth-child(2n){transform:none}.worldTab b{background:var(--wa);color:#fff;border:3px solid var(--ink);border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.worldTab span{white-space:nowrap}.worldTab i{color:#8a6a00;font-size:13px;font-style:normal}.worldTab.locked{filter:saturate(.35)}.worldTab.locked i{color:#555}.worldTab[aria-selected=true]{background:var(--wa);color:#fff;box-shadow:0 7px 0 var(--ink);border-color:var(--ink);transform:translateY(-3px)}.worldTab[aria-selected=true] b{color:var(--wa);background:#fff}.worldTab[aria-selected=true] i{color:var(--yellow)}@media (max-width:600px){.worldTabs{gap:6px}.worldTab{column-gap:6px;padding:3px 9px 3px 4px;font-size:13px}.worldTab b{width:28px;height:28px;font-size:16px}.worldTab i{font-size:11px}#levels{row-gap:10px}#levels .worldTabs{flex:none}#levels .worldHead{gap:8px;padding:4px 6px}#levels .worldHead h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:clamp(18px,5vw,24px);line-height:1.1;overflow:hidden}#levels .arrow{flex:none;padding:2px 10px;font-size:18px}}#levels .worldLoad{z-index:4;pointer-events:none;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;inset:0}#levels .worldQuote{--tail:50%;width:min(100%,520px);margin:0;position:relative}#levels .worldQuote q{font-size:clamp(18px,4.4vw,28px)}.worldCard{background:var(--wp);width:min(100%,360px);color:var(--ink);border:5px solid var(--ink);box-shadow:0 7px 0 var(--ink), 0 22px 44px #0006;opacity:0;visibility:hidden;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:14px 18px 12px;transition:opacity .3s ease-in,transform .3s ease-in,visibility 0s .3s;display:grid;transform:translateY(12px)scale(.92)}.worldLoad.on .worldCard{opacity:1;visibility:visible;transition:opacity .2s ease-out,transform .45s cubic-bezier(.2,1.4,.4,1);transform:rotate(-1deg)}.worldLoadNum{background:var(--wa);color:#fff;border:4px solid var(--ink);width:52px;height:52px;box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:28px;display:grid}.worldLoadName{color:var(--wa);text-align:left;overflow-wrap:anywhere;font-size:32px;line-height:1}.worldLoadTrack{border:4px solid var(--ink);height:24px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:12px;grid-column:1/-1;position:relative;overflow:hidden}.worldLoadTrack i{background:var(--wa);transform:translateX(calc((var(--p,0) - 1) * 100%));transition:transform .35s cubic-bezier(.25,.8,.3,1);position:absolute;inset:0;overflow:hidden}.worldLoadTrack i:after{content:"";background:repeating-linear-gradient(-45deg,#ffffff4d 0 10px,#0000 10px 20px);animation:.7s linear infinite loadBarber;position:absolute;inset:0 0 0 -28.28px}.worldLoadText{letter-spacing:.04em;text-align:center;color:#111111b3;grid-column:1/-1;margin-top:2px;font-size:15px}@media (max-width:640px){#levels .worldLoad{gap:24px}.worldCard{border-width:4px;border-radius:18px;gap:9px 12px;width:min(100%,300px);padding:10px 14px 9px}.worldLoadNum{border-width:3px;width:42px;height:42px;font-size:22px}.worldLoadName{font-size:26px}.worldLoadTrack{border-width:3px;height:20px}.worldLoadText{font-size:13px}}@media (prefers-reduced-motion:reduce){.worldCard,.worldLoad.on .worldCard{transform:none}.worldLoadTrack i:after{animation:none}}.xfade{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .22s ease-out;position:fixed;inset:0}.xfade.on{opacity:1;transition:none}.xveil{transition:opacity .35s ease-out}.xveil.on{transition:opacity .3s ease-out}#wardrobe{pointer-events:none;justify-content:space-between}#wardrobe h1{color:#fff;-webkit-text-stroke:2px var(--ink)}#wardrobe .spinHint{color:#fff;pointer-events:none;margin:-8px 0 0;font-size:15px}#wardrobe .list{background:#ffffff2e;border-radius:18px;max-height:34vh;margin-top:auto;padding:8px}@media (min-width:900px){#wardrobe{align-items:flex-end;padding-right:32px}#wardrobe .list{width:380px;max-height:60vh;margin-top:0}#wardrobe h1,#wardrobe .spinHint{align-self:center}}#menu,#levels{pointer-events:none}#menu>*,#levels>*{pointer-events:auto}.sheetHead{justify-content:space-between;align-items:center;gap:12px;width:min(100%,640px);display:flex}.sheetHead h1{color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink)}#shop{padding-top:max(20px, env(safe-area-inset-top));background:linear-gradient(#140a148c,#140a1440 40%,#140a1499);justify-content:flex-start}.upGrid{touch-action:pan-y;grid-template-columns:1fr;gap:12px;width:min(100%,560px);max-height:70vh;padding:4px;display:grid;overflow-y:auto}.upCard{text-align:left;border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#fff8e8;border-radius:18px;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.upCard img{object-fit:contain;filter:drop-shadow(0 3px #00000040);width:72px;height:72px}.upCard .name{font-size:22px}.upCard .now{color:#555;font-size:13px;font-weight:400}.upCard .next{color:var(--pink-dark);font-size:14px}.upCard .pips{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.upCard .pips i{border:3px solid var(--ink);background:#fff;border-radius:50%;width:14px;height:14px}.upCard .pips i.on{background:var(--gold)}.upCard.maxed{background:#fff3b0}.buyBtn{background:var(--yellow);padding:8px 14px;font-size:20px;transform:none}.buyBtn:disabled,.buyBtn.poor{background:#ddd}#wardrobe{pointer-events:none;padding-top:max(16px, env(safe-area-inset-top));background:0 0;justify-content:space-between}#wardrobe>*{pointer-events:auto}#wardrobe .spinHint{left:16px;bottom:max(16px, env(safe-area-inset-bottom));color:#fff;pointer-events:none;text-shadow:0 2px #000;margin:0;font-size:15px;position:absolute}.wardrobeSheet{right:12px;top:max(64px, calc(env(safe-area-inset-top) + 56px));bottom:max(12px, env(safe-area-inset-bottom));border:4px solid var(--ink);width:236px;box-shadow:0 6px 0 var(--ink);background:#fff8e8f0;border-radius:18px;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute}.tabs{gap:4px;display:flex}.tabs .tab{box-shadow:0 3px 0 var(--ink);background:#fff;border-width:3px;border-radius:10px;flex:1;padding:6px 2px;font-size:13px;transform:none}.tabs .tab.on{background:var(--pink);color:#fff}@media (min-width:601px){#wardrobeTabs{gap:3px}#wardrobeTabs .tab{border-width:2px;padding:6px 0;font-size:12px}}.wardrobeMain{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.itemGrid{touch-action:pan-y;flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:104px;align-content:start;gap:8px;min-height:0;padding:2px;display:grid;overflow-y:auto}.itemCard{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;font-size:12px;line-height:1.1;display:flex;transform:none}.itemCard:nth-child(2n){transform:none}.itemCard img{object-fit:contain;width:52px;height:52px}.itemCard .tag{color:var(--pink-dark);font-size:11px}.itemCard.wearing{background:var(--cream)}.itemCard.trying{border-color:var(--pink);box-shadow:0 3px 0 var(--pink), 0 0 0 3px #fff inset}.wardrobeActions{flex-direction:column;gap:6px;display:flex}#wardrobe .sheetHead{left:12px;right:12px;top:max(10px, env(safe-area-inset-top));width:auto;position:absolute}#wardrobe .sheetHead h1{font-size:30px}@media (max-width:600px){.wardrobeSheet{width:auto;height:34vh;top:auto;left:8px;right:8px}.itemGrid{grid-template-columns:repeat(4,1fr);grid-auto-rows:92px}.wardrobeActions{flex-direction:row}}#wardrobeAction{flex:1;padding:8px;font-size:16px;transform:none}.characterPicker{left:12px;top:max(64px, calc(env(safe-area-inset-top) + 56px));flex-direction:column;gap:10px;width:112px;display:flex;position:absolute}.charCard{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:#fff8e8;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 5px;font-size:15px;line-height:1.1;display:flex;transform:rotate(-1.5deg)}.charCard:nth-child(2n){transform:rotate(1.5deg)}.charCard img{object-fit:cover;border:3px solid var(--ink);background:#fff;border-radius:10px;width:88px;height:88px}.charCard .tag{color:var(--pink-dark);font-size:11px}.charCard.on{background:var(--cream);border-color:var(--pink);box-shadow:0 5px 0 var(--pink), 0 0 0 3px #fff inset}.charCard.on .tag{color:var(--ink)}@media (max-width:640px){.characterPicker{border:3px solid var(--ink);width:auto;box-shadow:0 4px 0 var(--ink);background:#fff8e8f0;border-radius:14px;flex-direction:row;gap:6px;padding:4px 6px}.charCard{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:12px;flex-direction:row;gap:5px;padding:3px 8px 3px 3px;font-size:13px;transform:none}.charCard:nth-child(2n){transform:none}.charCard.on{box-shadow:0 3px 0 var(--pink)}.charCard img{object-position:50% 12%;border-width:2px;border-radius:50%;width:34px;height:34px}.charCard .tag{display:none}}@media (max-width:600px){.characterPicker{top:auto;left:8px;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 34vh + 8px)}}.upBadges{left:12px;top:max(48px, calc(env(safe-area-inset-top) + 38px));gap:6px;display:flex;position:absolute}.upBadge{border:3px solid var(--ink);background:#ffffffd9;border-radius:12px;width:40px;height:40px;position:relative}.upBadge img{object-fit:contain;width:100%;height:100%}.upBadge b{background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:0 4px;font-size:13px;position:absolute;bottom:-6px;right:-6px}.resultBonus{color:#fff;text-shadow:0 2px 0 var(--ink);min-height:1em;margin:-6px 0 0;font-size:17px}#hud .top .pauseBtn{pointer-events:auto;flex:none;font-size:20px;position:static}#pause{background:#1408128c}.card{text-align:center;border:5px solid var(--ink);width:min(100%,420px);box-shadow:0 8px 0 var(--ink);background:#fff8e8;border-radius:22px;flex-direction:column;align-items:stretch;gap:12px;padding:18px;display:flex}.card button{transform:none}.floats{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floatNum{transform:translate(-50%, -50%) scale(var(--s,1));white-space:nowrap;-webkit-text-stroke:2px var(--ink);text-shadow:0 3px 0 var(--ink);font-size:34px;font-weight:700;animation:1.1s cubic-bezier(.2,.8,.3,1) forwards floatUp;position:absolute}.floatNum.gain{color:#7dff7a}.floatNum.loss{color:#ff5a4f}.floatNum.boss{color:#ffd23f}@keyframes floatUp{0%{opacity:0;transform:translate(-50%, -20%) scale(calc(var(--s,1) * .4))}15%{opacity:1;transform:translate(-50%, -60%) scale(calc(var(--s,1) * 1.25))}30%{transform:translate(-50%, -80%) scale(var(--s,1))}to{opacity:0;transform:translate(-50%, -260%) scale(var(--s,1))}}.entering{animation:.32s cubic-bezier(.2,.8,.3,1) screenIn}.leaving{animation:.22s ease-in forwards screenOut;pointer-events:none!important}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}@keyframes screenOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-12px)scale(.98)}}.sandboxTag{left:16px;top:max(52px, calc(env(safe-area-inset-top) + 44px));color:#fff;border:3px solid var(--ink);background:#1f6fe0;border-radius:10px;margin:0;padding:2px 8px;font-size:14px;position:absolute}#boards{background:#1408128c}.boardsCard{width:min(100%,480px)}.boardsCard .tabs .tab{padding:6px 4px;font-size:13px}.periods .tab.on{background:var(--yellow);color:var(--ink)}.boardList{flex-direction:column;gap:6px;max-height:46vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.boardList li{border:3px solid var(--ink);text-align:left;background:#fff;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:6px 10px;font-size:17px;display:grid}.boardList li b{color:var(--pink-dark)}.boardList li i{font-style:normal}.boardList li:first-child{background:#fff3b0}.boardList li.note{text-align:center;font-weight:400;display:block}.floatNum.money{color:#ffd23f}.pill.score{padding:2px 10px;font-size:18px}.resultScore{color:#fff;text-shadow:0 2px 0 var(--ink);flex-direction:column;gap:2px;margin:0;display:flex}.resultScore b{font-size:28px}.resultScore em{color:var(--yellow);font-style:normal}.resultScore small{font-size:14px;font-weight:400}.topScores{left:12px;top:max(52px, calc(env(safe-area-inset-top) + 44px));border:4px solid var(--ink);width:220px;box-shadow:0 4px 0 var(--ink);text-align:left;background:#fff8e8eb;border-radius:14px;padding:6px 10px;position:absolute}.topScores h2{margin:0 0 4px;font-size:18px}.topScores ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.topScores li{grid-template-columns:18px 1fr auto;gap:6px;font-size:14px;display:grid}.topScores li b{color:var(--pink-dark)}.topScores li i{font-style:normal}.topScores li.note{color:#666;font-weight:400;display:block}.source{color:#777;margin:4px 0 0;font-size:11px;font-weight:400}.sandboxTag{bottom:12px;top:auto!important}@media (max-width:600px){.topScores{width:170px}.topScores li{font-size:12px}}#ui{zoom:var(--ui-scale,1)}#settings{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:#14081299}.sCard{border:6px solid var(--ink);width:min(100%,760px);height:min(100%,700px);box-shadow:0 10px 0 var(--ink);text-align:left;background:#fff8e8;border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sHead{background:var(--pink);border-bottom:5px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 10px 20px;display:flex}.sHead h1{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink);font-size:clamp(30px,6vw,44px);transform:rotate(-2deg)}.sClose{border-radius:50%;flex:none;width:50px;height:50px;padding:0;font-size:22px;transform:rotate(4deg)}.sTabs{border-bottom:4px solid var(--ink);scrollbar-width:none;touch-action:pan-x;background:#ffe9f3;gap:8px;padding:10px 12px 12px;display:flex;overflow-x:auto}.sTabs::-webkit-scrollbar{display:none}.sTabs button{box-shadow:0 4px 0 var(--ink);border-width:4px;border-radius:14px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:18px;transition:transform .15s,background .15s;display:flex;transform:none}.sTabs button i{font-size:1.1em;font-style:normal}.sTabs button.on{background:var(--yellow);transform:translateY(-2px)rotate(-1.5deg)}.sTabs button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.sBody{touch-action:pan-y;overscroll-behavior:contain;scrollbar-color:var(--pink) transparent;flex:1;min-height:0;padding:14px 16px 22px;overflow-y:auto}.sPane{flex-direction:column;gap:10px;display:flex}.sPane[hidden]{display:none}.paneIn{animation:.26s cubic-bezier(.2,.8,.3,1) paneIn}@keyframes paneIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.sPane h2{color:var(--pink-dark);margin:8px 0 0;font-size:21px}.sPane h2:first-child{margin-top:0}.sRow{border:4px solid var(--ink);background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:10px 14px;display:grid;box-shadow:0 4px #00000029}label.sRow{cursor:pointer}.sRow>span:first-child{flex-direction:column;min-width:0;display:flex}.sRow b{font-size:19px}.sRow small{color:#5a5048;font-size:13px;font-weight:400}.sMute{background:#fff3b0}.sMute.on{background:#ffd9d9}.sSlide{align-items:center;gap:10px;width:min(320px,44vw);display:flex}.sSlide output{text-align:right;white-space:nowrap;flex:none;min-width:3.3em;font-size:16px}.sSlide input[data-fmt=res]+output{min-width:7.6em;font-size:14px}.sCard input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--pink) var(--p,50%), #fff var(--p,50%));border:4px solid var(--ink);touch-action:pan-y;border-radius:999px;flex:1;min-width:0;height:22px;margin:0}.sCard input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--yellow);border:4px solid var(--ink);width:32px;height:32px;box-shadow:0 3px 0 var(--ink);border-radius:50%;transition:transform .12s}.sCard input[type=range]::-moz-range-thumb{background:var(--yellow);border:4px solid var(--ink);width:24px;height:24px;box-shadow:0 3px 0 var(--ink);border-radius:50%}.sCard input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.sSwitch{appearance:none;cursor:pointer;border:4px solid var(--ink);background:#d8d2c8;border-radius:999px;flex:none;width:64px;height:36px;margin:0;transition:background .15s;position:relative}.sSwitch:after{content:"";border:3px solid var(--ink);background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s cubic-bezier(.3,1.5,.5,1),background .15s;position:absolute;top:3px;left:3px}.sSwitch:checked{background:var(--pink)}.sSwitch:checked:after{background:var(--yellow);transform:translate(28px)}.seg{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.seg button{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:12px;padding:6px 12px;font-size:15px;transform:none}.seg button.on{background:var(--yellow)}.seg button.on:disabled{opacity:1;background:var(--cream)}.keyList{flex-direction:column;gap:8px;display:flex}.keyRow{border:4px solid var(--ink);background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) 128px 128px;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:grid;box-shadow:0 4px #00000029}.keyName{font-size:18px}.keyChip{min-height:46px;box-shadow:0 4px 0 var(--ink);background:var(--cream);white-space:nowrap;text-overflow:ellipsis;border-width:4px;border-radius:12px;padding:4px;font-size:18px;overflow:hidden;transform:none}.keyChip:nth-child(2n){transform:none}.keyChip.alt{background:#fff}.keyChip.empty{color:#9a9088}.keyChip.capturing{background:var(--pink);color:#fff;font-size:15px;animation:.7s ease-in-out infinite alternate keyPulse}.keyChip:disabled{opacity:1;cursor:default;background:#ece6dc}@keyframes keyPulse{0%{box-shadow:0 4px 0 var(--ink), 0 0 0 0 #c699}to{box-shadow:0 4px 0 var(--ink), 0 0 0 7px #c690}}.sNote{color:#5a5048;margin:0;font-size:14px;font-weight:400}.sNote.warn{color:var(--red);font-weight:700}.sNote.ok{color:#1d7a33;font-weight:700}.sNote.flash{animation:.35s ease-out noteIn}@keyframes noteIn{0%{opacity:.3;transform:translate(-6px)}to{opacity:1;transform:none}}.sSmall{border-width:4px;align-self:flex-start;padding:8px 16px;font-size:17px;transform:none}.sDanger{background:#ffc4c4}.sBox{border:4px solid var(--ink);background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;display:flex;box-shadow:0 4px #00000029}.sBox p{margin:0;font-size:15px;font-weight:400}.sBox .ngStatus{font-size:17px;font-weight:700}.ngStatus[data-state=ready]{color:#1d7a33}.sandboxBox{background:#e0f0ff}.sBox .row{justify-content:flex-start}.sFoot{border-top:4px solid var(--ink);background:#fff3d6;justify-content:center;padding:10px 16px 14px;display:flex}.sFoot .big{min-width:220px;transform:rotate(-1deg)}.sFoot .big:active{transform:translateY(4px)rotate(-1deg)}.sConfirm{z-index:2;background:#1408128c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.sConfirmCard{text-align:center;border:5px solid var(--ink);width:min(100%,440px);box-shadow:0 8px 0 var(--ink);background:#fff8e8;border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex;transform:rotate(-.6deg)}.sConfirmCard h2{margin:0;font-size:26px}.sConfirmCard p{margin:0;font-size:16px;font-weight:400}.sConfirmCard button{font-size:19px}#ui :focus-visible,.padNav #ui :focus{outline:4px solid var(--blue);outline-offset:3px}@media (max-width:600px){#settings{padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))}.sCard{height:100%;box-shadow:0 6px 0 var(--ink);border-width:5px;border-radius:20px}.sHead{padding:8px 10px 8px 16px}.sClose{width:44px;height:44px;font-size:19px}.sTabs{gap:5px;padding:8px 8px 10px}.sTabs button{border-width:3px;border-radius:12px;flex-direction:column;flex:1 1 0;gap:0;min-width:58px;padding:4px 2px;font-size:12px}.sTabs button i{font-size:20px}.sBody{padding:12px 10px 18px}:is(.sRow:has(.sSlide),.sRow:has(.seg)){grid-template-columns:minmax(0,1fr)}.sSlide{width:100%}.seg{justify-content:flex-start}.sRow b{font-size:17px}.keyRow{grid-template-columns:minmax(0,1fr) 82px 82px;padding:6px 8px 6px 10px}.keyName{font-size:15px}.keyChip{min-height:42px;font-size:15px}.keyChip.capturing{white-space:normal;font-size:12px;line-height:1}.sFoot{padding:8px 10px 10px}.sFoot .big{padding:8px 24px;font-size:26px}}@media (max-height:520px) and (orientation:landscape){.sCard{height:100%}.sHead{padding:4px 10px 4px 16px}.sHead h1{font-size:26px}.sClose{width:40px;height:40px}.sTabs{padding:6px 8px 8px}.sTabs button{padding:3px 8px;font-size:15px}.sFoot{padding:6px}.sFoot .big{padding:4px 22px;font-size:22px}}.subtitle{left:50%;bottom:max(84px, calc(env(safe-area-inset-bottom) + 72px));z-index:5;opacity:0;pointer-events:none;color:#fff;border:3px solid var(--ink);text-align:center;background:#111111d1;border-radius:14px;max-width:min(90vw,560px);margin:0;padding:6px 14px;font-size:20px;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,12px)}.subtitle b{color:var(--yellow)}.subtitle.show{opacity:1;transform:translate(-50%)}.fps{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));z-index:5;color:#7dff7a;pointer-events:none;font-variant-numeric:tabular-nums;background:#111111b3;border-radius:8px;margin:0;padding:2px 8px;font-size:14px;position:absolute}.quote{color:var(--ink);border:5px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;--tail:50%;background:#fff;border-radius:26px;flex-direction:column;align-items:center;gap:6px;margin:0;padding:14px 22px 12px;line-height:1.08;display:flex;position:relative}.quote:empty{visibility:hidden}.quote:before,.quote:after{content:"";left:var(--tail);border-style:solid;border-color:#0000;position:absolute;top:100%;translate:-50%}.quote:before{border-width:22px 14px 0;border-top-color:var(--ink);margin-top:4px}.quote:after{border-width:15px 9px 0;border-top-color:#fff;margin-top:-1px}.quote q{font-size:clamp(22px,5.6vw,38px);animation:.4s cubic-bezier(.2,1.5,.4,1) quoteIn}.quote cite{letter-spacing:.08em;text-transform:uppercase;color:var(--pink-dark);font-size:clamp(12px,3vw,15px);font-style:normal;animation:.4s cubic-bezier(.2,1.5,.4,1) 60ms backwards quoteIn}.quote.swap>*{animation:.22s ease-in forwards quoteOut}@keyframes quoteIn{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes quoteOut{to{opacity:0;transform:scale(.85)translateY(-8px)}}.loader{--p:0;--village:clamp(140px, 27vh, 280px);--vu:max(calc(100vw / 1200), calc(var(--village) / 310));z-index:50;pointer-events:auto;text-align:center;padding:max(16px, env(safe-area-inset-top)) 16px calc(var(--village) * .72);background:var(--pink);opacity:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2.6vh,24px);transition:opacity .18s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.loader:not(.on){opacity:0;pointer-events:none;transition:opacity .35s ease-in}.loader.gone{display:none}.loadRays{background:repeating-conic-gradient(#da7fac 0 9deg, var(--pink) 9deg 18deg);will-change:transform;width:130vmax;height:130vmax;margin:-65vmax 0 0 -65vmax;animation:90s linear infinite loadSpin;position:absolute;top:34%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 0 20%,#0000 70%);mask-image:radial-gradient(circle,#000 0 20%,#0000 70%)}@keyframes loadSpin{to{transform:rotate(1turn)}}.loadRain{position:absolute;inset:0;overflow:hidden}.loadRain i{top:-70px;left:var(--x);width:calc(38px * var(--s));aspect-ratio:1;font-style:normal;font-size:calc(20px * var(--s));color:#8a6a00;background:radial-gradient(circle at 35% 30%, #fff3a6 0 18%, var(--gold) 45%);border:3px solid var(--ink);opacity:.9;animation:loadFall var(--t) linear var(--d) infinite;border-radius:50%;place-items:center;display:grid;position:absolute}.loadRain i:before{content:"€"}@keyframes loadFall{0%{transform:translateY(0)rotateY(0)}to{transform:translateY(calc(100vh + 140px))rotateY(900deg)}}.loadVillage{width:100%;height:var(--village);position:absolute;bottom:0;left:0;right:0}.loadSails{left:50%;bottom:calc(118 * var(--vu));width:calc(180 * var(--vu));height:calc(180 * var(--vu));animation:9s linear infinite loadSpin;position:absolute;overflow:visible}.loadWaves{bottom:0;left:calc(-40 * var(--vu));height:calc(34 * var(--vu));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 34'%3E%3Cpath d='M0,16 q10,-6 20,0 t20,0 M-20,28 q10,-5 20,0 t20,0 t20,0' fill='none' stroke='%23bfe6ff' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0 0 / calc(40 * var(--vu)) 100%;animation:2.6s linear infinite loadWaves;position:absolute;right:0}@keyframes loadWaves{to{transform:translateX(calc(40 * var(--vu)))}}.loadTitle{letter-spacing:.02em;color:var(--yellow);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);margin:0;font-size:clamp(56px,16vw,128px);line-height:.9;display:flex;position:relative;transform:rotate(-4deg)}.loadTitle span{animation:loadHop 1.8s ease-in-out calc(var(--i) * 90ms) infinite;display:inline-block}.loadTitle .gap{width:.32em}@keyframes loadHop{0%,55%,to{transform:none}25%{transform:translateY(-14px)rotate(-5deg)}40%{transform:translateY(2px)scaleY(.92)}}.loadStage{--ride:calc(var(--p) * (100cqw - 84px));--ease:.7s cubic-bezier(.25,.8,.3,1);flex-direction:column;width:min(100%,560px);display:flex;position:relative;container-type:inline-size}.loadBubble{justify-content:center;min-height:96px;transform:rotate(1deg)}.loadBubble:before,.loadBubble:after{transition:transform var(--ease);translate:none;transform:translateX(calc(clamp(30px, var(--ride) + 46px, 100cqw - 30px) - 50%));left:0}.loadRoad{margin-top:84px;position:relative}.loadRider{width:84px;height:71px;transform:translateX(var(--ride));transition:transform var(--ease);margin-bottom:-4px;position:absolute;bottom:100%;left:0}.loadBike{transform-origin:20% 95%;width:100%;height:100%;animation:.45s ease-in-out infinite alternate loadBob}@keyframes loadBob{to{transform:translateY(-1.5px)}}#loader.done .loadBike{animation:.5s cubic-bezier(.3,1.4,.5,1) forwards loadWheelie}@keyframes loadWheelie{50%{transform:rotate(-16deg)}to{transform:rotate(-10deg)translateY(-4px)}}.loadRig{transform-origin:0 0;width:128px;height:108px;position:absolute;top:0;left:0;transform:scale(.65625)}.loadRig svg{fill:none;stroke:#111;stroke-linecap:round;stroke-linejoin:round;position:absolute;overflow:visible}.loadPart{width:128px;height:108px;top:0;left:0}.loadWheel{width:38px;height:38px;animation:.7s linear infinite loadSpin}.loadCrank{width:20px;height:20px;animation:.9s linear infinite loadSpin}.loadLeg,.loadLeg i{transform-origin:4px 4px;border-radius:4px;height:8px;animation:none;display:block;position:absolute}.loadLeg{background:#2c3e46;width:33px;animation-name:loadThigh;top:46px;left:46px}.loadLeg>i{background:inherit;width:33px;animation-name:loadShin;top:0;left:25px}.loadLeg>i>i{background:#111;width:13px;height:6px;animation-name:loadFoot;top:0;left:25px}.loadLeg.far{background:#1d2a30;animation-delay:-.45s}.loadLeg.far i{animation-delay:-.45s}@keyframes loadThigh{0%{transform:rotate(37.1deg)}4.17%{transform:rotate(43.1deg)}8.33%{transform:rotate(49.5deg)}12.5%{transform:rotate(55.9deg)}16.67%{transform:rotate(61.8deg)}20.83%{transform:rotate(65.7deg)}25%{transform:rotate(66.9deg)}29.17%{transform:rotate(65.9deg)}33.33%{transform:rotate(63.8deg)}37.5%{transform:rotate(61.1deg)}41.67%{transform:rotate(57.9deg)}45.83%{transform:rotate(54.3deg)}50%{transform:rotate(50.4deg)}54.17%{transform:rotate(46deg)}58.33%{transform:rotate(41.4deg)}62.5%{transform:rotate(36.6deg)}66.67%{transform:rotate(32deg)}70.83%{transform:rotate(27.9deg)}75%{transform:rotate(24.8deg)}79.17%{transform:rotate(23.1deg)}83.33%{transform:rotate(23deg)}87.5%{transform:rotate(24.5deg)}91.67%{transform:rotate(27.5deg)}95.83%{transform:rotate(31.8deg)}to{transform:rotate(37.1deg)}}@keyframes loadShin{0%{transform:rotate(57.4deg)}4.17%{transform:rotate(48.1deg)}8.33%{transform:rotate(38.9deg)}12.5%{transform:rotate(30.3deg)}16.67%{transform:rotate(23.3deg)}20.83%{transform:rotate(20.1deg)}25%{transform:rotate(22.6deg)}29.17%{transform:rotate(29.2deg)}33.33%{transform:rotate(37.8deg)}37.5%{transform:rotate(46.9deg)}41.67%{transform:rotate(56.2deg)}45.83%{transform:rotate(65.2deg)}50%{transform:rotate(73.5deg)}54.17%{transform:rotate(81.1deg)}58.33%{transform:rotate(87.5deg)}62.5%{transform:rotate(92.4deg)}66.67%{transform:rotate(95.5deg)}70.83%{transform:rotate(96.7deg)}75%{transform:rotate(95.8deg)}79.17%{transform:rotate(92.9deg)}83.33%{transform:rotate(88.2deg)}87.5%{transform:rotate(82deg)}91.67%{transform:rotate(74.6deg)}95.83%{transform:rotate(66.3deg)}to{transform:rotate(57.4deg)}}@keyframes loadFoot{0%{transform:rotate(-94.5deg)}4.17%{transform:rotate(-91.2deg)}8.33%{transform:rotate(-88.4deg)}12.5%{transform:rotate(-86.2deg)}16.67%{transform:rotate(-85deg)}20.83%{transform:rotate(-85.9deg)}25%{transform:rotate(-89.5deg)}29.17%{transform:rotate(-95.2deg)}33.33%{transform:rotate(-101.6deg)}37.5%{transform:rotate(-108deg)}41.67%{transform:rotate(-114.1deg)}45.83%{transform:rotate(-119.5deg)}50%{transform:rotate(-123.9deg)}54.17%{transform:rotate(-127.1deg)}58.33%{transform:rotate(-128.9deg)}62.5%{transform:rotate(-129deg)}66.67%{transform:rotate(-127.5deg)}70.83%{transform:rotate(-124.5deg)}75%{transform:rotate(-120.5deg)}79.17%{transform:rotate(-115.9deg)}83.33%{transform:rotate(-111.1deg)}87.5%{transform:rotate(-106.5deg)}91.67%{transform:rotate(-102.1deg)}95.83%{transform:rotate(-98.1deg)}to{transform:rotate(-94.5deg)}}.loadTrack{border:5px solid var(--ink);background:var(--cream);height:28px;box-shadow:0 5px 0 var(--ink);border-radius:14px;position:relative}.loadClip{border-radius:9px;position:absolute;inset:0;overflow:hidden}.loadFill{transform:translateX(calc((var(--p) - 1) * (100cqw + 40px)));transition:transform var(--ease);position:absolute;inset:0 0 0 -40px;overflow:hidden}.loadFill:after{content:"";background:repeating-linear-gradient(-45deg,#e0218a 0 10px,#f064ad 10px 20px);animation:.7s linear infinite loadBarber;position:absolute;inset:0 0 0 -28.28px}@keyframes loadBarber{0%{transform:translate(0)}to{transform:translate(28.28px)}}.loadCoin{top:50%;left:calc(var(--at) * 100%);color:#8a6a00;background:var(--gold);border:4px solid var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;margin:-15px 0 0 -15px;font-size:16px;animation:1.6s ease-in-out infinite loadCoinSpin;display:grid;position:absolute}.loadCoin.got{animation:.6s ease-out forwards loadCoinGot}@keyframes loadCoinSpin{50%{transform:scaleX(.25)}}@keyframes loadCoinGot{to{opacity:0;transform:translateY(-70px)scale(1.5)}}#loadText{color:#fff;text-shadow:0 2px 0 var(--ink), 0 0 6px #00000059;margin:18px 0 0;font-size:18px}@media (max-height:560px){.loader{--village:clamp(90px, 22vh, 140px);gap:6px}.loadTitle{-webkit-text-stroke-width:6px;text-shadow:0 5px 0 var(--ink);font-size:clamp(40px,13vh,72px)}.loadBubble{min-height:70px;padding:8px 18px}.loadBubble q{font-size:clamp(18px,5vh,26px)}}@media (prefers-reduced-motion:reduce){.loader *,.quote>*{animation:none!important}}.itemCard img.snap{border:2px solid var(--ink);object-fit:cover;border-radius:10px}.photoOpen{width:48px;height:48px;box-shadow:0 4px 0 var(--ink);border-width:4px;border-radius:14px;place-items:center;margin-left:auto;padding:0;display:grid;position:relative;transform:none}.photoOpen svg{width:28px;height:28px;fill:var(--yellow);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}#wardrobe.photo>:not(.photoBar,.photoFrame,.photoFlash,.photoResult){display:none}.photoFrame{width:100%;height:100%;position:absolute;inset:0;pointer-events:none!important}.photoFlash{background:#fff;animation:.25s ease-out forwards photoFlash;position:absolute;inset:0;pointer-events:none!important}@keyframes photoFlash{0%{opacity:.9}to{opacity:0}}.photoBar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));border:4px solid var(--ink);width:min(100% - 24px,640px);box-shadow:0 6px 0 var(--ink);background:#fff8e8f0;border-radius:18px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.chips{touch-action:pan-x;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chip{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:999px;flex:none;padding:5px 10px;font-size:14px;transform:none}.chip.on{background:var(--pink);color:#fff}.photoMain{justify-content:space-between;align-items:center;gap:8px;display:flex}.photoMain #photoDone{padding:6px 16px;font-size:18px;transform:none}.shutter{width:64px;height:64px;box-shadow:0 0 0 4px #fff inset, 0 0 0 10px var(--red) inset, 0 4px 0 var(--ink);background:#fff;border-width:6px;border-radius:50%;padding:0;transform:none}.shutter:active{box-shadow:0 0 0 4px #fff inset, 0 0 0 14px var(--red) inset}.photoResult{background:#14081299;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.photoResult .card{width:min(100%,560px)}.photoResult img{object-fit:contain;border:4px solid var(--ink);background:#000;border-radius:12px;width:100%;max-height:60vh}.photoActions{gap:8px;display:flex}.photoActions button{flex:1;padding:8px;font-size:18px}.eventBanner,.eventTile,.eventLook{--ev:#ff7a1a;--ev-ink:#1b0f24;--ev-paper:#2b1838;--ev-text:#ffe9c9}[data-event=sinterklaas]{--ev:#d7261e;--ev-ink:#3a0a08;--ev-paper:#7a1410;--ev-text:#ffe7a8}[data-event=christmas]{--ev:#2e9d4f;--ev-ink:#0b2a14;--ev-paper:#f3f7fb;--ev-text:#123a1e}[data-event=koningsdag]{--ev:#ff7f00;--ev-ink:#4a2200;--ev-paper:#fff1de;--ev-text:#4a2200}.eventBanner{background:var(--ev-paper);width:min(92vw,440px);color:var(--ev-text);border:5px solid var(--ev);box-shadow:0 6px 0 var(--ev-ink);border-radius:18px;margin:10px 0;padding:10px 14px 12px}.eventBanner p{margin:0}.eventHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.eventHead b{color:var(--ev);text-transform:uppercase;letter-spacing:1px;font-size:24px}.eventHead span{opacity:.85;font-size:14px}.eventTagline{font-size:16px;line-height:1.25;margin:4px 0 8px!important}.eventFoot{justify-content:space-between;align-items:center;gap:10px;display:flex}.eventStars{color:var(--gold);letter-spacing:2px;text-shadow:0 2px 0 var(--ev-ink);font-size:22px}.eventBanner .star,.eventTile .star{font-weight:inherit;color:#ffffff38}.eventBanner .star.on,.eventTile .star.on{color:var(--gold)}#eventPlay{background:var(--ev);color:#fff;border-color:var(--ev-ink);padding:6px 14px;font-size:18px}#levels .eventTile{background:var(--ev-paper);width:min(100%,520px);color:var(--ev-text);border:5px solid var(--ev);box-shadow:0 6px 0 var(--ev-ink);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:22px;display:flex}#levels .eventTile i{color:var(--gold);letter-spacing:1px;font-size:18px;font-style:normal}#levels .eventRow{align-items:center;gap:8px;width:min(100%,520px);display:flex;container-type:inline-size}#levels .eventRow .eventTile{flex:1;width:auto;min-width:0}#levels .eventRow .eventTile span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#levels .eventLook{background:var(--ev-paper);border:4px solid var(--ev);box-shadow:0 5px 0 var(--ev-ink);border-radius:999px;flex:none;gap:2px;padding:3px;display:flex}.eventLook button{white-space:nowrap;color:var(--ev-text);box-shadow:none;background:0 0;border:3px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:16px;line-height:1.1;transition:background-color .18s,color .18s;display:flex;transform:none}.eventLook button span{display:none}@container (width>=500px){.eventLook button span{display:inline}}.eventLook button b{opacity:.55;filter:grayscale(.7);font-size:20px;line-height:1;transition:opacity .18s,filter .18s}.eventLook button[aria-checked=true]{background:var(--ev);color:#fff;border-color:var(--ev-ink);box-shadow:0 2px 0 var(--ev-ink)}.eventLook button[aria-checked=true] b{opacity:1;filter:none}.eventLook button[aria-checked=false]:hover{background:color-mix(in srgb, var(--ev) 22%, transparent)}.eventLook button:active{box-shadow:none;transform:translateY(2px)}.hasBadge,.tabs .tab{position:relative}.badge{color:#fff;background:var(--red);border:3px solid var(--ink);min-width:26px;height:26px;box-shadow:0 2px 0 var(--ink);border-radius:999px;place-items:center;padding:0 6px;font-size:15px;line-height:1;animation:1.6s ease-in-out infinite badgePop;display:grid;position:absolute;top:-11px;right:-9px}.tabs .tab .badge{border-width:2px;min-width:20px;height:20px;font-size:12px;top:-9px;right:-6px}@keyframes badgePop{0%,80%,to{transform:scale(1)}88%{transform:scale(1.22)rotate(-8deg)}}.coinImg{object-fit:contain;vertical-align:-.2em;width:1.15em;height:1.15em}.coinBurst{pointer-events:none;z-index:30;width:26px;height:26px;animation:.8s cubic-bezier(.2,.7,.4,1) both coinBurst;position:absolute}@keyframes coinBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(200deg);opacity:0}}#missions,#album{background:#1408128c}.liveCard{width:min(100%,520px);max-height:100%}.liveReset{color:var(--pink-dark);margin:-4px 0 0;font-size:15px;font-weight:400}.missionList{touch-action:pan-y;flex-direction:column;gap:10px;min-height:0;margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.mission{text-align:left;border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:16px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.mission.done:not(.claimed){background:#fff7b8;animation:1.4s ease-in-out infinite missionGlow}.mission.claimed{opacity:.6;box-shadow:0 2px 0 var(--ink)}@keyframes missionGlow{50%{box-shadow:0 4px 0 var(--ink), 0 0 0 4px var(--gold)}}.mIcon{background:var(--cream);border:3px solid var(--ink);border-radius:12px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.mIcon img{object-fit:contain;width:100%;height:100%}.mIcon.star{color:var(--gold);-webkit-text-stroke:2px var(--ink);font-size:36px}.mBody{flex-direction:column;gap:6px;min-width:0;display:flex}.mTitle{font-size:18px;line-height:1.15}.mBar{border:3px solid var(--ink);background:#f1e6ef;border-radius:10px;height:20px;position:relative;overflow:hidden}.mBar i{background:linear-gradient(90deg, var(--pink), #ff8cc6);transition:width .5s cubic-bezier(.2,.8,.3,1);position:absolute;inset:0 auto 0 0}.mission.done .mBar i{background:linear-gradient(90deg, #f7b500, var(--gold))}.mBar span{text-align:center;font-size:12px;line-height:14px;display:block;position:relative}.mSide{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.reward{white-space:nowrap;background:var(--cream);border:3px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:1px 10px 1px 6px;font-size:17px;display:inline-flex}.reward.item{background:#e9f4ff;border-radius:12px;padding:2px 8px 2px 2px;font-size:13px}.reward.item img{object-fit:contain;width:34px;height:34px}button.claim{background:var(--yellow);box-shadow:0 3px 0 var(--ink);border-width:4px;padding:4px 14px;font-size:17px;animation:1.2s ease-in-out infinite claimWiggle}@keyframes claimWiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)scale(1.05)}}.mClaimed{color:#2c8a3a;font-size:15px}@media (max-width:480px){.mission{grid-template-columns:44px 1fr}.mIcon{width:44px;height:44px}.mSide{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}}.giftDays{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.giftDay{border:3px solid var(--ink);aspect-ratio:3/4;background:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;gap:2px;padding:4px 2px;font-size:13px;line-height:1;display:flex;position:relative}.giftDay small{color:var(--pink-dark);font-size:10px}.giftDay img{aspect-ratio:1;object-fit:contain;width:82%}.giftDay .coinImg{width:64%;height:auto}.giftDay.hat{background:linear-gradient(160deg,#fff6c2,#ffd76a);grid-column:span 1}.giftDay.hat img{filter:drop-shadow(0 2px #00000040);width:92%}.giftDay.today{border-color:var(--pink);box-shadow:0 0 0 3px var(--yellow);animation:1.2s ease-in-out infinite claimWiggle}.giftDay.taken>:not(small){opacity:.35}.giftDay.taken:after{content:"✓";color:#2c8a3a;-webkit-text-stroke:1px var(--ink);place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.giftClaim{width:100%;margin-top:10px;padding:8px 12px;font-size:22px;transform:none}.missionGift{flex-direction:column;display:flex}.missionGift .giftDays{gap:8px}.missionGift .giftDay{font-size:15px}.gift{border:5px solid var(--ink);width:min(340px,100vw - 32px);box-shadow:0 7px 0 var(--ink);text-align:center;z-index:5;background:#fff8e8;border-radius:20px;padding:10px 12px 12px;animation:.45s cubic-bezier(.2,1.4,.4,1) both giftIn;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.gift.out{pointer-events:none;animation:.3s ease-in both giftOut}@keyframes giftIn{0%{opacity:0;transform:translate(60px,-50%)rotate(4deg)}}@keyframes giftOut{to{opacity:0;transform:translate(60px,-50%)rotate(4deg)}}.giftHead{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:22px;display:flex}.giftClose{box-shadow:0 2px 0 var(--ink);border-width:3px;border-radius:10px;padding:0 8px;font-size:15px;transform:none}.gift .giftClaim{font-size:20px}@media (max-width:760px){.gift{top:max(96px, calc(env(safe-area-inset-top) + 86px));width:auto;max-width:360px;margin:0 auto;left:12px;right:12px;transform:none}@keyframes giftIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}}@keyframes giftOut{to{opacity:0;transform:translateY(-20px)scale(.95)}}}.albumCard{gap:10px;width:min(100%,760px);max-height:100%}.albumHead,.albumTabs,.albumFoot,.liveCard>:not(.missionList){flex:none}.albumGrid{flex:auto}.albumHead{justify-content:center;align-items:center;gap:12px;display:flex}.albumHead .pill{padding:2px 10px;font-size:16px}.albumTabs{touch-action:pan-x;scrollbar-width:thin;gap:6px;padding:10px 6px 6px;display:flex;overflow-x:auto}.albumTabs .tab{box-shadow:0 3px 0 var(--ink);background:#fff;border-width:3px;border-radius:12px;flex-direction:column;flex:none;align-items:center;padding:4px 10px;font-size:14px;line-height:1.05;display:flex;position:relative;transform:none}.albumTabs .tab small{color:var(--pink-dark);font-size:11px}.albumTabs .tab.on{background:var(--pink);color:#fff}.albumTabs .tab.on small{color:#ffe1f0}.albumTabs .tab.full:not(.on){background:#fff3b0}.albumTabs .tab .badge{border-width:2px;min-width:20px;height:20px;font-size:0;top:-9px;right:-6px}.albumGrid{touch-action:pan-y;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;min-height:0;padding:4px;display:grid;overflow-y:auto}.aCard{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);animation:.35s cubic-bezier(.2,1.2,.4,1) both cardIn;animation-delay:calc(var(--i) * 30ms);background:linear-gradient(170deg,#fffdf4 0%,#ffe9b8 100%);border-radius:16px;flex-direction:column;align-items:center;gap:2px;margin:0;padding:8px 8px 10px;transition:transform .15s;display:flex}.aCard:hover{transform:translateY(-3px)rotate(-1deg)}.aCard img{aspect-ratio:1;object-fit:contain;background:radial-gradient(circle at 50% 60%,#fff 0 45%,#0000 70%);border-radius:10px;width:100%}.aCard figcaption{font-size:16px;line-height:1.1}.aCard p{margin:0;font-size:12px;font-weight:400;line-height:1.2}.aCard.locked{background:linear-gradient(170deg,#e9e2ee,#cfc3d8)}.aCard.locked img{filter:brightness(0)opacity(.32)}.aCard.locked figcaption{color:#6d5a78}.aCard.locked:not(.aQuote) figcaption{letter-spacing:2px}.albumGrid.quotes{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.aCard.aQuote{background:linear-gradient(170deg,#fff,#ffe3f1);justify-content:space-between;gap:8px}.aCard.aQuote .said{border:3px solid var(--ink);background:#fff;border-radius:14px;width:100%;margin:0;padding:10px 12px;font-size:17px;font-weight:700;line-height:1.2;display:block;position:relative}.aCard.aQuote .said:after{content:"";border:solid var(--ink);background:#fff;border-width:0 3px 3px 0;width:14px;height:14px;position:absolute;bottom:-11px;left:22px;transform:rotate(45deg)}.aCard.aQuote figcaption{align-self:flex-start;align-items:center;gap:6px;font-size:13px;display:flex}.aCard.aQuote figcaption img{background:0 0;width:36px;height:36px}.aCard.aQuote.locked .said{color:#8a7a92;text-align:center;font-size:22px}.aCard.aQuote.locked figcaption img{filter:brightness(0)opacity(.32)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)scale(.9)}}@media (max-width:520px){.albumCard{padding:12px 10px}.albumGrid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}.albumGrid.quotes{grid-template-columns:1fr}.aCard figcaption{font-size:14px}}.albumFoot{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:17px;display:flex}.resultLive{flex-wrap:wrap;justify-content:center;gap:6px;max-width:560px;display:flex}.resultLive:empty{display:none}.resultLive span{border:3px solid var(--ink);animation:.4s cubic-bezier(.2,1.2,.4,1) both cardIn;animation-delay:calc(var(--i) * .12s + .3s);background:#fff;border-radius:999px;padding:2px 10px;font-size:15px}.resultLive span.mission-done{background:#fff3b0}.resultLive span.card-new{background:#e9f4ff}@media (min-width:900px){.photoBar{width:260px;inset:50% 16px auto auto;transform:translateY(-50%)}.photoBar .chips{flex-wrap:wrap;overflow:visible}}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#be000061 75%,#780000bf 100%);animation:.9s ease-in-out infinite alternate vignettePulse;position:absolute;inset:0}@keyframes vignettePulse{0%{filter:brightness(.85)}to{filter:brightness(1.15)}}.gearBar{right:12px;top:max(48px, calc(env(safe-area-inset-top) + 38px));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.gearBadge{border:3px solid var(--ink);background:#ffffffe0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 2px;display:flex}.gearBadge img{object-fit:contain;width:36px;height:36px}.gearBadge b{white-space:nowrap;font-size:13px}.gearBadge.fresh{animation:.5s cubic-bezier(.3,1.6,.5,1) gearIn}@keyframes gearIn{0%{transform:scale(.2)rotate(-20deg)}to{transform:none}}.streak{left:12px;top:max(96px, calc(env(safe-area-inset-top) + 86px));color:var(--yellow);text-shadow:0 3px 0 var(--ink), 0 0 6px var(--ink);-webkit-text-stroke:1.5px var(--ink);flex-direction:column;align-items:flex-start;display:flex;position:absolute}.streak b{font-size:38px;line-height:1}.streak span{color:#fff;-webkit-text-stroke:0;font-size:15px}.streak.pop b{animation:.35s cubic-bezier(.3,1.8,.5,1) streakPop}@keyframes streakPop{0%{transform:scale(1.7)}to{transform:none}}.streakToast{opacity:0;white-space:nowrap;pointer-events:none;-webkit-text-stroke:2px var(--ink);text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(26px,6vw,44px);position:absolute;top:24%;left:50%;transform:translate(-50%)}.streakToast.good{color:var(--gold)}.streakToast.bad{color:var(--red)}.streakToast.show{animation:1.2s ease-out streakToast}@keyframes streakToast{0%{opacity:0;transform:translate(-50%)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.bonusClock{left:50%;top:max(52px, calc(env(safe-area-inset-top) + 42px));font-size:26px;position:absolute;transform:translate(-50%)}.bonusClock.hurry{color:var(--red);animation:.5s ease-out infinite clockHurry}@keyframes clockHurry{0%{transform:translate(-50%)scale(1.25)}to{transform:translate(-50%)}}#levels .lvlBtn.bonusLvl:not(.locked){background:linear-gradient(160deg,#fff2a8,#ffc93c);border-color:#8a5a00;box-shadow:0 4px #8a5a00}#levels .lvlBtn.bonusLvl span{font-size:18px}#hud .top .pill{white-space:nowrap;flex:none}#hud .top [data-level]{text-overflow:ellipsis;flex:0 auto;min-width:0;display:block;overflow:hidden}@media (max-width:640px){#hud .top{flex-wrap:wrap;gap:6px;padding:0 8px}#hud .top .pill{border-width:3px;gap:4px;padding:1px 9px 1px 5px;font-size:14px}#hud .top .pill .coinIcon{width:16px;height:16px}#hud .top [data-level]{flex:1 1 0;max-width:46vw}#hud .top .pauseBtn{padding:2px 8px;font-size:15px}#hud .top .progress{border-width:3px;flex:1 0 100%;order:10;height:9px}.upBadges,.gearBar{top:calc(max(10px, env(safe-area-inset-top)) + 52px)}.upBadge{border-width:2px;border-radius:9px;width:30px;height:30px}.upBadge b{font-size:11px;bottom:-5px;right:-5px}.bossBar{top:calc(max(10px, env(safe-area-inset-top)) + 92px);padding:4px 10px;font-size:14px}.bossBar p{font-size:12px}.bonusClock{top:calc(max(10px, env(safe-area-inset-top)) + 52px);font-size:20px}.gearBar{flex-direction:row;right:8px}.gearBadge{border-width:2px;border-radius:9px;padding:1px 6px 1px 1px}.gearBadge img{width:24px;height:24px}.gearBadge b{font-size:11px}#menu{isolation:isolate;padding-top:calc(max(10px, env(safe-area-inset-top)) + 40px);padding-bottom:max(14px, env(safe-area-inset-bottom));justify-content:flex-start;gap:10px}#menu:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#14081200 0%,#14081259 45%,#14081299 100%);height:52%;position:absolute;bottom:0;left:0;right:0}#menu>.coins{left:12px;top:max(10px, env(safe-area-inset-top));border-width:3px;font-size:16px}#menu>#mute{right:12px;top:max(10px, env(safe-area-inset-top));box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:14px;padding:1px 10px;font-size:16px}#menu>#logo{width:min(46vw,200px,24vh);margin:-4px 0 auto;position:static}#menu>.levelName,#menu>.topScores{display:none}#menu>.eventBanner{width:min(100%,440px);box-shadow:0 4px 0 var(--ev-ink);text-align:left;border-width:4px;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin:0;padding:6px 8px 6px 14px;display:grid}#menu .eventHead,#menu .eventFoot{display:contents}#menu .eventHead span,#menu .eventTagline{display:none}#menu .eventHead b{white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;grid-area:1/1;min-width:0;font-size:15px;line-height:1.1;overflow:hidden}@media (max-width:380px){#menu .eventHead b{white-space:normal;font-size:13px}#menu #eventPlay{padding:4px 9px;font-size:13px}}#menu #eventPlay{white-space:nowrap}#menu .eventStars{grid-area:2/1;font-size:15px;line-height:1.1}#menu #eventPlay{box-shadow:0 3px 0 var(--ev-ink);border-width:4px;grid-area:1/2/3/3;padding:5px 12px;font-size:15px}#menu>#play{border-width:5px;width:min(100%,440px);padding:6px 0;font-size:30px;transform:none}#menu>.modeRow{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,440px);display:grid}#menu .modeBtn{box-shadow:0 4px 0 var(--ink);white-space:nowrap;border-width:4px;padding:5px 8px;font-size:16px}#menu .dailyBtn{padding-right:14px}#menu>.row:not(.modeRow){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,440px);display:grid}#menu>.row:not(.modeRow) button{box-shadow:0 3px 0 var(--ink);border-width:3px;border-radius:12px;padding:5px 2px;font-size:14px}#menu .badge{border-width:2px;min-width:20px;height:20px;font-size:12px;top:-9px;right:-6px}#menu>#ngLogin{border-width:3px;width:min(100%,440px);padding:4px 10px;font-size:13px}#menu>.ngUser{color:#fff;min-height:0;text-shadow:0 1px 0 var(--ink);font-size:13px}}