@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);--font-scale:1}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;flex-direction:column}.screen-scroll{overflow-y:auto;display:flex;min-height:0;scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.bottom-nav{flex-shrink:0;display:flex!important;align-items:center;background:rgba(13,13,26,.97);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:8px 4px 14px;z-index:100}.nav-item{flex: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:calc(19px * var(--font-scale, 1));line-height:1;transition:transform .2s}.nav-icon-wrap{position:relative;display:inline-grid;place-items:center;min-width:24px;min-height:24px}.nav-badge{position:absolute;top:-7px;right:-12px;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--pink);color:white;border:2px solid rgba(13,13,26,.97);font-size:calc(9px * var(--font-scale, 1));font-weight:900;line-height:13px;display:grid;place-items:center}.nav-item.active .nav-icon{transform:scale(1.15)}.nav-label{font-size:calc(9px * var(--font-scale, 1));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;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:calc(22px * var(--font-scale, 1));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:calc(16px * var(--font-scale, 1));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:calc(18px * var(--font-scale, 1));flex:1;display:flex;align-items:center;gap:6px}.topbar-wordmark span{color:var(--lime)}.topbar-logo{width:22px;height:22px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.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:calc(15px * var(--font-scale, 1));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:calc(20px * var(--font-scale, 1));margin-bottom:3px}.section-sub{font-size:calc(12px * var(--font-scale, 1));color:var(--muted);font-weight:700;margin-bottom:14px}.section-label-sm{font-size:calc(11px * var(--font-scale, 1));font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.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:calc(14px * var(--font-scale, 1));font-weight:700;padding:11px 14px 11px 42px;outline:none;transition:border-color .2s}.search-bar:focus{border-color:var(--sky)}.search-bar::-moz-placeholder{color:var(--muted)}.search-bar::placeholder{color:var(--muted)}.search-icon{position:absolute;left:27px;top:50%;transform:translateY(-50%);font-size:calc(16px * var(--font-scale, 1));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}.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:calc(14px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));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:calc(10px * var(--font-scale, 1));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);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:calc(26px * var(--font-scale, 1));flex-shrink:0}.explore-meta{flex:1;min-width:0}.explore-title{font-weight:800;font-size:calc(14px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));color:var(--muted);font-weight:700;flex-wrap:wrap}.explore-preview{padding:0 14px 10px;font-size:calc(12px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));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:calc(12px * var(--font-scale, 1));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:calc(10px * var(--font-scale, 1));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:calc(48px * var(--font-scale, 1));margin-bottom:8px}.detail-title{font-family:Fredoka One,cursive;font-size:calc(22px * var(--font-scale, 1));color:white;margin-bottom:4px}.detail-author{font-size:calc(12px * var(--font-scale, 1));font-weight:700;color:rgba(255,255,255,.7)}.story-preview-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin-bottom:14px}.story-preview-label{font-size:calc(10px * var(--font-scale, 1));font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.story-preview-text{font-size:calc(13px * var(--font-scale, 1));color:var(--text);font-weight:600;line-height:1.6;margin-bottom:10px}.story-preview-tags{display:flex;gap:5px;flex-wrap:wrap}.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:calc(15px * var(--font-scale, 1));margin-bottom:10px}.rating-overall{display:flex;align-items:center;gap:14px;margin-bottom:12px}.rating-big{font-family:Fredoka One,cursive;font-size:calc(40px * var(--font-scale, 1));color:var(--lime);line-height:1}.rating-count{font-size:calc(11px * var(--font-scale, 1));margin-top:2px}.rate-cta,.rating-count{color:var(--muted);font-weight:700}.rate-cta{margin-bottom:7px}.rate-cta,.rated-msg{font-size:calc(12px * var(--font-scale, 1))}.rated-msg{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;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px 8px;text-align:center}.mini-stat-icon{font-size:calc(18px * var(--font-scale, 1))}.mini-stat-val{font-family:Fredoka One,cursive;font-size:calc(17px * var(--font-scale, 1));color:var(--lime)}.mini-stat-lbl{font-size:calc(9px * var(--font-scale, 1));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:calc(17px * var(--font-scale, 1));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}.loading-screen{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.no-results-emoji{font-size:calc(44px * var(--font-scale, 1));margin-bottom:10px}.no-results-emoji-img{width:56px;height:56px;-o-object-fit:contain;object-fit:contain;margin-bottom:10px;animation:logo-pulse 1.2s ease-in-out infinite}@keyframes logo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.no-results-text{font-family:Fredoka One,cursive;font-size:calc(17px * var(--font-scale, 1));margin-bottom:5px}.no-results-sub{font-size:calc(12px * var(--font-scale, 1));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}.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:calc(13px * var(--font-scale, 1));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;height:1px;background:var(--border)}.or-text{font-weight:800;font-size:calc(10px * var(--font-scale, 1));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:calc(14px * var(--font-scale, 1));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{color:var(--muted);font-weight:700;margin-top:5px}.blank-tag,.story-hint{font-size:calc(11px * var(--font-scale, 1))}.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-weight:800}.blank-row{display:flex;align-items:center;gap:8px;margin-bottom:9px}.blank-num{font-family:Fredoka One,cursive;font-size:calc(16px * var(--font-scale, 1));color:var(--pink);width:20px;flex-shrink:0}.blank-input{flex: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:calc(12px * var(--font-scale, 1));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:calc(10px * var(--font-scale, 1));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:calc(13px * var(--font-scale, 1));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:calc(12px * var(--font-scale, 1));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:calc(14px * var(--font-scale, 1));margin-bottom:11px}.invite-slot{display:flex;align-items:center;gap:9px;margin-bottom:7px}.slot-num{font-family:Fredoka One,cursive;font-size:calc(14px * var(--font-scale, 1));color:var(--muted);width:16px;flex-shrink:0}.slot-input{flex: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:calc(12px * var(--font-scale, 1));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;padding:10px;border-radius:12px;border:none;font-family:Fredoka One,cursive;font-size:calc(13px * var(--font-scale, 1));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;font-size:calc(11px * var(--font-scale, 1));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:calc(12px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));font-weight:800}.player-dot{width:6px;height:6px;border-radius:50%}.waiting-players-status{display:grid;grid-template-columns:1fr;gap:8px}.waiting-player-row{width:100%;justify-content:space-between;padding:8px 10px;gap:10px}.waiting-player-main{display:flex;align-items:center;gap:7px;min-width:0}.waiting-player-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting-player-state{color:var(--muted);font-size:calc(10px * var(--font-scale, 1));font-weight:900;text-transform:uppercase;letter-spacing:.5px}.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:calc(21px * var(--font-scale, 1));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:calc(10px * var(--font-scale, 1));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:calc(21px * var(--font-scale, 1));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::-moz-placeholder{color:var(--muted)}.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:calc(12px * var(--font-scale, 1));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:calc(24px * var(--font-scale, 1));color:white}.reveal-sub{font-size:calc(12px * var(--font-scale, 1));font-weight:700;color:rgba(255,255,255,.7);margin-top:3px}.confetti{position:absolute;font-size:calc(24px * var(--font-scale, 1));opacity:.4}.story-reveal{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;line-height:2.4;font-weight:700;margin-bottom:14px}.story-reveal,.word-hl{font-size:calc(17px * var(--font-scale, 1))}.word-hl{display:inline-block;border-radius:6px;padding:2px 7px;font-weight:900;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:calc(10px * var(--font-scale, 1));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:calc(18px * var(--font-scale, 1));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);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:calc(11px * var(--font-scale, 1));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:calc(36px * var(--font-scale, 1));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}.un{font-family:Fredoka One,cursive;font-size:calc(20px * var(--font-scale, 1));line-height:1.1}.handle{font-size:calc(11px * var(--font-scale, 1));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:calc(13px * var(--font-scale, 1));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:calc(14px * var(--font-scale, 1));cursor:pointer}.stats-grid{display:grid;grid-template-columns:1fr 1fr;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:calc(23px * var(--font-scale, 1))}.stat-val{font-family:Fredoka One,cursive;font-size:calc(19px * var(--font-scale, 1));color:var(--lime);line-height:1}.stat-lbl{font-size:calc(9px * var(--font-scale, 1));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;padding:8px 4px;border-radius:12px;border:2px solid transparent;background:var(--card);color:var(--muted);font-weight:800;font-size:calc(10px * var(--font-scale, 1));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);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:calc(21px * var(--font-scale, 1));flex-shrink:0}.s-title{font-weight:800;font-size:calc(12px * var(--font-scale, 1));line-height:1.3}.s-title:hover{color:var(--lime)!important;text-decoration:underline}.s-plays{font-size:calc(11px * var(--font-scale, 1));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:calc(16px * var(--font-scale, 1))}.bdg-grid{display:grid;grid-template-columns:repeat(3,1fr);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:calc(27px * var(--font-scale, 1))}.bdg-lbl{font-size:calc(9px * var(--font-scale, 1));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:calc(18px * var(--font-scale, 1));flex-shrink:0}.fr-name{font-weight:800;font-size:calc(13px * var(--font-scale, 1));flex: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:calc(10px * var(--font-scale, 1));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:calc(14px * var(--font-scale, 1));margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.see-all{font-size:calc(11px * var(--font-scale, 1));font-weight:800;color:var(--sky);cursor:pointer}.heart-btn{background:none;border:none;cursor:pointer;font-size:calc(20px * var(--font-scale, 1));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:calc(14px * var(--font-scale, 1));color:var(--text);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}.palette-sub{font-size:calc(11px * var(--font-scale, 1));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:calc(12px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));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:calc(12px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));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:calc(13px * var(--font-scale, 1));font-weight:900;flex-shrink:0}.blank-prompt-input{flex: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:calc(12px * var(--font-scale, 1));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:calc(10px * var(--font-scale, 1));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:calc(13px * var(--font-scale, 1));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-weight:800;-webkit-text-decoration:underline wavy #FF6B6B;text-decoration:underline wavy #FF6B6B}.spell-arrow,.spell-word{font-size:calc(12px * var(--font-scale, 1))}.spell-arrow{color:var(--muted)}.spell-suggestion{font-size:calc(12px * var(--font-scale, 1))}.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:calc(11px * var(--font-scale, 1));cursor:pointer;transition:all .2s;margin-left:auto}.spell-fix-btn:hover{background:var(--lime);color:var(--navy)}.spell-ok{font-size:calc(12px * var(--font-scale, 1));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:calc(11px * var(--font-scale, 1));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:calc(15px * var(--font-scale, 1));font-weight:700;margin-bottom:16px}.preview-blank-fill{display:inline-block;border-radius:8px;padding:1px 10px;font-weight:900;font-size:calc(14px * var(--font-scale, 1));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:calc(14px * var(--font-scale, 1));color:var(--sky);margin-bottom:6px}.preview-info-text{font-size:calc(12px * var(--font-scale, 1));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:calc(12px * var(--font-scale, 1));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:calc(15px * var(--font-scale, 1));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;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:calc(13px * var(--font-scale, 1));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}