@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--font-game: "Fredoka", "Outfit", system-ui, sans-serif;--font-body: "Outfit", system-ui, sans-serif;--parchment-bg: linear-gradient(180deg, #fff9e6 0%, #f7e6c4 100%);--parchment-border: #d4a373;--parchment-shadow: inset 0 2px 4px rgba(255, 255, 255, .8), 0 8px 24px rgba(0, 0, 0, .25);--wood-dark: #4a2810;--wood-medium: #8b5a2b;--wood-light: #c8965e;--wood-shadow: #2a1508;--candy-pink: #ff3366;--btn-shadow-pink: #b31b40;--candy-yellow: #ffb000;--btn-shadow-yellow: #cc7a00;--candy-green: #4caf50;--btn-shadow-green: #1b5e20;--candy-blue: #2196f3;--btn-shadow-blue: #0d47a1;--candy-purple: #9c27b0;--btn-shadow-purple: #4a148c;--text-main: #2d1800;--text-muted: #6b4c2b;--text-light: #ffffff;--radius-sm: 12px;--radius-md: 20px;--radius-pill: 9999px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%}*{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar,::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}body{font-family:var(--font-body);background-color:#0f172a;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#root{width:100%;max-width:480px;height:100vh;height:100dvh;position:relative;display:flex;flex-direction:column;box-shadow:0 0 60px #00000080;overflow:hidden;background:#1e293b}@media screen and (max-width: 768px){#root{max-width:100vw!important;width:100vw!important;height:100vh!important;height:100dvh!important;box-shadow:none;border-radius:0}.screen-container:before,.home-screen:before,.category-select-container:before,.journey-map-container:before,.encyclopedia-container:before,.leaderboard-container:before,.profile-container:before,.shop-screen-container:before{max-width:100vw!important;width:100vw!important}}.primary-btn{font-family:var(--font-game);background:linear-gradient(180deg,#54b925,#3f9814);color:#fff;border:3.5px solid #ffffff;border-radius:var(--radius-md);padding:14px 20px;font-size:1.15rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 6px #1b5e20,0 8px 16px #0003;transition:transform .1s ease;width:100%}.primary-btn:active{transform:translateY(3px);box-shadow:0 3px #1b5e20}.icon-btn{background:linear-gradient(180deg,#fff,#f1f5f9);border:2.5px solid #ffffff;color:#334155;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #cbd5e1,0 6px 12px #0000001f;transition:transform .1s ease}.icon-btn:active{transform:translateY(2px)}.game-navbar{height:64px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:transparent;z-index:10;position:relative;flex-shrink:0;width:100%;box-sizing:border-box}.nav-title{font-family:var(--font-game);font-size:1.35rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;text-shadow:0 2px 0 #1b4965,0 4px 10px rgba(0,0,0,.4)}.wood-compass-icon{width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#ffe054,#ffb000);border:2.5px solid #ffffff;box-shadow:0 3px #cc7a00,0 5px 10px #0003;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.coin-pill-gold{font-family:var(--font-game);background:linear-gradient(180deg,#ffe054,#ffb000);padding:3px 5px 3px 10px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:6px;font-weight:700;font-size:.95rem;color:#5c3800;border:2.5px solid #ffffff;box-shadow:0 3px #cc7a00,0 5px 10px #0003;flex-shrink:0}.coin-w-icon{width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#fff,#ffe082);border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;color:#5c3800;font-weight:700;font-size:.85rem;box-shadow:0 2px #f57f17}.coin-plus-btn{width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#4caf50,#2e7d32);border:1.5px solid #ffffff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;cursor:pointer}.icon-btn-navy{background:linear-gradient(180deg,#fff,#f1f5f9);border:3px solid #ffffff;color:#334155;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #cbd5e1,0 6px 12px #00000026;transition:transform .1s ease}.icon-btn-navy:active{transform:translateY(3px);box-shadow:0 1px #cbd5e1}.screen-container{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:1;padding:16px 18px 95px;background:#0f172a}.screen-container:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:url(/assets/profile_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.screen-container>*{position:relative;z-index:1}.home-screen{background:linear-gradient(180deg,#2b4c7e,#3d6a9e,#5a8cb5 60%,#1e3d29);padding:6px 14px 85px;display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;position:relative}.home-screen:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:url(/assets/home_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.home-screen>*{position:relative;z-index:1}.mascot-container{position:relative;width:100%;margin-top:2px}.home-bottom-mascot-wrapper{display:flex;flex-direction:row;align-items:flex-end;gap:6px;margin-top:auto;margin-bottom:-12px;position:relative;z-index:5}.mascot-speech-bubble{position:relative;flex:1;background:#fffffff7;border:2.5px solid #3d2314;border-radius:16px;padding:8px 12px;box-shadow:0 4px 12px #0000002e;pointer-events:auto;animation:popInBubble .3s cubic-bezier(.175,.885,.32,1.275);align-self:flex-start;margin-top:4px}@keyframes popInBubble{0%{transform:scale(.6) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.speech-bubble-text{font-family:var(--font-game);font-size:.82rem;font-weight:700;color:#3d2314;line-height:1.3;text-align:left}.speech-bubble-tail{position:absolute;right:-9px;top:35%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #3d2314}.speech-bubble-tail:after{content:"";position:absolute;right:2px;top:-5px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #ffffff}.mascot-bottom-right-img{width:100px;height:auto;transform:scaleX(-1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));flex-shrink:0;animation:floatBottomMascot 4s ease-in-out infinite}@keyframes floatBottomMascot{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}.parchment-hero-card{background:var(--parchment-bg);border:3.5px solid #c8965e;outline:1.5px solid #8b5a2b;border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--parchment-shadow);position:relative;z-index:2}.parchment-ribbon-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#c48b48,#9e6428);color:#fff;font-family:var(--font-game);font-size:.78rem;font-weight:700;padding:3px 12px;border-radius:var(--radius-pill);border:1.5px solid #ffe0b2;box-shadow:0 2px #5c3810,0 3px 6px #0003;align-self:flex-start;letter-spacing:.5px;text-transform:uppercase}.parchment-hero-body{display:flex;justify-content:space-between;align-items:center;gap:8px}.parchment-hero-title{font-family:var(--font-game);font-size:1.35rem;font-weight:700;color:#3d2314;line-height:1.2;text-shadow:0 1px 0 rgba(255,255,255,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.parchment-hero-sub{font-family:var(--font-game);font-size:.92rem;font-weight:700;color:#6b4c2b;margin-top:2px}.parchment-hero-sub span{color:#2e7d32;font-weight:800}.topic-animal-img{width:80px;height:80px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.05)}.green-cta-btn{font-family:var(--font-game);background:linear-gradient(180deg,#54b925,#3f9814);color:#fff;border:2.5px solid #ffffff;border-radius:16px;padding:10px 16px;font-size:1.05rem;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px #1b5e20,0 6px 12px #00000040;transition:transform .1s ease,box-shadow .1s ease;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.4)}.green-cta-btn:before{content:"";position:absolute;top:3px;left:12px;right:12px;height:5px;background:#ffffff80;border-radius:4px}.green-cta-btn:active{transform:translateY(4px);box-shadow:0 3px #1b5e20,0 5px 10px #0000004d}.parchment-banner{background:var(--parchment-bg);border:2.5px solid #c8965e;border-radius:18px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--parchment-shadow);cursor:pointer;transition:transform .1s ease}.parchment-banner:active{transform:translateY(3px)}.parchment-banner-title{font-family:var(--font-game);font-size:.95rem;font-weight:700;color:#3d2314;letter-spacing:.3px}.parchment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.parchment-tile{border-radius:18px;border:2.5px solid #ffffff;padding:10px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px #0000001f,0 6px 14px #00000026;transition:transform .1s ease;position:relative}.parchment-tile:active{transform:translateY(3px);box-shadow:0 2px #0000001f}.tile-yellow{background:linear-gradient(180deg,#fff3d6,#fde4a8);border-color:#f7d080}.tile-red{background:linear-gradient(180deg,#fde8e8,#f9c2c2);border-color:#f5a4a4}.tile-cyan{background:linear-gradient(180deg,#e3f2fd,#bbdefb);border-color:#90caf9}.tile-purple{background:linear-gradient(180deg,#f3e5f5,#e1bee7);border-color:#ce93d8}.tile-icon-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 3px #0000001f;flex-shrink:0}.tile-title{font-family:var(--font-game);font-size:.88rem;font-weight:700;color:#3d2314;line-height:1.15}.tile-sub{font-size:.7rem;font-weight:600;color:#6b4c2b}.category-select-container{background:#0f172a;padding:16px 18px 95px;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;position:relative}.category-select-container:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:url(/assets/trails_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.category-select-container>*{position:relative;z-index:1}.category-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}.header-badge{font-family:var(--font-game);background:#ffffffd9;color:#0284c7;font-weight:700;font-size:.8rem;padding:5px 14px;border-radius:var(--radius-pill);border:2px solid #ffffff;box-shadow:0 4px 10px #0000001a;display:inline-flex;align-items:center;gap:6px}.category-main-title{font-family:var(--font-game);font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,60,120,.35)}.category-subtitle{font-size:.95rem;color:#fffffff2;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.2)}.category-grid{display:flex;flex-direction:column;gap:14px}.clean-category-card{background:#fff;border:2px solid #eef2f7;border-radius:24px;padding:16px 18px;box-shadow:0 8px 24px #0000000f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.clean-category-card:active{transform:translateY(3px);box-shadow:0 3px 10px #0000000f}.clean-card-title{font-family:var(--font-game);font-size:1rem;font-weight:700;color:#1e293b;margin:0;white-space:nowrap}.clean-card-desc{font-size:.86rem;color:#64748b;margin:0;font-weight:500;line-height:1.35}.journey-map-container{background:#0f172a;position:relative;flex:1;overflow-y:auto;padding:16px 18px 95px}.journey-map-container:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:url(/assets/trails_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.journey-map-container>*{position:relative;z-index:1}.map-top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;z-index:10}.back-category-btn{background:#fffffff2;border:2px solid white;border-radius:20px;padding:8px 14px;font-family:var(--font-game);font-size:.85rem;font-weight:700;color:#334155;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 4px 10px #00000026}.category-title-pill{font-family:var(--font-game);font-size:.95rem;font-weight:700;color:#fff;padding:6px 16px;border-radius:20px;border:2px solid white;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:8px}.trails-topic-cards-list{display:flex;flex-direction:column;gap:12px}.trails-topic-card{background:#fffffff5;border:2.5px solid #ffffff;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 18px #0000001a;cursor:pointer;transition:transform .15s ease}.trails-topic-card:active{transform:translateY(3px)}.trails-card-icon-badge{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#fff,#f1f5f9);border:2.5px solid #ffffff;box-shadow:0 4px 10px #0000001f;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.trails-card-info{flex:1;display:flex;flex-direction:column;gap:6px}.trails-card-title-row{display:flex;align-items:center;gap:8px}.trails-card-order{font-family:var(--font-game);font-size:.9rem;font-weight:800;color:#0284c7;background:#e0f2fe;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.trails-card-title{font-family:var(--font-game);font-size:1.05rem;font-weight:800;color:#1e293b}.trails-card-progress-row{display:flex;align-items:center;gap:10px}.trails-card-progress-bar{flex:1;height:10px;background:#e2e8f0;border-radius:10px;overflow:hidden}.trails-card-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:10px;transition:width .3s ease}.trails-card-counter{font-family:var(--font-game);font-size:.85rem;font-weight:800;color:#475569}.trails-card-action{flex-shrink:0}.trails-play-btn{background:linear-gradient(180deg,#4caf50,#388e3c);border:2px solid #ffffff;border-radius:20px;padding:8px 16px;color:#fff;font-family:var(--font-game);font-size:.85rem;font-weight:800;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px #388e3c4d;cursor:pointer}.trails-completed-pill{background:#e8f5e9;border:2px solid #a5d6a7;border-radius:20px;padding:6px 12px;color:#2e7d32;font-family:var(--font-game);font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:4px}.map-node.locked{background:#cbd5e1;color:#64748b;border-color:#f1f5f9;cursor:not-allowed;box-shadow:0 6px #94a3b8}.node-label{font-family:var(--font-game);font-size:.85rem;font-weight:700;color:#1e293b;background:#fffffff2;padding:3px 12px;border-radius:12px;margin-top:6px;box-shadow:0 2px 6px #00000026;border:1.5px solid white}.puzzle-screen{background:transparent;min-height:100%;flex:1;display:flex;flex-direction:column;padding:16px;gap:12px;position:relative}.puzzle-screen:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;height:100dvh;background:url(/assets/play_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.puzzle-screen>*{position:relative;z-index:1}.puzzle-header-card{background:#fffffff2;border-radius:20px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 16px #0006;border:2px solid white}.diff-badge{font-family:var(--font-game);font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:10px;color:#fff;display:inline-block;margin-top:2px}.diff-badge.d1{background:#4caf50}.diff-badge.d2{background:#2196f3}.diff-badge.d3{background:#ffb000}.diff-badge.d4{background:#ff7043}.diff-badge.d5{background:#f36}.puzzle-center-area{margin:auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:22px 16px;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;border:2px solid rgba(255,255,255,.22);box-shadow:0 12px 32px #00000073}.category-title-header{font-family:var(--font-game);font-size:2.1rem;font-weight:800;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.8);letter-spacing:1.5px;background:transparent;padding:0;border:none;box-shadow:none}.slots-underline-grid{display:flex;gap:6px;justify-content:center;align-items:flex-end;flex-wrap:nowrap;max-width:100%;padding:8px 4px;background:transparent;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;border:none}.underline-column-item{display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;flex:1 1 auto;min-width:24px}.underline-column-item.len-short{min-width:36px}.underline-column-item.len-medium{min-width:28px}.underline-column-item.len-long{min-width:22px}.slot-letter-correct{font-family:var(--font-game);font-size:1.9rem;font-weight:800;color:#fff;height:40px;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.8)}.underline-column-item.len-long .slot-letter-correct{font-size:1.4rem;height:32px}.slot-underline-bar{width:100%;height:4px;background:#fff;border-radius:2px;box-shadow:0 2px 4px #0009}.underline-column-item.selected .slot-underline-bar{background:#ffb000;height:6px;box-shadow:0 0 10px #ffb000}.slot-letter-wrong{font-family:var(--font-game);font-size:1.8rem;font-weight:800;color:#f36;text-decoration:line-through;text-decoration-thickness:3px;height:40px;display:flex;align-items:center;justify-content:center;margin-top:2px;text-shadow:0 2px 4px rgba(0,0,0,.7)}.underline-column-item.len-long .slot-letter-wrong{font-size:1.4rem;height:32px}.coin-marker-badge{position:absolute;top:10px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));animation:pulseCoin 2s infinite ease-in-out;z-index:5;cursor:pointer}.stone-marker-badge{position:absolute;top:12px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));z-index:5}@keyframes pulseCoin{0%,to{transform:scale(1)}50%{transform:scale(1.18) translateY(-2px)}}.hint-banner-card{background:linear-gradient(180deg,#fff9c4,#fff176);border:3.5px solid #ffffff;box-shadow:0 6px 16px #0000004d;border-radius:16px;padding:12px 18px;color:#3d2314;font-size:.95rem;font-weight:700;text-align:center;max-width:92%;animation:popInBounce .35s cubic-bezier(.175,.885,.32,1.275)}.hint-banner-title{font-family:var(--font-game);font-weight:800;color:#5c3800;margin-bottom:4px;font-size:1.05rem;letter-spacing:.5px}.puzzle-coin-shop-card{display:flex;align-items:center;justify-content:space-between;width:100%;background:#0f172ab3;border:2px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:8px 14px;box-shadow:0 4px 12px #00000059}.puzzle-coin-info{display:flex;align-items:center;gap:8px;font-family:var(--font-game);font-weight:700;font-size:.95rem;color:#ffb000}.puzzle-shop-btn{background:linear-gradient(180deg,#ffb300,#ff8f00);color:#fff;border:2px solid #ffffff;border-radius:12px;padding:6px 14px;font-family:var(--font-game);font-weight:800;font-size:.85rem;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 3px #c77700;transition:transform .1s ease}.puzzle-shop-btn:active{transform:translateY(2px);box-shadow:0 1px #c77700}.puzzle-actions{display:flex;gap:10px;width:100%}.hint-action-btn{flex:1;background:#0f172abf;border:2px solid rgba(255,255,255,.25);border-radius:16px;padding:10px 12px;color:#fff;font-family:var(--font-game);font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0006;transition:transform .1s ease}.hint-action-btn:active{transform:translateY(2px)}.keyboard-container{display:flex;flex-direction:column;gap:6px;width:100%;padding-bottom:10px}.keyboard-row{display:flex;justify-content:center;gap:5px;width:100%}.key-btn{flex:1;max-width:42px;height:48px;background:linear-gradient(180deg,#fff,#e2e8f0);border:2px solid #ffffff;border-radius:10px;font-family:var(--font-game);font-size:1.15rem;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px #94a3b8;transition:transform .1s ease}.key-btn:active{transform:translateY(3px);box-shadow:0 1px #94a3b8}.key-btn.wide{max-width:68px;font-size:.85rem;background:linear-gradient(180deg,#ff7043,#d84315);color:#fff;border-color:#ff9e80;box-shadow:0 4px #bf360c}.key-btn.correct{background:linear-gradient(180deg,#66bb6a,#2e7d32);color:#fff;border-color:#a5d6a7;box-shadow:0 4px #1b5e20}.key-btn.incorrect{background:#475569;color:#94a3b8;border-color:#334155;box-shadow:0 2px #1e293b;opacity:.5}.top-segmented-switcher{flex:1;display:flex;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:4px;border:1.5px solid rgba(255,255,255,.2);gap:4px}.segmented-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:16px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-game);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .2s ease}.segmented-tab-btn.active{background:linear-gradient(180deg,#38bdf8,#0284c7);color:#fff;box-shadow:0 4px 12px #0284c766}.profile-hero-card{background:linear-gradient(180deg,#8b5cf6,#6d28d9);border-radius:24px;padding:24px 18px 50px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;box-shadow:0 10px 25px #6d28d959;border:2px solid rgba(255,255,255,.25)}.profile-avatar-wrapper{position:relative;width:86px;height:86px;border-radius:50%;border:3.5px solid #fbbf24;box-shadow:0 6px 16px #0000004d}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-camera-badge{position:absolute;bottom:0;right:0;background:#38bdf8;border:2px solid white;border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000004d}.profile-name-row{display:flex;align-items:center;gap:8px;font-family:var(--font-game);font-size:1.4rem;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3)}.floating-stats-card{position:absolute;bottom:-32px;left:16px;right:16px;background:linear-gradient(135deg,#fff,#f8fafc);border:3.5px solid #ffffff;border-radius:22px;padding:12px 14px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 10px 25px #0003,0 4px #0000001a}.floating-stat-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}.stat-label-row{display:flex;align-items:center;gap:5px;font-family:var(--font-game);font-size:.72rem;font-weight:800;letter-spacing:.5px}.floating-stat-item.theme-point .stat-label-row{color:#d97706}.floating-stat-item.theme-point .stat-value{color:#78350f}.floating-stat-item.theme-rank .stat-label-row{color:#0284c7}.floating-stat-item.theme-rank .stat-value{color:#0c4a6e}.floating-stat-item.theme-badge .stat-label-row{color:#e11d48}.floating-stat-item.theme-badge .stat-value{color:#881337}.stat-value{font-family:var(--font-game);font-size:1.25rem;font-weight:900}.stat-divider{width:2px;height:32px;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-radius:2px}.sub-tabs-bar{display:flex;margin-top:36px;border-bottom:2px solid rgba(255,255,255,.1);gap:24px;padding:0 12px}.sub-tab-btn{background:transparent;border:none;font-family:var(--font-game);font-weight:700;font-size:.95rem;color:#94a3b8;padding-bottom:8px;cursor:pointer;position:relative}.sub-tab-btn.active{color:#38bdf8}.sub-tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:#38bdf8;border-radius:2px}.badges-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.badge-card-item{background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.15);border-radius:18px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.badge-card-item.locked{opacity:.6}.badge-icon-box{width:52px;height:52px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.badge-title{font-family:var(--font-game);font-size:.92rem;font-weight:800;color:#fff}.badge-desc{font-size:.75rem;color:#94a3b8;font-weight:600}.details-editor-card{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px}.avatar-selection-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-height:200px;overflow-y:auto;padding-right:4px}.avatar-grid-item{width:50px;height:50px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.avatar-grid-item.selected{border:3px solid #4caf50;box-shadow:0 0 10px #4caf5099}.avatar-grid-img{width:100%;height:100%;object-fit:cover}.avatar-check-badge{position:absolute;bottom:0;right:0;background:#2e7d32;border-radius:50%;padding:2px;border:1px solid white}.sound-toggle-card{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:18px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}.lb-filter-pill-bar{display:flex;background:#0f172a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:4px;width:100%;gap:4px}.lb-filter-pill{flex:1;padding:8px 12px;border-radius:16px;border:none;background:transparent;color:#94a3b8;font-family:var(--font-game);font-weight:700;font-size:.88rem;cursor:pointer}.lb-filter-pill.active{background:#334155;color:#fff}.podium-stage-container{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-top:10px;margin-bottom:10px;width:100%;box-sizing:border-box}.podium-column{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0;max-width:33.33%;overflow:hidden}.podium-block{width:100%;border-radius:20px 20px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 4px 10px;gap:3px;position:relative;box-shadow:0 8px 24px #0006;border:2px solid rgba(255,255,255,.25);border-bottom:none;box-sizing:border-box;overflow:hidden}.podium-block.rank-1{height:240px;background:linear-gradient(180deg,#8b5cf6,#6d28d9);border:3px solid #facc15;border-bottom:none;box-shadow:0 10px 30px #8b5cf673}.podium-block.rank-2{height:205px;background:linear-gradient(180deg,#2563eb,#1e40af);border:2.5px solid #93c5fd;border-bottom:none}.podium-block.rank-3{height:190px;background:linear-gradient(180deg,#0d9488,#115e59);border:2.5px solid #5eead4;border-bottom:none}.podium-badge-icon{font-size:1.1rem;margin-top:0;line-height:1}.podium-rank-num{font-family:var(--font-game);font-size:.95rem;font-weight:900;color:#fff;background:#00000040;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.4)}.podium-rank-num.gold{background:#facc15;color:#713f12;border:2px solid white}.podium-avatar-img{width:44px;height:44px;border-radius:50%;border:2.5px solid rgba(255,255,255,.6);object-fit:cover;box-shadow:0 4px 10px #00000040;flex-shrink:0}.podium-avatar-img.gold-ring{width:54px;height:54px;border:3.5px solid #fbbf24}.podium-user-name{font-family:var(--font-game);font-size:.8rem;font-weight:800;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:2px 0;padding:0 4px;box-sizing:border-box}.podium-user-name.gold{font-size:.88rem;color:#fff}.podium-user-score-badge{font-family:var(--font-game);font-size:.72rem;font-weight:800;color:#0284c7;background:#e0f2fe;padding:3px 8px;border-radius:12px;border:1px solid #7dd3fc;box-shadow:0 2px 4px #00000026;max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.podium-user-score-badge.gold{color:#854d0e;background:#fef08a;border:1.5px solid #facc15}.lb-list-container{display:flex;flex-direction:column;gap:10px;width:100%}.lb-list-row{background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.15);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:14px}.lb-list-row.is-player{border:2px solid #ffb000;background:#ffb00026}.lb-rank-num{font-family:var(--font-game);font-size:1.1rem;font-weight:800;color:#94a3b8;width:24px}.lb-icon-box{width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.lb-player-name{flex:1;font-family:var(--font-game);font-size:.98rem;font-weight:700;color:#fff}.lb-player-score{font-family:var(--font-game);font-size:.95rem;font-weight:800;color:#38bdf8}.leaderboard-screen-container{background:#0f172a;padding:16px 18px 95px;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;position:relative}.leaderboard-screen-container:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:url(/assets/leaderboard_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.leaderboard-screen-container>*{position:relative;z-index:1}.leaderboard-header-row{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.leaderboard-trophy-icon{width:48px;height:48px;border-radius:18px;background:linear-gradient(180deg,#ffb000,#cc7a00);border:3px solid #ffffff;box-shadow:0 4px #995c00,0 6px 12px #00000026;display:flex;align-items:center;justify-content:center}.leaderboard-title{font-family:var(--font-game);font-size:2.1rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 6px rgba(0,60,120,.35)}.leaderboard-subtitle{font-size:.85rem;color:#fffffff2;font-weight:600}.leaderboard-top-illustration{font-size:3rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.leaderboard-tabs-bar{display:flex;background:#fffc;border:2.5px solid #ffffff;border-radius:24px;padding:4px;gap:4px;box-shadow:0 4px 12px #00000014}.leaderboard-tab-btn{flex:1;font-family:var(--font-game);font-size:.9rem;font-weight:700;border:none;border-radius:20px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:transparent;color:#64748b;transition:all .15s ease}.leaderboard-tab-btn.active{background:linear-gradient(180deg,#54b925,#3f9814);color:#fff;box-shadow:0 3px #1b5e20}.leaderboard-main-card{background:#fff;border:2px solid #eef2f7;border-radius:28px;padding:20px 16px;box-shadow:0 8px 28px #0000000f;display:flex;flex-direction:column;gap:16px}.podium-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;align-items:flex-end;margin-top:10px}.podium-card{border-radius:24px;border:2px solid #e2e8f0;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;position:relative;box-shadow:0 6px 16px #0000000d}.podium-card.gold{transform:translateY(-8px);padding-top:18px}.podium-crown{position:absolute;top:-14px;font-size:1.4rem}.podium-rank-badge{width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;color:#fff;font-family:var(--font-game);font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;margin-bottom:2px}.podium-avatar-wrapper{width:54px;height:54px;border-radius:50%;background:#fff;border:3px solid #ffffff;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center}.podium-name{font-family:var(--font-game);font-size:.92rem;font-weight:700;color:#1e293b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.podium-stars{display:flex;align-items:center;gap:4px;font-family:var(--font-game);font-size:.82rem;font-weight:700;color:#334155}.podium-level-pill{font-family:var(--font-game);font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:12px;margin-top:4px}.rank-table-header{display:grid;grid-template-columns:40px 1fr 90px 75px;padding:10px 12px;font-family:var(--font-game);font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.5px;border-bottom:1px solid #f1f5f9}.rank-table-body{display:flex;flex-direction:column;gap:4px}.rank-table-row{display:grid;grid-template-columns:40px 1fr 90px 75px;align-items:center;padding:10px 12px;border-radius:16px;transition:background .15s ease}.rank-table-row:hover{background:#f8fafc}.rank-num{font-family:var(--font-game);font-size:1.1rem;font-weight:700;color:#334155}.rank-user-col{display:flex;align-items:center;gap:10px}.rank-avatar{width:38px;height:38px;border-radius:50%;background:#f1f5f9;border:2px solid #ffffff;box-shadow:inset 0 2px 4px #0000000f;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.rank-user-name{font-family:var(--font-game);font-size:.95rem;font-weight:700;color:#1e293b}.rank-stars-col{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-family:var(--font-game);font-size:.88rem;font-weight:700;color:#334155}.rank-level-badge{font-family:var(--font-game);font-size:.76rem;font-weight:700;color:#2e7d32;background:#f0fdf4;border:1px solid #bbf7d0;padding:4px 10px;border-radius:12px;text-align:center}.rank-player-sticky{display:grid;grid-template-columns:40px 1fr 90px 75px;align-items:center;background:#f0fdf4;border:2px solid #86efac;border-radius:20px;padding:12px 14px;margin-top:8px;box-shadow:0 4px 14px #4ade8026}.player-rank-num{font-family:var(--font-game);font-size:1.3rem;font-weight:700;color:#2e7d32}.player-avatar{width:42px;height:42px;border-radius:50%;background:#dcfce7;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.player-name{font-family:var(--font-game);font-size:1rem;font-weight:700;color:#2e7d32}.player-sub{font-size:.75rem;color:#166534;font-weight:600}.player-level-badge{font-family:var(--font-game);font-size:.8rem;font-weight:700;color:#fff;background:linear-gradient(180deg,#54b925,#3f9814);padding:6px 12px;border-radius:14px;text-align:center;box-shadow:0 3px #1b5e20}.leaderboard-stats-footer{background:#fff;border:2px solid #eef2f7;border-radius:24px;padding:16px 18px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 6px 20px #0000000d}.stat-footer-col{display:flex;align-items:center;gap:10px}.stat-icon-gold,.stat-icon-map,.stat-icon-rank{font-size:2rem}.stat-label{font-size:.75rem;color:#64748b;font-weight:600}.stat-value{font-family:var(--font-game);font-size:1.15rem;font-weight:700;color:#1e293b}.stat-sub{font-size:.72rem;color:#64748b;font-weight:600}.stat-footer-divider{width:1.5px;height:32px;background:#e2e8f0}.journal-screen-container{background:#0f172a;padding:16px 18px 95px;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;position:relative}.journal-screen-container:before{content:"";position:fixed;top:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:url(/assets/collection_bg.png) center / cover no-repeat;z-index:0;pointer-events:none}.journal-screen-container>*{position:relative;z-index:1}.journal-hero-card{background:var(--parchment-bg);border:3.5px solid #c8965e;border-radius:24px;padding:20px 18px;box-shadow:var(--parchment-shadow)}.journal-book-icon-wrapper{width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,#8b5a2b,#4a2810);border:3px solid #ffe0b2;box-shadow:0 4px #2a1508,0 6px 12px #00000040;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.journal-hero-title{font-family:var(--font-game);font-size:1.6rem;font-weight:700;color:#3d2314;margin:0}.journal-hero-sub{font-size:.85rem;color:#6b4c2b;margin-top:2px;font-weight:600}.journal-progress-track{height:10px;background:#00000014;border-radius:10px;overflow:hidden;margin-top:6px;border:1px solid rgba(255,255,255,.6)}.journal-progress-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#4caf50,#2e7d32);transition:width .4s ease}.journal-topic-list{display:flex;flex-direction:column;gap:12px}.journal-topic-item{background:#fffffff5;border:2px solid #ffffff;border-radius:20px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 18px #00000014;transition:transform .15s ease}.journal-topic-item.discovered{cursor:pointer}.journal-topic-item.discovered:active{transform:translateY(3px)}.journal-topic-item.locked{background:#fffffff0;opacity:1}.journal-item-badge{width:50px;height:50px;border-radius:50%;background:linear-gradient(180deg,#fff,#f1f5f9);border:2.5px solid #ffffff;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.journal-item-title-row{display:flex;align-items:center;gap:8px}.journal-item-number{font-family:var(--font-game);font-weight:700;font-size:1.1rem;color:#334155}.journal-item-title{font-family:var(--font-game);font-weight:700;font-size:1.15rem;color:#1e293b}.journal-item-desc{font-size:.82rem;color:#64748b;margin-top:2px;font-weight:500}.journal-status-col{display:flex;align-items:center;gap:8px;flex-shrink:0}.journal-discovered-pill{display:flex;align-items:center;gap:5px;background:#e8f5e9;color:#2e7d32;font-family:var(--font-game);font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:12px}.journal-locked-pill{display:flex;align-items:center;gap:4px;background:#f1f5f9;color:#64748b;font-family:var(--font-game);font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:12px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.menu-card{background:#fff;border:3px solid #ffffff;border-radius:20px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 18px #0000000f;text-align:center}.bottom-wood-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;z-index:9999;border-radius:20px 20px 0 0;background:linear-gradient(180deg,#8d5524,#5c3310);border-top:3.5px solid #c8965e;box-shadow:0 -6px 20px #0006,inset 0 2px #ffffff4d}@media screen and (max-width: 768px){.bottom-wood-bar{max-width:100vw!important;width:100vw!important}}.nav-tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;font-family:var(--font-game);font-size:.65rem;font-weight:700;letter-spacing:0px;color:#ffd8a8;opacity:.85;transition:all .15s ease;padding:4px 6px;border-radius:14px;flex:1;min-width:0}.nav-tab-item span{white-space:nowrap}.nav-tab-item:active{transform:scale(.92)}.nav-tab-item.active{color:#fff;opacity:1;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.4);box-shadow:inset 0 2px 4px #ffffff4d,0 4px 10px #00000040;text-shadow:0 2px 4px rgba(0,0,0,.6);transform:translateY(-2px)}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal-content{background:var(--parchment-bg);border:4px solid #c8965e;outline:2px solid #8b5a2b;border-radius:var(--radius-lg);padding:28px 24px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--parchment-shadow);animation:popInBounce .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes popInBounce{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.celebration-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.celebration-container{background:var(--parchment-bg);border:4px solid #c8965e;outline:2px solid #8b5a2b;border-radius:var(--radius-lg);padding:28px 22px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--parchment-shadow);animation:popInBounce .35s cubic-bezier(.175,.885,.32,1.275);text-align:center;position:relative}.celebration-ribbon{background:linear-gradient(180deg,#f36,#b31b40);color:#fff;font-family:var(--font-game);font-weight:700;font-size:1.05rem;padding:8px 24px;border-radius:20px;border:3px solid #ffffff;box-shadow:0 5px #80102b,0 8px 16px #0000004d;letter-spacing:.5px;margin-top:-10px}.celebration-title-row{display:flex;align-items:center;gap:8px}.celebration-title{font-family:var(--font-game);font-size:2.1rem;font-weight:700;color:#3d2314;margin:0;text-shadow:0 1px 0 rgba(255,255,255,.8)}.celebration-gold-badge-container{display:flex;flex-direction:column;align-items:center;position:relative;margin:10px 0}.celebration-gold-badge{width:130px;height:130px;border-radius:50%;background:linear-gradient(180deg,#ffe054,#ffb000);border:5px solid #ffffff;box-shadow:0 8px #cc7a00,0 12px 25px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.celebration-badge-img{width:105px;height:105px;object-fit:contain}.celebration-green-ribbon{background:linear-gradient(180deg,#54b925,#3f9814);color:#fff;font-family:var(--font-game);font-weight:700;font-size:1.2rem;padding:6px 22px;border-radius:18px;border:3px solid #ffffff;box-shadow:0 4px #1b5e20,0 6px 12px #00000040;margin-top:-16px;z-index:2}.celebration-fact-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:16px;width:100%;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 16px #0000000f}.celebration-fact-title{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-game);font-weight:700;color:#3d2314;font-size:1.1rem}.celebration-fact-excerpt{font-size:.92rem;color:#475569;line-height:1.45;font-weight:500}.celebration-read-btn{font-family:var(--font-game);background:linear-gradient(180deg,#54b925,#3f9814);color:#fff;border:3px solid #ffffff;border-radius:16px;padding:14px;font-size:1.15rem;font-weight:700;cursor:pointer;box-shadow:0 5px #1b5e20;transition:transform .1s ease;width:100%}.celebration-read-btn:active{transform:translateY(3px);box-shadow:0 2px #1b5e20}.celebration-later-link{background:transparent;border:none;color:#6b4c2b;font-family:var(--font-game);font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:underline}.topic-detail-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99999;display:flex;flex-direction:column;overflow-y:auto;padding:16px 16px 40px;align-items:center;justify-content:flex-start}.topic-detail-container{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;margin:0 auto}.topic-detail-topbar{display:flex;align-items:center;justify-content:space-between;width:100%;position:sticky;top:0;z-index:20;padding-bottom:4px}.wooden-board-frame{background:linear-gradient(180deg,#8d5524,#5c3310);border:6px solid #c8965e;outline:3px solid #3d2314;border-radius:28px;padding:22px 14px 18px;box-shadow:0 12px 35px #00000080,inset 0 2px #ffffff4d;position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.wooden-top-plank{background:linear-gradient(180deg,#c8965e,#8b5a2b);border:2.5px solid #ffffff;box-shadow:0 4px #3d2314,0 6px 12px #0000004d;border-radius:14px;padding:6px 20px;color:#fff;font-family:var(--font-game);font-size:.88rem;font-weight:700;margin-top:-34px;margin-bottom:14px;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.parchment-scroll-card{background:linear-gradient(180deg,#fff9e6,#f7e6c4);border:3.5px solid #d4a373;border-radius:20px;padding:22px 18px;box-shadow:inset 0 2px 4px #fffc,0 8px 20px #00000040;width:100%;display:flex;flex-direction:column;gap:14px;position:relative}.detail-icon-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #00000014}.detail-topic-title{font-family:var(--font-game);font-size:2.2rem;font-weight:700;color:#3d2314;margin:0;line-height:1.1;text-shadow:0 1px 0 rgba(255,255,255,.8)}.detail-status-row{display:flex;align-items:center;gap:16px}.detail-fact-header{display:flex;align-items:center;gap:8px;font-family:var(--font-game);font-size:1.25rem;font-weight:700;color:#3d2314;margin-top:4px}.detail-article-body{display:flex;flex-direction:column;gap:12px}.detail-paragraph{font-size:.98rem;line-height:1.6;color:#4a2810;font-weight:500}.theme-yellow{background:linear-gradient(165deg,#fffde7,#fff9c4)!important;border:2.5px solid #ffe082!important;box-shadow:0 6px 16px #ffc10738!important}.theme-yellow .trails-card-icon-badge,.theme-yellow .journal-item-badge{background:linear-gradient(180deg,#ffe054,#ffb000)!important;border:2px solid #ffffff!important;box-shadow:0 4px 10px #cc7a004d!important}.theme-pink{background:linear-gradient(165deg,#fff0f5,#ffe4e1)!important;border:2.5px solid #ffb6c1!important;box-shadow:0 6px 16px #ff336638!important}.theme-pink .trails-card-icon-badge,.theme-pink .journal-item-badge{background:linear-gradient(180deg,#ff6b81,#f36)!important;border:2px solid #ffffff!important;box-shadow:0 4px 10px #b31b404d!important}.theme-green{background:linear-gradient(165deg,#f1f8e9,#e8f5e9)!important;border:2.5px solid #a5d6a7!important;box-shadow:0 6px 16px #4caf5038!important}.theme-green .trails-card-icon-badge,.theme-green .journal-item-badge{background:linear-gradient(180deg,#81c784,#4caf50)!important;border:2px solid #ffffff!important;box-shadow:0 4px 10px #2e7d324d!important}.theme-cyan{background:linear-gradient(165deg,#e0f7fa,#e0f2fe)!important;border:2.5px solid #80deea!important;box-shadow:0 6px 16px #00e5ff38!important}.theme-cyan .trails-card-icon-badge,.theme-cyan .journal-item-badge{background:linear-gradient(180deg,#84ffff,#00e5ff)!important;border:2px solid #ffffff!important;box-shadow:0 4px 10px #0097a74d!important}.theme-purple{background:linear-gradient(165deg,#f3e5f5,#f3e8ff)!important;border:2.5px solid #ce93d8!important;box-shadow:0 6px 16px #aa00ff38!important}.theme-purple .trails-card-icon-badge,.theme-purple .journal-item-badge{background:linear-gradient(180deg,#d568ff,#a0f)!important;border:2px solid #ffffff!important;box-shadow:0 4px 10px #7b1fa24d!important}.sound-toggle-card{background:#f8fafc;border:2px solid #cbd5e1;border-radius:18px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 6px #0000000d}button,.primary-btn,.key-btn,.icon-btn,.icon-btn-navy,.bottom-tab,.sound-toggle-card,.coin-pill-gold{transition:transform .12s cubic-bezier(.175,.885,.32,1.275),box-shadow .12s ease,filter .12s ease!important}button:active,.primary-btn:active,.key-btn:active,.icon-btn:active,.icon-btn-navy:active,.bottom-tab:active{transform:scale(.93) translateY(2px)!important;filter:brightness(.95)}.modal-content{animation:juiceModalPop .32s cubic-bezier(.175,.885,.32,1.25) forwards!important;transform-origin:center center}@keyframes juiceModalPop{0%{opacity:0;transform:scale(.85) translateY(10px)}70%{opacity:1;transform:scale(1.03) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.key-btn.incorrect,.letter-tile.wrong-shake{animation:juiceShake .28s ease-in-out!important}@keyframes juiceShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.key-btn.correct,.letter-tile.revealed{animation:juiceCorrectPop .35s cubic-bezier(.175,.885,.32,1.275)!important}@keyframes juiceCorrectPop{0%{transform:scale(.8)}50%{transform:scale(1.22)}to{transform:scale(1)}}.clean-category-card,.journal-topic-item,.rank-card{animation:juiceStaggerIn .35s cubic-bezier(.175,.885,.32,1.2) both}.clean-category-card:nth-child(1),.journal-topic-item:nth-child(1),.rank-card:nth-child(1){animation-delay:30ms}.clean-category-card:nth-child(2),.journal-topic-item:nth-child(2),.rank-card:nth-child(2){animation-delay:70ms}.clean-category-card:nth-child(3),.journal-topic-item:nth-child(3),.rank-card:nth-child(3){animation-delay:.11s}.clean-category-card:nth-child(4),.journal-topic-item:nth-child(4),.rank-card:nth-child(4){animation-delay:.15s}.clean-category-card:nth-child(5),.journal-topic-item:nth-child(5),.rank-card:nth-child(5){animation-delay:.19s}.clean-category-card:nth-child(6),.journal-topic-item:nth-child(6),.rank-card:nth-child(6){animation-delay:.23s}@keyframes juiceStaggerIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pulse-glow{animation:juicePulseGlow 1.6s infinite ease-in-out!important}@keyframes juicePulseGlow{0%,to{box-shadow:0 0 #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 16px 5px #f59e0bcc;transform:scale(1.03)}}