@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--font-geist-sans:"Geist", system-ui, sans-serif;--font-geist-mono:"Geist Mono", ui-monospace, monospace;--font-fredoka:"Fredoka", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;scrollbar-width:none;-ms-overflow-style:none;background:#050e06;overflow:hidden}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.game-container::-webkit-scrollbar{display:none}.game-container{color:#f0e8d8;flex-direction:column;width:min(100vw,56.25dvh);height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.reaction-cat{right:4px;bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:12;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:104px;height:104px;padding:0;position:absolute}.reaction-cat.poke img{animation:.5s ease-out catPoke}@keyframes catPoke{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.16,.9)rotate(-6deg)}55%{transform:scale(.96,1.08)rotate(5deg)}80%{transform:scale(1.04,.98)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.cat-bubble{color:#6a4a2a;font-family:var(--font-fredoka), "Fredoka", sans-serif;white-space:nowrap;pointer-events:none;background:#fffaf2;border:1.5px solid #e0cca8;border-radius:12px;padding:5px 10px;font-size:.78rem;font-weight:700;animation:.32s cubic-bezier(.34,1.56,.64,1) catBubblePop;position:absolute;top:-10px;left:-6px;transform:translateY(-100%);box-shadow:0 4px 10px #00000040}.cat-bubble:after{content:"";background:#fffaf2;border-bottom:1.5px solid #e0cca8;border-right:1.5px solid #e0cca8;width:10px;height:10px;position:absolute;bottom:-6px;left:18px;transform:rotate(45deg)}@keyframes catBubblePop{0%{opacity:0;transform:translateY(-100%)scale(.4)}to{opacity:1;transform:translateY(-100%)scale(1)}}.reaction-cat img{object-fit:contain;filter:drop-shadow(0 4px 6px #0006);transform-origin:bottom;width:100%;height:100%;animation:3s ease-in-out infinite reactionBob;display:block}@keyframes reactionBob{0%,to{transform:translateY(0)rotate(-2deg)scale(1)}25%{transform:translateY(-3px)rotate(0)scale(.99,1.02)}50%{transform:translateY(-5px)rotate(2deg)scale(1)}75%{transform:translateY(-2px)rotate(0)scale(1.01,.99)}}.reaction-cat.nervous img{animation:.3s ease-in-out infinite catNervous}@keyframes catNervous{0%,to{transform:translate(0)translateY(0)rotate(0)}20%{transform:translate(-3px)translateY(-1px)rotate(-3deg)}60%{transform:translate(3px)translateY(-1px)rotate(3deg)}}.reaction-cat.cheer img{animation:.6s cubic-bezier(.3,1.5,.5,1) catCheer}@keyframes catCheer{0%{transform:translateY(0)scale(1)}15%{transform:translateY(3px)scale(1.08,.9)}45%{transform:translateY(-22px)scale(.92,1.12)}70%{transform:translateY(0)scale(1.12,.88)}85%{transform:translateY(-3px)scale(.98,1.03)}to{transform:translateY(0)scale(1)}}.cat-avatar{cursor:default;background:radial-gradient(circle,#fcd34d59 0%,#fcd34d33 60%,#fcd34d1a 100%);border:1px solid #fcd34d2e;border-radius:50%;flex-shrink:0;transition:transform .15s,opacity .15s;overflow:hidden;box-shadow:0 2px 8px #00000040}.cat-avatar[role=button]{cursor:pointer}.cat-avatar:active[role=button]{opacity:.85;transform:scale(.93)}.cat-avatar img{object-fit:cover;object-position:center 15%;transform-origin:50% 20%;width:100%;height:100%;transform:scale(1.25)}.game-header{z-index:10;justify-content:space-between;align-items:center;padding:6px 12px 2px;display:flex;position:relative}.game-header-left{align-items:center;gap:8px;display:flex}.game-home-btn{cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.game-home-btn:active{background:#ffffff26}.game-avatar{cursor:pointer;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:transform .15s,opacity .15s;overflow:hidden}.game-avatar:active{opacity:.8;transform:scale(.9)}.game-avatar img{object-fit:cover;width:100%;height:100%}.game-header-right{flex-direction:column;align-items:flex-end;gap:0;display:flex}.board-seed{color:#fff3;font-size:.55rem;font-family:var(--font-geist-mono), monospace;letter-spacing:.05em;margin-top:-2px}.score-value{letter-spacing:.06em;color:gold;font-size:.95rem;font-weight:500;font-family:var(--font-fredoka), "Fredoka", sans-serif;text-shadow:0 1px 3px #00000059;animation:.5s cubic-bezier(.34,1.56,.64,1) scoreUpdate}@keyframes scoreUpdate{0%{opacity:.5;filter:brightness();transform:scale(.85)}30%{opacity:1;color:#fff;filter:brightness(1.4);text-shadow:0 0 12px #ffd70099,0 1px 3px #00000059;transform:scale(1.15)}60%{filter:brightness(1.1);transform:scale(.97)}to{opacity:1;filter:brightness();transform:scale(1)}}.tiles-left{letter-spacing:.04em;color:#ffffff59;font-size:.7rem;font-weight:500;font-family:var(--font-geist-mono), monospace}.progress-bar{z-index:10;background:#ffffff0f;border-radius:2px;height:2px;margin:0 20px 1px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#fcd34d,#f59e0b);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.22,.68,.35,1);box-shadow:0 0 8px #fcd34d66}.slot-bar{z-index:10;justify-content:center;gap:5px;padding:4px 10px 5px;display:flex;position:relative}.slot{background:#0003;border:2px dashed #ffffff59;justify-content:center;align-items:center;transition:border-color .2s,background .2s,transform .2s;display:flex}.slot.filled{background:#0000004d;border-style:solid;border-color:#ffffff40}.slot.danger{border-color:#ef444480;animation:.8s ease-in-out infinite dangerPulse}.slot-tile{background:linear-gradient(155deg,#f2e4c8 0%,#e4d0a8 50%,#d5c090 100%);border:1.5px solid #c0a870;flex-direction:column;justify-content:center;align-items:center;animation:.16s ease-out slotPlaceIn;display:flex;position:relative;box-shadow:1px 1px #b09060,2px 2px 4px #0000004d}@keyframes slotPlaceIn{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.slot-tile.match-out{animation:.5s ease-out forwards tileMatchOut}@keyframes tileMatchOut{0%{opacity:1;transform:scale(1)}20%{filter:brightness(1.5);transform:scale(1.28);box-shadow:0 0 26px #fcd34df2}45%{transform:scale(1.1)rotate(-4deg)}to{opacity:0;filter:brightness();transform:scale(0)rotate(12deg)}}@keyframes dangerPulse{0%,to{box-shadow:none;border-color:#ef44444d}50%{border-color:#ef4444cc;box-shadow:0 0 12px #ef44444d,inset 0 0 8px #ef44441a}}.board-wrapper{z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.board-wrapper.shake{animation:.5s ease-out boardShake}@keyframes boardShake{0%,to{transform:translate(0)}12%{transform:translate(-10px)rotate(-.5deg)}25%{transform:translate(8px)rotate(.4deg)}37%{transform:translate(-6px)rotate(-.3deg)}50%{transform:translate(4px)rotate(.2deg)}65%{transform:translate(-2px)}80%{transform:translate(1px)}}.board{flex-shrink:0;position:relative}.tile{background:linear-gradient(155deg,#f2e4c8 0%,#e4d0a8 40%,#d5c090 100%);border:1.5px solid #c0a870;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:transform .12s,box-shadow .12s,opacity .15s;display:flex;position:absolute;overflow:hidden}.tile.free:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 38%,#ffffff40 46%,#ffffff80 50%,#ffffff40 54%,#0000 62%);width:100%;height:100%;position:absolute;top:0;left:-100%}.tile.free:hover:before{animation:.5s ease-out forwards tileShimmer}@keyframes tileShimmer{0%{left:-100%}to{left:100%}}.tile.layer-0{box-shadow:1px 1px #b89860,2px 2px #a88850,2px 3px 5px #00000040}.tile.layer-1{background:linear-gradient(155deg,#f5e8d0 0%,#e8d4b0 40%,#d9c498 100%);box-shadow:1px 1px #c0a868,2px 2px #b09858,3px 3px #a08848,3px 4px 6px #0000004d}.tile.layer-2{background:linear-gradient(155deg,#f8ecd8 0%,#ecd8b8 40%,#ddc8a0 100%);box-shadow:1px 1px #c2ae78,2px 2px #b29e68,3px 3px #a28e58,4px 4px #927e48,4px 5px 8px #00000059}.tile.free{cursor:pointer}.tile.free:hover{transform:translateY(-3px)translate(-1px);box-shadow:2px 2px #c0a868,3px 3px #b09858,4px 4px #a08848,5px 7px 14px #00000073,0 0 12px #fcd34d40;z-index:9000!important}.tile.free:hover .tile-icon{filter:drop-shadow(0 0 4px #fcd34d59)drop-shadow(0 1px 1px #0000001f)}.tile.free:active{transition:transform 60ms;transform:scale(.95)}.tile.side-blocked{cursor:default;filter:brightness(.6)saturate(.72)}.tile.side-blocked .tile-icon{opacity:.4;filter:grayscale(.4)drop-shadow(0 1px 1px #00000014)}.tile.side-blocked:after{content:"";border-radius:inherit;pointer-events:none;z-index:3;border-left:2px solid #00000026;border-right:2px solid #00000026;position:absolute;inset:0}.tile.blocked{cursor:default;filter:brightness(.78)saturate(.85)}.tile.blocked .tile-icon{opacity:.25;filter:grayscale(.5)brightness(.85)}.tile.hint{animation:.7s ease-in-out infinite hintPulse;z-index:9000!important}.tile.dealing{opacity:0;animation:.55s ease-out forwards dealIn}@keyframes dealIn{0%{opacity:0;transform:translateY(var(--drop,-150px)) scale(.92)}12%{opacity:1}55%{transform:translateY(0)scale(1)}70%{transform:translateY(0)scaleX(1.06)scaleY(.94)}86%{transform:translateY(-3px)scaleX(.98)scaleY(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hintPulse{0%,to{transform:scale(1);box-shadow:2px 2px #c0a868,4px 4px #b09858,0 0 6px #3b82f64d}50%{transform:scale(1.04);box-shadow:2px 2px #c0a868,4px 4px #b09858,0 0 20px #3b82f6b3,0 0 40px #3b82f633;border-color:#60a5fa!important}}.flying-tile{pointer-events:none;background:linear-gradient(155deg,#f2e4c8 0%,#e4d0a8 40%,#d5c090 100%);border:1.5px solid #c0a870;justify-content:center;align-items:center;display:flex;box-shadow:1px 1px #c0a878,2px 2px #b09860,2px 3px 6px #00000040}.score-popup{letter-spacing:.02em;color:#fcd34d;text-shadow:0 2px 6px #0009,0 0 12px #fcd34d4d;pointer-events:none;z-index:10001;font-size:1rem;font-weight:700;font-family:var(--font-fredoka), "Fredoka", sans-serif;animation:.9s ease-out forwards scoreFloat;position:fixed;transform:translate(-50%)}.score-popup.big{color:#fbbf24;text-shadow:0 0 20px #fbbf2499,0 2px 8px #0009;font-size:1.4rem;animation:1s ease-out forwards scoreFloatBig}@keyframes scoreFloat{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.4)}15%{opacity:1;transform:translate(-50%)translateY(-12px)scale(1.2)}50%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-55px)scale(.7)}}@keyframes scoreFloatBig{0%{opacity:0;transform:translate(-50%)translateY(0)scale(.3)}12%{opacity:1;transform:translate(-50%)translateY(-16px)scale(1.4)}25%{transform:translate(-50%)translateY(-20px)scale(1.15)}50%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-70px)scale(.8)}}.coin{pointer-events:none;filter:drop-shadow(0 0 6px #fcd34db3);justify-content:center;align-items:center;width:26px;height:26px;display:flex}.coin img{object-fit:contain;width:100%;height:100%;display:block}.tile-icon:has(.joker-img){position:absolute;inset:0}.joker-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tile.joker-tile{animation:1.8s ease-in-out infinite jokerShine;background:0 0!important;border-color:#d9920a!important}@keyframes jokerShine{0%,to{box-shadow:0 0 10px #fcd34d80,2px 3px 6px #0000004d}50%{box-shadow:0 0 22px #fcd34deb,0 0 38px #fcd34d66}}.joker-sparkle{pointer-events:none;z-index:3;position:absolute;inset:0}.joker-sparkle:before,.joker-sparkle:after{content:"";opacity:0;background:radial-gradient(circle,#fffbe6 0%,#ffffffb3 38%,#0000 72%);border-radius:50%;width:8px;height:8px;position:absolute}.joker-sparkle:before{animation:3.2s ease-in-out infinite jokerTwinkle;top:16%;left:26%}.joker-sparkle:after{animation:3.6s ease-in-out 1.7s infinite jokerTwinkle;top:64%;left:68%}@keyframes jokerTwinkle{0%,68%,to{opacity:0;transform:scale(.3)}80%{opacity:1;transform:scale(1.15)}90%{opacity:.6;transform:scale(.85)}}.joker-flash{z-index:10005;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.joker-flash-ring{background:radial-gradient(circle,#fcd34dbf,#0000 68%);border-radius:50%;width:120px;height:120px;animation:.8s ease-out forwards jokerRing;position:absolute}@keyframes jokerRing{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(2.3)}}.joker-flash-text{font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.04em;color:#fff7d6;text-shadow:0 0 14px #fcd34d,0 2px 4px #b45a0ad9;font-size:1.8rem;font-weight:800;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards jokerText;position:relative}@keyframes jokerText{0%{opacity:0;transform:scale(.3)rotate(-8deg)}40%{opacity:1;transform:scale(1.2)rotate(4deg)}70%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1)translateY(-22px)}}.score-counter{transform-origin:50%;will-change:transform}.score-counter.bump{animation:.36s cubic-bezier(.34,1.56,.64,1) scoreCounterBump}@keyframes scoreCounterBump{0%{transform:scale(1)}35%{filter:brightness(1.45);transform:scale(1.22)}to{filter:brightness();transform:scale(1)}}.tile-icon{filter:drop-shadow(0 1px 1px #0000001f);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.controls-bar{z-index:10;padding:8px 12px calc(14px + env(safe-area-inset-bottom,0px));justify-content:center;gap:20px;display:flex;position:relative}.ctrl-item{flex-direction:column;align-items:center;gap:5px;display:flex}.ctrl-label{letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px #0009;font-size:.7rem;font-weight:700;font-family:var(--font-fredoka), "Fredoka", sans-serif}.ctrl-item:has(.ctrl-circle:disabled) .ctrl-label{opacity:.4}.ctrl-circle{cursor:pointer;width:58px;height:58px;font-family:var(--font-fredoka), system-ui;background:linear-gradient(#6b7280,#4b5563);border:2.5px solid #fffc;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s,filter .1s;display:flex;box-shadow:0 5px #00000047,0 9px 14px #0006,inset 0 3px 4px #ffffff80}.ctrl-circle:before{content:"";pointer-events:none;background:linear-gradient(#fff9,#fff0);border-radius:50%;width:58%;height:30%;position:absolute;top:5px;left:50%;transform:translate(-50%)}.ctrl-circle svg{filter:drop-shadow(0 1px 1px #00000040);z-index:1;position:relative;color:#fff!important}.ctrl-circle:hover:not(:disabled){filter:brightness(1.08)saturate(1.1);transform:translateY(-1px)}.ctrl-circle:active:not(:disabled){transition:transform 50ms;transform:translateY(5px);box-shadow:0 1px #00000047,0 2px 5px #0000004d,inset 0 2px 3px #ffffff59}.ctrl-circle:disabled{opacity:.45;cursor:default;filter:grayscale(.4)}.ctrl-shuffle{background:linear-gradient(#62c6f5,#2585d6 60%,#1f74c0)}.ctrl-hint{background:linear-gradient(#ffd95a,#f5a623 60%,#e08e10)}.ctrl-undo{background:linear-gradient(#ff8a8a,#ef4444 60%,#d12b2b)}.ctrl-circle{position:relative}.ctrl-badge{color:#c2410c;min-width:20px;height:20px;font-size:12px;font-weight:800;font-family:var(--font-fredoka), "Fredoka", sans-serif;pointer-events:none;z-index:2;background:#fff;border:2px solid #00000026;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;line-height:1;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #0000004d}.overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.overlay-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#000000a6;border:1px solid #ffffff1a;border-radius:20px;width:85%;max-width:320px;margin:16px;padding:28px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) cardSlideIn;box-shadow:0 20px 60px #00000080}.win-card{border-color:#fcd34d40;box-shadow:0 20px 60px #00000080,0 0 40px #fcd34d26}.lose-card{border-color:#f8717133}@keyframes cardSlideIn{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.overlay-card h2{animation:.5s cubic-bezier(.34,1.56,.64,1) .18s both headlinePop}@keyframes headlinePop{0%{opacity:0;filter:blur(5px);transform:scale(2.3)}55%{opacity:1;filter:blur();transform:scale(.9)}78%{transform:scale(1.06)}to{transform:scale(1)}}.win-card h2{text-shadow:0 0 18px #fcd34d8c,0 2px 6px #00000080}.overlay-emoji{margin-bottom:6px;font-size:2.8rem}.overlay-img{object-fit:contain;width:140px;height:140px;margin:0 auto 4px;display:block}.overlay-video{object-fit:cover;background:0 0;border-radius:16px;width:160px;height:160px;margin:0 auto 4px;display:block}.win-stars-earned{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:1.1rem;font-weight:600;display:flex}.win-trophy{justify-content:center;margin-bottom:8px;animation:.6s ease-out .3s both trophyBounce;display:flex}@keyframes trophyBounce{0%{opacity:0;transform:scale(0)rotate(-20deg)}50%{opacity:1;transform:scale(1.2)rotate(5deg)}75%{transform:scale(.9)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.overlay-card h2{font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:-.01em;color:#fcd34d;margin-bottom:8px;font-size:1.4rem;font-weight:600}.lose-card h2{color:#f87171}.overlay-card p{color:#a8a29e;letter-spacing:.01em;margin-bottom:18px;font-size:.85rem;font-weight:400;line-height:1.4}.overlay-card p strong{color:#fef3c7}.overlay-actions{justify-content:center;gap:10px;display:flex}.overlay-btn{font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.02em;cursor:pointer;border:none;border-radius:12px;width:100%;padding:12px 28px;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s}.overlay-btn.primary{color:#1c1917;background:linear-gradient(135deg,#f59e0b,#d97706)}.overlay-btn.primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.overlay-btn.secondary{color:#fef3c7;background:#ffffff1a;border:1px solid #ffffff26}.overlay-btn.secondary:hover{background:#ffffff2e;transform:translateY(-2px)}.confetti-container{pointer-events:none;z-index:101;position:fixed;inset:0;overflow:hidden}.confetti{border-radius:2px;animation:3s linear forwards confettiFall;position:absolute;top:-12px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}25%{opacity:1}to{transform:translateY(100vh) translateX(var(--drift,0px)) rotate(720deg) scale(.3);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tutorial-overlay{cursor:pointer}.tutorial-bubble{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#0f1e14eb;border:1px solid #fcd34d4d;border-radius:16px;max-width:280px;padding:16px 22px 12px}.tutorial-text{color:#f0e8d8;font-size:.95rem;line-height:1.4;font-family:var(--font-fredoka), system-ui;margin-bottom:10px}.tutorial-dots{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.tutorial-dot{background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .3s}.tutorial-dot.active{background:#fcd34d;transform:scale(1.3)}.tutorial-tap{color:#ffffff59;letter-spacing:.05em;font-size:.7rem}.tutorial-skip{color:#fff9;cursor:pointer;pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;padding:4px 14px;font-size:.75rem;transition:all .15s;position:absolute;top:12px;right:16px}.tutorial-skip:active{color:#ffffffe6;background:#fff3}.app-bg{width:100%;height:100dvh;position:relative;overflow:hidden}.app-bg:before,.app-bg:after{content:"";z-index:100;pointer-events:none;background:#000000bf;width:calc(50vw - min(100vw,56.25dvh)/2);height:100%;position:fixed;top:0}.app-bg:before{left:0}.app-bg:after{right:0}.menu-container{scrollbar-width:none;-ms-overflow-style:none;color:#f0e8d8;flex-direction:column;width:min(100vw,56.25dvh);height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden auto}.chest-fab{left:8px;bottom:calc(64px + env(safe-area-inset-bottom,0px));cursor:pointer;z-index:20;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:60px;height:60px;padding:0;position:absolute}.chest-fab img{object-fit:contain;filter:drop-shadow(0 3px 5px #0006);width:100%;height:100%}.chest-fab.ready{filter:drop-shadow(0 0 10px #fcd34dbf)}.chest-fab.ready img{animation:1.4s ease-in-out infinite chestWiggle}@keyframes chestWiggle{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(4deg)scale(1.07)}}.chest-badge{color:#fff;width:22px;height:22px;font-size:14px;font-weight:800;font-family:var(--font-fredoka), "Fredoka", sans-serif;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #0000004d}.chest-timer{color:#fff;white-space:nowrap;font-size:10px;font-weight:700;font-family:var(--font-geist-mono), monospace;background:#000000a6;border-radius:999px;padding:1px 6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.chest-overlay{z-index:200;-webkit-backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.chest-reward-card{-webkit-backdrop-filter:blur(24px);text-align:center;background:#000000b3;border:1px solid #fcd34d4d;border-radius:22px;width:82%;max-width:300px;margin:16px;padding:28px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) cardSlideIn;position:relative;box-shadow:0 20px 60px #00000080,0 0 40px #fcd34d33}.chest-burst{pointer-events:none;background:radial-gradient(circle,#fcd34d80,#0000 70%);width:170px;height:170px;animation:.8s ease-out burstPulse;position:absolute;top:40px;left:50%;transform:translate(-50%)}@keyframes burstPulse{0%{opacity:.8;transform:translate(-50%)scale(.3)}to{opacity:0;transform:translate(-50%)scale(1.6)}}.chest-reward-img{object-fit:contain;width:130px;height:130px;margin:0 auto 4px;animation:.5s cubic-bezier(.34,1.56,.64,1) chestPop;display:block;position:relative}@keyframes chestPop{0%{opacity:0;transform:scale(.4)rotate(-10deg)}60%{transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.chest-reward-card h2{color:#fcd34d;font-family:var(--font-fredoka), "Fredoka", sans-serif;margin-bottom:4px}.chest-reward-amount{color:#fcd34d;font-size:1.6rem;font-weight:800;font-family:var(--font-fredoka), "Fredoka", sans-serif;text-shadow:0 0 16px #fcd34d80;margin-bottom:16px}.menu-container::-webkit-scrollbar{display:none}.menu-content{background:radial-gradient(#050e0680 0%,#0000 70%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:40px 24px;display:flex}.menu-logo{filter:drop-shadow(0 4px 10px #0006);width:min(78%,320px);height:auto;margin:0 auto;animation:.6s cubic-bezier(.34,1.7,.5,1) menuLogoIn;display:block}@keyframes menuLogoIn{0%{opacity:0;transform:scale(.4)translateY(-46px)}60%{opacity:1;transform:scale(1.08)translateY(0)}80%{transform:scale(.97)}to{opacity:1;transform:scale(1)}}.menu-subtitle{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffff59;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;font-size:.85rem;font-weight:400}.menu-avatar-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;transition:transform .15s;display:flex}.menu-avatar-btn:active{transform:scale(.95)}.menu-avatar-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffffb3;font-size:.9rem;font-weight:500}.menu-stars{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffff80;align-items:center;gap:5px;margin-bottom:24px;font-size:1rem;font-weight:500;display:flex}.star-icon{color:#fcd34d;filter:drop-shadow(0 0 3px #fcd34d66);font-size:1em}.menu-buttons{flex-direction:column;gap:10px;width:100%;max-width:220px;display:flex}.menu-btn{color:#fff;width:100%;font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.02em;text-shadow:0 1px 2px #0000004d;cursor:pointer;background:linear-gradient(#5ec2f0 0%,#3a9fd6 55%,#2b86bd 100%);border:none;border-radius:16px;padding:15px 20px;font-size:1.12rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter 80ms;position:relative;box-shadow:0 5px #226d9c,0 8px 14px #00000059,inset 0 2px 2px #ffffff80}.menu-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);border-radius:12px;height:36%;position:absolute;top:5px;left:9%;right:9%}.menu-btn:hover{filter:brightness(1.06)}.menu-btn:active{transform:translateY(5px);box-shadow:0 1px #226d9c,0 2px 5px #0000004d,inset 0 2px 2px #fff6}.menu-btn.primary{color:#fff;text-shadow:0 2px 2px #285a0a99;background:linear-gradient(#a3e635 0%,#65c41f 50%,#4ca015 100%);border-radius:18px;animation:.6s cubic-bezier(.34,1.7,.5,1) .4s backwards playPop;box-shadow:0 5px #3a7f10,0 8px 14px #00000059,inset 0 2px 3px #ffffffb3}@keyframes playPop{0%{opacity:0;transform:scale(0)translateY(24px)}55%{opacity:1;transform:scale(1.08)translateY(0)}78%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.menu-btn.primary:active{transform:translateY(5px);box-shadow:0 1px #357018,0 2px 5px #0000004d,inset 0 2px 2px #fff6}.menu-btn.remix{color:#fff;background:linear-gradient(#ef72ef 0%,#c930d6 55%,#a91fb6 100%);box-shadow:0 5px #7d1488,0 8px 14px #00000059,inset 0 2px 2px #ffffff80}.menu-btn.remix:active{transform:translateY(5px);box-shadow:0 1px #7d1488,0 2px 5px #0000004d,inset 0 2px 2px #fff6}.golem-logo-tiny{object-fit:cover;vertical-align:middle;border:1px solid #fcd34d99;border-radius:50%;width:16px;height:16px;margin-right:2px}.golem-logo-large{object-fit:cover;border:2px solid #fcd34d99;border-radius:50%;width:72px;height:72px;margin-bottom:4px;box-shadow:0 4px 20px #0006}.remix-bg{position:relative;background:#0a0515 url(/remix-bg.jpg) 50%/cover no-repeat!important}.remix-bg:before{content:"";z-index:-1;background:#0a0515 url(/remix-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}.golem-about-bg{position:relative;background:#0a0515 url(/golem-about-bg.jpg) 50%/cover no-repeat!important}.golem-about-bg:before{content:"";z-index:-1;background:#0a0515 url(/golem-about-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}.remix-path-golem-logo{object-fit:cover;border-radius:50%;width:36px;height:36px}.remix-path-img{object-fit:cover;border:1.5px solid #fcd34d99;border-radius:50%;width:44px;height:44px}.remix-onboard-spacer{flex:1}.golem-feature-lucide{color:#d946ef;background:#d946ef1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.menu-subtitle-btn{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff9;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;margin-bottom:20px;padding:2px 8px;font-size:.85rem;font-weight:400;transition:color .2s;display:inline-flex}.menu-subtitle-btn:hover,.menu-subtitle-btn:active{color:#5dcaa5}.golem-icon{font-size:1em}.menu-divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;max-width:220px;height:1px;margin:16px 0}.golem-about-content{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 24px 40px;display:flex;overflow-y:auto}.golem-about-content::-webkit-scrollbar{display:none}.golem-about-icon{margin-bottom:4px;font-size:3.5rem}.golem-about-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#5dcaa5;text-shadow:0 2px 8px #5dcaa533;font-size:1.8rem;font-weight:700}.golem-about-tagline{color:#fff9;letter-spacing:.06em;margin-bottom:12px;font-size:.85rem}.golem-about-text{color:#fffc;text-align:center;-webkit-backdrop-filter:blur(16px);background:#00000080;border:1px solid #ffffff14;border-radius:14px;max-width:320px;margin-bottom:16px;padding:14px;font-size:.88rem;line-height:1.55}.golem-stats-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:280px;margin-bottom:16px;display:grid}.golem-stat{-webkit-backdrop-filter:blur(16px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:10px 4px;display:flex}.golem-stat-value{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;font-size:1.5rem;font-weight:700}.golem-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.golem-about-spacer{flex:1}.golem-about-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;max-width:280px;padding-bottom:12px;display:flex}.golem-about-cta{color:#fff;width:100%;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:linear-gradient(155deg,#d946ef 0%,#a855f7 50%,#7c3aed 100%);border:none;border-bottom:3px solid #5b21b6;border-radius:10px;padding:13px 20px;font-size:1.05rem;font-weight:600;transition:transform .1s,filter .1s}.golem-about-cta:active{border-bottom-width:1px;transform:translateY(2px)}.golem-about-link{color:#fff6;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.9rem;transition:color .2s}.golem-about-link:active{color:#5dcaa5}.golem-talks-content{scrollbar-width:none;flex-direction:column;flex:1;gap:20px;padding:12px 16px 40px;display:flex;overflow-y:auto}.golem-talks-content::-webkit-scrollbar{display:none}.talk-exchange{flex-direction:column;gap:8px;display:flex}.talk-bubble{-webkit-backdrop-filter:blur(16px);border-radius:14px;max-width:90%;padding:12px 14px}.talk-bubble p{color:#ffffffd9;font-size:.88rem;line-height:1.5}.talk-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;align-items:center;gap:4px;margin-bottom:4px;font-size:.7rem;font-weight:600;display:flex}.talk-avi{background:#0009;border:1px solid #ffffff1f;border-bottom-left-radius:4px;align-self:flex-start}.talk-golem{background:#5dcaa51a;border:1px solid #5dcaa533;border-bottom-right-radius:4px;align-self:flex-end}.talk-golem .talk-label{color:#5dcaa5}.remix-onboard-content{scrollbar-width:none;flex-direction:column;flex:1;gap:20px;padding:20px 20px 40px;display:flex;overflow-y:auto}.remix-onboard-content::-webkit-scrollbar{display:none}.remix-onboard-intro{color:#ffffffd9;text-align:left;font-size:.88rem;line-height:1.55}.remix-paths-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;align-self:flex-start;margin-bottom:10px;padding-left:4px;font-size:.85rem;font-weight:500}.remix-paths{flex-direction:column;gap:12px;display:flex}.remix-path-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;text-align:left;background:#000000b3;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:background .15s,border-color .15s,transform .1s;display:flex;box-shadow:0 4px 16px #0000004d}.remix-path-card:active{background:#000c;border-color:#fcd34d4d;transform:scale(.98)}.remix-path-icon{flex-shrink:0;font-size:2rem}.remix-path-info{flex:1}.remix-path-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;align-items:center;gap:8px;font-size:1.05rem;font-weight:600;display:flex}.remix-path-sub{color:#fff9;margin-top:2px;font-size:.78rem}.remix-soon-badge{text-transform:uppercase;letter-spacing:.06em;color:#5dcaa5;background:#5dcaa526;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700;display:inline-block}.remix-path-soon{opacity:.65}.setup-cc-content{scrollbar-width:none;flex-direction:column;flex:1;gap:20px;padding:20px 20px 40px;display:flex;overflow-y:auto}.setup-cc-content::-webkit-scrollbar{display:none}.setup-cc-intro{color:#fffc;text-align:left;margin-bottom:4px;font-size:.88rem;line-height:1.55}.setup-step{-webkit-backdrop-filter:blur(24px);background:#000000b3;border:1px solid #ffffff14;border-radius:14px;align-items:flex-start;gap:14px;padding:14px;display:flex}.setup-step-num{color:#5dcaa5;width:28px;height:28px;font-family:var(--font-fredoka), "Fredoka", sans-serif;background:#5dcaa533;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.setup-step-body{flex:1}.setup-step-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;margin-bottom:4px;font-size:1rem;font-weight:600}.setup-step-desc{color:#ffffffb3;font-size:.85rem;line-height:1.4}.setup-step-desc code,.setup-prompt-block code{font-family:var(--font-geist-mono), monospace;color:#5dcaa5;background:#5dcaa514;border-radius:4px;padding:1px 5px;font-size:.82rem}.setup-prompt-block{background:#0006;border:1px solid #ffffff14;border-radius:8px;margin-top:6px;padding:12px}.setup-prompt-block code{word-break:break-word;white-space:pre-wrap;background:0 0;padding:0;line-height:1.5;display:block}.setup-copy-btn{color:#5dcaa5;cursor:pointer;background:#5dcaa51f;border:1px solid #5dcaa540;border-radius:6px;margin-top:8px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:background .2s}.setup-copy-btn:active{background:#5dcaa540}.setup-cc-bottom{flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.setup-ready-btn{color:#fff;width:100%;max-width:260px;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:linear-gradient(155deg,#22c55e 0%,#16a34a 50%,#15803d 100%);border:none;border-bottom:3px solid #166534;border-radius:10px;padding:14px 20px;font-size:1.05rem;font-weight:600;transition:transform .1s}.setup-ready-btn:active{border-bottom-width:1px;transform:translateY(2px)}.setup-note{color:#ffffff4d;text-align:center;font-size:.72rem}.setup-golem-content{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:10px;padding:20px 24px 40px;display:flex;overflow-y:auto}.setup-golem-content::-webkit-scrollbar{display:none}.golem-feature-cards{flex-direction:column;gap:10px;width:100%;max-width:300px;margin:12px 0;display:flex}.golem-feature-card{-webkit-backdrop-filter:blur(16px);background:#00000080;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.golem-feature-icon{flex-shrink:0;font-size:1.5rem}.golem-feature-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;font-size:.92rem;font-weight:600}.golem-feature-desc{color:#fff9;margin-top:1px;font-size:.75rem}.golem-waitlist-form{flex-direction:column;gap:8px;width:100%;max-width:260px;margin-top:8px;display:flex}.golem-email-input{color:#f0e8d8;background:#00000080;border:1.5px solid #ffffff26;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:.9rem;transition:border-color .2s}.golem-email-input:focus{border-color:#5dcaa566}.golem-email-input::placeholder{color:#ffffff40}.golem-waitlist-btn{color:#fff;width:100%;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:linear-gradient(155deg,#22c55e 0%,#16a34a 50%,#15803d 100%);border:none;border-bottom:3px solid #166534;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:600;transition:transform .1s}.golem-waitlist-btn:active{border-bottom-width:1px;transform:translateY(2px)}.golem-waitlist-thanks{color:#5dcaa5;background:#5dcaa51a;border:1px solid #5dcaa533;border-radius:10px;align-items:center;gap:8px;margin-top:8px;padding:14px 20px;font-size:.9rem;font-weight:600;display:flex}.golem-waitlist-btn:disabled{opacity:.5;cursor:not-allowed}.early-access-content{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:16px;padding:20px 24px 40px;display:flex;overflow-y:auto}.early-access-content::-webkit-scrollbar{display:none}.early-access-form{flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.early-access-input{color:#f0e8d8;width:100%;font-family:var(--font-geist-sans), system-ui, sans-serif;background:#0009;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:11px 14px;font-size:.9rem;transition:border-color .2s}.early-access-input:focus{border-color:#d946ef66}.early-access-input::placeholder{color:#ffffff4d}.early-access-textarea{resize:none;min-height:70px;line-height:1.4}.early-access-thanks{text-align:center;color:#f0e8d8;padding:20px 0}.early-access-thanks h3{font-family:var(--font-fredoka), "Fredoka", sans-serif;margin-bottom:8px;font-size:1.2rem}.early-access-thanks p{color:#ffffffb3;font-size:.9rem;line-height:1.5}.early-access-check{color:#5dcaa5;margin-bottom:8px;font-size:2rem;display:block}.early-access-error{color:#ef4444;text-align:center;font-size:.8rem}.remix-workspace-content{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:16px;padding:16px 20px 40px;display:flex;overflow-y:auto}.remix-workspace-content::-webkit-scrollbar{display:none}.remix-workspace-intro{color:#ffffffbf;text-align:center;font-size:.85rem;line-height:1.5}.remix-domain-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.remix-domain-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;background:#000000b3;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;align-items:center;padding:16px 10px;transition:background .15s,border-color .15s,transform .1s;display:flex;box-shadow:0 4px 16px #0000004d}.remix-domain-card:active{background:#000c;border-color:#fcd34d4d;transform:scale(.97)}.remix-domain-icon{margin-bottom:6px;font-size:1.8rem}.remix-domain-icon-img{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:40px;height:40px}.remix-domain-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;font-size:.95rem;font-weight:600}.remix-domain-count{color:#fff9;margin-top:2px;font-size:.7rem}.remix-play-btn{color:#1c1917;width:100%;max-width:260px;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:linear-gradient(155deg,#f59e0b 0%,#d97706 50%,#b45309 100%);border:none;border-bottom:3px solid #92400e;border-radius:10px;margin-top:8px;padding:13px 20px;font-size:1rem;font-weight:600;transition:transform .1s}.remix-play-btn:active{border-bottom-width:1px;transform:translateY(2px)}.remix-back-setup{color:#ffffff59;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.8rem;transition:color .2s}.remix-back-setup:active{color:#5dcaa5}.remix-domain-content{scrollbar-width:none;flex-direction:column;flex:1;gap:16px;padding:12px 16px 0;display:flex;overflow-y:auto}.remix-domain-content::-webkit-scrollbar{display:none}.remix-domain-sticky-bottom{z-index:5;background:linear-gradient(#0000 0%,#05020af2 20%);flex-shrink:0;align-items:flex-end;gap:8px;margin:0 -16px;padding:12px 16px 16px;display:flex;position:sticky;bottom:0}.remix-domain-sticky-bottom .remix-ai-section{flex:1;min-width:0}.remix-play-fab{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);border:none;border-bottom:3px solid #b45309;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:44px;height:44px;margin-bottom:2px;font-size:1.1rem;transition:transform .1s,box-shadow .15s;display:flex;box-shadow:0 0 16px #fcd34d59,0 2px 8px #0000004d}.remix-play-fab:active{border-bottom-width:1px;transform:scale(.93);box-shadow:0 0 8px #fcd34d40}.remix-asset-grid{gap:10px;width:100%;display:grid}.remix-asset-grid-2{grid-template-columns:1fr 1fr}.remix-asset-grid-3{grid-template-columns:1fr 1fr 1fr}.remix-asset-card{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;box-shadow:0 2px 8px #0003}.remix-asset-card.active{border-color:#fcd34d66}.remix-avatar-img{border-radius:50%;width:48px;height:48px;margin-bottom:4px;overflow:hidden}.remix-avatar-img img{object-fit:cover;width:100%;height:100%}.remix-asset-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;text-align:center;font-size:.85rem;font-weight:600}.remix-asset-meta{color:#fff9;text-align:center;font-size:.7rem}.remix-asset-status{border-radius:4px;margin-top:2px;padding:2px 8px;font-size:.65rem;font-weight:600}.remix-asset-status.unlocked{color:#5dcaa5;background:#5dcaa51f}.remix-asset-status.locked{color:#fcd34d;background:#fcd34d1f}.remix-placeholder{box-shadow:none;background:#5dcaa50a;border-style:dashed;border-color:#5dcaa54d}.remix-placeholder-icon{color:#5dcaa566;font-size:1.5rem;font-weight:300}.remix-tiles-section{flex-direction:column;gap:16px;display:flex}.remix-suit-group{flex-direction:column;gap:6px;display:flex}.remix-suit-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;padding-left:4px;font-size:.85rem;font-weight:600}.remix-tile-card{-webkit-backdrop-filter:blur(16px);background:#00000080;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:6px;display:flex}.remix-tile-card img{object-fit:contain;width:54px;height:68px}.remix-music-list{flex-direction:column;gap:8px;display:flex}.remix-music-track{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.remix-music-track.active{border-color:#fcd34d4d}.remix-music-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.remix-music-avatar img{object-fit:cover;width:100%;height:100%}.remix-music-info{flex:1}.remix-music-icon{color:#ffffff4d;flex-shrink:0;font-size:1.2rem}.remix-music-track.active .remix-music-icon{color:#fcd34d;font-size:1.4rem}.remix-placeholder-row{background:#5dcaa50a;border-style:dashed;border-color:#5dcaa54d;gap:10px;padding:14px 12px}.remix-world-card{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:6px;padding:0 0 10px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0003}.remix-world-preview{border-radius:14px 14px 0 0;width:100%;height:70px}.remix-world-card .remix-asset-name,.remix-world-card .remix-asset-meta{padding:0 10px}.remix-skill-card{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex;box-shadow:0 2px 8px #0003}.remix-skill-avatar{border-radius:50%;width:36px;height:36px;margin-bottom:2px;overflow:hidden}.remix-skill-avatar img{object-fit:cover;width:100%;height:100%}.remix-skill-levels{gap:4px;margin-top:4px;display:flex}.remix-skill-pip{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;width:8px;height:8px}.remix-skill-pip.filled{background:#5dcaa5;border-color:#5dcaa5}.remix-rules-section{flex-direction:column;gap:12px;display:flex}.remix-rules-card{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:14px;padding:14px;box-shadow:0 2px 8px #0003}.remix-rules-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#5dcaa5;margin-bottom:8px;font-size:.92rem;font-weight:600}.remix-rules-row{color:#ffffff80;border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:4px 0;font-size:.82rem;display:flex}.remix-rules-row:last-child{border-bottom:none}.remix-rules-row span:last-child{color:#f0e8d8;font-weight:500}.remix-domain-spacer{flex:1}.remix-avatar-worlds{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.remix-avatar-worlds .designer-world-card{aspect-ratio:3/4;width:100%}.remix-avatar-worlds .designer-world-overlay{padding:10px 6px 8px}.remix-avatar-worlds .designer-world-name{margin-top:4px;font-size:.8rem}.remix-avatar-worlds .designer-world-footer{gap:4px}.remix-avatar-worlds .designer-world-cost{font-size:.7rem}.remix-avatar-worlds .designer-world-music{font-size:.65rem}.remix-avatar-worlds .designer-world-active{font-size:.6rem}.designer-world-music{color:#ffffff80;font-size:.75rem}.remix-placeholder-world{background:#00000080;border:2px dashed #ffffff26;justify-content:center;align-items:center;min-height:80px;display:flex}.remix-ai-section{-webkit-backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:14px;flex-shrink:0;padding:14px;box-shadow:0 2px 8px #0003}.remix-ai-golem{object-fit:cover;border:1px solid #fcd34d80;border-radius:50%;width:22px;height:22px}.remix-ai-header{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff9;align-items:center;gap:6px;margin-bottom:10px;font-size:.88rem;font-weight:600;display:flex}.remix-ai-prompt{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 36px 10px 12px;transition:background .2s,border-color .2s;display:flex;position:relative}.remix-ai-prompt:active{background:#5dcaa514;border-color:#5dcaa533}.remix-ai-prompt.copied{background:#5dcaa50f;border-color:#5dcaa54d}.remix-ai-prompt code{font-family:var(--font-geist-mono), monospace;color:#ffffffb3;word-break:break-word;font-size:.78rem;line-height:1.45}.remix-copy-hint{color:#ffffff40;text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.remix-ai-prompt.copied .remix-copy-hint{color:#5dcaa5}.remix-shuffle-inline{color:#ffffff80;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.remix-shuffle-inline:active{color:#5dcaa5;background:#5dcaa51a}.remix-shuffle-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;margin:10px auto 0;padding:6px 16px;font-size:.78rem;transition:color .2s,border-color .2s;display:block}.remix-shuffle-btn:active{color:#5dcaa5;border-color:#5dcaa54d}.remix-hotreload-note{color:#fff3;text-align:center;padding:8px 0;font-size:.68rem}.remix-debug-section{-webkit-backdrop-filter:blur(24px);background:#000000b3;border:1px solid #fcd34d33;border-radius:14px;width:100%;padding:12px 14px;box-shadow:0 4px 16px #0000004d}.screen-header{z-index:20;background:linear-gradient(#00000080 0%,#0000004d 70%,#0000 100%);flex-shrink:0;align-items:center;gap:8px;padding:16px 12px 8px;display:flex;position:sticky;top:0}.game-container .screen-header{background:0 0;padding:10px 12px 4px;position:relative}.screen-header-left{align-items:center;gap:8px;display:flex}.back-btn{-webkit-backdrop-filter:blur(16px);color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;box-shadow:0 2px 10px #0000004d}.back-btn:active{background:#000000a6}.header-play-btn{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,#fcd34d 0%,#f59e0b 100%);border:none;border-bottom:2px solid #b45309;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;transition:transform .1s;display:flex;box-shadow:0 0 8px #fcd34d4d}.header-play-btn:active{border-bottom-width:1px;transform:scale(.9)}.screen-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;text-align:center;text-shadow:0 1px 4px #00000080;flex:1;font-size:1.2rem;font-weight:600}.ui-card{-webkit-backdrop-filter:blur(24px);background:#00000073;border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 4px 16px #00000040}.header-right-group{align-items:center;gap:6px;display:flex}.mute-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;color:#fff9;background:#0006;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.mute-btn:active{color:#fff;background:#ffffff26}.header-stars{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;-webkit-backdrop-filter:blur(12px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;justify-content:flex-end;align-items:center;gap:4px;min-width:36px;padding:4px 10px;font-size:.85rem;font-weight:500;display:flex}.designer-grid{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:12px;padding:12px 24px 24px;display:flex;overflow-y:auto}.designer-grid::-webkit-scrollbar{display:none}.designer-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;text-align:left;background:#000000b3;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:background .15s,border-color .15s;display:flex;box-shadow:0 4px 16px #0000004d}.designer-card:active{background:#000c;border-color:#fcd34d4d}.designer-card-icon{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.designer-card-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;font-size:1.05rem;font-weight:600;display:block}.designer-card-desc{color:#ffffff8c;margin-top:2px;font-size:.75rem;display:block}.designer-debug-section{-webkit-backdrop-filter:blur(24px);background:#000000b3;border:1px solid #fcd34d33;border-radius:14px;padding:12px 14px;box-shadow:0 4px 16px #0000004d}.designer-debug-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d80;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.designer-debug-row{align-items:center;gap:10px;margin-top:8px;margin-bottom:10px;display:flex}.designer-debug-state{flex-direction:column;flex:1;gap:1px;display:flex}.designer-debug-stat{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;font-size:.85rem;font-weight:600}.designer-debug-stat-sub{color:#ffffff59;font-size:.65rem}.designer-debug-balance{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;flex-shrink:0;font-size:1.1rem;font-weight:600}.designer-debug-btns{gap:6px;display:flex}.designer-debug-btn{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:5px 10px;font-size:.75rem;font-weight:500;transition:background .15s}.designer-debug-btn:active{background:#ffffff38}.designer-debug-btn.remove{color:#f87171;border-color:#ef44444d}.designer-worlds-section{-webkit-backdrop-filter:blur(24px);background:#000000b3;border:1px solid #ffffff26;border-radius:14px;padding:12px 14px;box-shadow:0 4px 16px #0000004d}.avatar-gallery-bg{background:radial-gradient(at 30% 20%,#6366f10f 0%,#0000 60%),radial-gradient(at 70% 80%,#a855f70d 0%,#0000 60%),repeating-conic-gradient(#ffffff03 0% 25%,#0000 0% 50%) 0 0/4px 4px,#151520!important}.designer-worlds-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;display:grid}.designer-world-card{aspect-ratio:9/14;border:2px solid #ffffff1a;border-radius:14px;transition:border-color .15s;position:relative;overflow:hidden}.designer-world-card.active{border-color:#fcd34d80}.designer-world-bg{position:absolute;inset:0}.designer-world-bg img{object-fit:cover;width:100%;height:100%}.designer-world-overlay{background:linear-gradient(#0000004d 0%,#0000 40% 60%,#000c 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding:16px 8px 10px;display:flex;position:absolute;inset:0}.designer-world-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;text-shadow:0 1px 4px #0009;margin-top:6px;font-size:.95rem;font-weight:600}.designer-world-footer{justify-content:center;align-items:center;margin-top:auto;display:flex}.designer-world-cost{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;background:#00000080;border-radius:12px;align-items:center;gap:3px;padding:3px 10px;font-size:.8rem;font-weight:600;display:flex}.designer-world-active{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;text-transform:uppercase;letter-spacing:.05em;background:#00000080;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600}.designer-world-owned{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#22c55ee6;text-transform:uppercase;letter-spacing:.05em;background:#00000080;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:500}.avatar-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px;display:grid}.avatar-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;background:#00000073;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex;box-shadow:0 4px 16px #00000040}.avatar-card:active{transform:scale(.97)}.avatar-card.selected{background:#00000080;border-color:#fcd34d80;box-shadow:0 4px 16px #00000040,0 0 12px #fcd34d1a}.avatar-card.locked{opacity:.9}.avatar-card-image{background:0 0;border:none;border-radius:50%;width:96px;height:96px;position:relative;overflow:hidden}.avatar-card.selected .avatar-card-image{box-shadow:none}.avatar-card-image img{object-fit:cover;width:100%;height:100%}.avatar-card-info{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.avatar-card-cost{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;align-items:center;gap:2px;font-size:.75rem;font-weight:600;display:flex}.avatar-card-cost.cant-afford{color:#ffffff4d}.avatar-card-owned{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#22c55eb3;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:500}.avatar-card-active{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:500}.avatar-buy-btn{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;cursor:pointer;background:#fcd34d1f;border:1px solid #fcd34d4d;border-radius:8px;padding:5px 14px;font-size:.75rem;font-weight:600;transition:background .15s,transform .1s}.avatar-buy-btn:active{background:#fcd34d40;transform:scale(.95)}.avatar-buy-btn.disabled{opacity:.4;cursor:default}.avatar-tap-msg{font-family:var(--font-fredoka), "Fredoka", sans-serif;text-align:center;border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:500;animation:.2s fadeInMsg}.avatar-tap-msg.afford{color:#fcd34d;background:#fcd34d1a}.avatar-tap-msg.no-afford{color:#f87171;background:#ef44441a}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar-selected-badge{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-card-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;font-size:.9rem;font-weight:600}.avatar-skill-link{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 8px;font-size:.7rem;transition:color .15s,background .15s}.avatar-skill-link:active{color:#fcd34db3;background:#ffffff14}.avatar-skill-level{color:#fcd34d}.tiles-gallery-scroll{scrollbar-width:none;flex:1;padding:8px 20px 20px;overflow-y:auto}.tiles-gallery-scroll::-webkit-scrollbar{display:none}.tiles-suit-section{margin-bottom:20px}.tiles-suit-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34db3;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;font-size:.85rem;font-weight:600}.tiles-suit-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tiles-gallery-card{-webkit-backdrop-filter:blur(24px);cursor:pointer;background:#000000b3;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 8px;transition:transform .1s;display:flex;box-shadow:0 4px 16px #0000004d}.tiles-gallery-card:active{transform:scale(.95)}.tiles-gallery-card img{object-fit:contain;width:56px;height:56px}.tiles-gallery-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffffb3;font-size:.7rem;font-weight:500}.tiles-zoom-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.tiles-zoom-card{background:linear-gradient(155deg,#f2e4c8 0%,#e4d0a8 40%,#d5c090 100%);border:2px solid #c0a870;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex;box-shadow:0 12px 40px #00000080}.tiles-zoom-card img{object-fit:contain;width:128px;height:128px}.tiles-zoom-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#6b5530;font-size:1rem;font-weight:600}.bg-gallery-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;padding:12px 20px 20px;display:flex;overflow-y:auto}.bg-gallery-scroll::-webkit-scrollbar{display:none}.bg-gallery-card{cursor:pointer;background:0 0;border:2px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:0;transition:border-color .15s,transform .1s;display:flex;overflow:hidden}.bg-gallery-card:active{transform:scale(.98)}.bg-gallery-card.selected{border-color:#fcd34d80}.bg-gallery-card.locked:disabled{opacity:.45;cursor:default}.bg-gallery-preview{border-radius:10px 10px 0 0;height:100px;position:relative}.bg-lock-overlay{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bg-lock-cost{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;align-items:center;gap:4px;font-size:.9rem;font-weight:600;display:flex}.bg-selected-badge{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#0a2010;background:#fcd34d;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:600;position:absolute;top:8px;right:8px}.bg-gallery-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff9;text-align:left;padding:0 12px 10px;font-size:.85rem;font-weight:500}.music-list{scrollbar-width:none;flex-direction:column;flex:1;gap:6px;padding:8px 16px 20px;display:flex;overflow-y:auto}.music-list::-webkit-scrollbar{display:none}.music-track{-webkit-backdrop-filter:blur(24px);cursor:pointer;text-align:left;background:#000000b3;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex;box-shadow:0 4px 16px #0000004d}.music-track:active{background:#000c}.music-track.selected{background:#000000bf;border-color:#fcd34d66}.music-track.locked{opacity:.5}.music-track-icon{text-align:center;flex-shrink:0;width:28px;font-size:1.2rem}.music-track-info{flex-direction:column;flex:1;gap:2px;display:flex}.music-track-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;font-size:.9rem;font-weight:600}.music-track-desc{color:#ffffff8c;font-size:.7rem}.music-track-right{flex-shrink:0}.music-track-cost{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;align-items:center;gap:3px;font-size:.75rem;font-weight:600;display:flex}.music-track-duration{color:#ffffff4d;font-size:.7rem;font-family:var(--font-geist-mono), monospace}.music-note{text-align:center;color:#fff3;padding:16px 8px;font-size:.7rem;font-style:italic}.skill-detail{flex-direction:column;flex:1;align-items:center;gap:8px;padding:24px 24px 32px;display:flex}.skill-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;text-shadow:0 1px 3px #0006;font-size:1.3rem;font-weight:700}.skill-level-pips{gap:6px;margin:4px 0;display:flex}.skill-pip{background:#ffffff1a;border:1.5px solid #ffffff26;border-radius:50%;width:12px;height:12px;transition:background .2s,border-color .2s}.skill-pip.filled{background:#fcd34d;border-color:#f59e0b;box-shadow:0 0 6px #fcd34d66}.skill-level-label{color:#ffffff59;margin-bottom:12px;font-size:.75rem}.skill-levels-list{flex-direction:column;gap:6px;width:100%;margin-bottom:20px;display:flex}.skill-level-row{-webkit-backdrop-filter:blur(20px);background:#00000059;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.skill-level-row.active{background:#0006;border-color:#fcd34d4d}.skill-level-row.future{opacity:.4}.skill-level-num{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34d;min-width:28px;font-size:.75rem;font-weight:700}.skill-level-desc{color:#fff9;flex:1;font-size:.75rem}.skill-level-check{color:#22c55e;font-size:.8rem;font-weight:700}.skill-upgrade-btn{color:#1c1917;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:linear-gradient(155deg,#f59e0b 0%,#d97706 50%,#b45309 100%);border:none;border-bottom:3px solid #92400e;border-radius:10px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:transform .1s,filter .1s;display:flex}.skill-upgrade-btn:active{border-bottom-width:1px;transform:translateY(2px)}.skill-upgrade-btn:disabled{opacity:.4;cursor:default}.skill-upgrade-cost{align-items:center;gap:3px;font-size:.8rem;display:flex}.skill-max-label{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffff4d;font-size:.85rem;font-style:italic}.settings-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:16px;padding:8px 16px 24px;display:flex;overflow-y:auto}.settings-scroll::-webkit-scrollbar{display:none}.settings-section{-webkit-backdrop-filter:blur(24px);background:#000000b3;border:1px solid #ffffff26;border-radius:14px;padding:14px 16px;box-shadow:0 4px 16px #0000004d}.settings-section-title{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fcd34db3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.85rem;font-weight:500}.settings-avatar-row{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px;transition:background .15s;display:flex}.settings-avatar-row:active{background:#ffffff1f}.settings-avatar-info{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.settings-avatar-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;font-size:1rem;font-weight:600}.settings-avatar-skill{color:#fff6;font-size:.75rem}.settings-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-stat{background:#ffffff0a;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 0;display:flex}.settings-stat-value{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#f0e8d8;font-size:1.3rem;font-weight:600}.settings-stat-value .star-icon{font-size:1.1rem}.settings-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.settings-about{flex-direction:column;gap:8px;display:flex}.settings-about-row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.settings-about-label{color:#ffffff80}.settings-about-value{color:#f0e8d8;font-family:var(--font-fredoka), "Fredoka", sans-serif}.settings-howto{color:#fff9;flex-direction:column;gap:8px;font-size:.82rem;line-height:1.45;display:flex}.settings-danger-title{color:#fb923ce6!important}.settings-danger-desc{color:#ffffff8c;margin-bottom:12px;font-size:.78rem;line-height:1.4}.settings-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.settings-toggle-label{color:#fffc;font-size:.85rem}.settings-toggle{background:#ffffff1f;border-radius:12px;width:44px;height:24px;transition:background .25s;position:relative}.settings-toggle.on{background:#fcd34d66}.settings-toggle-knob{background:#ffffff80;border-radius:50%;width:18px;height:18px;transition:all .25s;position:absolute;top:3px;left:3px}.settings-toggle.on .settings-toggle-knob{background:#fcd34d;left:23px}.settings-reset-btn{color:#fb923ce6;width:100%;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;background:#fb923c1a;border:1px solid #fb923c4d;border-radius:8px;padding:10px;font-size:.85rem;font-weight:500;transition:all .2s}.settings-reset-btn:active{transform:scale(.98)}.settings-reset-btn.confirm{color:#fb923c;background:#fb923c33;border-color:#fb923c80}.placeholder-content{color:#ffffff4d;font-family:var(--font-fredoka), "Fredoka", sans-serif;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:1rem;display:flex}.placeholder-icon{font-size:3rem}.worldmap-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:12px 16px 40px;overflow-y:auto}.worldmap-player{flex-direction:column;align-items:center;gap:6px;margin-bottom:20px;display:flex}.worldmap-player-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#ffffffb3;text-shadow:0 1px 4px #00000080;font-size:.95rem}.worldmap-path{flex-direction:column;align-items:center;gap:0;display:flex}.worldmap-area-wrapper{flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.worldmap-connector{width:2px;height:32px;margin:0 auto;position:relative}.worldmap-connector-dots{background:repeating-linear-gradient(#ffffff26 0 4px,#0000 4px 8px);width:2px;height:100%}.worldmap-connector.unlocked .worldmap-connector-dots{background:repeating-linear-gradient(#fcd34d66 0 4px,#0000 4px 8px)}.worldmap-area{-webkit-backdrop-filter:blur(20px);cursor:pointer;text-align:left;color:#fff;width:100%;font-family:var(--font-fredoka), "Fredoka", sans-serif;background:#0006;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:all .25s;display:flex}.worldmap-area.locked{opacity:.5;cursor:default}.worldmap-area.unlocked:active{transform:scale(.98)}.worldmap-area.current{border-color:#fcd34d4d;box-shadow:0 0 16px #fcd34d1a}.worldmap-area.expanded{border-color:#fcd34d40;border-bottom-right-radius:0;border-bottom-left-radius:0}.worldmap-area-icon{background:#0000004d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000004d}.worldmap-area-lock{font-size:1.3rem}.worldmap-area-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.worldmap-area-name{color:#f0e8d8;text-shadow:0 1px 3px #0006;font-size:1rem;font-weight:600}.worldmap-area-desc{color:#ffffff73;font-size:.75rem;line-height:1.3}.worldmap-area-progress{color:#fcd34db3;margin-top:2px;font-size:.78rem}.worldmap-area-locked-hint{color:#ffffff4d;margin-top:2px;font-size:.72rem;font-style:italic}.worldmap-boards{-webkit-backdrop-filter:blur(16px);background:#00000059;border:1px solid #ffffff14;border-top:none;border-bottom-right-radius:14px;border-bottom-left-radius:14px;flex-direction:column;width:100%;max-width:380px;margin-bottom:4px;display:flex;overflow:hidden}.worldmap-board{color:#fff;font-family:var(--font-fredoka), "Fredoka", sans-serif;cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 16px;font-size:.88rem;transition:background .15s;display:flex}.worldmap-board:last-child{border-bottom:none}.worldmap-board:active{background:#ffffff0f}.worldmap-board.completed{opacity:.65}.worldmap-board-num{color:#fff9;background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:600;display:flex}.worldmap-board.completed .worldmap-board-num{color:#fcd34db3;background:#fcd34d26}.worldmap-board-name{color:#fffc;flex:1}.worldmap-board-reward{color:#fcd34d99;align-items:center;gap:3px;font-size:.8rem;display:flex}.worldmap-board-done{color:#4ade80b3;font-size:1rem}@media (max-width:400px){.controls-bar{gap:14px}.ctrl-circle{width:40px;height:40px}.ctrl-circle svg{width:16px;height:16px}.slot-bar{gap:4px}}@media (min-width:768px){.score-value{font-size:1rem}.ctrl-circle{width:50px;height:50px}.ctrl-circle svg{width:22px;height:22px}}.shop-screen{scrollbar-width:none;color:#3a2c18;background:#f3e3c2 url(/shop-bg.png) 50%/cover no-repeat local;flex-direction:column;width:min(100vw,56.25dvh);height:100dvh;margin:0 auto;display:flex;overflow-y:auto}.shop-screen::-webkit-scrollbar{display:none}.shop-body{flex:1;padding:10px 14px 28px}.shop-heading{width:fit-content;font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.03em;color:#fff;text-align:center;text-shadow:0 1px 2px #96500a8c;background:linear-gradient(#ffd95a,#f5a623);border:2px solid #fff3cf;border-radius:999px;margin:16px auto 4px;padding:7px 24px;font-size:1.1rem;font-weight:800;display:block;box-shadow:0 4px #c47a12,0 6px 12px #00000059}.shop-sub{color:#7a5a2e;text-align:center;text-shadow:0 1px 1px #ffffff80;margin:4px 2px 14px;font-size:.78rem;font-weight:600}.shop-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shop-card{text-align:center;background:linear-gradient(#fff7e6,#ffe7bf);border:2px solid #e8b860;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:14px 8px 10px;display:flex;box-shadow:0 5px 12px #0000004d,inset 0 1px #fffc}.shop-card-icon{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 3px #0003,inset 0 2px 3px #ffffff80}.shop-shuffle .shop-card-icon{background:linear-gradient(#62c6f5,#2585d6)}.shop-hint .shop-card-icon{background:linear-gradient(#ffd95a,#f5a623)}.shop-undo .shop-card-icon{background:linear-gradient(#ff8a8a,#ef4444)}.shop-card-name{font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#6a4a1c;font-size:.95rem;font-weight:800}.shop-card-desc{color:#9a7c4e;min-height:2.2em;font-size:.66rem;line-height:1.25}.shop-card-dots{gap:4px;margin:2px 0;display:flex}.shop-card-dots .dot{background:#0000001f;border-radius:50%;width:8px;height:8px}.shop-card-dots .dot.on{background:#f5a623;box-shadow:0 0 6px #f5a62399}.shop-buy{width:100%;font-family:var(--font-fredoka), "Fredoka", sans-serif;color:#fff;cursor:pointer;background:linear-gradient(#a3e635,#4ca015);border:none;border-radius:12px;margin-top:4px;padding:8px 6px;font-size:.9rem;font-weight:700;transition:transform 80ms,box-shadow 80ms,filter 80ms;box-shadow:0 4px #3a7f10,inset 0 2px 3px #fff9}.shop-buy .star-icon{color:#fff7d6}.shop-buy:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #357018,inset 0 2px 2px #fff6}.shop-buy:disabled{opacity:.7;cursor:default;background:linear-gradient(#6b7280,#4b5563);box-shadow:0 4px #3a3f47,inset 0 2px 2px #ffffff40}.shop-soon{text-align:center;color:#7a5a2e;background:#ffffff9e;border:1px solid #b48c5066;border-radius:12px;margin-top:12px;padding:12px;font-size:.82rem;font-weight:600;box-shadow:0 2px 8px #0000001f}.menu-top-icons{z-index:20;gap:8px;display:flex;position:absolute;top:12px;right:12px}.menu-icon-btn{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#00000073;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;line-height:1;transition:transform .1s,background .15s;display:flex;box-shadow:0 3px 8px #0000004d}.menu-icon-btn:active{transform:scale(.9)}.menu-remix-link{color:#e9b3f5;font-family:var(--font-fredoka), "Fredoka", sans-serif;letter-spacing:.02em;cursor:pointer;opacity:.9;text-shadow:0 1px 3px #0006;background:0 0;border:none;margin-top:18px;font-size:.92rem;font-weight:600;transition:opacity .15s,transform .1s}.menu-remix-link:hover{opacity:1}.menu-remix-link:active{transform:scale(.96)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}