@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800;900&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--lime:#C8F135;--pink:#FF3CAC;--sky:#38CFFF;--navy:#0D0D1A;--card:#16162A;--text:#F0F0FF;--muted:#8888AA;--border:rgba(255,255,255,0.08)}body{background:var(--navy);font-family:Nunito,sans-serif;color:var(--text)}.shell{min-height:100vh}.shell,.shell-main{display:flex;background:var(--navy)}.shell-main{min-width:0;height:100vh;position:relative;overflow:hidden}.screen-scroll,.shell-main{flex:1 1;flex-direction:column}.screen-scroll{overflow-y:auto;display:flex;min-height:0}.sidebar-nav{display:none}@media(min-width:900px){.sidebar-nav{display:flex;flex-direction:column;width:230px;flex-shrink:0;background:rgba(255,255,255,.02);border-right:1px solid var(--border);padding:20px 14px;gap:4px}.bottom-nav{display:none!important}}.sidebar-brand{font-family:Fredoka One,cursive;font-size:22px;padding:8px 10px 22px;color:var(--text)}.sidebar-brand span{color:var(--lime)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--muted);font-weight:800;font-size:14px;transition:all .2s}.sidebar-item:hover:not(.active){background:rgba(255,255,255,.04);color:var(--text)}.sidebar-item.active{background:rgba(200,241,53,.1);color:var(--lime)}.sidebar-icon{font-size:19px;line-height:1}.sidebar-icon.sidebar-create{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--lime),#38CFFF);font-size:15px}.bottom-nav{flex-shrink:0;display:flex!important;align-items:center;background:rgba(13,13,26,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:8px 4px 14px;z-index:100}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:14px;cursor:pointer;transition:all .2s;border:none;background:transparent}.nav-item.active{background:rgba(200,241,53,.1)}.nav-item:hover:not(.active){background:rgba(255,255,255,.04)}.nav-icon{font-size:19px;line-height:1;transition:transform .2s}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-label{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;transition:color .2s}.nav-item.active .nav-label{color:var(--lime)}.nav-create-wrap{flex:1.3 1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;border:none;background:transparent;padding:0 2px}.nav-create-btn{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--lime),#38CFFF);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 16px rgba(200,241,53,.35);transition:all .2s;margin-top:-14px;border:3px solid var(--navy)}.nav-create-wrap:hover .nav-create-btn{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 24px rgba(200,241,53,.5)}.nav-create-wrap .nav-label{color:var(--lime)}.topbar{padding:16px 18px 8px;gap:10px;flex-shrink:0}.topbar,.topbar-back{display:flex;align-items:center}.topbar-back{background:var(--card);color:var(--text);width:34px;height:34px;border-radius:11px;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s;border:none}.topbar-back:hover{background:rgba(255,255,255,.1)}.topbar-title{font-family:Fredoka One,cursive;font-size:18px;flex:1 1}.topbar-title span{color:var(--lime)}.pip-row{display:flex;gap:5px;margin-left:4px}.pip{width:7px;height:7px;border-radius:4px;background:var(--border);transition:all .3s}.pip.on{background:var(--lime);width:17px}.topbar-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--lime),#38CFFF);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .2s;flex-shrink:0;border:2px solid rgba(200,241,53,.3)}@media(min-width:600px){.topbar-avatar{display:none}}.topbar-avatar:hover{transform:rotate(-8deg) scale(1.08)}.topbar-avatar.on-profile{box-shadow:0 0 0 2px var(--lime)}.page-body{padding:0 15px 24px}.section-label{font-family:Fredoka One,cursive;font-size:20px;margin-bottom:3px}.section-sub{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:14px}.search-wrap{padding:10px 15px 4px;position:relative;flex-shrink:0}.search-bar{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:15px;color:var(--text);font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:11px 14px 11px 42px;outline:none;transition:border-color .2s}.search-bar:focus{border-color:var(--sky)}.search-bar::placeholder{color:var(--muted)}.search-icon{position:absolute;left:27px;top:50%;transform:translateY(-50%);font-size:16px;pointer-events:none}.cat-wrap{position:relative;display:flex;align-items:center;padding:4px 0}.cat-scroll{display:flex;gap:7px;overflow-x:auto;padding:8px 15px 4px;scrollbar-width:none;flex-shrink:0;flex:1 1}.cat-scroll::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{display:none}.cat-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;border:none;background:var(--card);color:var(--text);font-size:14px;cursor:pointer;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.4);border:1px solid var(--border);transition:all .2s;flex-shrink:0}.cat-arrow:hover{background:var(--lime);color:var(--navy)}.cat-arrow.left{left:4px}.cat-arrow.right{right:4px}@media(min-width:600px){.cat-arrow{display:flex}}.cat-pill{flex-shrink:0;padding:6px 14px;border-radius:11px;background:var(--card);border:1.5px solid var(--border);color:var(--muted);font-weight:800;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}.cat-pill.active{background:rgba(200,241,53,.1);border-color:var(--lime);color:var(--lime)}.cat-pill:hover:not(.active){color:var(--text)}.sort-row{display:flex;align-items:center;justify-content:space-between;padding:6px 15px 2px;flex-shrink:0}.sort-label{font-size:11px;color:var(--muted);font-weight:800}.sort-btns{display:flex;gap:5px}.sort-btn{padding:5px 11px;border-radius:9px;background:var(--card);border:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:800;cursor:pointer;transition:all .2s}.sort-btn.active{background:rgba(56,207,255,.1);border-color:var(--sky);color:var(--sky)}.explore-list{padding:8px 15px 16px;display:flex;flex-direction:column;gap:10px}@media(min-width:900px){.explore-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}}@media(min-width:1280px){.explore-list{grid-template-columns:repeat(3,1fr)}}.explore-card{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.explore-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.3)}.explore-card-top{display:flex;align-items:center;gap:12px;padding:14px 14px 10px}.explore-emoji-box{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.explore-meta{flex:1 1;min-width:0}.explore-title{font-weight:800;font-size:14px;color:var(--text);line-height:1.3;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explore-author{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-weight:700;flex-wrap:wrap}.explore-preview{padding:0 14px 10px;font-size:12px;color:#9999BB;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explore-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-top:1px solid var(--border)}.explore-plays{font-size:11px;color:var(--muted);font-weight:700}.explore-plays span{color:var(--sky)}.play-btn{background:linear-gradient(135deg,var(--lime),#38CFFF);color:var(--navy);border:none;padding:7px 15px;border-radius:10px;font-family:Fredoka One,cursive;font-size:12px;cursor:pointer;transition:all .2s}.play-btn:hover{transform:scale(1.05)}.tag-row{display:flex;gap:5px;flex-wrap:wrap;padding:0 14px 10px}.tag{padding:2px 8px;border-radius:7px;font-size:10px;font-weight:800;background:rgba(255,255,255,.05);color:var(--muted)}.detail-hero{border-radius:20px;padding:22px;text-align:center;margin-bottom:14px;position:relative;overflow:hidden}.detail-emoji{font-size:48px;margin-bottom:8px}.detail-title{font-family:Fredoka One,cursive;font-size:22px;color:white;margin-bottom:4px}.detail-author{font-size:12px;font-weight:700;color:rgba(255,255,255,.7)}.rating-box{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin-bottom:12px}.rating-box-title{font-family:Fredoka One,cursive;font-size:15px;margin-bottom:10px}.rating-overall{display:flex;align-items:center;gap:14px;margin-bottom:12px}.rating-big{font-family:Fredoka One,cursive;font-size:40px;color:var(--lime);line-height:1}.rating-count{font-size:11px;margin-top:2px}.rate-cta,.rating-count{color:var(--muted);font-weight:700}.rate-cta{font-size:12px;margin-bottom:7px}.rated-msg{font-size:12px;font-weight:800;color:var(--lime);text-align:center;margin-top:7px}.mini-stats{display:flex;gap:8px;margin-bottom:14px}.mini-stat{flex:1 1;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 8px;text-align:center}.mini-stat-icon{font-size:18px}.mini-stat-val{font-family:Fredoka One,cursive;font-size:17px;color:var(--lime)}.mini-stat-lbl{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.play-big-btn{width:100%;padding:15px;border-radius:17px;border:none;background:linear-gradient(135deg,var(--lime),#38CFFF);color:var(--navy);font-family:Fredoka One,cursive;font-size:17px;cursor:pointer;transition:all .2s;margin-top:2px}.play-big-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(200,241,53,.3)}.no-results{text-align:center;padding:36px 20px}.no-results-emoji{font-size:44px;margin-bottom:10px}.no-results-text{font-family:Fredoka One,cursive;font-size:17px;margin-bottom:5px}.no-results-sub{font-size:12px;color:var(--muted);font-weight:700}.template-scroll{display:flex;gap:10px;overflow-x:scroll;-webkit-overflow-scrolling:touch;padding:8px 4px;margin-bottom:18px;scrollbar-width:none;scroll-snap-type:x mandatory;flex:1 1}.template-scroll::-webkit-scrollbar{display:none}.template-scroll .tmpl-card{scroll-snap-align:start}.tmpl-card{flex-shrink:0;padding:6px 14px;border-radius:11px;background:var(--card);border:1.5px solid var(--border);font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s;white-space:nowrap}.tmpl-card.selected{background:rgba(200,241,53,.1);border-color:var(--lime);color:var(--lime)}.tmpl-card:hover:not(.selected){color:var(--text)}.or-divider{display:flex;align-items:center;gap:8px;margin-bottom:14px}.or-line{flex:1 1;height:1px;background:var(--border)}.or-text{font-weight:800;font-size:10px;color:var(--muted)}.story-editor{width:100%;background:rgba(255,255,255,.04);border:2px solid var(--border);border-radius:16px;color:var(--text);font-family:Nunito,sans-serif;font-size:14px;font-weight:700;padding:13px;resize:none;outline:none;line-height:1.8;min-height:110px;transition:border-color .2s}.story-editor:focus{border-color:var(--sky)}.story-hint{font-size:11px;color:var(--muted);font-weight:700;margin-top:5px}.blank-tag{display:inline-flex;background:rgba(56,207,255,.15);border:1px solid rgba(56,207,255,.3);color:var(--sky);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800}.blank-row{display:flex;align-items:center;gap:8px;margin-bottom:9px}.blank-num{font-family:Fredoka One,cursive;font-size:16px;color:var(--pink);width:20px;flex-shrink:0}.blank-input{flex:1 1;background:rgba(255,255,255,.04);border:1.5px solid var(--border);border-radius:11px;color:var(--text);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:8px 11px;outline:none;transition:border-color .2s}.blank-input:focus{border-color:var(--lime)}.blank-type-select{background:rgba(200,241,53,.08);border:1.5px solid rgba(200,241,53,.25);color:var(--lime);border-radius:9px;padding:6px 7px;font-size:10px;font-weight:800;outline:none;cursor:pointer}.preview-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;line-height:2;font-size:13px;font-weight:700;margin-bottom:14px}.blank-chip{display:inline-block;background:rgba(200,241,53,.12);border:1.5px dashed rgba(200,241,53,.35);color:var(--lime);border-radius:7px;padding:0 7px;font-size:12px;font-weight:800}.invite-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin-bottom:10px}.invite-title{font-family:Fredoka One,cursive;font-size:14px;margin-bottom:11px}.invite-slot{display:flex;align-items:center;gap:9px;margin-bottom:7px}.slot-num{font-family:Fredoka One,cursive;font-size:14px;color:var(--muted);width:16px;flex-shrink:0}.slot-input{flex:1 1;background:rgba(255,255,255,.04);border:1.5px solid var(--border);border-radius:11px;color:var(--text);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:8px 11px;outline:none;transition:border-color .2s}.slot-input:focus{border-color:var(--pink)}.share-btns{display:flex;gap:8px;margin-top:10px}.share-btn{flex:1 1;padding:10px;border-radius:12px;border:none;font-family:Fredoka One,cursive;font-size:13px;cursor:pointer;transition:all .2s}.share-sms{background:linear-gradient(135deg,#06D6A0,#118AB2);color:white}.share-email{background:linear-gradient(135deg,var(--pink),#784BA0);color:white}.share-btn:hover{transform:translateY(-2px)}.link-box{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1.5px solid var(--border);border-radius:12px;padding:10px 12px;margin-top:9px}.link-text{flex:1 1;font-size:11px;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{background:var(--lime);color:var(--navy);border:none;padding:5px 11px;border-radius:8px;font-family:Fredoka One,cursive;font-size:12px;cursor:pointer;transition:all .2s;flex-shrink:0}.copy-btn:hover{transform:scale(1.05)}.players-status{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.player-chip{display:flex;align-items:center;gap:5px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:4px 10px;font-size:11px;font-weight:800}.player-dot{width:6px;height:6px;border-radius:50%}.word-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;margin-bottom:12px}.word-prompt{font-family:Fredoka One,cursive;font-size:21px;text-align:center;margin-bottom:5px}.word-type-badge{display:inline-block;background:rgba(255,60,172,.15);color:var(--pink);border:1px solid rgba(255,60,172,.3);border-radius:8px;padding:2px 9px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.word-input-big{width:100%;background:rgba(255,255,255,.06);border:2.5px solid var(--border);border-radius:15px;color:var(--text);font-family:Fredoka One,cursive;font-size:21px;text-align:center;padding:13px;outline:none;transition:all .3s}.word-input-big:focus{border-color:var(--lime);box-shadow:0 0 0 4px rgba(200,241,53,.1)}.word-input-big::placeholder{color:var(--muted)}.progress-bar-wrap{height:5px;background:var(--border);border-radius:3px;margin-bottom:16px}.progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--pink),var(--lime));transition:width .4s}.word-nav{justify-content:space-between;align-items:center;margin-top:10px}.submitted-row,.word-nav{display:flex;flex-wrap:wrap}.submitted-row{gap:6px;margin-bottom:14px}.submitted-chip{border-radius:9px;padding:4px 11px;font-size:12px;font-weight:800}.reveal-banner{background:linear-gradient(135deg,var(--pink) 0,#784BA0 50%,#2B86C5 100%);border-radius:20px;padding:20px;text-align:center;margin-bottom:14px;position:relative;overflow:hidden}.reveal-title{font-family:Fredoka One,cursive;font-size:24px;color:white}.reveal-sub{font-size:12px;font-weight:700;color:rgba(255,255,255,.7);margin-top:3px}.confetti{position:absolute;font-size:24px;opacity:.4}.story-reveal{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;line-height:2.4;font-size:17px;font-weight:700;margin-bottom:14px}.word-hl{display:inline-block;border-radius:6px;padding:2px 7px;font-weight:900;font-size:17px;cursor:pointer;transition:transform .15s;position:relative}.word-hl:hover{transform:scale(1.12)}.attr-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.attr-chip{display:flex;align-items:center;gap:5px;border-radius:11px;padding:5px 11px;font-size:10px;font-weight:800;border:2px solid}.profile-banner{position:relative;height:135px;background:linear-gradient(135deg,#FF3CAC,#784BA0 50%,#2B86C5);overflow:hidden;flex-shrink:0}.banner-blob{position:absolute;border-radius:50%;mix-blend-mode:overlay;opacity:.5}.blob1{width:190px;height:190px;background:var(--lime);top:-55px;right:-35px;animation:blobFloat 6s ease-in-out infinite}.blob2{width:110px;height:110px;background:var(--sky);bottom:-35px;left:15px;animation:blobFloat 8s ease-in-out infinite reverse}.blob3{width:70px;height:70px;background:#FFD166;top:15px;left:50%;animation:blobFloat 5s ease-in-out 1s infinite}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8px,-12px) scale(1.05)}66%{transform:translate(-5px,8px) scale(.97)}}.p-banner-label{position:absolute;top:13px;left:16px;font-family:Fredoka One,cursive;font-size:18px;color:white;text-shadow:2px 2px 0 rgba(0,0,0,.2)}.p-banner-label span{color:var(--lime)}.edit-p-btn{position:absolute;top:13px;right:13px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:white;padding:5px 12px;border-radius:16px;font-weight:800;font-size:11px;cursor:pointer;transition:all .2s}.edit-p-btn:hover{background:rgba(255,255,255,.35)}.av-section{display:flex;align-items:flex-end;gap:12px;padding:0 16px;margin-top:-40px;position:relative;z-index:10}.av-wrap{position:relative;flex-shrink:0}.av{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,var(--lime),#38CFFF);border:4px solid var(--navy);display:flex;align-items:center;justify-content:center;font-size:36px;box-shadow:0 7px 22px rgba(200,241,53,.3);transition:transform .3s;cursor:pointer}.av:hover{transform:rotate(-5deg) scale(1.05)}.online-dot{position:absolute;bottom:5px;right:-2px;width:12px;height:12px;background:#06D6A0;border-radius:50%;border:3px solid var(--navy)}.un-quick{padding-bottom:8px;flex:1 1}.un{font-family:Fredoka One,cursive;font-size:20px;line-height:1.1}.handle{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.p-card{margin:12px 15px 0;background:var(--card);border-radius:18px;border:1px solid var(--border);padding:13px 15px}.bio-text{color:#C8C8E8}.bio-input,.bio-text{font-size:13px;line-height:1.6;font-weight:600}.bio-input{width:100%;background:rgba(255,255,255,.05);border:2px solid var(--lime);border-radius:11px;color:var(--text);font-family:Nunito,sans-serif;padding:8px 12px;resize:none;outline:none}.bio-save{margin-top:6px;background:var(--lime);color:var(--navy);border:none;padding:7px 16px;border-radius:10px;font-family:Fredoka One,cursive;font-size:14px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:10px 15px 0}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 13px;display:flex;align-items:center;gap:10px;cursor:default;transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:var(--lime)}.stat-icon{font-size:23px}.stat-val{font-family:Fredoka One,cursive;font-size:19px;color:var(--lime);line-height:1}.stat-lbl{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.tabs-row{display:flex;gap:5px;padding:11px 15px 0}.tab-btn{flex:1 1;padding:8px 4px;border-radius:12px;border:2px solid transparent;background:var(--card);color:var(--muted);font-weight:800;font-size:10px;cursor:pointer;transition:all .2s;text-align:center}.tab-btn.active{background:var(--lime);color:var(--navy);border-color:var(--lime);transform:translateY(-2px);box-shadow:0 5px 14px rgba(200,241,53,.3)}.tab-btn:not(.active):hover{border-color:var(--lime);color:var(--lime)}.tab-content{padding:12px 15px 20px}.my-elibs-list{display:flex;flex-direction:column;gap:8px}@media(min-width:900px){.my-elibs-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}}@media(min-width:1280px){.my-elibs-list{grid-template-columns:repeat(3,1fr)}}.s-card{display:flex;align-items:center;gap:11px;padding:12px 14px;background:var(--card);border-radius:16px;border:1px solid var(--border);margin-bottom:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.s-card:hover{transform:translateX(4px);box-shadow:-4px 0 0 var(--pink)}.s-emoji{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.s-title{font-weight:800;font-size:12px;line-height:1.3}.s-title:hover{color:var(--lime)!important;text-decoration:underline}.s-plays{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.s-plays span{color:var(--sky)}.s-arrow{margin-left:auto;color:var(--muted);font-size:16px}.bdg-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.bdg{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:13px 8px;text-align:center;transition:transform .2s}.bdg.earned{border-color:rgba(200,241,53,.3)}.bdg.earned:hover{transform:scale(1.06) rotate(2deg)}.bdg.locked{opacity:.3;filter:grayscale(1)}.bdg-icon{font-size:27px}.bdg-lbl{font-size:9px;font-weight:800;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.4px;line-height:1.3}.bdg.earned .bdg-lbl{color:var(--lime)}.fr-row{display:flex;align-items:center;gap:11px;padding:10px 13px;background:var(--card);border-radius:15px;border:1px solid var(--border);margin-bottom:7px;cursor:pointer;transition:all .2s}.fr-row:hover{border-color:var(--pink);transform:translateX(3px)}.fr-av{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.fr-name{font-weight:800;font-size:13px;flex:1 1}.fr-btn{background:rgba(255,60,172,.12);color:var(--pink);border:1px solid rgba(255,60,172,.25);padding:4px 10px;border-radius:9px;font-size:10px;font-weight:800;cursor:pointer;transition:all .2s}.fr-btn:hover{background:var(--pink);color:white}.sec-hdr{font-family:Fredoka One,cursive;font-size:14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.see-all{font-size:11px;font-weight:800;color:var(--sky);cursor:pointer}.heart-btn{background:none;border:none;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:transform .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.heart-btn:hover{transform:scale(1.25)}.heart-btn:active{transform:scale(.9)}.palette-section{margin-bottom:14px}.palette-label{font-family:Fredoka One,cursive;font-size:14px;color:var(--text);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.palette-sub{font-size:11px;color:var(--muted);font-weight:700;margin-bottom:9px}.palette-grid{display:flex;flex-wrap:wrap;gap:7px}.palette-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:12px;font-weight:800;font-size:12px;cursor:pointer;transition:all .2s;border:2px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.palette-chip:hover{transform:translateY(-2px) scale(1.04)}.palette-chip:active{transform:scale(.95)}.palette-chip.recently-used{border-style:solid}.palette-hint-bubble{position:fixed;background:#1E1E38;border:1px solid var(--border);border-radius:10px;padding:5px 10px;font-size:11px;font-weight:700;color:var(--muted);z-index:999;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.4);white-space:nowrap}.inserted-tag{display:inline-block;border-radius:7px;padding:1px 8px;font-size:12px;font-weight:800;margin:1px}.editor-toolbar{gap:6px;margin-bottom:6px;flex-wrap:wrap}.editor-toolbar,.toolbar-btn{display:flex;align-items:center}.toolbar-btn{gap:4px;padding:5px 10px;border-radius:9px;background:var(--card);border:1.5px solid var(--border);color:var(--muted);font-size:11px;font-weight:800;cursor:pointer;transition:all .2s;white-space:nowrap}.toolbar-btn:hover{border-color:rgba(255,255,255,.2);color:var(--text)}.toolbar-btn.active{background:rgba(200,241,53,.1);border-color:var(--lime);color:var(--lime)}.blank-row-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px 14px;margin-bottom:8px;transition:border-color .2s}.blank-row-card:hover{border-color:rgba(255,255,255,.15)}.blank-row-top{gap:10px;margin-bottom:8px}.blank-badge,.blank-row-top{display:flex;align-items:center}.blank-badge{width:28px;height:28px;border-radius:9px;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.blank-prompt-input{flex:1 1;background:rgba(255,255,255,.04);border:1.5px solid var(--border);border-radius:11px;color:var(--text);font-family:Nunito,sans-serif;font-size:12px;font-weight:700;padding:7px 11px;outline:none;transition:border-color .2s}.blank-prompt-input:focus{border-color:var(--lime)}.blank-type-chips{display:flex;gap:5px;flex-wrap:wrap}.blank-type-chip{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:800;cursor:pointer;transition:all .2s;border:1.5px solid transparent;white-space:nowrap}.blank-type-chip.selected{transform:scale(1.05)}.blank-type-chip:not(.selected):hover{opacity:.8}.spell-bar{background:rgba(255,107,107,.08);border:1.5px solid rgba(255,107,107,.25);border-radius:14px;padding:12px 14px;margin-top:10px}.spell-bar-title{font-family:Fredoka One,cursive;font-size:13px;color:#FF6B6B;margin-bottom:8px;gap:6px}.spell-bar-title,.spell-item{display:flex;align-items:center}.spell-item{gap:8px;margin-bottom:7px;flex-wrap:wrap}.spell-word{background:rgba(255,107,107,.15);color:#FF6B6B;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:3px 9px;font-size:12px;font-weight:800;-webkit-text-decoration:underline wavy #FF6B6B;text-decoration:underline wavy #FF6B6B}.spell-arrow{color:var(--muted);font-size:12px}.spell-suggestion{font-size:12px}.spell-fix-btn,.spell-suggestion{color:var(--lime);font-weight:800}.spell-fix-btn{background:rgba(200,241,53,.12);border:1px solid rgba(200,241,53,.25);padding:3px 10px;border-radius:7px;font-size:11px;cursor:pointer;transition:all .2s;margin-left:auto}.spell-fix-btn:hover{background:var(--lime);color:var(--navy)}.spell-ok{font-size:12px;font-weight:700;color:var(--muted)}.story-editor-wrap{position:relative}.spell-check-btn{position:absolute;bottom:10px;right:10px;background:rgba(255,107,107,.15);color:#FF6B6B;border:1px solid rgba(255,107,107,.3);padding:5px 12px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer;transition:all .2s}.spell-check-btn:hover{background:rgba(255,107,107,.3)}.preview-screen-story{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;line-height:2.1;font-size:15px;font-weight:700;margin-bottom:16px}.preview-blank-fill{display:inline-block;border-radius:8px;padding:1px 10px;font-weight:900;font-size:14px;border:2px dashed;min-width:60px;text-align:center}.preview-info-box{background:rgba(56,207,255,.07);border:1px solid rgba(56,207,255,.2);border-radius:16px;padding:14px 16px;margin-bottom:14px}.preview-info-title{font-family:Fredoka One,cursive;font-size:14px;color:var(--sky);margin-bottom:6px}.preview-info-text{font-size:12px;color:var(--muted);font-weight:700;line-height:1.6}.preview-blank-legend{display:flex;flex-direction:column;gap:6px;margin-top:10px}.legend-row{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.edit-story-btn{width:100%;padding:13px;border-radius:16px;border:2px solid rgba(200,241,53,.3);background:rgba(200,241,53,.06);color:var(--lime);font-family:Fredoka One,cursive;font-size:15px;cursor:pointer;transition:all .2s;margin-bottom:8px}.edit-story-btn:hover{background:rgba(200,241,53,.12);border-color:var(--lime)}.btn-primary{background:var(--lime);color:var(--navy)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(200,241,53,.3)}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.create-action-row{display:flex;gap:10px;margin-bottom:18px}.create-action-btn{flex:1 1;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);color:var(--muted);font-family:Nunito,sans-serif;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}.create-action-btn:hover:not(:disabled){color:var(--text);border-color:rgba(255,255,255,.2)}.create-action-btn.active{background:rgba(200,241,53,.08);border-color:var(--lime);color:var(--lime)}.create-action-btn.save-idea-btn{color:var(--sky);border-color:rgba(56,207,255,.3);background:rgba(56,207,255,.06)}.create-action-btn.save-idea-btn:hover:not(:disabled){background:rgba(56,207,255,.12);border-color:var(--sky)}.create-action-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.anim{animation:slideUp .35s ease both}.anim-pop{animation:pop .35s ease both}