@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Roboto+Condensed:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;overflow:hidden}:root{--tap-target-min:44px;--mobile-padding:16px;--mobile-gap:12px;--mobile-radius:12px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--tab-bar-height:60px}.mobile-only{display:none!important}@media(max-width:768px){.mobile-only{display:block!important}}.tablet-only{display:none!important}@media(max-width:1024px){.tablet-only{display:block!important}}@media(max-width:480px){.tablet-only{display:none!important}}@media(max-width:768px){.desktop-only{display:none!important}}.mobile-only-flex{display:none!important}@media(max-width:768px){.mobile-only-flex{display:flex!important}}.desktop-only-flex{display:flex!important}@media(max-width:768px){.desktop-only-flex{display:none!important}}html{overscroll-behavior:none}body{-webkit-tap-highlight-color:rgba(0,0,0,0);scroll-behavior:smooth}body img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}}[contenteditable=true],input,textarea{-webkit-user-select:text;user-select:text}.scroll-container,[data-scroll]{-webkit-overflow-scrolling:touch;overflow-y:auto}body.modal-open{height:100%;overflow:hidden!important;position:fixed;width:100%}@media(hover:none)and (pointer:coarse){a:hover,button:hover,li:hover{transform:none!important}}@media(hover:none){*{-webkit-tap-highlight-color:rgba(0,0,0,0)}}.safe-area-top{padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-bottom)}.safe-area-sides{padding-left:env(safe-area-inset-left,0);padding-left:var(--safe-left);padding-right:env(safe-area-inset-right,0);padding-right:var(--safe-right)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.toolbar-toggle{cursor:pointer;height:120px;position:fixed;transition:all .2s ease-in;width:120px;z-index:100}.toolbar-toggle:hover{transform:scale(1.05)}@media(max-width:768px){.toolbar-toggle{height:64px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);width:64px}}.merge-game-toggle{cursor:pointer;height:120px;position:fixed;transition:all .2s ease-in;width:120px;z-index:100}.merge-game-toggle:hover{transform:scale(1.05)}@media(max-width:768px){.merge-game-toggle{height:64px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);width:64px}}.grid-page-container{align-items:center;background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/background-cosmic-desktop.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;overflow:hidden;touch-action:none;transform:translateZ(0);width:100vw}@media(max-width:768px){.grid-page-container{padding:env(safe-area-inset-top,0) 0 0;padding-top:var(--safe-top)}}.sell-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;inset:0;position:fixed;z-index:9998}.sell-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 70px #0f172a47;color:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;left:50%;padding:14px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(420px,100vw - 28px);z-index:9999}@media(max-width:768px){.sell-modal{-webkit-overflow-scrolling:touch;max-height:90vh;max-height:90dvh;overflow-y:auto;width:calc(100vw - 16px)}}@media(max-width:480px){.sell-modal{border-radius:20px 20px 0 0;bottom:0;left:0;max-height:85vh;max-height:85dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(16px + var(--safe-bottom));right:0;top:auto;transform:none;width:100vw}}.sell-modal-close{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#0f172a;cursor:pointer;font:900 18px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:36px;position:absolute;right:10px;top:10px;transition:transform .08s ease,box-shadow .12s ease;width:36px}.sell-modal-close:hover{box-shadow:0 10px 22px #0f172a1f}.sell-modal-close:active{transform:translateY(1px)}.sell-modal__header{border-bottom:1px solid #e5e7eb;padding:6px 6px 10px}.sell-modal__title{color:#0f172a;font:900 12px/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.06em;text-transform:uppercase}.sell-modal__subtitle{color:#0f172a;font:850 14px/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sell-modal__imgwrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:grid;height:160px;margin:12px 6px 10px;overflow:hidden;place-items:center}.sell-modal__img{display:block;height:130px;object-fit:contain;pointer-events:none}.sell-modal__price{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:8px;justify-content:center;margin:0 6px 12px;padding:10px 12px}.sell-modal__coin{display:block;height:22px;object-fit:contain;pointer-events:none;width:22px}.sell-modal__priceText{color:#0f172a;font:950 14px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.sell-modal-x{background-color:#0000;background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/close-button-purple-round-kids.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;height:36px;position:absolute;right:10px;top:10px;transition:transform .12s ease,filter .12s ease;width:36px}.sell-modal-x:hover{filter:brightness(1.05);transform:scale(1.06)}.sell-modal-x:active{transform:scale(.98)}@media(max-width:768px){.sell-modal-x{height:44px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);width:44px}}.sell-modal__statsRow{display:flex;justify-content:center;padding:0 6px 12px}.sell-stat{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px;width:100%}.sell-stat__label{color:#6b7280;font:800 11px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.02em;text-transform:uppercase}.sell-stat__value{align-items:center;color:#0f172a;display:flex;font:950 14px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:8px}.sell-stat__coin{display:block;height:20px;object-fit:contain;pointer-events:none;width:20px}.sell-modal__actions{padding:0 6px 6px}.sell-modal__sellBtn{background:#0f172a;border:1px solid #0f172aa6;border-radius:14px;box-shadow:0 10px 26px #0f172a2e;color:#fff;cursor:pointer;height:44px;transition:transform .08s ease,box-shadow .12s ease;width:100%}.sell-modal__sellBtn:hover{box-shadow:0 14px 34px #0f172a38}.sell-modal__sellBtn:active{transform:translateY(1px)}@media(max-width:768px){.sell-modal__sellBtn{font-size:15px;height:50px;min-height:44px;min-height:var(--tap-target-min)}}.sell-modal__sellBtnText{font:900 13px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.02em;text-transform:uppercase}.sell-modal__sellBtnPrice{font:950 15px/1 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.01em}.hud{display:flex;left:10px;padding:10px;pointer-events:none;position:fixed;top:0}.hud .hud-item{align-items:flex-start;display:flex;flex-direction:column;margin-right:10px}.hud .hud-item .bar-container{align-items:center;display:flex}.hud .hud-item .bar-container .hud-item-icon{height:63px;margin-right:-34px;padding:2px;z-index:3}.hud .hud-item .bar-container .hud-item-icon-coin{height:73px;margin-right:-34px;z-index:3}.hud .hud-item .bar-container .hud-bar-outer{align-items:center;background:url(https://moonrock-images.s3.us-east-2.amazonaws.com/ui_resource_holder+1.png);background-repeat:no-repeat;background-size:contain;border-radius:10px;display:flex;height:40px;justify-content:flex-start;position:relative;width:200px}.hud .hud-item .bar-container .hud-bar-outer .hud-bar-inner{background:#ffffff80;border-radius:10px;height:100%;transition:width .5s ease-in-out}.hud .hud-item .bar-container .hud-bar-outer .hud-bar-text-coins{color:#fff;font-size:calc(14px + 2vmin);font-weight:700;left:34px;position:absolute;text-align:right;text-shadow:-1px -1px 0 #d28629,1px -1px 0 #d28629,-1px 1px 0 #d28629,1px 1px 0 #d28629;top:2px;z-index:1}.hud .hud-item .bar-container .hud-bar-outer .hud-bar-text-moonrock{color:#fff;font-size:calc(14px + 2vmin);font-weight:700;left:34px;position:absolute;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff;top:2px;z-index:1}.hud .hud-item .coins-per-second{background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/cps-gold-bg.png);background-repeat:no-repeat;background-size:contain;color:#fff;font-size:18px;font-weight:700;height:100px;margin-left:50px;margin-top:-12px;opacity:1;padding:28px 10px 10px;text-shadow:1px 1px 2px #000c;width:140px}.hud .hud-item .hud-bar-text-cps{text-shadow:-1px -1px 0 #d28629,1px -1px 0 #d28629,-1px 1px 0 #d28629,1px 1px 0 #d28629;transform:translateY(-19px)}.zoom-button{align-items:center;background:url(https://moonrock-images.s3.us-east-2.amazonaws.com/button-zoom-bg.png) no-repeat 50%;background-size:contain;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;height:80px;justify-content:center;padding:12px 16px;position:fixed;text-align:center;top:10px;width:80px}.study-button{height:140px;transition:all .2s ease-in;width:140px}.study-button:hover{transform:scale(1.05)}.wormhole-button{height:130px;transition:all .2s ease-in;width:130px}.wormhole-button:hover{transform:scale(1.05)}.settings-button{background:url(https://moonrock-images.s3.us-east-2.amazonaws.com/settings-icon-bubbly.png) no-repeat 50%;background-size:contain;border:none;cursor:pointer;height:60px;position:fixed;right:30px;top:160px;transition:all .2s ease-in;width:60px}.settings-button:hover{transform:scale(1.05)}.zoom-in{right:80px;transition:all .2s ease-in}.zoom-in:hover{transform:scale(1.05)}.zoom-out{right:10px;transition:all .2s ease-in}.zoom-out:hover{transform:scale(1.05)}.zoom-in{margin-right:10px}@keyframes moveMoonrockToHud{0%{transform:translate(0)}to{transform:translate(-300px,-500px)}}.animate-to-hud{animation:moveMoonrockToHud 1.2s forwards;animation-delay:.6s;animation-timing-function:cubic-bezier(.68,-.4,.27,1.1);position:absolute;z-index:10011}@media(max-width:768px){.hud{gap:6px;justify-content:center;left:0;padding:calc(6px + env(safe-area-inset-top, 0px)) 10px 6px;padding-top:calc(6px + var(--safe-top, 0px));right:0}.hud .hud-item{margin-right:4px}.hud .hud-item .bar-container .hud-item-icon{height:40px;margin-right:-22px}.hud .hud-item .bar-container .hud-item-icon-coin{height:46px;margin-right:-22px}.hud .hud-item .bar-container .hud-bar-outer{height:28px;width:120px}.hud .hud-item .bar-container .hud-bar-outer .hud-bar-text-coins,.hud .hud-item .bar-container .hud-bar-outer .hud-bar-text-moonrock{font-size:calc(10px + 1.5vmin);left:24px;top:1px}.hud .hud-item .coins-per-second{font-size:14px;height:70px;margin-left:30px;padding-top:20px;width:100px}.zoom-button{height:50px;padding:8px;width:50px}.study-button{bottom:calc(68px + env(safe-area-inset-bottom, 0px))!important;bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom, 0px) + 8px)!important;height:90px;right:8px!important;width:90px}.wormhole-button{bottom:calc(156px + env(safe-area-inset-bottom, 0px))!important;bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom, 0px) + 96px)!important;height:85px;right:8px!important;width:85px}.settings-button{bottom:calc(68px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom, 0px) + 8px);right:8px;top:auto}.settings-button,.zoom-in,.zoom-out{height:44px;width:44px}.zoom-in{right:60px}}@media(max-width:480px){.hud{padding:calc(4px + env(safe-area-inset-top, 0px)) 6px 4px;padding-top:calc(4px + var(--safe-top, 0px))}.hud .hud-item{margin-right:2px}.hud .hud-item .bar-container .hud-item-icon{height:34px;margin-right:-18px}.hud .hud-item .bar-container .hud-item-icon-coin{height:38px;margin-right:-18px}.hud .hud-item .bar-container .hud-bar-outer{height:24px;width:90px}.hud .hud-item .bar-container .hud-bar-outer .hud-bar-text-coins,.hud .hud-item .bar-container .hud-bar-outer .hud-bar-text-moonrock{font-size:calc(9px + 1vmin);left:20px;top:0}.study-button{height:80px;width:80px}.wormhole-button{height:75px;width:75px}}.toolbar-container,.toolbar-container *{box-sizing:border-box;font-family:Fredoka One,cursive}.toolbar-container{background:#fff2e6;border-top:4px solid #7e5be9;bottom:0;box-shadow:0 -18px 42px #00000059;height:400px;left:0;overflow:hidden;position:fixed;right:0;transition:height .25s ease;z-index:1000}.toolbar-container.minimized{height:84px}.toolbar-items{display:flex;flex-direction:column;height:calc(100% - 64px)}.toolbar-container.minimized .toolbar-items{height:0;opacity:0;pointer-events:none}.toolbar-items__header{align-items:baseline;background:linear-gradient(160deg,#fff,#f4ecff);border-bottom:2px solid #7b00ff38;box-shadow:inset 0 0 12px #7b00ff1a;display:flex;gap:10px;justify-content:space-between;padding:12px 14px 10px}.toolbar-items__title{color:#4a1fb8;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.toolbar-items__subtitle{background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff2e,0 2px 6px #0000001f;color:#7b00ff;font-size:12px;font-weight:800;padding:6px 10px;white-space:nowrap}.items-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:12px;overflow-x:auto;overflow-y:hidden;padding:14px;scroll-snap-type:x mandatory;scrollbar-color:#7b00ff47 #0000;scrollbar-width:thin}.items-container::-webkit-scrollbar{height:10px}.items-container::-webkit-scrollbar-track{background:#0000;border-radius:999px}.items-container::-webkit-scrollbar-thumb{background:#7b00ff38;border:2px solid #ffffff8c;border-radius:999px}.tool-item{background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff73;border-radius:16px;box-shadow:0 10px 28px #7b00ff38,inset 0 0 14px #7b00ff1f;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:10px;padding:12px;position:relative;scroll-snap-align:start;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;width:220px}.tool-item:hover{box-shadow:0 14px 36px #7b00ff59,inset 0 0 16px #b478ff33;filter:saturate(1.02);transform:translateY(-4px)}.tool-item:active{transform:translateY(-1px)}.tool-item.is-selected{border-color:#7b00ffb3;box-shadow:0 16px 42px #7b00ff61,inset 0 0 18px #b478ff42}.tool-item.is-disabled{cursor:not-allowed;opacity:.55}.tool-item.is-disabled:hover{box-shadow:0 10px 28px #7b00ff38,inset 0 0 14px #7b00ff1f;transform:none}.tool-item__top{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:space-between;min-width:0}.tool-item__title{color:#4a1fb8;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-item__planet{background:#7b00ff1f;border:1px solid #7b00ff47;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff1f;color:#7b00ff;font-size:12px;font-weight:800;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.tool-item__imgwrap{background:#ffffff73;border:2px solid #7b00ff38;border-radius:14px;box-shadow:inset 0 0 12px #7b00ff14;display:grid;height:140px;overflow:hidden;place-items:center;width:100%}.tool-item__img{display:block;filter:drop-shadow(0 10px 18px rgba(123,0,255,.18));height:120px;object-fit:contain;pointer-events:none}.tool-item__price{align-items:center;background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:12px;box-shadow:inset 0 0 8px #7b00ff2e,0 2px 6px #0000001f;display:flex;gap:8px;justify-content:center;padding:8px 10px;width:100%}.tool-item__coin{display:block;filter:drop-shadow(0 4px 10px rgba(123,0,255,.18));height:22px;object-fit:contain;pointer-events:none;width:22px}.tool-item__priceText{color:#4a1fb8;font-size:14px;font-weight:900}.tool-item__bottomRow{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr;width:100%}.tool-boost{background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:12px;box-shadow:inset 0 0 8px #7b00ff2e,0 2px 6px #0000001f;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:10px}.tool-boost__label{color:#7b00ff;font-size:10.5px;font-weight:900;letter-spacing:.08em;opacity:.9;text-transform:uppercase}.tool-boost__value{color:#4a1fb8;font-size:13px;font-weight:900}.tool-cost{grid-column-gap:8px;align-items:center;background:linear-gradient(145deg,#8a5bff,#6f2dff);border-radius:12px;box-shadow:0 1px #3e12a0cc;color:#fff;column-gap:8px;display:grid;grid-template-columns:22px 1fr auto;padding:10px;-webkit-user-select:none;user-select:none}.tool-cost__coin{display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));height:22px;object-fit:contain;pointer-events:none;width:22px}.tool-cost__label{font-size:10.5px;font-weight:900;letter-spacing:.08em;opacity:.92;text-transform:uppercase}.tool-cost__value{font-size:14px;font-weight:900;letter-spacing:.01em}.toolbar-tabs{background:linear-gradient(160deg,#fff,#f4ecff);border-top:2px solid #7b00ff38;box-shadow:inset 0 0 12px #7b00ff1a;display:flex;gap:10px;height:64px;padding:10px 14px 14px}.toolbar-container.minimized .toolbar-tabs{height:84px;padding-top:18px}.toolbar-tab{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:12px;box-shadow:0 6px 16px #7b00ff33,inset 0 0 10px #7b00ff1f;color:#7b00ff;cursor:pointer;flex:1 1;font-size:13px;font-weight:900;height:40px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease,background .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.toolbar-tab:hover{box-shadow:0 10px 28px #7b00ff59,inset 0 0 14px #b478ff38;transform:translateY(-2px) scale(1.02)}.toolbar-tab:active{transform:translateY(1px)}.toolbar-tab.is-active{background:linear-gradient(145deg,#8a5bff,#6f2dff);border-color:#7b00ffa6;box-shadow:0 6px #3e12a0cc;color:#fff}@media(max-width:768px){.toolbar-container{border-radius:16px 16px 0 0;bottom:calc(60px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom, 0px));height:320px}.toolbar-container.minimized{height:64px}.toolbar-items__header{padding:8px 10px}.toolbar-items__title{font-size:12px}.toolbar-items__subtitle{display:none}.items-container{gap:10px;padding:10px}.tool-item{gap:8px;padding:10px;width:180px}.tool-item__imgwrap{height:100px}.tool-item__img{height:85px}.tool-item__title{font-size:12px}.tool-item__planet{font-size:10px;padding:3px 6px}.tool-boost__label{font-size:9px}.tool-boost__value,.tool-cost__value{font-size:12px}.toolbar-tabs{gap:6px;height:54px;padding:8px 10px 10px}.toolbar-tab{font-size:11px;height:36px;min-height:44px;min-height:var(--tap-target-min,44px)}.toolbar-container.minimized .toolbar-tabs{height:64px;padding-top:12px}}@media(max-width:480px){.toolbar-container{height:280px}.tool-item{gap:6px;padding:8px;width:160px}.tool-item__imgwrap{height:80px}.tool-item__img{height:70px}.tool-item__bottomRow{gap:6px;grid-template-columns:1fr 1.5fr}.tool-boost,.tool-cost{padding:6px 8px}.toolbar-tab{border-radius:8px;font-size:10px}}@media(hover:none)and (pointer:coarse){.tool-item:hover{box-shadow:0 10px 28px #7b00ff38,inset 0 0 14px #7b00ff1f;filter:none;transform:none}.toolbar-tab:hover{box-shadow:0 6px 16px #7b00ff33,inset 0 0 10px #7b00ff1f;transform:none}}@media(prefers-reduced-motion:reduce){.tool-item,.toolbar-container,.toolbar-tab{transition:none!important}.tool-item:hover{transform:none!important}}.quiz-overlay{background:#fff2e6}.quiz-container{color:#000;height:100%;overflow:visible;padding:0;text-align:center;width:100%}.quiz-unit-label{color:#4e4e4e;font-size:1.1rem;left:50%;position:absolute;top:7px;transform:translateX(-50%)}.close-quiz-btn{cursor:pointer;height:70px;position:absolute;right:-7px;top:5px;transition:transform .15s ease,filter .15s ease;width:70px}.close-quiz-btn:hover{filter:brightness(1.05);transform:scale(1.06)}.close-quiz-btn:active{transform:scale(.95)}.close-quiz-btn:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.quiz-question{font-size:3rem;margin-top:16px;position:relative;width:95%}.quiz-options{grid-gap:10px;gap:10px;margin-bottom:10px}.quiz-options-matching{align-items:flex-start;display:flex;justify-content:space-between;margin:auto;max-width:970px;width:90%}.quiz-option-left-matching,.quiz-option-right-matching{display:flex;flex-direction:column;gap:8px;width:45%}.quiz-option{background-color:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 3px #6708b5;color:#9014f5;font-size:2rem;margin:10px 0;padding:15px 0;transition:background-color .2s ease,box-shadow .15s ease,transform .15s ease,border-color .2s ease}.quiz-option:hover{background-color:#c585fa;border-color:#9014f54d;box-shadow:0 5px #6708b5;transform:translateY(-2px)}.quiz-option:active{box-shadow:0 1px #6708b5;transform:translateY(2px)}.quiz-option:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.quiz-option.correct{background-color:#53d769;border-color:#2fc848;color:#fff}.quiz-option.wrong{background-color:#f44336;border-color:#ea1c0d;color:#fff}.moonrock-icon{margin-left:10px;right:33%;top:67%;width:80px}.quiz-feedback{align-items:center;display:flex;font-family:Fredoka One,cursive;font-size:1.6rem;justify-content:center;margin-bottom:7px}.next-question-btn{background-color:#fff;border-radius:15px;box-shadow:0 3px #6708b5;color:#000;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.4rem;padding:10px 20px;transition:background-color .2s ease,box-shadow .15s ease,transform .15s ease}.next-question-btn:hover{background-color:#d5a7fb;box-shadow:0 5px #6708b5;transform:translateY(-2px)}.next-question-btn:active{box-shadow:0 1px #6708b5;transform:translateY(2px)}.next-question-btn:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.next-question-btn:after{content:"→";display:inline-block;margin-left:10px;transition:transform .3s ease}.next-question-btn:hover:after{transform:translateX(5px)}.quiz-title{color:#333;font-size:1.4rem;margin-bottom:0;margin-top:25px}.quiz-question-text{background-color:#fff;border:3px dashed #b35df8;border-radius:15px;box-shadow:0 4px 10px #0000004d;color:#000;display:inline-flex;flex-direction:row;font-family:Fredoka One,cursive;font-size:1.8rem;margin:20px auto;padding:10px 20px}.quiz-text-input{border:2px solid #9014f5;border-radius:15px;box-shadow:inset 0 1px 2px #00000080;font-size:1.5rem;margin:10px auto;padding:15px;transition:border-color .3s,box-shadow .3s;width:80%}.quiz-text-input:focus{border-color:#b35df8;box-shadow:inset 0 1px 2px #00000080,0 0 0 3px #b35df833;outline:none}.quiz-text-input:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.option-item{background-color:#f8f8f8;border:2px solid #333;border-radius:15px;box-shadow:0 2px #333;color:#000;cursor:pointer;display:inline-block;font-family:Fellix-SemiBold;font-size:1.4rem;margin:0 3px;padding:5px 10px;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease}.option-item:hover{background-color:#eee;box-shadow:0 3px #333;transform:translateY(-1px)}.option-item:active{box-shadow:0 1px #333;transform:translateY(1px)}.option-item{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.correct-styles{background-color:#e5ffe6!important;border:2px solid #1d8f5d!important;box-shadow:0 2px #1d8f5d!important}.correct-styles,.incorrect-styles{transform:scale(1.04);transition:font-size .3s ease}.incorrect-styles{background-color:#ffe9e5!important;border:2px solid #d64242!important;box-shadow:0 2px #d64242!important}.options-container{flex-wrap:wrap;gap:10px}.options-container,.sentence-container{align-items:center;border-radius:15px;display:flex;justify-content:flex-start;margin:20px auto;min-height:50px;width:80%}.sentence-container{border:2px solid #6708b5;box-shadow:inset 0 1px 2px #00000080;padding:10px}.sentence-container,.sentence-container:hover{background-color:#fff}.sentence-item{background-color:#f8f8f8;border:2px solid #333;border-radius:15px;box-shadow:0 2px #333;color:#000;cursor:pointer;display:inline-block;font-family:Fellix-SemiBold;font-size:1.4rem;margin:0 3px;padding:5px 10px;transition:background-color .15s ease,transform .1s ease,box-shadow .1s ease}.sentence-item:hover{background-color:#eee;box-shadow:0 3px #333;transform:translateY(-1px)}.sentence-item:active{box-shadow:0 1px #333;transform:translateY(1px)}.sentence-item{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.fade-out{animation:fadeOut .1s forwards}@keyframes fadeOut{to{opacity:0}}.submit-answer-btn{background:linear-gradient(#a45cff,#7e3ff2);border-radius:18px;box-shadow:inset 0 -4px 0 #00000040,0 6px 0 #5a1fcf,0 10px 18px #00000040;font-family:Fredoka One,cursive;font-size:1.4rem;padding:14px 32px;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.submit-answer-btn:hover{box-shadow:inset 0 -4px 0 #00000040,0 7px 0 #5a1fcf,0 12px 22px #0000004d;filter:brightness(1.08);transform:translateY(-1px)}.submit-answer-btn:focus-visible{outline:2px solid #fffc;outline-offset:3px}.submit-answer-btn:active{box-shadow:inset 0 -2px 0 #00000040,0 2px 0 #5a1fcf;filter:brightness(1);transform:translateY(4px)}.hidden{display:none}.correct-answer-animation{animation:highlightCorrectAnswer 1s ease-in-out;background-color:#fff;border:3px dashed #28a745;border-radius:15px;box-shadow:0 4px 10px #0000004d;color:#28a745;color:#000;display:table;font-family:Fredoka One,cursive;font-size:1.4rem;font-weight:700;margin:20px auto;padding:10px 20px}@keyframes highlightCorrectAnswer{0%,to{background-color:#fff;transform:scale(1)}50%{background-color:#dff0d8;transform:scale(1.1)}}.audio-icon{color:#9014f5;cursor:pointer;margin-left:10px;transition:transform .2s;vertical-align:middle}.audio-playing{animation:pulse 1s ease-in-out;cursor:pointer}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.translation-text{word-wrap:break-word;background-color:#292929;border:2px solid #161616;border-radius:3px;box-shadow:0 1px 3px #0000001a;color:#fff;font-size:1rem;margin-bottom:5px;padding:2px 0;top:-2.19rem;white-space:normal;width:93%}.translation-text,.translation-text:after{left:50%;position:absolute;transform:translateX(-50%)}.translation-text:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:6px solid #282828;content:"";height:0;top:100%;width:0}.quiz-feedback{display:block}.quiz-feedback-card{animation:feedbackSlideIn .35s cubic-bezier(.4,0,.2,1) both;background:#fff;border-radius:18px;box-shadow:0 6px 0 #00000040,0 10px 22px #00000040;gap:16px;justify-content:space-between;margin:2px auto 20px;min-width:210px;padding:14px 22px}.quiz-feedback-card.correct{border:3px solid #0293fb}.quiz-feedback-card.wrong{background:#ff3c3c14;border:3px solid #d9534f;transition:background .3s ease,border-color .3s ease}.quiz-feedback-card.feedback-incorrect{animation:feedbackSlideIn .35s cubic-bezier(.4,0,.2,1) both,incorrectShake .5s ease-out .35s both}.feedback-badges{align-items:center;display:inline-flex;gap:14px;transform:translateY(-5px)}.feedback-star-badge{align-items:center;animation:badgePopIn .3s cubic-bezier(.4,0,.2,1) .15s both;background:#0000;display:flex;height:54px;justify-content:center;position:relative;width:54px}.feedback-star-badge img{height:45px;width:45px;z-index:1}.feedback-star-badge .star-amount{background:#0293fb;border-radius:10px;bottom:-8px;box-shadow:0 3px 0 #0863e3;color:#fff;font-family:Futura;font-size:.85rem;font-weight:700;padding:2px 6px;position:absolute;right:-8px}.feedback-stardust-badge{align-items:center;animation:badgePopIn .3s cubic-bezier(.4,0,.2,1) .25s both;background:#0000;display:flex;height:54px;justify-content:center;position:relative;width:54px}.feedback-stardust-badge img{height:50px;width:50px;z-index:1}.feedback-stardust-badge .stardust-amount{background:linear-gradient(135deg,#ff4fd8,#a64cff 22%,#ff4fd8 45%,#ffe066 62%,#006eff 80%,#006eff);border-radius:10px;bottom:-8px;box-shadow:0 3px 0 rgba(55,141,222,.892),0 8px 18px #0000002e;color:#fff;font-family:Futura;font-size:.82rem;font-weight:900;padding:2px 7px;position:absolute;right:-10px}.feedback-text-group{align-items:flex-start;display:flex;flex-direction:column}.feedback-title{color:#2b2b2b;font-family:Futura;font-size:1.6rem;font-weight:800;line-height:1}.feedback-subtitle{color:#6a6a6a;font-family:Inter;font-size:.95rem}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes incorrectShake{0%,to{transform:translateX(0)}15%,45%,75%{transform:translateX(-6px)}30%,60%,90%{transform:translateX(6px)}}@keyframes badgePopIn{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.correct-answer-reveal{animation:correctAnswerFadeIn .5s ease both;margin-top:8px}.correct-answer-text{color:#8a8a8a;font-family:Inter,sans-serif;font-size:.92rem;line-height:1.4}.correct-answer-text strong{color:#53d769;font-weight:700}.correct-answer-label{color:#8a8a8a;font-family:Inter,sans-serif;font-size:.88rem;margin-bottom:4px}.correct-answer-pairs{display:flex;flex-direction:column;gap:3px}.correct-answer-pair{align-items:center;color:#6a6a6a;display:flex;font-family:Inter,sans-serif;font-size:.88rem;gap:6px}.correct-answer-pair .correct-answer-arrow{color:#53d769;font-weight:700}.correct-answer-ordering .correct-answer-list{color:#6a6a6a;font-family:Inter,sans-serif;font-size:.88rem;margin:4px 0 0;padding-left:20px}.correct-answer-ordering .correct-answer-list li{margin-bottom:2px}@keyframes correctAnswerFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mcq-item--correct-reveal{animation:correctOptionPulse .6s ease both;background-color:#53d76926!important;border-color:#53d769!important;box-shadow:0 0 0 2px #53d7694d!important}@keyframes correctOptionPulse{0%{box-shadow:0 0 0 0 #53d76966}50%{box-shadow:0 0 0 6px #53d76933}to{box-shadow:0 0 0 2px #53d7694d}}.small-font{font-size:.84rem;top:-2.1rem;width:107%}.smaller-font{font-size:.8rem;top:-2.37rem;width:110%}.confetti-explosion{left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:999999999}.confetti-explosion-2{left:75%}.confetti-explosion-2,.confetti-explosion-3{pointer-events:none;position:fixed;top:20%;transform:translate(-50%,-50%);z-index:999999999}.confetti-explosion-3{left:20%}.hint-label{font-family:Fredoka One,cursive;font-size:1.2rem}.hint-icon,.hint-label{color:#9014f5;padding:0}.hint-icon{font-size:1.1rem;margin-right:4px}.hint{align-items:center;background:#f2eaff;border-radius:14px;color:#4b3a88;display:inline-flex;font-family:Gotham;font-size:.95rem;font-weight:500;gap:6px;justify-content:center;margin:10px auto 18px;max-width:80%;padding:6px 12px;text-align:center;width:-webkit-fit-content;width:fit-content}.hint-label{font-weight:700}.option-item,.sentence-item{position:relative;transition:margin-top .1s ease-in-out}.option-item.drop-submitted,.sentence-item.drop-submitted{margin-top:2.3rem!important}.sentence-container{transition:padding .1s ease-in-out}.sentence-container.drop-submitted-sentence-container{padding:37px 10px 10px!important}.retry-label{border-radius:5px;color:#333;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.67));font-weight:700;left:30%;padding:5px 10px;position:absolute;top:-8.5%;width:120px;z-index:2}.quiz-moonrock-display{align-items:center;background-color:#f9f9f9;border:2px solid #7e5be9;border-radius:8px;box-shadow:0 4px 10px #0003;display:flex;left:45.905%;padding:4px 8px;position:absolute;top:-5vh;transform-origin:center;z-index:2}.quiz-moonrock-icon{height:50px;width:50px}.quiz-moonrock-count{color:#3c3c3c;font-size:1.5rem;font-weight:700;margin-left:5px}.moonrock-icon{height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1) rotate(0deg);transition:transform .8s cubic-bezier(.4,0,.2,1);width:30px;z-index:100}.quiz-question-tracker{background-color:#ececec;border:2px solid #bebebe;border-radius:25px;margin:20px auto -20px;overflow-x:auto;padding:10px 15px;position:relative;transform:translateY(-28px);width:80%}.question-box,.quiz-question-tracker{align-items:center;display:flex;justify-content:center}.question-box{background-color:#bdc3c7;border-radius:50%;box-shadow:0 1px 3px #00000080;color:#2c3e50;cursor:pointer;font-size:1.2rem;font-weight:700;height:35px;margin:0 6px;min-width:35px;transition:transform .2s,background-color .2s}.question-box:hover{transform:scale(1.1)}.question-box:active{transform:scale(.95)}.question-box:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.question-box.disabled{cursor:not-allowed;opacity:.4}.question-box.correct{background-color:#52c682;border:2px solid #33a262;color:#ecf0f1}.question-box.incorrect{background-color:#e06a5d;border:2px solid #da4242;color:#ecf0f1}.question-box.current{background-color:#ccb8ff;border:2px solid #5025bd;color:#2c3e50}.question-box.unattempted{background-color:#7f8c8d;border:2px solid #6b7677;color:#ecf0f1}.question-box:before{content:attr(data-number);font-size:.8rem;position:absolute}@media(max-width:600px){.question-box{font-size:1rem;height:28px;width:28px}.quiz-question-tracker{padding:8px 10px}}.bounce{animation:bounce .5s}.quiz-modal{align-items:center;background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}.quiz-modal-content{background:#fff;border-radius:8px;max-width:600px;padding:1rem;position:relative;width:90%}.quiz-modal-close{right:1rem;top:1rem}.close-button-image{height:32px;width:32px}.quiz-modal-enter{opacity:0;transform:translateY(100%)}.quiz-modal-enter-active{transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.quiz-modal-enter-active,.quiz-modal-exit{opacity:1;transform:translateY(0)}.quiz-modal-exit-active{opacity:0;transform:translateY(100%);transition:opacity .25s ease-out,transform .25s ease-out}.quiz-modal-close{align-items:center;cursor:pointer;display:flex;height:70px;justify-content:center;position:absolute;right:0;top:0;transition:transform .2s ease,box-shadow .2s ease;width:70px;z-index:100}.quiz-modal-close:hover{transform:scale(1.1)}.quiz-modal-close:active{transform:scale(.95)}.quiz-modal-close:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.quiz-modal-close img{height:100%;object-fit:contain;pointer-events:none;width:100%}.quiz-question-text{align-items:center;background:#fff;border:3px solid #e6d8ff;border-radius:22px;box-shadow:0 6px 0 #c6a8ff,0 10px 20px #0000002e;color:#1f1f1f;display:flex;font-size:2.2rem;font-weight:700;justify-content:center;margin:24px auto 18px;max-width:900px;padding:22px 28px}.retry-mode-indicator{filter:drop-shadow(0 0 5px rgba(126,91,233,.45)) drop-shadow(0 0 11px rgba(126,91,233,.35)) drop-shadow(0 0 18px rgba(126,91,233,.25));left:10%;pointer-events:none;position:absolute;top:70px;transform:translateX(-50%);z-index:999999}.retry-label{filter:drop-shadow(0 3px 0 rgba(0,0,0,.28)) drop-shadow(0 5px 9px rgba(0,0,0,.35));height:auto;position:relative;width:140px}.confetti-explosion,.confetti-explosion-2,.confetti-explosion-3{pointer-events:none!important}@media(max-width:768px){.quiz-overlay{align-items:flex-start}.quiz-container{border-radius:0;padding:0}.quiz-question{box-sizing:border-box;font-size:2rem;margin-top:12px;padding:0 16px;width:100%}.quiz-question-text{border-radius:16px;font-size:1.5rem;margin:16px 16px 12px;max-width:calc(100% - 32px);padding:14px 16px;word-break:break-word}.quiz-title{font-size:1.2rem;margin-top:16px;padding:0 16px}.quiz-text-input{border-radius:12px;font-size:1.25rem;padding:14px;width:92%}.quiz-options{gap:12px;margin:0 auto 10px;width:92%}.quiz-option{font-size:1.4rem;min-height:48px;padding:14px 12px}.quiz-options-matching{gap:12px;width:94%}.options-container,.sentence-container{gap:8px;padding:10px 8px;width:92%}.option-item,.sentence-item{align-items:center;display:inline-flex;font-size:1.2rem;min-height:44px;padding:8px 12px}.quiz-feedback{font-size:1.3rem;padding:0 16px}.quiz-feedback-card{box-sizing:border-box;margin:8px 16px 16px;padding:14px 18px;width:calc(100% - 32px)}.feedback-title{font-size:1.4rem}.feedback-subtitle{font-size:.9rem}.feedback-actions{background:linear-gradient(#0000,#fff2e6 20%);bottom:0;left:0;padding:12px 16px max(12px,env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky;right:0;z-index:100}.next-question-btn{border-radius:14px;width:100%}.next-question-btn,.submit-answer-btn{font-size:1.3rem;min-height:48px;padding:14px 20px}.submit-answer-btn{display:block;margin:12px auto 0;max-width:400px;width:calc(100% - 32px)}.hint{font-size:.9rem;margin:8px 16px 14px;max-width:calc(100% - 32px)}.retry-mode-indicator{left:8%;top:60px}.retry-label{width:110px}.quiz-question-tracker{padding:8px 10px;width:90%}.question-box{font-size:1rem;height:32px;margin:0 4px;min-width:32px}.translation-text{font-size:.85rem;top:-2rem}.correct-answer-animation{box-sizing:border-box;font-size:1.2rem;margin:16px auto;max-width:calc(100% - 32px);padding:10px 16px}.quiz-modal-content{padding:1rem;width:95%}.quiz-modal-close{height:50px;right:8px;top:8px;width:50px}}@media(max-width:480px){.quiz-question{font-size:1.6rem;padding:0 12px}.quiz-question-text{border-width:2px;font-size:1.25rem;margin:12px 12px 10px;max-width:calc(100% - 24px);padding:12px 14px}.quiz-title{font-size:1.05rem;margin-top:12px;padding:0 12px}.quiz-text-input{font-size:1.15rem;padding:12px;width:94%}.quiz-option{font-size:1.2rem;min-height:48px;padding:12px 10px}.options-container,.sentence-container{gap:6px;min-height:48px;padding:8px 6px;width:95%}.option-item,.sentence-item{border-radius:10px;font-size:1.05rem;min-height:40px;padding:8px 10px}.quiz-feedback-card{align-items:center;flex-direction:column;gap:10px;margin:8px 12px 12px;padding:16px;text-align:center;width:calc(100% - 24px)}.feedback-badges{justify-content:center;transform:none}.feedback-star-badge,.feedback-stardust-badge{height:48px;width:48px}.feedback-star-badge img{height:38px;width:38px}.feedback-stardust-badge img{height:42px;width:42px}.feedback-title{font-size:1.3rem}.feedback-right{text-align:center}.next-question-btn,.submit-answer-btn{border-radius:14px;font-size:1.2rem;min-height:50px}.submit-answer-btn{width:calc(100% - 24px)}.hint{font-size:.85rem;margin:6px 12px 12px;padding:6px 10px}.confetti-explosion-2,.confetti-explosion-3{display:none}.retry-mode-indicator{left:6%;top:50px}.retry-label{width:90px}.quiz-moonrock-display{left:42%;top:-4vh}.quiz-moonrock-icon{height:40px;width:40px}.audio-icon,.quiz-moonrock-count{font-size:1.2rem}.audio-icon{margin-left:8px}}@media(max-width:360px){.quiz-question{font-size:1.4rem}}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hint-button-container{display:flex;justify-content:center;margin-top:16px}.hint-button{align-items:center;animation:hintFadeIn .6s ease-out both;background:linear-gradient(135deg,#fff7d6,#ffe88a 50%,#ffd740);border:none;border-radius:16px;box-shadow:0 0 12px #ffd74066,0 0 24px #ffc10733,0 4px 0 #c6a200,0 6px 14px #00000026;color:#6b5800;cursor:pointer;display:inline-flex;font-family:Fredoka One,cursive;font-size:1.05rem;font-weight:700;gap:8px;padding:10px 22px;transition:all .25s ease}.hint-button:hover:not(:disabled){box-shadow:0 0 16px #ffd7408c,0 0 30px #ffc1074d,0 5px 0 #c6a200,0 8px 18px #0003;filter:brightness(1.06);transform:translateY(-1px)}.hint-button:active:not(:disabled){box-shadow:0 0 8px #ffd7404d,0 2px 0 #c6a200;transform:translateY(2px)}.hint-button--used{background:#b4aa9633;box-shadow:none;color:#8a8070;cursor:default;opacity:.6}.hint-reveal{animation:hintFadeIn .4s ease-out both}@media(max-width:768px){.hint-button{font-size:.95rem;padding:9px 18px}}@media(max-width:480px){.hint-button{font-size:.88rem;padding:8px 16px}}.settings-overlay{align-items:center;background-color:#000000bf;display:flex;font-family:Fellix-Bold;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.settings-wrapper{left:17px;position:absolute;top:17px}.settings-checkbox{margin-right:7px}.setting{background:#f8f8f8;border:2px solid #cdcdcd;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:10px;padding:15px}.settings-container{background:#f5f5f5;border-radius:10px;box-shadow:0 8px 16px #0003;height:80%;max-height:750px;max-width:750px;overflow:hidden;overflow-y:scroll;padding:20px;position:relative;text-align:center;width:80%}.settings-container .close-settings-btn{background:#0000;background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/close-button-purple-round-kids.png);background-repeat:no-repeat;background-size:cover;border:none;cursor:pointer;height:60px;position:absolute;right:10px;top:10px;transition:all .2s ease-in;width:60px}.settings-container .close-settings-btn:hover{scale:1.04}.settings-container .logout-button{background-color:#0000;border:none;border-radius:5px;color:#000;cursor:pointer;font-family:Fellix-SemiBold;font-size:16px;margin:10px;outline:none;padding:10px 20px;text-decoration:underline;transition:all .2s ease-in-out}.settings-container .logout-button:hover{transform:scale(1.02)}.settings-container .logout-button:active{background-color:#512da8;color:#fff;transform:scale(.95)}.settings-container h2{color:#5c6bc0;font-weight:700;margin-bottom:20px}.settings-container label{color:#424242;font-weight:400;margin:20px 0}.settings-container input[type=checkbox]{accent-color:#5c6bc0}.settings-container .user-type-options button,.settings-container select{background-color:#e3e3e3;border:2px solid #b39ddb;border-radius:20px;color:#424242;cursor:pointer;font-family:Fellix-Bold;margin:5px;outline:none;padding:10px 15px}.settings-container .user-type-options button.selected,.settings-container .user-type-options button:focus,.settings-container .user-type-options button:hover,.settings-container select.selected,.settings-container select:focus,.settings-container select:hover{background-color:#d1c4e9}.settings-container .user-type-section{margin-bottom:20px}.settings-container .stats-progress-section{margin-top:20px}.settings-container .save-settings-btn,.settings-container .stats-button{background-color:#673ab7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Fellix-Bold;padding:10px 20px;transition:background-color .3s;width:200px}.settings-container .save-settings-btn:hover,.settings-container .stats-button:hover{background-color:#5e35b1}.settings-container .settings-wrapper .save-settings-btn{background-color:#8bc34a;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;width:140px}.settings-container .settings-wrapper .save-settings-btn:hover{background-color:#7eb73d}.connect-school-section .connect-school-btn{background-color:#4a90e2;border:none;border-radius:5px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-family:Fellix-Bold;padding:10px 20px;transition:all .2s ease-in;width:200px}.connect-school-section .connect-school-btn:hover{background-color:#2275d7}.connect-school-section .connect-school-btn:focus{box-shadow:0 0 0 2px #a2c6f0;outline:none}.connect-school-section .connect-school-btn:active{background-color:#609de6}.back-dashboard-button{background-color:#9014f5;border:none;border-radius:12px;box-shadow:0 5px #59079c;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;padding:10px 20px;transition:background-color .3s,box-shadow .3s,transform .3s}.back-dashboard-button:hover{background-color:#9014f5;box-shadow:0 3px #59079c;transform:translateY(2px)}.back-dashboard-button:active{background-image:linear-gradient(145deg,#9014f5,#830ae5);box-shadow:0 3px #4e0689;transform:translateY(2px)}.back-dashboard-button:focus{outline:none}@media(max-width:768px){.settings-overlay{align-items:stretch;justify-content:stretch;padding:0}.settings-container{-webkit-overflow-scrolling:touch;border-radius:0;box-shadow:none;height:100dvh;max-height:100%;max-width:100%;overflow-y:auto;padding:60px 16px 16px;width:100%}.settings-container .close-settings-btn{height:44px;right:12px;top:12px;width:44px}.settings-container h2{font-size:1.4rem;margin-bottom:16px}.settings-container label{font-size:.95rem;margin:12px 0}.settings-container input[type=checkbox]{height:22px;margin-right:10px;width:22px}.settings-container .user-type-options button,.settings-container select{border-radius:12px;font-size:1rem;margin:4px;min-height:48px;padding:12px 16px}.settings-container .user-type-options{display:flex;gap:10px;justify-content:center}.settings-container .user-type-options button{flex:1 1;max-width:160px}.setting{border-radius:12px;margin-bottom:12px;padding:14px}.setting label{align-items:center;display:flex;font-size:.95rem;min-height:44px}.settings-checkbox{flex-shrink:0;height:22px;margin-right:10px;width:22px}.settings-container .save-settings-btn,.settings-container .stats-button{border-radius:12px;display:block;font-size:1rem;margin:8px auto;max-width:320px;min-height:48px;padding:12px 20px;width:100%}.settings-container .logout-button{display:block;font-size:1rem;margin:12px auto;max-width:320px;min-height:48px;padding:12px 20px;width:100%}.settings-container .settings-wrapper{display:flex;justify-content:center;left:auto;margin-top:16px;padding-bottom:env(safe-area-inset-bottom,16px);position:relative;top:auto}.connect-school-section .connect-school-btn{border-radius:12px;font-size:1rem;max-width:320px;min-height:48px;padding:12px 20px;width:100%}.back-dashboard-button{border-radius:10px;font-size:.95rem;margin-bottom:12px;min-height:44px;padding:10px 18px;width:auto}}@media(max-width:390px){.settings-container{padding:56px 12px 12px}.settings-container h2{font-size:1.25rem}.setting{padding:12px}.back-dashboard-button{font-size:.85rem;padding:8px 14px}}.image-background{height:100vh;overflow:hidden;position:relative;width:100vw}.image-background:before{animation:backgroundMovement 12s ease-in-out infinite alternate;background-image:linear-gradient(180deg,#00000080 0,#0000 20%),radial-gradient(circle at 50% 30%,#0000 10%,#00000080 40%,#000000b3 100%),linear-gradient(180deg,#06005bb3,#0000 80%,#460195cc),url(https://moonrock-images.s3.us-east-2.amazonaws.com/poster1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:brightness(.8) contrast(1.2) saturate(1.15);z-index:-2}.image-background:after,.image-background:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.image-background:after{background:radial-gradient(ellipse at 50% 0,#3c147840,#0000 70%);pointer-events:none;z-index:-1}.image-background>*{position:relative;z-index:2}@keyframes backgroundMovement{0%{transform:scale(1.04)}to{transform:scale(1)}}.logo-container{left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);z-index:5}.brand-tagline{color:#e1bee7;font-family:Fredoka One,cursive;font-size:1.4rem;margin-bottom:30px;margin-top:100px;text-align:center;text-shadow:0 0 5px #4a0072}.logo-image{filter:drop-shadow(0 0 6px rgba(18,99,249,.3)) drop-shadow(0 0 14px rgba(98,190,255,.3));height:210px;margin:20px auto 15px}.auth-wrapper{background:linear-gradient(#00000080,#000000b3),url(https://moonrock-images.s3.us-east-2.amazonaws.com/purple-pink-bg.png) no-repeat 50%;background-size:cover;border:3px solid #9014f5;border-radius:16px;box-shadow:0 15px 60px #000,0 0 30px #8000ffe6;font-family:Fellix-Bold;padding:48px 40px 20px;text-align:center}.h2-title{color:#fff;font-size:2rem;margin-bottom:32px;text-shadow:0 0 6px #ffffff26}.sign-up-form input{background-color:#340f6c;border:4px solid #000;border-radius:18px;box-shadow:inset 0 1px 2px #0006;color:#cd68fc;font-family:Fredoka;font-size:1.05rem;font-weight:800;margin-bottom:10px;padding:14px 16px;transition:all .3s;width:70%}.sign-up-form input:focus{border-color:#000;box-shadow:1px 3px 4px #000;outline:none}.sign-up-form input::placeholder{color:#d782ff;opacity:1}.sign-up-label-wrapper{margin:7px auto}.input-group{margin-bottom:18px}.margin-botttom-20{margin-bottom:30px}.submit-btn{background-color:#781eff;border:4px solid #000;border-radius:30px;box-shadow:inset 0 -8px 0 #00000080;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.4rem;margin-top:20px;padding:18px 24px;position:relative;transition:all .3s ease-in-out;width:70%}.submit-btn:hover{background:#812dff;box-shadow:inset 0 -8px 0 #0009;transform:translateY(2px)}.submit-btn:after{content:" →";margin-left:8px;transition:transform .2s}.submit-btn:hover:after{transform:translateX(6px)}.toggle-form-button.bottom-toggle{background:#0000;border:none;color:#fff;cursor:pointer;font-family:Fellix-Bold;font-size:1rem;margin-top:0;text-decoration:underline;transform:translateY(-5px)}.toggle-form-button.bottom-toggle:hover{color:#e1bee7}.forgot-password{color:#aaa;font-size:.9rem;margin-top:12px}.sign-up-label{color:#fff;display:block;font-size:1.05rem;margin-bottom:10px;text-align:center}.user-type-options{display:flex;justify-content:space-evenly;margin:auto auto 17px;width:80%}.tagline{font-size:40px;margin:10px 0 80px;text-shadow:0 0 10px #ffffff26,0 0 20px #8000ff4d}.user-type-btn{background:#341174;border:4px solid #000!important;border-radius:30px;box-shadow:inset 0 1px 2px #00000080!important;color:#fff;cursor:pointer;font-family:Fellix-Bold;padding:12px 22px;transition:all .2s ease-in-out;width:39%}.user-type-btn.selected,.user-type-btn:hover{background-color:#781eff;border:15px #000}.auth-divider{background:linear-gradient(90deg,#0000,#9c27b0,#0000);border:none;height:1px;margin:30px 0 16px}.select-dropdown-label{margin-bottom:10px}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0)}}.auth-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#230c46eb,#0a0614f5);border-top:3px solid #8f14f5d9;bottom:0;box-shadow:0 -10px 28px #000000a6,0 -2px 18px #8f14f559;left:0;padding:14px 18px;position:fixed;text-align:center;width:100%;z-index:50}.footer-text{color:#e1bee7f2;font-family:Fredoka One,cursive;font-size:.95rem;letter-spacing:.2px;line-height:1.3;margin:0 auto;max-width:1000px;text-shadow:0 2px 0 #000000bf,0 0 10px #8f14f52e}.footer-highlight{color:#fff;font-weight:900;text-shadow:0 2px 0 #000000bf,0 0 12px #9c27b059}.footer-separator{color:#e1bee773;margin:0 10px}.twinkling-star{animation-iteration-count:infinite;animation-name:twinkling-star-animation;animation-timing-function:ease-in-out;filter:drop-shadow(0 0 8px rgba(190,135,255,.65)) drop-shadow(0 0 12px rgba(255,255,255,.3)) drop-shadow(0 0 20px rgba(185,84,255,.2));pointer-events:none;position:absolute;transform-origin:center;z-index:1}@keyframes twinkling-star-animation{0%{opacity:.2;transform:scale(.9)}50%{opacity:.8;transform:scale(1)}to{opacity:.2;transform:scale(.9)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.picker-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.picker-dialog{background:linear-gradient(#00000080,#000000b3),url(https://moonrock-images.s3.us-east-2.amazonaws.com/purple-wavy-bg.png) 50%/cover no-repeat;border:4px solid #000;border-radius:16px;box-shadow:0 15px 60px #000,0 0 30px #8000ffe6;max-width:800px;min-height:50vh;padding:0;position:relative;width:50vw}.picker-title{border-bottom:1px solid #ffffff1a;border-top-left-radius:13px;border-top-right-radius:13px;color:#fff;font-size:1.35rem;padding:18px;text-shadow:0 0 6px #0006}.picker-list{align-items:stretch;background:#0000;display:flex;flex-direction:column;padding:8px 0;width:100%}.picker-row{background-color:#db2f6e;border:4px solid #000;border-radius:12px;color:#000;cursor:pointer;display:flex;font-family:Fredoka;font-weight:600;justify-content:flex-start;margin:0 auto 10px;max-width:520px;padding:12px 16px;text-align:left;width:80%}.picker-row:hover{background:#df457d}.picker-close{color:#fff;cursor:pointer;font-size:2rem;outline:none;padding:4px;position:absolute;right:10px;top:10px}.picker-close:hover{color:#e1bee7}.picker-list::-webkit-scrollbar{width:6px}.picker-list::-webkit-scrollbar-thumb{background:#e1bee773;border-radius:4px}.modal-picker-button{align-items:center;background:#db2f6e;border:4px solid #000;border-radius:18px;color:#000;cursor:pointer;display:flex;font-family:Fredoka;font-size:1rem;font-weight:600;gap:12px;justify-content:space-between;margin:auto;padding:10px 16px;text-align:left;width:50%}.modal-picker-button:hover{background:#df457d}.modal-picker-button:focus{box-shadow:0 0 6px #9c27b080;outline:none}.modal-picker-button:after{content:"›";font-size:1.6rem;line-height:1;margin-left:auto;text-shadow:0 0 0 #00000059;transform:rotate(90deg)}.picker-row-content{align-items:center;display:flex;gap:12px;justify-content:flex-start;width:100%}.picker-row-icon{border-radius:50%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));height:32px;object-fit:cover;width:32px}.picker-row-text{font-size:1.05rem}.modal-picker-button--with-icon{text-align:left}.modal-picker-value{align-items:center;display:flex;gap:10px}.modal-picker-icon{border-radius:50%;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));height:28px;object-fit:cover;width:28px}.subject-helper-text{color:#ffffffb3;font-family:Fellix-Bold;font-size:.75rem;margin-top:6px;text-align:center}.auth-wrapper{-webkit-overflow-scrolling:touch;margin:auto;max-height:calc(100vh - 300px);max-width:500px;overflow-x:hidden;overflow-y:auto}.auth-wrapper::-webkit-scrollbar{width:4px}.auth-wrapper::-webkit-scrollbar-thumb{background:#e1bee759;border-radius:8px}.error-message{background:#ff32321f;border:1px solid #ff646440;border-radius:10px;color:#ff6b6b;font-family:Fellix-Bold;font-size:.95rem;margin-top:8px;padding:8px 12px}.auth-error-banner{align-items:center;animation:authErrorSlideIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef444426;border:1px solid #ef444466;border-radius:12px;display:flex;gap:10px;margin-top:12px;padding:12px 16px}.auth-error-icon{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-family:Fellix-Bold,sans-serif;font-size:14px;font-weight:800;height:24px;justify-content:center;min-width:24px;width:24px}.auth-error-text{color:#fca5a5;cursor:text;flex:1 1;font-family:Fellix-SemiBold,sans-serif;font-size:.95rem;line-height:1.4;-webkit-user-select:text;user-select:text}.auth-error-dismiss{background:none;border:none;color:#f87171;cursor:pointer;font-size:20px;opacity:.6;padding:0 4px;transition:opacity .15s}.auth-error-dismiss:hover{opacity:1}@keyframes authErrorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.image-background{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;height:100dvh;overflow-x:hidden;overflow-y:auto;width:100vw}.logo-container{display:flex;flex-shrink:0;justify-content:center;left:auto;margin-top:12px;position:relative;top:auto;transform:none;width:100%}.logo-image{height:120px;margin:8px auto 4px}.tagline{flex-shrink:0;font-size:26px;margin:4px 0 16px;text-align:center}.auth-wrapper{background:linear-gradient(#0000008c,#000000bf),url(https://moonrock-images.s3.us-east-2.amazonaws.com/purple-pink-bg.png) no-repeat 50%;background-size:cover;border:none;border-radius:0;border-top:2px solid #8f14f599;box-shadow:0 -8px 30px #00000080;flex:1 1 auto;margin:0;max-height:none;max-width:100%;overflow-y:visible;padding:24px 20px 20px;width:100%}.sign-up-form input{border-radius:12px;box-sizing:border-box;font-size:1.05rem;font-size:max(1rem,16px);min-height:48px;padding:14px 18px;width:100%}.sign-up-form input:focus{border-color:#8f14f5cc;box-shadow:0 0 0 3px #8f14f540}.input-group{margin-bottom:12px}.submit-btn{border-radius:14px;font-size:1.25rem;margin-top:16px;min-height:52px;padding:16px 20px;width:100%}.submit-btn:hover{transform:none}.submit-btn:active{transform:scale(.98)}.user-type-options{gap:10px;margin-bottom:12px;width:100%}.user-type-btn,.user-type-options{display:flex;justify-content:center}.user-type-btn{align-items:center;border-radius:12px;font-size:.95rem;min-height:48px;padding:12px 8px;width:48%}.sign-up-label,.user-type-section{margin-bottom:8px}.sign-up-label{font-size:.95rem}.sign-up-label-wrapper{margin:10px auto}.modal-picker-button{border-radius:12px;font-size:1rem;min-height:48px;padding:12px 16px;width:100%}.auth-divider{margin:20px 0 12px}.toggle-form-button.bottom-toggle{display:inline-flex;font-size:.95rem;padding:10px 16px;transform:none}.forgot-password,.toggle-form-button.bottom-toggle{align-items:center;justify-content:center;min-height:44px}.forgot-password{display:flex;font-size:.9rem}.error-message{font-size:.9rem;margin-top:10px}.subject-helper-text{font-size:.75rem}.auth-footer{border-top:2px solid #8f14f599;flex-shrink:0;padding:12px 16px;position:relative}.footer-text{font-size:.8rem}.picker-backdrop{align-items:flex-end}.picker-dialog{animation:slideUpMobile .32s cubic-bezier(.32,.72,0,1) forwards;border:none;border-radius:20px 20px 0 0;border-top:3px solid #8f14f5b3;display:flex;flex-direction:column;max-height:85dvh;max-width:100vw;min-height:0;width:100vw}@keyframes slideUpMobile{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.picker-title{flex-shrink:0;font-size:1.2rem;padding:18px 20px;text-align:center}.picker-title:before{background:#ffffff4d;border-radius:2px;content:"";display:block;height:4px;margin:0 auto 14px;width:36px}.picker-list{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow-y:auto;padding:8px 16px calc(24px + env(safe-area-inset-bottom, 0px))}.picker-row{align-items:center;border-radius:12px;display:flex;font-size:1.05rem;margin:0 0 10px;max-width:100%;min-height:52px;padding:14px 18px;width:100%}.picker-row:active{background:#e15286;transform:scale(.98)}.picker-close{align-items:center;display:flex;font-size:1.6rem;height:44px;justify-content:center;right:16px;top:14px;width:44px}.picker-row-icon{height:28px;width:28px}.picker-row-text{font-size:1rem}}@media(max-width:390px){.logo-image{height:90px;margin:4px auto 2px}.tagline{font-size:22px;margin:2px 0 10px}.auth-wrapper{padding:18px 16px 16px}.submit-btn{font-size:1.1rem;padding:14px 16px}.user-type-btn{font-size:.85rem;padding:10px 6px}}.dashboard{display:block;font-family:Fredoka One,cursive;min-height:100dvh;padding-left:200px}.dashboard-sidebar{background:#e3dbff;border-right:3px solid #af71ff;color:#4a4a4a;font-size:1.2rem;height:100dvh;left:0;min-width:180px;overflow-y:auto;padding:10px 17px;position:fixed;text-align:left;top:0;width:180px;z-index:1000}.dashboard-sidebar .sidebar-logo{cursor:pointer;left:0;margin:.3em 0 1.2em;opacity:0;position:relative;text-align:center;top:20px;visibility:hidden}.dashboard-sidebar .sidebar-logo img{display:block;height:auto;margin:0 auto;width:145px}.dashboard-sidebar ul{left:0;list-style:none;margin:0;min-width:180px!important;padding:0 10px 0 0;position:relative;top:40px;transition:all .3s ease-in-out}.dashboard-sidebar ul li{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;margin-bottom:.7em;padding:8px 12px;position:relative;transition:transform .15s ease,background-color .2s ease,box-shadow .2s ease,filter .15s ease;width:152px}.dashboard-sidebar ul li:hover{background-color:#eee;box-shadow:0 4px 12px #af71ff26;filter:brightness(1.03);transform:translateY(-2px)}.dashboard-sidebar ul li:active{box-shadow:none;transform:translateY(1px) scale(.97)}.dashboard-sidebar ul li:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.dashboard-sidebar .home-icon-li{padding:4px 12px}.dashboard-sidebar svg{flex-shrink:0;height:auto;margin-left:10px;width:20px}.dashboard-sidebar span{margin-left:10px}.dashboard-sidebar .menu-item-icon{margin-right:8px;width:37px}.dashboard-sidebar .home-icon-img{margin-right:5px;transform:translateX(-2px);width:43px}.tab-notification-badge{animation:badgePulse 2s ease-in-out infinite;background-color:#f44;border-radius:50%;box-shadow:0 0 6px #f449;height:8px;pointer-events:none;position:absolute;right:6px;top:4px;width:8px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dashboard-content{align-self:stretch;background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);box-sizing:border-box;color:#e0e0f0;display:block;height:auto;margin:0!important;max-width:none!important;min-height:100dvh;overflow:visible;overflow-x:hidden;padding:0 20px;position:relative;width:calc(100vw - 200px);z-index:1}.dashboard .container{margin:0;max-width:none;width:100%}.selected-li{background-color:#f2e6fc;border:2px solid #9014f5!important;border-radius:12px;color:#9014f5;padding:8px 12px}.selected-li:hover{background-color:#f2e6fc!important}.dashboard-header{align-items:center;background-color:#ececec;background:linear-gradient(180deg,#1a0033,#250045);border:2px solid #af71ff;border-radius:50px;box-shadow:inset 0 4px 6px #0003,0 4px 8px #0000001a;color:#292929;color:#e3dbff;display:flex;justify-content:space-between;margin:20px auto;max-width:700px;opacity:0;padding:20px 40px;transform:translateY(-40px);transition:opacity .7s ease-out,transform .7s ease-out,box-shadow .3s ease;width:100%}.dashboard-header .dashboard-settings{position:relative}.dashboard-header:hover{box-shadow:inset 0 4px 6px #0003,0 6px 16px #af71ff33}.dashboard-main-content{flex-grow:2;padding:20px}.dashboard-loading,.dashboard-no-subject{padding:20px;text-align:center}.dashboard-header.header-animate-in{opacity:1;transform:translateY(0)}.dashboard-logout{background:none;border:none;color:#000;cursor:pointer;font-family:Fellix-SemiBold;transition:color .15s ease}.dashboard-logout:hover{color:#333;text-decoration:underline}.dashboard-logout:active{transform:translateY(1px)}.dashboard-logout:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.dashboard-stars{align-items:center;display:flex;gap:10px}.dashboard-stars .dashboard-stars-stack{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0}.dashboard-stars .dashboard-stars-row{align-items:center;display:flex;gap:10px;min-width:0}.dashboard-stars .dashboard-stars-pill{background:#fffffff2;border:2px solid #0293fb;border-radius:999px;box-shadow:0 6px 14px #0000001f;color:#0293fb;font-size:14px;font-weight:900;line-height:1;padding:6px 10px;white-space:nowrap;width:48px}.dashboard-stars .dashboard-stars-hint{align-self:flex-end;color:#e3dbffe6;font-size:8px;font-weight:900;letter-spacing:.02em;line-height:1;padding-right:2px;text-transform:uppercase}.dashboard-play-game{background-color:#9014f5;border:2px solid #7509cd;border-radius:12px;box-shadow:0 5px #59079c;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;padding:10px 20px;transition:background-color .3s,box-shadow .3s,transform .3s}.dashboard-play-game:hover{background-color:#9014f5;box-shadow:0 3px #59079c;transform:translateY(2px)}.dashboard-play-game:active{background-image:linear-gradient(145deg,#9014f5,#830ae5);box-shadow:0 3px #4e0689;transform:translateY(2px)}.dashboard-play-game:focus{outline:none}.dashboard-play-game:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.dashboard-planet-builder{background-color:#fff;border:2px solid #7509cd;border-radius:12px;box-shadow:0 5px #59079c;color:#7509cd;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;margin-left:10px;padding:10px 20px;transition:background-color .3s,box-shadow .3s,transform .3s}.dashboard-planet-builder:hover{background-color:#9014f5;box-shadow:0 3px #59079c;color:#fff;transform:translateY(2px)}.dashboard-planet-builder:active{background-image:linear-gradient(145deg,#9014f5,#830ae5);box-shadow:0 3px #4e0689;transform:translateY(2px)}.dashboard-planet-builder:focus{outline:none}.dashboard-planet-builder:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.dash-header-item-icon-coins{margin-right:4px;transform:translateY(4px);width:50px}.dash-header-item-icon-moonrock{margin-right:7px;transform:translateY(4px);width:40px}.dashboard-coins,.dashboard-moonrocks{align-items:center;display:flex;flex-direction:row}.dashboard-dropdown{align-items:center;background-color:#f9f9f9;border:2px solid #d2d2d2;border-radius:50%;color:#b8b8b8;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;width:40px;z-index:100}.dashboard-dropdown:hover{background-color:#f0f0f0;box-shadow:0 2px 8px #0000001f;transform:scale(1.08)}.dashboard-dropdown:active{transform:scale(.95)}.dashboard-dropdown:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.sidebar-logo.animate-logo{animation:slideInDownLogo .7s ease-out forwards;opacity:0;transform:translateY(-40px);visibility:hidden}ul li.animate-li{animation:slideInUp .4s ease-out forwards}@keyframes slideInDownLogo{0%{opacity:0;transform:translateY(-40px);visibility:visible}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-resources{display:flex;gap:1rem}.dashboard-resources>div{align-items:center;display:flex;position:relative}.dashboard-resources .dashboard-stars .dashboard-stars-icon-wrapper{height:40px;width:40px}.dashboard-resources .dashboard-stars .dashboard-stars-icon-wrapper img.dashboard-stars-icon{height:100%;object-fit:contain;width:100%}.dashboard-resources .dashboard-stars .dashboard-stars-text-container{display:inline-block;margin-left:6px;position:relative}.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-outline{color:#000;font-size:28px;left:0;pointer-events:none;position:absolute;top:0;transform:translate(1px,2px);z-index:1}.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-main{color:#fff;font-size:28px;position:relative;text-shadow:0 0 1px #002b67,0 0 3px #002b67;z-index:2}.dashboard-resources .dashboard-coins .dashboard-coins-icon-wrapper{height:44px;width:44px}.dashboard-resources .dashboard-coins .dashboard-coins-icon-wrapper img.dashboard-coins-icon{height:100%;width:100%}.dashboard-resources .dashboard-coins .dashboard-coins-text-container{margin-left:6px;position:relative}.dashboard-resources .dashboard-coins .dashboard-coins-text-container .dashboard-coins-text-outline{color:#000;font-size:30px;left:0;position:absolute;top:0;transform:translate(1px,2px);z-index:1}.dashboard-resources .dashboard-coins .dashboard-coins-text-container .dashboard-coins-text-main{color:#fff;font-size:30px;position:relative;text-shadow:0 0 1px #c37f00,0 0 3px #c37f00;z-index:2}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-icon-wrapper{height:40px;width:40px}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-icon-wrapper img.dashboard-moonrocks-icon{height:100%;width:100%}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container{margin-left:8px;position:relative}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container .dashboard-moonrocks-text-outline{color:#000;font-size:28px;left:0;position:absolute;top:0;transform:translate(1px,2px);z-index:1}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container .dashboard-moonrocks-text-main{color:#fff;font-size:28px;position:relative;text-shadow:0 0 1px #7300ad,0 0 3px #7300ad;z-index:2}.mobile-hamburger{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#1a0033d9;border:2px solid #af71ff66;border-radius:10px;box-shadow:0 2px 12px #0006;cursor:pointer;display:none;flex-direction:column;height:44px;justify-content:space-between;left:14px;padding:10px 8px;position:fixed;top:14px;transition:background .2s ease,box-shadow .2s ease;width:44px;z-index:9500}.mobile-hamburger:hover{background:#1a0033f2;box-shadow:0 4px 16px #af71ff4d}.mobile-hamburger:active{transform:scale(.95)}.mobile-hamburger .hamburger-line{background:#e3dbff;border-radius:2px;display:block;height:2.5px;transition:background .2s ease;width:22px}.mobile-sidebar-overlay{background:#0009;display:none;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:8999}.mobile-sidebar-overlay.overlay-visible{opacity:1;pointer-events:auto}.streak-warning-banner{align-items:center;animation:streakBannerSlideIn .3s ease-out both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140a05bf;background-clip:padding-box;border:2px solid #0000;border-radius:16px;box-shadow:0 0 0 2px #ff8c0080,0 4px 20px #ff640033;display:flex;font-family:Fredoka One,cursive;gap:16px;justify-content:space-between;margin:16px auto 0;max-width:700px;padding:14px 20px}.streak-warning-banner .streak-warning-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.streak-warning-banner .streak-warning-fire{animation:streakFirePulse 1.4s ease-in-out infinite;color:#ff6a00;filter:drop-shadow(0 0 6px rgba(255,106,0,.6));flex-shrink:0;font-size:28px}.streak-warning-banner .streak-warning-text{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.streak-warning-banner .streak-warning-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.streak-warning-banner .streak-warning-cta{background:linear-gradient(135deg,#ff8c00,#f50);border:none;border-radius:10px;box-shadow:0 3px 0 #c24000,0 4px 12px #ff55004d;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:14px;font-weight:700;padding:8px 18px;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.streak-warning-banner .streak-warning-cta:hover{box-shadow:0 4px 0 #c24000,0 6px 16px #f506;transform:translateY(-1px)}.streak-warning-banner .streak-warning-cta:active{box-shadow:0 1px 0 #c24000;transform:translateY(2px)}.streak-warning-banner .streak-warning-dismiss{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .15s ease,color .15s ease;width:28px}.streak-warning-banner .streak-warning-dismiss:hover{background:#fff3;color:#fff}.streak-warning-banner.streak-warning-urgent{box-shadow:0 0 0 2px #ff3200b3,0 4px 24px #ff320059}.streak-warning-banner.streak-warning-urgent .streak-warning-fire{animation:streakFirePulseUrgent .8s ease-in-out infinite;color:#f30;filter:drop-shadow(0 0 10px rgba(255,50,0,.8))}.streak-warning-banner.streak-warning-urgent .streak-warning-text{color:#ffcc80}.streak-warning-banner.streak-warning-urgent .streak-warning-cta{background:linear-gradient(135deg,#f40,#c00);box-shadow:0 3px 0 #900,0 4px 12px #ff00004d}.streak-warning-banner.streak-warning-urgent .streak-warning-cta:hover{box-shadow:0 4px 0 #900,0 6px 16px #f006}.streak-warning-banner.streak-warning-urgent .streak-warning-cta:active{box-shadow:0 1px 0 #900}@keyframes streakBannerSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes streakFirePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@keyframes streakFirePulseUrgent{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}@media(max-width:768px){.mobile-hamburger{display:flex}.mobile-sidebar-overlay{display:block}.dashboard{display:flex;flex-direction:column;min-height:100dvh;padding-left:0}.dashboard-sidebar{background:linear-gradient(180deg,#1a0033,#0f0f1a);border-right:1px solid #af71ff4d;box-shadow:4px 0 20px #00000080;color:#ccc;font-size:1.1rem;height:100dvh;left:0;min-width:220px;overflow-y:auto;padding:10px 17px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:220px;will-change:transform;z-index:9000}.dashboard-sidebar.sidebar-open{transform:translateX(0)}.dashboard-sidebar .sidebar-logo{display:block!important;margin-bottom:1em;margin-top:.5em}.dashboard-sidebar .sidebar-logo.animate-logo{animation:none;display:block!important;opacity:1;transform:none;visibility:visible}.dashboard-sidebar ul{display:flex;flex-direction:column;gap:0;margin:0;min-width:0!important;min-width:auto!important;padding:0;position:relative;top:20px}.dashboard-sidebar ul li{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;margin-bottom:.5em;min-height:44px;min-height:var(--tap-target-min);opacity:1;padding:10px 12px;position:relative;transform:none;transition:background .2s ease,transform .15s ease;width:100%}.dashboard-sidebar ul li:hover{background:#af71ff1a;transform:none}.dashboard-sidebar ul li:active{background:#af71ff33;transform:scale(.97)}.dashboard-sidebar span{color:inherit;display:inline;font-size:1rem;margin-left:10px}.dashboard-sidebar .menu-item-icon{filter:none;height:32px;margin-right:6px;object-fit:contain;width:32px}.dashboard-sidebar .home-icon-img{filter:none;height:36px;margin-right:4px;transform:none;width:36px}.dashboard-sidebar .home-icon-li{padding:6px 12px}.dashboard-sidebar svg{height:22px;margin:0;width:22px}.selected-li{background-color:#af71ff1a!important;border:2px solid #af71ff80!important;border-radius:12px;color:#af71ff!important;padding:10px 12px}.selected-li:hover{background-color:#af71ff26!important}.selected-li .home-icon-img,.selected-li .menu-item-icon{filter:brightness(1.1)!important;transform:scale(1.05)}.dashboard-content{box-sizing:border-box;min-height:100dvh;padding:0 16px;padding:0 var(--mobile-padding);width:100%}.streak-warning-banner{border-radius:12px;gap:10px;margin:60px auto 0;max-width:100%;padding:10px 14px}.streak-warning-banner .streak-warning-fire{font-size:22px}.streak-warning-banner .streak-warning-text{font-size:13px}.streak-warning-banner .streak-warning-cta{font-size:12px;padding:6px 14px}.streak-warning-banner+.dashboard-header{margin-top:8px}.dashboard-header{border-radius:20px;box-sizing:border-box;flex-direction:column;gap:10px;margin:60px auto 12px;max-width:100%;padding:12px 16px}.dashboard-header .dashboard-settings{display:flex;justify-content:center;position:relative;width:100%}.dashboard-header .dashboard-settings .particles-container{left:50%!important;transform:translateX(-50%)}.dashboard-resources{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:20px;justify-content:center;width:100%}.dashboard-resources>div{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:0;position:relative}.dashboard-resources .dashboard-stars .dashboard-stars-icon-wrapper{height:40px;width:40px;z-index:2}.dashboard-resources .dashboard-stars .dashboard-stars-stack{align-items:center;margin-top:-8px;z-index:1}.dashboard-resources .dashboard-stars .dashboard-stars-row{gap:0}.dashboard-resources .dashboard-stars .dashboard-stars-text-container{margin-left:0}.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-main,.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-outline{font-size:18px}.dashboard-resources .dashboard-stars .dashboard-stars-hint,.dashboard-resources .dashboard-stars .dashboard-stars-pill{display:none}.dashboard-resources .dashboard-coins .dashboard-coins-icon-wrapper{height:44px;width:44px;z-index:2}.dashboard-resources .dashboard-coins .dashboard-coins-text-container{margin-left:0;margin-top:-10px;z-index:1}.dashboard-resources .dashboard-coins .dashboard-coins-text-container .dashboard-coins-text-main,.dashboard-resources .dashboard-coins .dashboard-coins-text-container .dashboard-coins-text-outline{font-size:18px}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-icon-wrapper{height:40px;width:40px;z-index:2}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container{margin-left:0;margin-top:-8px;z-index:1}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container .dashboard-moonrocks-text-main,.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container .dashboard-moonrocks-text-outline{font-size:18px}.dashboard-play-game{border-radius:14px;font-size:15px;min-height:44px;min-height:var(--tap-target-min);padding:10px 24px;text-align:center;width:auto}.dashboard-main-content{padding:12px 0 20px}.dashboard-loading,.dashboard-no-subject{padding:40px 16px;padding:40px var(--mobile-padding)}.dashboard-error{padding:16px;padding:var(--mobile-padding)}.dashboard-error .error-actions{display:flex;flex-direction:column;gap:10px}.dashboard-error .error-actions button{min-height:44px;min-height:var(--tap-target-min);width:100%}ul li.animate-li{animation:tabFadeIn .3s ease-out forwards;animation-delay:calc(.05s*var(--delay))}}@media(max-width:480px){.dashboard-header{border-radius:16px;margin:56px auto 8px;padding:10px 12px}.dashboard-resources{gap:10px}.dashboard-resources .dashboard-stars .dashboard-stars-icon-wrapper{height:32px;width:32px;z-index:2}.dashboard-resources .dashboard-stars .dashboard-stars-stack{margin-top:-6px;z-index:1}.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-main,.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-outline{font-size:14px}.dashboard-resources .dashboard-coins .dashboard-coins-icon-wrapper{height:34px;width:34px;z-index:2}.dashboard-resources .dashboard-coins .dashboard-coins-text-container{margin-top:-7px;z-index:1}.dashboard-resources .dashboard-coins .dashboard-coins-text-container .dashboard-coins-text-main,.dashboard-resources .dashboard-coins .dashboard-coins-text-container .dashboard-coins-text-outline{font-size:14px}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-icon-wrapper{height:32px;width:32px;z-index:2}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container{margin-top:-6px;z-index:1}.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container .dashboard-moonrocks-text-main,.dashboard-resources .dashboard-moonrocks .dashboard-moonrocks-text-container .dashboard-moonrocks-text-outline{font-size:14px}.dashboard-play-game{font-size:14px;padding:8px 20px}.dashboard-content{padding:0 12px}.dashboard-main-content{padding:8px 0}.dashboard-sidebar{min-width:200px;width:200px}.mobile-hamburger{height:40px;left:10px;padding:9px 7px;top:10px;width:40px}}@media(max-width:360px){.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-main,.dashboard-resources .dashboard-stars .dashboard-stars-text-container .dashboard-stars-text-outline{font-size:12px}}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.roadmap-section .roadmap-title{color:#fff;font-family:Fredoka One,cursive;font-size:1.4rem;margin-bottom:10px;padding-left:10px;text-align:left}.roadmap-section .section-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);padding:10px}.roadmap-section .section-card{background-color:#efeaff;border:2px solid #0000;border-radius:12px;box-shadow:inset 0 4px 6px #0003,0 4px 8px #0000001a;cursor:pointer;padding:15px;position:relative;text-align:left;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.roadmap-section .section-card:hover{box-shadow:inset 0 4px 6px #0003,0 8px 20px #0000002e;filter:brightness(1.02);transform:translateY(-2px) scale(1.02)}.roadmap-section .section-card:active{box-shadow:inset 0 4px 6px #0003,0 2px 4px #0000001a;transform:translateY(1px) scale(.99)}.roadmap-section .section-card:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.roadmap-section .section-card.beginner{border-color:#9014f5}.roadmap-section .section-card.intermediate{border-color:#004adf}.roadmap-section .section-card.advanced{border-color:#c5007b}.roadmap-section .section-card.section-locked{background-color:#f0f0f0;border-color:#ccc;color:#ebebeb;cursor:default}.roadmap-section .section-card.section-locked:hover{box-shadow:inset 0 4px 6px #0003,0 4px 8px #0000001a;filter:brightness(1.03);transform:none}.roadmap-section .section-card.section-locked:active{transform:none}.roadmap-section .section-card.section-locked:before{background-color:#ff4e4e;border-radius:8px;color:#fff;content:"Locked";font-size:12px;padding:2px 8px;position:absolute;right:10px;top:5px}.roadmap-section .section-card.beginner .section-id{color:#9014f5}.roadmap-section .section-card.beginner .level-tag{background-color:#9014f5}.roadmap-section .section-card.beginner .section-start-button{background-color:#9014f5;transition:background-color .3s,box-shadow .3s,transform .3s}.roadmap-section .section-card.beginner .section-start-button:hover{background-color:#7509cd;transform:translateY(2px)}.roadmap-section .section-card.intermediate .section-id{color:#004adf}.roadmap-section .section-card.intermediate .level-tag{background-color:#004adf}.roadmap-section .section-card.intermediate .section-start-button{background-color:#004adf;transition:background-color .3s,box-shadow .3s,transform .3s}.roadmap-section .section-card.intermediate .section-start-button:hover{background-color:#004adf;transform:translateY(2px)}.roadmap-section .section-card.advanced .section-id{color:#c5007b}.roadmap-section .section-card.advanced .level-tag{background-color:#c5007b}.roadmap-section .section-card.advanced .section-start-button{background-color:#c5007b;transition:background-color .3s,box-shadow .3s,transform .3s}.roadmap-section .section-card.advanced .section-start-button:hover{background-color:#c5007b;transform:translateY(2px)}.roadmap-section .section-card .section-title{color:#333;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;margin-bottom:5px;margin-top:40px}.roadmap-section .section-card .section-description{color:#474747;font-family:Fellix-SemiBold;font-size:14px;margin-bottom:10px}.roadmap-section .section-card .section-units{color:#6d6d6d;font-size:14px}.roadmap-section .section-card .section-start-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;margin-top:10px;outline:none;padding:8px 16px;transition:background-color .2s ease,transform .15s ease,box-shadow .15s ease}.roadmap-section .section-card .section-start-button:active{transform:translateY(3px) scale(.97)}.roadmap-section .section-card .section-start-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.roadmap-section .section-card .level-tag{color:#fff;font-size:.8rem;padding:4px 8px;right:8px}.roadmap-section .section-card .level-tag,.roadmap-section .section-id{border-radius:5px;font-family:Fellix-Bold;position:absolute;text-align:center;top:10px}.roadmap-section .section-id{font-family:Fredoka One,cursive;font-size:1.3rem;left:4px;padding:0 8px;text-align:left}.roadmap-section .section-focus{border-radius:5px;color:#494949;font-family:Fellix-Bold;text-align:left;transform:translateY(-7px)}.roadmap-section .focus-tag{border-radius:5px;color:#858585;display:inline-block;font-family:Fellix-Bold;font-size:.8rem;text-align:center}.roadmap-section .focus-separator{color:#ccc;font-size:.8rem;padding:0 5px}.card-left-right-holder{align-items:center;display:flex;flex-direction:row;padding:10px}.spanish-card-image{border-radius:7px;max-width:175px}.roadmap-modal{align-items:center;background-color:#000000e6;display:flex;height:100dvh;inset:0;justify-content:center;position:fixed;width:100%;z-index:20000}.roadmap-modal-content{height:min(95dvh,93vh);max-width:700px;position:relative;width:min(100vw,700px)}.roadmap-modal-close-button{align-items:center;cursor:pointer;display:flex;height:70px;justify-content:center;position:absolute;right:0;top:0;transition:transform .2s ease,box-shadow .2s ease;width:70px;z-index:100}.roadmap-modal-close-button:hover{transform:scale(1.1)}.roadmap-modal-close-button:active{transform:scale(.95)}.roadmap-modal-close-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.roadmap-modal-close-button img{height:100%;object-fit:contain;pointer-events:none;width:100%}.roadmap-modal-section-info{align-items:center;background-color:#fcf2ff;background:linear-gradient(135deg,#fffcff,#ffe8ff);border-bottom:3px solid #4b0089;border-top-left-radius:12px;border-top-right-radius:12px;color:#292929;display:flex;margin:0 auto;padding:12px;text-align:left;width:100%}.roadmap-modal-image{border-radius:8px;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.2));height:100px;margin-right:20px;width:100px}.roadmap-modal-details{flex-grow:1}.roadmap-modal-title{color:#2b0049;font-family:Fredoka One,cursive;font-size:1.8rem;font-weight:700;margin-left:30px;width:250px}.roadmap-modal-units-map{background:#fefbff;border-bottom:1px solid #333;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:space-around;padding:12px}.roadmap-modal-unit-icon{background-color:#989898;border:2px solid #797979;border-radius:50%;box-shadow:0 3px 5px #0003;color:#fff;height:50px;width:50px}.roadmap-modal-unit-icon,.roadmap-modal-unit-icon.completed{align-items:center;display:flex;font-weight:700;justify-content:center}.roadmap-modal-unit-icon.completed{background-color:#4b0089;border:2px solid #000;border-radius:50%}.roadmap-modal-unit-info{border-radius:50%;height:50px;width:50px}.roadmap-modal-unit-info,.roadmap-modal-unit-info.completed{align-items:center;display:flex;font-weight:700;justify-content:center}.roadmap-modal-unit-info.completed{background-color:#0000;background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/pink-checkmark.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:40px;width:40px}.roadmap-modal-unit-card{align-items:center;background-color:#f9f9fd;border:3px solid #4b0089;border-radius:90px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:row;justify-content:space-between;margin:10px 10px 40px;min-height:110px;padding:10px 30px;position:relative;text-align:left}.roadmap-modal-unit-card.completed{background-color:#4b0089;border:3px solid #000;color:#fff}.roadmap-modal-unit-card .roadmap-modal-unit-card-label{color:#565656;font-size:1rem;left:50%;position:absolute;top:-23px;transform:translateX(-50%)}.roadmap-modal-unit-card .roadmap-modal-unit-title{color:#1f1f1f;font-family:Fredoka One,cursive;font-size:1.2rem;font-weight:700;margin-bottom:12px;width:80%}.roadmap-modal-unit-card .roadmap-modal-unit-title.completed{color:#fff}.roadmap-modal-unit-card .roadmap-modal-unit-correct,.roadmap-modal-unit-card .roadmap-modal-unit-progress,.roadmap-modal-unit-card .roadmap-modal-unit-questions{color:#525252;font-size:.9rem}.roadmap-modal-unit-card .roadmap-modal-unit-reward{align-items:center;display:flex;gap:1rem}.roadmap-modal-unit-card .roadmap-modal-unit-reward .reward-condition{color:#888;font-size:.875rem;margin-left:auto}.beginner-level-tag{background-color:#9014f5;border-radius:5px;color:#fff;max-width:100px;padding:4px 8px;position:absolute;right:10px;text-align:center;top:10px}.intermediate-level-tag{background-color:#004adf}.advanced-level-tag{background-color:#c5007b}.roadmap-modal-unit-progress{width:200px}.roadmap-modal-progress-reward-wrapper{width:30%}.roadmap-modal-progress-reward-wrapper,.roadmap-modal-reward-item-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.roadmap-modal-reward-item-wrapper{color:#333;font-size:.8rem}.roadmap-modal-reward-item-image-bg{background-color:#f3f3f3;border:2px solid #c1c1c1;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:50px;padding:12px;position:relative;width:50px}.roadmap-modal-reward-item-image-bg img{border-radius:50%;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));height:50px;width:50px}.unit-modal-start-button{background-color:#9014f5;border:2px solid #59079c;border-radius:12px;box-shadow:0 5px #59079c;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;padding:7px 20px;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s;width:100px}.unit-modal-start-button:hover{background-color:#9014f5;box-shadow:0 3px #59079c;transform:translateY(2px)}.unit-modal-start-button:active{background-image:linear-gradient(145deg,#9014f5,#830ae5);box-shadow:0 3px #4e0689;transform:translateY(2px)}.unit-modal-start-button:focus{outline:none}.unit-modal-start-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.unit-modal-start-button.completed{background-color:#fff;border-color:#333;box-shadow:0 5px #c4c0c7;color:#000}.roadmap-modal-start-title-wrapper{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center}.roadmap-modal-unit-text-label{color:#3d3d3d;font-family:Fredoka One,cursive;font-size:1rem;text-shadow:0 1px 3px #0003}.roadmap-modal-unit-text-label.completed{color:indigo;text-shadow:0 0 5px #fffc}.roadmap-modal-unit-wrapper{align-items:center;display:flex;flex-direction:column}.completed-text{background-color:#8229cc;border-radius:12px;color:#fff;font-family:Bubble;font-size:1.8rem;padding:5px 10px;text-shadow:2px 2px 4px #0006,0 0 8px #fffc}.completed-text-unlocked{color:#fff;font-size:.8rem}.silhouette-image{-webkit-user-drag:none;filter:brightness(0) opacity(.5);pointer-events:none;-webkit-user-select:none;user-select:none}.completed-image-wrapper img{height:50px;margin-right:0}.vertical-divider{background-color:#ddd;border-radius:8px;height:100px;margin:0 10px;width:2px}.start-title-vertical-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:space-between;width:100%}.last-unit-card{margin-bottom:0}.roadmap-modal-character-unlock{background:linear-gradient(145deg,#fff,#eaeaea);border:4px solid #fffc;border-radius:20px;box-shadow:0 10px 20px #00000040,inset 0 2px 10px #ffffffb3,inset 0 0 8px #0006;color:indigo;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.2rem;margin-right:70px;padding:17px;text-align:center;transform:translateX(-20px);transition:transform .3s ease,box-shadow .3s ease}.roadmap-modal-character-unlock:hover{box-shadow:0 15px 30px #00000059,inset 0 3px 12px #ffffffb3,inset 0 0 6px #00000040}.roadmap-modal-character-unlock:focus{box-shadow:0 15px 30px #0006,inset 0 3px 12px #fffc,inset 0 0 6px #0000004d,0 0 10px indigo;outline:none}.roadmap-modal-character-image{width:60px}.roadmap-modal-transition-enter{opacity:0;transform:scale(.8)}.roadmap-modal-transition-enter-active{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.roadmap-modal-transition-exit{opacity:1;transform:scale(1)}.roadmap-modal-transition-exit-active{opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .2s ease}.roadmap-fade-enter{opacity:0}.roadmap-fade-enter.roadmap-fade-enter-active{opacity:1;transition:opacity .4s ease-in}.roadmap-fade-exit{opacity:1}.roadmap-fade-exit-active{opacity:0;transition:opacity .3s ease}.roadmap-fade-appear{opacity:0;transform:scale(.8)}.roadmap-fade-appear.roadmap-fade-appear-active{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.content-toggle{background-color:#e3dbff;background:linear-gradient(180deg,#1a0033,#250045);border:2px solid #af71ff;border-radius:50px;box-shadow:0 4px 8px #0000001a;display:inline-flex;margin-bottom:1rem;overflow:hidden;position:relative;width:300px}.content-toggle:before{background:#9014f5;border-radius:50px;content:"";height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .3s ease;width:calc(50% - 4px);z-index:1}.content-toggle.toggle--right-active:before{transform:translateX(100%)}.content-toggle button{background:#0000;border:none;color:#f5e0ff;cursor:pointer;flex:1 1;font-family:Fredoka One,cursive;font-size:1rem;padding:10px 7px;position:relative;transition:color .3s ease;z-index:2}.content-toggle button:hover{color:#c680ff}.content-toggle button:focus-visible{border-radius:50px;outline:2px solid #a55cffb3;outline-offset:-2px}.content-toggle button.active{color:#fff;text-shadow:0 0 5px #000000b3;transform:scale(1.05);transition:transform .3s ease,text-shadow .3s ease}.reward-item{align-items:center;display:flex;flex-direction:column;gap:10px;position:relative;transform:translateY(-8px)}.reward-item .reward-icon{height:50px;width:50px}.reward-item .reward-item-text-container{display:inline-block;position:relative}.reward-item .reward-item-text-container .reward-item-text-outline{color:#000;font-family:Fredoka One,cursive;font-size:30px;left:-17px;position:absolute;text-align:center;top:-30px;transform:translate(1px,2px);z-index:1}.reward-item .reward-item-text-container .reward-item-text-main{color:#fff;font-family:Fredoka One,cursive;font-size:30px;left:-17px;position:absolute;text-align:center;text-shadow:0 0 1px #006aff,0 0 3px #006aff;top:-30px;z-index:2}.roadmap-modal-collected-badge{align-items:center;animation:popIn .3s ease;color:#3e8eff;display:flex;gap:6px;justify-content:center;margin:auto;transform:translateX(-4px)}.roadmap-modal-collected-badge-image-text{margin-right:0;width:120px}.roadmap-modal-collected-badge-image{height:40px;transform:translateX(-25px);width:40px}.roadmap-modal-view-switch-wrapper{display:flex;justify-content:center;padding:10px 0 6px;width:100%}.roadmap-modal-toggle{grid-gap:6px;background:#0a0018bf;border:2px solid #af71ffa6;border-radius:999px;box-shadow:0 14px 30px #00000059,inset 0 1px 0 #ffffff1f,0 0 22px #8224d438;display:grid;gap:6px;grid-template-columns:1fr 1fr;height:48px;overflow:hidden;padding:4px;position:relative;width:100%}.roadmap-modal-toggle:before{background:linear-gradient(180deg,#a76bff,#6b1fe0);border-radius:999px;box-shadow:0 10px 20px #00000040,0 0 18px #a76bff73;content:"";height:calc(100% - 8px);left:4px;position:absolute;top:4px;transform:translateX(0);transition:transform .22s cubic-bezier(.2,.8,.25,1.1),background .22s ease,box-shadow .22s ease;width:calc(50% - 6px)}.roadmap-modal-toggle.is-cards:before{background:linear-gradient(180deg,#ff55d4,#c5007b);box-shadow:0 10px 20px #00000040,0 0 18px #ff55d473;transform:translateX(100%)}.roadmap-modal-toggle button{background:#0000;border:none;border-radius:999px;color:#ffffffc7;cursor:pointer;font-family:Fredoka One,cursive;font-size:15px;letter-spacing:.2px;position:relative;text-shadow:0 1px 0 #0000008c;transition:transform .12s ease,color .16s ease;z-index:2}.roadmap-modal-toggle button:hover{color:#ffffffeb;transform:translateY(-1px)}.roadmap-modal-toggle button:active{transform:translateY(1px)}.roadmap-modal-toggle button:focus-visible{border-radius:999px;outline:2px solid #a55cffb3;outline-offset:-2px}.roadmap-modal-toggle button.active{color:#fff;text-shadow:0 2px 0 #00000059,0 0 10px #ffffff38}.roadmap-journey-view{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex:1 1 auto;flex-direction:column;font-size:0;gap:0;height:auto;line-height:0;margin:0!important;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0!important;scrollbar-width:none;transform:translateZ(0)}.roadmap-journey-view::-webkit-scrollbar{display:none}.roadmap-journey-view img{align-self:stretch;border:0;display:block;height:auto;margin:-1px 0 0;opacity:.98;padding:0;pointer-events:none;-webkit-user-select:none;user-select:none;vertical-align:top;width:100%}.roadmap-journey-view .journey-item--completed img,.roadmap-journey-view img{filter:drop-shadow(0 0 40px rgb(58,180,237))}.roadmap-journey-view img.journey-end,.roadmap-journey-view img.journey-start{border-radius:6px;position:relative}.slide-wrapper{height:100%;position:relative;width:100%}.slide-overlay{bottom:12%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:35%}.back-arrow-btn{align-items:center;background:#0000!important;border:none!important;box-shadow:none;cursor:pointer;display:inline-flex;height:auto;justify-content:center;left:3%;margin:0!important;outline:none;padding:0!important;position:absolute;top:17.1vh;transition:transform .15s ease,filter .15s ease;width:auto;z-index:100}.back-arrow-btn:hover{filter:brightness(1.1)}.back-arrow-btn:active{transform:scale(.92)}.back-arrow-btn:focus-visible{outline:2px solid #a55cffb3!important;outline-offset:2px}.back-arrow-btn .back-arrow-img{bottom:600px;height:80px;width:86px}.go-bubble{align-items:center;background:#fff;border:3px solid #8a0a63;border-radius:10%;box-shadow:0 4px 10px #00000040;display:flex;justify-content:center;opacity:0;pointer-events:auto;transform:translateY(-50%) scale(.2);transition:transform .35s cubic-bezier(.16,.9,.27,1.2),opacity .2s ease-out .05s;z-index:9999}.go-bubble-btn{background:#8a0a63;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:4px 10px;transition:transform .15s ease,filter .15s ease}.go-bubble-btn:hover{filter:brightness(1.15)}.go-bubble-btn:active{transform:scale(.95)}.go-bubble-btn:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.go-bubble.show.from-left{animation:goSlideOriginalLeft .8s cubic-bezier(.2,.8,.3,1.2) forwards}@keyframes goSlideOriginalLeft{0%{opacity:0;transform:translate(-40%,-50%) scale(.85)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}to{opacity:1;transform:translate(90%,-50%) scale(1)}}.go-bubble.show.from-right{animation:goSlideOriginalRight .8s cubic-bezier(.2,.8,.3,1.2) forwards}@keyframes goSlideOriginalRight{0%{opacity:.2;transform:translate(40%,-50%) scale(.85)}50%{opacity:1;transform:translateY(-50%) scale(1.05)}to{opacity:1;transform:translate(-90%,-50%) scale(1)}}.journey-progress{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:49.2%;opacity:1;pointer-events:auto;position:absolute;transform:translateZ(0);transition:opacity .25s ease;width:min(600px,90vw);z-index:100}.journey-progress__header{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:space-between}.journey-progress__track{background:#1d0f33;border:2px solid #1a0b3c;border-radius:7px;box-shadow:0 2px 0 #00000080;height:42px;left:-99%;opacity:1;overflow:hidden;position:absolute;top:2vh;width:100%}.journey-progress__fill{background:#933cfd;border-radius:6px 0 0 6px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease-in-out;z-index:1}.journey-progress__segment-lines{inset:0;pointer-events:none;position:absolute;z-index:5}.journey-progress__divider-line{background:linear-gradient(180deg,#000 0,#0000);-webkit-clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);height:100%;position:absolute;top:0;transform:translateX(-50%);width:2px}.journey-progress__gloss{height:35%;left:0;pointer-events:none;position:absolute;top:8px;width:100%;z-index:2}.journey-progress__gloss-filled{background:#c282fe;border-radius:2px;height:100%;transition:width .5s ease-in-out}.journey-progress__gloss-unfilled{background:#3e2b52;border-radius:2px;height:100%;position:absolute;right:0;top:0;z-index:1}.circle-close-overlay{background:#000;-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%);inset:0;pointer-events:none;position:fixed;transition:-webkit-clip-path .6s ease-in-out;transition:clip-path .6s ease-in-out;transition:clip-path .6s ease-in-out,-webkit-clip-path .6s ease-in-out;z-index:9999}.circle-close-overlay.closing{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}.circle-close-overlay{animation:openCircle .6s ease-in-out}@keyframes openCircle{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}to{-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%)}}.journey-body{border-bottom:none;border-top:none;image-rendering:pixelated;position:relative;top:-1px}.roadmap-modal{background:radial-gradient(circle at 50% 30%,#8224d433,#000000e0 55%,#000000f2 100%)!important;overflow:hidden}.roadmap-modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff5,#fff4ffeb 35%,#ebdeffe6 75%,#fffffff2)!important;border:2px solid #af71ffa6!important;border-radius:16px!important;box-shadow:0 22px 70px #0000008c,0 0 0 3px #8224d429,0 0 42px #8224d459!important;overflow:hidden}.roadmap-modal-close-button{border-radius:999px;filter:drop-shadow(0 0 10px rgba(175,113,255,.55)) drop-shadow(0 6px 14px rgba(0,0,0,.35))}.roadmap-modal-close-button:hover{filter:drop-shadow(0 0 14px rgba(175,113,255,.75)) drop-shadow(0 10px 22px rgba(0,0,0,.45));transform:scale(1.08) rotate(-2deg)}.roadmap-modal-section-info{background:linear-gradient(135deg,#fff,#ffe8ff)!important;border-bottom:2px solid #4b00898c!important;box-shadow:inset 0 -1px 0 #ffffffbf,0 10px 22px #0000002e;position:relative}.roadmap-modal-section-info:before{background:radial-gradient(circle at 25% 25%,#8224d42e,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.roadmap-modal-section-info:after{background:linear-gradient(180deg,#ffffffa6,#fff0);content:"";height:46%;left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.roadmap-modal-image{border:2px solid #8224d459;border-radius:12px!important;box-shadow:0 10px 24px #00000038,0 0 0 3px #8224d41a,0 0 22px #af71ff59;filter:saturate(1.08) contrast(1.03) drop-shadow(0 0 10px rgba(175,113,255,.35))!important}.roadmap-modal-title{color:#12071f!important;text-shadow:0 2px 0 #ffffffb3,0 0 14px #af71ff4d}.roadmap-modal-character-unlock{background:linear-gradient(145deg,#ffffffeb,#f0e1ffe0)!important;border:2px solid #af71ffa6!important;border-radius:18px!important;box-shadow:0 16px 34px #00000047,inset 0 1px 10px #fff9,0 0 34px #8224d440!important}.roadmap-modal-character-image{filter:drop-shadow(0 10px 18px rgba(0,0,0,.28)) drop-shadow(0 0 14px rgba(175,113,255,.55)) saturate(1.08) contrast(1.06)}.silhouette-image{filter:brightness(0) opacity(.45)!important}.roadmap-modal-units-list{background:linear-gradient(180deg,#ffffff8c,#ffffff40);border-radius:14px;box-shadow:inset 0 0 0 1px #8224d414;scrollbar-color:#8224d48c #0000000f;scrollbar-width:thin}.roadmap-modal-units-list::-webkit-scrollbar{width:10px}.roadmap-modal-units-list::-webkit-scrollbar-track{background:#0000000f;border-radius:999px}.roadmap-modal-units-list::-webkit-scrollbar-thumb{background:#8224d48c;border:2px solid #ffffff8c;border-radius:999px}.roadmap-modal-units-list{flex:1 1 auto;height:100%;margin:8px;min-height:0;overflow-y:auto;padding:20px}.roadmap-modal-unit-card{background:linear-gradient(145deg,#fffffff5,#f7f0ffeb)!important;border:2px solid #4b008999!important;border-radius:26px!important;box-shadow:0 12px 22px #00000029,inset 0 1px 0 #ffffffbf;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.roadmap-modal-unit-card:hover{border-color:#8224d4b3;box-shadow:0 16px 30px #00000038,0 0 24px #af71ff38,inset 0 1px 0 #ffffffd9;transform:translateY(-2px)}.roadmap-modal-unit-card:active{box-shadow:0 6px 12px #00000024,inset 0 1px 0 #ffffffa6;transform:translateY(1px)}.roadmap-modal-unit-card:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.roadmap-modal-unit-card.completed{background:linear-gradient(145deg,#4b0089,#2b0049)!important;border-color:#af71ff8c!important;box-shadow:0 18px 36px #00000059,0 0 34px #8224d466,inset 0 1px 0 #ffffff24!important}.roadmap-modal-unit-title{text-shadow:0 1px 0 #ffffffa6,0 0 12px #af71ff2e}.roadmap-modal-unit-title.completed{text-shadow:0 0 10px #ffffff40,0 0 18px #af71ff47}.roadmap-modal-reward-item-image-bg{border-color:#8224d440!important;box-shadow:0 10px 18px #0000002e,0 0 18px #af71ff38,inset 0 1px 0 #ffffffa6!important}.roadmap-modal-reward-item-image-bg img{filter:drop-shadow(0 0 10px rgba(175,113,255,.4)) drop-shadow(0 10px 18px rgba(0,0,0,.18)) saturate(1.06)}.roadmap-modal-content{display:flex;flex-direction:column;max-height:min(95dvh,93vh)}.roadmap-modal-inner{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-height:0}.roadmap-modal-view-stage{overflow:hidden;position:relative}.roadmap-modal-view-stage,.roadmap-modal-view-stage .roadmap-journey-view,.roadmap-modal-view-stage .roadmap-modal-units-list{flex:1 1 auto;height:100%;min-height:0}.roadmap-modal-view{display:flex;flex-direction:column;height:100%;inset:0;min-height:0;opacity:0;pointer-events:none;position:absolute;transform:translateZ(0) scale(.985);transition:opacity .22s ease,transform .22s ease;width:100%}.roadmap-modal-view.is-active{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1)}.roadmap-modal-content,.roadmap-modal-view,.roadmap-modal-view-stage{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.roadmap-modal-topRow{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.roadmap-modal-topRow__progress{align-items:center;display:flex;flex:3 1;min-width:0}.roadmap-modal-topRow__toggle{align-items:center;display:flex;flex:1 1;justify-content:flex-end;min-width:0}.journey-progress.journey-progress--inRow{align-items:center;display:flex;height:48px;justify-content:flex-start;left:auto!important;margin:0!important;position:relative!important;top:auto!important;transform:none!important;width:100%!important}.journey-progress--inRow .journey-progress__track{height:42px;left:0!important;position:relative!important;top:0!important;width:100%!important}@media(max-width:768px){.roadmap-section .section-container{gap:16px;grid-template-columns:1fr;padding:8px}.roadmap-section .section-card{min-height:44px;padding:14px}.roadmap-section .section-card .section-title{font-size:16px;margin-top:32px}.roadmap-section .section-card .section-start-button{font-size:15px;min-height:44px;padding:10px 20px;width:100%}.roadmap-modal-content{border:none!important;border-radius:0!important;height:100dvh!important;max-height:100dvh!important;max-width:100vw!important;width:100vw!important}.roadmap-modal-close-button{height:50px;right:4px;top:4px;width:50px;z-index:200}.roadmap-modal-section-info{border-top-left-radius:0;border-top-right-radius:0;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px}.roadmap-modal-image{height:64px;margin-right:10px;width:64px}.roadmap-modal-title{font-size:1.3rem;margin-left:8px;width:auto}.roadmap-modal-character-unlock{margin-right:0;padding:10px;transform:none}.roadmap-modal-character-image{width:44px}.vertical-divider{display:none}.roadmap-modal-topRow{flex-direction:column;gap:8px;padding:8px 10px}.roadmap-modal-topRow__progress{flex:none;width:100%}.roadmap-modal-topRow__toggle{flex:none;justify-content:center;width:100%}.journey-progress.journey-progress--inRow{height:36px}.journey-progress--inRow .journey-progress__track{height:34px}.roadmap-modal-toggle{height:44px;width:100%}.roadmap-modal-toggle button{font-size:14px;min-height:44px}.roadmap-modal-units-list{margin:4px;padding:12px}.roadmap-modal-unit-card{border-radius:20px!important;flex-direction:column;gap:8px;margin:8px 4px 32px;min-height:80px;padding:10px 16px}.roadmap-modal-unit-card .roadmap-modal-unit-card-label{font-size:.85rem;top:-20px}.start-title-vertical-wrapper{align-items:stretch;flex-direction:column;gap:8px}.start-title-vertical-wrapper .vertical-divider{display:none}.roadmap-modal-start-title-wrapper{align-items:center;gap:8px}.roadmap-modal-unit-title{font-size:1rem;text-align:center;width:100%}.unit-modal-start-button{font-size:15px;min-height:44px;padding:10px 20px;text-align:center;width:100%}.roadmap-modal-progress-reward-wrapper{margin-top:4px;width:100%}.roadmap-journey-view{border-top-left-radius:0;border-top-right-radius:0}.go-bubble{min-height:44px;min-width:80px}.go-bubble-btn{font-size:14px;min-height:44px;padding:8px 16px}.back-arrow-btn{left:2%;top:8vh}.back-arrow-btn .back-arrow-img{height:56px;width:60px}}@media(max-width:480px){.roadmap-section .roadmap-title{font-size:1.1rem;padding-left:8px}.roadmap-section .section-card{padding:12px}.roadmap-section .section-card .section-title{font-size:14px;margin-top:28px}.roadmap-section .section-card .section-description{font-size:12px}.roadmap-modal-image{height:48px;margin-right:8px;width:48px}.roadmap-modal-title{font-size:1.1rem;margin-left:4px}.roadmap-modal-character-unlock{padding:8px}.roadmap-modal-character-image{width:36px}.roadmap-modal-unit-card{margin:6px 2px 28px;padding:8px 12px}.roadmap-modal-unit-title{font-size:.9rem}.unit-modal-start-button{font-size:14px}.roadmap-modal-toggle{height:40px}.roadmap-modal-toggle button{font-size:13px}.back-arrow-btn .back-arrow-img{height:44px;width:48px}}.wormhole-overlay{align-items:center;background-color:#000000bf;color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.wormhole-wrapper{background:#fff2e6;border:4px solid #7e5be9;border-radius:10px;box-shadow:0 16px 40px #00000059;max-width:900px;padding:20px;position:relative;text-align:center;width:85%}.wormhole-close-img{background:#0000;border:none;cursor:pointer;height:64px;padding:0;position:absolute;right:10px;top:10px;transition:transform .12s ease,filter .12s ease;width:64px;z-index:9999}.wormhole-close-img img{display:block;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.wormhole-close-img:hover{filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transform:scale(1.06) rotate(-2deg)}.wormhole-close-img:active{transform:scale(.98)}.arrow-button-wormhole,.power-wormhole-wrapper,.wormhole-close-button{pointer-events:auto}.wormhole-title-row{align-items:center;display:flex;justify-content:center;margin:6px auto 20px;min-height:74px;position:relative;width:100%}.wormhole-title-planet{filter:drop-shadow(0 4px 10px rgba(123,0,255,.35));height:100px;left:2%;object-fit:contain;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100px}.wormhole-title-center{align-items:center;display:inline-flex;flex-direction:column;gap:6px;justify-content:center}.wormhole-world-title{color:#f6edff;font-family:Fredoka One,cursive;font-size:2.3rem;font-weight:700;margin:10px auto 0;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff;z-index:1}.wormhole-detected-under-title{align-items:center;background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff38,0 2px 6px #00000038;color:#7b00ff;display:inline-flex;font-family:Fredoka One,cursive;font-size:.7rem;justify-content:center;letter-spacing:.4px;padding:6px 10px}.wormhole-lore{background:linear-gradient(160deg,#fffffff2,#f4ecff);border:2px solid #7b00ff73;border-radius:999px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#7b00ff;display:inline-block;font-family:Fredoka One,cursive;font-size:.9rem;margin:10px auto 6px;padding:8px 12px}.wormhole-next-world-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:8px}.arrow-button-wormhole{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff99;border-radius:12px;box-shadow:0 6px 16px #7b00ff40,inset 0 0 6px #7b00ff33;color:#7b00ff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:10px 18px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.arrow-button-wormhole:hover{box-shadow:0 10px 28px #7b00ff73,inset 0 0 10px #7b00ff59;transform:translateY(-2px) scale(1.04)}.arrow-button-wormhole:active{transform:translateY(0) scale(1)}.wormhole-image{width:140px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wormhole-image.spin-animation{animation:spin 2s linear infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3c2e2ebf}50%{box-shadow:0 0 80px #714e4e}}.wormhole-image.pulse-animation{animation:pulseGlow 2s ease-in-out infinite}@keyframes expandContract{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.wormhole-image.expand-animation{animation:expandContract 2s linear infinite}.wormhole-luna-list{background:#fff6;border:2px solid #7b00ff38;border-radius:16px;box-shadow:inset 0 0 12px #7b00ff14;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px;padding:10px 8px}.wormhole-luna-card{align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff26;display:flex;flex-direction:column;justify-content:center;margin:2px;min-height:150px;padding:8px 6px;position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:120px}.wormhole-luna-card:hover{box-shadow:0 14px 36px #7b00ff80,inset 0 0 18px #b478ff59;transform:translateY(-4px) scale(1.05)}.wormhole-luna-card:not(.wormhole-luna-card--unlocked){filter:saturate(.85) brightness(.92)}.wormhole-luna-chance{background:#ffffffeb;border:1px solid #7b00ff59;border-radius:999px;box-shadow:0 3px 10px #0000002e,inset 0 0 8px #7b00ff1f;color:#7b00ff;font-family:Fredoka One,cursive;font-size:.7rem;line-height:1;padding:4px 7px;pointer-events:none;position:absolute;right:8px;top:8px;-webkit-user-select:none;user-select:none}.wormhole-luna-thumb-wrap{align-items:center;display:flex;height:78px;justify-content:center;position:relative;width:92px}.wormhole-luna-thumb{filter:drop-shadow(0 4px 10px rgba(123,0,255,.22));height:86px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:86px}.wormhole-luna-thumb--unknown{filter:brightness(0) contrast(1)!important;opacity:.85;transform:scale(1.02)}.wormhole-luna-card:not(.wormhole-luna-card--unlocked) .wormhole-luna-thumb{filter:brightness(0) contrast(1) drop-shadow(0 0 2px rgba(0,0,0,.65)) drop-shadow(0 0 6px rgba(0,0,0,.35))!important}.wormhole-luna-thumb-fallback{background:#7b00ff1f;border:2px dashed #7b00ff59;border-radius:14px;height:70px;width:70px}.wormhole-luna-meta{align-items:center;display:flex;flex-direction:column;gap:6px;margin-top:6px}.wormhole-luna-name{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:.95rem;text-shadow:0 1px 0 #ffffffb3}.wormhole-luna-status{background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff38,0 2px 6px #0000002e;color:#7b00ff;font-family:Fredoka One,cursive;font-size:.8rem;letter-spacing:.4px;padding:4px 8px}.wormhole-luna-card--unlocked .wormhole-luna-status{background:#40c9ff24;border-color:#40c9ff59;color:#2e70ff}.power-wormhole-wrapper{align-items:center;background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:Fredoka One,cursive;font-size:20px;justify-content:center;margin:20px auto 10px;padding:10px 20px;position:relative;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:260px}.power-wormhole-wrapper:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.power-wormhole-wrapper:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.power-wormhole-text{font-size:1.1rem}.moonrock-cost{align-items:center;display:flex;margin-left:10px}.moonrock-icon-wormhole{height:40px;margin-left:10px;width:40px}.wormhole-result-card{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:16px;box-shadow:0 10px 28px #7b00ff47,inset 0 0 16px #7b00ff1f;margin:16px auto 0;max-width:520px;padding:14px}.wormhole-result-card h3{color:#7b00ff;font-family:Fredoka One,cursive;margin:0 0 6px;text-shadow:0 1px 0 #ffffffb3}.wormhole-result-card p{color:#4a1fb8;font-family:Fredoka One,cursive;margin:0 0 10px}.wormhole-result-image{filter:drop-shadow(0 10px 18px rgba(123,0,255,.22));height:160px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:160px}@keyframes sparkle{0%{opacity:0;transform:scale(.85)}50%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.particles-container{pointer-events:none;position:absolute;z-index:1}.particles-relative{height:100%;position:relative;width:100%}.particle{animation:sparkle 2s linear infinite;background:url(https://moonrock-images.s3.us-east-2.amazonaws.com/purple-small-star.png) no-repeat 50%/contain;filter:drop-shadow(0 0 2px rgba(135,173,255,.6)) drop-shadow(0 0 4px rgba(248,111,255,.6)) drop-shadow(0 0 5px rgba(185,84,255,.2));height:50px;position:absolute;width:50px}.particle:first-child{animation-delay:0s;left:60%;top:10%}.particle:nth-child(2){animation-delay:1s;left:40%;top:50%}.particle:nth-child(3){animation-delay:1.3s;left:60%;top:45%}.particle:nth-child(4){animation-delay:.5s;left:12%;top:5%}.particle:nth-child(5){animation-delay:1.5s;left:10%;top:40%}.particle:nth-child(6){animation-delay:.7s;left:40%;top:-5%}.particle:nth-child(7){animation-delay:1.2s;left:50%;top:10%}.particle:nth-child(8){animation-delay:1.5s;left:20%;top:-5%}.particle:nth-child(9){animation-delay:.7s;left:10%;top:20%}.particle:nth-child(10){animation-delay:1.2s;left:40%;top:5%}@media(max-width:780px){.wormhole-wrapper{padding:16px;width:92%}.wormhole-world-title{font-size:2rem}.wormhole-title-planet{height:48px;left:6px;top:10px;width:48px}.wormhole-luna-card{width:110px}.power-wormhole-wrapper{font-size:18px;width:240px}}@media(max-width:768px){.wormhole-overlay{align-items:flex-end;padding:0}.wormhole-wrapper{-webkit-overflow-scrolling:touch;border:none;border-radius:0;display:flex;flex-direction:column;height:100dvh;max-width:100%;overflow-y:auto;padding:16px;width:100%}.wormhole-close-img{height:48px;right:8px;top:8px;width:48px}.wormhole-title-row{margin:4px auto 12px;min-height:56px}.wormhole-title-planet{height:44px;left:4px;top:6px;width:44px}.wormhole-world-title{font-size:1.6rem;margin-top:6px}.wormhole-detected-under-title{font-size:.65rem}.wormhole-next-world-wrapper{margin-top:4px}.wormhole-image{width:110px}.arrow-button-wormhole{font-size:1.1rem;min-height:44px;min-width:44px;padding:10px 16px}.wormhole-luna-list{grid-gap:8px;-webkit-overflow-scrolling:touch;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:12px;max-height:40vh;overflow-y:auto;padding:8px}.wormhole-luna-card{min-height:120px;padding:6px 4px;width:100%}.wormhole-luna-thumb-wrap{height:60px;width:70px}.wormhole-luna-thumb{height:66px;width:66px}.wormhole-luna-name{font-size:.8rem}.wormhole-luna-status{font-size:.7rem;padding:3px 6px}.wormhole-luna-chance{font-size:.6rem;padding:3px 5px;right:4px;top:4px}.power-wormhole-wrapper{border-radius:14px;font-size:18px;margin:14px auto 8px;max-width:100%;min-height:52px;width:100%}.wormhole-lore{font-size:.8rem;padding:6px 10px}.wormhole-moonrock-badge{border-radius:14px;bottom:8px;left:8px;padding:8px 10px}.wormhole-moonrock-badge__icon{height:28px;width:28px}.wormhole-moonrock-badge__amount{font-size:.95rem}}@media(max-width:480px){.wormhole-wrapper{padding:12px}.wormhole-world-title{font-size:1.35rem}.wormhole-title-planet{height:36px;left:2px;top:8px;width:36px}.wormhole-image{width:90px}.arrow-button-wormhole{font-size:1rem;padding:8px 12px}.wormhole-luna-list{gap:6px;grid-template-columns:repeat(2,1fr)}.wormhole-luna-card{min-height:110px}.wormhole-luna-thumb-wrap{height:52px;width:60px}.wormhole-luna-thumb{height:56px;width:56px}.wormhole-luna-name{font-size:.75rem}.power-wormhole-wrapper{font-size:16px;min-height:48px;padding:8px 16px}.moonrock-icon-wormhole{height:32px;width:32px}.wormhole-lore{font-size:.75rem}}@media(max-width:520px){.wormhole-world-title{font-size:1.65rem}.wormhole-image{width:120px}.arrow-button-wormhole{font-size:1.1rem;padding:8px 14px}.wormhole-luna-list{gap:8px}}.wormhole-moonrock-badge{align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:18px;bottom:14px;box-shadow:0 6px 0 #3e12a0a6,0 12px 22px #00000038,inset 0 0 12px #7b00ff1f;display:inline-flex;gap:10px;left:14px;padding:10px 12px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;z-index:20}.wormhole-moonrock-badge__icon{filter:drop-shadow(0 4px 10px rgba(123,0,255,.22));height:34px;object-fit:contain;width:34px}.wormhole-moonrock-badge__amount{background:#7b00ff1f;border:1px solid #7b00ff47;border-radius:12px;box-shadow:inset 0 0 8px #7b00ff24,0 3px 0 #3e12a073;color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.1rem;line-height:1;padding:4px 10px}.progress-bar-wrapper{height:60px;margin:-20px auto auto;position:relative;width:100%;z-index:1}.progress-bar-wrapper.completed{color:#fff}.progress-bar-container{background-color:#f3f4f6;border:2px solid #59079c;border-radius:15px;box-shadow:0 2px 4px #0000001a;font-family:Arial,sans-serif;height:30%;overflow:hidden;position:relative;width:100%}.progress-bar{background-color:#9014f5;height:190%;transition:width .5s ease-in-out}.progress-bar-section{color:#333;font-size:14px;font-weight:700;margin-bottom:7px;margin-top:10px;text-align:center}.progress-bar-section.completed{color:#fff}.progress-bar-text{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}@media(max-width:768px){.progress-bar-wrapper{height:48px;margin-top:-12px}.progress-bar-container{border-radius:12px}.progress-bar-section{font-size:12px;margin-bottom:5px;margin-top:8px}.progress-bar-text{font-size:14px}}@media(max-width:480px){.progress-bar-wrapper{height:40px;margin-top:-8px}.progress-bar-container{border-radius:10px;height:28%}.progress-bar-section{font-size:11px;margin-top:6px}.progress-bar-text{font-size:12px}}.shop-container{flex-grow:1;font-family:Fredoka One,cursive;min-height:100vh;padding:40px 5%}.shop-balances{background:#fff2e6;border:4px solid #7e5be9;border-radius:50px;box-shadow:0 16px 40px #00000059;color:#4a1fb8;display:flex;gap:60px;justify-content:center;margin:auto auto 50px;max-width:700px;padding:18px 20px}.shop-balance-item{align-items:center;display:flex;font-size:20px}.shop-balance-item img{filter:drop-shadow(0 4px 10px rgba(123,0,255,.22));margin-right:10px;width:40px}.shop-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,minmax(260px,1fr));justify-content:center;margin-bottom:48px}.shop-card{background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff73;border-radius:16px;box-shadow:0 14px 34px #7b00ff38,inset 0 0 16px #7b00ff24;color:#4a1fb8;cursor:pointer;padding:18px 16px 20px;position:relative;text-align:center;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.shop-card:hover{border-color:#7b00ffb3;box-shadow:0 18px 44px #7b00ff59,inset 0 0 18px #b478ff38;filter:saturate(1.02);transform:translateY(-4px) scale(1.02)}.shop-card:active{box-shadow:0 8px 18px #7b00ff2e,inset 0 0 12px #7b00ff1a;transform:translateY(0) scale(1)}.shop-card:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.shop-card-img{filter:drop-shadow(0 10px 18px rgba(123,0,255,.22));height:180px;margin-bottom:14px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.shop-card-title{color:#7b00ff;font-size:20px;margin-bottom:8px;text-shadow:0 1px 0 #ffffffb3}.shop-card-desc{color:#4a1fb8;font-size:13px;margin-bottom:14px;opacity:.95}.shop-card-btn{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;padding:12px 0;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:100%}.shop-card-btn:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.shop-card-btn:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.shop-card-btn:focus-visible{outline:2px solid #fffc;outline-offset:2px}.shop-card.moonrocks{border-color:#7b00ff8c;box-shadow:0 14px 34px #7b00ff3d,inset 0 0 16px #7b00ff24}.shop-card.moonrocks .shop-card-title{color:#7b00ff}.shop-card.moonrocks .shop-card-img{filter:drop-shadow(0 10px 18px rgba(123,0,255,.28))}.shop-card.moonrocks .shop-card-btn{background:linear-gradient(145deg,#8a5bff,#6f2dff)}.shop-card.stars{border-color:#40c9ff73;box-shadow:0 14px 34px #40c9ff29,inset 0 0 16px #40c9ff24}.shop-card.stars .shop-card-title{color:#2e70ff}.shop-card.stars .shop-card-img{filter:drop-shadow(0 10px 18px rgba(64,201,255,.25))}.shop-card.stars .shop-card-btn{background:linear-gradient(145deg,#6f7bff,#2e70ff);box-shadow:0 6px #183ea08c}.shop-card.stars .shop-card-btn:hover{background:linear-gradient(145deg,#5e6cff,#245cff);box-shadow:0 4px #183ea09e}.shop-card.stars .shop-card-btn:active{background:linear-gradient(145deg,#4e5dff,#1f4bff);box-shadow:0 3px #183ea0b3}.shop-card.subscription{grid-gap:18px;align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:4px solid #7b00ff8c;border-radius:18px;box-shadow:0 16px 40px #7b00ff40,inset 0 0 18px #7b00ff29;display:grid;gap:18px;grid-column:1/-1;grid-template-columns:160px 1fr;padding:20px 18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.shop-card.subscription:hover{border-color:#7b00ffbf;box-shadow:0 20px 48px #7b00ff52,inset 0 0 20px #b478ff33;transform:translateY(-3px) scale(1.01)}.shop-card.subscription:active{transform:translateY(0) scale(1)}.shop-card.subscription .shop-card-img{filter:drop-shadow(0 12px 22px rgba(123,0,255,.28));height:150px;margin:0 auto;width:150px}.shop-card.subscription .shop-card-info{text-align:left}.shop-card.subscription .shop-card-title{color:#7b00ff;font-size:22px;margin-bottom:6px}.shop-card.subscription .shop-card-desc{font-size:14px;margin-bottom:12px}.shop-card.subscription .shop-card-btn{background:linear-gradient(145deg,#8a5bff,#6f2dff);width:min(320px,100%)}@media(max-width:980px){.shop-row{grid-template-columns:repeat(2,minmax(240px,1fr))}.shop-balances{border-radius:26px;gap:24px}.shop-balance-item{font-size:18px}.shop-card.subscription{grid-template-columns:140px 1fr}}@media(max-width:768px){.shop-container{-webkit-overflow-scrolling:touch;padding:20px 16px}.shop-balances{border-radius:20px;gap:16px;margin-bottom:24px;max-width:100%;padding:14px 16px}.shop-balance-item{font-size:16px}.shop-balance-item img{margin-right:6px;width:32px}.shop-row{gap:16px;grid-template-columns:1fr;margin-bottom:24px}.shop-card{border-radius:14px;padding:16px 14px 18px}.shop-card-img{height:140px;margin-bottom:10px}.shop-card-title{font-size:18px}.shop-card-desc{font-size:13px;margin-bottom:10px}.shop-card-btn{border-radius:12px;font-size:16px;min-height:48px;padding:12px 0}.shop-card.subscription{gap:12px;grid-template-columns:1fr;padding:18px 16px;text-align:center}.shop-card.subscription .shop-card-img{height:120px;margin:0 auto;width:120px}.shop-card.subscription .shop-card-info{text-align:center}.shop-card.subscription .shop-card-btn{max-width:100%;width:100%}}@media(max-width:480px){.shop-container{padding:16px 12px}.shop-balances{border-radius:16px;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px}.shop-balance-item{font-size:14px}.shop-balance-item img{width:28px}.shop-row{gap:14px;grid-template-columns:1fr;margin-bottom:16px}.shop-card{padding:14px 12px 16px}.shop-card-img{height:130px}.shop-card-title{font-size:17px}.shop-card-desc{font-size:12px;margin-bottom:8px}.shop-card-btn{font-size:15px;min-height:48px;padding:10px 0}}.ci-page{display:flex;flex-direction:column;gap:10px;margin:0 auto;padding:12px;position:relative;width:100%}.ci-page,.ci-title{font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif}.ci-title{color:#f6edff;font-size:2rem;font-weight:800;text-align:center;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff}.ci-title-img{display:block;margin:0 auto;max-width:320px;width:90%}.ci-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-content:center;width:100%}.ci-card{background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff73;border-radius:20px;box-shadow:0 14px 34px #7b00ff38,inset 0 0 16px #7b00ff24;color:#4a1fb8;display:flex;flex-direction:column;font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif;height:360px;justify-content:space-between;overflow:hidden;position:relative;text-align:center;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:220px}.ci-card:hover{box-shadow:0 18px 44px #7b00ff59,inset 0 0 18px #b478ff38;filter:saturate(1.02);transform:translateY(-4px)}.ci-card:active{transform:translateY(-1px)}.ci-locked{filter:grayscale(1) saturate(.85);opacity:.95;pointer-events:none}.ci-locked .ci-locked-content{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.ci-locked .ci-locked-icon{filter:drop-shadow(0 6px 12px rgba(123,0,255,.18));opacity:.85;width:60px}.ci-locked .ci-locked-title{color:#3d1e6d;font-size:1.1rem;font-weight:900;text-shadow:0 1px 0 #ffffffa6}.ci-header{grid-gap:8px;align-items:center;background:#3d1e6d;border-top-left-radius:17px;border-top-right-radius:17px;box-shadow:inset 0 1px 0 #ffffff2e,inset 0 -1px 0 #00000040;color:#fff;display:grid;font-size:14px;font-weight:900;gap:8px;grid-template-columns:36px 1fr 36px;overflow:hidden;padding:6px 8px;position:relative}.ci-icon{filter:drop-shadow(0 0 6px rgba(255,255,255,.45));height:28px;justify-self:start;width:28px}.ci-header-title{justify-self:center;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;white-space:normal;z-index:1}.ci-header-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:auto;padding:4px;position:relative;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;width:32px;z-index:1}.ci-header-btn img{height:100%;object-fit:contain;width:100%}.ci-header-btn:hover{background:#ffffff4d;transform:scale(1.06)}.swap-btn{height:36px;width:36px}.ci-header--in{background:linear-gradient(135deg,#5a2bd9,#3d1e6d 50%,#2d0b5f)}.ci-header--in:after,.ci-header--in:before{content:"";inset:0;opacity:.55;pointer-events:none;position:absolute}.ci-header--in:before{animation:ci-stars-float 12s linear infinite;background:radial-gradient(circle at 10% 30%,#ffffffe6 0 1.5px,#0000 2px),radial-gradient(circle at 70% 60%,#ffffffbf 0 1.2px,#0000 2px),radial-gradient(circle at 35% 80%,#fffc 0 1.4px,#0000 2px),radial-gradient(circle at 85% 25%,#ffffffe6 0 1.2px,#0000 2px);background-size:120px 60px,180px 90px,160px 80px,140px 70px}.ci-header--in:after{animation:ci-stars-float 18s linear infinite reverse;background:radial-gradient(circle,#ffffffa6 0 2px,#0000 3px),radial-gradient(circle,#ffffff73 0 2px,#0000 3px);background-size:140px 70px,200px 100px;mix-blend-mode:screen}@keyframes ci-stars-float{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:120px -60px,-180px 90px,160px -80px,-140px 70px}}.ci-header--add{background:#3d1e6d}.ci-header--add:hover{filter:brightness(1.05)}.ci-header-btn,.ci-header-left,.ci-header-title{position:relative;z-index:1}.ci-creature{align-items:center;display:flex;flex:1 1;justify-content:center;padding:12px}.ci-creature img{filter:drop-shadow(0 10px 18px rgba(123,0,255,.22));max-height:100%;max-width:80%;object-fit:contain;pointer-events:none;transform:translateZ(0);-webkit-user-select:none;user-select:none}.ci-info{padding:12px 16px 0}.ci-name{color:#4a1fb8;font-size:1.1rem;font-weight:900;margin-bottom:2px;text-shadow:0 1px 0 #ffffffb3}.ci-level{color:#7b00ff;font-size:.9rem;margin-bottom:8px}.ci-row{align-items:center;color:#4a1fb8;display:flex;font-size:.9rem;font-weight:800;justify-content:space-between;margin-bottom:6px}.ci-fraction{color:#7b00ff;font-weight:700}.ci-container{margin:.4rem 0 .8rem;width:100%}.ci-bg{background:#1d0f33;border:2px solid #1a0b3c;border-radius:15px;box-shadow:0 2px 0 #00000080;height:17px;overflow:hidden;position:relative}.ci-fill{background:linear-gradient(90deg,#29cdff,#7e5be9);border-radius:15px 0 0 15px;height:100%;transition:width .5s ease-in-out}.ci-fill.ci-full{border-radius:15px}.ci-gloss{display:flex;height:25%;inset:4px 0 0;pointer-events:none;position:absolute}.ci-gloss .ci-gloss-full{background:#a8f1ff;transition:width .5s ease-in-out}.ci-gloss .ci-gloss-empty{background:#3e2b52;flex:1 1}.ci-button{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif;font-size:.9rem;font-weight:900;margin:12px 16px 20px;padding:10px 12px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.ci-button:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.ci-button:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.ci-button.remove{background:linear-gradient(145deg,#d14167,#f16e5c);box-shadow:0 6px #78162ebf}.ci-button.remove:hover{background:linear-gradient(145deg,#c33a5d,#ea5f50);box-shadow:0 4px #78162ed9}.ci-button.remove:active{background:linear-gradient(145deg,#b83556,#df584a);box-shadow:0 3px #78162eeb}.ci-top-btn{align-items:center;background:#fff6ee;border:2px solid #0000;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:4px;position:absolute;right:10px;top:54px;transition:transform .15s ease,box-shadow .15s ease;width:36px}.ci-top-btn img{height:100%;object-fit:contain;width:100%}.ci-top-btn:hover{box-shadow:0 8px 18px #7b00ff38;transform:scale(1.08)}.ci-card--unlocked{background:linear-gradient(160deg,#fff6ee,#f7efff)}.ci-card--locked{background:linear-gradient(160deg,#9014f5,#6e42c1 55%,#a281f0);border-color:#7e5be9a6}.ci-card--locked,.ci-card--locked:hover{box-shadow:0 10px 26px #00000059,inset 0 0 0 2px #ffffff0f;filter:saturate(.9)}.ci-card--locked:hover{transform:none}.ci-card--locked .ci-header{background:linear-gradient(135deg,#2b0b5f,#3d1e6d 45%,#25084f)}.ci-card--locked .ci-header-title{color:#ffffffeb;letter-spacing:.2px}.ci-card--locked .ci-icon{filter:grayscale(1) brightness(1.15);opacity:.75}.ci-card--locked .ci-level,.ci-card--locked .ci-name,.ci-card--locked .ci-row{color:#ffffffe6;text-shadow:0 1px 0 #00000059}.ci-card--locked .ci-level{color:#ffffffbf}.ci-creature-img--unknown{filter:brightness(0) contrast(1) drop-shadow(0 0 2px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(0,0,0,.35))!important;opacity:.7;transform:scale(1.02)}.ci-locked-subtext{align-items:center;background:#7b00ff2e;border:1px solid #ffffff2e;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff2e,0 8px 18px #00000040;color:#ffffffeb;display:inline-flex;font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif;font-size:.8rem;font-weight:900;justify-content:center;letter-spacing:.8px;margin:10px auto 0;padding:6px 12px}@keyframes ci-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(max-width:768px){.ci-page{box-sizing:border-box;max-width:100%;padding:12px 0}.ci-title-img{margin-bottom:8px;max-width:240px}.ci-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.ci-card{border-radius:16px;height:300px;min-height:0;padding-bottom:6px;width:100%}.ci-header{border-top-left-radius:13px;border-top-right-radius:13px;font-size:11px;gap:3px;grid-template-columns:24px 1fr 28px;padding:4px 6px}.ci-icon{height:20px;width:20px}.ci-header-btn{height:24px;min-height:24px;min-width:24px;width:24px}.ci-creature{flex:1 1;min-height:0;overflow:hidden;padding:2px}.ci-creature img{max-height:100%;max-width:90%;object-fit:contain}.ci-info{flex:0 0 auto;padding:3px 8px 0}.ci-card--locked .ci-info{padding-bottom:16px}.ci-name{font-size:.8rem;margin-bottom:0}.ci-level,.ci-row{font-size:.65rem;margin-bottom:1px}.ci-container{margin:.1rem 0 .2rem}.ci-button{flex:0 0 auto;font-size:.75rem;margin:3px 8px 6px;min-height:36px;padding:6px}}@media(max-width:480px){.ci-page{box-sizing:border-box;max-width:100%;padding:8px 0}.ci-title-img{max-width:200px}.ci-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.ci-card{border-radius:14px;height:280px;padding-bottom:5px}.ci-header{padding:3px 5px}.ci-header,.ci-header-title{font-size:10px}.ci-creature{padding:2px}.ci-info{padding:2px 6px 0}.ci-name{font-size:.75rem}.ci-level,.ci-row{font-size:.6rem}.ci-button{font-size:.7rem;margin:2px 6px 5px;min-height:34px;padding:5px}}.cb-page{animation:pageFadeIn .45s ease both;color:#e8e0f0;font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif;margin:0 auto;min-height:100%;padding:24px 20px 48px;position:relative;width:100%}.cb-loading{align-items:center;color:#e8e0f080;display:flex;font-size:1.2rem;justify-content:center;min-height:300px}.cb-header{margin-bottom:20px;text-align:center}.cb-title{color:gold;font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:.5px;margin:0 0 16px;text-shadow:0 0 10px #ffd70059,0 2px 4px #00000080}.cb-overall-stats{margin:0 auto;max-width:480px}.cb-overall-bar-container{margin-bottom:12px;position:relative}.cb-overall-bar-track{background:#ffffff14;border:1px solid #ffd7001f;border-radius:7px;height:14px;overflow:hidden;width:100%}.cb-overall-bar-fill{background:linear-gradient(90deg,#b8941c,gold);border-radius:7px;box-shadow:0 0 8px #ffd70066;height:100%;transition:width .6s ease}.cb-overall-pct{color:gold;display:block;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-top:6px}.cb-overall-counts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.cb-stat-pill{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;display:inline-flex;font-size:.82rem;font-weight:600;padding:5px 14px}.cb-stat-items{border-color:#ffd70033;color:gold}.cb-stat-creatures{border-color:#c084fc33;color:#c084fc}.cb-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.cb-tab{background:#ffffff0a;border:2px solid #ffffff1f;border-radius:24px;color:#e8e0f080;cursor:pointer;font-family:Fredoka One,Fredoka,Poppins,Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.3px;padding:10px 32px;transition:all .25s ease}.cb-tab:hover{background:#ffffff14;border-color:#fff3;color:#e8e0f0}.cb-tab--active{background:linear-gradient(135deg,#ffd70026,#ffd70014);border-color:gold;box-shadow:0 0 12px #ffd70026;color:gold}.cb-content{margin:0 auto;max-width:1100px}.cb-empty{color:#e8e0f080;font-size:1.1rem;padding:60px 20px;text-align:center}.cb-group{margin-bottom:32px}.cb-group-header{background:#ffffff08;border-left:4px solid #888;border-radius:6px;margin-bottom:12px;padding:12px 16px}.cb-group-header-top{align-items:center;display:flex;gap:10px;margin-bottom:8px}.cb-group-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.cb-group-name{color:#e8e0f0;flex:1 1;font-size:1.15rem;font-weight:700;margin:0}.cb-group-count{color:#e8e0f080;font-size:.85rem;font-weight:600;white-space:nowrap}.cb-group-bar-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden;width:100%}.cb-group-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.cb-set{margin-bottom:16px}.cb-set-label{color:#e8e0f080;font-size:.85rem;font-weight:600;letter-spacing:1px;margin:0 0 8px 4px;text-transform:uppercase}.cb-item-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}@media(max-width:768px){.cb-item-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.cb-item-grid{grid-template-columns:repeat(3,1fr)}}.cb-item-card{align-items:center;background:#140e28bf;border:1px solid #ffd7002e;border-radius:10px;cursor:default;display:flex;flex-direction:column;padding:10px 6px 8px;position:relative;transition:all .2s ease}.cb-item-card--seen{border-color:#ffd70080;box-shadow:0 0 12px #ffd70026}.cb-item-card--seen:hover{background:#1e163ad9;box-shadow:0 4px 20px #0006,0 0 12px #ffd70026;transform:translateY(-2px)}.cb-item-card--unseen{border-color:#ffffff0d;opacity:.7}.cb-item-img-wrap{align-items:center;display:flex;height:64px;justify-content:center;margin-bottom:6px;position:relative;width:64px}@media(max-width:480px){.cb-item-img-wrap{height:48px;width:48px}}.cb-item-img{max-height:100%;max-width:100%;object-fit:contain}.cb-item-img--silhouette{filter:brightness(0) saturate(0);opacity:.3}.cb-item-max-badge{background:linear-gradient(135deg,gold,#f59e0b);border-radius:4px;box-shadow:0 1px 4px #0000004d;color:#1a0a00;font-size:.55rem;font-weight:800;letter-spacing:.5px;padding:1px 5px;position:absolute;right:-6px;top:-4px}.cb-item-name{color:#e8e0f0;font-size:.7rem;font-weight:600;line-height:1.2;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.cb-item-card--unseen .cb-item-name,.cb-item-level{color:#e8e0f080}.cb-item-level{font-size:.6rem;font-weight:500;margin-top:2px}.cb-creature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr)}@media(max-width:768px){.cb-creature-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.cb-creature-grid{grid-template-columns:repeat(3,1fr)}}.cb-creature-card{align-items:center;background:#140e28bf;border:1px solid #ffd7002e;border-radius:12px;cursor:default;display:flex;flex-direction:column;padding:12px 8px 10px;position:relative;transition:all .2s ease}.cb-creature-card--owned{border-color:#c084fc66;box-shadow:0 0 10px #c084fc1a}.cb-creature-card--owned:hover{background:#1e163ad9;box-shadow:0 4px 20px #0006,0 0 12px #c084fc26;transform:translateY(-2px)}.cb-creature-card--locked{border-color:#ffffff0d;opacity:.7}.cb-creature-img-wrap{align-items:center;display:flex;height:72px;justify-content:center;margin-bottom:8px;width:72px}@media(max-width:480px){.cb-creature-img-wrap{height:56px;width:56px}}.cb-creature-img{max-height:100%;max-width:100%;object-fit:contain}.cb-creature-img--silhouette{filter:brightness(0) saturate(0);opacity:.3}.cb-creature-info{text-align:center}.cb-creature-name{color:#e8e0f0;font-size:.78rem;font-weight:700;line-height:1.2}.cb-creature-card--locked .cb-creature-name{color:#e8e0f080}.cb-creature-level{color:#c084fc;font-size:.65rem;font-weight:600;margin-top:2px}.cb-creature-element{color:#e8e0f080;font-size:.6rem;margin-top:2px;text-transform:capitalize}.trade-whole-wrapper{width:calc(100% - 200px)}@media(max-width:768px){.trade-whole-wrapper{padding:0 16px;padding:0 var(--mobile-padding);width:100%}}.trade-content-wrapper{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}@media(max-width:768px){.trade-content-wrapper{flex-direction:column;gap:12px;gap:var(--mobile-gap)}}.trade-own-items-overview{height:100%;max-width:50%;min-width:50%}@media(max-width:768px){.trade-own-items-overview{max-width:100%;min-width:100%}}.DescPrice{justify-content:space-between}.imgPlace{background-color:#555;margin:0;min-height:200px;width:200px}.ItemCard{border-radius:4px;padding:0 10px 10px;width:180px}@media(max-width:768px){.ItemCard{max-width:200px;width:calc(50% - 20px)}}@media(max-width:480px){.ItemCard{margin:6px;padding:0 8px 8px;width:calc(50% - 12px)}}.ItemNamePriceWrapper{padding-top:7px;width:100%}.DescPrice{align-items:center;display:flex;justify-content:center;margin:auto;padding:5px 0 12px;width:95%}.imgPlace{height:180px;max-height:180px;overflow:hidden;width:100%}.imgPlace img{background-color:#555;border-radius:4px 4px 0 0;height:100%;margin:0;object-fit:cover;width:100%}.ItemName{margin:0}.tag-Common{background-color:#555}.tag-Uncommon{background-color:#009216}.tag-Rare{background-color:#007bff}.tag-Epic{background-color:purple}.tag-Legendary{background-color:#daa520}.item-card-rarity-tag{border-color:#ccc;border-radius:7px;padding:3px 10px;position:absolute;right:5px;top:5px}.modal-rarity-tag{color:#fff}.ItemCard{align-items:center;border:1px solid #ccc;border-radius:0 0 4px 4px;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:flex;flex-direction:column;font-size:1rem;justify-content:flex-start;margin:10px;max-width:230px;padding:0;position:relative;width:18%}@media(max-width:768px){.ItemCard{margin:6px;max-width:none;width:45%}}@media(max-width:480px){.ItemCard{font-size:.85rem;margin:4px;width:44%}}.ItemNamePriceWrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:7px 0;width:95%}.BuyButton{background-color:#008013;border:none;border-radius:0 0 3px 3px;border-radius:3px;color:#fff;cursor:pointer;padding:10px 0;width:100%}.BuyButton:hover{background-color:#009216}.friendsContainer{box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding-bottom:80px;width:100%}.friendsTitle{color:#fff;font-size:36px;margin:10px;text-align:center;text-shadow:0 0 8px #7d2bff}.sectionLabel{color:#c9b6ff;display:block;font-family:Fredoka One,cursive;font-size:1.1rem;margin:0 0 .4rem .2rem;text-align:left}.searchBarWrapper{margin-bottom:1.6rem;position:relative;width:91%}.searchIcon{color:#af71ff;font-size:1.2rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.searchBar{background:#1d0033d9;border:2px solid #3d0a71;border-radius:10px;color:#e1d6ff;font-family:Fredoka One,cursive;font-size:16px;height:30px;outline:none;padding:12px 14px 12px 46px;transition:border .2s;width:100%}.searchBar::placeholder{color:#fff;font-family:Fredoka One,cursive;opacity:.8;padding:3px}.searchBar:focus{border-color:#af71ff;box-shadow:0 0 8px #af71ff;font-family:Fredoka One,cursive}.friendsGrid,.userSearch{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.userSearch{flex-wrap:nowrap;overflow-x:auto}.friendCard{align-items:center;background:linear-gradient(135deg,#1a002f,#29004a);border:2px solid #af71ff;border-radius:20px;box-shadow:0 0 12px #af71ff66;display:flex;flex-direction:column;padding:16px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:160px}.friendCard:hover{box-shadow:0 0 24px 6px #af71ffa6;transform:translateY(-6px)}.friendCard__avatar{position:relative}.friendCard__avatar img{border:3px solid #af71ff;border-radius:50%;box-shadow:0 0 10px #af71ff;height:84px;object-fit:cover;width:84px}.friendCard__avatar .friendCard__statusDot{border:2px solid #1a002f;border-radius:50%;bottom:4px;box-shadow:0 0 6px currentColor;height:14px;position:absolute;right:4px;width:14px}.friendCard__avatar .online{background-color:#2ecc71}.friendCard__avatar .offline{background-color:#e74c3c}.friendCard__details{margin-top:12px;text-align:center}.friendCard__name{color:#fff;font-family:Fredoka One,cursive;font-size:1.2rem;text-shadow:0 0 4px #af71ff}.friendCard__username{color:#c9b6ff;font-family:Fredoka One,cursive;font-size:.9rem;margin-top:4px}.friendCard__statusLabel{color:#999;font-size:.85rem;margin-top:6px}.emptyState{color:#c9b6ff;padding:60px 10px;text-align:center;width:100%}.emptyState img{filter:drop-shadow(0 0 15px #7d2bff);margin-bottom:20px;max-width:60%;width:220px}.emptyState.secondary img{width:160px}.emptyState p{font-family:Fredoka One,cursive;font-size:1.25rem}.dividing-line{border:1px solid #211f2d;margin:40px 5% 30px}.friendsHeader{align-items:center;background:linear-gradient(180deg,#1a0033,#250045);border:2px solid #af71ff;border-radius:100px;color:#e3dbff;display:flex;justify-content:flex-start;margin:20px auto;max-width:800px;padding:15px;width:100%}.friendsHeader img{filter:drop-shadow(0 0 8px #af71ff);flex-shrink:0;height:auto;width:70px;z-index:2}.shareMessage{color:#fff;font-family:Fredoka One,cursive;font-size:1.4rem;margin-right:20px;max-width:240px;padding-left:30px;text-align:left}.share-reward-text-container{display:inline-block;position:relative}.share-reward-text-outline{color:#0016bb;transform:translate(2px,2px);z-index:1}.share-reward-text-main,.share-reward-text-outline{font-size:25px;left:-27.5px;position:absolute;top:-24px}.share-reward-text-main{color:#fff;text-shadow:0 0 1px #006aff,0 0 3px #006aff;z-index:2}.share-reward-text-container-moonrock{display:inline-block;position:relative}.share-reward-text-main-moonrock{color:#fff;font-size:25px;left:-27.5px;position:absolute;text-shadow:0 0 1px #b700ff,0 0 3px #a0f;top:-24px;z-index:2}.share-reward-text-outline-moonrock{color:#8c00bb;font-size:25px;left:-27.5px;position:absolute;top:-24px;transform:translate(2px,2px);z-index:1}.share-reward-wrapper{align-items:center;animation:pulse-glow 10s ease-in-out infinite;background:#ffffff26;border:1.6px solid #6300dcb3;border-radius:16px;box-shadow:0 0 15px 4px #d978ff99,0 0 25px 8px #c58cff66,inset 0 0 20px #00000080;display:flex;flex-direction:row;gap:34px;justify-content:space-evenly;overflow:visible;padding:8px 18px;position:relative}.share-star-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:80px}.share-star-wrapper .share-star-image{max-width:60px}.shareButton{background-color:#9014f5;border:2px solid #7509cd;border-radius:12px;box-shadow:0 5px #59079c;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:25px;margin-left:auto;margin-right:50px;padding:5px 10px;position:relative;transition:background-color .3s,box-shadow .3s,transform .3s;width:200px}.shareButton:hover{background-color:#7509cd;box-shadow:0 2px #59079c;transform:translateY(4px)}.shareButton canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:-1}@keyframes pulse-glow{0%{box-shadow:0 0 3.5px 1px #ef73ffb3,0 0 6px 2px #be8cffb3,0 0 10px 2.5px #fff3,inset 0 0 20px #e97aff99}40%,60%{box-shadow:0 0 3px 1px #008cffcc,0 0 6px 2px #8420ffb3,0 0 10px 3px #fff6,inset 0 0 25px #0189ffb3}to{box-shadow:0 0 3.5px 1px #ea74ffb3,0 0 6px 2px #be8cffb3,0 0 10px 2.5px #fff3,inset 0 0 20px #e97aff99}}@media(max-width:768px){.friendsContainer{padding:0 16px 80px}.friendsHeader{align-items:center;border-radius:20px;flex-direction:column;gap:12px;margin:12px auto;max-width:100%;padding:20px 16px;text-align:center}.friendsHeader .shareMessage{font-size:1.1rem;margin:0;max-width:100%;padding-left:0;text-align:center}.friendsHeader .shareButton{font-size:20px;margin:8px auto 0;max-width:280px;min-height:48px;width:100%}.friendsHeader img{width:50px}.share-reward-wrapper{gap:20px;padding:8px 14px}.searchBarWrapper{margin-bottom:1rem;width:100%}.searchBar{font-size:16px;height:40px;padding:12px 14px 12px 44px}.sectionLabel{font-size:1rem;margin-left:0}.friendsGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);padding:12px 0}.friendCard{border-radius:16px;min-width:0;padding:14px 10px;width:100%}.friendCard__avatar img{height:64px;width:64px}.friendCard__name{font-size:1rem}.friendCard__username{font-size:.8rem}.emptyState{padding:40px 16px}.emptyState img{max-width:50%;width:180px}.emptyState p{font-size:1.1rem}.friends-search-dropdown-panel{border-radius:14px;margin:8px 0 20px}.friends-search-dropdown-row{min-height:52px;padding:12px}.friends-search-dropdown-user-avatar{height:38px;margin-right:10px;width:38px}.friends-search-dropdown-add{font-size:.85rem;min-height:36px;padding:8px 18px}.dividing-line{margin:24px 0 20px}}@media(max-width:480px){.friendsContainer{padding:0 12px 80px}.friendsHeader{border-radius:16px;padding:16px 12px}.friendsHeader .shareMessage{font-size:1rem}.friendsHeader .shareButton{font-size:18px;padding:8px 10px}.share-reward-wrapper{border-radius:12px;gap:12px;padding:6px 10px}.share-star-wrapper .share-star-image{max-width:44px}.friendsGrid{gap:8px}.friendCard{border-radius:14px;padding:12px 8px}.friendCard__avatar img{height:56px;width:56px}.friendCard__name{font-size:.9rem}.friendCard__username{font-size:.75rem}}.friends-search-dropdown-enter{max-height:0;opacity:0;transform:scaleY(.95)}.friends-search-dropdown-enter-active{transition:all .3s ease}.friends-search-dropdown-enter-active,.friends-search-dropdown-exit{max-height:1000px;opacity:1;transform:scaleY(1)}.friends-search-dropdown-exit-active{max-height:0;opacity:0;transform:scaleY(.95);transition:all .3s ease}.friends-search-dropdown-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1d0033eb;border:1.5px solid #3d0a71;border-radius:16px;box-shadow:0 0 12px #7d2bff99;margin:10px 0 30px;overflow:hidden;padding:12px}.friends-search-dropdown-list{display:flex;flex-direction:column}.friends-search-dropdown-row{align-items:center;border-bottom:1px solid #472180;display:flex;justify-content:space-between;padding:12px 14px}.friends-search-dropdown-row:last-child{border-bottom:none}.friends-search-dropdown-row:hover{background-color:#7d2bff0d}.friends-search-dropdown-user{align-items:center;display:flex}.friends-search-dropdown-user-avatar{border:2px solid #af71ff;border-radius:50%;box-shadow:0 0 5px #af71ff66;height:42px;margin-right:12px;object-fit:cover;width:42px}.friends-search-dropdown-user-text .user-name{color:#fff;font-family:Fredoka One,cursive;font-size:1rem;text-shadow:0 0 2px #af71ff}.friends-search-dropdown-user-text .user-handle{color:#c9b6ff;font-family:Fredoka One,cursive;font-size:.8rem}.friends-search-dropdown-tag{background:#2ecc71;border-radius:20px;box-shadow:0 0 4px rgba(46,204,113,.667);color:#fff;font-family:Fredoka One,cursive;font-size:.75rem;padding:4px 10px}.friends-search-dropdown-add{background:linear-gradient(145deg,#8f3aff,#bf6bff);border:none;border-radius:20px;box-shadow:0 0 4px #af71ff99,0 0 8px #af71ff66,inset 0 0 6px #ffffff0d;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:.85rem;padding:6px 16px;transition:all .3s ease}.friends-search-dropdown-add:hover{background:linear-gradient(145deg,#a855ff,#d28dff);box-shadow:0 0 4px #c391ffcc,0 0 8px #af71ff99,inset 0 0 8px #ffffff12;transform:scale(1.05)}.friends-search-dropdown-add:active{box-shadow:0 0 6px #af71ff66,inset 0 0 6px #ffffff08;transform:scale(.96)}.message-container{align-items:stretch;box-sizing:border-box;display:flex;font-family:Fellix-SemiBold;gap:24px;min-height:100dvh;padding:80px 24px 24px;position:relative;width:100%}.message-container h2{color:#fff;left:24px;margin:0;position:absolute;right:24px;text-align:center;top:24px}.message-container .user-list{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;flex:0 0 240px;max-height:calc(100dvh - 104px);overflow-y:auto;padding:10px}.message-container .user-list .user{border-bottom:1px solid #eee;color:#333;cursor:pointer;font-size:16px;padding:10px}.message-container .user-list .user:hover{background-color:#f7f7f7}.message-container .user-list .user:last-child{border-bottom:none}.message-container .user-list .user.active{background-color:#007bff;color:#fff;font-weight:700}.message-container .chat-container{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;max-height:calc(100dvh - 104px);min-width:0}.message-container .chat-container .chat-history{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto;padding:12px}.message-container .chat-container .chat-history .message{word-wrap:break-word;border-radius:12px;display:inline-block;font-size:16px;margin-bottom:10px;max-width:70%;min-width:50px;padding:10px 12px}.message-container .chat-container .chat-history .message.received{align-self:flex-start;background-color:#f1f1f1;color:#333}.message-container .chat-container .chat-history .message.sent{align-self:flex-end;background-color:#007bff;color:#fff}.message-container .chat-container .message-input{align-items:center;background-color:#f9f9f9;border-top:1px solid #eee;display:flex;gap:8px;padding:12px}.message-container .chat-container .message-input input{border:1px solid #ccc;border-radius:6px;flex:1 1 auto;font-size:16px;min-width:0;padding:10px}.message-container .chat-container .message-input button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Fellix-SemiBold;font-size:16px;padding:11px 20px}.message-container .chat-container .message-input button:hover{background-color:#0056b3}@media(max-width:768px){.message-container{flex-direction:column;gap:0;min-height:100dvh;padding:60px 16px 16px}.message-container h2{font-size:1.3rem;left:16px;right:16px;top:16px}.message-container .user-list{-webkit-overflow-scrolling:touch;border-bottom:2px solid #007bff;border-radius:12px 12px 0 0;display:flex;flex:0 0 auto;flex-direction:row;gap:0;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px 8px;white-space:nowrap}.message-container .user-list .user{align-items:center;border-bottom:none;border-right:1px solid #eee;display:flex;flex:0 0 auto;font-size:14px;justify-content:center;min-height:44px;min-width:80px;padding:10px 16px;text-align:center}.message-container .user-list .user:last-child{border-right:none}.message-container .user-list .user.active{background-color:#007bff;border-radius:8px;color:#fff}.message-container .chat-container{border-radius:0 0 12px 12px;border-top:none;flex:1 1 auto;max-height:none;min-height:0}.message-container .chat-container .chat-history{-webkit-overflow-scrolling:touch;padding:10px}.message-container .chat-container .chat-history .message{border-radius:16px;font-size:15px;max-width:85%;padding:10px 14px}.message-container .chat-container .chat-history .message.sent{border-bottom-right-radius:4px}.message-container .chat-container .chat-history .message.received{border-bottom-left-radius:4px}.message-container .chat-container .message-input{gap:8px;padding:10px 12px}.message-container .chat-container .message-input input{border-radius:12px;font-size:16px;min-height:44px;padding:12px}.message-container .chat-container .message-input button{border-radius:12px;font-size:16px;min-height:44px;min-width:70px;padding:12px 18px}}@media(max-width:480px){.message-container{padding:52px 12px 12px}.message-container h2{font-size:1.1rem;top:12px}.message-container .user-list{padding:2px 6px}.message-container .user-list .user{font-size:13px;min-width:70px;padding:8px 12px}.message-container .chat-container .chat-history .message{font-size:14px;max-width:90%;padding:8px 12px}.message-container .chat-container .message-input{padding:8px 10px}.message-container .chat-container .message-input input{font-size:15px;padding:10px}.message-container .chat-container .message-input button{font-size:15px;min-width:60px;padding:10px 14px}}.game-board-page-background{align-items:center;background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/background-merge-game-desktop.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;margin:0 auto;overflow:hidden;position:relative;touch-action:pan-x pan-y;width:100%}.game-board-page-background:before{background:radial-gradient(circle,#0006 10%,#000000e6 80%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.game-board-page-background>*{position:relative;z-index:2}.game-board-page-background .game-board-build-button,.game-board-page-background .game-board-home-button,.game-board-page-background .game-board-hud,.game-board-page-background .game-board-producers-button,.game-board-page-background .game-board-study-button,.game-board-page-background .game-board-wormhole-button{z-index:10}@media(max-width:1023px){.game-board-page-background{align-items:center;background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/game-board-page-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:flex-start;left:0;margin:0;overflow:hidden;padding-bottom:0;padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-top);position:fixed;top:0;width:100vw}}.game-board-container{aspect-ratio:7/9;background-color:#0000;border-radius:30px;box-shadow:0 0 15px #0003;margin:0 auto;max-width:490px;padding:0;position:relative;touch-action:none;transform:translateZ(0);will-change:transform}@media(max-width:1023px){.game-board-container{border-radius:16px;max-width:none;overflow:visible;width:-webkit-fit-content;width:fit-content}}@media(max-width:480px){.game-board-container{border-radius:12px}}.game-board-container canvas{border-radius:inherit;display:block;margin:0 auto}.game-board-item{background-color:#ffffffd9;border:1px solid #ccc;height:52px;position:absolute;transition:transform .5s ease;width:52px;will-change:transform}.game-board-item:nth-child(2n){background-color:#fffffff2}.game-board-item:first-child{border-top-left-radius:10px}.game-board-item:nth-child(7){border-top-right-radius:10px}.game-board-item:nth-child(57){border-bottom-left-radius:10px}.game-board-item:nth-child(63){border-bottom-right-radius:10px}.game-board-item{border:none;transition:background-color .3s ease}.game-board-item img{height:100%;max-width:100%;object-fit:cover;transition:transform .3s ease}.game-board-item.dropping img{animation:scaleUp .3s ease forwards}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.game-board-item.merging img{animation:bounce .4s ease forwards}.game-board-bar-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative}.game-board-bar-container-last{transform:translateY(-10px)}.game-board-bar-outer{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#6200bfa6,#00003a99);border:1.5px solid #ffffff4d;border-radius:20px;box-shadow:inset 0 0 8px #ffffff1a,0 0 8px #7c3dff66,0 0 16px #20086080;color:#fff;display:flex;font-family:Fredoka One,cursive;font-size:.85rem;height:22px;justify-content:flex-start;left:20px;padding-bottom:2px;padding-left:18px;padding-top:2px;position:absolute;top:9px;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;width:110px}.game-board-bar-outer:hover{border-color:#ffffff73;box-shadow:inset 0 0 8px #ffffff1a,0 0 12px #7c3dff99,0 0 22px #af71ff59}@media(max-width:1023px){.game-board-bar-outer{font-size:.6rem;height:14px;padding-left:12px;width:60px}}.game-board-bar-outer .game-board-bar-inner{border-radius:10px;height:100%;transition:width .5s ease-in-out}.game-board-item-star{margin-bottom:20px;margin-right:50px;position:relative;width:140px}@media(max-width:1023px){.game-board-item-star{flex-shrink:0;margin-bottom:0;margin-right:0;width:auto}}.game-board-item-level{align-items:center;display:flex;font-family:Fredoka One,cursive;justify-content:center;position:absolute;right:10px;top:20px;width:140px}@media(max-width:1023px){.game-board-item-level{flex-shrink:0;position:absolute;width:auto}}.game-board-item-level svg{filter:drop-shadow(0 0 6px rgba(0,200,255,.6))}.game-board-item-coins{margin-bottom:20px;margin-right:50px;width:140px}@media(max-width:1023px){.game-board-item-coins{flex-shrink:0;margin-bottom:0;margin-right:0;width:auto}}.game-board-item-moonrock{margin-bottom:20px;margin-right:50px;width:140px}@media(max-width:1023px){.game-board-item-moonrock{flex-shrink:0;margin-bottom:0;margin-right:0;width:auto}}.game-board-item-icon{height:40px;margin-right:-19px;padding:2px;z-index:3}@media(max-width:1023px){.game-board-item-icon{height:30px;margin-right:-29px;padding:2px;z-index:3}}.game-board-item-icon-star{height:40px;margin-right:-19px;padding:2px;z-index:3}@media(max-width:1023px){.game-board-item-icon-star{height:30px;margin-right:-29px;padding:2px;z-index:3}}.game-board-item-icon-coin{height:43px;margin-right:-10px;padding:2px;transform:translate(-4px,-2px);z-index:3}@media(max-width:1023px){.game-board-item-icon-coin{height:37px;margin-right:-29px;padding:2px;z-index:3}}.game-board-hud{align-items:center;display:flex;flex-direction:column;justify-content:space-between;left:10px;margin-top:20px;position:absolute;top:10px;width:250px;z-index:10}@media(max-width:1023px){.game-board-hud{flex-direction:row;flex-shrink:0;position:relative}}.game-board-message-popup{background-color:#000000b3;border-radius:5px;color:#fff;font-family:Arial,sans-serif;left:50%;padding:10px;position:absolute;top:10px;transform:translateX(-50%);z-index:100}@media(max-width:1023px){.game-board-message-popup{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;border-radius:12px;bottom:calc(130px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom) + 70px);font-size:.9rem;padding:8px 16px;position:fixed;top:auto}}.countdown-timer-wrap{align-items:flex-start;display:flex;flex-direction:row;gap:3px;left:34px;position:absolute;top:35px}@media(max-width:1023px){.countdown-timer-wrap{left:34px;top:26px}}.countdown-timer{background-color:#0006;border:1px solid #fff;border-radius:8px;border-top-left-radius:0;border-top-right-radius:0;color:#fff;font-family:Fredoka One,cursive;font-size:.8rem;min-width:44px;padding:2px 8px;text-align:left;transform:translateY(2px);white-space:nowrap;width:auto}@media(max-width:1023px){.countdown-timer{font-size:.6rem}}.countdown-hint{color:#ffffffe6;font-family:Fredoka One,cursive;font-size:8px;font-weight:900;height:auto;letter-spacing:.02em;line-height:1;padding-left:2px;text-shadow:0 1px 2px #00000073;text-transform:uppercase;transform:translateY(5px);width:80px}.game-board-bar-content{align-items:flex-start;display:flex;flex-direction:column;transform:translate(-24.5px,-20px)}.game-board-bar-text-stars{color:#151c48;font-family:Fredoka One,cursive;font-size:.9rem}.game-board-study-button{background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/book-quiz-icon.png);background-repeat:no-repeat;background-size:contain;bottom:7px;cursor:pointer;height:140px;left:14px;position:absolute;transition:transform .15s ease,filter .15s ease;width:140px;z-index:1000}.game-board-study-button:hover{filter:brightness(1.1);transform:scale(1.05)}.game-board-study-button:active{transform:scale(.95)}.game-board-study-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:1023px){.game-board-study-button{bottom:calc(env(safe-area-inset-bottom, 0px) + 6px)!important;bottom:calc(var(--safe-bottom, 0px) + 6px)!important;height:44px;left:10%!important;min-height:44px;min-width:44px;position:fixed;right:auto!important;width:44px}}.game-board-build-button{background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/build-hammer-icon.png);background-repeat:no-repeat;background-size:contain;bottom:7px;cursor:pointer;height:150px;position:absolute;right:10px;transition:transform .15s ease,filter .15s ease;width:150px;z-index:1000}.game-board-build-button:hover{filter:brightness(1.1);transform:scale(1.05)}.game-board-build-button:active{transform:scale(.95)}.game-board-build-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:1023px){.game-board-build-button{bottom:calc(68px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom) + 8px);height:52px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);position:fixed;right:12px;width:52px}}.game-board-home-button{background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/home-3d-icon.png);background-repeat:no-repeat;background-size:contain;bottom:160px;cursor:pointer;height:137px;left:17px;position:absolute;transition:transform .15s ease,filter .15s ease;width:137px;z-index:1000}.game-board-home-button:hover{filter:brightness(1.1);transform:scale(1.05)}.game-board-home-button:active{transform:scale(.95)}.game-board-home-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:1023px){.game-board-home-button{bottom:calc(68px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom) + 8px);height:52px;left:50%;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);position:fixed;transform:translateX(-50%);width:52px}}.build-game-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999999999}.build-game-modal-content{background:linear-gradient(135deg,#fff,#fff2e6 40%,#e1d5e7 70%,#fff);border:6px solid #f6c;border-radius:12px;box-shadow:0 4px 12px #0000004d;max-height:80vh;max-width:600px;padding:16px;position:relative;width:85vw}@media(max-width:1023px){.build-game-modal-content{border-radius:16px;border-width:4px;max-height:90vh;max-height:90dvh;max-width:none;padding:12px;width:95vw}}.build-game-modal-content:before{background:linear-gradient(135deg,#fff,#fff2e6 40%,#e1d5e7 70%,#fff);border:1px solid #60c;border-radius:16px;bottom:-16px;box-shadow:0 8px 16px #00000080;content:"";left:-16px;pointer-events:none;position:absolute;right:-16px;top:-16px;z-index:-1}.build-game-modal-content:after{background-color:#cf68ee;border:2px solid #500082;border-radius:20px;bottom:-20px;content:"";left:-20px;pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:-2}.build-game-modal-close{align-items:center;cursor:pointer;display:flex;height:70px;justify-content:center;position:absolute;right:0;top:0;transition:transform .2s ease,box-shadow .2s ease;width:70px;z-index:100}.build-game-modal-close:hover{transform:scale(1.1)}.build-game-modal-close:active{transform:scale(.95)}.build-game-modal-close:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}.build-modal-enter{opacity:0;transform:scale(.9)}.build-modal-enter-active{transition:opacity .4s ease-in-out,transform .4s ease-in-out}.build-modal-enter-active,.build-modal-exit{opacity:1;transform:scale(1)}.build-modal-exit-active{opacity:0;transform:scale(.9);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.build-game-modal-close img{height:100%;object-fit:contain;pointer-events:none;width:100%}.build-game-modal-header{margin-bottom:8px;padding-top:50px;text-align:center}.build-game-modal-header .build-game-modal-header-text{color:#e85f9f;font-size:16px;font-weight:700}.build-game-modal-list{background-color:#fffcf9;border:2px solid #dcdcdc;border-radius:12px;box-shadow:inset 0 3px 6px #0000001a,0 4px 8px #0003;height:60vh;margin-bottom:10px;margin-top:23px;padding:12px}.build-game-modal-list::-webkit-scrollbar{width:8px}.build-game-modal-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff8c00,#ffa12e,#9c24ff,#4e20b2);border-radius:4px;box-shadow:inset 0 1px 3px #0000004d}.build-game-modal-list::-webkit-scrollbar-track{background:#ffffffe6;border-radius:4px}.build-game-modal-row{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-evenly;padding:30px 0}.build-game-modal-row:last-child{border-bottom:none}@media(max-width:1023px){.build-game-modal-row{flex-wrap:nowrap;gap:8px;padding:16px 0}}@media(max-width:480px){.build-game-modal-row{padding:12px 0}}.build-game-modal-row-left{align-items:center;background:#fff;border:2px solid #4a00e0;border-radius:12px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;height:150px;margin:10px;overflow:visible;position:relative;width:100px}.build-game-modal-row-level-badge{border-radius:50%;color:#000;height:40px;left:-10px;overflow:visible;position:absolute;top:-16px;width:40px;z-index:1000}.build-game-modal-row-level-badge,.build-game-modal-row-level-bar{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center}.build-game-modal-row-level-bar{background:linear-gradient(135deg,#8e2de2,#4a00e0);border-bottom:2px solid #4a00e0;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 3px 6px #0006,inset 0 -2px 4px #fff3;color:#fff;height:30px;position:relative;text-shadow:1px 1px 2px #0009;width:100%;z-index:1}.build-game-modal-row-image-wrapper{align-items:center;background:radial-gradient(circle,#fffc 0,#fff9 50%,#20049a33 100%);box-shadow:0 4px 10px #0000004d,inset 0 -3px 6px #f8861b33;display:flex;flex:1 1;height:100%;isolation:isolate;justify-content:center;overflow:hidden;position:relative;width:100%}.build-game-modal-row-image-wrapper:before{background:radial-gradient(circle,#fff9 0,#6300ce33 60%,#5800961a 100%);content:"";filter:blur(30px);height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:0}.build-game-modal-row-image{height:100%;width:100%}.build-game-modal-row-group-bar{align-items:center;background-color:#f2f2f2;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:2px solid #4a00e0;box-shadow:0 -2px 4px #0000001a;color:#333;display:flex;font-size:14px;font-weight:700;height:30px;justify-content:center;position:relative;width:100%}.build-game-modal-row-image{height:70px;object-fit:cover;padding-top:4px;width:70px}.build-game-modal-row-level{color:#555;font-size:14px;font-weight:700}.build-game-modal-row-right{align-items:center;display:flex;height:auto;justify-content:center;width:auto}.build-game-modal-row-coin-wrapper{align-items:center;display:flex;justify-content:flex-start;margin-left:40px;width:100px}.build-game-modal-row-coin{height:24px;margin-right:4px;width:24px}.build-game-modal-row-coin-amount{color:#333;font-size:16px;font-weight:700;margin-right:8px}.build-game-modal-upgrade-button-container{display:inline-block;height:auto;width:180px}.build-game-modal-upgrade-button{align-items:center;background-color:#ffb26a;border:1.6px solid #fff;border-radius:15px;box-shadow:0 5px #824800;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.4rem;font-weight:700;height:50px;justify-content:center;outline:none;padding:10px 20px;position:relative;text-shadow:1px 1px 2px #00000080;transition:all .4s ease-in-out;width:160px}.build-game-modal-upgrade-button:hover{background-color:#ff9839;box-shadow:0 5px #022407;cursor:pointer;transform:translateY(-2px)}.build-game-modal-upgrade-button:hover:not(.disabled-button){filter:brightness(1.1)}.build-game-modal-upgrade-button:active:not(.disabled-button){box-shadow:0 2px #824800;transform:translateY(2px)}.build-game-modal-upgrade-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:1023px){.build-game-modal-upgrade-button{font-size:1.1rem;height:48px;min-height:44px;min-height:var(--tap-target-min);padding:8px 12px;width:120px}}@media(max-width:480px){.build-game-modal-upgrade-button{font-size:1rem;padding:6px 10px;width:100px}}.upgrade-text{color:#000;font-size:18px;font-weight:700;margin-bottom:3px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.upgrade-cost{align-items:center;display:flex;gap:2px;justify-content:center}.upgrade-cost-icon{height:30px;transform:translateY(-1px)}.upgrade-cost-amount{color:#fff;font-size:18px;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.disabled-button{cursor:default;filter:grayscale(97%)}.build-game-modal-list{flex:1 1;overflow-y:auto}.build-game-modal-banner{filter:drop-shadow(4px 4px 6px rgba(0,0,0,.67));left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:300px}.build-game-modal-prestige-section{border-top:1px solid #8c78ff26;display:flex;justify-content:center;padding:12px 16px 16px}.build-game-modal-prestige-button{align-items:center;background:linear-gradient(135deg,#643cc833,#8c50ff26);border:1px solid #8c64ff4d;border-radius:12px;color:#c4b5fd;cursor:pointer;display:flex;font:700 14px/1 Fredoka,Inter,system-ui,sans-serif;gap:8px;padding:10px 24px;transition:background .15s ease,box-shadow .15s ease,transform .06s ease}.build-game-modal-prestige-button:hover{background:linear-gradient(135deg,#643cc859,#8c50ff40);box-shadow:0 4px 16px #7c3aed40}.build-game-modal-prestige-button:active{transform:translateY(1px)}.prestige-button-icon{height:22px;width:22px}.prestige-button-text{letter-spacing:.02em}.modal-resource-holder{background:linear-gradient(135deg,#fff,#fff);border:2px solid #ff981b;border-radius:25px;box-shadow:0 4px 8px #ffb70e4d;height:17px;margin:10px auto;overflow:hidden;overflow:visible;padding:5px 15px;position:relative;width:auto;width:140px}.modal-resource-holder,.resource-icon-wrapper{align-items:center;display:flex;justify-content:center}.resource-icon-wrapper{border-radius:50%;height:50px;left:-23px;margin-right:10px;position:absolute;width:50px}.resource-icon{height:100%;object-fit:contain;width:100%}.resource-text-wrapper{align-items:center;border-radius:20px;display:flex;display:inline-block;justify-content:center;min-width:80px;padding:5px 15px;position:relative}.resource-text-outline{color:#693600;pointer-events:none;transform:translate(1px,2px);z-index:1}.resource-text-main,.resource-text-outline{font-size:20px;left:30px;position:absolute;top:-7px}.resource-text-main{color:#fff;text-shadow:0 0 1px #c37f00,0 0 3px #c37f00}.mergegame-resource-text-container{display:inline-block;font-size:1rem;margin-left:6px;position:relative;transform:translateY(0)}.mergegame-text-outline-coins{color:#000;left:0;position:absolute;top:0;transform:translate(1px,1.2px);z-index:1}.mergegame-text-main-coins{color:#fff;position:relative;text-shadow:0 0 1px #c37f00,0 0 2px #c37f00;z-index:2}.mergegame-text-outline-moonrock{color:#000;left:0;position:absolute;top:0;transform:translate(1px,1.2px);z-index:1}.mergegame-text-main-moonrock{color:#fff;position:relative;text-shadow:0 0 1px #5900ff,0 0 2px #5900ff;z-index:2}.mergegame-text-outline-stars{color:#000;left:0;position:absolute;top:0;transform:translate(1px,1.2px);z-index:1}.mergegame-text-main-stars{color:#fff;position:relative;text-shadow:0 0 1px #007bff,0 0 2px #3b93f0;z-index:2}.game-board-producers-button{background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/producers-game-icon.png);background-repeat:no-repeat;background-size:contain;bottom:170px;cursor:pointer;height:150px;position:absolute;right:10px;transition:transform .15s ease,filter .15s ease;width:150px;z-index:1000}.game-board-producers-button:hover{filter:brightness(1.1);transform:scale(1.05)}.game-board-producers-button:active{transform:scale(.95)}.game-board-producers-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:1023px){.game-board-producers-button{bottom:calc(128px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom) + 68px);height:48px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);position:fixed;right:12px;width:48px}}.game-board-wormhole-button{background-image:url(https://moonrock-images.s3.us-east-2.amazonaws.com/WormholeHUD.png);background-repeat:no-repeat;background-size:contain;bottom:330px;cursor:pointer;height:125px;position:absolute;right:25px;transition:transform .15s ease,filter .15s ease;width:125px;z-index:1000}.game-board-wormhole-button:hover{filter:brightness(1.1);transform:scale(1.05)}.game-board-wormhole-button:active{transform:scale(.95)}.game-board-wormhole-button:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:1023px){.game-board-wormhole-button{bottom:calc(184px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--tab-bar-height, 60px) + var(--safe-bottom) + 124px);height:48px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);position:fixed;right:12px;width:48px}.game-board-hud{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;gap:2px;justify-content:center;left:0;margin:0;max-width:none;padding:4px 0;position:fixed;right:0;top:calc(env(safe-area-inset-top, 0px) + 4px);top:calc(var(--safe-top, 0px) + 4px);width:auto;z-index:12}.game-board-hud .game-board-item-coins,.game-board-hud .game-board-item-moonrock,.game-board-hud .game-board-item-star{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.game-board-hud .game-board-bar-container{align-items:center;display:flex;flex-direction:row;position:relative}.game-board-hud .game-board-bar-container-last{transform:none}.game-board-hud .game-board-bar-content{align-items:flex-start;display:flex;flex-direction:column;gap:0;transform:none}.game-board-hud .game-board-bar-outer{align-items:center;background:#fff2e6;border:1.5px solid #7e5be9;border-radius:999px;box-shadow:0 4px 10px #7b00ff26;display:flex;font-size:.82rem;height:18px;justify-content:center;margin-left:-14px;min-width:64px;padding:0 8px 0 16px;position:static;width:auto}.game-board-hud .game-board-item-icon,.game-board-hud .game-board-item-icon-star{filter:drop-shadow(0 2px 4px rgba(123,0,255,.2));height:30px;margin-right:0;padding:0;z-index:3}.game-board-hud .game-board-item-icon-coin{filter:drop-shadow(0 2px 4px rgba(123,0,255,.2));height:32px;margin-right:0;padding:0;transform:translate(-2px,-1px);z-index:3}.game-board-hud .mergegame-resource-text-container{align-items:center;display:flex;font-size:.82rem;margin-left:2px;transform:none}.game-board-hud .mergegame-text-outline-coins,.game-board-hud .mergegame-text-outline-moonrock,.game-board-hud .mergegame-text-outline-stars{display:none}.game-board-hud .mergegame-text-main-coins,.game-board-hud .mergegame-text-main-moonrock,.game-board-hud .mergegame-text-main-stars{color:#4a1fb8;font-size:.82rem;line-height:18px;position:relative;text-shadow:none}.game-board-hud .countdown-timer-wrap{display:none}.game-board-item-level{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff2e6;border:none;border-radius:50%;box-shadow:0 3px 8px #7b00ff26;display:flex;height:34px;justify-content:center;left:auto;margin:0;padding:2px;position:fixed;right:8px;top:calc(env(safe-area-inset-top, 0px) + 2px);top:calc(var(--safe-top, 0px) + 2px);width:34px;z-index:13}.game-board-item-level svg{filter:none}.character-orders-wrapper{bottom:calc(env(safe-area-inset-bottom, 0px) + 507px);bottom:calc(var(--safe-bottom, 0px) + 66px + var(--board-height, 441px) + var(--board-center-offset, 0px));left:0;margin:0 auto;max-width:490px;position:fixed;right:0;width:97%;z-index:9}.orders-toggle-handle{display:none!important}.character-orders{align-items:flex-end;gap:6px;padding:0 6px 2px}.game-board-container{bottom:calc(env(safe-area-inset-bottom, 0px) + 62px);bottom:calc(var(--safe-bottom, 0px) + 62px + var(--board-center-offset, 0px));left:0;margin:0 auto;max-width:none;overflow:visible;position:fixed;right:0;width:-webkit-fit-content;width:fit-content;z-index:8}.game-board-page-background:after{background:linear-gradient(180deg,#0000 25%,#7e5be92e 40%,#7e5be92e 60%,#0000 75%) 20% 0/1px 100% no-repeat,linear-gradient(180deg,#0000 25%,#7e5be92e 40%,#7e5be92e 60%,#0000 75%) 40% 0/1px 100% no-repeat,linear-gradient(180deg,#0000 25%,#7e5be92e 40%,#7e5be92e 60%,#0000 75%) 60% 0/1px 100% no-repeat,linear-gradient(180deg,#0000 25%,#7e5be92e 40%,#7e5be92e 60%,#0000 75%) 80% 0/1px 100% no-repeat,#fff2e6;border-top:2px solid #7e5be9;bottom:0;box-shadow:0 -4px 16px #7e5be91a;content:"";height:calc(env(safe-area-inset-bottom, 0px) + 54px);height:calc(var(--safe-bottom, 0px) + 54px);left:0;pointer-events:none;position:fixed;right:0;z-index:999}.game-board-build-button,.game-board-home-button,.game-board-producers-button,.game-board-study-button,.game-board-wormhole-button{bottom:calc(env(safe-area-inset-bottom, 0px) + 6px)!important;bottom:calc(var(--safe-bottom, 0px) + 6px)!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:44px!important;left:auto;min-height:44px;min-width:44px;position:fixed;right:auto!important;top:auto;width:44px!important;z-index:1000}.game-board-study-button{left:10%!important;transform:translateX(-50%)}.game-board-wormhole-button{left:30%;transform:translateX(-50%)}.game-board-home-button{left:50%;transform:translateX(-50%)}.game-board-producers-button{left:70%;transform:translateX(-50%)}.game-board-build-button{left:90%;transform:translateX(-50%)}}@media(max-width:480px){.game-board-hud{gap:1px;padding:4px 0;right:0}.game-board-hud .game-board-bar-outer{font-size:.72rem;height:16px;min-width:54px;padding:0 6px 0 12px}.game-board-hud .game-board-item-icon,.game-board-hud .game-board-item-icon-star{height:26px}.game-board-hud .game-board-item-icon-coin{height:28px}.game-board-hud .mergegame-text-main-coins,.game-board-hud .mergegame-text-main-moonrock,.game-board-hud .mergegame-text-main-stars{font-size:.72rem;line-height:16px}.game-board-hud .mergegame-resource-text-container{font-size:.72rem}.game-board-item-level{box-shadow:0 2px 6px #7b00ff1f;height:30px;right:6px;width:30px}.character-orders-wrapper{bottom:calc(env(safe-area-inset-bottom, 0px) + 505px);bottom:calc(var(--safe-bottom, 0px) + 64px + var(--board-height, 441px) + var(--board-center-offset, 0px))}.game-board-build-button,.game-board-home-button,.game-board-producers-button,.game-board-study-button,.game-board-wormhole-button{height:40px;width:40px}}@media(min-width:769px)and (max-width:1023px){.game-board-hud{gap:8px}.game-board-hud .game-board-bar-outer{border-radius:999px;font-size:.92rem;height:24px;min-width:80px;padding:0 12px 0 22px}.game-board-hud .game-board-item-icon,.game-board-hud .game-board-item-icon-star{height:36px}.game-board-hud .game-board-item-icon-coin{height:38px}.game-board-hud .mergegame-text-main-coins,.game-board-hud .mergegame-text-main-moonrock,.game-board-hud .mergegame-text-main-stars{font-size:.92rem;line-height:24px}.game-board-item-level{height:42px;width:42px}.game-board-build-button,.game-board-home-button,.game-board-producers-button,.game-board-study-button,.game-board-wormhole-button{bottom:calc(env(safe-area-inset-bottom, 0px) + 10px)!important;bottom:calc(var(--safe-bottom, 0px) + 10px)!important;height:64px!important;min-height:64px;min-width:64px;width:64px!important}.game-board-build-button img,.game-board-home-button img,.game-board-producers-button img,.game-board-study-button img,.game-board-wormhole-button img{height:100%!important;width:100%!important}.game-board-page-background:after{height:calc(env(safe-area-inset-bottom, 0px) + 80px);height:calc(var(--safe-bottom, 0px) + 80px)}}@media(max-width:1023px)and (max-height:700px){.game-board-container{width:-webkit-fit-content;width:fit-content}}.merge-tutorial-overlay{align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#000000b3;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .35s ease;z-index:999999}.merge-tutorial-overlay--enter{opacity:1}.merge-tutorial-overlay--exit{opacity:0;pointer-events:none}.merge-tutorial-content{align-items:center;animation:merge-tutorial-pop-in .4s cubic-bezier(.34,1.56,.64,1) .1s forwards;background:linear-gradient(145deg,#6200bfd9,#1e0050e6);border:2px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #00000080,inset 0 0 20px #7c3dff26;display:flex;flex-direction:column;gap:20px;max-width:340px;padding:32px 28px 28px;transform:scale(.9);width:90vw}@keyframes merge-tutorial-pop-in{to{transform:scale(1)}}.merge-tutorial-animation{height:100px;position:relative;width:180px}.merge-tutorial-animation,.merge-tutorial-item{align-items:center;display:flex;justify-content:center}.merge-tutorial-item{background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 8px #0000004d;height:56px;position:absolute;width:56px}.merge-tutorial-item img{height:80%;object-fit:contain;pointer-events:none;width:80%}.merge-tutorial-item--left{left:16px;top:50%;transform:translateY(-50%)}.merge-tutorial-item--right{right:16px;top:50%;transform:translateY(-50%)}.merge-tutorial-hand{animation:merge-tutorial-drag 2.4s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));pointer-events:none;position:absolute}.merge-tutorial-hand svg{display:block}@keyframes merge-tutorial-drag{0%{left:28px;opacity:.7;top:50%;transform:translate(-20%,-30%) scale(1)}10%{opacity:1;transform:translate(-20%,-30%) scale(1.05)}50%{left:100px;opacity:1;top:50%;transform:translate(-20%,-30%) scale(1.05)}55%{opacity:1;transform:translate(-20%,-30%) scale(1.15)}65%{opacity:.6;transform:translate(-20%,-30%) scale(1)}80%,to{left:28px;opacity:0;top:50%;transform:translate(-20%,-30%) scale(1)}}.merge-tutorial-text{color:#fff;font-family:Fredoka One,cursive;font-size:1.2rem;line-height:1.4;margin:0;padding:0 8px;text-align:center;text-shadow:0 2px 4px #0006}.merge-tutorial-dismiss{background:linear-gradient(135deg,#ff8c00,#ffb347);border:2px solid #fff6;border-radius:999px;box-shadow:0 4px 0 #b35f00,0 6px 16px #0000004d;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.1rem;min-height:44px;min-width:44px;padding:10px 36px;text-shadow:0 1px 2px #0000004d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.merge-tutorial-dismiss:hover{box-shadow:0 6px 0 #b35f00,0 8px 20px #00000059;filter:brightness(1.1);transform:translateY(-2px)}.merge-tutorial-dismiss:active{box-shadow:0 2px 0 #b35f00,0 3px 8px #0000004d;transform:translateY(2px)}.merge-tutorial-dismiss:focus-visible{outline:2px solid #a55cffb3;outline-offset:2px}@media(max-width:480px){.merge-tutorial-content{gap:16px;max-width:300px;padding:24px 20px 22px}.merge-tutorial-text{font-size:1.05rem}.merge-tutorial-dismiss{font-size:1rem;padding:8px 28px}.merge-tutorial-animation{height:90px;width:160px}.merge-tutorial-item{height:48px;width:48px}.merge-tutorial-hand svg{height:44px;width:44px}}.board-full-toast{animation:board-full-toast-in .25s ease-out;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:linear-gradient(145deg,#140a1ee0,#280f0ad9)!important;border:1.5px solid #f97316!important;border-radius:14px!important;box-shadow:0 0 12px #f9731659,0 4px 16px #00000080,inset 0 0 8px #f9731614!important;color:#fde68a!important;font-family:Fredoka One,cursive;font-size:.85rem;letter-spacing:.02em;padding:10px 20px!important;z-index:200!important}@media(max-width:1023px){.board-full-toast{font-size:.78rem;padding:8px 16px!important}}@keyframes board-full-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}canvas.board-full-pulse{animation:board-full-pulse-anim .2s ease-out}@keyframes board-full-pulse-anim{0%{box-shadow:0 0 0 0 #f9731600}50%{box-shadow:0 0 18px 4px #ef44448c}to{box-shadow:0 0 0 0 #f9731600}}.board-capacity-indicator{align-items:center;display:flex;gap:8px;margin-top:4px;padding:0 4px;width:100%}.board-capacity-bar{background:#ffffff1f;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.board-capacity-fill{border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.board-capacity-text{font-family:Fredoka One,cursive;font-size:.65rem;min-width:32px;text-align:right;text-shadow:0 1px 2px #00000080;transition:color .3s ease;white-space:nowrap}@media(max-width:1023px){.board-capacity-indicator{gap:6px;margin-top:2px;padding:0 2px}.board-capacity-bar{height:3px}.board-capacity-text{font-size:.58rem}}.flying-item{transition:all .8s cubic-bezier(.2,.8,.3,1);z-index:999999999999}.order-enter{opacity:0;transform:translateX(100px)}.order-enter-active{transition:transform .4s ease,opacity .4s ease}.order-enter-active,.order-exit{opacity:1;transform:translateX(0)}.order-exit-active{opacity:0;transform:translateX(-100px);transition:transform .4s ease,opacity .4s ease}.order-enter-done,.order-exit-done,.order-move{transition:transform .4s ease}.character-orders-wrapper{margin:0 auto;max-width:490px;position:relative;width:100%}@media(max-width:1023px){.character-orders-wrapper{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border-radius:0;border-top:none;left:0;margin:0 auto;max-width:490px;position:fixed;right:0;transform:none;transition:none;width:97%;z-index:10}}.orders-toggle-handle{display:none}@media(max-width:1023px){.orders-toggle-handle{display:none}}.orders-toggle-handle-bar{background:#ffffff59;border-radius:2px;height:4px;margin-bottom:4px;width:40px}.orders-toggle-handle-text{color:#ffffffb3;font-family:Fredoka One,cursive;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.character-orders{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:flex-end;display:flex;gap:12px;margin:0 auto;max-width:490px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:none;white-space:nowrap}.character-orders::-webkit-scrollbar{display:none}@media(max-width:1023px){.character-orders{gap:10px;max-width:100%;padding:8px 12px 16px;width:100%}}.character-order-box-wrapper{align-items:flex-end;display:flex;flex:0 0 auto;height:175px;justify-content:flex-end;position:relative}@media(max-width:1023px){.character-order-box-wrapper{height:150px}}@media(max-width:480px){.character-order-box-wrapper{height:140px}}.character-order-box-character{left:28px;pointer-events:none;position:absolute;top:-16px;width:110px;z-index:2}.character-order-box-character img{filter:drop-shadow(0 10px 16px rgba(123,0,255,.25));max-height:120px;max-width:120px;object-fit:contain}.character-order-box{align-items:stretch;background:#fff2e6;border:2px solid #7e5be9;border-radius:14px;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff1a;display:flex;flex-direction:column;font-family:“Fredoka One”,sans-serif;height:92px;justify-content:flex-start;min-width:170px;overflow:hidden;position:relative;transform:translateZ(0)}.character-order-box:after{border:1px solid #7b00ff2e;border-radius:16px;box-shadow:0 0 12px #7b00ff14;inset:-2px}.character-order-box:after,.character-order-box:before{content:“”;pointer-events:none;position:absolute;z-index:0}.character-order-box:before{animation:orderShimmer 4.8s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#7b00ff0f 48%,#0000 56%);inset:-40% -40%;transform:rotate(10deg)}@keyframes orderShimmer{0%{opacity:.13;transform:translateX(-18%) rotate(10deg)}45%{opacity:.22}to{opacity:.13;transform:translateX(18%) rotate(10deg)}}.character-order-box-reward-wrapper{align-items:center;background:#7b00ff0f;border-bottom:1px solid #7b00ff1f;display:flex;justify-content:center;padding:4px 10px;position:relative;width:100%;z-index:1}.character-order-box-coin-wrapper{align-items:center;display:flex;flex-direction:row;height:18px;justify-content:center}.character-order-box-coin-icon-img{filter:drop-shadow(0 2px 0 rgba(0,0,0,.55));height:20px;margin-right:6px;object-fit:contain;width:20px}.character-order-box-coin-icon-text-wrapper{display:inline-block;font-family:Fredoka One,sans-serif;font-size:.92rem;position:relative;transform:translateY(-1px)}.character-order-box-coin-icon-text-main{color:#7b00ff26;left:0;position:absolute;top:0;transform:translate(.8px,1px);z-index:1}.character-order-box-coin-icon-text-outline{color:#4a1fb8;position:relative;text-shadow:0 1px 0 #ffffffb3;z-index:2}.character-order-box-image-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:4px 10px;position:relative;z-index:1}.character-order-box-image-bg{background:#ffffff80;border:1px solid #7b00ff4d;border-radius:12px;box-shadow:0 4px 12px #7b00ff26,inset 0 0 8px #7b00ff0f;display:grid;height:46px;padding:1px;place-items:center;width:46px}.character-order-box-image-bg img{border-radius:10px;height:100%;object-fit:contain;width:100%}.character-order-box-go-button{align-items:center;background:#0000;border:none;bottom:12px;cursor:pointer;display:inline-flex;justify-content:center;padding:0;position:absolute;right:1.4px;-webkit-user-select:none;user-select:none;z-index:6}.character-order-box-go-button>div{align-items:center;animation:orderGoButtonPulse 2.2s ease-in-out infinite;background:linear-gradient(145deg,#8a5bff,#6f2dff);border:2px solid #3e12a0cc;border-radius:999px;box-shadow:0 4px 0 #3e12a0a6,0 8px 18px #7b00ff40;color:#fff;display:inline-flex;font-family:Fredoka One,cursive;font-size:1.02rem;font-weight:900;justify-content:center;letter-spacing:.4px;min-height:36px;min-width:44px;min-width:var(--tap-target-min);padding:8px 12px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.character-order-box-go-button:hover>div{box-shadow:0 6px 0 #3e12a0a6,0 12px 24px #7b00ff59;filter:brightness(1.08);transform:translateY(-2px)}.character-order-box-go-button:active>div{filter:brightness(1.02);transform:translateY(0) scale(.99)}@keyframes orderGoButtonPulse{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.03)}to{transform:translateY(0) scale(1)}}.order-info-i-btn{background:radial-gradient(circle at 30% 10%,#ffffff14,#0000 55%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff38;border-radius:999px;bottom:8px;color:#fff;cursor:pointer;display:grid;font:800 13px/1 Inter,system-ui,sans-serif;height:20px;place-items:center;position:absolute;right:8px;transition:background .14s ease,box-shadow .14s ease,transform .06s ease;width:20px;z-index:10}@media(max-width:1023px){.order-info-i-btn{font-size:15px;height:28px;width:28px}}.order-info-i-btn:hover{background:#ffffff4d;box-shadow:0 10px 22px #0f172a2e}.order-info-i-btn:active{transform:translateY(1px)}@media(max-width:1023px){.character-order-box-wrapper{height:108px}.character-order-box-character{left:50%;top:-18px;transform:translateX(-50%);width:90px}.character-order-box-character img{max-height:90px;max-width:90px}.character-order-box{border-radius:14px;border-width:1.5px;height:70px;min-width:105px;overflow:visible}.character-order-box:after{border-radius:16px;border-width:1px}.character-order-box:before{display:none}.character-order-box-reward-wrapper{overflow:visible;padding:1px 6px}.character-order-box-coin-wrapper{height:14px;overflow:visible}.character-order-box-coin-icon-img{height:18px;margin-right:3px;margin-top:-4px;width:18px}.character-order-box-coin-icon-text-wrapper{font-size:.62rem}.character-order-box-image-wrapper{padding:0}.character-order-box-image-bg{border-radius:8px;box-shadow:0 4px 8px #7b00ff26,0 0 0 1px #7b00ff1a;height:37px;padding:1px;width:37px}.character-order-box-go-button{bottom:3px;right:1px}.character-order-box-go-button>div{animation:none;border-width:2px;font-size:.68rem;min-height:22px;min-width:0;padding:4px 8px}.order-info-i-btn{display:none}.character-orders{gap:8px;padding:0 6px 2px}}@media(min-width:769px)and (max-width:1023px){.character-order-box-wrapper{height:120px}.character-order-box-character{top:-20px;width:100px}.character-order-box-character img{max-height:100px;max-width:100px}.character-order-box{height:80px;min-width:130px}.character-order-box-image-bg{height:50px;width:50px}.character-order-box-reward-wrapper{padding:2px 8px}.character-order-box-coin-icon-text-wrapper{font-size:.85rem}}@media(max-width:480px){.character-order-box-wrapper{height:96px}.character-order-box-character{left:50%;top:-16px;transform:translateX(-50%);width:80px}.character-order-box-character img{max-height:80px;max-width:80px}.character-order-box{height:62px;min-width:95px;overflow:visible}.character-order-box-image-bg{height:37px;width:37px}}.order-refresh-btn{background:radial-gradient(circle at 30% 10%,#ffffff14,#0000 55%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff38;border-radius:999px;color:#7e5be9;cursor:pointer;display:grid;font-size:14px;font-weight:900;height:22px;left:4px;line-height:1;padding:0;place-items:center;position:absolute;top:4px;transition:background .14s ease,box-shadow .14s ease,transform .12s ease;width:22px;z-index:10}.order-refresh-btn:hover{background:#7b00ff26;box-shadow:0 4px 12px #7b00ff33;transform:rotate(90deg)}.order-refresh-btn:active{transform:rotate(180deg) scale(.95)}.order-refresh-popover{align-items:center;animation:refreshPopoverIn .16s cubic-bezier(.2,.95,.25,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#0f0a28f0,#1e0f3cf5);border:2px solid #7b00ff80;border-radius:14px;box-shadow:0 12px 32px #00000080,inset 0 0 16px #7b00ff1a,0 0 20px #7b00ff1f;display:flex;flex-direction:column;font-family:Fredoka One,cursive;gap:6px;margin-top:6px;padding:12px 14px 10px;top:100%;width:200px;z-index:100}.order-refresh-popover,.order-refresh-popover:before{left:50%;position:absolute;transform:translateX(-50%)}.order-refresh-popover:before{border-bottom:7px solid #7b00ff80;border-left:7px solid #0000;border-right:7px solid #0000;content:"";height:0;top:-7px;width:0}@keyframes refreshPopoverIn{0%{opacity:0;transform:translateX(-50%) translateY(6px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.order-refresh-popover-title{color:#fff;font-size:.82rem;font-weight:900;letter-spacing:.2px;text-align:center}.order-refresh-popover-cost{align-items:center;color:gold;display:flex;font-size:.88rem;font-weight:900;gap:5px;text-shadow:0 1px 3px #0006}.order-refresh-popover-coin{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));height:18px;object-fit:contain;width:18px}.order-refresh-popover-balance{color:#c8b4ffb3;font-size:.68rem;font-weight:700;letter-spacing:.2px}.order-refresh-popover-insufficient{background:#ff6b6b1a;border:1px solid #ff6b6b40;border-radius:6px;color:#ff6b6b;font-size:.72rem;font-weight:900;padding:2px 8px;text-align:center}.order-refresh-popover-actions{display:flex;gap:6px;margin-top:2px;width:100%}.order-refresh-popover-cancel,.order-refresh-popover-confirm{-webkit-appearance:none;appearance:none;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:Fredoka One,cursive;font-size:.72rem;font-weight:900;letter-spacing:.2px;outline:none;padding:7px 10px;transition:background .12s ease,transform .12s ease,box-shadow .12s ease,filter .12s ease}.order-refresh-popover-cancel{background:#ffffff1a;border:1.5px solid #fff3;box-shadow:0 3px #0000004d}.order-refresh-popover-cancel:hover{background:#ffffff2e;box-shadow:0 2px #0000004d;transform:translateY(1px)}.order-refresh-popover-cancel:active{box-shadow:0 1px #0000004d;transform:translateY(2px)}.order-refresh-popover-confirm{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:1.5px solid #3e12a0b3;box-shadow:0 3px #3e12a0a6}.order-refresh-popover-confirm:hover{box-shadow:0 2px #3e12a0b3;filter:brightness(1.08);transform:translateY(1px)}.order-refresh-popover-confirm:active{box-shadow:0 1px #3e12a0bf;transform:translateY(2px)}.order-refresh-popover-confirm--disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.45}.order-refresh-popover-confirm--disabled:hover{box-shadow:0 3px #3e12a0a6;filter:grayscale(.5);transform:none}@media(max-width:1023px){.order-refresh-btn{font-size:13px;height:24px;left:2px;top:2px;width:24px}.order-refresh-popover{bottom:100%;margin-bottom:6px;margin-top:0;padding:10px 12px 8px;top:auto;width:180px}.order-refresh-popover:before{border-bottom:none;border-top:7px solid #7b00ff80;bottom:-7px;top:auto}@keyframes refreshPopoverIn{0%{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}}@media(max-width:480px){.order-refresh-btn{font-size:11px;height:20px;width:20px}.order-refresh-popover{padding:8px 10px 6px;width:165px}}.segmented-progress-bar-container{margin:0 auto;max-width:600px;transform:translate(-10px,-10px);width:90%}.segmented-progress-bar-background{background:#1d0f33;border:2px solid #1a0b3c;border-radius:7px;box-shadow:0 2px 0 #00000080;height:32px;margin-top:20px;position:relative}.segmented-progress-bar-fill{background:#933cfd;border-radius:6px 0 0 6px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease-in-out;z-index:1}.segmented-progress-bar-retry{background:#7ecbff;border-radius:0 6px 6px 0;height:100%;opacity:.65;position:absolute;top:0;transition:width .4s ease;z-index:1}.segmented-progress-bar-gloss{display:flex;height:35%;left:0;pointer-events:none;position:absolute;top:5px;width:100%;z-index:2}.gloss-filled{background:#c282fe;border-bottom-left-radius:2px;border-top-left-radius:2px;transition:width .5s ease-in-out}.gloss-retry-filled{background:#9cc1d4;border-radius:2px;height:100%;position:absolute;transition:width .5s ease-in-out;z-index:3}.gloss-unfilled{background:#3e2b52;border-bottom-right-radius:2px;border-top-right-radius:2px;flex:1 1}.segment-lines{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}.divider-line{background:linear-gradient(180deg,#000 0,#0000);-webkit-clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);height:100%;position:absolute;top:0;transform:translateX(-50%);width:2px}.bubble-pop-container{height:0;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:0;z-index:999}.pop-circle{animation:radialPop .7s ease-out forwards;border-radius:50%;left:0;opacity:0;position:absolute;top:0}@keyframes radialPop{0%{opacity:0;transform:translate(0) scale(0)}30%{opacity:1;transform:translate(0) scale(1.2)}60%{opacity:1;transform:translate(var(--bubbleX),var(--bubbleY)) scale(1)}61%{opacity:0;transform:translate(var(--bubbleX),var(--bubbleY)) scale(1)}to{opacity:0;transform:translate(var(--bubbleX),var(--bubbleY)) scale(1)}}.segment-reward-display{align-items:center;display:flex;flex-direction:column;pointer-events:none;position:absolute;right:-30px;top:50%;transform:translateY(-60%);z-index:100}.segment-reward-icon{height:50px;width:50px}.segment-reward-text-container{display:inline-block;font-family:Futura;position:relative}.segment-reward-text-container .segment-reward-text-outline{color:#000;font-family:Futura;font-size:30px;left:-20px;position:absolute;text-align:center;top:-17px;transform:translate(1px,2px);z-index:1}.segment-reward-text-container .segment-reward-text-main{color:#fff;font-family:Futura;font-size:30px;left:-20px;position:absolute;text-align:center;text-shadow:0 0 1px #006aff,0 0 3px #006aff;top:-17px;z-index:2}@media(max-width:768px){.segmented-progress-bar-container{margin:0 auto;max-width:none;transform:translate(-5px,-5px);width:92%}.segmented-progress-bar-background{border-radius:6px;height:26px;margin-top:12px}.segmented-progress-bar-gloss{top:4px}.segment-reward-display{right:-22px;transform:translateY(-58%)}.segment-reward-icon{height:40px;width:40px}.segment-reward-text-container .segment-reward-text-main,.segment-reward-text-container .segment-reward-text-outline{font-size:24px;left:-16px;top:-14px}}@media(max-width:480px){.segmented-progress-bar-container{transform:none;width:94%}.segmented-progress-bar-background{border-radius:5px;border-width:1px;height:20px;margin-top:6px}.segmented-progress-bar-fill{border-radius:4px 0 0 4px}.segmented-progress-bar-gloss{height:30%;top:3px}.divider-line{width:1px}.segment-reward-display{right:-16px;transform:translateY(-55%)}.segment-reward-icon{height:30px;width:30px}.segment-reward-text-container .segment-reward-text-main,.segment-reward-text-container .segment-reward-text-outline{font-size:18px;left:-10px;top:-10px}}.modal-overlay-exit{align-items:center;animation:fade-in .25s ease forwards;background:#000000bf;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;z-index:5000}.modal-container-exit{animation:modal-pop .25s ease forwards;background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff73;border-radius:18px;box-shadow:0 10px 0 #3e12a0a6,0 20px 45px #00000059,inset 0 0 18px #7b00ff26;max-width:420px;padding:26px 28px 30px;position:relative;text-align:center;transform:translateY(30px) scale(.96);width:92%}.mascot-image{filter:drop-shadow(0 6px 14px rgba(123,0,255,.35)) drop-shadow(0 0 10px rgba(123,0,255,.25));height:120px;margin-bottom:10px;object-fit:contain;width:120px}.modal-container-exit h2{color:#7b00ff;font-family:Fredoka One,cursive;font-size:1.6rem;margin:8px 0;text-shadow:0 1px 0 #fff,0 0 6px #7b00ff40}.modal-container-exit p{background:#7b00ff14;border:1px solid #7b00ff38;border-radius:14px;box-shadow:inset 0 0 8px #7b00ff2e;color:#4a1fb8;font-family:Fredoka One,cursive;font-size:.95rem;line-height:1.4;margin-bottom:22px;padding:8px 12px}.exit-progress-section{background:#7b00ff0f;border:1px solid #7b00ff2e;border-radius:14px;margin-bottom:16px;padding:12px 16px}.exit-progress-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.exit-progress-label{color:#7b5ea7;font-family:Fredoka One,cursive;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.exit-progress-value{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:.95rem}.exit-progress-bar-outer{background:#7b00ff1f;border-radius:5px;height:10px;overflow:hidden;width:100%}.exit-progress-bar-inner{background:linear-gradient(90deg,#8a5bff,#a864fd);border-radius:5px;height:100%;min-width:0;transition:width .4s ease}.exit-stars-row{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:10px}.exit-star-icon{height:22px;width:22px}.exit-stars-text{color:#d4a017;font-family:Fredoka One,cursive;font-size:.9rem}.exit-warning-text{background:#c0392b14;border:1px solid #c0392b33;border-radius:10px;color:#c0392b;font-family:Fredoka One,cursive;font-size:.88rem;line-height:1.4;margin-bottom:18px;padding:6px 12px;text-align:center}.exit-leave-btn{background:linear-gradient(145deg,#d9a8a8,#c0908f)!important;box-shadow:0 6px 0 #78464699,0 12px 22px #00000026!important;color:#6b2c2c!important}.exit-leave-btn:hover{background:linear-gradient(145deg,#e09a9a,#d47c7c)!important;box-shadow:0 4px 0 #784646b3,0 16px 30px #0003!important}.exit-leave-btn:active{box-shadow:0 2px 0 #784646cc!important}.modal-actions{display:flex;gap:14px;justify-content:center}.end-session-btn,.keep-learning-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-family:Fredoka One,cursive;font-size:.95rem;padding:12px 16px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.keep-learning-btn{background:linear-gradient(145deg,#8a5bff,#6f2dff);box-shadow:0 6px 0 #3e12a0cc,0 12px 20px #7b00ff59;color:#fff}.keep-learning-btn:hover{box-shadow:0 4px 0 #3e12a0e6,0 14px 28px #7b00ff8c;transform:translateY(2px)}.keep-learning-btn:active{box-shadow:0 2px 0 #3e12a0f2;transform:translateY(4px)}.end-session-btn{background:linear-gradient(145deg,#ff6b6b,#e63946);box-shadow:0 6px 0 #780000bf,0 12px 22px #e6394659;color:#fff}.end-session-btn:hover{box-shadow:0 4px 0 #780000d9,0 16px 30px #e6394673;transform:translateY(2px)}.end-session-btn:active{box-shadow:0 2px 0 #780000f2;transform:translateY(4px)}@keyframes modal-pop{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.modal-overlay-exit{align-items:flex-end;padding:0}.modal-container-exit{animation:modal-pop-bottom .25s ease forwards;border-radius:24px 24px 0 0;box-shadow:0 -6px 0 #3e12a073,0 -12px 30px #00000040,inset 0 0 18px #7b00ff26;max-width:100%;padding:24px 24px max(28px,env(safe-area-inset-bottom));width:100%}.mascot-image{height:100px;width:100px}.modal-container-exit h2{font-size:1.5rem;margin:8px 0}.modal-container-exit p{font-size:.95rem;margin-bottom:18px}.modal-actions{flex-direction:column;gap:12px}.end-session-btn,.keep-learning-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:14px;display:flex;font-size:1rem;justify-content:center;min-height:48px;padding:14px 16px;width:100%}.keep-learning-btn{order:1}.end-session-btn{order:2}.exit-progress-section{margin-bottom:14px;padding:10px 14px}.exit-warning-text{font-size:.85rem;margin-bottom:16px}}@keyframes modal-pop-bottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.modal-container-exit{border-radius:20px 20px 0 0;padding:20px 18px max(24px,env(safe-area-inset-bottom))}.mascot-image{height:88px;margin-bottom:8px;width:88px}.modal-container-exit h2{font-size:1.35rem;margin:6px 0}.modal-container-exit p{font-size:.9rem;margin-bottom:16px;padding:8px 10px}.modal-actions{gap:10px}.end-session-btn,.keep-learning-btn{font-size:.95rem;min-height:50px;padding:12px 14px}}.notification{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;bottom:20px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:fixed;right:20px;transition:all .6s ease;width:40px;z-index:1000}.notification.expanded{align-items:center;flex-direction:column;height:500px;width:300px}.notification .content{font-size:14px;font-weight:700;text-align:center}.notification .content .notification-icon{align-items:center;display:flex;height:30px;justify-content:center;margin:0;width:30px}.notification .content .notification-icon img{height:100%;object-fit:contain;width:100%}.notification .content.expanded{text-align:left}.notification .notifications-list{max-height:100%;overflow-y:auto;padding:0;text-align:center;width:100%}.notification .notifications-list li{word-wrap:break-word;border-bottom:1px solid #ddd;color:#9014f5;font-size:14px;list-style:none;padding:10px 0;position:relative}.notification .notifications-list li:last-child{border-bottom:none;overflow:hidden}.notification .notifications-list li:hover:after{color:#0000001a;content:"×";font-size:50px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scaleX(400%) scaleY(150%);transition:opacity .3s ease;z-index:-1}@media(max-width:768px){.notification{bottom:auto;left:auto;right:12px;top:12px}.notification.expanded{border-radius:0 0 16px 16px;bottom:auto;box-shadow:0 8px 24px #00000040;height:auto;left:0;max-height:70vh;padding-top:env(safe-area-inset-top);right:0;top:0;width:100%}.notification .content{font-size:13px}.notification .notification-icon{height:36px;width:36px}.notification .notifications-list{padding:0 12px}.notification .notifications-list li{align-items:center;display:flex;font-size:14px;min-height:44px;padding:14px 8px;text-align:left}}body{background-color:#000;margin:0;overflow-x:hidden;padding:0}.profile-page{background:#0000;color:#f6edff;font-family:Fredoka One,cursive;margin:0 auto;max-width:1200px;padding:20px;position:relative;z-index:2}.profile-header{grid-gap:16px;align-items:center;background:#fff2e6;border:4px solid #7e5be9;border-radius:16px;box-shadow:0 16px 40px #00000059;color:#4a1fb8;display:grid;gap:16px;grid-template-columns:200px 1fr -webkit-max-content;grid-template-columns:200px 1fr max-content;padding:18px;position:relative}.profile-picture-wrapper{align-items:center;display:flex;flex-direction:column;gap:6px}.avatar-status{animation:avatarStatusFadeIn .2s ease;border-radius:8px;font-size:.75rem;font-weight:600;padding:2px 10px;text-align:center}.avatar-status.saving{color:#c8b4ffe6}.avatar-status.saved{color:#64ff96f2}@keyframes avatarStatusFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-picture{background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff73;border-radius:50%;box-shadow:0 10px 28px #7b00ff40,inset 0 0 16px #7b00ff1f;cursor:pointer;height:190px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;width:190px}.profile-picture:hover{box-shadow:0 16px 40px #7b00ff73,inset 0 0 18px #b478ff59;transform:translateY(-3px) scale(1.02)}.profile-picture img{height:100%;object-fit:cover;width:100%}.profile-info{min-width:200px;text-align:left}.profile-info h1{color:#f6edff;font-size:2.25rem;margin:0;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff}.profile-info p{color:#7b00ff;font-size:.95rem;margin:6px 0 0}.profile-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.stat-item{align-items:center;display:flex}.stat-box{align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:999px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#4a1fb8;cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 12px;transition:transform .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}.stat-box:hover{box-shadow:0 14px 30px #7b00ff59,inset 0 0 14px #b478ff38;transform:translateY(-2px) scale(1.03)}.stat-count{color:#7b00ff}.profile-settings-btn{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:50%;box-shadow:0 4px 14px #7b00ff33,inset 0 0 8px #7b00ff1a;color:#7b00ff;cursor:pointer;display:grid;height:44px;left:12px;padding:0;place-items:center;position:absolute;top:12px;transition:transform .15s ease,box-shadow .15s ease,color .15s ease;width:44px;z-index:5}.profile-settings-btn svg{height:22px;width:22px}.profile-settings-btn:hover{box-shadow:0 10px 24px #7b00ff66,inset 0 0 12px #b478ff40;color:#5e1bff;transform:translateY(-2px) scale(1.08)}.profile-settings-btn:active{box-shadow:0 4px 10px #7b00ff40;transform:translateY(0) scale(.97)}.profile-header-right{align-self:start;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 10px 24px #7b00ff38,inset 0 0 14px #7b00ff1f;justify-self:end;max-width:420px;min-width:260px;padding:12px 12px 10px;text-align:left;width:-webkit-fit-content;width:fit-content}.profile-email-label{color:#7b00ff;font-size:.72rem;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.profile-email-pill{align-items:center;background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff38,0 2px 6px #0000002e;color:#4a1fb8;display:inline-flex;font-size:.9rem;gap:8px;justify-content:flex-start;max-width:100%;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.profile-email-empty{display:flex;flex-direction:column;gap:8px}.profile-email-empty-text{color:#4a1fb8;font-size:.9rem}.profile-email-btn{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:.95rem;padding:10px 14px;pointer-events:auto;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.profile-email-btn:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.profile-email-btn:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.profile-email-btn.subtle{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff73;box-shadow:0 6px 16px #7b00ff40,inset 0 0 6px #7b00ff33;color:#7b00ff}.profile-email-btn.subtle:hover{box-shadow:0 10px 28px #7b00ff73,inset 0 0 10px #7b00ff59;transform:translateY(-2px) scale(1.04)}.profile-sections{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:14px}.streak-section,.subscription-section{background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff73;border-radius:16px;box-shadow:0 14px 34px #7b00ff38,inset 0 0 16px #7b00ff24;color:#4a1fb8;padding:18px;position:relative;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.streak-section:before,.subscription-section:before{content:none!important}.streak-section:hover,.subscription-section:hover{box-shadow:0 18px 44px #7b00ff59,inset 0 0 18px #b478ff38;filter:saturate(1.02);transform:translateY(-4px)}.streak-container{align-items:center;display:flex;flex-direction:column;gap:10px}.streak-message-profile{color:#2b2b2b;font-size:.95rem;margin-top:0;text-shadow:0 1px 0 #ffffffb3;transform:translateY(-10px)}.streak-days-profile{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:0;transform:translateY(-10px)}.streak-day{background:#7b00ff1f;border:1px solid #7b00ff59;box-shadow:inset 0 0 8px #7b00ff38,0 2px 6px #0000001f;color:#7b00ff;font-size:.9rem;transition:transform .12s ease,box-shadow .12s ease}.streak-day:hover{box-shadow:0 10px 18px #7b00ff40,inset 0 0 10px #b478ff38;transform:translateY(-2px) scale(1.03)}.streak-day.checked{background:#40c9ff24;border-color:#40c9ff59;box-shadow:0 10px 18px #40c9ff2e,inset 0 0 10px #40c9ff2e;color:#2e70ff}.subscription-section{overflow:hidden;text-align:center}.subscription-crew{filter:drop-shadow(0 10px 18px rgba(123,0,255,.22));height:auto;margin-bottom:8px;width:170px}.subscribe-button{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:20px;margin-top:17px;max-width:100%;padding:10px 20px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:260px}.subscribe-button:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.subscribe-button:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.manage-subscription-button{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff99;border-radius:12px;box-shadow:0 6px 16px #7b00ff40,inset 0 0 6px #7b00ff33;color:#7b00ff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.1rem;padding:10px 18px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;-webkit-user-select:none;user-select:none}.manage-subscription-button:hover{box-shadow:0 10px 28px #7b00ff73,inset 0 0 10px #7b00ff59;transform:translateY(-2px) scale(1.04)}.modal-overlay{align-items:center;background-color:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff2e6;border:4px solid #7e5be9;border-radius:10px;box-shadow:0 16px 40px #00000059;color:#4a1fb8;max-width:900px;padding:20px;position:relative;text-align:center;width:85%}.modal-header{color:#f6edff;font-family:Fredoka One,cursive;font-size:2rem;font-weight:700;margin:10px auto 0;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff}.color-options{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);justify-content:center;padding:16px 8px}.color-option-circle{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:50%;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff26;cursor:pointer;height:92px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:92px}.color-option-circle:hover{box-shadow:0 14px 36px #7b00ff80,inset 0 0 18px #b478ff59;transform:translateY(-4px) scale(1.05)}.color-circle-image{height:100%;object-fit:cover;width:100%}.friends-list.horizontal-scroll{display:flex;gap:10px;overflow-x:auto;padding:10px;scrollbar-width:thin}.friend-card{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff26;flex:0 0 auto;margin:2px;padding:10px 8px;text-align:center;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:140px}.friend-card:hover{box-shadow:0 14px 36px #7b00ff80,inset 0 0 18px #b478ff59;transform:translateY(-4px) scale(1.05)}.friend-avatar{border-radius:50%;filter:drop-shadow(0 4px 10px rgba(123,0,255,.22));height:84px;margin-bottom:6px;object-fit:cover;width:84px}.friend-info{color:#4a1fb8;font-size:.9rem}.profile-logout-wrapper{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 8px 22px #7b00ff38,inset 0 0 12px #7b00ff1f;margin:28px auto 0;padding:10px;transition:transform .12s ease,box-shadow .12s ease;width:180px}.profile-logout-wrapper:hover{box-shadow:0 14px 30px #7b00ff59,inset 0 0 14px #b478ff38;transform:translateY(-2px) scale(1.03)}.profile-logout-btn{align-items:center;color:#7b00ff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;text-decoration:underline}@media(max-width:1020px){.profile-header{grid-template-columns:180px 1fr;grid-template-rows:auto auto}.profile-header-right{grid-column:1/-1;justify-self:start;max-width:none;min-width:0;width:100%}.profile-sections{grid-template-columns:1fr}.profile-picture{height:170px;width:170px}}@media(max-width:768px){.profile-page{overflow-x:hidden;padding:16px}.profile-header,.profile-page{box-sizing:border-box;max-width:100%}.profile-header{gap:12px;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:20px 16px;text-align:center}.profile-picture{height:120px;margin:0 auto;width:120px}.profile-info{min-width:0;text-align:center}.profile-info h1{font-size:1.8rem}.profile-info p{font-size:.9rem}.profile-stats{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-bottom:4px}.stat-item{flex:0 0 auto}.stat-box{font-size:.75rem;gap:4px;min-height:36px;padding:6px 10px}.profile-header-right{box-sizing:border-box;grid-column:1/-1;justify-self:stretch;max-width:100%;min-width:0;overflow:hidden;text-align:center;width:100%;word-break:break-word}.profile-email-btn{font-size:1rem;padding:12px 16px}.profile-email-btn,.profile-email-btn.subtle{min-height:44px;width:100%}.profile-sections{gap:12px;grid-template-columns:1fr}.streak-section{padding:16px}.streak-days-profile{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:6px;overflow-x:auto}.streak-day{font-size:.8rem;height:38px;min-width:38px;width:38px}.subscription-section{padding:16px}.subscription-crew{width:140px}.manage-subscription-button,.subscribe-button{font-size:1.1rem;max-width:100%;min-height:48px;width:100%}.subscription-dragon-holder,.subscription-unicorn-holder{display:none}.modal-content{-webkit-overflow-scrolling:touch;max-height:85vh;max-width:none;overflow-y:auto;padding:16px;width:95%}.modal-header{font-size:1.5rem}.color-options{gap:10px;grid-template-columns:repeat(3,1fr);padding:12px 4px}.color-option-circle{height:80px;margin:0 auto;width:80px}.friends-list.horizontal-scroll{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding:8px}.friend-card{min-width:130px;padding:10px 6px;width:130px}.friend-avatar{height:64px;width:64px}.profile-logout-wrapper{margin-top:20px;width:100%}.profile-logout-btn{font-size:1.1rem;min-height:48px}.close-modal.centered{font-size:1rem;margin-top:12px;min-height:44px;width:100%}}@media(max-width:480px){.profile-page{padding:12px}.profile-header{border-radius:12px;padding:16px 12px}.profile-picture{height:100px;width:100px}.profile-info h1{font-size:1.5rem}.stat-box{font-size:.72rem;gap:3px;min-height:32px;padding:5px 8px}.streak-message-profile{font-size:.85rem}.streak-day{font-size:.75rem;height:34px;min-width:34px;width:34px}.color-options{gap:8px;grid-template-columns:repeat(3,1fr)}.color-option-circle{height:70px;width:70px}.friend-card{min-width:120px;width:120px}.friend-avatar{height:56px;width:56px}.profile-header-right{min-width:0}.profile-email-pill{word-break:break-all}}.end-of-unit-modal-enter{opacity:0;transform:scale(.9)}.end-of-unit-modal-enter-active{opacity:1;transform:scale(1);transition:opacity .4s ease,transform .4s ease}.end-of-unit-modal-exit{opacity:1;transform:scale(1)}.end-of-unit-modal-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.end-of-unit-reward-overlay{align-items:center;background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}.end-of-unit-reward-container{background:#fff2e6;border-radius:20px;box-shadow:0 5px 20px #0000004d;font-family:Fredoka One,cursive;max-width:600px;padding:2rem;position:relative;text-align:center;width:90%}.end-of-unit-reward-close{cursor:pointer;height:50px;position:absolute;right:10px;top:10px;transition:transform .2s ease;width:50px}.end-of-unit-reward-close:hover{transform:scale(1.1)}.end-of-unit-reward-close .close-button-image{height:100%;object-fit:contain;pointer-events:none;width:100%}.end-of-unit-star-hud{display:inline-block;margin:0 auto 1.5rem}.end-of-unit-star-bar-container{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative;transform:translateX(-67px)}.end-of-unit-star-icon{height:50px;margin-right:-19px;padding:2px;z-index:3}.end-of-unit-star-bar-content{position:relative}.end-of-unit-star-bar-outer{background-color:#fffc;border:2px solid #517cff;border-radius:20px;box-shadow:0 2px 3px #0003;height:25px;left:-5px;position:absolute;top:-12px;width:140px}.end-of-unit-star-bar-inner{align-items:center;background-color:#def0fb;border-radius:20px;display:flex;height:100%;justify-content:center;width:100%}.end-of-unit-star-bar-text-outline{color:#102669;font-size:23px;left:50px;position:absolute;top:-2px;transform:translate(1.4px,1.4px);z-index:1}.end-of-unit-star-bar-text{color:#fff;font-size:23px;left:50px;position:absolute;text-shadow:0 0 1px #006aff,0 0 3px #006aff;top:-2px;z-index:2}.end-of-unit-reward-display{align-items:center;display:inline-flex;flex-direction:column;margin-bottom:2rem}.end-of-unit-reward-icon{height:50px;margin-bottom:5px;width:50px}.end-of-unit-reward-text-container{display:inline-block;position:relative}.end-of-unit-reward-text-outline{color:#000;font-size:30px;left:-17px;position:absolute;top:-17px;transform:translate(2px,2px);z-index:1}.end-of-unit-reward-text-main{color:#fff;font-size:30px;left:-17px;position:absolute;text-shadow:0 0 1px #006aff,0 0 3px #006aff;top:-17px;z-index:2}.reward-heading{color:#393939;font-size:2rem;margin-bottom:1rem}.reward-paragraph{color:#555;font-size:1.1rem;margin-bottom:2rem}.reward-button-row{align-items:center;display:flex;gap:1.2rem;justify-content:center}.end-of-unit-next-btn{background-color:#9014f5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.2rem;padding:.8rem 1.2rem;transition:all .2s ease}.end-of-unit-next-btn:hover{background-color:#7e12d6;transform:translateY(-2px)}.collected-badge{align-items:center;animation:popIn .3s ease;color:#3e8eff;display:flex;gap:6px;justify-content:center;margin:auto auto 20px}.collected-badge-image-text{margin-right:-20px;width:180px}.collected-badge-image{height:60px;transform:translateX(-12px);width:60px}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.end-of-unit-reward-overlay{align-items:flex-end;padding:0}.end-of-unit-reward-container{-webkit-overflow-scrolling:touch;border-radius:24px 24px 0 0;max-height:90vh;max-width:100%;overflow-y:auto;padding:1.5rem 1.5rem max(2rem,env(safe-area-inset-bottom));width:100%}.end-of-unit-reward-close{height:44px;right:12px;top:12px;width:44px}.end-of-unit-star-bar-container{transform:translateX(-50px)}.end-of-unit-star-icon{height:42px;margin-right:-16px}.end-of-unit-star-bar-outer{height:22px;width:120px}.end-of-unit-star-bar-text,.end-of-unit-star-bar-text-outline{font-size:19px;left:40px}.reward-heading{font-size:1.7rem;margin-bottom:.8rem}.reward-paragraph{font-size:1rem;margin-bottom:1.5rem;padding:0 8px}.end-of-unit-reward-icon{height:45px;width:45px}.end-of-unit-reward-text-main,.end-of-unit-reward-text-outline{font-size:26px;left:-14px;top:-14px}.reward-button-row{flex-direction:column;gap:12px;width:100%}.end-of-unit-exit-btn,.end-of-unit-next-btn{border-radius:14px;font-size:1.1rem;min-height:48px;padding:.8rem;width:100%}.end-of-unit-exit-btn{background-color:#0000;border:2px solid #9014f5;color:#9014f5;order:2}.end-of-unit-next-btn{order:1}.collected-badge{margin-bottom:16px}.collected-badge-image-text{margin-right:-16px;width:150px}.collected-badge-image{height:50px;width:50px}}@media(max-width:480px){.end-of-unit-reward-container{border-radius:20px 20px 0 0;padding:1.2rem 1rem max(1.5rem,env(safe-area-inset-bottom))}.end-of-unit-reward-close{height:40px;right:8px;top:8px;width:40px}.end-of-unit-star-hud{margin:0 auto 1rem}.end-of-unit-star-bar-container{transform:translateX(-40px)}.end-of-unit-star-icon{height:36px;margin-right:-14px}.end-of-unit-star-bar-outer{border-radius:16px;height:20px;width:110px}.end-of-unit-star-bar-text,.end-of-unit-star-bar-text-outline{font-size:17px;left:36px}.reward-heading{font-size:1.5rem;margin-bottom:.6rem}.reward-paragraph{font-size:.95rem;margin-bottom:1.2rem}.end-of-unit-reward-icon{height:40px;width:40px}.end-of-unit-reward-text-main,.end-of-unit-reward-text-outline{font-size:22px;left:-12px;top:-12px}.reward-button-row{gap:10px}.end-of-unit-exit-btn,.end-of-unit-next-btn{font-size:1.05rem;min-height:50px}.collected-badge-image-text{width:130px}.collected-badge-image{height:44px;width:44px}}.buy-stars-modal-overlay{align-items:center;animation:bsmFadeIn .14s ease-out;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 38%,#5aaaff38,#000000db 55%),#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}@keyframes bsmFadeIn{0%{opacity:0}to{opacity:1}}.buy-stars-modal-content{animation:bsmPopIn .18s cubic-bezier(.2,.95,.25,1);background:radial-gradient(circle at 20% 10%,#ff5adc2e,#0000 55%),radial-gradient(circle at 80% 15%,#46beff2e,#0000 55%),linear-gradient(180deg,#121a2ef5,#0a0e1cf5);border:1px solid #ffffff24;border-radius:22px;box-shadow:0 26px 70px #000000b3,inset 0 0 0 1px #ff50d21f;overflow:hidden;padding:18px 18px 16px;position:relative;transform-origin:center;width:min(520px,92vw)}@keyframes bsmPopIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.buy-stars-modal-content:before{animation:bsmShimmer 4.8s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#ffffff14 48%,#0000 56%);content:"";inset:-40% -40%;pointer-events:none;position:absolute;transform:rotate(12deg);z-index:0}@keyframes bsmShimmer{0%{opacity:.14;transform:translateX(-18%) rotate(12deg)}45%{opacity:.24}to{opacity:.14;transform:translateX(18%) rotate(12deg)}}.buy-stars-modal-close{background:#0000;border:none;cursor:pointer;display:grid;height:52px;padding:0;place-items:center;position:absolute;right:10px;top:10px;width:52px;z-index:10}.buy-stars-modal-close img{height:52px;object-fit:contain;transition:transform .12s ease,filter .12s ease;width:52px}.buy-stars-modal-close:hover img{filter:brightness(1.08);transform:scale(1.06)}.buy-stars-modal-close:active img{transform:scale(.98)}.buy-stars-modal-title-image{display:flex;justify-content:center;margin:6px 0 4px;padding-top:4px;position:relative;z-index:2}.buy-stars-modal-title-image img{height:auto;max-width:92%;object-fit:contain}.buy-stars-modal-recharge-text{color:#ffffffe6;font-size:14px;font-weight:900;letter-spacing:.2px;margin-bottom:6px;margin-top:6px;position:relative;text-align:center;text-shadow:0 2px 0 #000000a6;z-index:2}.buy-stars-modal-strong{color:#bedcfff2}.buy-stars-modal-hero{position:relative;z-index:2}.buy-stars-modal-star-stage{display:grid;height:210px;margin:6px 0 4px;place-items:center;position:relative}.buy-stars-modal-star-glow{animation:bsmGlow 2.8s ease-in-out infinite;background:radial-gradient(circle,#5aaaff47 0,#7846ff24 35%,#0000 70%);border-radius:999px;filter:blur(6px);height:240px;opacity:.9;position:absolute;width:240px}@keyframes bsmGlow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.buy-stars-modal-star-stack{align-items:center;display:flex;flex-direction:column;gap:0;justify-content:center;position:relative;z-index:2}.buy-stars-modal-star-image{animation:bsmFloat 2.8s ease-in-out infinite;filter:drop-shadow(0 22px 45px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(90,170,255,.18));height:230px;object-fit:contain;position:relative;width:230px;z-index:1}@keyframes bsmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.buy-stars-modal-amount-image{filter:drop-shadow(0 14px 30px rgba(0,0,0,.62)) drop-shadow(0 0 14px rgba(90,170,255,.16));height:auto;margin-top:-60px;object-fit:contain;position:relative;width:150px;z-index:3}@keyframes bsmBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.buy-stars-modal-error{color:#ff7878f2;font-size:13px;font-weight:900;margin-top:10px;position:relative;text-align:center;text-shadow:0 2px 0 #000000a6;z-index:2}.buy-stars-modal-actions{grid-gap:10px;display:grid;gap:10px;margin-top:12px;position:relative;z-index:2}.buy-stars-modal-buy-button{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:flex;justify-content:center;margin:auto;transition:transform .12s ease,filter .12s ease;width:200px}.buy-stars-modal-buy-button:disabled{cursor:not-allowed;filter:saturate(.9);opacity:.9}.buy-stars-modal-buy-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.buy-stars-modal-buy-button:active{filter:brightness(1.02);transform:translateY(0) scale(.99)}.buy-stars-modal-buy-right{align-items:center;background-color:#781eff;border:4px solid #000;border-radius:30px;box-shadow:inset 0 -8px 0 #00000080;color:#fff;cursor:pointer;display:flex;font-family:Fredoka One,cursive;font-size:1.4rem;justify-content:center;margin-top:35px;padding:18px 24px;position:relative;transition:all .3s ease-in-out;width:70%}.buy-stars-modal-moonrock-icon{filter:drop-shadow(0 2px 0 rgba(0,0,0,.55));height:40px;margin-right:10px;object-fit:contain;width:40px}.buy-stars-modal-cost-number{color:#fffffff2;font-family:Fredoka One,cursive;font-size:30px;font-weight:900;text-shadow:0 2px 0 #000000a6}.buy-stars-modal-amount-20{filter:drop-shadow(0 2px 0 rgba(0,0,0,.55));height:auto;object-fit:contain;transition:transform .15s ease;width:70px}.buy-stars-modal-amount-20:hover{transform:scale(1.08)}.buy-stars-modal-header{background:radial-gradient(circle at 50% 0,#ff5adc29,#0000 55%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 10px 22px #0000004d,inset 0 0 0 1px #00000040;margin-bottom:10px;padding:14px 14px 12px;position:relative;z-index:2}.buy-stars-modal-title-text{color:#bedcfffa;font-family:Fredoka One,cursive;font-size:26px;letter-spacing:.6px;text-align:center;text-shadow:0 3px 0 #000000b3,0 0 22px #5aaaff38}.buy-stars-modal-subtitle{color:#ffffffe6;font-size:13px;font-weight:900;letter-spacing:.2px;margin-top:6px;text-align:center;text-shadow:0 2px 0 #000000a6}.buy-stars-modal-moonrock-stage{background:radial-gradient(circle at 50% 35%,#5aaaff1f,#0000 55%),#00000038;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 18px 45px #0000008c,inset 0 0 0 1px #00000059;display:grid;height:190px;overflow:hidden;place-items:center;position:relative}.buy-stars-modal-moonrock-img{animation:bsmFloat 2.8s ease-in-out infinite;filter:drop-shadow(0 22px 45px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(90,170,255,.18));height:150px;object-fit:contain;width:150px}.buy-stars-modal-quiz{background:radial-gradient(circle at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(180deg,#46befffa,#7846fffa);border:3px solid #000;border-radius:999px;box-shadow:inset 0 -4px 0 #00000059,0 14px 26px #00000073;color:#fffffff2;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;font-weight:900;letter-spacing:.5px;padding:12px 14px;text-shadow:0 2px 0 #000000a6;transition:transform .12s ease,filter .12s ease;width:100%}.buy-stars-modal-quiz:hover{filter:brightness(1.05);transform:translateY(-2px)}.buy-stars-modal-quiz:active{transform:translateY(0) scale(.99)}@media(max-width:520px){.buy-stars-modal-content{border-radius:18px;padding:14px 14px 12px}.buy-stars-modal-star-stage{height:190px}.buy-stars-modal-star-image{height:150px;width:150px}.buy-stars-modal-amount-image{margin-top:-24px;width:140px}}@media(max-width:768px){.buy-stars-modal-overlay{align-items:stretch;padding:0}.buy-stars-modal-content{-webkit-overflow-scrolling:touch;align-items:center;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.buy-stars-modal-close{height:52px;right:8px;top:8px;width:52px;z-index:10}.buy-stars-modal-close img{height:44px;width:44px}.buy-stars-modal-hero{flex:0 0 auto;width:100%}.buy-stars-modal-star-stage{height:180px}.buy-stars-modal-star-image{height:180px;width:180px}.buy-stars-modal-amount-image{margin-top:-40px;width:120px}.buy-stars-modal-header{width:100%}.buy-stars-modal-title-text{font-size:22px}.buy-stars-modal-actions{margin-top:auto;padding-top:12px;width:100%}.buy-stars-modal-buy-button{width:100%}.buy-stars-modal-buy-right{border-radius:16px;font-size:1.2rem;margin-top:20px;max-width:100%;min-height:56px;padding:16px 20px;width:100%}.buy-stars-modal-moonrock-stage{height:160px}.buy-stars-modal-quiz{font-size:15px;min-height:52px;padding:14px}.buy-stars-modal-moonrock-img{height:120px;width:120px}}@media(max-width:480px){.buy-stars-modal-star-stage{height:150px}.buy-stars-modal-star-image{height:150px;width:150px}.buy-stars-modal-title-text{font-size:20px}.buy-stars-modal-cost-number{font-size:24px}}.mergegame-item-modal-overlay{align-items:center;animation:mgOverlayFadeIn .14s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:radial-gradient(circle at 50% 35%,#7b00ff38,#000000db 58%),#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes mgOverlayFadeIn{0%{opacity:0}to{opacity:1}}.mergegame-item-modal-content{animation:mgPopIn .18s cubic-bezier(.2,.95,.25,1);background:#fff2e6;border:4px solid #7e5be9;border-radius:18px;box-shadow:0 16px 40px #00000059;color:#4a1fb8;max-height:min(98vh,900px);overflow:hidden;padding:18px 18px 16px;position:relative;transform-origin:center;width:min(780px,92vw)}@keyframes mgPopIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mergegame-item-modal-content:before{animation:mgFilmDrift 12s linear infinite;background:radial-gradient(circle at 12% 18%,#7b00ff2e 0 2px,#0000 3px),radial-gradient(circle at 72% 28%,#7b00ff24 0 2px,#0000 3px),radial-gradient(circle at 38% 70%,#40c9ff1f 0 2px,#0000 3px),radial-gradient(circle at 85% 78%,#7b00ff1f 0 2px,#0000 3px);background-size:220px 140px,260px 160px,240px 150px,280px 170px;content:"";inset:0;opacity:.35;pointer-events:none;position:absolute}@keyframes mgFilmDrift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:220px -140px,-260px 160px,240px -150px,-280px 170px}}.mergegame-item-modal-x{background:#0000;border:none;cursor:pointer;display:grid;height:70px;padding:0;place-items:center;position:absolute;right:18px;top:18px;width:70px;z-index:7}.mergegame-item-modal-x-img{height:70px;object-fit:contain;transition:transform .12s ease,filter .12s ease;width:70px}.mergegame-item-modal-x:hover .mergegame-item-modal-x-img{filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transform:scale(1.06) rotate(-2deg)}.mergegame-item-modal-x:active .mergegame-item-modal-x-img{transform:scale(.98)}.mergegame-item-modal-coin-layer{inset:0;pointer-events:none;position:absolute;z-index:6}.mergegame-item-modal-coin{animation-fill-mode:forwards;animation-name:mgCoinPop;animation-timing-function:cubic-bezier(.18,.9,.22,1);background:#ffffff38;border:3px solid #000;border-radius:999px;box-shadow:inset 0 -4px 0 #00000059,0 10px 18px #00000073;display:grid;font-family:Fredoka One,cursive;font-weight:900;line-height:1;place-items:center;position:absolute;transform:translate(-50%,-50%);will-change:transform,opacity}@keyframes mgCoinPop{0%{opacity:1;transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(.9)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1.08)}}.mergegame-item-modal-header{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:16px;box-shadow:0 10px 28px #7b00ff40,inset 0 0 14px #7b00ff1f;margin-bottom:12px;min-height:150px;padding:18px 16px;position:relative}.mergegame-item-modal-clicked-item{animation:mgFloat 2.8s ease-in-out infinite;background:#7b00ff1a;border:2px solid #7b00ff73;border-radius:18px;box-shadow:0 18px 45px #00000059,inset 0 0 14px #7b00ff1f;height:128px;left:50%;object-fit:contain;position:absolute;top:12px;transform:translateX(-50%);width:128px}@keyframes mgFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}.mergegame-item-modal-header h2{color:#f6edff;font-family:Fredoka One,cursive;font-size:18px;font-weight:900;letter-spacing:.4px;margin:0;padding-top:6px;text-align:center;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff;transform:translateY(130px)}.mergegame-item-modal-level-grid{grid-gap:10px;background:#fff6;border:2px solid #7b00ff38;border-radius:16px;box-shadow:inset 0 0 12px #7b00ff14;display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:14px;max-height:calc(84vh - 260px);overflow:auto;padding:10px}.mergegame-item-modal-level-grid::-webkit-scrollbar{width:10px}.mergegame-item-modal-level-grid::-webkit-scrollbar-thumb{background:#7b00ff38;border:2px solid #ffffff8c;border-radius:999px}.mergegame-item-modal-level-grid::-webkit-scrollbar-track{background:#0000001f;border-radius:999px}.mergegame-item-modal-level-item{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:16px;box-shadow:0 8px 22px #7b00ff2e,inset 0 0 12px #7b00ff1a;cursor:pointer;padding:8px;position:relative;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;-webkit-user-select:none;user-select:none}.mergegame-item-modal-level-item:hover{border-color:#7b00ff8c;box-shadow:0 14px 36px #7b00ff59,inset 0 0 16px #b478ff38;transform:translateY(-4px) scale(1.03)}.mergegame-item-modal-level-item img{aspect-ratio:1/1;border-radius:14px;box-shadow:0 10px 18px #00000040,0 0 0 2px #7b00ff29;object-fit:cover;width:100%}.mergegame-item-modal-level-item:before{background:linear-gradient(180deg,#ffffff38,#0000);border-radius:14px;content:"";height:42%;left:10px;opacity:.9;pointer-events:none;position:absolute;right:10px;top:10px}.mergegame-item-modal-level-label{background:#7b00ff1f;border:1px solid #7b00ff59;border-radius:999px;box-shadow:inset 0 0 8px #7b00ff2e,0 2px 6px #0000001f;color:#7b00ff;font-family:Fredoka One,cursive;font-size:12px;font-weight:900;letter-spacing:.3px;margin-top:4px;padding:6px 8px;text-align:center}.mergegame-item-modal-level-item--active{border-color:#7b00ffbf;box-shadow:0 16px 38px #7b00ff59,inset 0 0 18px #7b00ff2e}.mergegame-item-modal-level-item--active:after{border:2px solid #7b00ff59;border-radius:18px;box-shadow:0 0 18px #7b00ff33;content:"";inset:-2px;pointer-events:none;position:absolute}.mergegame-item-modal-level-item--locked{filter:saturate(.9)}.mergegame-item-modal-level-item--locked img{filter:grayscale(.55) brightness(.9) contrast(1.05)}.mergegame-item-modal-actions{align-items:center;display:flex;gap:10px;justify-content:center;padding:14px 6px 2px}.mergegame-item-modal-close-button{-webkit-appearance:none;appearance:none;background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-weight:900;letter-spacing:.4px;outline:none;padding:10px 18px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.mergegame-item-modal-close-button:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.mergegame-item-modal-close-button:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.submit-btn--green{align-items:center;background-color:#28be5a;box-shadow:0 6px #106e30c7;display:inline-flex;gap:10px;justify-content:center;margin-top:0;width:auto}.submit-btn--green:hover{box-shadow:0 4px #106e30d9;filter:brightness(1.05);transform:translateY(2px)}.submit-btn--green:active{box-shadow:0 3px #106e30eb;transform:translateY(2px)}.submit-btn-icon{background:#ffffff38;display:inline-grid;font-size:1.25em;height:34px;place-items:center;width:34px}.submit-btn-coin-amount,.submit-btn-icon{border:3px solid #000;border-radius:999px;box-shadow:inset 0 -4px 0 #00000059;line-height:1}.submit-btn-coin-amount{align-items:center;background:#00000040;display:inline-flex;font-size:1.05rem;justify-content:center;padding:6px 10px}@media(max-width:768px){.mergegame-item-modal-content{border-radius:16px;border-width:3px;max-height:95vh;max-height:95dvh;padding:14px;width:96vw}.mergegame-item-modal-header{border-radius:14px;min-height:120px;padding:14px 12px}.mergegame-item-modal-level-grid{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(80vh - 260px);max-height:calc(80dvh - 260px)}.mergegame-item-modal-x{height:48px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);right:10px;top:10px;width:48px}.mergegame-item-modal-x-img{height:48px;width:48px}}@media(max-width:560px){.mergegame-item-modal-overlay{align-items:flex-end;padding-bottom:0}.mergegame-item-modal-content{animation:mgSlideUp .22s cubic-bezier(.2,.95,.25,1);border-bottom:none;border-radius:20px 20px 0 0;margin:0;max-height:92vh;max-height:92dvh;padding:12px 12px 16px;width:100vw}@keyframes mgSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mergegame-item-modal-header{border-radius:12px;min-height:100px;padding:12px 10px}.mergegame-item-modal-header h2{font-size:15px;transform:translateY(110px)}.mergegame-item-modal-level-grid{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(70vh - 200px);max-height:calc(70dvh - 200px);padding:8px}.mergegame-item-modal-clicked-item{border-radius:14px;height:100px;top:0;width:100px}.mergegame-item-modal-x{height:44px;min-height:44px;min-height:var(--tap-target-min);min-width:44px;min-width:var(--tap-target-min);right:8px;top:8px;width:44px}.mergegame-item-modal-x-img{height:44px;width:44px}.mergegame-item-modal-level-item{border-radius:12px;min-height:44px;min-height:var(--tap-target-min);padding:6px}.mergegame-item-modal-close-button{font-size:15px;min-height:44px;min-height:var(--tap-target-min);padding:12px 22px}}@media(max-width:380px){.mergegame-item-modal-level-grid{gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.mergegame-item-modal-clicked-item{height:80px;width:80px}}.sell-confirm-overlay{align-items:center;animation:sellConfirmFadeIn .14s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#000000a6;border-radius:18px;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}@keyframes sellConfirmFadeIn{0%{opacity:0}to{opacity:1}}.sell-confirm-popup{align-items:center;animation:sellConfirmPopIn .18s cubic-bezier(.2,.95,.25,1);background:linear-gradient(160deg,#0f0a28eb,#1e0f3cf2);border:2px solid #7b00ff8c;border-radius:16px;box-shadow:0 16px 40px #00000080,inset 0 0 20px #7b00ff1f,0 0 30px #7b00ff26;display:flex;flex-direction:column;gap:8px;padding:20px 18px 16px;position:relative;width:min(320px,86%)}@keyframes sellConfirmPopIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sell-confirm-rare-badge{background:linear-gradient(135deg,#ff6b35,#ff3d00);border:2px solid #ffffff4d;border-radius:999px;box-shadow:0 4px 12px #ff3d0066;color:#fff;font-family:Fredoka One,cursive;font-size:.75rem;font-weight:900;left:50%;letter-spacing:.5px;padding:4px 16px;position:absolute;text-transform:uppercase;top:-12px;transform:translateX(-50%);white-space:nowrap}.sell-confirm-item-preview{background:#ffffff14;border:2px solid #7b00ff66;border-radius:14px;box-shadow:0 8px 20px #0000004d,inset 0 0 10px #7b00ff1a;display:grid;height:72px;padding:4px;place-items:center;width:72px}.sell-confirm-item-img{border-radius:10px;height:100%;object-fit:contain;width:100%}.sell-confirm-item-name{color:#fff;font-family:Fredoka One,cursive;font-size:1rem;font-weight:900;text-align:center;text-shadow:0 1px 4px #0006}.sell-confirm-level{color:#c8b4ffcc;font-family:Fredoka One,cursive;font-size:.78rem;letter-spacing:.3px}.sell-confirm-warning{background:#ffab401a;border:1px solid #ffab4040;border-radius:8px;color:#ffab40;font-family:Fredoka One,cursive;font-size:.82rem;padding:4px 12px;text-align:center}.sell-confirm-actions{display:flex;gap:10px;margin-top:6px;width:100%}.sell-confirm-cancel{-webkit-appearance:none;appearance:none;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;box-shadow:0 4px #0000004d;color:#fff;cursor:pointer;flex:1 1;font-family:Fredoka One,cursive;font-size:.88rem;font-weight:900;letter-spacing:.3px;outline:none;padding:10px 14px;transition:background .12s ease,transform .12s ease,box-shadow .12s ease}.sell-confirm-cancel:hover{background:#ffffff2e;box-shadow:0 3px #0000004d;transform:translateY(1px)}.sell-confirm-cancel:active{box-shadow:0 2px #0000004d;transform:translateY(2px)}.sell-confirm-confirm{align-items:center;-webkit-appearance:none;appearance:none;background:linear-gradient(145deg,#28be5a,#1ea04b);border:2px solid #106e3099;border-radius:12px;box-shadow:0 4px #106e30c7;color:#fff;cursor:pointer;display:inline-flex;flex:1.3 1;font-family:Fredoka One,cursive;font-size:.88rem;font-weight:900;gap:6px;justify-content:center;letter-spacing:.3px;outline:none;padding:10px 14px;transition:background .12s ease,transform .12s ease,box-shadow .12s ease,filter .12s ease}.sell-confirm-confirm:hover{box-shadow:0 3px #106e30d9;filter:brightness(1.08);transform:translateY(1px)}.sell-confirm-confirm:active{box-shadow:0 2px #106e30e6;transform:translateY(2px)}.sell-confirm-coin-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));height:18px;object-fit:contain;width:18px}.subscription-modal-overlay{align-items:center;background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.subscription-modal-content{align-items:center;background:linear-gradient(to bottom right,#53e,#6f0fff);border:3px solid #fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;justify-content:center;max-width:600px;min-height:70vh;overflow:visible;padding:50px;position:relative;text-align:center;width:93%}.subscription-modal-content h2{color:#fff;margin-bottom:20px;transform:translateY(-20px);width:350px}.subscription-actions{display:flex;flex-direction:column;gap:15px;margin:20px 0}.subscription-button{background-color:#06f;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin:0 auto 10px;padding:12px 20px;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;width:200px}.subscription-button:hover{background-color:#0050cc}.subscription-back-button{color:#fff;cursor:pointer;font-size:16px;left:20px;margin-top:20px;position:absolute;top:0}.subscription-back-button:hover{text-decoration:underline}.plan-selection{flex-direction:column;gap:15px;margin:20px 0}.plan-card,.plan-selection{align-items:center;display:flex}.plan-card{background:#fff;border:4px solid #000437;border-radius:8px;cursor:pointer;flex-direction:row;height:70px;justify-content:space-between;max-width:400px;padding:15px 30px;position:relative;text-align:left;transition:background-color .3s ease;width:300px}.plan-card:before{border-radius:12px;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.plan-card:hover{background:#e8e8e8}.plan-card.selected{background:#f0f9ff;border:2px solid #06f}.plan-top-label{align-items:center;display:flex;justify-content:space-between;left:0;min-height:24px;position:absolute;top:0}.plan-label-most-popular{background:linear-gradient(to bottom right,#cd42c4,#6f0fff);border-bottom-right-radius:4px;border-top-left-radius:4px;color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:3px 8px;transform:translateY(-1px)}.plan-checkmark{color:#06f;font-size:18px;margin-left:5px}.plan-title{font-size:25px;font-weight:600}.plan-price,.plan-title{color:#000437;transform:translateY(10px)}.plan-price{font-size:16px;letter-spacing:3px}.plan-note{color:#fff;font-family:Fellix-SemiBold;font-size:14px;line-height:1.4;margin-top:15px;width:390px}.subscription-close-button{background:none;border:none;cursor:pointer;height:70px;left:4px;padding:0;position:absolute;top:4px;transition:all .2s ease-in;width:70px}.close-quiz-btn:hover{scale:1.04}.subscription-close-button-image{width:80px}.subscription-unicorn-holder{height:70px;left:10px;position:absolute;top:30%;width:70px}.subscription-unicorn{width:110px}.subscription-dragon{width:125px}.subscription-dragon-holder{height:70px;position:absolute;right:63px;top:29%;width:70px}.checkout-form{display:flex;flex-direction:column;gap:20px;max-width:420px;width:100%}.checkout-form .plan-summary{margin-bottom:15px;text-align:left}.checkout-form .billing-info{background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 1px 3px #0003;padding:16px}.checkout-form .billing-info .form-row{display:flex;flex-direction:column;margin-bottom:15px}.checkout-form .billing-info .form-row label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:4px}.checkout-form .billing-info .form-row .card-element-container{background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px}.checkout-form .billing-info .form-row input,.checkout-form .billing-info .form-row select{border:1px solid #ccc;border-radius:6px;padding:10px}.checkout-form .billing-info .expiration-and-cvc{flex-direction:row;gap:10px}.checkout-form .billing-info .expiration-and-cvc .cvc,.checkout-form .billing-info .expiration-and-cvc .expiration{display:flex;flex:1 1;flex-direction:column}.checkout-form .checkout-error{background:#bb3030;border-radius:8px;color:#fff;font-size:16px;font-weight:500;margin-top:10px;padding:10px;text-align:center}.subscription-checkout-selected{background-color:#000437;border:3px solid #ffffff4d;border-radius:10px 10px 0 0;color:#fff;max-width:420px;padding:20px 0 5px;position:relative;width:100%}.hr-checkout-divider{background-color:#ffffff1a;border:none;height:2px;margin:10px 0}.plan-price-detail,.plan-summary-title{align-items:flex-start;color:#fff;display:flex;flex-direction:row;font-weight:700;justify-content:flex-start;margin-bottom:5px;padding:20px 30px}.plan-price-detail{font-size:1.2rem}.plan-summary-label{font-size:1rem;text-align:left;width:180px}.plan-summary-selected{font-size:1.4rem;text-align:left}.switch-plan{color:#fc55ff;cursor:pointer}.plan-summary-description,.switch-plan{font-family:Fellix-Bold;font-size:.8rem}.plan-summary-description{color:#8e8e8e}.checkout-submit{background-color:#000437;border:2px solid #000437;border-radius:12px;box-shadow:0 2px #fff;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;padding:10px 20px;transition:background-color .3s,box-shadow .3s,transform .3s}.payment-success-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.payment-success-content{background:linear-gradient(135deg,#f6c,#06f);border-radius:12px;box-shadow:0 10px 20px #0003;color:#fff;max-width:500px;padding:40px;text-align:center;width:90%}.payment-success-content h2{font-size:2.5rem;margin-bottom:20px}.payment-success-content p{font-size:1.2rem;margin-bottom:20px}.success-button{background:#fff;border-radius:8px;color:#06f;cursor:pointer;display:inline-block;font-weight:700;padding:12px 30px;transition:transform .2s ease}.success-button:hover{transform:scale(1.05)}.premium-member-section{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.premium-badge{align-items:center;background-color:gold;border-radius:12px;box-shadow:0 0 10px #ffd70066;display:inline-flex;gap:8px;margin-bottom:20px;padding:8px 16px}.premium-text{color:#333;font-size:1rem;font-weight:700}.premium-badge-image{height:auto;width:40px}.subscription-button-manage{background-color:#28a745!important;font-weight:700}.subscription-button-manage:hover{background-color:#218838!important}.subscription-button-cancel{color:#fff;cursor:pointer;font-size:14px;font-weight:700;text-decoration:underline}.checkout-unicorn-wrapper{left:0;position:absolute;top:-149.5px}@media(max-width:768px){.subscription-modal-overlay{align-items:stretch;padding:0}.subscription-modal-content{-webkit-overflow-scrolling:touch;border:none;border-radius:0;height:100%;max-width:100%;min-height:100vh;overflow-y:auto;padding:calc(20px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));width:100%}.subscription-modal-content h2{font-size:1.6rem;max-width:100%;transform:none;width:auto}.subscription-close-button{height:52px;left:8px;top:8px;width:52px;z-index:10}.subscription-close-button-image{width:44px}.subscription-dragon-holder,.subscription-unicorn-holder{display:none}.plan-selection{gap:12px;width:100%}.plan-card{border-radius:12px;height:auto;max-width:100%;min-height:70px;padding:14px 20px;width:100%}.plan-title{font-size:20px}.plan-price,.plan-title{transform:translateY(8px)}.plan-price{font-size:14px;letter-spacing:2px}.plan-note{font-size:13px;max-width:100%;width:100%}.checkout-form{gap:14px;max-width:100%;width:100%}.subscription-checkout-selected{border-radius:10px 10px 0 0;max-width:100%;width:100%}.plan-price-detail,.plan-summary-title{padding:14px 18px}.plan-summary-label{font-size:.9rem;width:140px}.plan-summary-selected{font-size:1.2rem}.checkout-form .billing-info{border-radius:0 0 10px 10px}.checkout-form .billing-info .form-row label{font-size:.95rem}.checkout-form .billing-info .form-row input,.checkout-form .billing-info .form-row select{font-size:16px;min-height:44px;padding:12px}.checkout-form .billing-info .card-element-container{min-height:44px;padding:14px}.checkout-submit{border-radius:14px;font-size:16px;min-height:52px;padding:14px 20px;width:100%}.checkout-form .checkout-error{font-size:14px;padding:12px}.payment-success-content{align-items:center;border-radius:0;display:flex;flex-direction:column;height:100%;justify-content:center;max-width:100%;padding:24px 20px;width:100%}.payment-success-content h2{font-size:2rem}.payment-success-content p{font-size:1.05rem}.success-button{max-width:280px;padding:14px 24px}.subscription-button,.success-button{font-size:16px;min-height:52px;width:100%}.subscription-button{border-radius:12px;max-width:100%;padding:14px 20px}.subscription-back-button{align-items:center;display:flex;min-height:44px;min-width:44px}.checkout-unicorn-wrapper{display:none}}@media(max-width:480px){.subscription-modal-content{padding:calc(16px + env(safe-area-inset-top)) 12px calc(16px + env(safe-area-inset-bottom))}.subscription-modal-content h2{font-size:1.3rem}.plan-card{padding:12px 16px}.plan-title{font-size:18px}.plan-price{font-size:13px;letter-spacing:1.5px}}.streak-modal-overlay{align-items:center;background-color:#000000e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}.streak-modal-content{background-color:#fff2e6;border-radius:20px;box-shadow:0 5px 20px #0000004d;font-family:Fredoka One,cursive;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%;z-index:9999999}.streak-modal-close{cursor:pointer;height:40px;position:absolute;right:10px;top:10px;width:40px}.streak-modal-close .close-button-image{height:100%;object-fit:contain;pointer-events:none;width:100%}.streak-count-container{display:inline-block;margin:0 auto;position:relative;transform:translateY(-10px)}.streak-count{font-size:48px}.streak-count,.streak-count-number{color:#f50;font-family:Fredoka One,cursive}.streak-count-number{font-size:32px;margin-top:10px}.streak-day-streak{color:#f50;font-family:Fredoka One,cursive;font-size:20px;margin:0 auto;width:200px}.streak-days{display:flex;font-family:Fredoka One,cursive;gap:5px;justify-content:space-between;margin-top:15px}.streak-day{align-items:center;background-color:#fff;border:1px solid #cbcbcb;border-radius:50%;color:#333;display:flex;font-size:14px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.streak-day.checked{background-color:#ff7300;border:2px solid #c11d00;color:#fff}.streak-message{color:#3a3a3a;font-size:14px;margin-top:15px}.streak-continue-btn{background-color:#9014f5;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.2rem;margin-top:1.5rem;padding:.8rem 1.2rem}.streak-continue-btn:hover{background-color:#7e12d6;transform:translateY(-2px);transition:all .2s ease}.streak-icon-animated{align-items:center;display:flex;flex-direction:column;height:200px;overflow:visible;position:relative;width:200px}.streak-icon-animated img{filter:drop-shadow(0 0 5px rgba(255,85,0,.8)) drop-shadow(0 0 10px rgba(255,120,0,.7)) drop-shadow(0 0 15px rgba(255,160,0,.6));height:80px;width:80px}.streak-icon-animated .explosion-burst-container{height:0;left:50%;pointer-events:none;position:absolute;top:20%;transform:translate(-50%,-50%);width:0}.streak-icon-animated .poof-particle{animation:radialPoof .8s ease-out forwards;background:radial-gradient(circle,#ff5722,#b71c1c);border-radius:50%;left:0;opacity:0;position:absolute;top:0}.streak-number-animated{display:inline-block}.streak-icon-animated.triggerExplosion img{animation:vibrateBuild 2s linear forwards,buildGlow 2s ease-in-out forwards}@keyframes vibrateBuild{0%{transform:translate(0) rotate(0deg)}3.3%{transform:translate(.5px,-.5px) rotate(.3deg)}6.6%{transform:translate(-.7px,.4px) rotate(-.4deg)}10%{transform:translate(1px,-.6px) rotate(.5deg)}13.3%{transform:translate(-1px,.7px) rotate(-.5deg)}16.6%{transform:translate(1.3px,-.9px) rotate(.6deg)}20%{transform:translate(-1.3px,1.1px) rotate(-.6deg)}23.3%{transform:translate(1.5px,-1.2px) rotate(.7deg)}26.6%{transform:translate(-1.5px,1.3px) rotate(-.7deg)}30%{transform:translate(1.7px,-1.4px) rotate(.8deg)}33.3%{transform:translate(-1.7px,1.5px) rotate(-.8deg)}36.6%{transform:translate(1.8px,-1.6px) rotate(.9deg)}40%{transform:translate(-1.8px,1.6px) rotate(-.9deg)}43.3%{transform:translate(2px,-1.7px) rotate(1deg)}46.6%{transform:translate(-2px,1.7px) rotate(-1deg)}50%{transform:translate(2px,-2px) rotate(1.2deg)}53.3%{transform:translate(-2px,2px) rotate(-1.2deg)}56.6%{transform:translate(1.8px,-1.7px) rotate(1.1deg)}60%{transform:translate(-1.8px,1.7px) rotate(-1.1deg)}63.3%{transform:translate(1.5px,-1.4px) rotate(1deg)}66.6%{transform:translate(-1.5px,1.4px) rotate(-1deg)}70%{transform:translate(1.2px,-1.1px) rotate(.8deg)}73.3%{transform:translate(-1.2px,1.1px) rotate(-.8deg)}76.6%{transform:translate(1px,-.9px) rotate(.7deg)}80%{transform:translate(-1px,.9px) rotate(-.7deg)}83.3%{transform:translate(.7px,-.6px) rotate(.5deg)}86.6%{transform:translate(-.7px,.6px) rotate(-.5deg)}90%{transform:translate(.4px,-.3px) rotate(.3deg)}93.3%{transform:translate(-.4px,.3px) rotate(-.3deg)}96.6%{transform:translate(.2px,-.2px) rotate(.1deg)}to{transform:translate(0) rotate(0deg)}}@keyframes buildGlow{0%{filter:drop-shadow(0 0 1px #ff9800) drop-shadow(0 0 2px #ff5722)}50%{filter:drop-shadow(0 0 2px #ff3d00) drop-shadow(0 0 3px #d32f2f)}to{filter:drop-shadow(0 0 3px #b71c1c) drop-shadow(0 0 4px #c23400)}}@keyframes radialPoof{0%{opacity:0;transform:translate(0) scale(0)}20%{opacity:1;transform:translate(0) scale(1.3)}80%{opacity:1;transform:translate(var(--poofX),var(--poofY)) scale(var(--poofScale))}to{opacity:0;transform:translate(var(--poofX),var(--poofY)) scale(var(--poofScale))}}.streak-pop-animation{animation:popSquish .5s ease-in-out}@keyframes popSquish{0%{transform:scale(1)}20%{transform:scale(1.4,.6)}40%{transform:scale(.8,1.2)}60%{transform:scale(1.1,.9)}80%{transform:scale(.95,1.05)}to{transform:scale(1)}}@media(max-width:768px){.streak-modal-overlay{align-items:stretch;height:100dvh;justify-content:stretch;padding:0}.streak-modal-content{align-items:center;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100dvh;justify-content:center;max-width:100%;padding:24px 20px;width:100%}.streak-modal-close{height:44px;padding:4px;right:16px;top:16px;width:44px}.streak-count{font-size:42px}.streak-count-number{font-size:28px}.streak-day-streak{font-size:18px}.streak-days{flex-wrap:nowrap;gap:6px;justify-content:center;margin-top:18px;max-width:360px;width:100%}.streak-day{font-size:12px;height:38px;min-height:38px;min-width:38px;width:38px}.streak-message{font-size:15px;line-height:1.4;margin-top:18px;padding:0 8px}.streak-continue-btn{border-radius:14px;font-size:1.2rem;margin-bottom:env(safe-area-inset-bottom,16px);margin-top:24px;max-width:320px;min-height:52px;padding:16px 24px;width:100%}.streak-continue-btn:active{background-color:#7e12d6;transform:scale(.97)}.streak-continue-btn:hover{transform:none}.streak-icon-animated{height:160px;width:160px}.streak-icon-animated img{height:70px;width:70px}}@media(max-width:480px){.streak-modal-content{padding:22px 18px}.streak-count{font-size:38px}.streak-count-number{font-size:26px}.streak-day-streak{font-size:16px;width:160px}.streak-days{gap:5px;margin-top:14px}.streak-day{font-size:12px;height:36px;min-height:36px;min-width:36px;width:36px}.streak-message{font-size:14px;margin-top:14px}.streak-continue-btn{font-size:1.15rem;margin-top:20px;min-height:50px}.streak-icon-animated{height:140px;width:140px}.streak-icon-animated img{height:64px;width:64px}}@media(max-width:390px){.streak-modal-content{padding:20px 16px}.streak-count{font-size:36px}.streak-days{gap:4px}.streak-day{font-size:11px;height:34px;min-height:34px;min-width:34px;width:34px}.streak-icon-animated{height:130px;width:130px}.streak-icon-animated img{height:60px;width:60px}}.sd-shell{display:inline-flex;position:relative}.sd-hud,.sd-shell{align-items:center;height:82px}.sd-hud{grid-gap:10px;background:#fff;border:3px solid #7e5be961;border-radius:18px;box-shadow:0 10px 22px #0000001f;box-sizing:border-box;color:#2b2b2b;display:grid;font-family:Fredoka,Fredoka One,system-ui,sans-serif;gap:10px;grid-template-columns:56px 1fr 40px;min-width:0;overflow:hidden;padding:8px 10px;width:100%}.sd-hud__creature{display:grid;height:60px;place-items:center;width:60px}.sd-hud__creature img{filter:drop-shadow(0 3px 0 rgba(0,0,0,.12));height:60px;object-fit:contain;pointer-events:none;width:60px}.sd-hud__content{grid-row-gap:4px;align-content:center;display:grid;grid-template-rows:auto auto 1fr;height:100%;min-width:0;row-gap:4px}.sd-hud__top{align-items:center;display:flex;justify-content:space-between}.sd-hud__title{color:#3d1e6d;font-size:11px;font-weight:900;white-space:nowrap}.sd-hud__swap{background:#fff;border:2px solid #7e5be959;border-radius:10px;box-shadow:0 4px 10px #0000001f;cursor:pointer;display:grid;height:26px;place-items:center;width:26px}.sd-hud__swap img{height:14px;pointer-events:none;width:14px}.sd-hud__mid{align-items:baseline;display:flex;justify-content:space-between}.sd-hud__name{font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-hud__level{color:#6b7280;font-size:11px;font-weight:900}.sd-hud__row{align-items:center;display:flex;justify-content:space-between}.sd-hud__frac,.sd-hud__label{color:#3d1e6d;font-size:11px;font-weight:900}.sd-hud__bar{align-self:end;padding-bottom:2px;width:100%}.sd-container{width:100%}.sd-container--compact{--sd-height:12px}.sd-hud__swap--col{align-self:center;justify-self:end}.sd-bg{background:#1d0f33;border:2px solid #1a0b3c;border-radius:999px;box-shadow:0 2px 0 #00000080;height:var(--sd-height);overflow:hidden;position:relative}.sd-fill{background:linear-gradient(90deg,#29cdff,#7e5be9);border-radius:999px 0 0 999px;height:100%;transition:width .4s ease}.sd-gloss{display:flex;height:40%;left:0;pointer-events:none;position:absolute;right:0;top:2px;z-index:2}.sd-gloss-full{background:#a8f1ff}.sd-gloss-empty{background:#3e2b52;flex:1 1}.sd-hud--empty{grid-template-columns:1fr;height:64px}.sd-hud--empty .sd-hud__creature{display:none}.sd-hud--empty .sd-hud__content{align-items:center;gap:6px}@media(max-width:420px){.sd-hud{width:calc(100vw - 20px)}}.sd-swapModal__overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:999999}.sd-swapModal__content{border-radius:18px;max-height:calc(100vh - 24px);overflow:auto;position:relative;width:min(520px,100vw - 24px)}.sd-swapModal__close{background:#fff;border:2px solid #7e5be959;border-radius:14px;cursor:pointer;display:grid;height:38px;place-items:center;position:absolute;right:10px;top:10px;width:38px}.sd-swapModal__close img{height:18px;width:18px}.sd-swapModal__title{color:#3d1e6d;font-size:20px;font-weight:900;margin:6px 0 4px}.sd-swapModal__sub{color:#6b7280;font-size:14px;font-weight:700;margin:0 0 14px}.sd-swapModal__primary{background:linear-gradient(180deg,#a864fd,#7e5be9);border:none;border-radius:16px;box-shadow:0 10px 0 #3d1e6d40;color:#fff;cursor:pointer;font-weight:900;height:46px;width:100%}.sd-swapModal-enter{opacity:0;transform:scale(.96)}.sd-swapModal-enter-active{transition:opacity .22s ease,transform .22s ease}.sd-swapModal-enter-active,.sd-swapModal-exit{opacity:1;transform:scale(1)}.sd-swapModal-exit-active{opacity:0;transform:scale(.96);transition:opacity .22s ease,transform .22s ease}.sd-shell--xpBump .sd-hud__bar{animation:sdBarBump .26s ease-out}.sd-shell--xpBump .sd-hud__creature img{animation:sdCreatureBump .26s ease-out}@keyframes sdBarBump{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes sdCreatureBump{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-2px) scale(1.03)}to{transform:translateY(0) scale(1)}}@media(max-width:768px){.sd-shell{display:flex;justify-content:center;width:100%}.sd-hud{border-radius:14px;gap:8px;grid-template-columns:48px 1fr 36px;max-width:none;min-width:0;padding:8px 10px;width:100%}.sd-hud__creature,.sd-hud__creature img{height:48px;width:48px}.sd-hud__name{font-size:13px}.sd-hud__frac,.sd-hud__label,.sd-hud__level,.sd-hud__title{font-size:10px}.sd-hud__swap{border-radius:10px;height:32px;min-height:32px;min-width:32px;width:32px}.sd-hud__swap img{height:14px;width:14px}.sd-swapModal__content{border-radius:16px;max-height:calc(100vh - 48px);width:calc(100vw - 24px)}.sd-swapModal__primary{border-radius:14px;font-size:16px;min-height:48px}}@media(max-width:480px){.sd-hud{gap:6px;grid-template-columns:42px 1fr 30px;height:auto;min-height:68px;padding:6px 8px}.sd-hud__creature,.sd-hud__creature img{height:42px;width:42px}.sd-hud__name{font-size:12px}.sd-hud__swap{height:28px;min-height:28px;min-width:28px;width:28px}}.starter-selection-overlay{align-items:center;background:#fff2e6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999999}.starter-selection-overlay .starter-modal{background:#fff2e6;border-radius:18px;color:#000;font-family:Fredoka One,cursive;max-width:1000px;padding:40px;position:relative;text-align:center;width:95%;z-index:1000}.starter-selection-overlay .starter-modal h2{color:#4e006e;font-size:2.2rem;margin-bottom:32px}.starter-selection-overlay .starter-modal .starter-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card{align-items:center;background-color:#e9d6ff;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;padding:20px;transition:background-color .3s ease,transform .2s ease;width:200px}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card:hover{background-color:#f7f0ff}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card.selected{background-color:#d9b3ff;box-shadow:inset 0 0 0 3px #6c2ca9}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card img{margin-bottom:14px;max-height:130px;object-fit:contain}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card .starter-name{color:#333;font-size:1.1rem}.starter-selection-overlay .starter-modal .starter-selection-confirm-btn{background-color:#af71ff;border:none;border-radius:18px;box-shadow:0 3px #6c2ca9;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.4rem;padding:14px 28px;transition:all .3s ease}.starter-selection-overlay .starter-modal .starter-selection-confirm-btn:hover{background-color:#bd8bff;transform:translateY(-2px)}.starter-selection-overlay .starter-modal .starter-selection-confirm-btn:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed}@media(max-width:768px){.starter-selection-overlay{-webkit-overflow-scrolling:touch;align-items:flex-start;height:100dvh;overflow-y:auto}.starter-selection-overlay .starter-modal{align-items:center;border-radius:0;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:100dvh;padding:24px 16px;width:100%}.starter-selection-overlay .starter-modal h2{font-size:1.6rem;margin-bottom:20px}.starter-selection-overlay .starter-modal .starter-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;margin-bottom:28px;max-width:480px;width:100%}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:14px;max-width:180px;min-height:160px;padding:16px 12px;width:100%}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card:active{transform:scale(.96)}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card.selected{box-shadow:inset 0 0 0 3px #6c2ca9,0 4px 16px #6c2ca94d;transform:scale(1.02)}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card img{margin-bottom:10px;max-height:100px}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card .starter-name{font-size:1rem}.starter-selection-overlay .starter-modal .starter-selection-confirm-btn{border-radius:14px;font-size:1.25rem;margin-bottom:env(safe-area-inset-bottom,16px);max-width:320px;min-height:52px;padding:16px 24px;width:100%}.starter-selection-overlay .starter-modal .starter-selection-confirm-btn:active{transform:scale(.97)}.starter-selection-overlay .starter-modal .starter-selection-confirm-btn:hover{transform:none}}@media(max-width:390px){.starter-selection-overlay .starter-modal{padding:20px 12px}.starter-selection-overlay .starter-modal h2{font-size:1.35rem;margin-bottom:16px}.starter-selection-overlay .starter-modal .starter-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card{min-height:130px;padding:12px 8px}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card img{max-height:75px}.starter-selection-overlay .starter-modal .starter-grid .starter-selection-card .starter-name{font-size:.85rem}}.qhbar{align-items:center;background:#fff2e6;border:none;border-bottom:3px solid #7e5be959;border-radius:0;box-shadow:0 16px 40px #0000001f;box-sizing:border-box;display:grid;font-family:Fredoka,Fredoka One,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;grid-template-columns:auto 12px 1fr;height:84px;margin:0;padding:2px 18px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2000}.qhbar__left,.qhbar__right{align-items:center;display:flex;gap:12px;height:100%;min-width:0}.qhbar__vdiv{align-self:center;background:linear-gradient(180deg,#7e5be900,#7e5be9a6,#7e5be900);border-radius:999px;box-shadow:0 2px 0 #0000001f;height:72%;justify-self:center;width:2px}.qhbar__chamber{align-items:center;display:flex;flex:1 1;height:82px;position:relative}.qhbar .sd-shell{left:auto!important;position:relative!important;right:auto!important;top:auto!important;z-index:auto!important}.qhbar .sd-hud.sd-hud--compact{border-radius:18px!important;height:82px!important;min-height:0!important;padding:8px 10px!important;width:250px!important}.qhbar .sd-hud__title{font-size:11.5px!important}.qhbar .sd-hud__name{font-size:14px!important}.qhbar .sd-hud__level{font-size:11px!important}.qhbar .sd-hud__swap{border-radius:9px!important;height:30px!important;width:30px!important}.qhbar .sd-hud__swap img{height:16px!important;width:16px!important}.qhbar .sd-container--compact{--sd-height:12px!important}.qhbar__starCard{background:#fff;border:3px solid #7e5be961;border-radius:18px;box-shadow:0 10px 22px #0000001f;box-sizing:border-box;display:flex;flex:0 0 auto;flex-direction:column;gap:10px;height:82px;justify-content:center;overflow:hidden;padding:10px 12px;position:relative;width:230px}.qhbar__starCard:before{background:linear-gradient(180deg,#ffffff8c,#fff0);content:"";height:16px;inset:0 0 auto 0;pointer-events:none;position:absolute}.qhbar__starTop{align-items:center;display:flex;gap:10px;justify-content:space-between}.qhbar__starLabel{color:#3d1e6d;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.qhbar__timerPill{align-items:center;background:#fff6ee;border:2px solid #7e5be947;border-radius:999px;box-shadow:0 4px 10px #0000001a;display:inline-flex;gap:8px;height:28px;padding:0 10px}.qhbar__timerLabel{color:#6b7280;font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.qhbar__timerValue{color:#2b2b2b;font-size:12px;font-weight:900}.qhbar__starRow{align-items:center;display:flex;gap:10px;min-width:0}.qhbar__starIcon{filter:drop-shadow(0 6px 10px rgba(126,91,233,.18));flex:0 0 auto;height:30px;object-fit:contain;width:30px}.qhbar__starNums{align-items:center;background:#fff6ee;border:2px solid #0f172a1a;border-radius:16px;box-shadow:inset 0 2px 0 #ffffffa6;box-sizing:border-box;display:grid;flex:1 1;grid-template-columns:1fr 2px 1.15fr;height:42px;min-width:0;padding:0 10px}.qhbar__starNow{align-items:baseline;display:flex;gap:8px;min-width:0}.qhbar__starNowValue{color:#2b2b2b;font-size:20px;font-weight:900;line-height:1}.qhbar__starNowUnit{color:#6b7280;font-size:11px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transform:translateY(-3px);white-space:nowrap}.qhbar__starDivider{background:#7e5be959;border-radius:999px;height:62%;justify-self:center;transform:translateX(13px);width:2px}.qhbar__starNext{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:0}.qhbar__starNextLabel{color:#6b7280;font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transform:translateY(2px);white-space:nowrap}.qhbar__starNextValue{color:#2b2b2b;font-size:13px;font-weight:900;transform:translateX(-4px);white-space:nowrap}.qhbar__starCard.is-pop{animation:qhPop .52s cubic-bezier(.18,.9,.22,1)}.qhbar__starCard.is-pop .qhbar__starIcon{animation:qhIconSpin .52s cubic-bezier(.18,.9,.22,1)}@keyframes qhPop{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes qhIconSpin{0%{transform:rotate(0deg) scale(1)}35%{transform:rotate(10deg) scale(1.1)}70%{transform:rotate(-6deg) scale(1.05)}to{transform:rotate(0deg) scale(1)}}.qhbar__sparkles{inset:0;opacity:0;pointer-events:none;position:absolute}.qhbar__starCard.is-pop .qhbar__sparkles{opacity:1}.qhbar__sparkle{animation:qhSparkle .52s ease-out forwards;background:radial-gradient(circle,#7e5be9d9,#7e5be900);border-radius:999px;filter:blur(.2px);height:10px;position:absolute;width:10px}.qhbar__sparkle.s1{animation-delay:0ms;right:18px;top:10px}.qhbar__sparkle.s2{animation-delay:60ms;right:42px;top:28px}.qhbar__sparkle.s3{animation-delay:.11s;bottom:12px;right:20px}@keyframes qhSparkle{0%{opacity:0;transform:scale(.6)}35%{opacity:.9;transform:scale(1.4)}to{opacity:0;transform:scale(.9)}}.qhbar.is-level-up .sd-container--compact{animation:qhXpFlash 1.5s ease-out forwards}@keyframes qhXpFlash{0%{box-shadow:0 0 0 #ffd70000}15%{box-shadow:0 0 16px #ffd700e6,0 0 32px #ffb40080}40%{box-shadow:0 0 10px #ffd70099,0 0 20px #ffb4004d}to{box-shadow:0 0 0 #ffd70000}}.qhbar.is-level-up .sd-bar__fill{animation:qhBarFillGold 1.5s ease-out forwards}@keyframes qhBarFillGold{0%{background:linear-gradient(90deg,gold,#ffb300);width:100%}40%{background:linear-gradient(90deg,gold,#ffb300);width:100%}to{background:none}}.qhbar__levelUp{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.qhbar__levelUpText{animation:qhLevelUpText 1.5s cubic-bezier(.18,.9,.22,1) forwards;color:gold;font-family:Fredoka,Fredoka One,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:900;letter-spacing:.08em;text-shadow:0 0 8px #ffd700cc,0 2px 4px #0006,0 0 20px #ffb40080;text-transform:uppercase;white-space:nowrap}@keyframes qhLevelUpText{0%{opacity:0;transform:translateY(12px) scale(.6)}20%{opacity:1;transform:translateY(-4px) scale(1.15)}40%{opacity:1;transform:translateY(-6px) scale(1)}80%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-14px) scale(.9)}}.qhbar__levelUpNum{animation:qhLevelNumBounce 1.5s cubic-bezier(.18,.9,.22,1) forwards;color:#fff;font-family:Fredoka,Fredoka One,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:900;text-shadow:0 0 6px #ffd700b3,0 1px 3px #00000080;white-space:nowrap}@keyframes qhLevelNumBounce{0%{opacity:0;transform:scale(.4)}25%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.25)}55%{opacity:1;transform:scale(.95)}65%{opacity:1;transform:scale(1.08)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.qhbar__confetti{border-radius:2px;height:8px;opacity:0;pointer-events:none;position:absolute;width:8px}.qhbar__confetti.c1{animation:qhConfetti1 1.5s ease-out forwards;background:gold;left:15%;top:20%}.qhbar__confetti.c2{animation:qhConfetti2 1.5s ease-out 60ms forwards;background:#ff6b6b;right:20%;top:15%}.qhbar__confetti.c3{animation:qhConfetti3 1.5s ease-out .12s forwards;background:#48dbfb;left:8%;top:50%}.qhbar__confetti.c4{animation:qhConfetti4 1.5s ease-out 80ms forwards;background:#ff9ff3;right:10%;top:45%}.qhbar__confetti.c5{animation:qhConfetti5 1.5s ease-out 40ms forwards;background:gold;bottom:20%;left:20%}.qhbar__confetti.c6{animation:qhConfetti6 1.5s ease-out .1s forwards;background:#54a0ff;bottom:25%;right:18%}.qhbar__confetti.c7{animation:qhConfetti7 1.5s ease-out .15s forwards;background:#5f27cd;left:40%;top:30%}.qhbar__confetti.c8{animation:qhConfetti8 1.5s ease-out 50ms forwards;background:#ff6348;bottom:30%;right:35%}@keyframes qhConfetti1{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(-14px,-18px) scale(1.1) rotate(45deg)}to{opacity:0;transform:translate(-22px,-30px) scale(.4) rotate(120deg)}}@keyframes qhConfetti2{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(12px,-20px) scale(1) rotate(-30deg)}to{opacity:0;transform:translate(20px,-34px) scale(.3) rotate(-100deg)}}@keyframes qhConfetti3{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(-18px,-6px) scale(1.2) rotate(60deg)}to{opacity:0;transform:translate(-28px,-14px) scale(.3) rotate(180deg)}}@keyframes qhConfetti4{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(16px,-8px) scale(1) rotate(-45deg)}to{opacity:0;transform:translate(26px,-18px) scale(.4) rotate(-140deg)}}@keyframes qhConfetti5{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(-10px,12px) scale(1.1) rotate(30deg)}to{opacity:0;transform:translate(-18px,6px) scale(.3) rotate(90deg)}}@keyframes qhConfetti6{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(14px,10px) scale(1) rotate(-50deg)}to{opacity:0;transform:translate(22px,4px) scale(.4) rotate(-160deg)}}@keyframes qhConfetti7{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(-6px,-22px) scale(1.2) rotate(70deg)}to{opacity:0;transform:translate(-12px,-36px) scale(.3) rotate(200deg)}}@keyframes qhConfetti8{0%{opacity:0;transform:translate(0) scale(.3) rotate(0deg)}20%{opacity:1;transform:translate(8px,14px) scale(1) rotate(-40deg)}to{opacity:0;transform:translate(16px,8px) scale(.4) rotate(-120deg)}}.qhbar.is-level-up .sd-hud__creature{animation:qhCreatureGlow 1.5s ease-out forwards}@keyframes qhCreatureGlow{0%{filter:drop-shadow(0 0 0 rgba(255,215,0,0))}20%{filter:drop-shadow(0 0 14px rgba(255,215,0,.85)) drop-shadow(0 0 28px rgba(255,180,0,.4))}60%{filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}to{filter:drop-shadow(0 0 0 rgba(255,215,0,0))}}@media(prefers-reduced-motion:reduce){.qhbar.is-level-up .sd-bar__fill,.qhbar.is-level-up .sd-container--compact,.qhbar.is-level-up .sd-hud__creature,.qhbar__confetti,.qhbar__levelUpNum,.qhbar__levelUpText{animation:none!important}}.qhbar__progressCard{align-items:center;background:#fff;border:3px solid #7e5be947;border-radius:18px;box-shadow:0 10px 22px #0000001f;box-sizing:border-box;display:flex;gap:12px;height:82px;overflow:hidden;padding:10px 12px;width:100%}.qhbar__progressTop{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.qhbar__progressLabel{color:#3d1e6d;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.qhbar__progressMeta{color:#6b7280;font-size:12px;font-weight:900;white-space:nowrap}.qhbar__progressBarWrap{align-items:center;display:flex;flex:1 1;height:100%;max-width:92%;min-width:0}.qhbar__closeBtn{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:inline-flex;filter:drop-shadow(0 0 10px rgba(175,113,255,.55)) drop-shadow(0 6px 14px rgba(0,0,0,.35));flex:0 0 auto;height:56px;justify-content:center;padding:0;transition:transform .2s ease,filter .2s ease;width:56px}.qhbar__closeBtn:hover{filter:drop-shadow(0 0 14px rgba(175,113,255,.75)) drop-shadow(0 10px 22px rgba(0,0,0,.45));transform:scale(1.1) rotate(-2deg)}.qhbar__closeBtn:active{transform:scale(1.04)}.qhbar__closeBtn img{height:100%;object-fit:contain;pointer-events:none;width:100%}@media(max-width:900px){.qhbar{gap:10px;grid-template-columns:1fr;height:auto}.qhbar__vdiv{display:none}.qhbar__starCard{width:100%}}@media(max-width:768px){.qhbar{border-bottom-width:2px;box-shadow:0 8px 20px #0000001a;gap:6px;grid-template-columns:1fr;height:auto;padding:6px 10px}.qhbar__vdiv{display:none}.qhbar__left{align-items:stretch;flex-wrap:nowrap;gap:6px}.qhbar__left,.qhbar__right{height:auto;width:100%}.qhbar__chamber{flex:1 1;height:68px;min-width:0}.qhbar__starCard{flex:0 1 200px;gap:6px;height:68px;min-width:160px;padding:6px 10px;width:auto}.qhbar__starIcon{height:26px;width:26px}.qhbar__starNums{border-radius:14px;height:38px;padding:0 8px}.qhbar__starRow{gap:6px}.qhbar__starNow{gap:5px}.qhbar__starNowValue{font-size:17px}.qhbar__starNowUnit{font-size:10px}.qhbar__starNextLabel{font-size:9px}.qhbar__starNextValue{font-size:12px}.qhbar__starNextHint{font-size:8px;margin-top:1px}.qhbar__progressCard{border-radius:14px;gap:8px;height:48px;padding:6px 10px}.qhbar__progressBarWrap{max-width:90%}.qhbar__closeBtn{height:48px;min-height:48px;min-width:48px;width:48px}.qhbar .sd-hud.sd-hud--compact{height:68px!important;padding:6px 8px!important;width:200px!important}.qhbar .sd-hud{gap:6px!important;grid-template-columns:44px 1fr 30px!important}.qhbar .sd-hud__content{row-gap:2px!important}.qhbar .sd-hud__creature,.qhbar .sd-hud__creature img{height:48px!important;width:48px!important}.qhbar .sd-hud__name{font-size:12px!important}.qhbar .sd-hud__level{font-size:10px!important}.qhbar .sd-container--compact{--sd-height:10px!important}}@media(prefers-reduced-motion:reduce){.qhbar__sparkle,.qhbar__starCard.is-pop,.qhbar__starCard.is-pop .qhbar__starIcon{animation:none!important}}@media(max-width:520px){.qhbar{grid-gap:3px;display:grid;gap:3px;grid-template-columns:1fr;height:auto!important;padding:4px 6px}.qhbar__vdiv{display:none}.qhbar__left{display:contents}.qhbar__chamber{height:52px;min-width:0}.qhbar__starCard{border-radius:12px;border-width:2px;gap:4px;height:44px;min-width:100px;padding:4px 8px;width:auto}.qhbar{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.qhbar__chamber{grid-column:1/-1;grid-row:1}.qhbar__starCard{grid-column:1;grid-row:2}.qhbar__right{align-items:stretch;grid-column:2;grid-row:2;height:auto;min-width:0;width:auto}.qhbar__progressCard{background:none;border:none;border-radius:12px;box-shadow:none;height:44px;min-width:0;padding:4px 6px;width:100%}.qhbar__progressBarWrap{height:100%;max-width:100%;padding:0;transform:none}.qhbar .sd-hud.sd-hud--compact{border-radius:12px!important;height:52px!important;padding:4px 8px!important;width:100%!important}.qhbar .sd-hud{gap:6px!important;grid-template-columns:32px 1fr 28px!important}.qhbar .sd-hud__content{row-gap:1px!important}.qhbar .sd-hud__creature,.qhbar .sd-hud__creature img{height:32px!important;width:32px!important}.qhbar .sd-hud__swap{border-radius:7px!important;height:24px!important;width:24px!important}.qhbar .sd-hud__swap img{height:12px!important;width:12px!important}.qhbar .sd-hud__name{font-size:11px!important}.qhbar .sd-hud__frac,.qhbar .sd-hud__label,.qhbar .sd-hud__level{font-size:9px!important}.qhbar .sd-container--compact{--sd-height:8px!important}.qhbar__starIcon{height:20px;width:20px}.qhbar__starNums{border-radius:12px;grid-template-columns:auto 2px 1fr;height:30px;padding:0 5px}.qhbar__starRow{gap:4px}.qhbar__starNow{gap:3px}.qhbar__starNowValue{font-size:14px}.qhbar__starNowUnit{font-size:9px;transform:translateY(-1px)}.qhbar__starNextLabel{font-size:8px}.qhbar__starNextValue{font-size:10px;transform:translateX(-2px)}.qhbar__starDivider{transform:translateX(4px)}.qhbar__starNextHint{font-size:7px;margin-top:1px}.segmented-progress-bar-container{margin:0 auto;max-width:none;transform:none;width:100%}.segmented-progress-bar-background{border-radius:5px;height:18px;margin-top:0}.segmented-progress-bar-gloss{top:2px}.segment-reward-display{right:-14px;transform:translateY(-55%)}.segment-reward-icon{height:28px;width:28px}.segment-reward-text-container .segment-reward-text-main,.segment-reward-text-container .segment-reward-text-outline{font-size:18px;left:-10px;top:-10px}.qhbar__closeBtn{height:40px;min-height:40px;min-width:40px;width:40px}}.qhbar__starNumsWrap{align-items:stretch;display:flex;flex-direction:column;min-width:0}.qhbar__starNextHint{align-self:flex-end;color:#6b7280f2;font-size:9px;font-weight:900;letter-spacing:.02em;line-height:1;margin-top:2px;padding-right:2px;text-transform:uppercase;white-space:nowrap}@media(max-width:480px){.qhbar{border-bottom-width:2px;gap:2px;height:auto!important;padding:3px 4px}.qhbar__left{gap:3px}.qhbar__chamber{height:46px}.qhbar .sd-hud.sd-hud--compact{border-radius:10px!important;height:46px!important;padding:3px 6px!important}.qhbar .sd-hud{gap:4px!important;grid-template-columns:28px 1fr 24px!important}.qhbar .sd-hud__creature,.qhbar .sd-hud__creature img{height:28px!important;width:28px!important}.qhbar .sd-hud__name{font-size:10px!important}.qhbar .sd-hud__frac,.qhbar .sd-hud__label,.qhbar .sd-hud__level{font-size:8px!important}.qhbar .sd-hud__swap{border-radius:6px!important;height:22px!important;width:22px!important}.qhbar .sd-hud__swap img{height:11px!important;width:11px!important}.qhbar .sd-container--compact{--sd-height:7px!important}.qhbar__starCard{border-radius:10px;gap:2px;height:38px;min-width:80px;padding:3px 6px}.qhbar__starIcon{height:18px;width:18px}.qhbar__starDivider,.qhbar__starNext,.qhbar__starNextHint{display:none!important}.qhbar__starNums{border-radius:10px;grid-template-columns:1fr;height:26px;padding:0 6px}.qhbar__starNow{gap:3px}.qhbar__starNowValue{font-size:13px}.qhbar__starNowUnit{font-size:8px;transform:translateY(-1px)}.qhbar__starRow{gap:3px}.qhbar__progressCard{border-radius:10px;gap:4px;height:38px;padding:3px 6px}.qhbar__progressBarWrap{max-width:100%;transform:none}.qhbar__closeBtn{height:36px;min-height:36px;min-width:36px;width:36px}.segmented-progress-bar-container{width:100%}.segmented-progress-bar-background{border-radius:4px;height:16px}.segmented-progress-bar-gloss{top:2px}.segment-reward-display{right:-12px}.segment-reward-icon{height:24px;width:24px}.segment-reward-text-container .segment-reward-text-main,.segment-reward-text-container .segment-reward-text-outline{font-size:14px;left:-8px;top:-8px}}@media(max-width:360px){.qhbar{gap:2px;padding:2px 3px}.qhbar__chamber{height:42px}.qhbar .sd-hud.sd-hud--compact{height:42px!important;padding:2px 4px!important}.qhbar .sd-hud{gap:3px!important;grid-template-columns:24px 1fr 22px!important}.qhbar .sd-hud__creature,.qhbar .sd-hud__creature img{height:24px!important;width:24px!important}.qhbar .sd-hud__name{font-size:9px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qhbar .sd-hud__level{font-size:7px!important}.qhbar .sd-hud__swap{height:20px!important;width:20px!important}.qhbar .sd-container--compact{--sd-height:6px!important}.qhbar__starCard{height:34px;min-width:64px;padding:2px 5px}.qhbar__starIcon{height:16px;width:16px}.qhbar__starNowUnit{display:none}.qhbar__starNums{height:24px;padding:0 4px}.qhbar__starNowValue{font-size:12px}.qhbar__progressCard{height:34px;padding:2px 4px}.qhbar__closeBtn{height:32px;min-height:32px;min-width:32px;width:32px}.segmented-progress-bar-background{border-radius:4px;height:14px}.segment-reward-icon{height:20px;width:20px}.segment-reward-text-container .segment-reward-text-main,.segment-reward-text-container .segment-reward-text-outline{font-size:12px;left:-6px;top:-6px}}.stbar{align-items:center;background:#fff2e6;border-bottom:3px solid #7e5be959;box-sizing:border-box;display:grid;font-family:Fredoka,Fredoka One,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;grid-template-columns:auto 12px 1fr 12px auto;height:97px;margin:0;padding:2px 14px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2000}.stbar__center,.stbar__left,.stbar__right{align-items:center;display:flex;gap:12px;height:100%;min-width:0}.stbar__right{justify-content:flex-end}.stbar__vdiv{align-self:center;background:linear-gradient(180deg,#7e5be900,#7e5be9a6,#7e5be900);border-radius:999px;box-shadow:0 2px 0 #0000001f;height:72%;justify-self:center;width:2px}.stbar__chamber{align-items:center;display:flex;height:95px}.stbar .sd-shell{left:auto!important;position:relative!important;right:auto!important;top:auto!important;z-index:auto!important}.stbar .sd-hud.sd-hud--compact{border-radius:18px!important;height:95px!important;min-height:0!important;padding:8px 10px!important;width:240px!important}.stbar .sd-hud__swap{border-radius:9px!important;height:30px!important;width:30px!important}.stbar .sd-hud__swap img{height:16px!important;width:16px!important}.stbar .sd-container--compact{--sd-height:12px!important}.stbar__scenarioCard{background:#fff;border:3px solid #7e5be947;border-radius:18px;box-shadow:0 10px 22px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:95px;justify-content:space-between;min-width:0;overflow:visible;padding:10px 12px;position:relative;transition:box-shadow .3s ease;width:100%}.stbar__scenarioCard:before{background:linear-gradient(180deg,#ffffff8c,#fff0);content:"";height:16px;inset:0 0 auto 0;pointer-events:none;position:absolute}.stbar__titleRow{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.stbar__titleText{color:#2b2b2b;font-size:18px;font-weight:900;line-height:1;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stbar__badge{background:#7e5be9;border-radius:999px;box-shadow:0 6px 14px #00000024;color:#fff;flex:0 0 auto;font-size:12px;font-weight:900;letter-spacing:.04em;padding:7px 14px;text-transform:uppercase;transition:background .35s ease,box-shadow .35s ease,transform .35s ease}.stbar__badge.is-beginner{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 16px #34d39980,0 6px 14px #0000001f}.stbar__badge.is-improver{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 16px #60a5fa80,0 6px 14px #0000001f}.stbar__badge.is-intermediate{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 16px #a78bfa80,0 6px 14px #0000001f}.stbar__badge.is-advanced{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 4px 16px #f472b680,0 6px 14px #0000001f}.stbar__progressWrap{align-items:center;border-radius:16px;box-sizing:border-box;display:flex;height:52px;min-width:0;overflow:visible;padding:0;width:100%}.stbar__progressScale{min-width:0;transform:scale(.95);transform-origin:left center;width:100%}.stbar__progressWrap .segmented-progress-bar-container{margin:0!important;max-width:100%!important;transform:none!important;width:100%!important}.stbar__progressWrap .segmented-progress-bar-background{border-radius:8px!important;height:18px!important;margin-top:0!important}.stbar__progressWrap .segmented-progress-bar-gloss{top:2px!important}.stbar__progressWrap .segment-reward-display{right:-14px!important;transform:translateY(-52%)!important}.stbar__progressWrap .segment-reward-icon{height:28px!important;width:28px!important}.stbar__progressWrap .segment-reward-text-container .segment-reward-text-main,.stbar__progressWrap .segment-reward-text-container .segment-reward-text-outline{font-size:18px!important;left:-10px!important;top:-10px!important}.stbar__starCard{align-items:center;background:#fff;border:3px solid #7e5be961;border-radius:18px;box-shadow:0 10px 22px #0000001f;box-sizing:border-box;display:flex;height:95px;overflow:hidden;padding:10px 12px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:220px}.stbar__starCard:before{background:linear-gradient(180deg,#ffffff8c,#fff0);content:"";height:16px;inset:0 0 auto 0;pointer-events:none;position:absolute}.stbar__starRow{align-items:center;display:flex;gap:10px;min-width:0;width:100%}.stbar__starIcon{filter:drop-shadow(0 6px 10px rgba(126,91,233,.18));flex:0 0 auto;height:28px;object-fit:contain;transition:transform .3s ease;width:28px}.stbar__starNumsWrap{align-items:stretch;display:flex;flex:1 1;flex-direction:column;min-width:0}.stbar__starNums{align-items:center;background:#fff6ee;border:2px solid #0f172a1a;border-radius:16px;box-shadow:inset 0 2px 0 #ffffffa6;box-sizing:border-box;display:grid;grid-template-columns:1fr 2px 1.15fr;height:40px;padding:0 10px}.stbar__starNowValue{color:#2b2b2b;font-size:18px;font-weight:900;line-height:1}.stbar__starNowUnit{color:#6b7280;font-size:10px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;transform:translateY(-2px)}.stbar__starDivider{background:#7e5be959;border-radius:999px;height:62%;justify-self:center;width:2px}.stbar__starNextValue{color:#2b2b2b;font-size:13px;font-weight:900;white-space:nowrap}.stbar__closeBtn{align-items:center;background:#0000;border:none;border-radius:999px;cursor:pointer;display:inline-flex;filter:drop-shadow(0 0 10px rgba(175,113,255,.55)) drop-shadow(0 6px 14px rgba(0,0,0,.35));flex:0 0 auto;height:56px;justify-content:center;padding:0;transition:transform .2s ease,filter .2s ease;width:56px}.stbar__closeBtn:hover{filter:drop-shadow(0 0 14px rgba(175,113,255,.75)) drop-shadow(0 10px 22px rgba(0,0,0,.45));transform:scale(1.1) rotate(-2deg)}.stbar__closeBtn:active{transform:scale(1.04)}.stbar__closeImg{height:100%;object-fit:contain;pointer-events:none;width:100%}.stbar__starCard.is-pop{animation:stbarPop .52s cubic-bezier(.18,.9,.22,1)}.stbar__starCard.is-pop .stbar__starIcon{animation:stbarIconSpin .52s cubic-bezier(.18,.9,.22,1)}@keyframes stbarPop{0%{transform:scale(1)}30%{transform:scale(1.05)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes stbarIconSpin{0%{transform:rotate(0deg) scale(1)}35%{transform:rotate(10deg) scale(1.1)}70%{transform:rotate(-6deg) scale(1.05)}to{transform:rotate(0deg) scale(1)}}.stbar__sparkles{inset:0;opacity:0;pointer-events:none;position:absolute}.stbar__starCard.is-pop .stbar__sparkles{opacity:1}.stbar__sparkle{animation:stbarSparkle .52s ease-out forwards;background:radial-gradient(circle,#7e5be9d9,#7e5be900);border-radius:999px;filter:blur(.2px);height:10px;position:absolute;width:10px}.stbar__sparkle.s1{animation-delay:0ms;right:18px;top:10px}.stbar__sparkle.s2{animation-delay:60ms;right:42px;top:28px}.stbar__sparkle.s3{animation-delay:.11s;bottom:12px;right:20px}@keyframes stbarSparkle{0%{opacity:0;transform:scale(.6)}35%{opacity:.9;transform:scale(1.4)}to{opacity:0;transform:scale(.9)}}@media(max-width:980px){.stbar{gap:10px;grid-template-columns:1fr;height:auto}.stbar__vdiv{display:none}.stbar__right{justify-content:space-between}.stbar__starCard{width:100%}}@media(max-width:768px){.stbar{border-bottom-width:2px;box-shadow:0 8px 20px #0000001a;gap:6px;grid-template-columns:1fr;height:auto!important;padding:6px 10px}.stbar__vdiv{display:none}.stbar__center,.stbar__left,.stbar__right{height:auto;width:100%}.stbar__right{gap:8px;justify-content:stretch}.stbar__chamber{height:64px}.stbar .sd-hud.sd-hud--compact{height:64px!important;padding:6px 8px!important;width:200px!important}.stbar .sd-hud{gap:6px!important;grid-template-columns:44px 1fr 30px!important}.stbar .sd-hud__content{row-gap:2px!important}.stbar .sd-hud__creature,.stbar .sd-hud__creature img{height:48px!important;width:48px!important}.stbar .sd-hud__name{font-size:12px!important}.stbar .sd-hud__level{font-size:10px!important}.stbar .sd-container--compact{--sd-height:10px!important}.stbar__scenarioCard{border-radius:14px;border-width:2px;gap:6px;height:auto;padding:8px 10px}.stbar__titleText{font-size:15px}.stbar__badge{align-items:center;display:inline-flex;font-size:10px;min-height:32px;padding:6px 12px}.stbar__progressWrap{height:40px}.stbar__starCard{border-radius:14px;border-width:2px;flex:1 1;height:64px;min-width:140px;padding:6px 8px;width:auto}.stbar__starIcon{height:24px;width:24px}.stbar__starRow{gap:6px}.stbar__starNums{border-radius:14px;height:36px;padding:0 6px}.stbar__starNowValue{font-size:16px}.stbar__starNowUnit{font-size:10px}.stbar__starNextValue{font-size:11px}.stbar__closeBtn{height:48px;min-height:48px;min-width:48px;width:48px}}@media(max-width:520px){.stbar{gap:4px;padding:4px 6px;position:relative}.stbar__left{display:none}.stbar__closeBtn{height:44px;min-height:44px;min-width:44px;position:absolute;right:6px;top:6px;width:44px;z-index:10}.stbar__scenarioCard{gap:4px;padding:6px 52px 6px 8px}.stbar__titleRow{flex-wrap:wrap;gap:6px}.stbar__titleText{flex:1 1 auto;font-size:14px;min-width:80px}.stbar__badge{align-items:center;display:inline-flex;font-size:9px;min-height:28px;padding:5px 10px}.stbar__progressWrap{height:36px}.stbar__right{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.stbar__right::-webkit-scrollbar{display:none}.stbar__starCard{flex:0 0 auto;height:56px;min-width:120px;padding:4px 6px}.stbar__starIcon{height:20px;width:20px}.stbar__starNums{border-radius:12px;height:30px;padding:0 4px}.stbar__starNowValue{font-size:14px}.stbar__starNowUnit{font-size:9px}.stbar__starNextValue{font-size:10px}}@media(max-width:480px){.stbar{padding:3px 6px}.stbar__scenarioCard{border-radius:12px}.stbar__titleText{font-size:13px}.stbar__badge{align-items:center;display:inline-flex;font-size:8px;min-height:26px;padding:4px 8px}.stbar__starCard{border-radius:12px;height:50px}.stbar__starNums{height:28px}.stbar__starNowValue{font-size:13px}}.dashboard-error{align-items:center;background:linear-gradient(180deg,#1b1443,#000);color:#fff;display:flex;flex-direction:column;font-family:Fellix-Bold,sans-serif;height:100vh;justify-content:center;padding:40px;text-align:center}.dashboard-error p{font-size:24px;margin-bottom:30px}.dashboard-error .error-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.dashboard-error .error-actions button{background-color:#7e5be9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;padding:14px 26px;transition:background-color .3s ease,transform .2s ease}.dashboard-error .error-actions button:hover{background-color:#5b42c0;transform:scale(1.05)}.dashboard-error .error-actions button:active{transform:scale(.95)}@keyframes ebFadeIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ebIconPulse{0%,to{box-shadow:0 0 0 0 #7e5be966;transform:scale(1)}50%{box-shadow:0 0 20px 6px #7e5be940;transform:scale(1.05)}}.error-boundary{background:linear-gradient(180deg,#1b1443,#0d0b1a);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;text-align:center}.error-boundary,.error-boundary__card{align-items:center;display:flex;flex-direction:column}.error-boundary__card{animation:ebFadeIn .5s ease-out both;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:24px;box-shadow:0 24px 48px #00000059,inset 0 1px 0 #ffffff14;max-width:440px;padding:40px 32px 36px;width:100%}.error-boundary__icon{align-items:center;animation:ebIconPulse 3s ease-in-out infinite;background:linear-gradient(145deg,#7e5be959,#7e5be926);border:2px solid #7e5be966;border-radius:50%;box-shadow:0 6px 20px #7e5be933;display:flex;font-size:36px;height:72px;justify-content:center;line-height:1;margin-bottom:20px;width:72px}.error-boundary__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9b8ff);-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,Fredoka,cursive;font-size:1.6rem;font-weight:700;margin:0 0 10px}.error-boundary__message{color:#ffffffa6;font-size:1rem;line-height:1.55;margin:0 0 28px;max-width:360px}.error-boundary__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.error-boundary__button{background:linear-gradient(145deg,#a45cff,#7e3ff2);border:none;border-radius:999px;box-shadow:0 6px 0 #3e12a0a6,0 12px 24px #00000040;color:#fff;cursor:pointer;font-family:Fredoka One,Fredoka,cursive;font-size:1rem;padding:14px 28px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.error-boundary__button:hover{box-shadow:0 8px 0 #3e12a0b3,0 16px 32px #0000004d;filter:brightness(1.08);transform:translateY(-2px)}.error-boundary__button:active{box-shadow:0 2px 0 #3e12a0a6,0 6px 14px #0003;transform:translateY(3px)}.error-boundary__button--secondary{background:#ffffff14;border:1.5px solid #fff3;box-shadow:0 6px 0 #00000026,0 12px 24px #0000001f;color:#ffffffd9}.error-boundary__button--secondary:hover{background:#ffffff24;border-color:#ffffff59;box-shadow:0 8px 0 #0000002e,0 16px 28px #00000026}.error-boundary__button--secondary:active{box-shadow:0 2px 0 #00000026,0 6px 14px #0000001a}.error-boundary--quiz{background:linear-gradient(180deg,#2d1b4e,#0a0014)}.error-boundary--quiz .error-boundary__icon{background:linear-gradient(145deg,#a855f759,#a855f726);border-color:#a855f766;box-shadow:0 6px 20px #a855f733}.error-boundary--game{background:linear-gradient(180deg,#1b2735,#090a0f)}.error-boundary--game .error-boundary__icon{background:linear-gradient(145deg,#3b82f659,#3b82f626);border-color:#3b82f666;box-shadow:0 6px 20px #3b82f633}@media(max-width:768px){.error-boundary{padding:20px 16px}.error-boundary__card{border-radius:20px;max-width:100%;padding:32px 20px 28px}.error-boundary__icon{font-size:30px;height:64px;width:64px}.error-boundary__title{font-size:1.4rem}.error-boundary__message{font-size:.95rem}.error-boundary__actions{flex-direction:column;gap:10px}.error-boundary__button{align-items:center;display:flex;justify-content:center;min-height:52px;width:100%}}@media(max-width:480px){.error-boundary__card{padding:28px 16px 24px}.error-boundary__title{font-size:1.25rem}.error-boundary__button{font-size:.95rem;padding:12px 20px}}.curriculum-modal__backdrop{align-items:center;animation:fade-in .25s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.curriculum-modal__dialog{animation:zoom-in .25s ease-out;background:#212121;border-radius:1rem;box-shadow:0 15px 40px #000c;color:#fff;max-width:420px;padding:1.75rem 1.5rem 2rem;position:relative;width:90%}.curriculum-modal__title{font-family:Fellix-Bold,sans-serif;font-size:1.35rem;margin:0 0 1.25rem;text-align:center}.curriculum-modal__close{background:#0000;border:none;color:#ca61dc;cursor:pointer;font-size:1.35rem;line-height:1;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.curriculum-modal__close:hover{color:#9c27b0}.curriculum-modal__body{max-height:70vh;overflow-y:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.curriculum-modal__backdrop{align-items:flex-end;padding:0}.curriculum-modal__dialog{animation:mobileSlideUp .3s ease-out;border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.curriculum-modal__title{font-size:1.5rem;margin-bottom:1rem;text-align:center}.curriculum-modal__close{display:grid;font-size:1.5rem;height:44px;place-items:center;right:12px;top:12px;width:44px;z-index:10}.curriculum-modal__body{-webkit-overflow-scrolling:touch;flex:1 1;max-height:none;overflow-y:auto}}@media(max-width:480px){.curriculum-modal__dialog{padding:56px 12px calc(12px + env(safe-area-inset-bottom))}.curriculum-modal__title{font-size:1.25rem}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ofm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:999999999}.ofm-modal{background:#fffffffa;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 70px #0f172a57;max-height:min(86vh,900px);overflow:auto;overflow-x:hidden;width:min(980px,96vw)}.ofm-header{border-bottom:1px solid #e5e7eb;padding:14px 16px 10px;position:relative}.ofm-title{color:#0f172a;font:650 14px/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;text-align:center}.ofm-subtitle{color:#6b7280;font:500 12px/1.2 Inter,system-ui,sans-serif;margin-top:4px}.ofm-close{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#111827;cursor:pointer;display:grid;font:700 14px/1 Inter,system-ui,sans-serif;height:34px;place-items:center;transition:background .14s ease,transform .06s ease,box-shadow .14s ease;width:34px}.ofm-close:hover{background:#f9fafb;box-shadow:0 10px 22px #0f172a24}.ofm-close:active{transform:translateY(1px)}.ofm-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;font:600 12px/1.25 Inter,system-ui,sans-serif;margin:10px 16px 0;padding:10px 12px}.ofm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;padding:14px 16px 10px}@media(max-width:860px){.ofm-grid{grid-template-columns:1fr}}.ofm-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 28px #0f172a0d;padding:12px}.ofm-card-title{color:#0f172a;font:700 12px/1.1 Inter,system-ui,sans-serif;letter-spacing:.02em;margin-bottom:10px;text-transform:uppercase}.ofm-item-row,.ofm-producer-row{align-items:center;display:flex;gap:12px}.ofm-item-img{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:grid;height:64px;overflow:hidden;place-items:center;width:64px}.ofm-item-img img{height:100%;object-fit:cover;width:100%}.ofm-item-meta{flex:1 1;min-width:0}.ofm-item-name{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font:700 14px/1.2 Inter,system-ui,sans-serif;gap:8px}.ofm-item-sub{color:#6b7280;font:500 12.5px/1.3 Inter,system-ui,sans-serif;margin-top:6px}.ofm-strong{color:#0f172a;font-size:1rem;font-weight:700}.ofm-progress-text{text-align:right;transform:translateY(5px)}.ofm-muted{color:#6b7280;font:500 12.5px/1.3 Inter,system-ui,sans-serif}.ofm-pill{align-items:center;background:#0f172a;border-radius:999px;box-shadow:0 6px 16px #0f172a2e;color:#f9fafb;display:inline-flex;font:700 11px/1 Inter,system-ui,sans-serif;padding:4px 10px}.ofm-avatar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;display:grid;flex-shrink:0;height:48px;overflow:hidden;place-items:center;width:48px}.ofm-avatar img{height:100%;object-fit:cover;width:100%}.ofm-avatar-fallback{background:#0f172a;color:#f9fafb;display:grid;font:900 14px/1 Inter,system-ui,sans-serif;height:100%;place-items:center;width:100%}.ofm-producer-meta{flex:1 1;min-width:0}.ofm-producer-name{align-items:center;color:#0f172a;display:flex;flex-wrap:wrap;font:750 13.5px/1.2 Inter,system-ui,sans-serif;gap:8px}.ofm-multiplier{color:#0f172a;font-weight:800}.ofm-divider{background:#e5e7eb;height:1px;margin:12px 0}.ofm-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.ofm-table-head{background:#f9fafb;color:#6b7280;font:700 11.5px/1.2 Inter,system-ui,sans-serif}.ofm-table-head,.ofm-table-row{grid-gap:10px;border-bottom:1px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:1.2fr .5fr .6fr .7fr;padding:10px 12px}.ofm-table-row{align-items:center;color:#111827;font:600 12.5px/1.2 Inter,system-ui,sans-serif;min-height:52px}.ofm-table-row:last-child{border-bottom:none}.ofm-table-foot{grid-gap:10px;background:#fff;border-top:1px solid #e5e7eb;display:grid;gap:10px;grid-template-columns:1.2fr .5fr .6fr .7fr;padding:10px 12px}.ofm-empty{background:#fff;color:#6b7280;font:600 12.5px/1.3 Inter,system-ui,sans-serif;padding:12px}.ofm-price-summary{display:flex;flex-direction:column;gap:10px}.ofm-price-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:8px 10px}.ofm-price-final,.ofm-price-row{align-items:center;display:flex;justify-content:space-between}.ofm-price-final{background:#9014f5;border-radius:14px;box-shadow:0 14px 40px #0f172a38;color:#f9fafb;margin-top:2px;padding:12px}.ofm-final-label{font:700 12px/1.1 Inter,system-ui,sans-serif;letter-spacing:.02em;opacity:.85;text-transform:uppercase}.ofm-final-value{font:900 18px/1 Inter,system-ui,sans-serif}.ofm-loading{color:#6b7280;font:700 12px/1 Inter,system-ui,sans-serif;margin-top:8px}.ofm-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.ofm-btn{background:#0f172a;border:1px solid #0f172a;border-radius:10px;color:#fff;cursor:pointer;font:800 12.5px/1 Inter,system-ui,sans-serif;height:34px;padding:0 14px;transition:background .14s ease,box-shadow .14s ease,transform .06s ease}.ofm-btn:hover{background:#020617;box-shadow:0 10px 22px #0f172a42}.ofm-btn:active{transform:translateY(1px)}.ofm-flat-item{align-items:center;display:flex;gap:10px;min-width:0}.ofm-flat-item-img,.ofm-flat-item-img-fallback{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:grid;flex-shrink:0;height:34px;overflow:hidden;place-items:center;width:34px}.ofm-flat-item-img{display:block;object-fit:cover}.ofm-flat-item-img-fallback{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.ofm-close-img{background:#0000;border:none;cursor:pointer;display:grid;height:60px;padding:0;place-items:center;position:absolute;right:-5px;top:-8px;width:60px}.ofm-close-img img{display:block;height:44px;width:44px}.ofm-close-img:active{transform:translateY(1px)}.ofm-grid-3{grid-template-columns:1fr 1fr 1fr}@media(max-width:860px){.ofm-grid-3{grid-template-columns:1fr}}.ofm-grid-bottom,.ofm-grid-top{grid-gap:12px;display:grid;gap:12px;padding:14px 16px 10px}.ofm-grid-bottom,.ofm-grid-top{grid-template-columns:1fr 1fr 1fr}@media(max-width:860px){.ofm-grid-bottom,.ofm-grid-top{grid-template-columns:1fr}}.ofm-character-card{display:flex;flex-direction:column;gap:12px}.ofm-character-top{align-items:center;display:flex;gap:12px;min-width:0}.ofm-character-progress{display:flex;flex-direction:column;transform:translateY(10px);width:100%}.ofm-avatar-lg{height:100px;width:100px}.ofm-character-meta{display:flex;flex-direction:column;gap:8px;min-width:0}.ofm-progress-row{align-items:flex-end;display:flex;justify-content:flex-end;width:88%}.ofm-imgbox{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;display:grid;flex-shrink:0;height:64px;overflow:hidden;place-items:center;width:64px}.ofm-imgbox img{height:100%;object-fit:cover;width:100%}.ofm-imgbox-lg{height:100px;width:100px}.ofm-imgbox-fallback{background:#0f172a;color:#f9fafb;display:grid;font:900 14px/1 Inter,system-ui,sans-serif;height:100%;place-items:center;width:100%}.ofm-table-body-scroll .ofm-table-row:last-child{border-bottom:1px solid #e5e7eb}.ofm-anim-enter{opacity:0}.ofm-anim-enter-active{opacity:1;transition:opacity .26s ease}.ofm-anim-exit{opacity:1}.ofm-anim-exit-active{opacity:0;transition:opacity .2s ease}.ofm-anim-enter .ofm-modal{filter:blur(2px);opacity:0;transform:translateY(18px) scale(.92)}.ofm-anim-enter-active .ofm-modal{filter:blur(0);transition:transform .26s cubic-bezier(.2,1.15,.25,1),opacity .2s ease,filter .2s ease}.ofm-anim-enter-active .ofm-modal,.ofm-anim-exit .ofm-modal{opacity:1;transform:translateY(0) scale(1)}.ofm-anim-exit-active .ofm-modal{opacity:0;transform:translateY(10px) scale(.96);transition:transform .2s ease,opacity .16s ease}@media(max-width:768px){.ofm-overlay{align-items:stretch;padding:0}.ofm-modal{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%}.ofm-header{background:#fffffffa;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.ofm-title{font-size:16px}.ofm-close{height:44px;width:44px}.ofm-close-img{height:52px;right:-2px;top:-4px;width:52px}.ofm-close-img img{height:44px;width:44px}.ofm-grid,.ofm-grid-3,.ofm-grid-bottom,.ofm-grid-top{grid-template-columns:1fr;padding:12px}.ofm-table-foot,.ofm-table-head,.ofm-table-row{font-size:11px;gap:6px;grid-template-columns:1.4fr .5fr .6fr .5fr;padding:8px 10px}.ofm-footer{background:#fffffffa;border-top:1px solid #e5e7eb;bottom:0;justify-content:stretch;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.ofm-btn{flex:1 1;font-size:14px;height:44px}}@media(max-width:480px){.ofm-table-foot,.ofm-table-head,.ofm-table-row{font-size:11px;grid-template-columns:1fr 1fr}.ofm-item-img{height:48px;width:48px}}.mr-modal-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:999999}.mr-modal-shell{animation:mrPop .2s ease-out both;border-radius:22px;box-shadow:0 18px 50px #00000073;font-family:Fredoka One,cursive;max-width:560px;padding:18px 18px 16px;position:relative;width:100%}@keyframes mrPop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mr-close-img{background:#0000;border:none;cursor:pointer;height:64px;padding:0;position:absolute;right:10px;top:10px;transition:transform .12s ease,filter .12s ease;width:64px;z-index:50}.mr-close-img img{display:block;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.mr-close-img:hover{filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transform:scale(1.06) rotate(-2deg)}.mr-close-img:active{transform:scale(.98)}.mr-btn{border:none;border-radius:18px;box-shadow:0 6px 0 #00000040,0 14px 22px #0000002e;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.1rem;padding:14px 16px;transition:transform .08s ease,filter .12s ease,box-shadow .12s ease}.mr-btn:active{box-shadow:0 2px 0 #00000040,0 10px 18px #00000024;transform:translateY(4px)}.mr-btn--primary{background:linear-gradient(#a45cff,#7e3ff2);color:#fff}.mr-btn--secondary{background:#fff;border:3px solid #e6d8ff;color:#2b2b2b}.mr-unlock-shell{background:radial-gradient(circle at 30% 10%,#fff6ff 0,#fff 45%);border:3px solid #7e5be98c;box-shadow:0 18px 50px #00000073,inset 0 0 0 2px #ffffff59}.mr-unlock-header{padding-top:8px;text-align:center}.mr-unlock-title{color:#1f1f1f;font-size:2.1rem}.mr-unlock-subtitle{color:#6a6a6a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;font-size:.95rem;margin-top:4px}.mr-sticker{align-items:center;border-radius:14px;box-shadow:0 4px 0 #00000040;color:#fff;display:inline-flex;font-size:.95rem;justify-content:center;padding:6px 12px;transform:rotate(-6deg)}.mr-sticker--new{background:linear-gradient(135deg,#ff4fd8,#a64cff 45%,#29cdff)}.mr-unlock-card{background:#fff;border:3px solid #e6d8ff;border-radius:22px;box-shadow:0 6px 0 #c6a8ff,0 16px 24px #00000024;margin-top:14px;padding:14px;text-align:center}.mr-unlock-image-wrap{display:grid;place-items:center;width:100%}.mr-unlock-image{filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));height:auto;width:min(280px,80vw)}.mr-unlock-image-fallback{background:#f2f2f2;border:2px dashed #cfcfcf;border-radius:20px;height:180px;width:220px}.mr-unlock-name{color:#1f1f1f;font-size:1.7rem;margin-top:10px}.mr-unlock-meta{margin-top:10px}.mr-pill{align-items:center;background:#f2eaff;border-radius:14px;color:#4b3a88;display:inline-flex;font-size:.95rem;padding:6px 10px}.mr-unlock-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:14px}@media(max-width:520px){.mr-unlock-actions{grid-template-columns:1fr}}.mr-unlock-footnote{color:#6a6a6a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;font-size:.92rem;margin-top:12px;text-align:center}.mr-need-shell{background:radial-gradient(circle at 70% 0,#ffdcbebf 0,#fff 42%),radial-gradient(circle at 10% 90%,#d2beff8c 0,#0000 55%),linear-gradient(160deg,#fff6ee,#f4ecff);border:3px solid #7e5be9bf;border-radius:18px;box-shadow:0 18px 50px #00000073,inset 0 0 0 2px #ffffff59;overflow:hidden;padding:18px 18px 16px;position:relative;width:min(560px,92vw)}.mr-need-shell:before{background:radial-gradient(circle at 50% 50%,#ffffff8c,#0000 65%);content:"";height:210px;inset:-90px -140px auto -140px;opacity:.65;pointer-events:none;position:absolute}.mr-need-header{padding-top:10px;text-align:center}.mr-need-title{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.55rem;text-shadow:0 2px 0 #ffffff8c}.mr-need-subtitle{color:#4a1fb8e6;font-family:Fredoka One,cursive;font-size:.98rem;margin-top:4px}.mr-need-stats{grid-gap:10px;align-items:center;background:#ffffffeb;border:3px solid #ffe2c7f2;border-radius:18px;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;margin-top:14px;padding:14px}.mr-need-divider{background:#ffe2c7f2;border-radius:2px;height:46px;width:2px}.mr-need-stat{text-align:center}.mr-need-label{color:#6a6a6a;font-size:.85rem}.mr-need-value{color:#1f1f1f;font-size:1.6rem;margin-top:4px}.mr-need-hint{background:#f2eafff2;border-radius:14px;box-shadow:inset 0 0 0 2px #7e5be91a;color:#4b3a88;font-family:Fredoka One,cursive;font-size:.95rem;margin-top:12px;padding:8px 10px;text-align:center}.mr-pack-offer{grid-gap:14px;background:linear-gradient(145deg,#ffffffeb,#f4ecffeb);border:2px solid #7b00ff40;border-radius:16px;box-shadow:0 10px 26px #7b00ff24,inset 0 0 14px #7b00ff14;display:grid;gap:14px;grid-template-columns:150px 1fr;margin:14px 0 10px;overflow:hidden;padding:12px;position:relative}.mr-pack-offer:after{background:radial-gradient(circle at 15% 20%,#ffffffbf 0 2px,#0000 3px),radial-gradient(circle at 75% 35%,#ffffff8c 0 2px,#0000 3px),radial-gradient(circle at 40% 85%,#ffffff8c 0 2px,#0000 3px);content:"";inset:0;mix-blend-mode:screen;opacity:.45;pointer-events:none;position:absolute}.mr-pack-img-wrap{align-items:center;background:radial-gradient(circle at 50% 45%,#fffffff2 0,#fff6 28%,#fff0 55%),radial-gradient(circle at 35% 30%,#ffe6788c 0,#0000 55%),radial-gradient(circle at 75% 70%,#a0d2ff73 0,#0000 60%),linear-gradient(180deg,#ffffffd9,#eee8ffeb);border:2px solid #7e5be940;box-shadow:inset 0 0 0 2px #ffffff73,inset 0 -18px 30px #7e5be914,0 12px 22px #00000029;display:flex;justify-content:center}.mr-pack-glow{background:radial-gradient(circle at 50% 45%,#ffffffe6,#0000 52%),radial-gradient(circle at 50% 55%,#ffdc7873,#0000 58%),radial-gradient(circle at 55% 45%,#b4e1ff59,#0000 60%);filter:blur(6px);opacity:.95}.mr-pack-stars{animation:mr-stars-drift 10s linear infinite;background:radial-gradient(circle at 12% 25%,#5a1ebe8c 0 1px,#0000 2px),radial-gradient(circle at 22% 70%,#505ad273 0 1px,#0000 2px),radial-gradient(circle at 44% 35%,#783cdc73 0 1px,#0000 2px),radial-gradient(circle at 60% 18%,#6450dc66 0 1px,#0000 2px),radial-gradient(circle at 78% 55%,#5a32c859 0 1px,#0000 2px),radial-gradient(circle at 86% 30%,#7846dc73 0 1px,#0000 2px),radial-gradient(circle at 35% 85%,#5a28c859 0 1px,#0000 2px),radial-gradient(circle at 70% 82%,#6e46dc59 0 1px,#0000 2px);inset:0;mix-blend-mode:multiply;opacity:.22;pointer-events:none;position:absolute}@keyframes mr-stars-drift{0%{transform:translateZ(0)}to{transform:translate3d(-10px,8px,0)}}.mr-pack-img{filter:drop-shadow(0 16px 18px rgba(0,0,0,.3)) drop-shadow(0 0 18px rgba(255,255,255,.55))}@media(max-width:768px){.mr-modal-overlay{align-items:stretch;padding:0}.mr-modal-shell{-webkit-overflow-scrolling:touch;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%!important;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%!important}.mr-close-img{height:52px;right:8px;top:8px;width:52px;z-index:50}.mr-close-img img{height:44px;width:44px}.mr-unlock-title{font-size:1.6rem}.mr-unlock-image{width:min(220px,65vw)}.mr-unlock-name{font-size:1.4rem}.mr-unlock-actions{gap:10px;grid-template-columns:1fr;margin-top:16px}.mr-btn{align-items:center;display:flex;font-size:1.05rem;justify-content:center;min-height:52px;width:100%}.mr-need-shell{border:none;border-radius:0;max-width:100%!important;width:100%!important}.mr-need-title{font-size:1.3rem}.mr-need-stats{grid-template-columns:1fr auto 1fr}.mr-pack-offer{gap:12px;grid-template-columns:1fr}.mr-pack-img-wrap{height:160px}.mr-pack-buy{font-size:1.1rem;min-height:52px;width:100%}}@media(max-width:480px){.mr-unlock-title{font-size:1.35rem}.mr-unlock-image{width:min(180px,55vw)}.mr-need-value{font-size:1.3rem}}.mr-pack-right{display:flex;flex-direction:column;justify-content:center;text-align:center}.mr-pack-title{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.25rem;text-shadow:0 1px 0 #fff9}.mr-pack-subtitle{color:#4a1fb8d9;font-size:.85rem;margin-top:4px}.mr-pack-buy,.mr-pack-subtitle{font-family:Fredoka One,cursive}.mr-pack-buy{align-items:center;background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:14px;box-shadow:0 7px 0 #3e12a0bf,0 16px 26px #00000038;color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;gap:10px;justify-content:center;margin-top:10px;padding:12px 14px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;width:100%}.mr-pack-buy:hover{box-shadow:0 6px 0 #3e12a0cc,0 18px 32px #00000047;filter:brightness(1.06);transform:translateY(-2px)}.mr-pack-buy:active{transform:translateY(2px)}.mr-pack-buy:disabled{cursor:not-allowed;opacity:.75;transform:none}.mr-pack-buy-pill{align-items:center;background:#ffffff2e;border:1px solid #ffffff47;border-radius:999px;box-shadow:inset 0 0 10px #ffffff1f;display:inline-flex;justify-content:center;padding:5px 10px}.mr-pack-error{background:linear-gradient(145deg,#d14167,#f16e5c);border-radius:12px;box-shadow:0 10px 20px #0000002e;color:#fff;font-size:.8rem;padding:8px 10px}.mr-pack-error,.mr-pack-fineprint{font-family:Fredoka One,cursive;margin-top:8px}.mr-pack-fineprint{color:#4a1fb8a6;font-size:.7rem}@media(max-width:520px){.mr-pack-offer{grid-template-columns:1fr}.mr-pack-img-wrap{height:160px}}.mr-pack-img-wrap{background:radial-gradient(circle at 50% 45%,#fffffff2 0,#ffffff8c 38%,#f4ecffd9 70%,#e6dcfff2 100%);border:2px solid #7e5be959;border-radius:16px;box-shadow:inset 0 0 0 2px #ffffff73,inset 0 0 22px #7e5be933,0 14px 28px #00000029;height:150px;overflow:hidden;position:relative;width:100%}.mr-pack-glow{background:radial-gradient(circle at 50% 55%,#fffffff2 0,#fff0 55%),radial-gradient(circle at 30% 35%,#40c9ff38 0,#40c9ff00 60%),radial-gradient(circle at 70% 65%,#a864fd38 0,#a864fd00 60%);filter:blur(2px);inset:-25%;opacity:1;z-index:0}.mr-pack-glow,.mr-pack-particles{pointer-events:none;position:absolute}.mr-pack-particles{inset:0;z-index:1}.mr-pack-img{filter:drop-shadow(0 16px 18px rgba(0,0,0,.22)) drop-shadow(0 0 22px rgba(255,255,255,.35));height:92%;object-fit:contain;position:relative;transform:translateZ(0);width:92%;z-index:2}.pack-modal-overlay{align-items:center;background-color:#000000e6;display:flex;height:100vh;inset:0;justify-content:center;position:fixed;width:100vw;z-index:500000}.pack-modal-shell{background:#fff2e6;border:4px solid #7e5be9;border-radius:10px;box-shadow:0 16px 40px #00000059;max-width:650px;padding:20px;position:relative;text-align:center;width:85%;z-index:999999}.pack-modal-close{background:#0000;border:none;cursor:pointer;height:64px;padding:0;position:absolute;right:10px;top:10px;transition:transform .12s ease,filter .12s ease;width:64px;z-index:999999}.pack-modal-close img{display:block;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.pack-modal-close:hover{filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transform:scale(1.06) rotate(-2deg)}.pack-modal-close:active{transform:scale(.98)}.pack-modal-header{align-items:center;display:flex;flex-direction:column;gap:10px;margin:6px auto 16px}.pack-modal-title{color:#f6edff;font-family:Fredoka One,cursive;font-size:2.05rem;font-weight:700;margin:10px auto 0;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff}.pack-modal-subtitle{align-items:center;background:linear-gradient(160deg,#fffffff2,#f4ecff);border:2px solid #7b00ff73;border-radius:999px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#7b00ff;display:inline-flex;font-family:Fredoka One,cursive;font-size:.85rem;justify-content:center;padding:8px 12px}.pack-modal-summary{background:#fff6;border:2px solid #7b00ff38;border-radius:16px;box-shadow:inset 0 0 12px #7b00ff14,0 10px 28px #7b00ff2e;margin:10px auto 16px;max-width:520px;padding:12px 10px;width:100%}.pack-modal-summary-row{align-items:baseline;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.pack-modal-summary-label{color:#7b00ff;font-family:Fredoka One,cursive;font-size:.75rem;letter-spacing:2px;opacity:.85}.pack-modal-summary-value{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.2rem;text-shadow:0 1px 0 #ffffffb3}.pack-modal-summary-divider{background:#7b00ff29;border-radius:2px;height:2px;margin:0 12px}.pack-checkout-form{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:520px;width:100%}.pack-billing-box{background-color:#fff;border-radius:0 0 10px 10px;box-shadow:0 1px 3px #0003;padding:16px}.pack-form-row{display:flex;flex-direction:column;margin-bottom:15px}.pack-form-row label{color:#333;font-family:Fredoka One,cursive;font-size:.9rem;font-weight:600;letter-spacing:.4px;margin-bottom:4px}.pack-card-element{background:#fff;border:2px solid #7b00ff47;border-radius:10px;box-shadow:inset 0 0 10px #7b00ff14;padding:10px;pointer-events:auto}.pack-card-element iframe{pointer-events:auto!important}.pack-card-element:focus-within{border-color:#7b00ff8c;box-shadow:0 0 0 4px #7b00ff2e,inset 0 0 10px #7b00ff1f}.pack-form-row--split{display:flex;flex-direction:row;gap:10px;margin-bottom:0}.pack-form-col{display:flex;flex:1 1;flex-direction:column}.pack-checkout-error{background:#bb3030;border-radius:8px;color:#fff;font-family:Fredoka One,cursive;font-size:16px;font-weight:500;margin-top:10px;padding:10px;text-align:center}.pack-checkout-submit{align-items:center;background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;display:flex;font-family:Fredoka One,cursive;font-size:20px;justify-content:center;margin:6px auto 0;padding:12px 20px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;width:260px}.pack-checkout-submit:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.pack-checkout-submit:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.pack-checkout-submit:disabled{cursor:not-allowed;opacity:.65}@media(max-width:520px){.pack-form-row--split{flex-direction:column}.pack-modal-title{font-size:1.55rem}.pack-checkout-submit{font-size:18px;width:240px}}.pack-card-element{align-items:center;display:flex;min-height:30px}.pack-card-element .StripeElement{width:100%}@media(max-width:768px){.pack-modal-overlay{align-items:stretch;padding:0}.pack-modal-shell{-webkit-overflow-scrolling:touch;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;max-width:100%;overflow-y:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.pack-modal-close{height:52px;right:8px;top:8px;width:52px;z-index:10}.pack-modal-close img{height:44px;width:44px}.pack-modal-header{margin-top:44px}.pack-modal-title{font-size:1.6rem}.pack-modal-summary{max-width:100%}.pack-checkout-form{flex:1 1;max-width:100%}.pack-card-element{font-size:16px;min-height:44px;padding:14px}.pack-form-row label{font-size:1rem}.pack-form-row--split{flex-direction:column}.pack-checkout-submit{font-size:18px;margin-top:12px;max-width:100%;min-height:52px;padding:16px 20px;width:100%}.pack-billing-box{border-radius:10px}}@media(max-width:480px){.pack-modal-title{font-size:1.35rem}.pack-modal-subtitle{font-size:.78rem}.pack-modal-summary-value{font-size:1rem}}.vemodal-backdrop{align-items:center;background:#0a0a14e6;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:1000000}.vemodal{background:#fbf7ff;border:4px solid #7c4bff59;border-radius:22px;box-shadow:0 18px 60px #00000040;font-family:inherit;padding:22px 18px 18px;position:relative;width:min(520px,100%)}.vemodal-close{background:#ffffffb3;border:2px solid #1e1e3c26;border-radius:14px;cursor:pointer;font-size:18px;height:44px;position:absolute;right:12px;top:12px;width:44px}.vemodal-title{color:#4a2bd6;font-size:26px;font-weight:900;margin-top:6px;text-align:center}.vemodal-subtitle{color:#141423cc;font-weight:700;margin-bottom:16px;margin-top:6px;text-align:center}.vemodal-label{color:#1e193cd9;display:block;font-weight:900;letter-spacing:.4px;margin:10px 0 6px}.vemodal-email-row{align-items:center;display:flex;gap:10px}.vemodal-send-btn{flex:0 0 auto;height:54px;padding-inline:16px}.vemodal-input{background:#fff;border:3px solid #7c4bff40;border-radius:16px;box-sizing:border-box;font-size:16px;font-weight:800;outline:none;padding:14px;width:100%}.vemodal-input:focus{border-color:#7c4bff8c}.vemodal-error{background:#ff3c5a1f;border:2px solid #ff3c5a59;border-radius:16px;color:#8c1432f2;font-weight:900;margin-top:10px;padding:10px 12px}.vemodal-info{background:#7c4bff1a;border:2px solid #7c4bff40;border-radius:16px;color:#1e193cd9;font-weight:800;margin-bottom:10px;padding:10px 12px}.vemodal-success{background:#28be6e1f;border:2px solid #28be6e59;border-radius:16px;color:#0f5528f2;font-weight:900;margin:16px 0 10px;padding:12px;text-align:center}.vemodal-actions{display:flex;gap:10px;margin-top:14px}.vemodal-btn{border:none;border-radius:18px;cursor:pointer;flex:1 1;font-size:16px;font-weight:1000;height:52px}.vemodal-btn.primary{background:linear-gradient(180deg,#7d53ff,#5e35ff);box-shadow:0 10px 0 #461ea040;color:#fff}.vemodal-btn.secondary{background:#fffc;border:3px solid #7c4bff40;color:#1e193ce6}.vemodal-btn.ghost{background:#0000;border:3px dashed #7c4bff59;color:#4628aaf2;width:100%}.vemodal-btn:disabled,.vemodal-link:disabled{cursor:not-allowed;opacity:.6}.vemodal-footer{display:flex;justify-content:center;margin-top:10px}.vemodal-link{background:#0000;border:none;color:#5a37dc;cursor:pointer;font-weight:1000;padding:6px 8px;text-decoration:underline}.vemodal-waitlist{border-top:2px solid #7c4bff2e;margin-top:16px;padding-top:14px}.vemodal-waitlist-text{color:#1e193ccc;font-weight:900;margin-bottom:10px;text-align:center}@media(max-width:768px){.vemodal-backdrop{align-items:stretch;padding:0}.vemodal{-webkit-overflow-scrolling:touch;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.vemodal-close{display:grid;font-size:20px;height:44px;place-items:center;right:12px;top:12px;width:44px;z-index:10}.vemodal-title{font-size:22px}.vemodal-email-row{flex-direction:column;gap:10px}.vemodal-send-btn{height:52px;min-height:52px;width:100%}.vemodal-subtitle{font-size:15px;margin-bottom:20px}.vemodal-input{font-size:16px;min-height:52px;padding:16px}.vemodal-label{font-size:15px;margin:14px 0 8px}.vemodal-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:16px}.vemodal-btn{border-radius:16px;font-size:16px;height:52px;min-height:52px;width:100%}.vemodal-btn.ghost{font-size:15px;min-height:48px}.vemodal-error,.vemodal-info,.vemodal-success{font-size:14px;padding:12px}}@media(max-width:480px){.vemodal-title{font-size:20px}.vemodal-subtitle{font-size:14px}}.mr-modal-shell.mr-parent-shell{background:radial-gradient(circle at 70% 0,#dccdffcc 0,#fff 45%),radial-gradient(circle at 10% 90%,#d2fff58c 0,#0000 55%),linear-gradient(160deg,#fff6ee,#f4ecff);border:3px solid #7e5be9bf;border-radius:18px;box-shadow:0 18px 50px #00000073,inset 0 0 0 2px #ffffff59;overflow:hidden;padding:18px 18px 16px;position:relative;width:min(560px,92vw)}.mr-parent-shell:before{background:radial-gradient(circle at 50% 50%,#ffffff8c,#0000 65%);content:"";height:160px;inset:-90px -140px auto -140px;opacity:.55;pointer-events:none;position:absolute}.mr-parent-email-card{background:#ffffffeb;border:2px solid #7b00ff2e;border-radius:16px;box-shadow:0 10px 26px #7b00ff1a,inset 0 0 14px #7b00ff0f;margin-top:12px;padding:12px}.mr-parent-email-label{color:#4a1fb8d9;font-family:Fredoka One,cursive;font-size:.85rem;margin-bottom:6px}.mr-parent-email-inline{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto}.mr-parent-input.mr-parent-email-input{background:#fff;border:2px solid #7e5be940;border-radius:14px;box-shadow:inset 0 0 0 2px #ffffff59;font-family:Fredoka One,cursive;font-size:.98rem;outline:none;padding:12px;width:90%}.mr-parent-input.mr-parent-email-input:focus{border-color:#7e5be9a6;box-shadow:0 0 0 4px #7e5be924,inset 0 0 0 2px #ffffff59}.mr-parent-send-btn{border-radius:16px;padding:12px 14px;white-space:nowrap}.mr-parent-email-fine{color:#3c3c3cbf;font-size:.82rem;font-weight:500;line-height:1.15rem;margin-top:8px;text-align:center;text-align:left;transform:translateX(5px)}.mr-parent-code-hero{background:#fffffff5;border:3px solid #7e5be959;border-radius:18px;box-shadow:0 10px 26px #7b00ff24,inset 0 0 18px #7b00ff14;margin-top:12px;padding:20px 12px 25px}.mr-parent-code-title{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.2rem;letter-spacing:2px;margin-bottom:16px;text-align:center;text-shadow:0 2px 0 #fff9}.mr-parent-code-row{grid-gap:clamp(6px,1.6vw,10px);align-items:center;display:grid;gap:clamp(6px,1.6vw,10px);grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center}.mr-parent-code-box{background:#fff;border:3px solid #7e5be940;border-radius:14px;box-shadow:inset 0 0 0 2px #ffffff73,0 7px 0 #7626c566,0 14px 20px #0000001a;color:#1f1f1f;font-family:Fredoka One,cursive;font-size:clamp(1.05rem,4.2vw,1.55rem);height:clamp(40px,8.5vw,54px);margin:auto;outline:none;text-align:center;width:80%}.mr-parent-code-box:focus{border-color:#7e5be9bf;box-shadow:0 0 0 5px #7e5be929,inset 0 0 0 2px #ffffff73,0 7px 0 #0000001a,0 14px 20px #0000001a}.mr-parent-code-hint{color:#4a1fb8b3;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;font-size:.86rem;margin-top:10px;text-align:center}.mr-parent-error{background:linear-gradient(145deg,#d14167,#f16e5c);border-radius:12px;box-shadow:0 10px 20px #0000002e;color:#fff;font-family:Fredoka One,cursive;font-size:.85rem;margin-top:10px;padding:10px 12px}.mr-parent-submit-wrap{margin-top:12px}.mr-parent-submit-btn{width:100%}@media(max-width:420px){.mr-parent-email-inline{grid-template-columns:1fr}.mr-parent-send-btn{width:100%}}@media(max-width:768px){.mr-modal-shell.mr-parent-shell{-webkit-overflow-scrolling:touch;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.mr-parent-email-card{margin-top:16px}.mr-parent-email-inline{gap:12px;grid-template-columns:1fr}.mr-parent-send-btn{min-height:48px;padding:14px;width:100%}.mr-parent-input.mr-parent-email-input{font-size:16px;padding:14px;width:100%}.mr-parent-code-row{gap:8px}.mr-parent-code-box{font-size:1.2rem;height:48px;width:100%}.mr-parent-code-title{font-size:1.1rem}.mr-parent-submit-wrap{bottom:0;margin-top:16px;padding-bottom:calc(8px + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.mr-parent-submit-btn{font-size:1.1rem;min-height:52px;width:100%}.mr-parent-error{font-size:.9rem}}@media(max-width:480px){.mr-parent-code-row{gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))}.mr-parent-code-box{border-radius:10px;font-size:1rem;height:42px}}.rhGenSimple-overlay{align-items:center;background-color:#000000bf;display:flex;height:100vh;inset:0;justify-content:center;padding:18px;position:fixed;width:100vw;z-index:999920}.rhGenSimple-wrapper{background:#fff2e6;border:4px solid #7e5be9;border-radius:12px;box-shadow:0 16px 40px #00000059;padding:18px;position:relative;width:min(780px,92vw)}.rhGenSimple-close-img{background:#0000;border:none;cursor:pointer;height:64px;padding:0;position:absolute;right:10px;top:10px;transition:transform .12s ease,filter .12s ease;width:64px;z-index:20}.rhGenSimple-close-img img{display:block;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.rhGenSimple-close-img:hover{filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transform:scale(1.06) rotate(-2deg)}.rhGenSimple-close-img:active{transform:scale(.98)}.rhGenSimple-title-row{align-items:center;display:flex;justify-content:center;margin:6px auto 12px;min-height:72px;position:relative}.rhGenSimple-title-planet{filter:drop-shadow(0 4px 10px rgba(123,0,255,.35));height:86px;left:2%;object-fit:contain;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:86px}.rhGenSimple-title-center{align-items:center;display:inline-flex;flex-direction:column;gap:6px;text-align:center}.rhGenSimple-title{color:#f6edff;font-family:Fredoka One,cursive;font-size:2rem;font-weight:700;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff}.rhGenSimple-subtitle{border-radius:999px;color:#7b00ff;font-family:Fredoka One,cursive;font-size:.9rem;padding:8px 12px}.rhGenSimple-quick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 12px}.rhGenSimple-chip{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff73;border-radius:999px;box-shadow:0 6px 16px #7b00ff2e,inset 0 0 6px #7b00ff29;color:#7b00ff;cursor:pointer;font-family:Fredoka One,cursive;font-size:.82rem;padding:8px 12px;transition:transform .12s ease,box-shadow .12s ease;-webkit-user-select:none;user-select:none}.rhGenSimple-chip:hover{box-shadow:0 10px 24px #7b00ff47,inset 0 0 10px #7b00ff38;transform:translateY(-2px) scale(1.03)}.rhGenSimple-chip:active{transform:translateY(0) scale(1)}.rhGenSimple-chip:disabled{cursor:not-allowed;opacity:.6}.rhGenSimple-card{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:16px;box-shadow:0 10px 28px #7b00ff38,inset 0 0 16px #7b00ff1f;padding:14px}.rhGenSimple-label{color:#7b00ff;font-family:Fredoka One,cursive;font-size:1rem;margin:0 0 8px;text-shadow:0 1px 0 #ffffffb3}.rhGenSimple-textarea{background:#ffffffeb;border:2px solid #7b00ff59;border-radius:14px;box-shadow:inset 0 0 12px #7b00ff1a;color:#4a1fb8;font-family:Fredoka One,cursive;line-height:1.25;min-height:160px;outline:none;padding:12px;resize:vertical;width:96%}.rhGenSimple-textarea::placeholder{color:#7b00ff8c}.rhGenSimple-error{background:#ff507829;border:2px solid #ff507859;border-radius:14px;color:#4a1fb8;font-family:Fredoka One,cursive;font-size:.9rem;margin-top:10px;padding:10px 12px}.rhGenSimple-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.rhGenSimple-btn{border:none;border-radius:12px;cursor:pointer;font-family:Fredoka One,cursive;font-size:1.05rem;padding:12px 18px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.rhGenSimple-btn--ghost{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff73;box-shadow:0 6px #3e12a08c,0 10px 18px #0000001f;color:#7b00ff}.rhGenSimple-btn--ghost:hover{box-shadow:0 4px #3e12a099,0 12px 22px #0000002e;transform:translateY(2px)}.rhGenSimple-btn--primary{background:linear-gradient(145deg,#8a5bff,#6f2dff);box-shadow:0 6px #3e12a0cc,0 12px 22px #0000002e;color:#fff}.rhGenSimple-btn--primary:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9,0 14px 26px #00000038;transform:translateY(2px)}.rhGenSimple-btn:active{transform:translateY(2px) scale(.99)}.rhGenSimple-btn:disabled{cursor:not-allowed;opacity:.6}.rhGenSimple-spinner{animation:rhGenSimpleSpin .8s linear infinite;border:3px solid #ffffff59;border-radius:999px;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:-3px;width:16px}@keyframes rhGenSimpleSpin{to{transform:rotate(1turn)}}.rhGenSimple-gate-msg{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.rhGenSimple-gate-text{color:#7b00ff;font-family:Fredoka One,cursive;font-size:.95rem;margin:0;text-align:center}@media(max-width:560px){.rhGenSimple-wrapper{padding:14px;width:94vw}.rhGenSimple-title{font-size:1.6rem}.rhGenSimple-title-planet{height:60px;left:8px;top:10px;width:60px}.rhGenSimple-actions{justify-content:center}}@media(max-width:768px){.rhGenSimple-overlay{align-items:stretch;padding:0}.rhGenSimple-wrapper{-webkit-overflow-scrolling:touch;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;max-width:100%;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.rhGenSimple-close-img{height:52px;right:8px;top:8px;width:52px;z-index:20}.rhGenSimple-close-img img{height:44px;width:44px}.rhGenSimple-title-row{flex-direction:column;gap:8px;min-height:auto}.rhGenSimple-title-planet{height:64px;position:static;width:64px}.rhGenSimple-title{font-size:1.5rem}.rhGenSimple-quick{gap:8px}.rhGenSimple-chip{align-items:center;display:inline-flex;font-size:.85rem;min-height:44px;padding:10px 14px}.rhGenSimple-card{flex:1 1}.rhGenSimple-textarea{box-sizing:border-box;font-size:16px;min-height:120px;padding:14px;width:100%}.rhGenSimple-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:14px}.rhGenSimple-btn{align-items:center;display:flex;font-size:1.05rem;justify-content:center;min-height:52px;width:100%}}@media(max-width:480px){.rhGenSimple-title{font-size:1.3rem}.rhGenSimple-chip{font-size:.78rem;padding:8px 12px}}.evo-modal-overlay{align-items:center;animation:evoOverlayIn .5s ease both;background:radial-gradient(ellipse at center,#1e0a3cf2 0,#05020ffa 100%);display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:999999}@keyframes evoOverlayIn{0%{opacity:0}to{opacity:1}}.evo-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute}.evo-particle{animation:evoParticleRise 3s ease-in 0s infinite;animation:evoParticleRise var(--p-duration,3s) var(--p-delay,0s) ease-in infinite;background:radial-gradient(circle,#b482ffe6 0,#ffd74099 100%);border-radius:50%;bottom:-10px;height:4px;height:var(--p-size,4px);left:50%;left:var(--p-x,50%);opacity:0;position:absolute;width:4px;width:var(--p-size,4px)}@keyframes evoParticleRise{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:.8}80%{opacity:.4}to{opacity:0;transform:translateY(-105vh) scale(.2)}}.evo-confetti-wrap{left:50%;pointer-events:none;position:fixed;top:35%;transform:translate(-50%,-50%);z-index:200001}.evo-modal-content{align-items:center;display:flex;flex-direction:column;gap:1.5rem;max-width:440px;padding:2rem;position:relative;width:90%;z-index:2}.evo-title{text-align:center;transition:opacity .5s ease,transform .5s ease}.evo-title--hidden{opacity:0;transform:translateY(12px)}.evo-title--celebrate .evo-title-text{animation:none;color:#ffd740;text-shadow:0 0 20px #ffd74099,0 0 40px #ffd7404d}.evo-title-text{color:#e0c0ff;display:block;font-family:Fredoka,Futura,sans-serif;font-size:1.65rem;font-weight:700;letter-spacing:.5px;text-shadow:0 0 16px #b482ffb3,0 0 32px #b482ff66}.evo-title-text--pulse{animation:evoPulse 1.5s ease-in-out infinite}.evo-subtitle{color:#ffffffb3;display:block;font-family:Fredoka,Futura,sans-serif;font-size:1.05rem;font-weight:500;letter-spacing:.4px;margin-top:.35rem}@keyframes evoPulse{0%,to{opacity:.85;text-shadow:0 0 16px #b482ffb3,0 0 32px #b482ff66}50%{opacity:1;text-shadow:0 0 24px #c8a0ff,0 0 48px #c8a0ff99}}.evo-creature-stage{align-items:center;display:flex;height:220px;justify-content:center;position:relative;width:220px}.evo-glow-ring{background:radial-gradient(circle,#a064ff40 0,#0000 70%);border-radius:50%;inset:-20px;position:absolute;transition:all .6s ease}.evo-glow-ring--flash{animation:evoFlash 1.2s ease both;background:radial-gradient(circle,#ffffffe6 0,#c8a0ff80 40%,#0000 70%);transform:scale(1.4)}.evo-glow-ring--gold{background:radial-gradient(circle,#ffd74059 0,#ffaa0026 40%,#0000 70%);transform:scale(1)}@keyframes evoFlash{0%{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.5)}to{opacity:.6;transform:scale(1.1)}}.evo-creature-img{height:180px;object-fit:contain;pointer-events:none;position:absolute;transition:opacity .8s ease,transform .8s ease,filter .8s ease;width:180px}.evo-creature-img--old{filter:drop-shadow(0 0 12px rgba(180,130,255,.6));opacity:1;transform:scale(1)}.evo-creature-img--old.evo-creature-img--faded{filter:drop-shadow(0 0 30px rgba(255,255,255,.9));opacity:0;transform:scale(.6)}.evo-creature-img--new{filter:drop-shadow(0 0 0 transparent);opacity:0;transform:scale(.3)}.evo-creature-img--new.evo-creature-img--revealed{animation:evoRevealBounce .6s ease both;filter:drop-shadow(0 0 20px rgba(255,215,64,.7));opacity:1;transform:scale(1.05)}@keyframes evoRevealBounce{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1.05)}}.evo-dismiss-btn{background:linear-gradient(135deg,#7c4dff,#9c27b0 50%,#ffab00);border:none;border-radius:16px;box-shadow:0 4px 20px #7c4dff66;color:#fff;cursor:pointer;font-family:Fredoka,Futura,sans-serif;font-size:1.15rem;font-weight:600;opacity:0;padding:.85rem 2.8rem;pointer-events:none;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,box-shadow .2s ease}.evo-dismiss-btn--visible{animation:evoBtnAppear .5s ease both;opacity:1;pointer-events:auto;transform:translateY(0)}.evo-dismiss-btn:hover{box-shadow:0 6px 28px #7c4dff99,0 0 16px #ffab004d;transform:translateY(-2px)}.evo-dismiss-btn:active{transform:translateY(0)}@keyframes evoBtnAppear{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.evo-modal-content{gap:1.2rem;padding:1.5rem 1rem}.evo-title-text{font-size:1.4rem}.evo-subtitle{font-size:.95rem}.evo-creature-stage{height:180px;width:180px}.evo-creature-img{height:150px;width:150px}.evo-dismiss-btn{font-size:1.05rem;padding:.75rem 2.2rem}}@media(max-width:480px){.evo-modal-content{gap:1rem;padding:1.2rem .8rem}.evo-title-text{font-size:1.2rem}.evo-subtitle{font-size:.85rem}.evo-creature-stage{height:160px;width:160px}.evo-creature-img{height:130px;width:130px}.evo-glow-ring{inset:-14px}.evo-dismiss-btn{border-radius:14px;font-size:1rem;padding:.7rem 2rem}}.tutorial-overlay{inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .35s ease;z-index:10000}.tutorial-overlay--visible{opacity:1;pointer-events:auto}.tutorial-overlay__backdrop{background:#000000bf;inset:0;position:absolute;transition:background .3s ease}.tutorial-overlay__backdrop--spotlight{background:radial-gradient(ellipse var(--spot-w) var(--spot-h) at var(--spot-x) var(--spot-y),#0000 0,#0000 45%,#00000026 55%,#000000bf 75%)}.tutorial-overlay__card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#140a32d9;border:1px solid #a078ff40;border-radius:20px;box-shadow:0 8px 32px #00000080,0 0 60px #7c4dff1f,inset 0 1px 0 #ffffff0f;color:#fff;font-family:Fredoka,Fredoka One,sans-serif;max-width:calc(100vw - 32px);padding:28px 24px 22px;position:absolute;text-align:center;width:360px;z-index:10001}.tutorial-overlay__card--enter{animation:tutorialCardIn .35s cubic-bezier(.34,1.56,.64,1) both}.tutorial-overlay__card--exit{animation:tutorialCardOut .2s ease-in both}@keyframes tutorialCardIn{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tutorialCardOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95) translateY(-6px)}}.tutorial-overlay__creature{align-items:center;animation:creatureBob 2.5s ease-in-out infinite;background:radial-gradient(circle,#7c4dff4d,#0000 70%);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 12px;width:100px}.tutorial-overlay__creature img{filter:drop-shadow(0 4px 12px rgba(124,77,255,.4));height:80px;object-fit:contain;width:80px}@keyframes creatureBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tutorial-overlay__rocket{animation:rocketPulse 1.8s ease-in-out infinite;margin:0 auto 10px}.tutorial-overlay__rocket svg{filter:drop-shadow(0 2px 8px rgba(124,77,255,.5))}@keyframes rocketPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tutorial-overlay__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4bbff,#a078ff);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;letter-spacing:.02em;margin:0 0 8px}.tutorial-overlay__body{color:#ffffffd9;font-size:.95rem;font-weight:400;line-height:1.5;margin:0 0 18px}.tutorial-overlay__dots{display:flex;gap:8px;justify-content:center;margin-bottom:18px}.tutorial-overlay__dot{background:#fff3;border:1.5px solid #ffffff26;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.tutorial-overlay__dot--active{background:#a078ff;border-color:#a078ff;box-shadow:0 0 8px #a078ff99;transform:scale(1.2)}.tutorial-overlay__dot--done{background:#a078ff73;border-color:#a078ff4d}.tutorial-overlay__actions{align-items:center;display:flex;justify-content:space-between}.tutorial-overlay__btn-group{display:flex;gap:8px}.tutorial-overlay__btn{border:none;border-radius:12px;cursor:pointer;font-family:Fredoka,Fredoka One,sans-serif;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.tutorial-overlay__btn--skip{background:#0000;color:#ffffff80;padding:10px 12px}.tutorial-overlay__btn--skip:hover{color:#fffc}.tutorial-overlay__btn--prev{background:#ffffff14;border:1px solid #ffffff1a;color:#ffffffb3}.tutorial-overlay__btn--prev:hover{background:#ffffff24;color:#fff}.tutorial-overlay__btn--next{background:linear-gradient(135deg,#7c4dff,#a078ff);box-shadow:0 4px 14px #7c4dff59;color:#fff}.tutorial-overlay__btn--next:hover{box-shadow:0 6px 20px #7c4dff80;transform:translateY(-1px)}.tutorial-overlay__btn--next:active{box-shadow:0 2px 8px #7c4dff4d;transform:translateY(1px)}@media(max-width:768px){.tutorial-overlay__card{border-radius:16px;left:50%!important;padding:22px 18px 18px;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 32px)}.tutorial-overlay__creature img{height:64px;width:64px}.tutorial-overlay__title{font-size:1.2rem}.tutorial-overlay__body{font-size:.88rem}.tutorial-overlay__btn{font-size:.85rem;padding:8px 16px}}.pp-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050514bf;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:999999999}.pp-modal{background:linear-gradient(165deg,#0d0d2b,#0a0a1f 40%,#12082a);border:1px solid #8c78ff2e;border-radius:20px;box-shadow:0 0 60px #643cff1f,0 24px 70px #05051e99,inset 0 1px 0 #ffffff0f;max-height:min(88vh,860px);overflow-x:hidden;overflow-y:auto;position:relative;width:min(520px,94vw)}.pp-close{background:#0000;border:none;cursor:pointer;display:grid;height:44px;padding:0;place-items:center;position:absolute;right:8px;top:8px;width:44px;z-index:5}.pp-close img{display:block;height:38px;width:38px}.pp-close:active{transform:translateY(1px)}.pp-header{align-items:center;border-bottom:1px solid #8c78ff1f;display:flex;flex-direction:column;padding:28px 20px 16px}.pp-header-icon{background:radial-gradient(circle,#8c64ff40,#0000 70%);border-radius:50%;display:grid;height:56px;margin-bottom:8px;place-items:center;width:56px}.pp-header-icon img{height:40px;width:40px}.pp-title{color:#f0ecff;font:800 22px/1.2 Fredoka,Inter,system-ui,sans-serif;letter-spacing:.02em;margin:0;text-shadow:0 0 20px #8c64ff4d}.pp-level-transition{align-items:center;display:flex;font:700 15px/1 Fredoka,Inter,system-ui,sans-serif;gap:10px;margin-top:8px}.pp-level-current{color:#c8beffb3}.pp-level-arrow{color:#c8beff66;font-size:18px}.pp-level-next{color:#ffd866;text-shadow:0 0 10px #ffd8664d}.pp-loading{color:#c8beff80;font:600 14px/1.4 Inter,system-ui,sans-serif;padding:40px 20px;text-align:center}.pp-body{display:flex;flex-direction:column;gap:14px;padding:16px}.pp-split{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:520px){.pp-split{grid-template-columns:1fr}}.pp-panel{border-radius:14px;overflow:hidden}.pp-panel-header{align-items:center;display:flex;font:700 12px/1 Fredoka,Inter,system-ui,sans-serif;gap:8px;letter-spacing:.04em;padding:10px 14px;text-transform:uppercase}.pp-panel-content{padding:12px 14px 14px}.pp-panel--gains{background:linear-gradient(170deg,#22783c2e,#14321e38);border:1px solid #50c87826}.pp-panel--gains .pp-panel-header{background:#288c461f;color:#6ee7a0}.pp-panel--gains .pp-panel-icon{color:#6ee7a0;font-size:10px}.pp-gain-row{align-items:center;display:flex;gap:10px;padding:8px 0}.pp-gain-row+.pp-gain-row{border-top:1px solid #50c87814}.pp-gain-icon{background:#288c4626;border-radius:10px;display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.pp-gain-icon img{height:22px;width:22px}.pp-gain-icon--production{background:#c8a02826;color:#ffd866}.pp-gain-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pp-gain-label{color:#d0fbe0;font:700 12px/1.2 Inter,system-ui,sans-serif}.pp-gain-value{color:#b4e6c8a6;font:500 11px/1.3 Inter,system-ui,sans-serif}.pp-gain-multiplier{color:#b4e6c899;font:600 11px/1.2 Inter,system-ui,sans-serif;text-align:right;white-space:nowrap}.pp-gain-multiplier strong{color:#ffd866;font-weight:800}.pp-gain-permanent{background:#288c461a;border:1px solid #50c8781a;border-radius:10px;color:#96dcb499;font:600 10.5px/1.4 Inter,system-ui,sans-serif;margin-top:10px;padding:8px 10px;text-align:center}.pp-panel--losses{background:linear-gradient(170deg,#781e1e2e,#3c0f0f38);border:1px solid #ff50501f}.pp-panel--losses .pp-panel-header{background:#a028281f;color:#ff8a8a}.pp-panel--losses .pp-panel-icon{color:#ff8a8a;font-size:10px}.pp-loss-row{align-items:center;color:#ffc4c4;display:flex;font:600 12.5px/1.3 Inter,system-ui,sans-serif;gap:10px;padding:7px 0}.pp-loss-row+.pp-loss-row{border-top:1px solid #ff50500f}.pp-loss-icon{display:grid;flex-shrink:0;font-size:16px;height:28px;place-items:center;width:28px}.pp-loss-coin-icon{height:20px;width:20px}.pp-loss-text{flex:1 1}.pp-loss-warning{background:#3c287826;border:1px solid #8c78ff1a;border-radius:10px;color:#b4aaffa6;font:600 10.5px/1.4 Inter,system-ui,sans-serif;margin-top:10px;padding:8px 10px;text-align:center}.pp-requirements{background:#140f2880;border:1px solid #8c78ff1a;border-radius:14px;padding:14px}.pp-requirements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.pp-requirements-label{color:#d0ccf0;font:700 13px/1.2 Fredoka,Inter,system-ui,sans-serif;letter-spacing:.02em}.pp-requirements-status{border-radius:999px;font:700 11px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;padding:4px 10px;text-transform:uppercase}.pp-requirements-status--ready{background:#28a05033;border:1px solid #50c87833;color:#6ee7a0}.pp-requirements-status--incomplete{background:#a0282826;border:1px solid #ff505026;color:#ff8a8a}.pp-requirements-subtitle{color:#b4aae673;font:500 11px/1.3 Inter,system-ui,sans-serif;margin-bottom:12px}.pp-checklist{display:flex;flex-direction:column;gap:6px}.pp-checklist-item{align-items:center;border-radius:10px;display:flex;font:600 12.5px/1.2 Inter,system-ui,sans-serif;gap:10px;padding:8px 10px;transition:background .15s ease}.pp-checklist-item--done{background:#288c461a;border:1px solid #50c8781a}.pp-checklist-item--pending{background:#a0282814;border:1px solid #ff505014}.pp-checklist-check{border-radius:50%;display:grid;flex-shrink:0;font:700 13px/1 Inter,system-ui,sans-serif;height:22px;place-items:center;width:22px}.pp-checklist-item--done .pp-checklist-check{background:#28a05040;color:#6ee7a0}.pp-checklist-item--pending .pp-checklist-check{background:#a0282833;color:#ff8a8a}.pp-checklist-img{border-radius:8px;flex-shrink:0;height:28px;object-fit:cover;width:28px}.pp-checklist-name{color:#d0ccf0;flex:1 1;min-width:0}.pp-checklist-item--done .pp-checklist-name{color:#b0e8c8}.pp-checklist-item--pending .pp-checklist-name{color:#ffb8b8}.pp-checklist-level{color:#b4aae680;font:600 11px/1 Inter,system-ui,sans-serif;white-space:nowrap}.pp-checklist-item--done .pp-checklist-level{color:#6ee7a099}.pp-checklist-item--pending .pp-checklist-level{color:#ff8a8a80}.pp-max-reached{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.pp-max-icon{background:radial-gradient(circle,#ffd86633,#0000 70%);border-radius:50%;display:grid;height:72px;place-items:center;width:72px}.pp-max-icon img{filter:drop-shadow(0 0 12px rgba(255,216,102,.4));height:52px;width:52px}.pp-max-text{color:#ffd866;font:800 18px/1.2 Fredoka,Inter,system-ui,sans-serif;text-shadow:0 0 16px #ffd86640}.pp-max-sub{color:#c8beff8c;font:500 13px/1.4 Inter,system-ui,sans-serif;max-width:320px}.pp-max-stats{display:flex;gap:16px;margin-top:8px}.pp-max-stat{align-items:center;background:#288c461a;border:1px solid #50c8781f;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px 20px}.pp-max-stat-label{color:#96dcb499;font:600 10px/1 Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.pp-max-stat-value{color:#6ee7a0;font:800 16px/1 Fredoka,Inter,system-ui,sans-serif}.pp-footer{border-top:1px solid #8c78ff1a;display:flex;gap:10px;justify-content:stretch;padding:14px 16px 18px}.pp-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font:800 14px/1 Fredoka,Inter,system-ui,sans-serif;height:44px;letter-spacing:.02em;transition:background .15s ease,box-shadow .15s ease,transform .06s ease}.pp-btn:active{transform:translateY(1px)}.pp-btn--cancel{background:#3c32644d;border:1px solid #8c78ff1f;color:#c8beffa6}.pp-btn--cancel:hover{background:#3c326473}.pp-btn--prestige{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 20px #7c3aed4d,inset 0 1px 0 #ffffff26;color:#fff}.pp-btn--prestige:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 6px 28px #7c3aed66,inset 0 1px 0 #ffffff26}.pp-btn--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}@media(max-width:768px){.pp-overlay{align-items:stretch;padding:0}.pp-modal{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%}.pp-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.pp-footer{background:linear-gradient(165deg,#0d0d2b,#0a0a1f);bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:-webkit-sticky;position:sticky}.pp-split{grid-template-columns:1fr}}.rh-locked-banner{background:linear-gradient(135deg,#a55cffe6,#7e3ff2e6);border:1px solid #fff3;border-radius:6px;box-shadow:0 2px 8px #7e3ff266;color:#fff;font-family:Fredoka One,cursive;font-size:.7rem;letter-spacing:.5px;padding:3px 10px;position:absolute;right:10px;text-transform:uppercase;top:10px;z-index:3}.section-card--locked{cursor:default;opacity:.7}.rh-upgrade-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;pointer-events:all;position:fixed;z-index:9999}.rh-upgrade-card{animation:rhUpgradePop .3s cubic-bezier(.4,0,.2,1) both;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f0a23eb;border:1.5px solid #a55cff4d;border-radius:22px;box-shadow:0 18px 50px #00000073,0 0 40px #a55cff1a;max-width:420px;padding:32px 24px;position:relative;text-align:center;width:100%}@keyframes rhUpgradePop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.rh-upgrade-card:before{background:linear-gradient(135deg,#a55cff66,#7e3ff233,#c5007b4d);border-radius:24px;content:"";filter:blur(8px);inset:-2px;opacity:.6;position:absolute;z-index:-1}.rh-upgrade-close{background:#ffffff14;border:1px solid #fff3;border-radius:50%;color:#ffffffb3;cursor:pointer;display:grid;font-size:1.2rem;height:32px;line-height:1;padding:0;place-items:center;position:absolute;right:12px;top:12px;transition:background .15s ease,color .15s ease;width:32px;z-index:2}.rh-upgrade-close:hover{background:#ffffff26;color:#fff}.rh-upgrade-mascot{margin-bottom:16px}.rh-upgrade-mascot-img{filter:drop-shadow(0 4px 12px rgba(165,92,255,.3));height:64px;object-fit:contain;width:64px}.rh-upgrade-title{color:#fffffff2;font-family:Fredoka One,cursive;font-size:1.3rem;line-height:1.3;margin:0 0 8px}.rh-upgrade-subtitle{color:#ffffffa6;font-size:.95rem;line-height:1.5;margin:0 0 16px}.rh-upgrade-countdown{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;color:#fffc;display:inline-block;font-family:Fredoka One,cursive;font-size:.85rem;margin-bottom:20px;padding:6px 16px}.rh-upgrade-cta{align-items:center;background:radial-gradient(circle at 30% 20%,#ffffff26,#0000 45%),linear-gradient(180deg,#a55cfff2,#7e3ff2f2);border:3px solid #000;border-radius:999px;box-shadow:inset 0 -4px 0 #0000004d,0 12px 24px #0006;color:#fff;cursor:pointer;display:inline-flex;font-family:Fredoka One,cursive;font-size:1.05rem;justify-content:center;min-width:200px;padding:12px 28px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.rh-upgrade-cta:hover{box-shadow:inset 0 -4px 0 #0000004d,0 16px 30px #00000080;filter:brightness(1.1);transform:translateY(-2px)}.rh-upgrade-cta:active{transform:translateY(1px) scale(.98)}@media(max-width:768px){.rh-upgrade-card{max-width:340px;padding:24px 16px}.rh-upgrade-title{font-size:1.1rem}.rh-upgrade-cta{font-size:.95rem;min-width:160px;padding:10px 20px}}:root,body{scrollbar-gutter:stable both-edges}body.rh-lock{overflow-y:hidden}.roleplayhub{--avatar-bg:url(https://moonrock-images.s3.us-east-2.amazonaws.com/avatar-bg.png);color:#e3dbff;padding:16px}.roleplayhub__header{align-items:center;display:flex;gap:14px;justify-content:center;margin:0 auto 20px;max-width:1100px;padding:0 18px}.roleplayhub__difficulty{align-items:center;background:#fffaf3;border:2px solid #19123847;border-radius:999px;box-shadow:inset 0 2px 0 #ffffffd9,0 12px 28px #160c3824;display:inline-flex;gap:8px;padding:6px;position:relative}.roleplayhub__difficulty:after{border-radius:inherit;box-shadow:inset 0 1px 0 #ffffffe6;content:"";inset:0;pointer-events:none;position:absolute}.roleplayhub__difficulty button{background:#0000;border:0;border-radius:999px;color:#5a4d7a;cursor:pointer;font-family:Fredoka One,cursive;font-weight:700;isolation:isolate;letter-spacing:.2px;min-height:44px;outline:none;padding:12px 34px 12px 18px;position:relative;transition:transform .15s ease,color .15s ease,opacity .15s ease}.roleplayhub__difficulty button:hover{color:#231942;opacity:.95;transform:translateY(-1px)}.roleplayhub__difficulty button:active{transform:translateY(0)}.roleplayhub__difficulty button.is-active{color:#fff}.roleplayhub__difficulty button:before{background:#0000;border-radius:inherit;box-shadow:inset 0 2px 0 #ffffffd9,inset 0 -10px 16px #0000001a,0 8px 18px #160c3824;content:"";inset:0;opacity:0;position:absolute;transition:background .25s ease,box-shadow .25s ease,transform .15s ease,opacity .2s ease;z-index:-1}.roleplayhub__difficulty button.is-active:before{opacity:1;transform:translateY(0)}.roleplayhub__difficulty button:first-child.is-active:before,.roleplayhub__difficulty button:nth-child(2).is-active:before{background:linear-gradient(180deg,#3ddd78,#22c55e)}.roleplayhub__difficulty button:nth-child(3).is-active:before{background:linear-gradient(180deg,#6ca1f8,#3b82f6)}.roleplayhub__difficulty button:nth-child(4).is-active:before{background:linear-gradient(180deg,#bc7cf9,#a855f7)}.roleplayhub__difficulty button:nth-child(5).is-active:before{background:linear-gradient(180deg,#f7c423,#eab308)}.roleplayhub__difficulty button:nth-child(6).is-active:before{background:linear-gradient(180deg,#f8c72d,#eab308)}.roleplayhub__difficulty button+button:after{background:linear-gradient(180deg,#19123800,#1912384d 50%,#19123800);bottom:4px;content:"";left:-4px;left:calc(var(--seg-gap, 8px)/-2);opacity:.6;pointer-events:none;position:absolute;top:4px;width:1px}.roleplayhub__difficulty button.is-active+button:after,.roleplayhub__difficulty button.is-active:after{opacity:0}.roleplayhub__difficulty button:focus-visible{box-shadow:0 0 0 2px #fffffff2,0 0 0 5px #7a4df673}.roleplayhub__voice{align-items:center;display:flex;gap:8px}.roleplayhub__voice label{opacity:.8}.roleplayhub__voice input{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:0;border-radius:10px;color:#fff;min-width:160px;outline:none;padding:8px 10px}.roleplayhub__avatar-dock{aspect-ratio:1/1;aspect-ratio:1.3/1;background-image:var(--avatar-bg);background-position:50%;background-size:cover;border-radius:16px;box-shadow:0 18px 60px #00000073,inset 0 0 0 1px #ffffff14;contain:layout paint size;max-width:calc(100% - 48px);overflow:hidden;position:fixed;right:24px;top:16px;transition:transform .25s ease,opacity .25s ease;width:300px;will-change:transform;z-index:9999}.roleplayhub__avatar-dock canvas{display:block;height:100%;inset:0;position:absolute;width:100%}.roleplayhub__avatar-dock:after{border-radius:16px;box-shadow:inset 0 0 0 2px #ffffff14;content:"";inset:0;pointer-events:none;position:absolute}.roleplayhub--dock-pad{padding-bottom:0}.roleplayhub__overlay{animation:rhOverlayFadeIn .16s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 35%,#46beff29,#000000db 58%),radial-gradient(circle at 18% 12%,#ff5adc24,#0000 55%),radial-gradient(circle at 88% 18%,#7846ff24,#0000 55%),#0000009e;display:grid;padding:16px;place-items:center}@keyframes rhOverlayFadeIn{0%{opacity:0}to{opacity:1}}.roleplayhub__overlay-inner{animation:rhPopIn .18s cubic-bezier(.2,.95,.25,1);background:radial-gradient(circle at 20% 10%,#ff5adc2e,#0000 55%),radial-gradient(circle at 80% 12%,#46beff2e,#0000 55%),linear-gradient(180deg,#121a2eeb,#0a0e1ceb);border:1px solid #ffffff24;border-radius:26px;box-shadow:0 28px 80px #000000bf,inset 0 0 0 1px #ff50d21f;padding:14px;width:min(1100px,100% - 32px)}@keyframes rhPopIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.roleplayhub__overlay-inner:before{animation:rhShimmer 4.8s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#ffffff14 48%,#0000 56%);content:"";inset:-40% -40%;pointer-events:none;position:absolute;transform:rotate(12deg)}@keyframes rhShimmer{0%{opacity:.14;transform:translateX(-18%) rotate(12deg)}45%{opacity:.24}to{opacity:.14;transform:translateX(18%) rotate(12deg)}}.roleplayhub .roleplayhub__bar{grid-gap:16px;align-items:center;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:linear-gradient(180deg,#ffffff29,#ffffff14);border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 12px 32px #00000073,inset 0 1px 0 #ffffff59,inset 0 -1px 0 #ffffff0f;display:grid;gap:16px;grid-template-columns:auto 1fr auto;isolation:isolate;padding:14px 18px;position:relative}.roleplayhub .roleplayhub__bar:before{background:linear-gradient(135deg,rgba(57,226,255,.502),rgba(122,92,255,.502) 40%,rgba(255,113,225,.502) 70%,rgba(57,226,255,.502));filter:drop-shadow(0 0 10px rgba(122,92,255,.3333333333));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;z-index:-1}.roleplayhub .roleplayhub__bar:after,.roleplayhub .roleplayhub__bar:before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.roleplayhub .roleplayhub__bar:after{background:radial-gradient(80% 120% at 10% -20%,#ffffff59,#0000 55%),radial-gradient(60% 80% at 80% -10%,#ffffff26,#0000 60%);mix-blend-mode:screen}.roleplayhub .roleplayhub__bar:hover{box-shadow:0 16px 36px #00000080,inset 0 1px 0 #ffffff73,inset 0 -1px 0 #ffffff14}.roleplayhub .roleplayhub__bar:hover:before{filter:drop-shadow(0 0 14px rgba(122,92,255,.4))}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.roleplayhub .roleplayhub__bar{background:#ffffff1f}}.roleplayhub__back{background:#ffffff1f;border:0;border-radius:999px;font-family:Fredoka}.roleplayhub__badge{border-radius:999px;color:#fff;font-weight:700;margin-left:10px;padding:6px 10px}.roleplayhub__badge.is-beginner{background:#9014f5}.roleplayhub__badge.is-intermediate{background:#004adf}.roleplayhub__badge.is-advanced{background:#c5007b}.roleplayhub__messages{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 16px 34px #00000073,inset 0 0 0 1px #00000059;overscroll-behavior:contain;scrollbar-gutter:stable both-edges}.roleplayhub .roleplayhub__messages::-webkit-scrollbar{width:10px}.roleplayhub .roleplayhub__messages::-webkit-scrollbar-thumb{background:#ffffff24;border:2px solid #00000059;border-radius:999px}.roleplayhub .roleplayhub__messages::-webkit-scrollbar-track{background:#00000040;border-radius:999px}.roleplayhub__msg{display:flex;margin:12px 0}.roleplayhub__msg--user{justify-content:flex-end}.roleplayhub__msg--assistant{justify-content:flex-start}@keyframes bubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.roleplayhub__bubble{animation:bubbleIn .22s ease both;background:radial-gradient(circle at 22% 12%,#ff5adc29,#0000 55%),radial-gradient(circle at 85% 18%,#46beff29,#0000 55%),linear-gradient(180deg,#fffcf6,#fff2e0);border:4px solid #000000e0;border-radius:26px;box-shadow:inset 0 -6px 0 #0000002e,0 20px 44px #00000080;color:#231942;max-width:78%;padding:16px 16px 72px;position:relative;transform:translateZ(0)}.roleplayhub__bubble:after{border-radius:28px;box-shadow:0 0 24px #ff5adc1a;content:"";inset:-2px;pointer-events:none;position:absolute}.roleplayhub__bubble:active{transform:translateY(1px)}.roleplayhub__msg--user .roleplayhub__bubble{background:radial-gradient(circle at 22% 12%,#ffffff29,#0000 55%),radial-gradient(circle at 78% 18%,#39e2ff2e,#0000 55%),linear-gradient(180deg,#7846fffa,#3a23c8fa);border-color:#000000eb;box-shadow:inset 0 -6px 0 #00000047,0 22px 48px #00000094;color:#fffffff7}.roleplayhub__bubble-text{font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.2px;line-height:1.18;min-width:200px;text-align:left;text-shadow:0 1px 0 #0000001f;white-space:pre-wrap}.roleplayhub__msg--user .roleplayhub__bubble-text{color:#fff}.roleplayhub__meta{align-items:center;border-top:1px solid #00000024;bottom:12px;display:flex;flex-wrap:wrap;gap:10px;left:14px;padding-top:10px;position:absolute;right:14px}.roleplayhub__meta-btn{align-items:center;background:radial-gradient(circle at 30% 20%,#fff3,#0000 45%),linear-gradient(180deg,#ffffffbf,#ffffff85);border:3px solid #000000e0;border-radius:999px;box-shadow:inset 0 -4px 0 #00000038,0 12px 22px #00000040;color:#231942;cursor:pointer;display:inline-flex;font-family:Fredoka One,cursive;font-weight:900;gap:8px;letter-spacing:.3px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.roleplayhub__meta-btn:hover{box-shadow:inset 0 -4px 0 #00000038,0 16px 28px #00000052;filter:brightness(1.04);transform:translateY(-2px)}.roleplayhub__meta-btn:active{transform:translateY(0) scale(.99)}.roleplayhub__msg--user .roleplayhub__meta-btn{background:radial-gradient(circle at 30% 20%,#fff3,#0000 45%),linear-gradient(180deg,#39e2ff8c,#ff71e173);border-color:#000000eb;color:#fffffffa}.roleplayhub__translate.is-on{box-shadow:inset 0 0 0 1px #0003}.roleplayhub__tail{background:inherit;bottom:16px;content:"";height:12px;position:absolute;transform:rotate(45deg);width:12px}.roleplayhub__msg--assistant .roleplayhub__tail{border-bottom-left-radius:2px;left:-6px}.roleplayhub__msg--user .roleplayhub__tail{border-top-right-radius:2px;right:-6px}.roleplayhub__translation{border-top:1px dashed #2319462e;color:#5a4d7a;margin-top:8px;padding-top:10px}.roleplayhub__msg--user .roleplayhub__translation{border-top-color:#ffffff61;color:#ffffffe0}.roleplayhub__translation-src{font-size:.95rem;margin-bottom:4px;opacity:.95}.roleplayhub__translation-en{font-size:.92rem;font-weight:400;opacity:.75}.roleplayhub .roleplayhub__composer{grid-gap:16px;align-items:center;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);background:linear-gradient(180deg,#ffffff29,#ffffff14);border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 12px 32px #00000073,inset 0 1px 0 #ffffff59,inset 0 -1px 0 #ffffff0f;display:grid;gap:16px;grid-template-columns:auto 1fr auto;isolation:isolate;padding:14px 18px;position:relative}.roleplayhub .roleplayhub__input-wrap{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr;min-width:0}.roleplayhub .roleplayhub__input-wrap .roleplayhub__mic-wrap{grid-column:2;justify-self:center}.roleplayhub .rh-spacer{grid-column:3}.roleplayhub .roleplayhub__typing{align-items:center;display:flex;gap:10px;grid-column:1;justify-self:start}.roleplayhub .roleplayhub__mic-wrap{justify-self:center}.roleplayhub .rh-spacer{justify-self:end}.roleplayhub .roleplayhub__right-controls{align-items:center;display:flex;gap:10px;justify-self:end}.roleplayhub .rh-switch{--h:26px;--w:46px;--pad:3px;align-items:center;color:#fff;cursor:pointer;display:inline-flex;flex-direction:column;font-weight:600;gap:6px;-webkit-user-select:none;user-select:none}.roleplayhub .rh-switch input{display:none}.roleplayhub .rh-switch__track{backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff59;height:var(--h);position:relative;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;width:var(--w)}.roleplayhub .rh-switch__thumb{background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border-radius:50%;box-shadow:0 4px 10px #00000059,inset 0 1px 0 #fffc;height:calc(var(--h) - var(--pad)*2);left:var(--pad);position:absolute;top:var(--pad);transition:transform .22s cubic-bezier(.2,.8,.2,1);width:calc(var(--h) - var(--pad)*2)}.roleplayhub .rh-switch input:checked+.rh-switch__track{background:linear-gradient(135deg,rgba(57,226,255,.314),rgba(122,92,255,.314) 60%,rgba(255,113,225,.314));border-color:#ffffff59;box-shadow:inset 0 0 12px rgba(122,92,255,.333)}.roleplayhub .rh-switch input:checked+.rh-switch__track .rh-switch__thumb{transform:translateX(calc(var(--w) - var(--h)))}.roleplayhub .rh-switch__label{color:#fff;font-size:12px;line-height:1;margin-top:2px;opacity:.9;text-align:center}.roleplayhub .roleplayhub__composer:before{background:linear-gradient(135deg,rgba(57,226,255,.502),rgba(122,92,255,.502) 40%,rgba(255,113,225,.502) 70%,rgba(57,226,255,.502));border-radius:inherit;content:"";filter:drop-shadow(0 0 10px rgba(122,92,255,.3333333333));inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;pointer-events:none;position:absolute;z-index:-1}.roleplayhub .roleplayhub__composer:after{background:radial-gradient(80% 120% at 10% -20%,#ffffff59,#0000 55%),radial-gradient(60% 80% at 80% -10%,#ffffff26,#0000 60%);border-radius:inherit;content:"";inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute}.roleplayhub .roleplayhub__composer:hover{box-shadow:0 16px 36px #00000080,inset 0 1px 0 #ffffff73,inset 0 -1px 0 #ffffff14}.roleplayhub .roleplayhub__composer:hover:before{filter:drop-shadow(0 0 14px rgba(122,92,255,.4))}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.roleplayhub .roleplayhub__composer{background:#ffffff1f}}.roleplayhub__row{align-items:center;display:flex;gap:10px}.roleplayhub__input{background:#fffaf3;border:2px solid #19123847;border-radius:14px;box-shadow:inset 0 2px 0 #ffffffd9,inset 0 -8px 14px #0000001a;color:#231942;flex:1 1}.roleplayhub__send{background:#fffaf3;border:0;border-radius:999px;box-shadow:inset 0 2px 0 #ffffffd9,inset 0 -8px 14px #0000001a,0 8px 18px #160c3824;color:#231942;padding:10px 18px;transition:transform .08s ease,box-shadow .12s ease}.roleplayhub__send:active{box-shadow:inset 0 6px 10px #0000002e,0 6px 16px #160c3824;transform:translateY(1px)}.roleplayhub__status{opacity:.9;text-align:center}.roleplayhub__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.roleplayhub__mic{background:radial-gradient(120% 120% at 30% 20%,#7a4df6,#4c33c6);border:0;border-radius:999px;box-shadow:inset 0 2px 0 #ffffff40,inset 0 -12px 18px #00000040,0 10px 24px #482daa38;color:#fff;cursor:pointer;display:grid;height:72px;place-items:center;transition:transform .08s ease,box-shadow .12s ease;width:72px}.roleplayhub__mic:active{box-shadow:inset 0 6px 10px #00000052,0 6px 18px #482daa2e;transform:translateY(1px) scale(.99)}.roleplayhub__mic.is-recording{background:radial-gradient(120% 120% at 30% 20%,#ff5d73,#d12955);position:relative}.roleplayhub__mic.is-recording:after{animation:ring 1.2s ease-in-out infinite;border-radius:999px;box-shadow:0 0 0 0 #ef44448c;content:"";inset:-6px;position:absolute}.roleplayhub__mic-wrap{align-items:center;color:#231942;display:flex;flex-direction:column;gap:6px}.roleplayhub__mic-label{color:#7b00ff;font-family:Fredoka One,cursive;font-size:12px;opacity:.85}@keyframes ring{0%{box-shadow:0 0 0 0 #ef44448c;transform:scale(1)}70%{box-shadow:0 0 0 14px #ef444400;transform:scale(1.04)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(1)}}.roleplayhub__keyboard-toggle{background:#3a2aa6;border:0;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff24;color:#fff;display:grid;place-items:center;transition:transform .15s}.roleplayhub__keyboard-toggle:active{transform:scale(.98)}.roleplayhub__keyboard-toggle.is-on{background:linear-gradient(90deg,#7a4df6,#4c33c6);box-shadow:inset 0 2px 0 #ffffff40,inset 0 -10px 16px #00000038,0 10px 22px #482daa38;opacity:1}.roleplayhub .roadmap-section{margin:0 auto;max-width:1100px}.roleplayhub .roadmap-section .roadmap-title{color:#fff;font-family:Fredoka One,cursive;font-size:1.4rem;margin-bottom:10px;padding-left:10px;text-align:left}.roleplayhub .roadmap-section .section-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);padding:10px}.roleplayhub .roadmap-section .section-card{background-color:#efeaff;border:2px solid #0000;border-radius:12px;box-shadow:inset 0 4px 6px #0000001f,0 4px 14px #0000002e;cursor:pointer;padding:15px;position:relative;text-align:left;transition:transform .25s ease,box-shadow .25s ease}.roleplayhub .roadmap-section .section-card:hover{transform:translateY(-2px)}.roleplayhub .roadmap-section .section-card.beginner,.roleplayhub .roadmap-section .section-card.starter{border-color:#22c55e}.roleplayhub .roadmap-section .section-card.improver{border-color:#3b82f6}.roleplayhub .roadmap-section .section-card.intermediate{border-color:#a855f7}.roleplayhub .roadmap-section .section-card.advanced,.roleplayhub .roadmap-section .section-card.fluent{border-color:#eab308}.roleplayhub .roadmap-section .section-card.section-locked{background-color:#f0f0f0;border-color:#ccc;color:#ebebeb;cursor:not-allowed}.roleplayhub .roadmap-section .section-card.section-locked:before{background-color:#ff4e4e;border-radius:8px;color:#fff;content:"Locked";font-size:12px;padding:2px 8px;position:absolute;right:10px;top:5px}.roleplayhub .roadmap-section .section-card.beginner .section-id{color:#22c55e}.roleplayhub .roadmap-section .section-card.beginner .level-tag{background-color:#22c55e}.roleplayhub .roadmap-section .section-card.beginner .section-start-button{background-color:#22c55e;box-shadow:0 4px 0 #22c55e4d}.roleplayhub .roadmap-section .section-card.beginner .section-start-button:hover{background-color:#1a9a49;transform:translateY(2px)}.roleplayhub .roadmap-section .section-card.intermediate .section-id{color:#a855f7}.roleplayhub .roadmap-section .section-card.intermediate .level-tag{background-color:#a855f7}.roleplayhub .roadmap-section .section-card.intermediate .section-start-button{background-color:#a855f7;box-shadow:0 4px 0 #a855f74d}.roleplayhub .roadmap-section .section-card.intermediate .section-start-button:hover{background-color:#8f24f5;transform:translateY(2px)}.roleplayhub .roadmap-section .section-card.advanced .section-id{color:#eab308}.roleplayhub .roadmap-section .section-card.advanced .level-tag{background-color:#eab308}.roleplayhub .roadmap-section .section-card.advanced .section-start-button{background-color:#eab308;box-shadow:0 4px 0 #eab3084d}.roleplayhub .roadmap-section .section-card.advanced .section-start-button:hover{background-color:#b98d06;transform:translateY(2px)}.roleplayhub .roadmap-section .section-card.starter .section-id{color:#22c55e}.roleplayhub .roadmap-section .section-card.starter .level-tag{background-color:#22c55e}.roleplayhub .roadmap-section .section-card.starter .section-start-button{background-color:#22c55e;box-shadow:0 4px 0 #22c55e4d}.roleplayhub .roadmap-section .section-card.starter .section-start-button:hover{background-color:#1a9a49;transform:translateY(2px)}.roleplayhub .roadmap-section .section-card.improver .section-id{color:#3b82f6}.roleplayhub .roadmap-section .section-card.improver .level-tag{background-color:#3b82f6}.roleplayhub .roadmap-section .section-card.improver .section-start-button{background-color:#3b82f6;box-shadow:0 4px 0 #3b82f64d}.roleplayhub .roadmap-section .section-card.improver .section-start-button:hover{background-color:#0b63f3;transform:translateY(2px)}.roleplayhub .roadmap-section .section-card.fluent .section-id{color:#eab308}.roleplayhub .roadmap-section .section-card.fluent .level-tag{background-color:#eab308}.roleplayhub .roadmap-section .section-card.fluent .section-start-button{background-color:#eab308;box-shadow:0 4px 0 #eab3084d}.roleplayhub .roadmap-section .section-card.fluent .section-start-button:hover{background-color:#b98d06;transform:translateY(2px)}.roleplayhub .roadmap-section .section-card .section-title{color:#333;font-family:Fredoka One,cursive;font-size:18px;font-weight:700;margin-bottom:5px;margin-top:40px}.roleplayhub .roadmap-section .section-card .section-description{color:#474747;font-family:Fellix-SemiBold;font-size:14px;margin-bottom:10px}.roleplayhub .roadmap-section .section-card .section-focus{border-radius:5px;color:#494949;font-family:Fellix-Bold;text-align:left;transform:translateY(-7px)}.roleplayhub .roadmap-section .section-card .focus-tag{border-radius:5px;color:#858585;display:inline-block;font-family:Fellix-Bold;font-size:.8rem;text-align:center}.roleplayhub .roadmap-section .section-card .focus-separator{color:#ccc;font-size:.8rem;padding:0 5px}.roleplayhub .roadmap-section .section-card .section-start-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;margin-top:10px;outline:none;padding:8px 16px;transition:background-color .25s,transform .25s,box-shadow .25s}.roleplayhub .roadmap-section .section-card .section-start-button:active{transform:translateY(2px)}.roleplayhub .roadmap-section .section-card .level-tag{border-radius:5px;color:#fff;font-family:Fellix-Bold;font-size:.8rem;padding:4px 8px;position:absolute;right:8px;text-align:center;top:10px}.roleplayhub .roadmap-section .section-id{border-radius:5px;font-family:Fellix-Bold;font-family:Fredoka One,cursive;font-size:1.3rem;left:4px;padding:0 8px;position:absolute;text-align:center;text-align:left;top:10px}.roleplayhub .roadmap-section .card-left-right-holder{align-items:center;display:flex;flex-direction:row;padding:10px}.roleplayhub .roadmap-section .language-card-image{border-radius:7px;max-width:175px}@media(max-width:900px){.roleplayhub .roadmap-section .section-container{grid-template-columns:1fr}}@media(max-width:768px){.roleplayhub__overlay-inner{height:calc(100vh - 24px);width:calc(100% - 16px)}.roleplayhub__avatar-dock{aspect-ratio:1/1;right:12px;top:12px;width:min(320px,100% - 24px)}}.rh-close{height:72px;position:fixed;right:18px;top:18px;width:72px}.rh-close__img{filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));height:72px;transition:transform .12s ease,filter .12s ease;width:72px}.rh-close:hover .rh-close__img{filter:brightness(1.08) drop-shadow(0 20px 30px rgba(0,0,0,.6));transform:scale(1.06)}.rh-close:active .rh-close__img{transform:scale(.98)}.roleplayhub__highlight{background:#ffc8002e;border-radius:4px;font-weight:700;padding:0 .1em}.roleplayhub__translation-en--html .from-language{background:#2684ff26;border-radius:3px;font-weight:600;padding:0 .12em}.roleplayhub__msg--user .roleplayhub__bubble-text{min-height:44px}.roleplayhub__msg--user.recording .roleplayhub__bubble-text{opacity:.9}.roleplayhub__bubble-text.is-live{display:block;min-height:44px}.roleplayhub__bubble{will-change:contents}.roleplayhub__bubble-text.is-pending{min-height:1.25rem}.typing-dots i{animation:rh-blink 1s ease-in-out infinite;border-radius:50%;display:inline-block;height:6px;margin:0 2px;width:6px}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes rh-blink{0%{opacity:.25}40%{opacity:1}80%{opacity:.25}to{opacity:.25}}.roleplayhub__tail{display:none}.roleplayhub__bubble{border-radius:22px}.roleplayhub__msg--assistant .roleplayhub__bubble{border-bottom-left-radius:10px}.roleplayhub__msg--user .roleplayhub__bubble{border-bottom-right-radius:10px}.roleplayhub__bar{background:radial-gradient(circle at 18% 10%,#ff5adc2e,#0000 55%),radial-gradient(circle at 85% 18%,#46beff2e,#0000 55%),linear-gradient(180deg,#121a2eeb,#0a0e1ceb);border:1px solid #ffffff24;border-radius:22px;box-shadow:0 18px 46px #000000a6,inset 0 0 0 1px #ff50d21a}.roleplayhub__bar:before{animation:rhTopBarShimmer 5.2s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#ffffff14 48%,#0000 56%);content:"";inset:-40% -40%;pointer-events:none;position:absolute;transform:rotate(12deg)}@keyframes rhTopBarShimmer{0%{opacity:.12;transform:translateX(-18%) rotate(12deg)}45%{opacity:.22}to{opacity:.12;transform:translateX(18%) rotate(12deg)}}.roleplayhub__back{align-items:center;align-self:flex-start;background:#ffffff0f;border:1px solid #ffffff1f;color:#fff;display:inline-flex;font-weight:700;gap:8px;padding:8px 12px;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}.roleplayhub__back:hover{background:#ffffff1a;box-shadow:0 6px 14px #00000047;transform:translateY(-1px)}.roleplayhub__back:active{transform:translateY(0)}.scenario-title{align-items:baseline;display:flex;flex-direction:column;gap:12px;min-width:0}.scenario-title__text{color:#090909;font-family:Fredoka,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(20px,1.2vw,20px);font-weight:800;letter-spacing:.3px;margin:0;max-width:400px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #00000059;white-space:wrap}.roleplayhub__badge{border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 4px 12px #00000040,inset 0 1px 0 #ffffff2e;font-family:Fredoka,cursive;font-size:1rem;font-weight:500;line-height:1;padding:7px 14px}.roleplayhub__badge.is-beginner,.roleplayhub__badge.is-starter{background:#22c55e}.roleplayhub__badge.is-improver{background:#3b82f6}.roleplayhub__badge.is-intermediate{background:#a855f7}.roleplayhub__badge.is-advanced,.roleplayhub__badge.is-fluent{background:#eab308}.roleplayhub__bar-right .sd-land{--sd-max-w:460px}@media(max-width:720px){.roleplayhub__bar{grid-template-columns:1fr auto}.roleplayhub__bar-right{display:none}}.roleplayhub__meta-btn.roleplayhub__score{position:relative}.score-badge{border-radius:8px;font-size:.85em;font-weight:700;margin-left:6px;padding:2px 6px}.score-badge--perfect{background:#4ade8038;border:1px solid #4ade8073;color:#4ade80}.score-badge--minor{background:#fbbf2438;border:1px solid #fbbf2473;color:#fbbf24}.score-badge--moderate{background:#fb923c38;border:1px solid #fb923c73;color:#fb923c}.score-badge--major{background:#f8717138;border:1px solid #f8717173;color:#f87171}.rh-score-popover{animation:rhScorePopIn .2s cubic-bezier(.2,.95,.25,1) both;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:#0f0a23eb;border:1px solid #7a5cff59;border-radius:18px;box-shadow:0 0 28px #7a5cff2e,0 16px 40px #0000008c,inset 0 1px 0 #ffffff14;color:#ffffffeb;margin-top:10px;padding:16px}@keyframes rhScorePopIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.rh-score-popover__feedback{border-radius:12px;font-family:Fredoka One,cursive;font-size:1.1rem;letter-spacing:.3px;margin-bottom:12px;padding:10px 14px;text-align:center}.rh-score-popover__feedback--perfect{background:#4ade802e;border:1px solid #4ade8059;color:#4ade80}.rh-score-popover__feedback--minor{background:#fbbf242e;border:1px solid #fbbf2459;color:#fbbf24}.rh-score-popover__feedback--moderate{background:#fb923c2e;border:1px solid #fb923c59;color:#fb923c}.rh-score-popover__feedback--major{background:#f871712e;border:1px solid #f8717159;color:#f87171}.rh-score-popover__pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.rh-score-pill{border-radius:10px;display:inline-block;font-family:Fredoka,system-ui,sans-serif;font-size:.88rem;font-weight:800;padding:5px 10px}.rh-score-pill--accuracy{background:#4ade802e;border:1px solid #4ade8059;color:#4ade80}.rh-score-pill--fluency{background:#9382ff2e;border:1px solid #9382ff59;color:#9382ff}.rh-score-popover__row{align-items:flex-start;display:flex;gap:10px;margin:8px 0}.rh-score-popover__label{flex:0 0 70px;font-family:Fredoka,system-ui,sans-serif;font-size:.85rem;font-weight:700;opacity:.65;padding-top:3px;width:70px}.rh-score-popover__tokens{display:flex;flex:1 1;flex-wrap:wrap;gap:5px;line-height:1.8}.rh-tok{border-radius:6px;display:inline-block;font-family:Fredoka,system-ui,sans-serif;font-size:.95rem;font-weight:700;padding:2px 6px;position:relative}.rh-tok--target{background:#ffffff14;color:#ffffffb3}.rh-tok--exact{background:#4ade802e;border-bottom:2px solid #4ade80;color:#4ade80}.rh-tok--close{background:#fbbf242e;border-bottom:2px dashed #fbbf24;color:#fbbf24}.rh-tok--substituted{background:#fb923c2e;border-bottom:2px solid #fb923c;color:#fb923c}.rh-tok--missing{background:#f871712e;border-bottom:2px solid #f87171;color:#f87171;font-style:italic}.rh-tok--extra{background:#9ca3af29;border-bottom:2px dotted #9ca3af;color:#9ca3af;opacity:.85;text-decoration:line-through}.rh-tok__hint{color:#fbbf24d9;display:block;font-size:.72rem;font-weight:600;margin-top:2px;white-space:nowrap}.rh-score-popover__ai{flex:1 1;font-size:.88rem;line-height:1.5}.rh-score-popover__matched{background:#4ade8026;border-radius:6px;color:#4ade80;display:inline-block;font-size:.82rem;font-weight:700;margin-bottom:6px;padding:2px 8px}.rh-score-popover__suggested{color:#ffffffd9;margin-top:6px}.rh-score-popover__notes{color:#ffffffc7;margin:6px 0 0;padding-left:18px}.rh-score-popover__notes li{margin:4px 0}.rh-score-popover__details{color:#ffffffa6;margin-top:8px}.rh-score-popover__details summary{color:#ffffffbf;cursor:pointer;font-weight:700}.rh-score-popover__details ul{margin-top:4px;padding-left:18px}.rh-score-popover__details li{font-size:.82rem;margin:4px 0}.rh-score-popover__accept{background:linear-gradient(135deg,#4ade808c,#2ecc71a6);border:1px solid #4ade8073;border-radius:12px;box-shadow:0 6px 18px #2ecc7140,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;display:block;font-family:Fredoka One,cursive;font-size:.95rem;letter-spacing:.3px;margin-top:12px;padding:10px 16px;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;width:100%}.rh-score-popover__accept:hover{box-shadow:0 8px 22px #2ecc7159,inset 0 1px 0 #fff3;filter:brightness(1.08);transform:translateY(-1px)}.rh-score-popover__accept:active{filter:brightness(.96);transform:translateY(0)}@media(max-width:768px){.rh-score-popover{border-radius:14px;padding:12px}.rh-score-popover__feedback{font-size:.95rem;padding:8px 10px}.rh-score-popover__label{flex:0 0 55px;font-size:.78rem;width:55px}.rh-tok{font-size:.85rem;padding:1px 4px}}.roleplayhub__audio.is-loading{cursor:default;opacity:.85}.roleplayhub__audio.is-playing{filter:brightness(1.06)}.roleplayhub__score-btn.is-on,.roleplayhub__translate-btn.is-on{box-shadow:inset 0 -4px 0 #00000038,0 0 0 2px #ff5adc2e,0 0 22px #5ad2ff24}.roleplayhub__bar:before,.roleplayhub__overlay-inner:before{animation:none!important;opacity:0!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.rh-meta-icon{display:grid;height:24px;place-items:center;width:24px}.roleplayhub__meta-btn{height:46px;justify-content:center;min-width:52px;padding:8px 12px}.roleplayhub__meta-btn.is-loading{cursor:default;opacity:.95}.rh-spinner{animation:rhSpin .8s linear infinite;border:3px solid #0003;border-radius:999px;border-top-color:#000000d9;height:18px;width:18px}.roleplayhub__msg--user .rh-spinner{border:3px solid #ffffff40;border-top-color:#fffffff2}@keyframes rhSpin{to{transform:rotate(1turn)}}.typing-dots{align-items:center;display:inline-flex;gap:6px;padding:2px 0}.typing-dots i{animation:rhWave .9s ease-in-out infinite;background:currentColor;border-radius:999px;height:7px;opacity:.25;transform:translateY(0);width:7px}.typing-dots i:nth-child(2){animation-delay:.12s}.typing-dots i:nth-child(3){animation-delay:.24s}@keyframes rhWave{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.95;transform:translateY(-5px)}}.scenario-chip{background:#ffffffeb;border:1px solid #7b00ff59;border-radius:999px;box-shadow:0 3px 10px #0000002e,inset 0 0 8px #7b00ff1f;color:#7b00ff;font-family:Fredoka One,cursive;font-size:12px;left:10px;letter-spacing:.4px;padding:4px 9px;pointer-events:none;position:absolute;top:10px;-webkit-user-select:none;user-select:none;z-index:3}.scenario-chip--custom{background:#fff8f2;border-color:#7b00ff73;color:#7b00ff}.section-card.section-card--generator{background:#fff2e6;border:3px solid #7b00ff73!important;border-radius:10px;box-shadow:0 16px 40px #00000059;color:#4a1fb8;overflow:hidden;position:relative}.section-card.section-card--generator:after,.section-card.section-card--generator:before{content:none!important}.scenario-gen__icon{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff26;color:#7b00ff;display:grid;font-family:Fredoka One,cursive;font-size:56px;height:120px;place-items:center;-webkit-user-select:none;user-select:none;width:175px}.section-card.section-card--generator .section-start-button{background:#7b00ff73;box-shadow:0 6px #cfa1f18c!important}.section-card.section-card--generator .section-start-button:hover{box-shadow:0 4px #52008ca6!important;filter:brightness(.96);transform:translateY(2px)}.section-card.section-card--generator .section-start-button:active{filter:brightness(.94);transform:translateY(2px)}.section-card.section-card--generator:hover{box-shadow:0 20px 46px #0006;transform:translateY(-4px) scale(1.01)}.section-start-button-create{background-color:#a743ff;border:none;border-radius:8px;box-shadow:0 4px 0 #a743ff4d;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;margin-top:10px;outline:none;padding:8px 16px;transition:background-color .25s,transform .25s,box-shadow .25s}.section-start-button-create:active{transform:translateY(2px)}.section-start-button-create:hover{background-color:#9625f8;transform:translateY(2px)}.diff-info{background:linear-gradient(180deg,#ffffffd9,#ffffff8c);border:1px solid #00000029;border-radius:999px;box-shadow:0 6px 14px #0000002e,inset 0 1px 0 #ffffffb3;color:#231942d9;cursor:pointer;display:grid;font-family:Fredoka One,cursive;font-size:10px;height:18px;line-height:1;place-items:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px}.roleplayhub__difficulty button.is-active .diff-info{background:linear-gradient(135deg,#39e2ff59,#ff71e14d);border-color:#ffffff40;color:#fffffff2}.rh-mini-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 25%,#39e2ff24,#000000c7 60%),radial-gradient(circle at 18% 12%,#ff5adc24,#0000 55%),radial-gradient(circle at 88% 18%,#7846ff29,#0000 55%),#000000a6;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:999999}.rh-mini-card{background:radial-gradient(circle at 18% 10%,#ff5adc24,#0000 55%),radial-gradient(circle at 85% 18%,#46beff24,#0000 55%),linear-gradient(180deg,#fffffff0,#fff5ebf0);border:3px solid #000000e6;border-radius:22px;box-shadow:0 26px 70px #0000008c,inset 0 1px 0 #ffffffb3;color:#231942;isolation:isolate;padding:16px;position:relative;width:min(760px,100%)}.rh-mini-card:before{background:linear-gradient(135deg,#39e2ffa6,#7a5cff8c 45%,#ff71e18c 75%,#39e2ff8c);border-radius:24px;content:"";filter:drop-shadow(0 0 18px rgba(122,92,255,.35));inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.rh-mini-top{background:linear-gradient(180deg,#ffffff8c,#ffffff3d);border:1px solid #0000001a;border-radius:16px;box-shadow:inset 0 1px 0 #fff9;padding:10px 12px 12px}.rh-mini-title{align-items:center;display:flex;font-family:Fredoka One,cursive;font-size:22px;gap:10px;letter-spacing:.3px}.rh-mini-tag{background:#ffffffb3;border:1px solid #0000001a;border-radius:999px;color:#2319428c;font-family:Fredoka,system-ui,sans-serif;font-size:11px;font-weight:700;padding:3px 8px}.rh-mini-subtitle{color:#231942eb;font-family:Fredoka One,cursive;font-size:15px;margin-top:6px}.rh-mini-oneliner{color:#231942bf;font-family:Fredoka,system-ui,sans-serif;font-size:14px;font-weight:700;line-height:1.45;margin-top:6px}.rh-mini-example-card{background:linear-gradient(160deg,#fffc,#f4ecff80);border:1px solid #7b00ff26;border-radius:14px;box-shadow:0 8px 20px #7b00ff14,inset 0 0 10px #7b00ff0f;margin-top:14px;padding:14px 16px}.rh-mini-example-phrase{color:#231942cc;font-family:Fredoka,system-ui,sans-serif;font-size:15px;font-style:italic;font-weight:700;text-align:center}.rh-mini-actions{display:flex;justify-content:flex-end;margin-top:12px}.rh-mini-close{background:#7b00ff8c;border:0;border-radius:14px;box-shadow:0 6px #cfa1f18c;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;padding:10px 14px;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.rh-mini-close:hover{box-shadow:0 4px #52008ca6;filter:brightness(.96);transform:translateY(2px)}.rh-mini-close:active{filter:brightness(.94);transform:translateY(3px)}@media(max-width:860px){.rh-mini-card{width:min(480px,100%)}}.roleplayhub__inline-translation{font-size:12px;line-height:1.2;margin-top:6px;opacity:.85}.roleplayhub__bubble-text{position:relative}.roleplayhub__inline-translation-wrap{display:flex;justify-content:center;margin-top:6px}.roleplayhub__inline-translation-pill{background:#ffc8002e;border:1px solid #ffc80047;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff8c;color:#231942e6;font-size:12px;font-weight:700;line-height:1.2;padding:2px 8px}.roleplayhub__target-anchor{display:inline-block;position:relative}.roleplayhub__highlight.roleplayhub__target-anchor{align-items:center;display:inline-flex;flex-direction:column;vertical-align:initial}.roleplayhub__inline-under{background:#ffc8002e;border:1px solid #ffc80047;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff8c;color:#231942e6;font-size:12px;font-weight:800;line-height:1.2;margin-top:6px;padding:2px 10px;pointer-events:none;position:static;transform:none;white-space:nowrap}.rh-saved-pop{grid-gap:6px;animation:rhSavedPop 2s ease-out forwards;display:grid;gap:6px;justify-items:center;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:9999999}.rh-saved-pop__img{filter:drop-shadow(0 9px 12px rgba(0,0,0,.3));height:84px;object-fit:contain;width:140px}.rh-saved-pop__text{background:linear-gradient(135deg,#39e2ff66,#ff71e159);border:1px solid #ffffff40;border-radius:999px;box-shadow:0 10px 22px #00000059;color:#fff;font-family:Fredoka One,cursive;font-size:14px;letter-spacing:.4px;padding:4px 10px;text-shadow:0 2px 0 #0000008c}@keyframes rhSavedPop{0%{opacity:0;transform:translate(-50%,-70%) scale(.85)}20%{opacity:1;transform:translate(-50%,-100%) scale(1.05)}60%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(.96)}}@media(max-width:768px){.roleplayhub{padding:8px}.roleplayhub__header{align-items:stretch;flex-direction:column;gap:10px;padding:0 8px}.roleplayhub__difficulty{-webkit-overflow-scrolling:touch;border-radius:16px;display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none}.roleplayhub__difficulty::-webkit-scrollbar{display:none}.roleplayhub__difficulty button{align-items:center;display:inline-flex;flex:0 0 auto;font-size:.82rem;gap:6px;min-height:44px;padding:10px 12px;white-space:nowrap}.roleplayhub__difficulty .diff-info{flex-shrink:0;font-size:8px;height:14px;min-width:14px;position:static;transform:none;width:14px}.roadmap-section .section-container{gap:14px;grid-template-columns:1fr;padding:8px}.roadmap-section .section-card{min-height:44px;padding:14px}.roadmap-section .section-card .section-title{font-size:16px;margin-top:32px}.roadmap-section .section-card .section-description{font-size:13px}.roadmap-section .section-card .section-start-button{font-size:.92rem;min-height:44px;padding:10px 16px;text-align:center;width:100%}.roadmap-section .section-card .card-left-right-holder{flex-direction:column;gap:10px;padding:8px 0}.roadmap-section .section-card .language-card-image{border-radius:10px;max-width:100%;width:100%}.section-start-button-create{min-height:44px;text-align:center;width:100%}.roleplayhub__avatar-dock{right:8px;top:8px;width:min(240px,100% - 24px);z-index:999}.roleplayhub__overlay{padding:0}.roleplayhub__overlay-inner{border:none;border-radius:0;gap:8px;height:100%;max-height:100%;padding:env(safe-area-inset-top) 8px 0;width:100%}.rh-close{height:52px;right:8px;top:8px;width:52px;z-index:999999}.rh-close__img{height:44px;width:44px}.roleplayhub__bar{border-radius:14px;gap:8px;grid-template-columns:1fr auto;margin-right:48px;padding:10px 12px}.scenario-title__text{font-size:14px;max-width:200px}.roleplayhub__badge{font-size:.75rem;padding:5px 10px}.roleplayhub__back{align-items:center;display:inline-flex;font-size:12px;justify-content:center;min-height:44px;min-width:44px;padding:8px 10px}.roleplayhub__messages{-webkit-overflow-scrolling:touch;border-radius:14px;flex:1 1;min-height:0;overflow-y:auto;padding:12px 8px}.roleplayhub__bubble{border-radius:18px;border-width:3px;max-width:88%;padding:12px 12px 60px}.roleplayhub__bubble-text{font-size:1rem;line-height:1.25;min-width:120px}.roleplayhub__meta{bottom:8px;gap:6px;left:10px;right:10px}.roleplayhub__meta-btn{border-width:2px;font-size:.82rem;min-height:38px;min-width:44px;padding:6px 10px}.roleplayhub__composer{border-radius:14px 14px 0 0;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.roleplayhub__mic{height:56px;width:56px}.roleplayhub__keyboard-toggle{height:44px;width:44px}.roleplayhub__input{border-radius:12px;font-size:16px;padding:10px 12px}.roleplayhub__send{font-size:14px;min-height:44px;padding:10px 14px}.rh-switch{gap:4px}.rh-switch__label{font-size:10px}.rh-mini-overlay{padding:0}.rh-mini-card{-webkit-overflow-scrolling:touch;border-radius:0;height:auto;max-height:100%;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.rh-mini-title{flex-wrap:wrap;font-size:18px}.rh-mini-close{align-items:center;display:flex;justify-content:center;min-height:48px;width:100%}.rh-mini-actions{justify-content:stretch}}@media(max-width:480px){.roleplayhub__difficulty button{font-size:.75rem;padding:8px 12px}.roleplayhub__bubble{max-width:92%;padding:10px 10px 56px}.roleplayhub__bubble-text{font-size:.92rem}.scenario-title__text{font-size:13px;max-width:160px}.roleplayhub__bar{padding:8px 10px}.roleplayhub__mic{height:48px;width:48px}.roleplayhub__avatar-dock{width:min(180px,100% - 16px)}.roadmap-section .section-card .section-title{font-size:15px;margin-top:28px}}.roleplayhub__overlay{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#000000bf;display:flex;height:100vh;inset:0;justify-content:center;overflow:hidden;padding:0;position:fixed;width:100vw;z-index:999910}.roleplayhub__overlay-inner{background:#fff2e6;border:4px solid #7e5be9;border-radius:10px;box-shadow:0 16px 40px #00000059;display:flex;flex-direction:column;gap:12px;height:min(88vh,960px);overflow:hidden;padding:10px 20px 20px;position:relative;width:min(1100px,92vw)}.roleplayhub__overlay-inner:after,.roleplayhub__overlay-inner:before{content:none!important}.rh-close{background:#0000;border:none;cursor:pointer;display:grid;height:64px;padding:0;place-items:center;pointer-events:auto;position:absolute;right:10px;top:10px;transition:transform .12s ease,filter .12s ease;width:64px;z-index:999999}.rh-close__img{display:block;height:64px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:64px}.rh-close:hover{filter:drop-shadow(0 10px 14px rgba(0,0,0,.25));transform:scale(1.06) rotate(-2deg)}.rh-close:active{transform:scale(.98)}.roleplayhub__bar{grid-gap:16px;align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff26;display:grid;gap:16px;grid-template-columns:1fr auto;overflow:hidden;padding:14px 16px;position:relative}.roleplayhub__bar:after,.roleplayhub__bar:before{content:none!important}.roleplayhub__back{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff99;border-radius:12px;box-shadow:0 6px 16px #7b00ff40,inset 0 0 6px #7b00ff33;color:#7b00ff;cursor:pointer;font-family:Fredoka One,cursive;font-size:14px;padding:10px 14px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.roleplayhub__back:hover{box-shadow:0 10px 28px #7b00ff73,inset 0 0 10px #7b00ff59;transform:translateY(-2px) scale(1.02)}.roleplayhub__back:active{transform:translateY(0) scale(1)}.roleplayhub__messages{background:#fff6;border:2px solid #7b00ff38;border-radius:16px;box-shadow:inset 0 0 12px #7b00ff14;flex:1 1;min-height:220px;overflow-y:auto;padding:16px}.roleplayhub__messages::-webkit-scrollbar{width:10px}.roleplayhub__messages::-webkit-scrollbar-thumb{background:#7b00ff40;border:2px solid #ffffff8c;border-radius:999px}.roleplayhub__messages::-webkit-scrollbar-track{background:#7b00ff14;border-radius:999px}.roleplayhub__composer{grid-gap:16px;align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:14px;box-shadow:0 8px 22px #7b00ff40,inset 0 0 14px #7b00ff26;display:grid;gap:16px;grid-template-columns:auto 1fr auto;overflow:hidden;padding:12px 14px;position:relative}.roleplayhub__composer:after,.roleplayhub__composer:before{content:none!important}.roleplayhub__input{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff73;border-radius:12px;box-shadow:0 6px 16px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#4a1fb8;outline:none;padding:12px 14px}.roleplayhub__send{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0cc;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;padding:10px 14px;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.roleplayhub__send:hover{background:linear-gradient(145deg,#7a45ff,#5e1bff);box-shadow:0 4px #3e12a0d9;transform:translateY(2px)}.roleplayhub__send:active{background:linear-gradient(145deg,#6a32ff,#5311ff);box-shadow:0 3px #3e12a0e6;transform:translateY(2px)}.roleplayhub__keyboard-toggle{background:linear-gradient(145deg,#fff,#f3ecff);border:2px solid #7b00ff99;border-radius:12px;box-shadow:0 6px 16px #7b00ff40,inset 0 0 6px #7b00ff33;color:#7b00ff;cursor:pointer;height:56px;transition:transform .12s ease,box-shadow .12s ease;width:56px}.roleplayhub__keyboard-toggle:hover{box-shadow:0 10px 28px #7b00ff73,inset 0 0 10px #7b00ff59;transform:translateY(-2px) scale(1.04)}.roleplayhub__keyboard-toggle:active{transform:translateY(0) scale(1)}.roleplayhub__keyboard-toggle.is-on{background:linear-gradient(145deg,#fff,#f4ecff);border-color:#7b00ffbf}@media(max-width:768px){.roleplayhub__overlay-inner{border:none;border-radius:0;gap:8px;height:100%;max-height:100%;padding:env(safe-area-inset-top) 8px 0;width:100%}.roleplayhub__overlay{padding:0}.rh-close{height:52px;position:absolute;right:8px;top:8px;width:52px}.rh-close__img{height:44px;width:44px}.roleplayhub__bar{border-radius:12px;gap:8px;grid-template-columns:1fr auto;margin-right:52px;padding:10px 12px}.roleplayhub__back{font-size:13px;min-height:44px;min-width:44px;padding:8px 10px}.roleplayhub__messages{border-radius:12px;flex:1 1;min-height:0;padding:10px 8px}.roleplayhub__composer{border-radius:12px 12px 0 0;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.roleplayhub__input{border-radius:10px;font-size:16px;padding:10px 12px}.roleplayhub__send{border-radius:10px;font-size:14px;min-height:44px;padding:10px 14px}.roleplayhub__keyboard-toggle{border-radius:10px;height:44px;width:44px}}@media(max-width:480px){.roleplayhub__overlay-inner{gap:4px;padding:4px}.roleplayhub__bar{padding:8px 10px}.roleplayhub__composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}}.roleplayhub-convo{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);color:#e6e6f7;display:flex;flex-direction:column;font-family:Fellix-SemiBold,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;inset:0;position:fixed;z-index:99999}.roleplayhub-convo__header{grid-gap:12px;align-items:center;background:linear-gradient(180deg,#1a0033,#250045);border:2px solid #af71ff;border-radius:24px;box-shadow:inset 0 4px 6px #0003,0 4px 10px #00000040;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin:16px auto 8px;max-width:980px;padding:16px 20px;width:100%}.roleplayhub-convo__back{background:#350064;border:2px solid #af71ff;border-radius:999px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;padding:10px 16px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.roleplayhub-convo__back:hover{box-shadow:0 6px 16px #00000040;transform:translateY(-1px)}.roleplayhub-convo__back:active{transform:translateY(0)}.roleplayhub-convo__titlewrap{align-items:center;display:flex;gap:10px;min-width:0}.roleplayhub-convo__title{color:#fff;font-family:Fredoka One,cursive;font-size:1.4rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roleplayhub-convo__level{border-radius:20px;font-size:.85rem;font-weight:700;padding:4px 10px}.roleplayhub-convo__level--beginner{background:#22c55e;color:#fff}.roleplayhub-convo__level--intermediate{background:#a855f7;color:#fff}.roleplayhub-convo__level--advanced{background:#eab308;color:#fff}.roleplayhub-convo__sessionpill{background:#ffffff0f;border:1px solid #ffffff4d;border-radius:16px;font-size:.75rem;padding:4px 10px}.roleplayhub-convo__sessionpill.is-ready{border-color:#10b98199;color:#a7f3d0}.roleplayhub-convo__sessionpill.is-starting{border-color:#fbbf2499;color:#fde68a}.roleplayhub-convo__voices{justify-self:end}.roleplayhub-convo__voicesel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:2px solid #ffffff26;border-radius:16px;color:#fff;padding:8px 12px}.roleplayhub-convo__suggested{margin:8px auto 0;max-width:980px;padding:8px 14px 0;width:100%}.roleplayhub-convo__suggested-title{color:#c9baff;font-size:.92rem;font-weight:700;margin:0 0 8px 6px}.roleplayhub-convo__chips{display:flex;flex-wrap:wrap;gap:8px}.roleplayhub-convo__chip{background:#ffffff0f;border:2px solid #af71ff;border-radius:999px;color:#fff;cursor:pointer;font-size:.92rem;padding:8px 12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.roleplayhub-convo__chip:hover{box-shadow:0 6px 14px #00000040;transform:translateY(-1px)}.roleplayhub-convo__chip:disabled{cursor:not-allowed;opacity:.5}.roleplayhub-convo__content{display:flex;flex:1 1;flex-direction:column;margin:10px auto 18px;max-width:980px;padding:0 14px;width:100%}.roleplayhub-convo__messages{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;flex:1 1;overflow-y:auto;padding:18px}.roleplayhub-convo__msg{display:flex;flex-direction:column;margin:14px 0}.roleplayhub-convo__msg--user{align-items:flex-end}.roleplayhub-convo__msg--user .roleplayhub-convo__bubble{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 18px #764ba259;color:#fff}.roleplayhub-convo__msg--user .roleplayhub-convo__meta{align-self:flex-end}.roleplayhub-convo__msg--ai{align-items:flex-start}.roleplayhub-convo__msg--ai .roleplayhub-convo__bubble{background:#fffffff5;box-shadow:0 8px 18px #00000026;color:#2d2d2d}.roleplayhub-convo__msg--ai .roleplayhub-convo__meta{align-self:flex-start}.roleplayhub-convo__bubble{border-radius:18px;font-size:1.02rem;line-height:1.45;max-width:76%;padding:16px 18px;position:relative}.roleplayhub-convo__translation{background:#4ade801f;border-left:3px solid #4ade80;border-radius:12px;color:#1e293b;font-style:italic;margin-top:10px;padding:10px 12px}.roleplayhub-convo__meta{color:#ffffffbf;display:flex;font-size:.84rem;gap:10px;margin-top:6px}.roleplayhub-convo__time{opacity:.85}.roleplayhub-convo__typing{display:inline-flex;gap:6px;margin:12px 0 4px 6px}.roleplayhub-convo__typing .dot{animation:convo-bounce 1.2s infinite;background:#c9baff;border-radius:50%;height:8px;width:8px}.roleplayhub-convo__typing .dot:nth-child(2){animation-delay:.15s}.roleplayhub-convo__typing .dot:nth-child(3){animation-delay:.3s}.roleplayhub-convo__controls{grid-gap:12px;align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;display:grid;gap:12px;grid-template-columns:1fr auto;margin-top:12px;padding:14px}.roleplayhub-convo__status{font-size:.95rem;font-weight:700;min-height:22px}.roleplayhub-convo__status .ok{color:#86efac}.roleplayhub-convo__status .rec{animation:convo-pulse 1.4s infinite;color:#fca5a5}.roleplayhub-convo__buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.roleplayhub-convo__btn{border:none;border-radius:999px;cursor:pointer;font-family:Fredoka One,cursive;font-weight:800;padding:12px 18px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.roleplayhub-convo__btn:hover{box-shadow:0 8px 18px #00000040;transform:translateY(-1px)}.roleplayhub-convo__btn:active{transform:translateY(0)}.roleplayhub-convo__btn--ghost{background:#ffffff14;border:2px solid #ffffff26;color:#fff}.roleplayhub-convo__btn--mic{color:#fff}.roleplayhub-convo__btn--mic.roleplayhub-convo__btn--beginner{background:#22c55e}.roleplayhub-convo__btn--mic.roleplayhub-convo__btn--intermediate{background:#a855f7}.roleplayhub-convo__btn--mic.roleplayhub-convo__btn--advanced{background:#eab308}.roleplayhub-convo__btn--stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes convo-bounce{0%,80%,to{opacity:.8;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes convo-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(max-width:768px){.roleplayhub-convo{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.roleplayhub-convo__header{border-radius:18px;grid-template-columns:1fr;margin:8px 8px 4px;padding:12px 14px;row-gap:10px}.roleplayhub-convo__back{min-height:44px;min-width:44px;padding:10px 14px}.roleplayhub-convo__titlewrap{flex-wrap:wrap;gap:6px}.roleplayhub-convo__title{font-size:1.1rem;white-space:normal}.roleplayhub-convo__voices{justify-self:start;width:100%}.roleplayhub-convo__voicesel{font-size:16px;min-height:44px;padding:10px 12px;width:100%}.roleplayhub-convo__suggested{margin:4px 0;padding:8px}.roleplayhub-convo__chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.roleplayhub-convo__chips::-webkit-scrollbar{display:none}.roleplayhub-convo__chip{flex:0 0 auto;font-size:.88rem;min-height:44px;padding:10px 14px}.roleplayhub-convo__content{flex:1 1;margin:4px 0 8px;min-height:0;padding:0 8px}.roleplayhub-convo__messages{border-radius:14px;padding:12px}.roleplayhub-convo__bubble{border-radius:16px;font-size:.95rem;line-height:1.4;max-width:90%;padding:14px 16px}.roleplayhub-convo__translation{font-size:.88rem;padding:8px 10px}.roleplayhub-convo__meta{font-size:.78rem}.roleplayhub-convo__controls{border-radius:16px;gap:10px;grid-template-columns:1fr;margin:0 8px 8px;padding:12px}.roleplayhub-convo__status{font-size:.9rem;text-align:center}.roleplayhub-convo__buttons{flex-wrap:nowrap;justify-content:center}.roleplayhub-convo__btn{align-items:center;display:flex;flex:1 1;font-size:.95rem;justify-content:center;min-height:52px;padding:14px 18px}.roleplayhub-convo__btn--mic{border-radius:999px;font-size:1rem;min-height:64px;min-width:64px}}@media(max-width:480px){.roleplayhub-convo__header{margin:4px 4px 2px;padding:10px 12px}.roleplayhub-convo__title{font-size:1rem}.roleplayhub-convo__bubble{font-size:.9rem;max-width:94%;padding:12px 14px}.roleplayhub-convo__controls{margin:0 4px 4px;padding:10px}.roleplayhub-convo__btn{font-size:.88rem;padding:12px 14px}}.simli-head-only iframe{border:none!important;height:100%!important;width:100%!important}.call-controls,.simli-controls,.simli-footer,.simli-header,.simli-toolbar,.simli-ui,.video-controls,.webrtc-controls,[aria-label*="end call"],[aria-label*="hang up"],[aria-label*=camera],[aria-label*=microphone],[aria-label*=mute],[class*=simli][class*=button],[class*=simli][class*=control],[class*=simli][class*=toolbar],[data-testid*=button],[data-testid*=control],iframe[src*="auto.simli"]+div,iframe[src*=simli]+div{display:none!important;left:-9999px!important;opacity:0!important;pointer-events:none!important;position:absolute!important;visibility:hidden!important}iframe[src*="auto.simli"] video,iframe[src*=simli] video{height:100%!important;object-fit:cover!important;object-position:center top!important;width:100%!important}iframe[src*="auto.simli"]>div:not([class*=video]),iframe[src*=simli]>div:not([class*=video]){display:none!important}.simli-head-circular{border-radius:50%;overflow:hidden}.simli-head-circular iframe{transform:scale(1.4) translateY(-8%);transform-origin:center center}.simli-head-rectangle{border-radius:16px;overflow:hidden}.simli-head-rectangle iframe{transform:scale(1.1) translateY(-5%);transform-origin:center top}@media(max-width:768px){.simli-head-only{margin:0 auto;max-width:300px;width:100%}.simli-head-circular{height:200px;margin:0 auto;width:200px}.simli-head-rectangle{border-radius:14px;margin:0 auto;max-width:320px;width:100%}.simli-head-circular iframe{transform:scale(1.3) translateY(-6%)}.simli-head-rectangle iframe{transform:scale(1.05) translateY(-3%)}}@media(max-width:480px){.simli-head-circular{height:160px;width:160px}.simli-head-rectangle{border-radius:12px;max-width:280px}}.quiz-overlay{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:100000}.quiz-container{background:#fff2e6;border:4px solid #7e5be9;border-radius:16px;box-shadow:0 16px 40px #00000059;color:#111;display:flex;flex-direction:column;font-family:Fredoka One,cursive;height:94vh;max-width:1000px;overflow:hidden;position:relative;width:94%}.quiz-question-wrapper--standard{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:84px 20px 20px}.math-prompt-card{background:linear-gradient(160deg,#fff,#f4ecff);border:3px solid #7b00ff59;border-radius:18px;box-shadow:0 10px 28px #7b00ff38,inset 0 0 14px #7b00ff1a;margin:8px auto 18px;max-width:720px;overflow:hidden;padding:18px 20px;position:relative;width:100%}.math-prompt-card:before{background:linear-gradient(180deg,#ffffffa6,#fff0);content:"";height:16px;inset:0 0 auto 0;pointer-events:none;position:absolute}.math-prompt-text{color:#111;font-family:Fredoka One,cursive;font-size:1.55rem;letter-spacing:.2px;line-height:1.25;text-align:center}.quiz-options{grid-gap:14px;background:#fff6;border:2px solid #7b00ff38;border-radius:16px;box-shadow:inset 0 0 12px #7b00ff14;display:grid;gap:14px;grid-template-columns:1fr;margin:0 auto 16px;max-width:760px;padding:14px;width:100%}.quiz-option{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:12px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#7b00ff;cursor:pointer;font-size:1.6rem;padding:16px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.quiz-option:hover{box-shadow:0 14px 30px #7b00ff59;transform:translateY(-3px) scale(1.02)}.quiz-option.correct{border-color:#53d769;color:#1d8f5d}.quiz-option.wrong{border-color:#f44336;color:#d64242}.options-container,.sentence-container{-webkit-overflow-scrolling:touch;align-items:center;background:#fff6;border:2px solid #7b00ff38;border-radius:16px;box-shadow:inset 0 0 12px #7b00ff14;display:flex;flex-wrap:nowrap;gap:10px;margin:12px auto;overflow-x:auto;overflow-y:hidden;padding:12px;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;width:85%}.sentence-container{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;box-shadow:0 10px 28px #7b00ff38,inset 0 0 14px #7b00ff1a}.options-container::-webkit-scrollbar,.sentence-container::-webkit-scrollbar{height:10px}.options-container::-webkit-scrollbar-thumb,.sentence-container::-webkit-scrollbar-thumb{background:#7b00ff40;border:2px solid #ffffff8c;border-radius:999px}.options-container::-webkit-scrollbar-track,.sentence-container::-webkit-scrollbar-track{background:#ffffff59;border-radius:999px}.options-container>*,.sentence-container>*{flex:0 0 auto}.option-item,.sentence-item{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:14px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#7b00ff;cursor:pointer;font-size:1.25rem;outline:none;padding:10px 14px;transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s ease,border-color .16s ease,opacity .12s ease;-webkit-user-select:none;user-select:none;will-change:transform}.option-item:hover:not(.is-dragging),.sentence-item:hover:not(.is-dragging){box-shadow:0 14px 30px #7b00ff59;transform:translateY(-2px)}.option-item:focus-visible,.sentence-item:focus-visible{border-color:#7b00ffa6;box-shadow:0 0 0 4px #7b00ff38,0 12px 26px #7b00ff42,inset 0 0 10px #7b00ff1f}.option-item.is-dragging,.sentence-item.is-dragging{box-shadow:0 18px 40px #7b00ff59;cursor:grabbing}.option-item.incorrect,.sentence-item.incorrect{border-color:#f44336cc}.translation-text{font-size:.85rem;line-height:1.1;margin-bottom:2px;opacity:.75}.fade-out{animation:dd-fade-out 90ms ease-in forwards}@keyframes dd-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.option-item.slide-in,.sentence-item.slide-in{animation:dd-pop-in .22s ease-out}@keyframes dd-pop-in{0%{opacity:.55;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-options-matching{grid-gap:18px;background:#ffffff59;border:2px solid #7b00ff38;border-radius:18px;box-shadow:inset 0 0 12px #7b00ff14;display:grid;gap:18px;grid-template-columns:1fr 1fr;isolation:isolate;margin:8px auto 0;max-width:920px;overflow:visible;padding:14px;position:relative;width:100%}.matching-lines-overlay{inset:0;pointer-events:none;position:absolute;z-index:200}.quiz-option-left-container,.quiz-option-right-container{display:flex;flex-direction:column;gap:12px;position:relative;z-index:50}.quiz-option-left{border:2px solid #ffffff59;border-radius:16px;box-shadow:0 14px 26px #00000038,inset 0 0 10px #ffffff1f;color:#fff;cursor:grab;font-size:1.15rem;padding:14px;transition:transform .14s cubic-bezier(.2,0,0,1),box-shadow .14s ease,opacity .12s ease;-webkit-user-select:none;user-select:none;will-change:transform}.quiz-option-left:hover:not(.is-dragging){transform:translateY(-2px)}.quiz-option-left.is-dragging{cursor:grabbing;transition:none!important}.quiz-option-left.is-matched{filter:saturate(1.05);opacity:.9}.quiz-option-left--clone{border:2px solid #ffffff8c;pointer-events:none;transform:none;z-index:10000!important}.quiz-option-right{align-items:center;background:#fff;border:2px solid #7b00ff59;border-radius:16px;box-shadow:0 10px 22px #7b00ff29,inset 0 0 10px #7b00ff14;color:#111;display:flex;font-size:1.15rem;min-height:52px;padding:14px;transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s ease,background-color .12s ease,color .12s ease,border-color .12s ease}.quiz-option-right.is-dragging-over{box-shadow:0 14px 30px #7b00ff3d;transform:translateY(-2px)}.quiz-option-right.has-pair{border-color:#ffffff59;box-shadow:0 14px 28px #0000002e,inset 0 0 10px #ffffff1f}.ordering-question-container{align-items:center;display:flex;flex-direction:column;margin-top:1.5rem;text-align:center;width:100%}.ordering-instructions{background:#ffffff80;border:2px solid #7b00ff38;border-radius:14px;box-shadow:inset 0 0 12px #7b00ff14;color:#4a1fb8;font-size:1rem;margin:6px 0 14px;max-width:420px;padding:10px 14px}.ordering-list{list-style:none;margin:0 auto;max-width:380px;padding:0;width:100%}.ordering-list.is-dragging-over{border-radius:16px;outline:2px solid #7b00ff40;outline-offset:8px}.ordering-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:44px 1fr;margin-bottom:8px}.ordering-slot{align-items:center;background:#7b00ff1f;border:2px solid #7b00ff38;border-radius:14px;box-shadow:inset 0 0 10px #7b00ff14;color:#7b00ff;display:flex;font-size:1rem;height:44px;justify-content:center;width:44px}.ordering-card{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:14px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#4a1fb8;cursor:grab;font-size:1rem;padding:10px 14px;transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none;will-change:transform}.ordering-card:hover:not(.dragging){transform:translateY(-2px)}.ordering-card.dragging{background:linear-gradient(145deg,#8a5bff,#6f2dff)!important;box-shadow:0 14px 30px #7b00ff66;color:#fff;cursor:grabbing;transition:none!important}.ordering-card.locked{background:#7b00ff1f;color:#7b00ff;cursor:not-allowed;opacity:.95;transform:none!important}.submit-answer-btn{background:linear-gradient(135deg,#7e5be9,#7b00ff);border:none;border-radius:14px;box-shadow:0 10px 22px #7b00ff40;color:#fff;cursor:pointer;font-weight:700;margin:12px auto 0;padding:12px 18px;transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s ease}.submit-answer-btn:hover{box-shadow:0 14px 30px #7b00ff52;transform:translateY(-2px)}.submit-answer-btn:active{transform:scale(.98)}.submit-answer-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.retry-btn{background:linear-gradient(135deg,#ff6b6b,#e63946);border:none;border-radius:10px;box-shadow:0 4px 12px #e6394640;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.retry-btn:hover{transform:translateY(-2px)}.retry-btn:active{transform:scale(.97)}.quiz-feedback{margin-top:1rem;text-align:center}.quiz-feedback-card{align-items:center;background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:16px;box-shadow:0 10px 28px #7b00ff38,inset 0 0 14px #7b00ff1a;display:inline-flex;gap:12px;padding:14px 20px}.sentence-container.correct{border-color:#53d769a6}.sentence-container.incorrect{border-color:#f44336a6}@media(max-width:768px){.quiz-overlay{align-items:flex-start}.quiz-container{border:none;border-radius:0;height:100vh;height:100dvh;max-width:100%;width:100%}.quiz-question-wrapper--standard{-webkit-overflow-scrolling:touch;padding:16px 16px 20px}.quiz-question-wrapper--dragdrop{padding:16px}.math-prompt-card{border-radius:14px;margin:4px auto 14px;max-width:100%;padding:16px}.math-prompt-text{font-size:1.35rem;line-height:1.3}.quiz-options{gap:12px;max-width:100%;padding:10px}.quiz-option{border-radius:12px;font-size:1.35rem;min-height:48px;padding:14px 12px}.mcq-list{max-width:100%;padding:0 4px;width:100%}.mcq-item{align-items:center;display:flex;font-size:1.05rem;margin-bottom:12px;min-height:48px;padding:14px 16px}.mcq-feedback{margin-top:16px}.options-container,.sentence-container{gap:8px;margin:10px auto;min-height:52px;padding:10px;width:100%}.option-item,.sentence-item{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;border-radius:12px;display:inline-flex;font-size:1.1rem;min-height:44px;padding:10px 14px;touch-action:manipulation}.quiz-options-matching{gap:14px;grid-template-columns:1fr 1fr;max-width:100%;padding:10px}.quiz-option-left,.quiz-option-right{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:14px;font-size:1.1rem;min-height:48px;padding:14px 12px;touch-action:manipulation}.quiz-option-left-container,.quiz-option-right-container{gap:10px}.ordering-question-container{box-sizing:border-box;margin-top:1rem;padding:0 8px;width:100%}.ordering-instructions{font-size:.95rem;max-width:100%;padding:10px 12px}.ordering-list{max-width:100%;width:100%}.ordering-row{gap:8px;grid-template-columns:40px 1fr;margin-bottom:10px}.ordering-slot{font-size:.95rem;height:40px;width:40px}.ordering-card{align-items:center;display:flex;font-size:1rem;padding:12px 14px;touch-action:manipulation}.ordering-card,.submit-answer-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);min-height:48px}.submit-answer-btn{border-radius:14px;display:block;font-size:1.2rem;margin:16px auto 0;max-width:500px;padding:14px 20px;width:calc(100% - 32px)}.quiz-feedback{margin-top:12px}.quiz-feedback-card{border-radius:14px;gap:12px;margin-left:auto;margin-right:auto;max-width:calc(100% - 32px);padding:14px 16px}.sentence-container.correct,.sentence-container.incorrect{border-width:3px}}@media(max-width:480px){.quiz-container{box-shadow:none}.quiz-question-wrapper--standard{padding:12px 12px 16px}.math-prompt-card{border-radius:12px;border-width:2px;margin:2px auto 12px;padding:14px 12px}.math-prompt-text{font-size:1.2rem}.quiz-options{gap:10px;padding:8px}.quiz-option{font-size:1.15rem;min-height:48px;padding:12px 10px}.mcq-list{padding:0}.mcq-item{border-radius:12px;font-size:1rem;margin-bottom:10px;min-height:48px;padding:12px 14px}.options-container,.sentence-container{border-radius:12px;gap:6px;min-height:48px;padding:8px;width:100%}.option-item,.sentence-item{border-radius:10px;font-size:1rem;min-height:40px;padding:8px 10px}.translation-text{font-size:.75rem;top:-1.8rem}.quiz-options-matching{gap:16px;grid-template-columns:1fr;padding:8px}.quiz-option-left,.quiz-option-right{font-size:1.05rem;min-height:48px;padding:14px}.quiz-option-left-container,.quiz-option-right-container{gap:12px}.ordering-instructions{font-size:.9rem;margin:4px 0 10px;padding:8px 10px}.ordering-row{gap:6px;grid-template-columns:36px 1fr;margin-bottom:8px}.ordering-slot{border-radius:10px;font-size:.9rem;height:36px;width:36px}.ordering-card{border-radius:12px;font-size:.95rem;min-height:44px;padding:10px 12px}.submit-answer-btn{border-radius:14px;font-size:1.15rem;margin-top:12px;min-height:50px;width:calc(100% - 24px)}.quiz-feedback-card{border-radius:14px;gap:10px;max-width:calc(100% - 24px);padding:12px 14px}}.mcq-container{align-items:center;display:flex;flex-direction:column;width:100%}.mcq-list{list-style:none;margin:0 auto;max-width:320px;padding:0;width:100%}.mcq-item{background:linear-gradient(160deg,#fff,#f4ecff);border:2px solid #7b00ff59;border-radius:14px;box-shadow:0 8px 18px #7b00ff2e,inset 0 0 10px #7b00ff1f;color:#4a1fb8;cursor:pointer;font-size:1rem;margin-bottom:8px;padding:10px 14px;transition:transform .16s cubic-bezier(.2,0,0,1),box-shadow .16s ease,border-color .16s ease;-webkit-user-select:none;user-select:none;will-change:transform}.mcq-item:hover{transform:translateY(-2px)}.mcq-item--selected{border-color:#7b00ff99;box-shadow:0 12px 24px #7b00ff38,inset 0 0 10px #7b00ff24}.mcq-item--locked{background:#7b00ff1f;color:#7b00ff;cursor:not-allowed;opacity:.95;transform:none!important}.mcq-feedback{margin-top:12px}.admin-panel{display:block;font-family:Fredoka One,cursive;min-height:100dvh;padding-left:200px}.admin-sidebar{background:#e3dbff;border-right:3px solid #af71ff;color:#4a4a4a;font-size:1.2rem;height:100dvh;left:0;min-width:180px;overflow-y:auto;padding:10px 17px;position:fixed;text-align:left;top:0;width:180px;z-index:1000}.admin-sidebar .admin-logo{cursor:pointer;margin:2.5em 0 .4em;opacity:0;position:relative;text-align:center;transition:all .5s;visibility:hidden}.admin-sidebar .admin-logo img{display:block;height:auto;margin:0 auto;width:145px}.admin-sidebar ul{list-style:none;margin:0;padding:0;position:relative;top:40px}.admin-sidebar ul li{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;margin-bottom:.7em;padding:8px 12px;transition:all .3s ease-in-out;width:152px}.admin-sidebar ul li:hover{background-color:#eee;transform:translateY(-1px)}.admin-sidebar ul li.admin-selected{background-color:#f2e6fc;border:2px solid #8f14f4;color:#8f14f4}.admin-sidebar .menu-item-icon{margin-right:8px;width:37px}.admin-content{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);box-sizing:border-box;color:#e0e0f0;display:block;height:auto;margin:0!important;min-height:100dvh;overflow:visible;overflow-x:hidden;padding:0 20px;position:relative;width:calc(100vw - 200px);z-index:1}.admin-inner-content{padding:40px 20px;position:relative;z-index:2}.admin-logo.animate-logo{animation:admin-slideInDownLogo .7s ease-out forwards;opacity:0;transform:translateY(-40px);visibility:hidden}ul li.animate-li{animation:admin-slideInUp .4s ease-out forwards;animation-delay:calc(.1s*var(--delay))}@keyframes admin-slideInDownLogo{0%{opacity:0;transform:translateY(-40px);visibility:visible}to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes admin-slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-button{background-color:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;padding:10px 18px;transition:background-color .3s,transform .2s}.admin-button:hover{background-color:#45a049;transform:translateY(-1px)}.admin-button:active{background-color:#3e8e41;transform:translateY(1px)}@media(max-width:900px){.admin-panel{padding-left:0}.admin-sidebar{border-bottom:3px solid #af71ff;border-right:none;height:auto;position:static;width:100%}.admin-content{width:100vw}}.admin-page-title{color:#fff;font-family:Fellix-SemiBold;font-size:calc(18px + 2vmin);margin:0 0 30px;position:relative;text-align:center}.admin-box{background:#f9f9f9;border:2px solid #af71ff;border-radius:16px;box-shadow:0 8px 20px #8a2be226;margin-bottom:30px;padding:30px;transition:transform .2s ease,box-shadow .3s ease}.admin-box:hover{box-shadow:0 12px 30px #8a2be24d;transform:translateY(-3px)}.admin-box label,.admin-box p{color:#333;font-family:Fellix-SemiBold,sans-serif;margin:10px 0}@media(max-width:900px){.admin-box{padding:20px}.admin-page-title{font-size:24px}}select{background-color:#fff;border:2px solid #af71ff;border-radius:8px;color:#333;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:16px;outline:none;padding:8px 12px;transition:border-color .3s,box-shadow .3s;width:300px}select:focus,select:hover{border-color:#8a2be2;box-shadow:0 0 8px #8a2be24d}select option{background-color:#fff;color:#333;font-family:Fellix-SemiBold,sans-serif;font-size:16px}.admin-box input[type=text],.admin-box select,.admin-box textarea{background-color:#fff;border:2px solid #af71ff;border-radius:8px;box-sizing:border-box;color:#333;font-family:Fredoka One,cursive;font-size:16px;margin:6px 30px 14px;outline:none;padding:10px 14px;transition:border-color .3s,box-shadow .3s;width:calc(100% - 20px)}.admin-box input[type=text]:hover,.admin-box select:hover,.admin-box textarea:hover{border-color:#8a2be2;box-shadow:0 0 8px #8a2be24d}.admin-box input[type=text]:focus,.admin-box select:focus,.admin-box textarea:focus{border-color:#6a1bb9;box-shadow:0 0 12px #8a2be280}.admin-radio{color:#1f1f1f;cursor:pointer;font-family:Fredoka One,cursive;font-size:16px;margin-right:10px;padding-left:30px;position:relative;-webkit-user-select:none;user-select:none}@media(max-width:768px){.admin-panel{padding-left:0}.admin-sidebar{border-bottom:3px solid #af71ff;border-right:none;height:auto;left:0;max-height:56px;overflow:hidden;padding:8px 12px;position:fixed;top:0;transition:max-height .3s ease;width:100%;z-index:1000}.admin-sidebar.admin-sidebar--open{max-height:100dvh;overflow-y:auto}.admin-sidebar ul{display:flex;flex-wrap:wrap;gap:6px;top:0}.admin-sidebar ul li{align-items:center;display:inline-flex;font-size:.9rem;margin-bottom:0;min-height:44px;padding:8px 12px;width:auto}.admin-sidebar .admin-logo{margin:.5em 0}.admin-sidebar .admin-logo img{width:100px}.admin-content{margin-top:56px!important;padding:0 12px;width:100%}.admin-inner-content{padding:16px 8px}.admin-page-title{font-size:20px;margin-bottom:16px}.admin-box{border-radius:12px;padding:16px}.admin-box input[type=text],.admin-box select,.admin-box textarea{box-sizing:border-box;font-size:16px;margin:6px 0 14px;min-height:44px;padding:12px;width:100%}select{width:100%}.admin-button{padding:12px 16px;width:100%}.admin-button,.admin-radio{font-size:15px;min-height:44px}.admin-radio{align-items:center;display:inline-flex;padding-left:28px}}@media(max-width:480px){.admin-page-title{font-size:18px}.admin-box{padding:12px}.admin-sidebar ul li{font-size:.82rem;padding:6px 10px}}.ap-layout{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1f2e;color:#e5e7eb;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh}.ap-sidebar{background:#0a0e1a;border-right:1px solid #2d3348;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;overflow:hidden;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1000}.ap-sidebar--open{transform:translateX(0)}.ap-sidebar__header{align-items:center;border-bottom:1px solid #2d3348;display:flex;flex-shrink:0;gap:12px;padding:20px 24px}.ap-sidebar__rocket{color:#7c3aed;font-size:24px}.ap-sidebar__title{color:#e5e7eb;font-size:18px;font-weight:700;letter-spacing:-.3px}.ap-sidebar__nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px 0;scrollbar-color:#ffffff14 #0000;scrollbar-width:thin}.ap-sidebar__nav::-webkit-scrollbar{width:4px}.ap-sidebar__nav::-webkit-scrollbar-track{background:#0000}.ap-sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.ap-sidebar__divider{background:#2d3348;height:1px;margin:12px 24px}.ap-sidebar__footer{border-top:1px solid #2d3348;flex-shrink:0;padding:16px 24px}.ap-sidebar-overlay{display:none}.ap-nav-link{align-items:center;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:2px 12px;padding:10px 24px;position:relative;text-decoration:none;transition:all .15s ease}.ap-nav-link:hover{background:#ffffff0f;color:#e5e7eb}.ap-nav-link--active{background:#7c3aed26;color:#a78bfa}.ap-nav-link--active:before{background:#7c3aed;border-radius:0 3px 3px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.ap-nav-link--active .ap-nav-link__icon{color:#7c3aed;opacity:1}.ap-nav-link--back{color:#6b7280}.ap-nav-link--back:hover{color:#e5e7eb}.ap-nav-link__icon{flex-shrink:0;height:20px;opacity:.7;transition:opacity .15s ease;width:20px}.ap-nav-link:hover .ap-nav-link__icon{opacity:1}.ap-main{display:flex;flex:1 1;flex-direction:column;margin-left:260px;min-height:100vh;min-height:100dvh}.ap-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827;border-bottom:1px solid #2d3348;flex-shrink:0;height:64px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:900}.ap-header,.ap-header__left{align-items:center;display:flex}.ap-header__left{gap:16px}.ap-header__right{align-items:center;display:flex;gap:16px}.ap-header__hamburger{align-items:center;background:none;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;display:none;justify-content:center;min-height:44px;min-width:44px;padding:8px;transition:background .15s ease}.ap-header__hamburger:hover{background:#ffffff0f}.ap-header__hamburger svg{height:24px;width:24px}.ap-header__title{color:#e5e7eb;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.ap-header__email{color:#9ca3af;font-size:14px}.ap-header__logout{align-items:center;background:none;border:1px solid #2d3348;border-radius:6px;color:#9ca3af;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .15s ease}.ap-header__logout:hover{background:#ef44441f;border-color:#ef4444;color:#ef4444}.ap-header__logout svg{height:14px;width:14px}.ap-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.ap-badge--superadmin{background:#f59e0b1f;color:#fbbf24}.ap-badge--admin{background:#3b82f61f;color:#60a5fa}.ap-content{background:#1a1f2e;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.ap-content::-webkit-scrollbar{width:6px}.ap-content::-webkit-scrollbar-track{background:#0000}.ap-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.ap-content::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.ap-loading{align-items:center;background:#1a1f2e;color:#9ca3af;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;gap:16px;justify-content:center;min-height:100vh;min-height:100dvh}.ap-loading p{font-size:14px;margin:0}.ap-loading__spinner{animation:apSpin .8s linear infinite;border:3px solid #2d3348;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}@keyframes apSpin{to{transform:rotate(1turn)}}.ap-placeholder{flex-direction:column;min-height:400px;padding:64px 32px;text-align:center}.ap-placeholder,.ap-placeholder__icon{align-items:center;display:flex;justify-content:center}.ap-placeholder__icon{color:#6b7280;font-size:48px;height:80px;margin-bottom:20px;opacity:.4;width:80px}.ap-placeholder h2{color:#e5e7eb;font-size:22px;font-weight:700;margin:0 0 8px}.ap-placeholder p{color:#9ca3af;font-size:14px;margin:0}@media(max-width:1024px){.ap-sidebar{transform:translateX(-100%)}.ap-sidebar--open{transform:translateX(0)}.ap-sidebar-overlay{background:#00000080;cursor:pointer;display:block;inset:0;position:fixed;z-index:999}.ap-main{margin-left:0}.ap-header__hamburger{display:flex}}@media(max-width:768px){.ap-header{padding:0 16px}.ap-header__email{display:none}.ap-content{padding:20px 16px}}@media(max-width:480px){.ap-header{height:56px;padding:0 12px}.ap-header__title{font-size:16px}.ap-header__logout span{display:none}.ap-content{padding:16px 12px}.ap-placeholder{padding:40px 16px}.ap-placeholder__icon{font-size:36px;height:60px;width:60px}.ap-placeholder h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.ap-loading__spinner{animation:none}}.admin-page-title{margin-bottom:28px}.admin-page-title h1{color:#e5e7eb;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.admin-page-title__subtitle{color:#9ca3af;font-size:14px;margin:0}.admin-page-title--with-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.admin-card{background:#1e2337;border:1px solid #2d3348;border-radius:14px;padding:24px;transition:transform .15s ease,box-shadow .15s ease}.admin-card:hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.admin-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.admin-card__title{color:#e5e7eb;font-size:16px;font-weight:600;margin:0}.admin-card__icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.admin-card__icon--purple{background:#7c3aed26;color:#7c3aed}.admin-card__icon--green{background:#10b9811f;color:#10b981}.admin-card__icon--blue{background:#3b82f61f;color:#3b82f6}.admin-card__icon--red{background:#ef44441f;color:#ef4444}.admin-card__icon--amber{background:#f59e0b1f;color:#f59e0b}.admin-card__value{color:#e5e7eb;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin-bottom:4px}.admin-card__label{color:#9ca3af;font-size:13px;margin:0}.admin-card__change{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:8px;padding:3px 8px}.admin-card__change--up{background:#10b9811f;color:#10b981}.admin-card__change--down{background:#ef44441f;color:#ef4444}.admin-card--flat:hover{box-shadow:none;transform:none}.admin-card--bordered{border-width:2px}.admin-stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.admin-grid,.admin-stats-row{grid-gap:20px;display:grid;gap:20px}.admin-grid--2{grid-template-columns:repeat(2,1fr)}.admin-grid--3{grid-template-columns:repeat(3,1fr)}.admin-grid--4{grid-template-columns:repeat(4,1fr)}.admin-grid--auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-table{background:#1e2337;border:1px solid #2d3348;border-collapse:initial;border-radius:14px;border-spacing:0;overflow:hidden;width:100%}.admin-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:14px;overflow-x:auto}.admin-table thead{background:#232940}.admin-table thead th{background:#232940;border-bottom:1px solid #2d3348;color:#6b7280;cursor:default;font-size:12px;font-weight:600;letter-spacing:.8px;padding:14px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.admin-table thead th.sortable{cursor:pointer;transition:color .15s ease}.admin-table thead th.sortable:hover{color:#e5e7eb}.admin-table thead th.sorted{color:#7c3aed}.admin-table thead th .sort-icon{display:inline-flex;margin-left:4px;opacity:.5}.admin-table thead th .sort-icon--active{color:#7c3aed;opacity:1}.admin-table tbody tr{transition:background .15s ease}.admin-table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.015)}.admin-table tbody tr:hover{background:#7c3aed0f}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody td{border-bottom:1px solid #ffffff0a;color:#e5e7eb;font-size:14px;padding:14px 20px;vertical-align:middle}.admin-table tbody td.mono{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px}.admin-table tbody td.truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table__actions{align-items:center;display:flex;gap:8px}.admin-table__actions button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:6px;transition:all .15s ease}.admin-table__actions button:hover{background:#ffffff0f;color:#e5e7eb}.admin-table__actions button.danger:hover{background:#ef44441f;color:#ef4444}.admin-form{max-width:640px}.admin-form--full-width{max-width:100%}.admin-form__row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.admin-form__actions{align-items:center;border-top:1px solid #2d3348;display:flex;gap:12px;margin-top:28px;padding-top:20px}.admin-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.admin-form-group label{color:#9ca3af;font-size:13px;font-weight:600;letter-spacing:.2px}.admin-form-group__hint{color:#6b7280;font-size:12px;margin-top:-2px}.admin-form-group__error{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px}.admin-form-group__error svg{height:14px;width:14px}.admin-form-group--error input,.admin-form-group--error select,.admin-form-group--error textarea{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.admin-form-group input[type=email],.admin-form-group input[type=number],.admin-form-group input[type=password],.admin-form-group input[type=search],.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group select,.admin-form-group textarea{background:#0a0e1a;border:1px solid #2d3348;border-radius:10px;box-sizing:border-box;color:#e5e7eb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.admin-form-group input[type=email]::placeholder,.admin-form-group input[type=number]::placeholder,.admin-form-group input[type=password]::placeholder,.admin-form-group input[type=search]::placeholder,.admin-form-group input[type=text]::placeholder,.admin-form-group input[type=url]::placeholder,.admin-form-group select::placeholder,.admin-form-group textarea::placeholder{color:#6b7280}.admin-form-group input[type=email]:hover,.admin-form-group input[type=number]:hover,.admin-form-group input[type=password]:hover,.admin-form-group input[type=search]:hover,.admin-form-group input[type=text]:hover,.admin-form-group input[type=url]:hover,.admin-form-group select:hover,.admin-form-group textarea:hover{border-color:#414967}.admin-form-group input[type=email]:focus,.admin-form-group input[type=number]:focus,.admin-form-group input[type=password]:focus,.admin-form-group input[type=search]:focus,.admin-form-group input[type=text]:focus,.admin-form-group input[type=url]:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.admin-form-group input[type=email]:disabled,.admin-form-group input[type=number]:disabled,.admin-form-group input[type=password]:disabled,.admin-form-group input[type=search]:disabled,.admin-form-group input[type=text]:disabled,.admin-form-group input[type=url]:disabled,.admin-form-group select:disabled,.admin-form-group textarea:disabled{background:#06080f;cursor:not-allowed;opacity:.5}.admin-form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.admin-form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.admin-form-group .admin-checkbox{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:4px 0}.admin-form-group .admin-checkbox input[type=checkbox]{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;height:18px;width:18px}.admin-form-group .admin-radio-input{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:4px 0}.admin-form-group .admin-radio-input input[type=radio]{accent-color:#7c3aed;cursor:pointer;flex-shrink:0;height:18px;width:18px}.admin-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.3;padding:10px 20px;text-decoration:none;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-btn:active{transform:scale(.97)}.admin-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.admin-btn svg{flex-shrink:0;height:16px;width:16px}.admin-btn--primary{background:#7c3aed;color:#fff}.admin-btn--primary:hover:not(:disabled){background:#6d28d9;box-shadow:0 4px 12px #7c3aed59}.admin-btn--secondary{background:#ffffff0f;border-color:#2d3348;color:#e5e7eb}.admin-btn--secondary:hover:not(:disabled){background:#ffffff1a;border-color:#414967}.admin-btn--danger{background:#ef4444;color:#fff}.admin-btn--danger:hover:not(:disabled){background:#ec1e1e;box-shadow:0 4px 12px #ef444459}.admin-btn--ghost{background:#0000;color:#9ca3af}.admin-btn--ghost:hover:not(:disabled){background:#ffffff0f;color:#e5e7eb}.admin-btn--success{background:#10b981;color:#fff}.admin-btn--success:hover:not(:disabled){background:#0d9367;box-shadow:0 4px 12px #10b98159}.admin-btn--sm{font-size:13px;padding:6px 14px}.admin-btn--sm svg{height:14px;width:14px}.admin-btn--lg{font-size:16px;padding:14px 28px}.admin-btn--lg svg{height:20px;width:20px}.admin-btn--icon{min-height:40px;min-width:40px;padding:10px}.admin-btn--icon.admin-btn--sm{min-height:32px;min-width:32px;padding:6px}.admin-btn--block{width:100%}.admin-btn-group{background:#2d3348;border-radius:10px;display:flex;gap:1px;overflow:hidden}.admin-btn-group .admin-btn{border:none;border-radius:0}.admin-btn-group .admin-btn:first-child{border-radius:10px 0 0 10px}.admin-btn-group .admin-btn:last-child{border-radius:0 10px 10px 0}.admin-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;line-height:1.4;padding:3px 10px;white-space:nowrap}.admin-badge--blue{background:#3b82f61f;color:#60a5fa}.admin-badge--green{background:#10b9811f;color:#34d399}.admin-badge--purple{background:#7c3aed26;color:#a78bfa}.admin-badge--red{background:#ef44441f;color:#f87171}.admin-badge--gold{background:#f59e0b1f;color:#fbbf24}.admin-badge--gray{background:#6b728026;color:#6b7280}.admin-badge--dot:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.admin-badge--sm{font-size:11px;padding:2px 8px}.admin-badge--lg{font-size:14px;padding:5px 14px}.admin-modal{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:24px;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:2000}.admin-modal--open{opacity:1;visibility:visible}.admin-modal--open .admin-modal__content{opacity:1;transform:translateY(0) scale(1)}.admin-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;inset:0;position:absolute}.admin-modal__content{background:#1e2337;border:1px solid #2d3348;border-radius:18px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:560px;opacity:0;position:relative;transform:translateY(12px) scale(.98);transition:transform .3s ease,opacity .3s ease;width:100%}.admin-modal__content--sm{max-width:420px}.admin-modal__content--lg{max-width:720px}.admin-modal__content--xl{max-width:960px}.admin-modal__header{align-items:center;border-bottom:1px solid #2d3348;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.admin-modal__header h2{color:#e5e7eb;font-size:18px;font-weight:700;margin:0}.admin-modal__close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .15s ease}.admin-modal__close:hover{background:#ffffff0f;color:#e5e7eb}.admin-modal__close svg{height:20px;width:20px}.admin-modal__body{flex:1 1;overflow-y:auto;padding:24px}.admin-modal__footer{align-items:center;border-top:1px solid #2d3348;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.admin-search{align-items:center;display:flex;position:relative}.admin-search__icon{color:#6b7280;left:14px;pointer-events:none;position:absolute}.admin-search__icon svg{height:18px;width:18px}.admin-search__input{background:#0a0e1a;border:1px solid #2d3348;border-radius:10px;color:#e5e7eb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;outline:none;padding:10px 14px 10px 42px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.admin-search__input::placeholder{color:#6b7280}.admin-search__input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.admin-search__clear{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;padding:4px;position:absolute;right:10px;transition:color .15s ease}.admin-search__clear:hover{color:#e5e7eb}.admin-search__clear svg{height:16px;width:16px}.admin-search--lg .admin-search__input{font-size:16px;padding:14px 14px 14px 48px}.admin-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;padding:16px 0}.admin-filter-bar__group{align-items:center;display:flex;gap:8px}.admin-filter-bar__label{color:#9ca3af;font-size:13px;font-weight:500;white-space:nowrap}.admin-filter-bar__separator{background:#2d3348;height:24px;width:1px}.admin-filter-bar__count{color:#6b7280;font-size:13px;margin-left:auto}.admin-filter-bar select{-webkit-appearance:none;appearance:none;background:#0a0e1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #2d3348;border-radius:6px;color:#e5e7eb;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;outline:none;padding:8px 32px 8px 12px;transition:border-color .15s ease}.admin-filter-bar select:focus{border-color:#7c3aed}.admin-upload-zone{background:#0000;border:2px dashed #2d3348;border-radius:14px;cursor:pointer;padding:48px 32px;text-align:center;transition:all .2s ease}.admin-upload-zone--active,.admin-upload-zone:hover{background:#7c3aed26;border-color:#7c3aed}.admin-upload-zone--active{border-style:solid}.admin-upload-zone--has-file{background:#10b9811f;border-color:#10b981;border-style:solid}.admin-upload-zone__icon{color:#6b7280;height:48px;margin:0 auto 16px;opacity:.6;width:48px}.admin-upload-zone__text{color:#9ca3af;font-size:15px;margin-bottom:4px}.admin-upload-zone__text strong{color:#7c3aed}.admin-upload-zone__hint{color:#6b7280;font-size:13px}.admin-upload-zone__preview{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.admin-upload-zone__preview img{border-radius:6px;height:48px;object-fit:cover;width:48px}.admin-upload-zone__preview span{color:#e5e7eb;font-size:14px}.admin-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 0}.admin-pagination__info{color:#6b7280;font-size:13px}.admin-pagination__controls{align-items:center;display:flex;gap:4px}.admin-pagination__btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:all .15s ease}.admin-pagination__btn:hover:not(:disabled){background:#ffffff0f;color:#e5e7eb}.admin-pagination__btn--active{background:#7c3aed!important;border-color:#7c3aed;color:#fff!important;font-weight:600}.admin-pagination__btn:disabled{cursor:not-allowed;opacity:.3}.admin-pagination__btn--next,.admin-pagination__btn--prev{font-size:14px}.admin-pagination__btn svg{height:16px;width:16px}.admin-pagination__ellipsis{align-items:center;color:#6b7280;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px}.admin-pagination__per-page{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.admin-pagination__per-page select{-webkit-appearance:none;appearance:none;background:#0a0e1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239ca3af' d='m2 4 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #2d3348;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:13px;outline:none;padding:6px 28px 6px 10px}.admin-toast{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:3000}.admin-toast__item{align-items:flex-start;animation:adminToastSlideIn .3s ease forwards;background:#1e2337;border:1px solid #2d3348;border-radius:10px;box-shadow:0 8px 24px #00000080;display:flex;gap:12px;max-width:480px;min-width:320px;padding:14px 20px;pointer-events:auto}.admin-toast__item--success{border-left:4px solid #10b981}.admin-toast__item--success .admin-toast__icon{color:#10b981}.admin-toast__item--error{border-left:4px solid #ef4444}.admin-toast__item--error .admin-toast__icon{color:#ef4444}.admin-toast__item--warning{border-left:4px solid #f59e0b}.admin-toast__item--warning .admin-toast__icon{color:#f59e0b}.admin-toast__item--info{border-left:4px solid #3b82f6}.admin-toast__item--info .admin-toast__icon{color:#3b82f6}.admin-toast__item--exit{animation:adminToastSlideOut .25s ease forwards}.admin-toast__icon{flex-shrink:0;height:20px;margin-top:1px;width:20px}.admin-toast__body{flex:1 1;min-width:0}.admin-toast__title{color:#e5e7eb;font-size:14px;font-weight:600;margin-bottom:2px}.admin-toast__message{color:#9ca3af;font-size:13px;line-height:1.4}.admin-toast__close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;padding:4px;transition:color .15s ease}.admin-toast__close:hover{color:#e5e7eb}.admin-toast__close svg{height:16px;width:16px}@keyframes adminToastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes adminToastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.admin-skeleton{background:#ffffff0d;border-radius:6px;overflow:hidden;position:relative}.admin-skeleton:after{animation:adminSkeletonShimmer 1.8s linear infinite;background:linear-gradient(90deg,#0000,#ffffff0a 40%,#ffffff14 50%,#ffffff0a 60%,#0000);content:"";inset:0;position:absolute}.admin-skeleton--text{border-radius:4px;height:14px;margin-bottom:8px;width:60%}.admin-skeleton--title{border-radius:4px;height:22px;margin-bottom:12px;width:40%}.admin-skeleton--avatar{border-radius:50%;height:40px;width:40px}.admin-skeleton--card{border-radius:14px;height:120px}.admin-skeleton--row{border-radius:6px;height:52px;margin-bottom:4px}.admin-skeleton--btn{border-radius:10px;height:40px;width:120px}.admin-skeleton--image{border-radius:10px;height:200px;width:100%}@keyframes adminSkeletonShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.admin-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:64px 32px;text-align:center}.admin-empty-state__icon{color:#6b7280;height:80px;margin-bottom:20px;opacity:.4;width:80px}.admin-empty-state__illustration{height:auto;margin-bottom:24px;opacity:.6;width:160px}.admin-empty-state__title{color:#e5e7eb;font-size:18px;font-weight:600;margin-bottom:8px}.admin-empty-state__description{color:#9ca3af;font-size:14px;line-height:1.5;margin-bottom:24px;max-width:400px}.admin-danger-zone{background:#ef44440a;border:2px solid #ef44444d;border-radius:14px;margin-top:40px;padding:24px}.admin-danger-zone__header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.admin-danger-zone__header svg{color:#ef4444;height:20px;width:20px}.admin-danger-zone__title{color:#ef4444;font-size:16px;font-weight:700;margin:0}.admin-danger-zone__description{color:#9ca3af;font-size:14px;line-height:1.5;margin-bottom:20px}.admin-danger-zone__actions{align-items:center;display:flex;gap:12px}.admin-danger-zone__item{align-items:center;border-bottom:1px solid #ef444426;display:flex;justify-content:space-between;padding:16px 0}.admin-danger-zone__item:last-child{border-bottom:none;padding-bottom:0}.admin-danger-zone__item:first-child{padding-top:0}.admin-danger-zone__item-info{flex:1 1}.admin-danger-zone__item-info h4{color:#e5e7eb;font-size:14px;font-weight:600;margin:0 0 4px}.admin-danger-zone__item-info p{color:#6b7280;font-size:13px;margin:0}.admin-tabs{border-bottom:1px solid #2d3348;display:flex;gap:0;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs__item{border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .15s ease;white-space:nowrap}.admin-tabs__item:hover{color:#9ca3af}.admin-tabs__item--active{border-bottom-color:#7c3aed;color:#7c3aed}.admin-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:10px;position:relative}.admin-toggle input{height:0;opacity:0;position:absolute;width:0}.admin-toggle__track{background:#2d3348;border-radius:12px;height:24px;position:relative;transition:background .15s ease;width:44px}.admin-toggle__track:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .15s ease;width:18px}input:checked+.admin-toggle__track{background:#7c3aed}input:checked+.admin-toggle__track:after{transform:translateX(20px)}input:focus-visible+.admin-toggle__track{box-shadow:0 0 0 3px #7c3aed26}.admin-toggle__label{color:#e5e7eb;font-size:14px}.admin-dropdown{display:inline-block;position:relative}.admin-dropdown__menu{background:#1e2337;border:1px solid #2d3348;border-radius:10px;box-shadow:0 8px 24px #00000080;min-width:180px;opacity:0;padding:6px;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-4px) scale(.98);transition:all .15s ease;visibility:hidden;z-index:1100}.admin-dropdown__menu--open{opacity:1;transform:translateY(0) scale(1);visibility:visible}.admin-dropdown__menu--left{left:0;right:auto}.admin-dropdown__item{align-items:center;background:none;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;gap:10px;padding:9px 12px;text-align:left;transition:background .15s ease;width:100%}.admin-dropdown__item:hover{background:#ffffff0f}.admin-dropdown__item--danger{color:#ef4444}.admin-dropdown__item--danger:hover{background:#ef44441f}.admin-dropdown__item svg{height:16px;opacity:.7;width:16px}.admin-dropdown__divider{background:#2d3348;height:1px;margin:6px 0}.admin-tooltip{position:relative}.admin-tooltip__content{background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);color:#fff;font-size:12px;font-weight:500;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .15s ease;visibility:hidden;white-space:nowrap;z-index:1200}.admin-tooltip__content:after{border:5px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.admin-tooltip:hover .admin-tooltip__content{opacity:1;visibility:visible}.admin-progress{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden;width:100%}.admin-progress__bar{background:#7c3aed;border-radius:4px;height:100%;transition:width .5s ease}.admin-progress__bar--success{background:#10b981}.admin-progress__bar--warning{background:#f59e0b}.admin-progress__bar--danger{background:#ef4444}.admin-progress__bar--info{background:#3b82f6}.admin-progress--lg{border-radius:6px;height:12px}.admin-progress--lg .admin-progress__bar{border-radius:6px}.admin-progress--sm{border-radius:2px;height:4px}.admin-progress--sm .admin-progress__bar{border-radius:2px}.admin-avatar{align-items:center;background:#7c3aed;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.admin-avatar img{height:100%;object-fit:cover;width:100%}.admin-avatar--sm{font-size:11px;height:28px;width:28px}.admin-avatar--lg{font-size:18px;height:48px;width:48px}.admin-avatar--xl{font-size:24px;height:64px;width:64px}.admin-avatar-group{display:flex}.admin-avatar-group .admin-avatar{border:2px solid #1e2337;margin-left:-8px}.admin-avatar-group .admin-avatar:first-child{margin-left:0}.admin-kv-list{display:flex;flex-direction:column;gap:12px}.admin-kv-list__item{align-items:flex-start;border-bottom:1px solid #ffffff0a;display:flex;gap:16px;justify-content:space-between;padding:8px 0}.admin-kv-list__item:last-child{border-bottom:none}.admin-kv-list__key{color:#6b7280;flex-shrink:0;font-size:13px;white-space:nowrap}.admin-kv-list__value{color:#e5e7eb;font-size:14px;text-align:right;word-break:break-all}.admin-divider{background:#2d3348;border:none;height:1px;margin:24px 0}.admin-divider--light{background:#ffffff0a}@media(max-width:1024px){.admin-grid--3,.admin-grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-page-title h1{font-size:20px}.admin-page-title--with-actions{align-items:stretch;flex-direction:column}.admin-stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.admin-card{padding:18px}.admin-card__value{font-size:26px}.admin-form__row,.admin-grid--2,.admin-grid--3,.admin-grid--4{grid-template-columns:1fr}.admin-form__row{gap:0}.admin-table thead th{font-size:11px;padding:10px 14px}.admin-table tbody td{font-size:13px;padding:10px 14px}.admin-filter-bar{align-items:stretch;flex-direction:column}.admin-filter-bar__separator{display:none}.admin-filter-bar__count{margin-left:0;order:-1}.admin-modal__content{border-radius:14px;margin:0 8px;max-height:90vh;max-width:100%}.admin-toast{left:12px;right:12px;top:12px}.admin-toast__item{max-width:100%;min-width:auto}.admin-pagination{align-items:center;flex-direction:column;gap:12px}.admin-btn--block-mobile{width:100%}.admin-danger-zone{padding:18px}.admin-danger-zone__item{align-items:flex-start;flex-direction:column;gap:12px}.admin-upload-zone{padding:32px 20px}.admin-tabs__item{font-size:13px;padding:10px 14px}}@media(max-width:480px){.admin-page-title{margin-bottom:20px}.admin-page-title h1{font-size:18px}.admin-page-title__subtitle{font-size:13px}.admin-stats-row{gap:10px;grid-template-columns:1fr}.admin-card{padding:14px}.admin-card__value{font-size:22px}.admin-card__label{font-size:12px}.admin-btn{font-size:13px;min-height:44px;padding:10px 16px}.admin-form-group input[type=email],.admin-form-group input[type=number],.admin-form-group input[type=password],.admin-form-group input[type=search],.admin-form-group input[type=text],.admin-form-group input[type=url],.admin-form-group select,.admin-form-group textarea{font-size:16px;min-height:44px;padding:12px}.admin-modal{padding:8px}.admin-modal__content{border-radius:10px}.admin-modal__header{padding:16px}.admin-modal__header h2{font-size:16px}.admin-modal__body{padding:16px}.admin-modal__footer{flex-direction:column-reverse;padding:12px 16px}.admin-modal__footer .admin-btn{width:100%}.admin-search__input{font-size:16px;min-height:44px;padding:12px 12px 12px 40px}.admin-pagination__btn{font-size:12px;height:32px;min-width:32px}.admin-empty-state{padding:40px 16px}.admin-empty-state__icon{height:60px;width:60px}.admin-empty-state__title{font-size:16px}.admin-empty-state__description{font-size:13px}.admin-tabs__item{font-size:12px;padding:10px 12px}.admin-kv-list__item{flex-direction:column;gap:4px}.admin-kv-list__value{text-align:left}}@media(prefers-reduced-motion:reduce){.admin-btn:active,.admin-card:hover{transform:none}.admin-skeleton:after{animation:none}.admin-toast__item{animation:none!important}.admin-modal__content{transform:none!important;transition:opacity .2s ease!important}}.admin-modal__body{scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.admin-modal__body::-webkit-scrollbar{width:6px}.admin-modal__body::-webkit-scrollbar-track{background:#0000}.admin-modal__body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.admin-modal__body::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.admin-text-muted{color:#6b7280}.admin-text-secondary{color:#9ca3af}.admin-text-success{color:#10b981}.admin-text-danger{color:#ef4444}.admin-text-warning{color:#f59e0b}.admin-text-info{color:#3b82f6}.admin-text-accent{color:#7c3aed}.admin-mt-0{margin-top:0}.admin-mt-8{margin-top:8px}.admin-mt-16{margin-top:16px}.admin-mt-24{margin-top:24px}.admin-mt-32{margin-top:32px}.admin-mb-0{margin-bottom:0}.admin-mb-8{margin-bottom:8px}.admin-mb-16{margin-bottom:16px}.admin-mb-24{margin-bottom:24px}.admin-mb-32{margin-bottom:32px}.admin-flex{display:flex}.admin-flex-col{flex-direction:column}.admin-items-center{align-items:center}.admin-justify-between{justify-content:space-between}.admin-gap-8{gap:8px}.admin-gap-12{gap:12px}.admin-gap-16{gap:16px}.admin-gap-20{gap:20px}.admin-gap-24{gap:24px}.admin-w-full{width:100%}.admin-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.at-wrapper{background:#1e2337;border:1px solid #2d3348;border-radius:12px;overflow:hidden}.at-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.at-table{border-collapse:collapse;font-family:Fredoka,sans-serif;font-size:14px;width:100%}.at-table th{background:#0a0e1a;border-bottom:1px solid #2d3348;color:#9ca3af;font-size:12px;font-weight:500;letter-spacing:.05em;padding:12px 16px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.at-table td{border-bottom:1px solid #2d334880;color:#e5e7eb;padding:12px 16px;vertical-align:middle}.at-sortable{cursor:pointer;transition:color .2s ease}.at-sortable:hover{color:#e5e7eb}.at-th-content{align-items:center;display:inline-flex;gap:6px}.at-sort-icon{font-size:10px;opacity:.4;transition:opacity .2s ease}.at-sort-icon--active{color:#7c3aed;opacity:1}.at-row{transition:background .15s ease}.at-row:nth-child(odd){background:#1e2337}.at-row:nth-child(2n){background:#232940}.at-row:hover{background:#7c3aed14}.at-row--clickable{cursor:pointer}.at-row--selected{background:#7c3aed26!important}.at-checkbox{align-items:center;cursor:pointer;display:inline-flex;height:20px;justify-content:center;position:relative;width:20px}.at-checkbox input{height:0;opacity:0;position:absolute;width:0}.at-checkbox__mark{align-items:center;background:#0a0e1a;border:2px solid #2d3348;border-radius:4px;display:flex;height:18px;justify-content:center;transition:all .15s ease;width:18px}input:checked+.at-checkbox__mark{background:#7c3aed;border-color:#7c3aed}input:checked+.at-checkbox__mark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:9px;transform:rotate(45deg) translate(-1px,-1px);width:5px}.at-empty-row td{border:none!important;padding:0!important}.at-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}.at-empty p{font-size:14px;margin:0}.at-empty__icon{font-size:32px;margin-bottom:12px;opacity:.4}.at-skeleton-row td{padding:14px 16px!important}.at-skeleton-cell{animation:at-shimmer 1.5s infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:6px;height:16px}@keyframes at-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.at-pagination{align-items:center;background:#0a0e1a;border-top:1px solid #2d3348;display:flex;justify-content:space-between;padding:12px 16px}.at-pagination__info{color:#9ca3af;font-size:13px}.at-pagination__controls{align-items:center;display:flex;gap:4px}.at-pagination__btn{align-items:center;background:#0000;border:1px solid #2d3348;border-radius:6px;color:#9ca3af;cursor:pointer;display:inline-flex;font-family:Fredoka,sans-serif;font-size:13px;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .15s ease}.at-pagination__btn:hover:not(:disabled){background:#ffffff0d;border-color:#414967;color:#e5e7eb}.at-pagination__btn--active{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}.at-pagination__btn:disabled{cursor:not-allowed;opacity:.35}.am-overlay{animation:am-fade-in .2s ease;padding:24px}@keyframes am-fade-in{0%{opacity:0}to{opacity:1}}.am-card{animation:am-slide-up .25s ease;background:#1e2337;border:1px solid #2d3348;border-radius:16px;box-shadow:0 24px 64px #0006;display:flex;flex-direction:column;max-height:calc(100dvh - 48px);width:100%}@keyframes am-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.am-header{align-items:center;border-bottom:1px solid #2d3348;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.am-title{color:#fff;font-family:Fredoka,sans-serif;font-size:18px;font-weight:600;margin:0}.am-close{align-items:center;background:#ffffff0d;border:1px solid #2d3348;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .15s ease;width:32px}.am-close:hover{background:#ffffff1a;border-color:#414967;color:#e5e7eb}.am-body{color:#e5e7eb;flex:1 1;font-family:Fredoka,sans-serif;font-size:14px;line-height:1.6;overflow-y:auto;padding:24px}.am-footer{border-top:1px solid #2d3348;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 24px}.am-footer,.dc-overlay{align-items:center;display:flex}.dc-overlay{animation:am-fade-in .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2100}.dc-card{animation:am-slide-up .25s ease;background:#1e2337;border:1px solid #2d3348;border-radius:16px;box-shadow:0 24px 64px #0006;max-width:460px;position:relative;width:100%}.dc-close{align-items:center;background:#ffffff0d;border:1px solid #2d3348;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .15s ease;width:28px;z-index:1}.dc-close:hover{background:#ffffff1a;color:#e5e7eb}.dc-warning-banner{align-items:center;background:#ef44441f;border-bottom:1px solid #ef444433;border-radius:16px 16px 0 0;color:#fca5a5;display:flex;font-family:Fredoka,sans-serif;font-size:16px;font-weight:600;gap:12px;padding:16px 24px}.dc-warning-icon{color:#ef4444;font-size:20px}.dc-body{padding:24px}.dc-message{color:#e5e7eb;font-size:14px;line-height:1.5;margin:0 0 8px}.dc-message,.dc-undone{font-family:Fredoka,sans-serif}.dc-undone{color:#ef4444;font-size:13px;font-weight:500;margin:0 0 16px}.dc-type-confirm{margin-top:16px}.dc-label{color:#9ca3af;display:block;font-family:Fredoka,sans-serif;font-size:13px;margin-bottom:8px}.dc-input,.dc-label strong{color:#e5e7eb}.dc-input{background:#0a0e1a;border:1px solid #2d3348;border-radius:8px;box-sizing:border-box;font-family:Fredoka,sans-serif;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s ease;width:100%}.dc-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.dc-input::placeholder{color:#9ca3af80}.dc-actions{align-items:center;border-top:1px solid #2d3348;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.dc-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Fredoka,sans-serif;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.dc-btn--cancel{background:#ffffff1a;border:1px solid #2d3348;color:#e5e7eb}.dc-btn--cancel:hover{background:#ffffff26;border-color:#414967}.dc-btn--delete{background:#ef4444;color:#fff}.dc-btn--delete:hover:not(:disabled){background:#dc2626}.dc-btn--delete:disabled{cursor:not-allowed;opacity:.4}.ac-card{background:#1e2337;border:1px solid #2d3348;border-radius:12px;padding:20px;transition:border-color .2s ease,transform .2s ease}.ac-card:hover{border-color:#414967;transform:translateY(-2px)}.ac-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ac-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.ac-icon{font-size:18px}.ac-trend{align-items:center;border-radius:20px;display:inline-flex;font-family:Fredoka,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:3px 8px}.ac-trend--up{background:#10b98126;color:#34d399}.ac-trend--down{background:#ef44441f;color:#f87171}.ac-trend__arrow{font-size:10px}.ac-value{color:#fff;font-family:Fredoka,sans-serif;font-size:28px;font-weight:700;line-height:1.2;margin-bottom:4px}.ac-label{font-size:13px}.ac-label,.ac-trend-label{color:#9ca3af;font-family:Fredoka,sans-serif}.ac-trend-label{font-size:11px;margin-top:6px;opacity:.7}.as-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.as-input-group{flex:1 1;min-width:200px;position:relative}.as-icon{color:#9ca3af;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.as-input{background:#0a0e1a;border:1px solid #2d3348;border-radius:8px;box-sizing:border-box;color:#e5e7eb;font-family:Fredoka,sans-serif;font-size:14px;outline:none;padding:10px 38px 10px 40px;transition:border-color .2s ease;width:100%}.as-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.as-clear,.as-input::placeholder{color:#9ca3af}.as-clear{align-items:center;background:#ffffff14;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .15s ease;width:24px}.as-clear:hover{background:#ffffff26;color:#e5e7eb}.as-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ab-badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-family:Fredoka,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;line-height:1.4;padding:3px 10px;text-transform:uppercase;white-space:nowrap}@media(max-width:768px){.at-table{font-size:13px}.at-table td,.at-table th{padding:10px 12px}.at-pagination{flex-direction:column;gap:10px}.am-card{border-radius:12px;margin:12px}.am-body,.am-footer,.am-header{padding:16px}.dc-card{border-radius:12px;margin:12px}.ac-value{font-size:24px}.as-wrapper{align-items:stretch;flex-direction:column}.as-input-group{min-width:0}}@media(max-width:480px){.at-table{font-size:12px}.at-table td,.at-table th{padding:8px 10px}.am-title{font-size:16px}.ac-card{padding:16px}.ac-value{font-size:22px}}.admin-dashboard{animation:pageFadeIn .45s ease both;margin:0 auto;max-width:1200px;padding:0 10px}.admin-dashboard__title{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:28px;letter-spacing:.5px;margin:0 0 28px}.admin-dashboard__metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-dashboard__metric-card{background:linear-gradient(135deg,#1e2337,#252b42);border:1px solid #ffffff0f;border-radius:14px;display:flex;flex-direction:column;gap:8px;padding:22px 20px;position:relative;transition:transform .2s ease,box-shadow .3s ease}.admin-dashboard__metric-card:hover{box-shadow:0 8px 24px #00000059;transform:translateY(-3px)}.admin-dashboard__metric-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.admin-dashboard__metric-value{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:30px;line-height:1.1}.admin-dashboard__metric-label{color:#ffffff8c;font-family:Fellix-SemiBold,sans-serif;font-size:13px;letter-spacing:.6px;text-transform:uppercase}.admin-dashboard__metric-trend{border-radius:6px;font-family:Fellix-SemiBold,sans-serif;font-size:12px;padding:3px 8px;position:absolute;right:18px;top:18px}.admin-dashboard__metric-trend--up{background:#27ae601f;color:#27ae60}.admin-dashboard__metric-trend--down{background:#e74c3c1f;color:#e74c3c}.admin-dashboard__charts{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.admin-dashboard__chart-card{background:#1e2337;border:1px solid #ffffff0f;border-radius:14px;padding:22px 20px}.admin-dashboard__chart-title{color:#fffc;font-family:Fellix-SemiBold,sans-serif;font-size:15px;margin:0 0 18px}.admin-dashboard__bar-chart{align-items:flex-end;display:flex;gap:10px;height:160px;padding-top:10px}.admin-dashboard__bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.admin-dashboard__bar-value{color:#ffffffa6;font-family:Fellix-SemiBold,sans-serif;font-size:11px;margin-bottom:4px}.admin-dashboard__bar-track{align-items:flex-end;background:#ffffff0a;border-radius:6px 6px 0 0;display:flex;flex:1 1;max-width:36px;overflow:hidden;width:100%}.admin-dashboard__bar-fill{background:linear-gradient(180deg,#6c5ce7,#a29bfe);border-radius:6px 6px 0 0;min-height:4px;transition:height .6s cubic-bezier(.4,0,.2,1);width:100%}.admin-dashboard__bar-label{color:#ffffff73;font-family:Fellix-SemiBold,sans-serif;font-size:11px;margin-top:6px}.admin-dashboard__content-bars{display:flex;flex-direction:column;gap:14px}.admin-dashboard__h-bar-row{align-items:center;display:flex;gap:12px}.admin-dashboard__h-bar-subject{color:#ffffffbf;flex-shrink:0;font-family:Fellix-SemiBold,sans-serif;font-size:13px;text-transform:capitalize;width:70px}.admin-dashboard__h-bar-track{background:#ffffff0a;border-radius:6px;flex:1 1;height:22px;overflow:hidden}.admin-dashboard__h-bar-fill{border-radius:6px;height:100%;min-width:8px;transition:width .6s cubic-bezier(.4,0,.2,1)}.admin-dashboard__h-bar-count{color:#fff9;flex-shrink:0;font-family:Fellix-SemiBold,sans-serif;font-size:13px;text-align:right;width:50px}.admin-dashboard__empty-text{color:#ffffff59;font-family:Fellix-SemiBold,sans-serif;font-size:13px;padding:20px 0;text-align:center}.admin-dashboard__actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-dashboard__action-btn{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Fellix-SemiBold,sans-serif;font-size:14px;gap:8px;padding:12px 22px;transition:transform .2s ease,box-shadow .3s ease,opacity .2s ease}.admin-dashboard__action-btn:hover{box-shadow:0 6px 18px #6c5ce759;opacity:.92;transform:translateY(-2px)}.admin-dashboard__action-btn:active{transform:translateY(1px)}.admin-dashboard__activity{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}.admin-dashboard__activity-card{background:#1e2337;border:1px solid #ffffff0f;border-radius:14px;padding:22px 20px}.admin-dashboard__table{border-collapse:collapse;width:100%}.admin-dashboard__table th{border-bottom:1px solid #ffffff0f;color:#fff6;font-family:Fellix-SemiBold,sans-serif;font-size:11px;letter-spacing:.5px;padding:0 0 10px;text-align:left;text-transform:uppercase}.admin-dashboard__table td{border-bottom:1px solid #ffffff0a;color:#ffffffbf;font-family:Fellix-SemiBold,sans-serif;font-size:13px;padding:10px 0}.admin-dashboard__table tr:last-child td{border-bottom:none}.admin-dashboard__health-rows{display:flex;flex-direction:column;gap:14px}.admin-dashboard__health-row{align-items:center;display:flex;justify-content:space-between}.admin-dashboard__health-label{color:#ffffffa6;font-family:Fellix-SemiBold,sans-serif;font-size:13px}.admin-dashboard__health-value{color:#ffffff8c;font-family:Fellix-SemiBold,sans-serif;font-size:13px}.admin-dashboard__health-badge{border-radius:20px;font-family:Fellix-SemiBold,sans-serif;font-size:12px;padding:4px 12px;text-transform:capitalize}.admin-dashboard__health-badge--connected,.admin-dashboard__health-badge--success{background:#27ae601f;color:#27ae60}.admin-dashboard__health-badge--disconnected,.admin-dashboard__health-badge--failed{background:#e74c3c1f;color:#e74c3c}.admin-dashboard__health-badge--unknown{background:#f39c121f;color:#f39c12}.admin-dashboard__error{background:#1e2337;border:1px solid #e74c3c40;border-radius:14px;padding:40px;text-align:center}.admin-dashboard__error-msg{color:#e74c3c;font-family:Fellix-SemiBold,sans-serif;font-size:15px;margin:0 0 20px}.admin-dashboard__retry-btn{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:Fellix-SemiBold,sans-serif;font-size:14px;gap:6px;padding:10px 24px;transition:transform .2s ease,box-shadow .3s ease}.admin-dashboard__retry-btn:hover{box-shadow:0 6px 18px #6c5ce759;transform:translateY(-2px)}.admin-dashboard__user-breakdown{background:#1e2337;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:24px;padding:18px 20px}.admin-dashboard__user-type-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.admin-dashboard__user-type-chip{align-items:center;background:#6c5ce71a;border:1px solid #6c5ce733;border-radius:10px;color:#fffc;display:inline-flex;font-family:Fellix-SemiBold,sans-serif;font-size:14px;gap:8px;padding:8px 16px}.admin-dashboard__user-type-chip strong{color:#fff;font-size:16px}.admin-dashboard__user-type-chip svg{color:#a29bfe;font-size:14px}.admin-dashboard__user-type-chip--muted{background:#ffffff0a;border-color:#ffffff14}.admin-dashboard__user-type-chip--muted strong{color:#ffffffb3}.admin-dashboard__grade-table-wrap{border-top:1px solid #ffffff0f;margin-top:14px;padding-top:14px}.admin-dashboard__grade-table-title{color:#fff9;font-family:Fellix-SemiBold,sans-serif;font-size:13px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.admin-dashboard__grade-chips{display:flex;flex-wrap:wrap;gap:8px}.admin-dashboard__grade-chip{align-items:center;background:#6c5ce714;border:1px solid #6c5ce726;border-radius:8px;display:flex;gap:8px;padding:6px 14px}.admin-dashboard__grade-chip-grade{color:#fff9;font-family:Fellix-SemiBold,sans-serif;font-size:12px}.admin-dashboard__grade-chip-count{color:#a29bfe;font-family:Fellix-Bold,sans-serif;font-size:14px}.admin-dashboard__content-gaps{background:#1e2337;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:24px;padding:22px 20px}.admin-dashboard__gaps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.admin-dashboard__gap-card{border:1px solid;border-radius:12px;padding:16px}.admin-dashboard__gap-card--red{background:#e74c3c0f;border-color:#e74c3c33}.admin-dashboard__gap-card--yellow{background:#f39c120f;border-color:#f39c1233}.admin-dashboard__gap-card--green{background:#27ae600f;border-color:#27ae6033}.admin-dashboard__gap-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.admin-dashboard__gap-badge{align-items:center;border-radius:8px;display:inline-flex;font-family:Fellix-Bold,sans-serif;font-size:13px;height:26px;justify-content:center;min-width:26px;padding:0 6px}.admin-dashboard__gap-badge--red{background:#e74c3c26;color:#e74c3c}.admin-dashboard__gap-badge--yellow{background:#f39c1226;color:#f39c12}.admin-dashboard__gap-label{color:#fffc;font-family:Fellix-SemiBold,sans-serif;font-size:14px}.admin-dashboard__gap-items{display:flex;flex-wrap:wrap;gap:6px}.admin-dashboard__gap-tag{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-family:Fellix-SemiBold,sans-serif;font-size:12px;padding:4px 10px;text-transform:capitalize}.admin-dashboard__gap-tag--red{background:#e74c3c1a;border-color:#e74c3c40;color:#f87171}.admin-dashboard__gap-tag--yellow{background:#f39c121a;border-color:#f39c1240;color:#fbbf24}.admin-dashboard__gap-more{color:#fff6;font-family:Fellix-SemiBold,sans-serif;font-size:12px;padding:4px 6px}@media(max-width:900px){.admin-dashboard__metrics{grid-template-columns:repeat(2,1fr)}.admin-dashboard__activity,.admin-dashboard__charts,.admin-dashboard__gaps-grid{grid-template-columns:1fr}}@media(max-width:520px){.admin-dashboard__metrics{grid-template-columns:1fr}.admin-dashboard__title{font-size:22px}.admin-dashboard__metric-value{font-size:24px}.admin-dashboard__actions{flex-direction:column}.admin-dashboard__action-btn{justify-content:center;width:100%}}.asset-manager{color:#e0e0f0;font-family:Fellix-SemiBold,sans-serif;padding:0}.am-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f1eb3;border:1px solid #7c3aed4d;border-radius:16px;margin-bottom:28px;padding:28px}.am-section-title{color:#c4b5fd;font-family:Fredoka One,cursive;font-size:1.4rem;letter-spacing:.02em;margin:0 0 20px}.am-label{color:#a5a5c8;display:block;font-size:.85rem;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.am-label-sm{color:#a5a5c8;font-size:.78rem;margin-right:6px}.am-upload-controls{margin-bottom:16px}.am-select{background:#141428cc;border:1px solid #7c3aed80;border-radius:8px;color:#e0e0f0;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:220px}.am-select:focus,.am-select:hover{border-color:#7c3aed;box-shadow:0 0 8px #7c3aed59}.am-select option{background:#1a1a2e;color:#e0e0f0}.am-dropzone{align-items:center;background:#7c3aed0d;border:2px dashed #7c3aed;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;transition:background .25s,border-color .25s,transform .2s}.am-dropzone:hover{background:#7c3aed1a;border-color:#a78bfa}.am-dropzone.am-dropzone--active{background:#7c3aed2e;border-color:#a78bfa;box-shadow:0 0 24px #7c3aed40;transform:scale(1.01)}.am-dropzone-icon{color:#7c3aed;height:48px;margin-bottom:12px;width:48px}.am-dropzone-text{color:#c4b5fd;font-size:1rem;margin:0 0 4px}.am-dropzone-hint{color:#7a7a9e;font-size:.78rem;margin:0}.am-upload-list{margin-top:18px}.am-upload-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;padding:10px 12px}.am-upload-item:last-of-type{border-bottom:none}.am-upload-thumb{background:#ffffff0a;border-radius:8px;flex-shrink:0;height:48px;overflow:hidden;width:48px}.am-upload-thumb img{height:100%;object-fit:cover;width:100%}.am-upload-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.am-upload-name{color:#e0e0f0;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-upload-size{color:#7a7a9e;font-size:.72rem}.am-upload-error{color:#f87171;font-size:.75rem}.am-upload-status-badge{color:#a5a5c8;flex-shrink:0;font-size:.78rem}.am-badge-done{color:#4ade80;font-weight:600}.am-badge-error{color:#f87171;font-weight:600}.am-progress-track{background:#ffffff14;border-radius:3px;height:6px;margin-top:4px;overflow:hidden;width:100%}.am-progress-bar{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:3px;height:100%;transition:width .3s ease}.am-btn-copy-sm{align-items:center;background:#0000;border:1px solid #7c3aed66;border-radius:6px;color:#a78bfa;cursor:pointer;display:inline-flex;font-family:Fellix-SemiBold,sans-serif;font-size:.72rem;gap:4px;margin-top:2px;padding:3px 8px;transition:background .2s,border-color .2s}.am-btn-copy-sm:hover{background:#7c3aed26;border-color:#7c3aed}.am-btn-copy-sm svg{flex-shrink:0}.am-btn-text{background:none;border:none;color:#7a7a9e;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:.78rem;padding:6px 0;transition:color .2s}.am-btn-text:hover{color:#a78bfa}.am-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.am-tab{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#a5a5c8;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:.82rem;padding:7px 16px;transition:all .2s}.am-tab:hover{background:#7c3aed1f;color:#c4b5fd}.am-tab.am-tab--active{background:#7c3aed33;border-color:#7c3aed;box-shadow:0 0 10px #7c3aed33;color:#e0e0f0}.am-browser-controls{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.am-search{background:#141428cc;border:1px solid #7c3aed59;border-radius:8px;color:#e0e0f0;flex:1 1;font-family:Fellix-SemiBold,sans-serif;font-size:.85rem;min-width:180px;outline:none;padding:8px 14px;transition:border-color .2s,box-shadow .2s}.am-search::placeholder{color:#5a5a7e}.am-search:focus{border-color:#7c3aed;box-shadow:0 0 8px #7c3aed4d}.am-sort-group{align-items:center;display:flex;gap:6px}.am-select-sm{background:#141428cc;border:1px solid #7c3aed59;border-radius:6px;color:#e0e0f0;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:.78rem;outline:none;padding:6px 10px}.am-select-sm option{background:#1a1a2e;color:#e0e0f0}.am-btn-sort-dir{align-items:center;background:#141428cc;border:1px solid #7c3aed59;border-radius:6px;color:#a78bfa;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:background .2s;width:30px}.am-btn-sort-dir:hover{background:#7c3aed26}.am-empty,.am-loading{color:#7a7a9e;font-size:.9rem;padding:40px 20px;text-align:center}.am-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.am-card{background:#14142899;border:1px solid #ffffff0f;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.am-card:hover{border-color:#7c3aed66;box-shadow:0 8px 20px #7c3aed33;transform:translateY(-3px)}.am-card-img{align-items:center;background:#00000040;display:flex;height:120px;justify-content:center;overflow:hidden;width:100%}.am-card-img img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.am-card-img:hover img{transform:scale(1.15)}.am-card-body{display:flex;flex-direction:column;gap:2px;padding:8px 10px 4px}.am-card-name{color:#c4b5fd;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-card-size{color:#5a5a7e;font-size:.68rem}.am-card-actions{display:flex;gap:6px;padding:4px 10px 10px}.am-btn-icon{align-items:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;color:#a5a5c8;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.am-btn-icon:hover{background:#7c3aed26;border-color:#7c3aed66;color:#a78bfa}.am-btn-icon.am-btn-icon--danger:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.am-btn-primary{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:.9rem;padding:10px 22px;transition:transform .2s,box-shadow .2s,opacity .2s}.am-btn-primary:hover{box-shadow:0 4px 14px #7c3aed66;transform:translateY(-1px)}.am-btn-primary:active{transform:translateY(1px)}.am-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.am-audit-results{margin-top:20px}.am-audit-summary{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:22px}.am-audit-stat{background:#14142899;border:1px solid #ffffff14;border-radius:12px;min-width:110px;padding:16px 24px;text-align:center}.am-audit-stat.am-audit-stat--ok{border-color:#4ade804d}.am-audit-stat.am-audit-stat--warn{border-color:#fbbf244d}.am-audit-stat-value{color:#e0e0f0;display:block;font-family:Fredoka One,cursive;font-size:1.8rem}.am-audit-stat--ok .am-audit-stat-value{color:#4ade80}.am-audit-stat--warn .am-audit-stat-value{color:#fbbf24}.am-audit-stat-label{color:#7a7a9e;display:block;font-size:.75rem;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.am-audit-missing{margin-top:8px}.am-audit-missing-title{color:#fbbf24;font-family:Fredoka One,cursive;font-size:1.05rem;margin:0 0 12px}.am-audit-missing-list{border:1px solid #ffffff0f;border-radius:10px;max-height:320px;overflow-y:auto}.am-audit-missing-row{align-items:center;border-bottom:1px solid #ffffff0a;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.am-audit-missing-row:last-child{border-bottom:none}.am-audit-missing-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.am-audit-missing-type{color:#a78bfa;font-size:.78rem;font-weight:600;text-transform:capitalize}.am-audit-missing-id{color:#a5a5c8;font-size:.72rem}.am-audit-missing-url{color:#5a5a7e;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-btn-sm{background:#7c3aed26;border:1px solid #7c3aed66;border-radius:6px;color:#a78bfa;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:.75rem;padding:5px 14px;transition:background .2s,color .2s;white-space:nowrap}.am-btn-sm:hover{background:#7c3aed4d;color:#e0e0f0}.am-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.am-confirm-dialog{background:#1a1a2e;border:1px solid #7c3aed66;border-radius:16px;max-width:400px;padding:28px 32px;width:90%}.am-confirm-dialog h3{color:#f87171;font-family:Fredoka One,cursive;font-size:1.2rem;margin:0 0 10px}.am-confirm-dialog p{color:#a5a5c8;font-size:.9rem;line-height:1.5;margin:0 0 20px}.am-confirm-dialog p strong{color:#e0e0f0}.am-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.am-btn-cancel{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#a5a5c8;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:.85rem;padding:8px 18px;transition:background .2s}.am-btn-cancel:hover{background:#ffffff1f}.am-btn-danger{background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#f87171;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:.85rem;padding:8px 18px;transition:background .2s,color .2s}.am-btn-danger:hover{background:#ef444459;color:#fca5a5}.am-toast{animation:am-toast-in .25s ease both;background:#1a1a2e;border:1px solid #7c3aed80;border-radius:10px;bottom:28px;box-shadow:0 6px 20px #0006;color:#a78bfa;font-family:Fellix-SemiBold,sans-serif;font-size:.85rem;left:50%;padding:10px 22px;position:fixed;transform:translateX(-50%);z-index:3000}@keyframes am-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media(max-width:768px){.am-section{border-radius:12px;padding:18px 14px}.am-section-title{font-size:1.15rem}.am-dropzone{min-height:150px}.am-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.am-card-img{height:90px}.am-browser-controls{flex-direction:column;gap:10px}.am-search{min-width:0;min-width:auto;width:100%}.am-audit-summary{flex-direction:column;gap:10px}.am-audit-missing-row{align-items:flex-start;flex-direction:column;gap:8px}.am-select{width:100%}}@media(max-width:480px){.am-section{padding:14px 10px}.am-grid{grid-template-columns:repeat(2,1fr)}.am-tabs{gap:4px}.am-tab{font-size:.75rem;padding:6px 10px}}.cm-root{color:#e0e0f0;font-family:Fellix-SemiBold,Fredoka,sans-serif;min-height:100%;width:100%}.cm-input{background:#1e2337;border:1px solid #ffffff26;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.cm-input::placeholder{color:#ffffff59}.cm-input:focus{border-color:#9b59ff;box-shadow:0 0 0 3px #9b59ff26}.cm-input:disabled{cursor:not-allowed;opacity:.5}.cm-input--number{width:100px}.cm-input--small{font-size:12px;margin-top:6px;padding:6px 10px}.cm-input--tiny{font-size:13px;padding:4px 8px;text-align:center;width:60px}.cm-input--danger{border-color:#e74c3c}.cm-input--danger:focus{border-color:#c0392b;box-shadow:0 0 0 3px #e74c3c33}.cm-select{background:#1e2337;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;min-width:140px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:auto}.cm-select:focus{border-color:#9b59ff;box-shadow:0 0 0 3px #9b59ff26}.cm-select option{background:#1e2337;color:#fff}.cm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s;white-space:nowrap}.cm-btn--primary{background:linear-gradient(135deg,#9b59ff,#7c3aed);box-shadow:0 2px 8px #9b59ff4d;color:#fff}.cm-btn--primary:hover{background:linear-gradient(135deg,#a66fff,#8b4ff5);box-shadow:0 4px 14px #9b59ff66;transform:translateY(-1px)}.cm-btn--primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.cm-btn--ghost{background:#0000;border:1px solid #ffffff26;color:#ffffffb3}.cm-btn--ghost:hover{background:#ffffff0d;color:#fff}.cm-btn--ghost:disabled{cursor:not-allowed;opacity:.4}.cm-btn--icon{align-items:center;background:#ffffff0f;border-radius:6px;color:#ffffffb3;display:inline-flex;height:34px;justify-content:center;padding:8px;width:34px}.cm-btn--icon:hover{background:#ffffff1f;color:#fff}.cm-btn--tiny{font-size:11px;height:24px;padding:4px;width:24px}.cm-btn--small{font-size:12px;margin-left:12px;padding:6px 12px}.cm-btn--danger:hover{background:#e74c3c33;color:#e74c3c}.cm-btn--destroy{background:#e74c3c;color:#fff}.cm-btn--destroy:hover:not(:disabled){background:#c0392b}.cm-btn--destroy:disabled{cursor:not-allowed;opacity:.4}.cm-label{color:#fff9;display:block;font-size:13px;font-weight:500;margin:12px 0 6px}.cm-checkbox{align-items:center;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:14px;gap:10px;-webkit-user-select:none;user-select:none}.cm-checkbox input[type=checkbox]{display:none}.cm-checkbox .cm-checkbox__mark{align-items:center;background:#1e2337;border:2px solid #fff3;border-radius:5px;color:#0000;display:inline-flex;font-size:12px;height:22px;justify-content:center;transition:all .2s;width:22px}.cm-checkbox input:checked+.cm-checkbox__mark{background:#9b59ff;border-color:#9b59ff;color:#fff}.cm-tag{border-radius:20px;display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;text-transform:capitalize}.cm-tag--planet{background:#3498db33;border:1px solid #3498db4d;color:#5dade2}.cm-tag--element{background:#e74c3c26;border:1px solid #e74c3c40;color:#e67e73}.cm-list__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.cm-list__title{color:#fff;display:flex;font-size:22px;gap:10px;margin:0}.cm-list__count,.cm-list__title{align-items:center;font-weight:700}.cm-list__count{background:#9b59ff33;border-radius:14px;color:#c4a4ff;display:inline-flex;font-size:13px;height:28px;justify-content:center;min-width:28px;padding:0 8px}.cm-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.cm-filters__search{flex:1 1;max-width:360px;min-width:200px;position:relative}.cm-filters__search-icon{color:#ffffff4d;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cm-filters__search .cm-input{padding-left:38px}.cm-empty,.cm-loading{color:#ffffff80;padding:60px 20px;text-align:center}.cm-empty__icon,.cm-loading__icon{color:#9b59ff;font-size:32px;margin-bottom:12px}.cm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.cm-card{background:#1e2337cc;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.cm-card:hover{border-color:#9b59ff4d;box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.cm-card__image-wrap{align-items:center;background:linear-gradient(135deg,#151929,#1e2337);display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;width:100%}.cm-card__image{image-rendering:pixelated;max-height:80%;max-width:80%;object-fit:contain}.cm-card__no-image{color:#fff3;font-size:14px}.cm-card__starter-badge{align-items:center;background:linear-gradient(135deg,#f1c40f,#e67e22);border-radius:10px;color:#1a1a2e;display:flex;font-size:11px;font-weight:700;gap:4px;padding:3px 8px;position:absolute;right:8px;top:8px}.cm-card__body{padding:14px 16px 8px}.cm-card__name{color:#fff;font-size:16px;font-weight:700;margin:0 0 2px}.cm-card__id{color:#ffffff59;font-family:monospace;font-size:12px;margin:0 0 8px}.cm-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.cm-card__stages{color:#ffffff73;font-size:12px;margin:0}.cm-card__actions{display:flex;gap:8px;justify-content:flex-end;padding:8px 16px 14px}.cm-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:28px;padding:16px 0}.cm-pagination__info{color:#ffffff80;font-size:14px}.cm-form-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:40px 20px;position:fixed;z-index:2000}.cm-form{background:#13162b;border:1px solid #9b59ff33;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:1000px;overflow:hidden;width:100%}.cm-form__header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:20px 28px}.cm-form__header h2{color:#fff;font-size:20px;margin:0}.cm-form__body{max-height:calc(100vh - 220px);overflow-y:auto;padding:24px 28px}.cm-form__grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 300px}.cm-form__fields{min-width:0}.cm-form__preview{align-self:start;position:-webkit-sticky;position:sticky;top:0}.cm-form__section{border-bottom:1px solid #ffffff0d;margin-bottom:28px;padding-bottom:20px}.cm-form__section:last-child{border-bottom:none}.cm-form__section-title{align-items:center;color:#c4a4ff;display:flex;font-size:15px;font-weight:700;margin:0 0 12px}.cm-form__hint{color:#fff6;font-size:12px;line-height:1.5;margin:0 0 10px}.cm-form__row{margin-top:14px}.cm-form__footer{background:#0003;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:flex-end;padding:16px 28px}.cm-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.cm-stat__label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.cm-stages{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cm-stage-card{background:#1e233799;border:1px solid #ffffff14;border-radius:10px;padding:10px}.cm-stage-card__header{align-items:center;color:#ffffffb3;display:flex;font-size:13px;gap:8px;margin-bottom:8px}.cm-stage-card__grip{color:#fff3;cursor:grab}.cm-stage-card__dropzone{align-items:center;border:2px dashed #ffffff1f;border-radius:8px;cursor:pointer;display:flex;height:100px;justify-content:center;overflow:hidden;transition:border-color .2s,background .2s;width:100%}.cm-stage-card__dropzone:hover{background:#9b59ff0d;border-color:#9b59ff66}.cm-stage-card__dropzone--uploading{background:#9b59ff14;border-color:#9b59ff}.cm-stage-card__preview{image-rendering:pixelated;max-height:90%;max-width:90%;object-fit:contain}.cm-stage-card__placeholder{align-items:center;color:#ffffff40;display:flex;flex-direction:column;font-size:12px;gap:6px}.cm-stage-card__spinner{color:#9b59ff;font-size:24px}.cm-evolutions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.cm-evo-row{align-items:center;background:#1e233799;border:1px solid #ffffff14;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.cm-evo-row__name{color:#fff;flex:1 1;font-size:14px;text-transform:capitalize}.cm-evo-row__level-label{align-items:center;color:#fff9;display:flex;font-size:13px;gap:6px}.cm-evolve-search{position:relative}.cm-evolve-dropdown{background:#1e2337;border:1px solid #9b59ff4d;border-radius:8px;box-shadow:0 8px 24px #0006;left:0;max-height:240px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.cm-evolve-dropdown__item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;transition:background .15s}.cm-evolve-dropdown__item:hover{background:#9b59ff26}.cm-evolve-dropdown__thumb{background:#0000004d;border-radius:6px;height:28px;image-rendering:pixelated;object-fit:contain;width:28px}.cm-evolve-dropdown__id{color:#ffffff4d;font-family:monospace;font-size:11px;margin-left:auto}.cm-preview-card{background:linear-gradient(145deg,#1a1e35,#151929);border:1px solid #9b59ff26;border-radius:14px;overflow:hidden}.cm-preview-card__image-wrap{align-items:center;background:radial-gradient(ellipse at center,#9b59ff14 0,#0000 70%);display:flex;height:180px;justify-content:center;position:relative;width:100%}.cm-preview-card__image{image-rendering:pixelated;max-height:70%;max-width:70%;object-fit:contain}.cm-preview-card__no-image{color:#ffffff1a;font-size:40px;font-weight:700}.cm-preview-card__info{padding:14px 16px 8px}.cm-preview-card__info h4{color:#fff;font-size:18px;margin:0 0 4px}.cm-preview-card__id{color:#ffffff59;font-family:monospace;font-size:12px;margin:0 0 8px}.cm-preview-card__stats{padding:8px 16px 16px}.cm-preview-card__stages{display:flex;gap:8px;justify-content:center;padding:10px 16px 16px}.cm-preview-card__stage-dot{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.cm-preview-card__stage-dot img{height:28px;image-rendering:pixelated;object-fit:contain;width:28px}.cm-preview-card__stage-dot span{color:#ffffff4d;font-size:12px}.cm-preview-stat{align-items:center;display:flex;gap:8px;margin-bottom:6px}.cm-preview-stat__label{color:#ffffff80;font-size:11px;font-weight:700;text-align:right;width:32px}.cm-preview-stat__bar{background:#ffffff0f;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.cm-preview-stat__fill{border-radius:3px;height:100%;transition:width .3s ease}.cm-preview-stat__value{color:#fff9;font-family:monospace;font-size:12px;text-align:left;width:32px}.cm-delete-modal{background:#13162b;border:2px solid #e74c3c4d;border-radius:16px;box-shadow:0 20px 60px #e74c3c26;max-width:480px;overflow:hidden;width:100%}.cm-delete-modal__header{align-items:center;border-bottom:1px solid #e74c3c26;display:flex;gap:12px;padding:20px 24px}.cm-delete-modal__header h2{color:#e74c3c;font-size:18px;margin:0}.cm-delete-modal__warning-icon{color:#e74c3c;font-size:24px}.cm-delete-modal__body{padding:20px 24px}.cm-delete-modal__warning{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 0 16px}.cm-delete-modal__warning strong{color:#fff}.cm-delete-modal__impact{align-items:flex-start;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;color:#e74c3c;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.cm-delete-modal__impact svg{flex-shrink:0;margin-top:2px}.cm-delete-modal__impact strong{color:#fff}.cm-delete-modal__footer{background:#0003;border-top:1px solid #ffffff0d;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}@media(max-width:768px){.cm-filters{flex-direction:column}.cm-filters__search{max-width:100%}.cm-select{width:100%}.cm-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.cm-form__grid{grid-template-columns:1fr}.cm-form__preview{order:-1;position:static}.cm-form__body{max-height:calc(100vh - 180px);padding:16px}.cm-form__footer,.cm-form__header{padding:16px}.cm-form-overlay{padding:16px 8px}.cm-stages,.cm-stats-grid{grid-template-columns:1fr 1fr}.cm-list__header{align-items:stretch;flex-direction:column}.cm-list__header .cm-btn{justify-content:center;width:100%}}@media(max-width:480px){.cm-grid{grid-template-columns:1fr}.cm-card__image-wrap{height:140px}.cm-stages,.cm-stats-grid{grid-template-columns:1fr}}.qm-container{color:#e0e0f0;font-family:Fredoka,Fredoka One,cursive;min-height:100%}.qm-stats-bar{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:16px 20px}.qm-stat-item,.qm-stats-bar{align-items:center;display:flex}.qm-stat-item{flex-direction:column}.qm-stat-total .qm-stat-number{color:#fff;font-size:2rem;font-weight:700;line-height:1}.qm-stat-label{font-size:.75rem;letter-spacing:.05em;margin-top:2px;opacity:.6;text-transform:uppercase}.qm-stat-group{display:flex;flex-direction:column;gap:6px}.qm-stat-group-label{font-size:.7rem;letter-spacing:.06em;opacity:.5;text-transform:uppercase}.qm-stat-pills{display:flex;flex-wrap:wrap;gap:6px}.qm-pill{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.qm-pill--subject{background:#a855f726;border-color:#a855f74d;color:#c084fc}.qm-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.qm-filter-bar{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:16px}.qm-category-tabs{border-bottom:1px solid #ffffff0f;display:flex;gap:4px;margin-bottom:14px;padding-bottom:12px}.qm-category-tab{all:unset;align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#e0e0f0;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;justify-content:center;padding:8px 20px;transition:all .2s;white-space:nowrap}.qm-category-tab:hover{background:#ffffff14;border-color:#ffffff26}.qm-category-tab--active{background:#8b5cf633!important;border-color:#8b5cf680!important;box-shadow:0 0 12px #8b5cf626;color:#c084fc!important}.qm-filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.qm-filter-field{display:flex;flex-direction:column;gap:4px;min-width:130px}.qm-filter-field label{font-size:.72rem;letter-spacing:.05em;opacity:.6;text-transform:uppercase}.qm-filter-field input[type=text],.qm-filter-field select{all:unset;background:#00000059;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#e0e0f0;font-family:inherit;font-size:.85rem;padding:8px 12px;transition:border-color .2s;width:100%}.qm-filter-field input[type=text]:focus,.qm-filter-field select:focus{border-color:#a855f799;box-shadow:0 0 0 2px #a855f726}.qm-filter-field input[type=text] option,.qm-filter-field select option{background:#1b2735;color:#e0e0f0}.qm-filter-search{flex:1 1;min-width:200px}.qm-filter-clear{flex:0 0 auto;min-width:auto!important}.qm-btn--clear{all:unset;align-items:center;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:8px;color:#fbbf24;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;justify-content:center;padding:8px 16px;transition:all .2s;white-space:nowrap}.qm-btn--clear:hover{background:#fbbf2433;border-color:#fbbf2466}.qm-diff-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:.73rem;font-weight:700;letter-spacing:.03em;padding:2px 10px;text-transform:capitalize}.qm-diff-badge--unknown{background:#ffffff0f;border-color:#ffffff1a;color:#fff6}.qm-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.qm-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.3}.qm-empty-state h3{color:#fff;font-size:1.2rem;margin:0 0 8px;opacity:.8}.qm-empty-state p{font-size:.9rem;line-height:1.5;margin:0 0 20px;max-width:400px;opacity:.5}.qm-empty-row-cell{padding:0!important}.qm-table-wrapper{border:1px solid #ffffff14;border-radius:12px;overflow-x:auto}.qm-table{border-collapse:collapse;font-size:.85rem;width:100%}.qm-table td,.qm-table th{padding:10px 14px;text-align:left;white-space:nowrap}.qm-table thead{background:#ffffff0f}.qm-table thead th{border-bottom:1px solid #ffffff1a;font-size:.72rem;font-weight:600;letter-spacing:.06em;opacity:.7;text-transform:uppercase}.qm-td-check,.qm-th-check{text-align:center!important;width:36px}.qm-row--even{background:#ffffff05}.qm-row--odd{background:#0000001a}.qm-row--selected{background:#a855f714!important}.qm-row:hover{background:#ffffff0d!important}.qm-td-id{font-family:Courier New,monospace;font-size:.78rem;opacity:.6}.qm-td-subject{text-transform:capitalize}.qm-td-prompt{max-width:300px;overflow:hidden;text-overflow:ellipsis}.qm-td-diff,.qm-td-prompt{white-space:nowrap}.qm-td-section{font-size:.78rem;opacity:.7}.qm-td-actions{display:flex;gap:6px}.qm-empty-row,.qm-loading-row{font-style:italic;opacity:.6;padding:40px 14px!important;text-align:center!important}.qm-type-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:3px 10px}.qm-btn{all:unset;align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;justify-content:center;padding:8px 16px;transition:all .2s;white-space:nowrap}.qm-btn--primary{background:#8b5cf6;color:#fff}.qm-btn--primary:hover{background:#7c3aed;transform:translateY(-1px)}.qm-btn--primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.qm-btn--secondary{background:#ffffff14;border:1px solid #ffffff26;color:#e0e0f0}.qm-btn--secondary:hover{background:#ffffff1f}.qm-btn--edit{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.qm-btn--edit:hover{background:#3b82f640}.qm-btn--delete{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.qm-btn--delete:hover{background:#ef444438}.qm-btn--danger{background:#dc2626;color:#fff}.qm-btn--danger:hover{background:#b91c1c}.qm-btn--danger:disabled{cursor:not-allowed;opacity:.4}.qm-btn--cancel{background:#ffffff0f;color:#e0e0f0}.qm-btn--cancel:hover{background:#ffffff1a}.qm-btn--page{background:#ffffff0d;border:1px solid #ffffff1a;color:#e0e0f0;font-size:.78rem;padding:6px 12px}.qm-btn--page:hover{background:#ffffff1a}.qm-btn--page:disabled{cursor:not-allowed;opacity:.3}.qm-btn--page-active{background:#8b5cf6!important;border-color:#8b5cf6!important;color:#fff!important}.qm-btn--small{background:#ffffff14;border:1px solid #a855f74d;color:#c084fc;font-size:.78rem;padding:5px 12px}.qm-btn--small:hover{background:#a855f726}.qm-btn--icon{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;font-size:.75rem;min-width:24px;padding:4px 8px}.qm-btn--icon:hover{background:#ef444433}.qm-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding:12px 0}.qm-pagination-info{font-size:.8rem;opacity:.6}.qm-pagination-controls{display:flex;gap:4px}.qm-page-size{align-items:center;display:flex;font-size:.8rem;gap:8px;opacity:.7}.qm-page-size select{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0f0;cursor:pointer;font-family:inherit;font-size:.8rem;padding:4px 8px}.qm-page-size select option{background:#1b2735;color:#e0e0f0}.qm-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.qm-modal{background:#1e2940;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 24px 48px #00000080;max-width:520px;padding:28px;width:100%}.qm-modal h3{color:#fff;font-size:1.2rem;margin:0 0 16px}.qm-modal-warning{background:#ef44441a;border:1px solid #ef444440;border-radius:10px;color:#fca5a5;font-size:.85rem;margin-bottom:16px;padding:12px 16px}.qm-modal-warning--severe{background:#ef44442e;border-color:#ef444466;color:#fecaca;font-weight:600}.qm-modal-preview{background:#0003;border-radius:10px;margin-bottom:16px;padding:12px 16px}.qm-preview-row{align-items:center;display:flex;font-size:.85rem;gap:8px;padding:4px 0}.qm-preview-label{font-weight:700;min-width:50px;opacity:.7}.qm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.qm-bulk-confirm{margin-bottom:16px}.qm-bulk-confirm p{color:#e0e0f0;font-size:.85rem;margin-bottom:8px}.qm-bulk-confirm p code{background:#ffffff14;border-radius:4px;color:#fbbf24;font-family:Courier New,monospace;padding:2px 6px}.qm-bulk-confirm-input{all:unset;background:#00000059;border:1px solid #ef44444d;border-radius:8px;box-sizing:border-box;color:#e0e0f0;font-family:inherit;font-size:.9rem;padding:10px 14px;width:100%}.qm-bulk-confirm-input:focus{border-color:#ef444499}.qm-form-container{animation:qmFadeIn .3s ease both}@keyframes qmFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.qm-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.qm-form-header h2{color:#fff;font-size:1.5rem;margin:0}.qm-form-steps{display:flex;gap:8px;margin-bottom:24px}.qm-form-step{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s}.qm-form-step--active{background:#8b5cf626;border-color:#8b5cf666}.qm-form-step--done{opacity:.6}.qm-form-step-num{align-items:center;background:#ffffff14;border-radius:50%;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.qm-form-step--active .qm-form-step-num{background:#8b5cf6;color:#fff}.qm-form-step--done .qm-form-step-num{background:#22c55e33;color:#4ade80}.qm-form-step-label{font-size:.82rem;font-weight:500}.qm-form-body{align-items:flex-start;display:flex;gap:24px}.qm-form-main{flex:1 1;min-width:0}.qm-form-main h3{color:#fff;font-size:1.1rem;margin:0 0 16px}.qm-type-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.qm-type-card{border:2px solid;border-radius:12px;cursor:pointer;padding:16px;text-align:center;transition:all .2s}.qm-type-card:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.qm-type-card--selected{box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.qm-type-card-badge{border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:700;margin-bottom:8px;padding:3px 10px}.qm-type-card-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:6px;text-transform:capitalize}.qm-type-card-desc{font-size:.72rem;line-height:1.4;opacity:.6}.qm-form-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:20px}.qm-form-section-title{color:#c084fc;font-size:.95rem;font-weight:600;margin:0 0 16px}.qm-form-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.qm-form-field{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px}.qm-form-field label{font-size:.75rem;font-weight:500;letter-spacing:.04em;opacity:.7;text-transform:uppercase}.qm-form-field label code{background:#ffffff14;border-radius:3px;font-size:.72rem;padding:1px 4px}.qm-form-field input[type=text],.qm-form-field select{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e0e0f0;font-family:inherit;font-size:.85rem;padding:8px 12px;transition:border-color .2s;width:100%}.qm-form-field input[type=text]:focus,.qm-form-field select:focus{border-color:#a855f780;box-shadow:0 0 0 2px #a855f71f}.qm-form-field input[type=text] option,.qm-form-field select option{background:#1b2735;color:#e0e0f0}.qm-form-field textarea{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e0e0f0;font-family:inherit;font-size:.85rem;padding:10px 14px;resize:vertical;transition:border-color .2s;white-space:pre-wrap;width:100%}.qm-form-field textarea:focus{border-color:#a855f780;box-shadow:0 0 0 2px #a855f71f}.qm-form-field--full{flex:1 1 100%;min-width:100%}.qm-difficulty-slider{display:flex;flex-direction:column;gap:4px}.qm-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;width:100%}.qm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#8b5cf6;border-radius:50%;box-shadow:0 2px 6px #8b5cf666;cursor:pointer;height:20px;width:20px}.qm-slider::-moz-range-thumb{background:#8b5cf6;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.qm-slider-labels{display:flex;font-size:.72rem;justify-content:space-between;opacity:.5}.qm-slider-label--active{color:#c084fc;font-weight:700;opacity:1}.qm-mc-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.qm-mc-option-row{align-items:center;display:flex;gap:10px}.qm-mc-option-row input[type=text]{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#e0e0f0;flex:1 1;font-family:inherit;font-size:.85rem;padding:8px 12px;transition:border-color .2s}.qm-mc-option-row input[type=text]:focus{border-color:#a855f780}.qm-mc-radio{align-items:center;cursor:pointer;display:flex}.qm-mc-radio input[type=radio]{display:none}.qm-mc-radio-indicator{background:#0000004d;border:2px solid #fff3;border-radius:50%;height:20px;transition:all .2s;width:20px}input:checked+.qm-mc-radio-indicator{background:#22c55e;border-color:#22c55e;box-shadow:inset 0 0 0 4px #0006}.qm-matching-columns{display:flex;gap:20px;margin-bottom:16px}.qm-matching-col{flex:1 1}.qm-matching-col h5{font-size:.8rem;margin:0 0 8px;opacity:.7}.qm-matching-item-row{align-items:center;display:flex;gap:6px;margin-bottom:6px}.qm-matching-item-row input[type=text]{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#e0e0f0;flex:1 1;font-family:inherit;font-size:.82rem;padding:7px 10px}.qm-matching-pairs{margin-bottom:12px}.qm-matching-pairs h5{font-size:.8rem;margin:0 0 8px;opacity:.7}.qm-pair-row{background:#f9731614;border:1px solid #f9731633;border-radius:6px;font-size:.82rem;justify-content:space-between;margin-bottom:4px;padding:6px 10px}.qm-pair-add,.qm-pair-row{align-items:center;display:flex}.qm-pair-add{gap:8px;margin-top:8px}.qm-pair-add select{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0f0;cursor:pointer;font-family:inherit;font-size:.8rem;min-width:80px;padding:6px 10px}.qm-pair-add select option{background:#1b2735;color:#e0e0f0}.qm-pair-arrow{color:#f97316;font-weight:700}.qm-ordering-columns{display:flex;gap:20px;margin-bottom:16px}.qm-ordering-col{flex:1 1}.qm-ordering-col h5{font-size:.8rem;margin:0 0 8px;opacity:.7}.qm-ordering-item-row{align-items:center;display:flex;gap:6px;margin-bottom:6px}.qm-ordering-item-row input[type=text]{all:unset;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;box-sizing:border-box;color:#e0e0f0;flex:1 1;font-family:inherit;font-size:.82rem;padding:7px 10px}.qm-ordering-num{align-items:center;background:#a855f726;border-radius:50%;color:#c084fc;display:flex;flex-shrink:0;font-size:.72rem;font-weight:700;height:22px;justify-content:center;width:22px}.qm-form-nav{border-top:1px solid #ffffff0f;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.qm-preview-panel{flex-shrink:0;position:-webkit-sticky;position:sticky;top:20px;width:340px}.qm-preview-title{font-size:.85rem;letter-spacing:.06em;margin:0 0 12px;opacity:.7;text-transform:uppercase}.qm-preview-card{background:#00000040;border:1px solid #ffffff14;border-radius:14px;padding:20px}.qm-preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.qm-preview-subject{font-size:.78rem;opacity:.6;text-transform:capitalize}.qm-preview-difficulty{margin-left:auto}.qm-preview-prompt{color:#fff;font-size:1rem;line-height:1.5;margin-bottom:16px;word-break:break-word}.qm-preview-options{display:flex;flex-direction:column;gap:6px}.qm-preview-option{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;font-size:.85rem;padding:8px 12px;transition:all .2s}.qm-preview-option--correct{background:#22c55e1f;border-color:#22c55e4d;color:#4ade80}.qm-preview-answer-box{display:flex;flex-direction:column;gap:8px}.qm-preview-input-mock{background:#ffffff0a;border:1px dashed #ffffff26;border-radius:8px;font-size:.85rem;font-style:italic;opacity:.5;padding:8px 12px}.qm-preview-correct-answer{color:#4ade80;font-size:.8rem;opacity:.8}.qm-preview-matching-cols{display:flex;gap:16px}.qm-preview-matching-left,.qm-preview-matching-right{display:flex;flex:1 1;flex-direction:column;gap:4px}.qm-preview-match-item{border-radius:6px;font-size:.82rem;padding:6px 10px;text-align:center}.qm-preview-match-left{background:#f973161f;border:1px solid #f9731640}.qm-preview-match-right{background:#3b82f61f;border:1px solid #3b82f640}.qm-preview-ordering{display:flex;flex-direction:column;gap:6px}.qm-preview-order-item{align-items:center;background:#a855f714;border:1px solid #a855f733;border-radius:8px;display:flex;font-size:.82rem;gap:8px;padding:6px 10px}.qm-preview-order-num{align-items:center;background:#a855f733;border-radius:50%;color:#c084fc;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.qm-preview-dragdrop{display:flex;flex-direction:column;gap:10px}.qm-preview-dd-words{display:flex;flex-wrap:wrap;gap:6px}.qm-preview-dd-word{background:#ef44441a;border:1px solid #ef444440;border-radius:6px;color:#fca5a5;font-size:.82rem;padding:5px 10px}.qm-preview-dd-zone{border:2px dashed #ffffff1f;border-radius:10px;font-size:.82rem;font-style:italic;opacity:.4;padding:14px;text-align:center}.qm-preview-fillin-sentence{font-size:.95rem;line-height:1.6;word-break:break-word}.qm-preview-blank{border-bottom:2px solid #8b5cf6;color:#c084fc;display:inline-block;margin:0 2px;min-width:60px;text-align:center}.qm-top-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.qm-audience-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:2px;padding:3px}.qm-audience-btn{all:unset;align-items:center;border-radius:8px;color:#ffffff80;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.85rem;font-weight:600;justify-content:center;padding:8px 22px;transition:all .2s;white-space:nowrap}.qm-audience-btn:hover{background:#ffffff0d;color:#fffc}.qm-audience-btn--active{background:#8b5cf633!important;box-shadow:0 0 12px #8b5cf626;color:#c084fc!important}.qm-view-toggle{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:2px;padding:3px}.qm-view-btn{all:unset;align-items:center;border-radius:8px;color:#ffffff80;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;justify-content:center;padding:8px 18px;transition:all .2s;white-space:nowrap}.qm-view-btn:hover{background:#ffffff0d;color:#fffc}.qm-view-btn--active{background:#3b82f626!important;box-shadow:0 0 10px #3b82f61a;color:#60a5fa!important}.qm-content-alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.qm-alert{align-items:center;border:1px solid;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:10px;padding:10px 16px;transition:all .2s}.qm-alert:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.qm-alert--red{background:#ef444414;border-color:#ef444440;color:#fca5a5}.qm-alert--yellow{background:#fbbf2414;border-color:#fbbf2440;color:#fbbf24}.qm-alert-icon{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:.72rem;font-weight:900;height:22px;justify-content:center;width:22px}.qm-alert--red .qm-alert-icon{background:#ef444433;color:#f87171}.qm-alert--yellow .qm-alert-icon{background:#fbbf2433;color:#fbbf24}.qm-browse-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:.6;padding:48px}.qm-browse-loading p{font-size:.9rem;margin-top:12px}.qm-browse-spinner{animation:qmSpin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#8b5cf6;height:32px;width:32px}@keyframes qmSpin{to{transform:rotate(1turn)}}.qm-browse-container{display:flex;flex-direction:column;gap:10px}.qm-browse-section{border:1px solid #ffffff14;border-radius:12px;overflow:hidden;transition:border-color .2s}.qm-browse-section:hover{border-color:#ffffff1f}.qm-browse-section-header{align-items:center;background:#ffffff08;cursor:pointer;display:flex;gap:12px;padding:14px 18px;transition:background .2s;-webkit-user-select:none;user-select:none}.qm-browse-section-header:hover{background:#ffffff0f}.qm-browse-section-header--expanded{background:#8b5cf60f;border-bottom:1px solid #ffffff0f}.qm-browse-section-chevron{color:#fff6;flex-shrink:0;font-size:.7rem;transition:color .2s;width:16px}.qm-browse-section-header--expanded .qm-browse-section-chevron{color:#c084fc}.qm-browse-section-info{flex:1 1;min-width:0}.qm-browse-section-title{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:4px}.qm-browse-section-meta{display:flex;flex-wrap:wrap;gap:6px}.qm-browse-meta-tag{background:#ffffff0f;border-radius:4px;color:#ffffff80;display:inline-flex;font-size:.7rem;padding:2px 8px;text-transform:capitalize}.qm-browse-section-stats{display:flex;flex-shrink:0;gap:14px}.qm-browse-stat{color:#ffffff73;font-size:.78rem;white-space:nowrap}.qm-browse-units{animation:qmSlideDown .25s ease;padding:6px 0}@keyframes qmSlideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.qm-browse-unit-empty{font-size:.82rem;font-style:italic;opacity:.4;padding:14px 36px}.qm-browse-unit{border-bottom:1px solid #ffffff0a}.qm-browse-unit:last-child{border-bottom:none}.qm-browse-unit-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 18px 10px 36px;transition:background .2s;-webkit-user-select:none;user-select:none}.qm-browse-unit-header:hover{background:#ffffff08}.qm-browse-unit-header--expanded{background:#3b82f60a}.qm-browse-unit-chevron{color:#ffffff59;flex-shrink:0;font-size:.6rem;width:14px}.qm-browse-unit-header--expanded .qm-browse-unit-chevron{color:#60a5fa}.qm-browse-unit-title{color:#fffc;flex:1 1;font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qm-browse-unit-stats{flex-shrink:0}.qm-browse-unit-count{background:#ffffff0f;border-radius:6px;color:#ffffff80;display:inline-flex;font-size:.75rem;font-weight:600;padding:2px 10px}.qm-browse-unit-count--yellow{background:#fbbf241f;border:1px solid #fbbf2440;color:#fbbf24}.qm-browse-unit-count--red{background:#ef44441f;border:1px solid #ef444440;color:#f87171}.qm-browse-questions{animation:qmSlideDown .2s ease;padding:4px 0 8px}.qm-browse-questions-empty,.qm-browse-questions-loading{font-size:.8rem;font-style:italic;opacity:.4;padding:10px 54px}.qm-browse-question-row{align-items:center;display:flex;gap:10px;padding:7px 18px 7px 54px;transition:background .15s}.qm-browse-question-row:hover{background:#ffffff05}.qm-browse-question-prompt{color:#ffffffa6;flex:1 1;font-size:.82rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qm-btn--xs{font-size:.72rem!important;padding:4px 10px!important}@media(max-width:900px){.qm-form-body{flex-direction:column}.qm-preview-panel{position:static;width:100%}.qm-type-grid{grid-template-columns:repeat(2,1fr)}.qm-filter-row,.qm-matching-columns,.qm-ordering-columns{flex-direction:column}.qm-filter-field{min-width:100%}.qm-filter-clear{min-width:100%!important}.qm-table-wrapper{font-size:.78rem}.qm-td-prompt{max-width:160px}.qm-top-controls{align-items:stretch;flex-direction:column}.qm-audience-toggle,.qm-view-toggle{justify-content:center}.qm-browse-question-row{padding-left:36px}.qm-browse-unit-header{padding-left:24px}}@media(max-width:520px){.qm-type-grid{grid-template-columns:1fr}.qm-stats-bar{align-items:flex-start}.qm-pagination,.qm-stats-bar,.qm-toolbar{flex-direction:column}.qm-pagination{align-items:flex-start}.qm-form-steps{flex-wrap:wrap}.qm-preview-matching-cols{flex-direction:column}.qm-category-tabs{flex-wrap:wrap}.qm-category-tab{flex:1 1;text-align:center}.qm-audience-btn{font-size:.8rem;padding:8px 14px}.qm-view-btn{font-size:.78rem;padding:8px 12px}.qm-browse-section-stats{flex-direction:column;gap:2px}.qm-browse-question-row{flex-wrap:wrap;gap:6px;padding-left:28px}}.pm-page{animation:pageFadeIn .45s ease both;margin:0 auto;max-width:1200px;padding:0 4px}.pm-toast{animation:pm-toast-in .3s ease both;background:#1e2337;border:1px solid #7c3aed;border-radius:10px;box-shadow:0 8px 30px #0006;color:#e5e7eb;font-family:Fredoka,sans-serif;font-size:14px;padding:12px 20px;position:fixed;right:24px;top:80px;z-index:9999}@keyframes pm-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pm-tabs{background:#0a0e1a;border:1px solid #2d3348;border-radius:10px;display:flex;gap:4px;margin-bottom:24px;padding:4px}.pm-tabs__btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;flex:1 1;font-family:Fredoka,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.pm-tabs__btn:hover{background:#ffffff0d;color:#e5e7eb}.pm-tabs__btn--active{background:#7c3aed;color:#fff}.pm-tabs__btn--active:hover{background:#6d28d9}.pm-section{margin-bottom:32px}.pm-section__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.pm-section__title{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:22px;margin:0}.pm-section__actions{display:flex;gap:8px}.pm-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:Fredoka,sans-serif;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.pm-btn--primary{background:#7c3aed;color:#fff}.pm-btn--primary:hover{background:#6d28d9}.pm-btn--secondary{background:#ffffff14;border:1px solid #2d3348;color:#e5e7eb}.pm-btn--secondary:hover{background:#ffffff1f;border-color:#414967}.pm-btn--sm{border-radius:6px;font-size:13px;padding:6px 12px}.pm-btn:disabled{cursor:not-allowed;opacity:.5}.pm-btn-icon{align-items:center;background:#ffffff0f;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pm-btn-icon:hover{background:#ffffff1f;color:#e5e7eb}.pm-btn-icon--danger:hover{background:#ef444426;color:#ef4444}.pm-btn-icon--sm{font-size:11px;height:26px;width:26px}.pm-label{color:#9ca3af;display:block;font-size:12px;font-weight:500;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.pm-input,.pm-select,.pm-textarea{background:#0a0e1a;border:1px solid #2d3348;border-radius:6px;box-sizing:border-box;color:#e5e7eb;font-family:Fredoka,sans-serif;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:100%}.pm-input:focus,.pm-select:focus,.pm-textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26}.pm-input::placeholder,.pm-select::placeholder,.pm-textarea::placeholder{color:#6b7280}.pm-input--table{font-size:13px;padding:6px 8px;width:100px}.pm-input--wide{width:200px}.pm-input--compact{font-size:13px;padding:5px 8px}.pm-textarea{min-height:60px;resize:vertical}.pm-select{cursor:pointer}.pm-field{flex:1 1;min-width:0}.pm-field--full{margin-top:12px;width:100%}.pm-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:200px;text-align:center}.pm-empty p{font-size:14px;margin:0;max-width:400px}.pm-empty__icon{color:#6b7280;font-size:36px;opacity:.5}.pm-loading-grid,.pm-loading-list,.pm-producer-grid{display:flex;flex-direction:column;gap:12px}.pm-producer-card{background:#1e2337;border:1px solid #2d3348;border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.pm-producer-card:hover{border-color:#3d4561}.pm-producer-card--expanded{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33,0 8px 24px #00000040}.pm-producer-card__header{align-items:center;cursor:pointer;display:flex;gap:14px;padding:16px 20px;transition:background .15s ease}.pm-producer-card__header:hover{background:#ffffff05}.pm-producer-card__icon-wrap{flex-shrink:0;height:44px;width:44px}.pm-producer-card__icon-img{border-radius:10px;height:44px;object-fit:cover;width:44px}.pm-producer-card__icon-placeholder{align-items:center;border-radius:10px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.pm-producer-card__info{flex:1 1;min-width:0}.pm-producer-card__name{color:#fff;display:block;font-family:Fellix-SemiBold,sans-serif;font-size:16px;margin-bottom:4px}.pm-producer-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pm-producer-card__group-badge{border:1px solid;border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.pm-producer-card__stat,.pm-producer-card__toggle{color:#9ca3af;font-size:12px}.pm-producer-card__toggle{align-items:center;background:#ffffff0f;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.pm-producer-card__toggle:hover{background:#ffffff1a;color:#e5e7eb}.pm-producer-editor{border-top:1px solid #2d3348;padding:0 20px 20px}.pm-editor-row{display:flex;gap:16px;margin-top:16px}.pm-levels-section{margin-top:20px}.pm-levels-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pm-levels-title{color:#e5e7eb;font-family:Fellix-SemiBold,sans-serif;font-size:15px;margin:0}.pm-levels-table-wrap{border:1px solid #2d3348;border-radius:8px;overflow-x:auto}.pm-levels-table{border-collapse:collapse;font-size:13px;width:100%}.pm-levels-table th{background:#00000026;border-bottom:1px solid #2d3348;color:#9ca3af;font-size:11px;font-weight:500;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.pm-levels-table td{border-bottom:1px solid #2d334880;color:#e5e7eb;padding:8px 12px;vertical-align:middle}.pm-levels-table tbody tr{transition:background .15s ease}.pm-levels-table tbody tr:hover{background:#7c3aed0a}.pm-levels-table tbody tr:last-child td{border-bottom:none}.pm-levels-table__level{color:#7c3aed;font-weight:600;text-align:center;width:40px}.pm-preview{background:#0003;border:1px solid #2d3348;border-radius:10px;margin-top:20px;padding:16px}.pm-preview-title{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:8px;margin:0 0 12px}.pm-preview-box{align-items:center;display:flex;gap:16px}.pm-preview-img{border:2px solid #2d3348;border-radius:12px;height:64px;object-fit:cover;width:64px}.pm-preview-info{display:flex;flex-direction:column;gap:4px}.pm-preview-name{color:#fff;font-family:Fellix-SemiBold,sans-serif;font-size:16px}.pm-preview-group{color:#9ca3af;font-size:12px;text-transform:capitalize}.pm-editor-actions{border-top:1px solid #2d3348;display:flex;gap:10px;margin-top:20px;padding-top:16px}.pm-hierarchy-list{display:flex;flex-direction:column;gap:8px}.pm-hierarchy-group{background:#1e2337;border:1px solid #2d3348;border-radius:10px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.pm-hierarchy-group--expanded{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33,0 8px 24px #00000040}.pm-hierarchy-group__header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 20px;transition:background .15s ease}.pm-hierarchy-group__header:hover{background:#ffffff05}.pm-hierarchy-group__color-dot{border-radius:50%;flex-shrink:0;height:14px;width:14px}.pm-hierarchy-group__label{color:#fff;flex:1 1;font-family:Fellix-SemiBold,sans-serif;font-size:15px;text-transform:capitalize}.pm-hierarchy-group__chevron,.pm-hierarchy-group__count{color:#9ca3af;font-size:12px}.pm-hierarchy-content{border-top:1px solid #2d3348;padding:0 20px 20px}.pm-set-toggle{background:#0a0e1a;border:1px solid #2d3348;border-radius:8px;display:flex;gap:4px;margin:16px 0;padding:3px}.pm-set-toggle__btn{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;flex:1 1;font-family:Fredoka,sans-serif;font-size:13px;padding:7px 14px;transition:all .2s ease}.pm-set-toggle__btn:hover{color:#e5e7eb}.pm-set-toggle__btn--active{background:#7c3aed;color:#fff}.pm-merge-chain{background:#0003;border:1px solid #2d3348;border-radius:10px;margin:16px 0;padding:16px}.pm-merge-chain__title{color:#9ca3af;font-size:13px;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.pm-merge-chain__flow{-webkit-overflow-scrolling:touch;align-items:center;display:flex;gap:6px;overflow-x:auto;padding:8px 0}.pm-merge-chain__node{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.pm-merge-chain__node--missing .pm-merge-chain__placeholder{border-color:#ef4444}.pm-merge-chain__node--missing .pm-merge-chain__label{color:#ef4444}.pm-merge-chain__img{background:#0a0e1a;border:2px solid #2d3348;border-radius:8px;height:40px;object-fit:cover;width:40px}.pm-merge-chain__placeholder{align-items:center;background:#0003;border:2px dashed #2d3348;border-radius:8px;color:#6b7280;display:flex;font-size:12px;height:40px;justify-content:center;width:40px}.pm-merge-chain__label{color:#9ca3af;font-size:11px;font-weight:600}.pm-merge-chain__arrow{color:#6b7280;flex-shrink:0;font-size:10px;margin-bottom:18px;padding:0 2px}.pm-merge-chain__hint{color:#6b7280;font-size:11px;margin:8px 0 0}.pm-hierarchy-tree{display:flex;flex-direction:column;gap:0;margin-top:16px;position:relative}.pm-hierarchy-tree__row{padding-left:24px;position:relative}.pm-hierarchy-tree__connector{background:#2d3348;height:12px;left:30px;position:absolute;top:-4px;width:2px}.pm-hierarchy-tree__connector:before{background:#7c3aed;border-radius:50%;bottom:0;content:"";height:8px;left:-3px;position:absolute;width:8px}.pm-hierarchy-tree__node{align-items:center;background:#00000026;border:1px solid #2d3348;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:10px 14px;transition:border-color .2s ease}.pm-hierarchy-tree__node:hover{border-color:#3d4561}.pm-hierarchy-tree__node--missing{border-color:#ef444466}.pm-hierarchy-tree__img-slot{border:2px solid #2d3348;border-radius:10px;cursor:pointer;flex-shrink:0;height:56px;overflow:hidden;position:relative;transition:border-color .2s ease;width:56px}.pm-hierarchy-tree__img-slot:hover{border-color:#7c3aed}.pm-hierarchy-tree__img-slot--empty{align-items:center;border-color:#6b7280;border-style:dashed;display:flex;justify-content:center}.pm-hierarchy-tree__img-slot--empty:hover{background:#7c3aed0d;border-color:#7c3aed}.pm-hierarchy-tree__item-img{height:100%;object-fit:cover;width:100%}.pm-hierarchy-tree__upload-prompt{background:#00000026;color:#6b7280;flex-direction:column;font-size:10px;gap:2px}.pm-hierarchy-tree__upload-prompt,.pm-hierarchy-tree__uploading{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.pm-hierarchy-tree__uploading{background:#0000004d}.pm-hierarchy-tree__spinner{animation:ap-spin .8s linear infinite;border:2px solid #2d3348;border-radius:50%;border-top-color:#7c3aed;height:20px;width:20px}.pm-hierarchy-tree__info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.pm-hierarchy-tree__level-badge{align-items:center;background:#7c3aed26;border-radius:6px;color:#7c3aed;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:36px}.pm-hierarchy-tree__add-row{margin-top:4px;padding-left:24px}.pm-stats-bar{align-items:center;background:#0a0e1a;border:1px solid #2d3348;border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:14px 20px}.pm-stats-bar__item{display:flex;flex-direction:column;gap:2px}.pm-stats-bar__item--alert .pm-stats-bar__label{color:#ef4444}.pm-stats-bar__label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.pm-stats-bar__value{align-items:baseline;color:#e5e7eb;display:flex;font-family:Fellix-SemiBold,sans-serif;font-size:16px;gap:6px}.pm-stats-bar__value--danger{color:#ef4444;font-size:20px;font-weight:700}.pm-stats-bar__pct{color:#9ca3af;font-size:12px;font-weight:400}.pm-stats-bar__progress-wrap{align-items:center;display:flex;flex:1 1;min-width:120px}.pm-stats-bar__progress-track{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden;width:100%}.pm-stats-bar__progress-fill{background:linear-gradient(90deg,#f59e0b,#7c3aed);border-radius:4px;height:100%;transition:width .5s ease}.pm-stats-bar__progress-fill--complete{background:linear-gradient(90deg,#10b981,#14e8a2)}.pm-producer-card__image-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;letter-spacing:.02em;padding:2px 8px}.pm-producer-card__image-badge--complete{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.pm-producer-card__image-badge--missing{animation:pm-badge-pulse 2s ease-in-out infinite;background:#ef44441f;border:1px solid #ef444440;color:#ef4444}@keyframes pm-badge-pulse{0%,to{opacity:1}50%{opacity:.65}}.pm-hierarchy-group__image-summary{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:5px;padding:2px 10px}.pm-hierarchy-group__image-summary--complete{background:#10b9811f;border:1px solid #10b98140;color:#10b981}.pm-hierarchy-group__image-summary--incomplete{background:#f59e0b1f;border:1px solid #f59e0b40;color:#f59e0b}.pm-hierarchy-group__missing-link{color:#ef4444;cursor:pointer;margin-left:2px;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.pm-hierarchy-group__missing-link:hover{color:#f47c7c}.pm-hierarchy-tree__status-badge{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:10px;height:22px;justify-content:center;width:22px}.pm-hierarchy-tree__status-badge--ok{background:#10b98126;color:#10b981}.pm-hierarchy-tree__status-badge--missing{background:#ef444426;color:#ef4444}.pm-hierarchy-tree__node--has-image{border-color:#10b98133}.pm-hierarchy-tree__node--has-image .pm-hierarchy-tree__img-slot{border-color:#10b98159}.pm-hierarchy-tree__node--missing{background:#ef44440a;border:2px dashed #ef444466}.pm-hierarchy-tree__node--missing .pm-hierarchy-tree__img-slot--empty{border-color:#ef4444;border-style:dashed}.pm-hierarchy-tree__node--flash{animation:pm-node-flash 1.5s ease}@keyframes pm-node-flash{0%{box-shadow:0 0 0 0 #ef444499}25%{box-shadow:0 0 0 6px #ef44444d}50%{box-shadow:0 0 0 0 #ef444400}75%{box-shadow:0 0 0 4px #ef444433}to{box-shadow:0 0 0 0 #ef444400}}.pm-hierarchy-tree__upload-icon-pulse{animation:pm-upload-pulse 1.5s ease-in-out infinite}@keyframes pm-upload-pulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.pm-levels-table__img-cell{padding:6px 8px!important;width:52px}.pm-levels-table__img-slot{border-radius:8px;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .2s ease;width:40px}.pm-levels-table__img-slot--has{background:#0a0e1a;border:2px solid #10b98159}.pm-levels-table__img-slot--has:hover{border-color:#7c3aed;transform:scale(1.05)}.pm-levels-table__img-slot--empty{align-items:center;background:#ef44440a;border:2px dashed #ef444480;display:flex;justify-content:center}.pm-levels-table__img-slot--empty:hover{background:#7c3aed14;border-color:#7c3aed}.pm-levels-table__img-thumb{height:100%;object-fit:cover;width:100%}.pm-levels-table__img-status{align-items:center;border-radius:50%;bottom:-2px;display:flex;font-size:8px;height:16px;justify-content:center;position:absolute;right:-2px;width:16px}.pm-levels-table__img-status--ok{background:#10b981;box-shadow:0 0 4px #10b98180;color:#fff}.pm-levels-table__img-missing{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.pm-levels-table__img-missing-icon{animation:pm-upload-pulse 1.5s ease-in-out infinite;color:#ef4444;font-size:12px}.pm-levels-table__row--missing-img{background:#ef444408}.pm-levels-table__row--missing-img:hover{background:#ef44440f!important}@media(max-width:768px){.pm-page{padding:0}.pm-section__header,.pm-tabs{flex-direction:column}.pm-section__header{align-items:flex-start}.pm-editor-row{flex-direction:column;gap:12px}.pm-producer-card__header{padding:12px 14px}.pm-producer-card__meta{gap:6px}.pm-producer-editor{padding:0 14px 14px}.pm-levels-table-wrap{border-left:none;border-radius:0;border-right:none;margin:0 -14px}.pm-input--table{font-size:12px;padding:5px 6px;width:80px}.pm-input--wide{width:140px}.pm-hierarchy-content{padding:0 14px 14px}.pm-merge-chain__flow{gap:4px}.pm-merge-chain__img,.pm-merge-chain__placeholder{height:32px;width:32px}.pm-hierarchy-tree__row{padding-left:12px}.pm-hierarchy-tree__node{gap:8px;padding:8px 10px}.pm-hierarchy-tree__img-slot{height:44px;width:44px}.pm-hierarchy-tree__info{align-items:flex-start;flex-direction:column;gap:4px}.pm-editor-actions{flex-direction:column}.pm-editor-actions .pm-btn{justify-content:center}.pm-stats-bar{align-items:stretch;flex-direction:column;gap:12px;padding:12px 14px}.pm-stats-bar__item{align-items:center;flex-direction:row;justify-content:space-between}.pm-stats-bar__progress-wrap{min-width:0;min-width:auto}.pm-hierarchy-group__image-summary{font-size:10px;padding:2px 6px}.pm-producer-card__image-badge{font-size:10px;padding:1px 6px}.pm-hierarchy-tree__status-badge{font-size:8px;height:18px;width:18px}.pm-levels-table__img-slot{height:32px;width:32px}.pm-levels-table__img-cell{width:42px}}@media(max-width:480px){.pm-hierarchy-group__count,.pm-producer-card__stat{display:none}.pm-merge-chain{padding:12px}.pm-merge-chain__img,.pm-merge-chain__placeholder{border-radius:6px;height:28px;width:28px}.pm-merge-chain__label{font-size:9px}}.review-page{margin:0 auto;max-width:1100px;min-height:100vh;padding:18px 16px 48px}.review-hero{background:radial-gradient(1200px 500px at 20% -10%,#8a5bff73,#0000 84%),radial-gradient(900px 400px at 90% 0,#c96bff47,#0000 84%),linear-gradient(180deg,#1e0a468c,#140a2d26);border:1px solid #8a5bff40;border-radius:18px;box-shadow:0 18px 40px #00000040;margin-bottom:14px;padding:18px}.review-hero-inner{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.review-title{color:#f6edff;font-size:2.1rem;text-shadow:-1px -1px 0 #7b00ff,1px -1px 0 #7b00ff,-1px 1px 0 #7b00ff,1px 1px 0 #7b00ff}.review-subtitle,.review-title{font-family:Fredoka One,cursive}.review-subtitle{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;color:#f6edffd9;font-size:.9rem;padding:6px 12px}.review-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:14px 0 16px}.review-tab{align-items:center;background:#fff;border:2px solid #7b00ff59;border-radius:14px;box-shadow:0 8px 18px #7b00ff29;color:#7b00ff;cursor:pointer;display:flex;font-family:Fredoka One,cursive;font-size:.95rem;gap:8px;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.review-tab:hover{background:#f8f4ff;box-shadow:0 12px 26px #7b00ff38;transform:translateY(-1px)}.review-tab.active{background:linear-gradient(145deg,#8a5bff,#6f2dff);box-shadow:0 10px #3e12a0a6;color:#fff}.review-tab-badge{align-items:center;background:#7b00ff2e;border-radius:999px;display:inline-flex;font-family:Fredoka One,cursive;font-size:.75rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.review-tab.active .review-tab-badge{background:#ffffff47}.review-content{margin-top:8px}.review-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;padding:14px}.review-state{color:#f6edffe6;font-family:Fredoka One,cursive;padding:30px 16px;text-align:center}.review-state.error{color:#ffb4b4}.review-empty{background:#fff;border:2px solid #7b00ff2e;border-radius:16px;box-shadow:0 10px 26px #7b00ff1f;padding:26px 18px;text-align:center}.review-empty-icon{filter:drop-shadow(0 8px 14px rgba(123,0,255,.2));height:96px;margin:0 auto 10px;opacity:.65;width:96px}.review-empty-title{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.25rem}.review-empty-sub{color:#7b00ff;font-family:Fredoka One,cursive;font-size:.9rem;margin-top:6px;opacity:.75}.review-empty--upgraded{align-items:center;animation:reviewEmptyFadeIn .6s ease-out both;background:radial-gradient(800px 400px at 50% -20%,#8a5bff2e,#0000 70%),linear-gradient(180deg,#180a37f2,#0e0624fa);border:2px solid #8a5bff38;border-radius:20px;box-shadow:0 14px 36px #00000059,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;padding:42px 28px 36px;text-align:center}@keyframes reviewEmptyFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.review-empty-illustration{animation:reviewEmptyFloat 3.5s ease-in-out infinite;height:110px;margin-bottom:20px;position:relative;width:110px}@keyframes reviewEmptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.review-empty-check-circle{align-items:center;background:linear-gradient(145deg,#34d399,#10b981);border-radius:50%;box-shadow:0 0 28px #34d39966,0 8px 20px #0003;display:flex;height:90px;justify-content:center;margin:10px auto 0;width:90px}.review-empty-check-svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:40px;width:40px}.review-empty-sparkle{animation:reviewSparkle 2s ease-in-out infinite;background:#fbbf24;border-radius:2px;box-shadow:0 0 8px #fbbf2480;height:10px;position:absolute;transform:rotate(45deg);width:10px}.review-empty-sparkle--1{animation-delay:0s;height:8px;right:12px;top:2px;width:8px}.review-empty-sparkle--2{animation-delay:.6s;height:6px;left:6px;top:22px;width:6px}.review-empty-sparkle--3{animation-delay:1.2s;bottom:14px;height:7px;right:6px;width:7px}@keyframes reviewSparkle{0%,to{opacity:.4;transform:rotate(45deg) scale(.7)}50%{opacity:1;transform:rotate(45deg) scale(1.15)}}.review-empty-speech-bubble{align-items:center;background:linear-gradient(145deg,#a78bfa,#8b5cf6);border-radius:22px;box-shadow:0 0 28px #8b5cf659,0 8px 20px #0003;display:flex;height:70px;justify-content:center;margin:10px auto 0;position:relative;width:88px}.review-empty-speech-bubble:after{border-left:12px solid #0000;border-right:6px solid #0000;border-top:12px solid #8b5cf6;bottom:-10px;content:"";height:0;left:22px;position:absolute;width:0}.review-empty-speech-dots{display:flex;gap:7px}.review-empty-speech-dots span{animation:reviewDotBounce 1.4s ease-in-out infinite;background:#ffffffd9;border-radius:50%;height:10px;width:10px}.review-empty-speech-dots span:nth-child(2){animation-delay:.15s}.review-empty-speech-dots span:nth-child(3){animation-delay:.3s}@keyframes reviewDotBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.review-empty--upgraded .review-empty-title{color:#f6edff;font-family:Fredoka One,cursive;font-size:1.5rem;margin-bottom:4px;text-shadow:0 2px 12px #8a5bff40}.review-empty-star{color:#fbbf24;filter:drop-shadow(0 0 6px rgba(251,191,36,.5));font-size:1.35rem}.review-empty-subtitle{color:#f6edffb3;font-family:Fredoka One,cursive;font-size:1rem;margin-bottom:12px}.review-empty-explanation{color:#f6edff8c;font-family:Fredoka One,cursive;font-size:.88rem;line-height:1.55;margin:0 auto 20px;max-width:380px}.review-empty-cta{-webkit-tap-highlight-color:rgba(0,0,0,0);background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:14px;box-shadow:0 6px 0 #3e12a0a6,0 12px 24px #7b00ff33;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:1rem;padding:13px 28px;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}.review-empty-cta:hover{box-shadow:0 8px 0 #3e12a0a6,0 16px 32px #7b00ff47;transform:translateY(-2px)}.review-empty-cta:active{box-shadow:0 3px 0 #3e12a0a6,0 6px 12px #7b00ff26;transform:translateY(2px)}.review-list{display:flex;flex-direction:column;gap:12px}.review-card{background:#fff;border:2px solid #7b00ff29;border-radius:18px;box-shadow:0 10px 26px #7b00ff1f;overflow:hidden}.review-card--mistake{border:4px solid #ff6b6b}.review-card--phrase{border:4px solid #8a5bff}.review-card-main{padding:14px}.review-card-title{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.05rem}.review-card-meta{color:#7b00ff;font-family:Fredoka One,cursive;font-size:.8rem;margin-top:4px;opacity:.8}.review-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.review-chip{background:#f6efff;border:1px solid #7b00ff33;border-radius:999px;color:#7b00ff;font-family:Fredoka One,cursive;font-size:.78rem;padding:6px 10px}.review-chip--bad{background:#fff1f1;border-color:#ff6b6b4d;color:#ff3c3c}.review-card-actions{display:flex;justify-content:flex-end;padding:0 14px 14px}.review-primary{background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:12px;box-shadow:0 6px #3e12a0a6;color:#fff;cursor:pointer;font-family:Fredoka One,cursive;font-size:.85rem;padding:10px 14px;transition:transform .15s ease}.review-primary:hover{transform:translateY(-1px)}.review-card-topbar{align-items:center;background:radial-gradient(900px 220px at 15% -30%,#8a5bff47,#0000 60%),radial-gradient(700px 180px at 95% 0,#ff6b6b29,#0000 55%),linear-gradient(135deg,#fbf9ff,#f1ebff 45%,#fbf8ff);border-bottom:2px solid #7b00ff1f;display:flex;gap:14px;justify-content:space-between;padding:14px 14px 12px;position:relative}.review-card-topbar:after{background:#ffffffa6;content:"";height:1px;left:14px;opacity:.7;position:absolute;right:14px;top:0}.review-phrase-head{align-items:center;display:flex;gap:12px;min-width:0}.review-playpill{align-items:center;background:linear-gradient(180deg,#fff,#fbf8ff);border:2px solid #7b00ff2e;border-radius:16px;box-shadow:0 8px 0 #3e12a02e,0 12px 22px #7b00ff1f;color:#6f2dff;cursor:pointer;display:inline-flex;flex:0 0 auto;height:46px;justify-content:center;transition:transform .12s ease,filter .12s ease;width:46px}.review-playpill:hover{filter:brightness(1.02);transform:translateY(-1px)}.review-playpill:disabled{cursor:not-allowed;opacity:.65}.review-playpill.is-playing{background:linear-gradient(145deg,#8a5bff,#6f2dff);border-color:#7b00ff42;box-shadow:0 8px 0 #3e12a08c,0 14px 26px #7b00ff29;color:#fff}.review-phrase-headtext{display:flex;flex-direction:column;gap:8px;min-width:0}.review-phrase-titleline{align-items:flex-start;display:flex;gap:10px}.review-phrase-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2f128a;display:-webkit-box;font-size:1.45rem;letter-spacing:.2px;line-height:1.12;text-shadow:0 1px 0 #ffffff8c,0 8px 18px #7b00ff14}.review-phrase-subtitle,.review-phrase-title{font-family:Fredoka One,cursive;max-width:760px;overflow:hidden;text-overflow:ellipsis}.review-phrase-subtitle{align-self:flex-start;background:#ffffffb8;border:1px solid #7b00ff24;border-radius:999px;box-shadow:0 8px 16px #7b00ff14;color:#3e18a0eb;font-size:.9rem;line-height:1.2;padding:8px 10px;white-space:nowrap}.review-topright{align-items:center;display:flex;flex:0 0 auto;gap:10px}.review-saved-mini{background:#fff9;border:1px solid #7b00ff24;border-radius:999px;box-shadow:0 6px 14px #7b00ff14;color:#7b00ffd1;font-family:Fredoka One,cursive;font-size:.78rem;padding:7px 10px;white-space:nowrap}.review-trash-top{border-radius:16px;height:46px;width:46px}.review-iconbtn{align-items:center;background:#fff;border:2px solid #7b00ff29;border-radius:14px;box-shadow:0 7px 0 #3e12a02e,0 10px 18px #7b00ff1a;color:#6f2dff;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:transform .12s ease,background .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none;width:40px}.review-iconbtn:hover{background:#f8f4ff;filter:brightness(1.01);transform:translateY(-1px)}.review-iconbtn:disabled{cursor:not-allowed;opacity:.6}.review-iconbtn.danger{border-color:#ff4e4e40;color:#ff4e4e}.review-phrase-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:12px 14px 14px}.review-phrase-grid--single{grid-template-columns:1fr}.review-practice-col{display:flex;min-width:0}.review-practice-box{background:linear-gradient(135deg,#fff,#fbf8ff);border:2px solid #7b00ff24;border-radius:16px;display:flex;flex:1 1;flex-direction:column;padding:14px}.review-practice-box.is-recording{border-color:#ff6b6b73;box-shadow:0 12px 28px #ff6b6b2e}.review-practice-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.review-practice-title{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:1.05rem}.review-transcript{align-items:center;background:#f8f4ff;border:2px dashed #7b00ff3d;border-radius:16px;display:flex;min-height:72px;padding:12px}.review-transcript.live{background:linear-gradient(135deg,#fff9e6,#ffe6f0);border:2px solid #ff6b6b80}.review-transcript-text{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:.95rem;font-style:italic;line-height:1.35}.review-transcript-placeholder{color:#7b00ffcc;font-family:Fredoka One,cursive;font-size:.9rem;opacity:.85}.review-controls{margin-top:12px}.review-mic{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:linear-gradient(145deg,#8a5bff,#6f2dff);border:none;border-radius:16px;box-shadow:0 8px 0 #3e12a0a6;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:12px;transition:transform .12s ease,background .12s ease;-webkit-user-select:none;user-select:none;width:100%}.review-mic:hover{transform:translateY(-1px)}.review-mic.is-recording,.review-mic:active{background:linear-gradient(145deg,#ff6b6b,#ff5252);box-shadow:0 8px 0 #a012128c;transform:scale(1.01)}.review-mic-label{font-family:Fredoka One,cursive;font-size:.95rem}.review-analysis-wrap{max-height:0;overflow:hidden;transition:max-height .22s ease}.review-analysis-wrap.open{max-height:520px}.review-analysis-inner{padding-top:12px}.review-analysis{background:#fff;border:2px solid #7b00ff29;border-radius:16px;box-shadow:0 8px 18px #7b00ff1a;padding:12px}.review-analysis-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.review-score-pill{background:linear-gradient(145deg,#8a5bff,#6f2dff);border-radius:12px;box-shadow:0 4px #3e12a073;color:#fff;font-family:Fredoka One,cursive;font-size:.85rem;font-weight:700;padding:6px 12px}.review-score-note{color:#7b00ff;font-family:Fredoka One,cursive;font-size:.72rem;opacity:.8}.review-analysis-row{margin-top:10px}.review-analysis-label{color:#4a1fb8;font-family:Fredoka One,cursive;font-size:.75rem;font-weight:700;margin-bottom:6px}.review-analysis-text{display:flex;flex-wrap:wrap;gap:6px}.review-tok{border:1px solid #0000;border-radius:10px;font-family:Fredoka One,cursive;font-size:.85rem;font-weight:500;padding:5px 9px}.review-tok-target{background:#7b00ff1a;border-color:#7b00ff2e;color:#4a1fb8}.review-tok-eq{background:#4caf502e;border-color:#4caf5042;color:#2e7d32}.review-tok-near{background:#ffc1072e;border-color:#ffc10742;color:#f57c00}.review-tok-sub{background:#ff98002e;border-color:#ff980042;color:#e65100}.review-tok-miss{background:#f443362e;border-color:#f4433642;color:#c62828;text-decoration:line-through}.review-tok-extra{background:#9c27b02e;border-color:#9c27b042;color:#6a1b9a}.review-spinner{animation:reviewSpin .8s linear infinite;border:2px solid #6f2dff40;border-radius:50%;border-top-color:#6f2dff;height:14px;width:14px}@keyframes reviewSpin{to{transform:rotate(1turn)}}.review-hint{color:#f6edffd9;font-family:Fredoka One,cursive;font-size:.78rem;margin-top:8px;opacity:.9}@media(max-width:900px){.review-phrase-grid{grid-template-columns:1fr}.review-phrase-subtitle,.review-phrase-title{max-width:520px}}@media(max-width:768px){.review-page{padding:12px 12px 40px}.review-hero{border-radius:14px;margin-bottom:12px;padding:14px}.review-hero-inner{align-items:flex-start;flex-direction:column;gap:8px}.review-title{font-size:1.9rem}.review-subtitle{font-size:.85rem;padding:5px 10px}.review-tabs{gap:8px;margin:12px 0 14px}.review-tab{-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:.9rem;min-height:44px;padding:10px 14px}.review-panel{padding:12px}.review-card,.review-panel{border-radius:14px}.review-card-main{padding:12px}.review-card-title{font-size:1rem}.review-card-topbar{flex-wrap:wrap;gap:10px;padding:12px 12px 10px}.review-phrase-title{font-size:1.25rem;max-width:100%}.review-phrase-subtitle{font-size:.85rem;max-width:100%;white-space:normal}.review-playpill{border-radius:14px;height:44px;width:44px}.review-iconbtn{min-height:44px;min-width:44px}.review-iconbtn,.review-trash-top{height:44px;width:44px}.review-phrase-grid{gap:10px;grid-template-columns:1fr;padding:10px 12px 12px}.review-practice-box{border-radius:14px;padding:12px}.review-practice-title{font-size:1rem}.review-transcript{border-radius:12px;min-height:64px;padding:10px}.review-mic{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:14px;min-height:48px;padding:12px}.review-mic-label{font-size:.9rem}.review-primary{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:12px;font-size:.85rem;min-height:44px;padding:10px 14px}.review-chip{font-size:.75rem;padding:5px 8px}.review-analysis{border-radius:14px;padding:10px}.review-score-pill{font-size:.82rem;padding:5px 10px}.review-tok{font-size:.82rem;padding:4px 8px}}@media(max-width:480px){.review-page{padding:8px 8px 36px}.review-hero{border-radius:12px;padding:12px}.review-title{font-size:1.6rem}.review-subtitle{font-size:.8rem}.review-tabs{flex-direction:column;gap:6px}.review-tab{font-size:.9rem;justify-content:center;min-height:48px;width:100%}.review-card-topbar{gap:8px;padding:10px}.review-topright{gap:6px}.review-phrase-head{gap:8px}.review-phrase-title{font-size:1.15rem;max-width:100%}.review-phrase-subtitle{font-size:.8rem;max-width:100%;padding:6px 8px}.review-saved-mini{display:none}.review-phrase-grid{gap:8px;padding:8px 10px 10px}.review-practice-box{padding:10px}.review-practice-title{font-size:.95rem}.review-card-actions{padding:0 10px 10px}.review-primary{text-align:center;width:100%}.review-empty{padding:20px 14px}.review-empty-icon{height:72px;width:72px}.review-empty-title{font-size:1.1rem}.review-empty-sub{font-size:.85rem}.review-empty--upgraded{padding:30px 16px 28px}.review-empty-illustration{height:90px;margin-bottom:16px;width:90px}.review-empty-check-circle{height:72px;width:72px}.review-empty-check-svg{height:32px;width:32px}.review-empty-speech-bubble{border-radius:18px;height:56px;width:72px}.review-empty--upgraded .review-empty-title{font-size:1.25rem}.review-empty-subtitle{font-size:.9rem}.review-empty-explanation{font-size:.82rem}.review-empty-cta{padding:12px 20px;text-align:center;width:100%}}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:12px;opacity:.8}.empty-state-title{color:#ffffffe6;font-family:Fredoka One,cursive;font-size:1.2rem;margin:0 0 8px}.empty-state-text{color:#fff9;font-size:.95rem;line-height:1.4;margin:0;max-width:300px}@media(max-width:768px){.empty-state{min-height:160px;padding:30px 16px}.empty-state-icon{font-size:2.4rem}.empty-state-title{font-size:1.05rem}}@keyframes skeletonPulse{0%{opacity:.15}50%{opacity:.3}to{opacity:.15}}.skeleton-pulse{animation:skeletonPulse 1.8s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0f,#ffffff24 50%,#ffffff0f);border-radius:8px}.skeleton-wrapper{display:flex;flex-direction:column;gap:10px;padding:16px;width:100%}.skeleton-text{border-radius:6px}.skeleton-card{border-radius:14px;min-height:120px}.skeleton-circle{border-radius:50%}.skeleton-bar{border-radius:8px}.skeleton-page{align-items:center;display:flex;flex-direction:column;padding:40px 20px;width:100%}.skeleton-cards-row{display:flex;gap:14px;max-width:600px;width:100%}.skeleton-cards-row .skeleton-card{flex:1 1;height:120px}@media(max-width:768px){.skeleton-cards-row{flex-direction:column}.skeleton-cards-row .skeleton-card{height:80px}}.daily-reward-overlay{align-items:center;animation:drFadeIn .14s ease-out;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 38%,#5aaaff38,#000000db 55%),#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}@keyframes drFadeIn{0%{opacity:0}to{opacity:1}}.daily-reward-content{animation:drPopIn .18s cubic-bezier(.2,.95,.25,1);background:radial-gradient(circle at 20% 10%,#ffc8321f,#0000 55%),radial-gradient(circle at 80% 15%,#46beff24,#0000 55%),linear-gradient(180deg,#121a2ef7,#0a0e1cf7);border:1px solid #ffffff24;border-radius:22px;box-shadow:0 26px 70px #000000b3,inset 0 0 0 1px #ffc8321a;overflow:hidden;padding:24px 24px 20px;position:relative;transform-origin:center;width:min(680px,94vw)}@keyframes drPopIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.daily-reward-content:before{animation:drShimmer 4.8s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#ffffff0f 48%,#0000 56%);content:"";inset:-40% -40%;pointer-events:none;position:absolute;transform:rotate(12deg);z-index:0}@keyframes drShimmer{0%{opacity:.14;transform:translateX(-18%) rotate(12deg)}45%{opacity:.24}to{opacity:.14;transform:translateX(18%) rotate(12deg)}}.daily-reward-close{background:#0000;border:none;cursor:pointer;display:grid;height:52px;padding:0;place-items:center;position:absolute;right:10px;top:10px;width:52px;z-index:10}.daily-reward-close img{height:52px;object-fit:contain;transition:transform .12s ease,filter .12s ease;width:52px}.daily-reward-close:hover img{filter:brightness(1.08);transform:scale(1.06)}.daily-reward-close:active img{transform:scale(.98)}.daily-reward-header{margin-bottom:18px;position:relative;text-align:center;z-index:2}.daily-reward-title{color:#ffdc78fa;font-family:Fredoka One,cursive;font-size:28px;letter-spacing:.6px;text-shadow:0 3px 0 #000000b3,0 0 22px #ffc83238}.daily-reward-streak-badge{background:linear-gradient(135deg,#ffc83240,#ff961e33);border:1px solid #ffc83259;border-radius:999px;color:#ffdc8cf2;display:inline-block;font-family:Fredoka One,cursive;font-size:13px;letter-spacing:.3px;margin-top:8px;padding:4px 16px;text-shadow:0 1px 0 #0000008c}.daily-reward-error,.daily-reward-loading{color:#ffffffbf;font-size:15px;font-weight:900;padding:40px 0;position:relative;text-align:center;text-shadow:0 2px 0 #0000008c;z-index:2}.daily-reward-error{color:#ff7878f2}.daily-reward-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:18px;position:relative;z-index:2}.daily-reward-card{align-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:2px solid #ffffff1a;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:10px 4px 8px;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.daily-reward-card--current{animation:drCurrentPulse 2.2s ease-in-out infinite;background:radial-gradient(circle at 50% 20%,#ffc83226,#0000 60%),linear-gradient(180deg,#ffffff14,#ffffff05);border-color:#ffc832b3;box-shadow:0 0 16px #ffc83240,0 0 40px #ffc8321a,inset 0 0 12px #ffc83214}@keyframes drCurrentPulse{0%,to{box-shadow:0 0 16px #ffc83240,0 0 40px #ffc8321a,inset 0 0 12px #ffc83214}50%{box-shadow:0 0 22px #ffc83259,0 0 50px #ffc83226,inset 0 0 16px #ffc8321f}}.daily-reward-card--claimed{background:linear-gradient(180deg,#50c87814,#50c87808);border-color:#50c87880;opacity:.65}.daily-reward-card--locked{opacity:.4}.daily-reward-card-day{color:#fffc;font-family:Fredoka One,cursive;font-size:11px;letter-spacing:.3px;text-shadow:0 1px 0 #0000008c}.daily-reward-card--current .daily-reward-card-day{color:#ffdc78fa}.daily-reward-card-icon{display:grid;height:42px;place-items:center;width:42px}.daily-reward-card-coin{filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));height:36px;object-fit:contain;width:36px}.daily-reward-card-wormhole{animation:drWormholeSpin 8s linear infinite;filter:drop-shadow(0 2px 6px rgba(120,50,255,.4));height:40px;object-fit:contain;width:40px}@keyframes drWormholeSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.daily-reward-card-amount{align-items:center;display:flex;flex-direction:column;gap:2px}.daily-reward-card-coins{color:#ffdc78f2;font-family:Fredoka One,cursive;font-size:14px;font-weight:900;text-shadow:0 2px 0 #0000008c}.daily-reward-card-moonrocks{align-items:center;color:#be8cfff2;display:flex;font-family:Fredoka One,cursive;font-size:11px;font-weight:900;gap:2px;text-shadow:0 1px 0 #0000008c}.daily-reward-card-moonrock-icon{height:14px;object-fit:contain;width:14px}.daily-reward-card-today{background:linear-gradient(135deg,#ffdc50f2,#ffb428f2);border-radius:6px;box-shadow:0 2px 6px #ffc83259;color:#140a00f2;font-family:Fredoka One,cursive;font-size:9px;left:50%;letter-spacing:.5px;padding:1px 8px;position:absolute;top:-8px;transform:translateX(-50%);white-space:nowrap}.daily-reward-card--bonus{border:2px solid #ffc83299;border-image:linear-gradient(135deg,#ff6b6b,orange,gold,#50c878,#4da6ff,#9b59b6,#ff6b6b) 1;border-image:none;border-radius:14px;overflow:visible;position:relative}.daily-reward-card--bonus:after{animation:drRainbowRotate 3s linear infinite;background:linear-gradient(135deg,#ff6b6b,orange,gold,#50c878,#4da6ff,#9b59b6,#ff6b6b);background-size:300% 300%;border-radius:16px;content:"";inset:-3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.daily-reward-card--bonus .daily-reward-card-day{color:#ffdc78;font-size:10px;letter-spacing:1px;text-shadow:0 1px 0 #0000008c,0 0 8px #ffc8324d}@keyframes drRainbowRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.daily-reward-card-check{background:#1e503273;border-radius:14px;display:grid;inset:0;place-items:center;position:absolute}.daily-reward-card-check svg{color:#50dc78f2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));height:28px;width:28px}.daily-reward-card-lock{bottom:6px;position:absolute;right:6px}.daily-reward-card-lock svg{color:#ffffff4d;height:14px;width:14px}.daily-reward-countup{font-feature-settings:"tnum";display:inline-block;font-variant-numeric:tabular-nums}.daily-reward-actions{position:relative;text-align:center;z-index:2}.daily-reward-claim-btn{background:radial-gradient(circle at 30% 20%,#fff3,#0000 45%),linear-gradient(180deg,#ffc832fa,#ff961efa);border:3px solid #0000008c;border-radius:999px;box-shadow:inset 0 -4px 0 #0000004d,0 14px 26px #00000073,0 0 20px #ffc8322e;color:#fffffffa;cursor:pointer;display:inline-block;font-family:Fredoka One,cursive;font-size:18px;font-weight:900;letter-spacing:.5px;padding:14px 40px;text-shadow:0 2px 0 #000000a6;transition:transform .12s ease,filter .12s ease}.daily-reward-claim-btn:hover{filter:brightness(1.05);transform:translateY(-2px)}.daily-reward-claim-btn:active{filter:brightness(1.02);transform:translateY(0) scale(.99)}.daily-reward-claim-btn:disabled{cursor:not-allowed;filter:saturate(.85);opacity:.8}.daily-reward-claimed-message{padding:10px 0}.daily-reward-claimed-sparkle{animation:drClaimedPop .4s cubic-bezier(.2,.95,.25,1);color:#50dc78fa;font-family:Fredoka One,cursive;font-size:24px;text-shadow:0 3px 0 #0000008c,0 0 18px #50dc784d}@keyframes drClaimedPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.daily-reward-claimed-details{color:#ffdc78f2;font-family:Fredoka One,cursive;font-size:15px;margin-top:6px;text-shadow:0 2px 0 #0000008c}.daily-reward-come-back{color:#ffffffb3;font-size:15px;font-weight:900;padding:10px 0;text-shadow:0 2px 0 #0000008c}.daily-reward-error-inline{color:#ff7878f2;font-size:13px;font-weight:900;margin-top:8px;text-shadow:0 2px 0 #0000008c}@media(max-width:768px){.daily-reward-overlay{align-items:stretch;padding:0}.daily-reward-content{-webkit-overflow-scrolling:touch;align-items:center;border:none;border-radius:0;display:flex;flex-direction:column;height:100%;margin:0;max-height:100%;max-width:100%;overflow-y:auto;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.daily-reward-close{height:52px;right:8px;top:8px;width:52px;z-index:10}.daily-reward-close img{height:44px;width:44px}.daily-reward-grid{gap:6px;max-width:500px;width:100%}.daily-reward-card{border-radius:10px;padding:8px 2px 6px}.daily-reward-card-day{font-size:10px}.daily-reward-card-icon{height:34px;width:34px}.daily-reward-card-coin{height:28px;width:28px}.daily-reward-card-wormhole{height:32px;width:32px}.daily-reward-card-coins{font-size:12px}.daily-reward-card-moonrocks{font-size:10px}.daily-reward-card-moonrock-icon{height:12px;width:12px}.daily-reward-card-check svg{height:22px;width:22px}.daily-reward-title{font-size:24px}.daily-reward-claim-btn{font-size:16px;max-width:320px;min-height:52px;padding:14px 24px;width:100%}.daily-reward-actions{margin-top:auto;padding-top:16px;width:100%}}@media(max-width:480px){.daily-reward-content{padding:52px 12px calc(12px + env(safe-area-inset-bottom))}.daily-reward-grid{gap:6px;grid-template-columns:repeat(4,1fr)}.daily-reward-card{border-radius:10px;border-width:1.5px;justify-self:center;max-width:72px;min-width:56px;padding:6px 2px 5px;width:56px}.daily-reward-card-day{font-size:9px}.daily-reward-card-icon{height:30px;width:30px}.daily-reward-card-coin{height:26px;width:26px}.daily-reward-card-wormhole{height:28px;width:28px}.daily-reward-card-coins{font-size:11px}.daily-reward-card-moonrocks{font-size:9px}.daily-reward-card-moonrock-icon{height:10px;width:10px}.daily-reward-card-check{border-radius:10px}.daily-reward-card-check svg{height:20px;width:20px}.daily-reward-card-lock svg{height:12px;width:12px}.daily-reward-title{font-size:22px}.daily-reward-streak-badge{font-size:11px;padding:3px 12px}.daily-reward-header{margin-bottom:14px}.daily-reward-claim-btn{font-size:16px;max-width:none;min-height:48px;padding:12px 20px;width:100%}.daily-reward-card-today{font-size:8px;padding:1px 6px;top:-7px}.daily-reward-card--bonus{border-radius:10px}.daily-reward-card--bonus:after{border-radius:12px}.daily-reward-card--bonus .daily-reward-card-day{font-size:9px}}@media(max-width:375px){.daily-reward-content{padding:48px 10px calc(10px + env(safe-area-inset-bottom))}.daily-reward-grid{gap:4px}.daily-reward-card{border-radius:8px;min-width:50px;padding:5px 2px 4px;width:50px}.daily-reward-card-day{font-size:8px}.daily-reward-card-icon{height:26px;width:26px}.daily-reward-card-coin{height:22px;width:22px}.daily-reward-card-wormhole{height:24px;width:24px}.daily-reward-card-coins{font-size:10px}.daily-reward-card-check svg{height:18px;width:18px}.daily-reward-title{font-size:20px}.daily-reward-streak-badge{font-size:10px;padding:2px 10px}.daily-reward-card-today{font-size:7px;padding:1px 5px;top:-6px}}.settings-modal-overlay{align-items:center;animation:smFadeIn .14s ease-out;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 38%,#5aaaff38,#000000db 55%),#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:999999}@keyframes smFadeIn{0%{opacity:0}to{opacity:1}}.settings-modal-content{-webkit-overflow-scrolling:touch;animation:smPopIn .18s cubic-bezier(.2,.95,.25,1);background:radial-gradient(circle at 20% 10%,#78a0ff1a,#0000 55%),radial-gradient(circle at 80% 15%,#46beff1f,#0000 55%),linear-gradient(180deg,#121a2ef7,#0a0e1cf7);border:1px solid #ffffff24;border-radius:22px;box-shadow:0 26px 70px #000000b3,inset 0 0 0 1px #78a0ff14;max-height:90vh;overflow-y:auto;padding:24px 24px 20px;position:relative;transform-origin:center;width:min(640px,94vw)}@keyframes smPopIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-modal-content:before{animation:smShimmer 5s ease-in-out infinite;background:linear-gradient(120deg,#0000 40%,#ffffff0d 48%,#0000 56%);content:"";inset:-40% -40%;pointer-events:none;position:absolute;transform:rotate(12deg);z-index:0}@keyframes smShimmer{0%{opacity:.12;transform:translateX(-18%) rotate(12deg)}45%{opacity:.22}to{opacity:.12;transform:translateX(18%) rotate(12deg)}}.settings-modal-close{background:#0000;border:none;cursor:pointer;display:grid;height:52px;padding:0;place-items:center;position:absolute;right:10px;top:10px;width:52px;z-index:10}.settings-modal-close img{height:52px;object-fit:contain;transition:transform .12s ease,filter .12s ease;width:52px}.settings-modal-close:hover img{filter:brightness(1.08);transform:scale(1.06)}.settings-modal-close:active img{transform:scale(.98)}.settings-modal-header{margin-bottom:20px;position:relative;text-align:center;z-index:2}.settings-modal-title{color:#ffdc78fa;font-family:Fredoka One,cursive;font-size:28px;letter-spacing:.6px;text-shadow:0 3px 0 #000000b3,0 0 22px #ffc83238}.settings-modal-error,.settings-modal-loading{color:#ffffffbf;font-size:15px;font-weight:900;padding:40px 0;position:relative;text-align:center;text-shadow:0 2px 0 #0000008c;z-index:2}.settings-modal-error{color:#ff7878f2}.settings-modal-body{position:relative;z-index:2}.settings-modal-section{margin-bottom:22px}.settings-modal-section:last-child{margin-bottom:0}.settings-modal-section-title{border-bottom:1px solid #ffffff1a;color:#ffffffd9;font-family:Fredoka One,cursive;font-size:16px;letter-spacing:.4px;margin-bottom:12px;padding-bottom:8px;text-shadow:0 2px 0 #0000008c;text-transform:uppercase}.settings-modal-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.settings-modal-row+.settings-modal-row{border-top:1px solid #ffffff0f}.settings-modal-row-label{color:#ffffffd9;font-size:15px;font-weight:900;text-shadow:0 1px 0 #00000073}.settings-modal-toggle{align-items:center;border:2px solid #ffffff26;border-radius:999px;cursor:pointer;display:flex;height:36px;overflow:hidden;padding:0;position:relative;transition:background .2s ease,border-color .2s ease;width:72px}.settings-modal-toggle--on{background:linear-gradient(135deg,#50c878b3,#32aa5acc);border-color:#50c87880}.settings-modal-toggle--off{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff1f}.settings-modal-toggle-knob{background:#fffffff2;border-radius:50%;box-shadow:0 2px 6px #0006;height:26px;position:absolute;top:3px;transition:left .2s ease;width:26px}.settings-modal-toggle--on .settings-modal-toggle-knob{left:calc(100% - 30px)}.settings-modal-toggle--off .settings-modal-toggle-knob{left:3px}.settings-modal-toggle-label{color:#ffffffe6;font-family:Fredoka One,cursive;font-size:10px;letter-spacing:.3px;position:absolute;text-shadow:0 1px 0 #0000008c}.settings-modal-toggle--on .settings-modal-toggle-label{left:8px}.settings-modal-toggle--off .settings-modal-toggle-label{right:8px}.settings-modal-toggle:disabled{cursor:not-allowed;opacity:.6}.settings-modal-select{appearance:none;-webkit-appearance:none;background:#ffffff0f;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23fff' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:2px solid #ffffff26;border-radius:10px;color:#ffffffe6;cursor:pointer;font-size:14px;font-weight:700;padding:8px 32px 8px 12px;transition:border-color .2s ease}.settings-modal-select:focus,.settings-modal-select:hover{border-color:#78a0ff80;outline:none}.settings-modal-select:disabled{cursor:not-allowed;opacity:.6}.settings-modal-select option{background:#1a1e30;color:#fff}.settings-modal-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.settings-modal-badge{align-items:center;background:linear-gradient(135deg,#ffc83224,#ff961e1a);border:1px solid #ffc83247;border-radius:999px;display:flex;gap:6px;padding:6px 14px}.settings-modal-badge-icon{display:grid;height:22px;place-items:center;width:22px}.settings-modal-badge-icon img{height:20px;object-fit:contain;width:20px}.settings-modal-badge-icon-text{color:#ffc832e6;display:grid;height:22px;place-items:center;width:22px}.settings-modal-badge-icon-text svg{height:18px;width:18px}.settings-modal-badge-value{color:#ffdc8cf2;font-family:Fredoka One,cursive;font-size:13px;letter-spacing:.3px;text-shadow:0 1px 0 #0000008c}.settings-modal-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.settings-modal-stat-card{align-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:3px;justify-content:center;padding:12px 8px;transition:border-color .2s ease,box-shadow .2s ease}.settings-modal-stat-card:hover{border-color:#78a0ff40;box-shadow:0 0 12px #78a0ff14}.settings-modal-stat-value{color:#ffdc78f2;font-family:Fredoka One,cursive;font-size:20px;font-weight:900;text-shadow:0 2px 0 #0000008c}.settings-modal-stat-label{color:#ffffff8c;font-size:11px;font-weight:900;letter-spacing:.3px;text-shadow:0 1px 0 #00000073;text-transform:uppercase}@media(max-width:768px){.settings-modal-overlay{align-items:stretch;padding:0}.settings-modal-content{border:none;border-radius:0;height:100%;margin:0;max-height:100%;max-width:100%;padding:60px 16px calc(16px + env(safe-area-inset-bottom));width:100%}.settings-modal-close{height:52px;right:8px;top:8px;width:52px;z-index:10}.settings-modal-close img{height:44px;width:44px}.settings-modal-title{font-size:24px}.settings-modal-stats-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.settings-modal-badges{justify-content:center}}@media(max-width:480px){.settings-modal-stat-card{border-radius:10px;padding:10px 6px}.settings-modal-stat-value{font-size:17px}.settings-modal-stat-label{font-size:10px}.settings-modal-title{font-size:22px}.settings-modal-badge{padding:5px 10px}.settings-modal-badge-value{font-size:11px}.settings-modal-row-label,.settings-modal-section-title{font-size:14px}}@keyframes achievementSlideIn{0%{opacity:0;transform:translateX(120%)}60%{opacity:1;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes achievementGlow{0%,to{box-shadow:0 0 12px 2px #ffd70040,0 0 24px 4px #ffd7001a}50%{box-shadow:0 0 18px 4px #ffd70066,0 0 36px 8px #ffd70026}}@keyframes achievementProgressShrink{0%{width:100%}to{width:0}}@keyframes trophySpin{0%{transform:rotateY(0deg) scale(1)}25%{transform:rotateY(90deg) scale(1.1)}50%{transform:rotateY(180deg) scale(1)}75%{transform:rotateY(270deg) scale(1.1)}to{transform:rotateY(1turn) scale(1)}}.achievement-toast{animation:achievementSlideIn .5s cubic-bezier(.34,1.56,.64,1) both,achievementGlow 2s ease-in-out .5s infinite;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#0f0a23f2,#191234f2 50%,#140e2af2);border:1.5px solid #ffd70080;border-radius:14px;cursor:pointer;max-width:360px;min-width:280px;overflow:hidden;position:fixed;right:24px;top:24px;-webkit-user-select:none;user-select:none;z-index:99999}.achievement-toast__glow{background:radial-gradient(circle at 30% 30%,#ffd70014 0,#0000 60%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.achievement-toast__content{align-items:center;display:flex;gap:14px;padding:16px 18px 12px;position:relative}.achievement-toast__icon{align-items:center;background:linear-gradient(135deg,#ffd70033,#ffb4001a);border:1px solid #ffd7004d;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.achievement-toast__trophy{animation:trophySpin 1.2s ease-in-out .3s both;color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.achievement-toast__text{flex:1 1;min-width:0}.achievement-toast__header{color:gold;font-family:Gotham,Fredoka,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;margin-bottom:2px;text-transform:uppercase}.achievement-toast__name{color:#f0ecff;font-family:Gotham,Fredoka,sans-serif;font-size:15px;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-toast__desc{color:#a8a0c0;font-size:12px;line-height:1.3;margin-top:2px}.achievement-toast__reward{align-items:center;background:#ffd7001f;border:1px solid #ffd70033;border-radius:20px;display:inline-flex;gap:5px;margin-top:5px;padding:3px 8px}.achievement-toast__reward span{color:gold;font-family:Gotham,Fredoka,sans-serif;font-size:12px;font-weight:600}.achievement-toast__progress{animation:achievementProgressShrink 4s linear both;background:linear-gradient(90deg,gold,#ffb400);border-radius:0 0 14px 14px;height:3px}.achievement-toast:hover{border-color:#ffd700b3;transform:scale(1.02);transition:transform .15s ease,border-color .15s ease}.achievement-toast:active{transform:scale(.98)}@media(max-width:520px){.achievement-toast{left:12px;max-width:none;min-width:0;min-width:auto;right:12px;top:12px}}.um-container{color:#e0e0f0;font-family:Fellix-SemiBold,Fredoka,sans-serif;margin:0 auto;max-width:1400px;padding:0 8px;position:relative}.um-title{color:#fff;font-family:Fellix-Bold,Fredoka,sans-serif;font-size:28px;letter-spacing:-.5px;margin:0 0 24px}.um-stats-bar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.um-stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:20px 16px;text-align:center;transition:transform .2s,box-shadow .2s}.um-stat-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.um-stat-value{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:32px;line-height:1.1}.um-stat-label{color:#ffffff8c;font-size:13px;letter-spacing:.5px;margin-top:6px;text-transform:uppercase}.um-filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}.um-search-wrap{flex:1 1;min-width:240px;position:relative}.um-search-icon{font-size:16px;left:12px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.um-search{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;color:#fff;font-family:Fellix-SemiBold,sans-serif;font-size:14px;outline:none;padding:10px 36px 10px 38px;transition:border-color .2s,box-shadow .2s;width:100%}.um-search::placeholder{color:#fff6}.um-search:focus{border-color:#af71ff99;box-shadow:0 0 0 3px #af71ff26}.um-search-clear{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:20px;line-height:1;padding:0 4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.um-search-clear:hover{color:#fff}.um-filter-group{display:flex;flex-direction:column;gap:4px}.um-filter-group label{color:#ffffff73;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.um-filter-group select{background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#fff;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:13px;min-width:130px;outline:none;padding:9px 12px;transition:border-color .2s;width:auto}.um-filter-group select:focus{border-color:#af71ff99}.um-filter-group select option{background:#1b2735;color:#e0e0f0}.um-table-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;overflow-x:auto}.um-table{border-collapse:collapse;font-size:14px;min-width:720px;width:100%}.um-table thead{background:#ffffff0f}.um-table thead th{border-bottom:1px solid #ffffff14;color:#ffffff80;font-family:Fellix-SemiBold,sans-serif;font-size:11px;letter-spacing:.6px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.um-table tbody tr{border-bottom:1px solid #ffffff0d;cursor:pointer;transition:background .15s}.um-table tbody tr:hover{background:#af71ff14}.um-table tbody tr:last-child{border-bottom:none}.um-table td{padding:12px 16px;vertical-align:middle}.um-table-empty{color:#fff6;font-size:15px;padding:48px 16px!important;text-align:center}.um-row--banned{background:#ff46460d;opacity:.6}.um-row--banned:hover{background:#ff46461a!important}.um-user-cell{gap:10px}.um-avatar,.um-user-cell{align-items:center;display:flex}.um-avatar{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.um-avatar img{height:100%;object-fit:cover;width:100%}.um-avatar span{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:15px}.um-username{color:#fff;font-family:Fellix-SemiBold,sans-serif;white-space:nowrap}.um-banned-tag{background:#e74c3c;border-radius:4px;color:#fff;font-family:Fellix-Bold,sans-serif;font-size:9px;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.um-email-cell{color:#ffffffa6;font-size:13px}.um-date-cell{color:#ffffff80;font-size:13px;white-space:nowrap}.um-badge{border-radius:20px;display:inline-block;font-family:Fellix-Bold,sans-serif;font-size:11px;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.um-badge.um-badge--student{background:#3498db33;border:1px solid #3498db4d;color:#5dade2}.um-badge.um-badge--adult{background:#2ecc7133;border:1px solid #2ecc714d;color:#58d68d}.um-badge.um-badge--admin{background:#f1c40f33;border:1px solid #f1c40f4d;color:#f4d03f}.um-badge.um-badge--superadmin{background:#e74c3c33;border:1px solid #e74c3c4d;color:#ec7063}.um-badge.um-badge--free{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffff8c}.um-badge.um-badge--basic{background:#3498db33;border:1px solid #3498db4d;color:#5dade2}.um-badge.um-badge--premium{background:#9b59b633;border:1px solid #9b59b64d;color:#bb8fce}.um-badge.um-badge--banned{background:#e74c3c40;border:1px solid #e74c3c66;color:#ec7063}.um-view-btn{background:#af71ff26;border:1px solid #af71ff4d;border-radius:8px;color:#c9a5ff;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:12px;padding:6px 14px;transition:all .2s}.um-view-btn:hover{background:#af71ff40;transform:translateY(-1px)}.um-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.um-pagination-info{color:#ffffff73;font-size:13px}.um-pagination-buttons{display:flex;gap:4px}.um-pagination-buttons button{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-family:Fellix-SemiBold,sans-serif;font-size:13px;min-width:36px;padding:7px 12px;transition:all .15s}.um-pagination-buttons button:hover:not(:disabled){background:#af71ff26;border-color:#af71ff4d}.um-pagination-buttons button:disabled{cursor:not-allowed;opacity:.3}.um-pagination-buttons button.um-page-active{background:#af71ff40;border-color:#af71ff80;color:#fff}.um-spinner{animation:um-spin .7s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#af71ff;height:32px;margin:24px auto;width:32px}@keyframes um-spin{to{transform:rotate(1turn)}}.um-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1100}.um-panel-overlay.um-panel-overlay--visible{opacity:1;pointer-events:auto}.um-panel{background:linear-gradient(180deg,#141822,#0d1117);border-left:1px solid #ffffff14;box-shadow:-8px 0 40px #00000080;display:flex;flex-direction:column;height:100dvh;max-width:100vw;overflow:hidden;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:520px;z-index:1200}.um-panel.um-panel--open{transform:translateX(0)}.um-panel-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.um-panel-header h2{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:20px;margin:0}.um-panel-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;line-height:1;transition:all .15s;width:36px}.um-panel-close:hover{background:#ffffff1a;color:#fff}.um-panel-loading{align-items:center;display:flex;flex:1 1;justify-content:center}.um-panel-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:0 24px 40px}.um-detail-section{border-bottom:1px solid #ffffff0f;padding:20px 0}.um-detail-section:last-child{border-bottom:none}.um-section-title{color:#fff6;font-family:Fellix-Bold,sans-serif;font-size:13px;letter-spacing:.6px;margin:0 0 14px;text-transform:uppercase}.um-detail-profile{align-items:flex-start;display:flex;gap:16px}.um-detail-avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.um-detail-avatar img{height:100%;object-fit:cover;width:100%}.um-detail-avatar span{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:26px}.um-detail-info{flex:1 1}.um-detail-info h3{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:20px;margin:0 0 2px}.um-detail-email{color:#ffffff8c;font-size:14px;margin:0 0 8px}.um-detail-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.um-detail-meta{color:#ffffff59;font-size:12px;margin:0}.um-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.um-detail-stat{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;display:flex;gap:10px;padding:12px}.um-detail-stat-icon{flex-shrink:0;font-size:22px}.um-detail-stat-val{color:#fff;font-family:Fellix-Bold,sans-serif;font-size:18px;line-height:1.2}.um-detail-stat-lbl{color:#fff6;font-size:11px;letter-spacing:.3px;text-transform:uppercase}.um-detail-kv{display:flex;flex-direction:column;gap:8px}.um-kv-row{align-items:center;background:#ffffff08;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.um-kv-key{color:#ffffff80;font-size:13px}.um-kv-val{color:#fff;font-family:Fellix-SemiBold,sans-serif;font-size:14px}.um-stripe-link{color:#af71ff;font-family:monospace;font-size:13px;text-decoration:none;word-break:break-all}.um-stripe-link:hover{color:#c9a5ff;text-decoration:underline}.um-actions-section{border-bottom:none;padding-bottom:0}.um-action-block{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;margin-bottom:14px;padding:16px}.um-action-block.um-action-block--danger{background:#e74c3c0a;border-color:#e74c3c40}.um-action-label{color:#fff;display:block;font-family:Fellix-Bold,sans-serif;font-size:14px;margin-bottom:4px}.um-action-hint{color:#fff6;font-size:12px;line-height:1.5;margin:0 0 10px}.um-action-hint strong{color:#ffffffb3}.um-action-hint em{color:#fff9}.um-danger-text{color:#e74c3cb3!important}.um-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.um-action-select{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Fellix-SemiBold,sans-serif;font-size:13px;min-width:160px;outline:none;padding:9px 12px}.um-action-select option{background:#1b2735;color:#e0e0f0}.um-action-select:focus{border-color:#af71ff80}.um-action-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Fellix-SemiBold,sans-serif;font-size:13px;margin-bottom:10px;outline:none;padding:9px 12px;width:100%}.um-action-input::placeholder{color:#ffffff4d}.um-action-input:focus{border-color:#af71ff80}.um-action-input.um-action-input--danger:focus{border-color:#e74c3c80;box-shadow:0 0 0 3px #e74c3c1a}.um-confirm-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.um-confirm-text{color:#f39c12}.um-btn,.um-confirm-text{font-family:Fellix-SemiBold,sans-serif;font-size:13px}.um-btn{border:none;border-radius:8px;cursor:pointer;padding:8px 18px;transition:all .2s;white-space:nowrap}.um-btn:disabled{cursor:not-allowed;opacity:.4}.um-btn.um-btn--primary{background:#af71ff33;border:1px solid #af71ff4d;color:#c9a5ff}.um-btn.um-btn--primary:hover:not(:disabled){background:#af71ff4d;transform:translateY(-1px)}.um-btn.um-btn--warning{background:#f39c1233;border:1px solid #f39c124d;color:#f5b041}.um-btn.um-btn--warning:hover:not(:disabled){background:#f39c124d;transform:translateY(-1px)}.um-btn.um-btn--danger{background:#e74c3c33;border:1px solid #e74c3c4d;color:#ec7063}.um-btn.um-btn--danger:hover:not(:disabled){background:#e74c3c59;transform:translateY(-1px)}.um-btn.um-btn--ghost{background:#0000;border:1px solid #ffffff1a;color:#ffffff80}.um-btn.um-btn--ghost:hover:not(:disabled){background:#ffffff0f;color:#ffffffb3}@media(max-width:768px){.um-stats-bar{gap:10px;grid-template-columns:repeat(2,1fr)}.um-stat-value{font-size:24px}.um-filters{align-items:stretch;flex-direction:column}.um-search-wrap{min-width:100%}.um-filter-group select{width:100%}.um-panel{width:100vw}.um-detail-grid{grid-template-columns:repeat(2,1fr)}.um-title{font-size:22px}.um-pagination{align-items:center;flex-direction:column}}@media(max-width:480px){.um-stats-bar{gap:8px;grid-template-columns:1fr 1fr}.um-stat-card{padding:14px 10px}.um-stat-value{font-size:20px}.um-detail-grid{gap:8px;grid-template-columns:1fr 1fr}.um-detail-stat{padding:10px 8px}.um-detail-stat-val{font-size:15px}.um-detail-profile{align-items:center;flex-direction:column;text-align:center}.um-detail-badges{justify-content:center}.um-action-row,.um-confirm-row{flex-direction:column}.um-confirm-row{align-items:flex-start}.um-panel-body{padding:0 16px 32px}}@font-face{font-family:Futura;src:url(/static/media/futura-pt-extrabold.c7290a06ceb5e08eb793.otf) format("opentype")}@font-face{font-family:Bubble;src:url(/static/media/SmothyBubble.ccd486bee9b246342d3e.otf) format("opentype")}@font-face{font-family:Fellix-SemiBold;src:url(/static/media/Fellix-SemiBold.5cedcd9ae00d6c48e833.woff) format("woff")}@font-face{font-family:Fellix-Bold;src:url(/static/media/Fellix-Bold.29409f888685e88b195c.woff) format("woff")}@font-face{font-family:Gotham;font-weight:900;src:url(/static/media/Gotham-Black.57033dc1a6bd9ebc6423.otf) format("opentype")}@font-face{font-family:Gotham;font-weight:700;src:url(/static/media/Gotham-Bold.19cbd08d9da163ba87d6.otf) format("opentype")}@font-face{font-family:Gotham;font-weight:500;src:url(/static/media/Gotham-Medium.bcd733e6f8ebeb6a5e75.otf) format("opentype")}@font-face{font-family:Gotham;font-weight:400;src:url(/static/media/Gotham-Book.e37cf59954e32a3f5401.otf) format("opentype")}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ci-page,.dashboard-content,.message-container,.profile-page,.shop-container{animation:pageFadeIn .45s ease both}body{font-family:Futura}.App,.App-header{height:100vh;height:100dvh;overflow:hidden;width:100vw}.route-transition-group,.route-transition-wrapper{height:100vh;height:100dvh;inset:0;position:fixed;width:100vw}.route-transition-wrapper{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto}.route-fade-enter{opacity:0;transform:translateY(12px)}.route-fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.route-fade-exit{opacity:1}.route-fade-exit-active{opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.route-fade-enter-active>*{animation:routeContentFadeIn .35s cubic-bezier(.4,0,.2,1) .1s both;opacity:0}@keyframes routeContentFadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.ed0326c4.css.map*/