:root{--bg-deep:#091119;--bg-night:#101d2b;--bg-panel:#101d2be0;--bg-panel-solid:#142435;--gold-light:#f7d683;--gold-primary:#d9a441;--gold-dark:#8f6319;--gold-glow:#d9a44173;--cream-light:#fbf3e4;--cream-main:#f3e3c6;--cream-dark:#dcc296;--text-dark:#2c1d0d;--text-muted-dark:#5c4328;--text-light:#f6efe2;--text-muted:#a6b6c7;--reward-green:#2b8a57;--reward-green-light:#3eb876;--risk-red:#b2382c;--risk-red-light:#de4f41;--info-blue:#317296;--info-blue-light:#4797c4;--font-main:"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Noto Serif", Georgia, serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-deep);width:100%;height:100%;color:var(--text-light);font-family:var(--font-main);justify-content:center;align-items:center;display:flex;overflow:hidden}#game-viewport{border:2px solid var(--gold-dark);background:radial-gradient(circle,#182b3f 0%,#091119 100%);flex-direction:column;width:100vw;max-width:177.78vh;height:100vh;max-height:56.25vw;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #000000e6,inset 0 0 30px #d9a4411f}@media (max-width:1024px){#game-viewport{border:none;max-width:100vw;max-height:100vh}}.corner-ornament{pointer-events:none;z-index:50;opacity:.75;width:44px;height:44px;position:absolute}.corner-tl{border-top:2px solid var(--gold-primary);border-left:2px solid var(--gold-primary);top:8px;left:8px}.corner-tr{border-top:2px solid var(--gold-primary);border-right:2px solid var(--gold-primary);top:8px;right:8px}.corner-bl{border-bottom:2px solid var(--gold-primary);border-left:2px solid var(--gold-primary);bottom:8px;left:8px}.corner-br{border-bottom:2px solid var(--gold-primary);border-right:2px solid var(--gold-primary);bottom:8px;right:8px}.top-nav{z-index:40;border-bottom:1.5px solid var(--gold-dark);background:linear-gradient(#0a131df5 0%,#101d2bd1 100%);justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:relative;box-shadow:0 4px 20px #00000080}.top-nav.hidden{display:none}.nav-left,.nav-right{align-items:center;gap:14px;display:flex}.nav-back-btn{border:2px solid var(--gold-primary);width:42px;height:42px;color:var(--gold-light);cursor:pointer;background:radial-gradient(circle,#223850 0%,#101d2b 100%);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .18s;display:flex;box-shadow:0 2px 10px #0006}.nav-back-btn:hover{box-shadow:0 0 14px var(--gold-glow);background:#294563;transform:scale(1.07)}.player-mini-pill{border:1.5px solid var(--gold-dark);cursor:pointer;background:#0c1723d9;border-radius:30px;align-items:center;gap:10px;padding:4px 16px 4px 6px;transition:all .2s;display:flex}.player-mini-pill:hover{border-color:var(--gold-light);box-shadow:0 0 12px var(--gold-glow)}.player-mini-avatar{border:2px solid var(--gold-primary);object-fit:cover;object-position:top center;background:#fff;border-radius:50%;width:36px;height:36px}.player-mini-info{flex-direction:column;display:flex}.player-mini-name{color:var(--cream-light);font-size:13px;font-weight:700}.player-mini-lvl{color:var(--gold-primary);font-size:11px}.nav-screen-title{color:var(--gold-light);letter-spacing:.6px;text-shadow:0 2px 8px #000000b3;font-size:20px;font-weight:700}.xp-badge{border:1.5px solid var(--gold-primary);color:var(--gold-light);background:linear-gradient(135deg,#2d2110 0%,#191207 100%);border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 0 8px #d9a44140}.icon-btn{border:1.5px solid var(--gold-dark);width:40px;height:40px;color:var(--gold-light);cursor:pointer;background:radial-gradient(circle,#1f344b 0%,#101c29 100%);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .18s;display:flex}.icon-btn:hover{border-color:var(--gold-light);box-shadow:0 0 12px var(--gold-glow);transform:translateY(-1px)}.icon-btn.active{border-color:var(--gold-light);background:linear-gradient(135deg,#523b12 0%,#2c1e08 100%)}#screen-stage{flex:1;width:100%;height:100%;position:relative;overflow:hidden}.screen{flex-direction:column;width:100%;height:100%;animation:.35s forwards screenFadeIn;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes screenFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.btn-primary{border:2px solid var(--gold-primary);color:var(--cream-light);font-family:var(--font-main);cursor:pointer;text-shadow:0 1px 3px #0009;background:linear-gradient(#b83326 0%,#7d1b12 100%);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:13px 28px;font-size:17px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 6px 18px #0000008c,inset 0 1px 1px #ffffff4d}.btn-primary:hover{border-color:var(--gold-light);filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 0 20px #d9a441a6,0 8px 20px #0009}.btn-primary:active{transform:translateY(1px)}.btn-gold{border:2px solid var(--gold-light);color:#231606;font-family:var(--font-main);cursor:pointer;background:linear-gradient(#dfab48 0%,#9b6c19 100%);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 26px;font-size:16px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 5px 15px #00000073,inset 0 1px 1px #ffffff80}.btn-gold:hover{box-shadow:0 0 22px var(--gold-glow);filter:brightness(1.07);transform:translateY(-2px)}.btn-secondary{border:1.5px solid var(--gold-dark);color:var(--cream-light);font-family:var(--font-main);cursor:pointer;background:linear-gradient(#1b2d40eb 0%,#0f1a26f2 100%);border-radius:12px;align-items:center;gap:12px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #0006}.btn-secondary:hover{border-color:var(--gold-primary);box-shadow:0 0 15px var(--gold-glow);background:linear-gradient(#243b54f2 0%,#152434fa 100%);transform:translateY(-2px)}.btn-green{border:2px solid var(--gold-primary);color:#fff;cursor:pointer;background:linear-gradient(#2d8f5a 0%,#1c613b 100%);border-radius:12px;align-items:center;gap:10px;padding:12px 26px;font-size:16px;font-weight:700;transition:all .18s;display:inline-flex}.btn-green:hover{border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 0 18px #3eb8768c}.splash-screen{text-align:center;background:radial-gradient(circle at 50% 35%,#f7d68340 0%,#0000 55%),linear-gradient(#0911194d 0%,#091119eb 100%),url(/mockups/splash-bg.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:relative}.splash-backdrop-overlay{z-index:1;background:radial-gradient(circle,#101d2bb8 0%,#091119f5 100%);position:absolute;inset:0}.splash-content{z-index:2;flex-direction:column;align-items:center;max-width:760px;display:flex;position:relative}.kazakh-emblem-svg{filter:drop-shadow(0 0 22px #d9a441bf);width:130px;height:130px;margin-bottom:18px;animation:3s ease-in-out infinite pulseFloat}@keyframes pulseFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.03)}}.splash-title{color:var(--gold-light);text-transform:uppercase;letter-spacing:2px;text-shadow:0 4px 20px #000000e6,0 0 30px #d9a44159;margin-bottom:12px;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.18}.splash-subtitle{letter-spacing:5px;color:var(--cream-main);text-transform:uppercase;opacity:.9;margin-bottom:44px;font-size:16px}.loading-box{width:380px;max-width:85vw}.loading-label{color:var(--cream-light);margin-bottom:10px;font-size:15px;font-weight:600}.loading-bar-outer{border:2px solid var(--gold-primary);background:#0a121bf2;border-radius:12px;width:100%;height:18px;padding:2px;overflow:hidden;box-shadow:0 0 18px #d9a4414d}.loading-bar-inner{width:0%;height:100%;box-shadow:0 0 12px var(--gold-light);background:linear-gradient(90deg,#b87b19 0%,#f7d683 50%,#dfab48 100%);border-radius:8px;transition:width .15s}.loading-percent{color:var(--gold-light);margin-top:8px;font-size:14px;font-weight:700}.main-menu-screen{background:radial-gradient(circle at 25%,#d9a44129 0%,#0000 60%),linear-gradient(135deg,#0d1926 0%,#182c42 55%,#0e1a27 100%);grid-template-columns:1.1fr .9fr;align-items:center;height:100%;padding:30px 60px;display:grid;position:relative}.menu-hero-left{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.menu-hero-card{border:2.5px solid var(--gold-primary);background:radial-gradient(circle at 50% 30%,#fbf3e4 0%,#dfc496 100%);border-radius:22px;justify-content:center;align-items:flex-end;width:390px;max-width:90%;height:82%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000000b3,0 0 30px #d9a44140}.menu-hero-card img{object-fit:contain;object-position:bottom center;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .4s}.menu-hero-card:hover img{transform:scale(1.03)}.menu-hero-badge{border:1.5px solid var(--gold-primary);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1926eb;border-radius:14px;padding:12px 16px;position:absolute;bottom:18px;left:18px;right:18px}.menu-hero-badge h3{color:var(--gold-light);margin-bottom:4px;font-size:18px}.menu-hero-badge p{color:var(--cream-main);font-size:13px}.menu-buttons-right{flex-direction:column;gap:16px;width:100%;max-width:440px;margin-left:auto;display:flex}.menu-game-heading{margin-bottom:12px}.menu-game-heading h1{color:var(--gold-light);text-shadow:0 3px 12px #000000b3;font-size:32px;font-weight:800;line-height:1.2}.menu-game-heading p{color:var(--text-muted);margin-top:6px;font-size:14px}.menu-btn-item{justify-content:flex-start;width:100%;padding:16px 24px;font-size:18px}.menu-btn-icon{border:1px solid var(--gold-primary);width:32px;height:32px;color:var(--gold-light);background:#d9a44133;border-radius:8px;justify-content:center;align-items:center;font-size:17px;display:flex}.sidebar-layout{background:linear-gradient(135deg,#0d1824 0%,#152638 100%);grid-template-columns:250px 1fr;height:100%;display:grid}.sidebar-nav{border-right:1.5px solid var(--gold-dark);background:#091119d9;flex-direction:column;gap:10px;padding:24px 16px;display:flex}.sidebar-tab{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:13px 16px;font-size:15px;font-weight:600;transition:all .18s;display:flex}.sidebar-tab:hover{color:var(--cream-light);background:#d9a44114}.sidebar-tab.active{color:#231505;border-color:var(--gold-light);background:linear-gradient(90deg,#dfab48 0%,#b57d1e 100%);font-weight:700;box-shadow:0 4px 15px #d9a44159}.sidebar-content{padding:32px 44px;overflow-y:auto}.profile-header-card{border:2px solid var(--gold-primary);background:#132232e6;border-radius:18px;align-items:center;gap:28px;margin-bottom:28px;padding:24px 32px;display:flex;box-shadow:0 10px 30px #00000073}.profile-big-avatar{border:3px solid var(--gold-light);background:var(--cream-light);object-fit:cover;object-position:top center;width:110px;height:110px;box-shadow:0 0 20px var(--gold-glow);border-radius:50%}.profile-progress-wrap{flex:1}.profile-progress-wrap h2{color:var(--cream-light);margin-bottom:6px;font-size:26px}.xp-bar-container{border:1.5px solid var(--gold-dark);background:#0a131c;border-radius:10px;width:100%;max-width:420px;height:14px;margin-top:8px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--gold-primary), var(--gold-light));height:100%;transition:width .3s}.badges-row{flex-wrap:wrap;gap:16px;margin:14px 0 28px;display:flex}.badge-circle{border:2px solid var(--gold-primary);background:radial-gradient(circle,#2a435e 0%,#101d2b 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:28px;display:flex;position:relative;box-shadow:0 4px 12px #0006}.badge-circle.locked{opacity:.4;filter:grayscale()}.characters-screen{height:100%;padding:24px 44px 36px;overflow-y:auto}.filter-tabs{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.character-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;padding-bottom:30px;display:grid}.character-card{border:2px solid var(--gold-primary);cursor:pointer;background:linear-gradient(#1b2f45 0%,#0f1b28 100%);border-radius:16px;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000080}.character-card:hover{border-color:var(--gold-light);box-shadow:0 12px 28px #000000b3, 0 0 20px var(--gold-glow);transform:translateY(-6px)}.character-card-img-wrap{background:radial-gradient(circle at 50% 35%,#fdf6e9 0%,#dfd5c0 100%);justify-content:center;align-items:flex-end;height:240px;display:flex;position:relative;overflow:hidden}.character-card-img-wrap img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .3s}.character-card:hover .character-card-img-wrap img{transform:scale(1.05)}.character-card-body{text-align:center;border-top:1.5px solid var(--gold-dark);background:linear-gradient(#132232 0%,#0c1621 100%);flex-direction:column;flex:1;justify-content:space-between;padding:14px 16px;display:flex}.character-card-title{color:var(--gold-light);margin-bottom:4px;font-size:18px;font-weight:700}.character-card-role{color:var(--cream-main);opacity:.9;font-size:13px}.character-card-tag{border:1px solid var(--gold-dark);color:var(--gold-light);background:#d9a4412e;border-radius:12px;margin-top:10px;padding:4px 10px;font-size:11px;display:inline-block}.world-map-screen{background:radial-gradient(circle,#f5e8cf1f 0%,#0b141eeb 100%),linear-gradient(135deg,#1b2a38 0%,#0e1822 100%);flex-direction:column;justify-content:space-between;height:100%;padding:28px 48px;display:flex;position:relative}.book-restoration-banner{color:var(--text-dark);border:2.5px solid var(--gold-primary);background:linear-gradient(90deg,#f3e3c6f5 0%,#e6cda3f5 100%);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 26px;display:flex;box-shadow:0 8px 25px #00000080}.map-nodes-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin:auto 0;display:grid;position:relative}.map-location-card{border:2px solid var(--gold-primary);text-align:center;cursor:pointer;background:linear-gradient(#17283af2 0%,#0c1621fa 100%);border-radius:18px;flex-direction:column;align-items:center;padding:18px;transition:all .22s;display:flex;position:relative;box-shadow:0 10px 28px #0000008c}.map-location-card:hover{border-color:var(--gold-light);box-shadow:0 0 25px var(--gold-glow);transform:translateY(-6px)}.map-location-card.current-pulse{animation:2.2s infinite mapNodePulse}@keyframes mapNodePulse{0%,to{box-shadow:0 0 #d9a44199,0 10px 28px #0000008c}50%{box-shadow:0 0 0 10px #d9a44100,0 10px 28px #0000008c}}.map-loc-avatar{border:3px solid var(--gold-light);background:var(--cream-light);object-fit:cover;object-position:top center;border-radius:50%;width:115px;height:115px;margin-bottom:12px;box-shadow:0 6px 16px #00000073}.map-loc-title{color:var(--gold-light);margin-bottom:4px;font-size:19px;font-weight:800}.map-loc-sub{color:var(--cream-main);margin-bottom:12px;font-size:13px}.map-loc-status{border-radius:10px;width:100%;margin-top:auto;padding:7px 12px;font-size:12px;font-weight:700}.status-done{border:1px solid var(--reward-green-light);color:#7bf1a8;background:#2b8a5740}.status-open{border:1px solid var(--gold-light);color:var(--gold-light);background:#d9a44133}.char-intro-screen{background:radial-gradient(circle at 30%,#d9a44126 0%,#0000 65%);grid-template-columns:.95fr 1.05fr;align-items:center;gap:36px;height:100%;padding:32px 60px;display:grid}.char-intro-portrait-box{border:3px solid var(--gold-primary);background:radial-gradient(circle,#fdf6e8 0%,#e4cda3 100%);border-radius:22px;justify-content:center;align-items:flex-end;height:86%;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #000000a6}.char-intro-portrait-box img{object-fit:contain;object-position:bottom center;mix-blend-mode:multiply;width:100%;height:100%}.char-intro-details h1{color:var(--gold-light);margin-bottom:8px;font-size:40px}.char-intro-era{border:1px solid var(--gold-primary);color:var(--gold-light);background:#d9a4412e;border-radius:20px;margin-bottom:18px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-block}.char-intro-desc{color:var(--cream-light);margin-bottom:22px;font-size:17px;line-height:1.65}.char-quote-parchment{background:linear-gradient(135deg, var(--cream-light) 0%, var(--cream-dark) 100%);color:var(--text-dark);border:2px solid var(--gold-primary);font-family:var(--font-serif);border-radius:14px;margin-bottom:26px;padding:18px 24px;font-size:18px;font-style:italic;font-weight:700;box-shadow:0 8px 20px #0006}.story-scene-screen{flex-direction:column;justify-content:space-between;height:100%;padding:20px 44px 26px;display:flex;position:relative;overflow:hidden}.bg-library{background:radial-gradient(circle at 50% 40%,#f7d68340 0%,#0000 55%),linear-gradient(#1b130c 0%,#2d1e12 50%,#120c07 100%)}.bg-palace{background:radial-gradient(circle at 50% 25%,#f7ca6847 0%,#0000 60%),linear-gradient(#2b1d0e 0%,#462e14 55%,#1a1108 100%)}.bg-rain-steppe{background:linear-gradient(#1b2b3a 0%,#2c4356 55%,#1d2d24 100%)}.bg-steppe-road{background:radial-gradient(circle at 75% 20%,#f7d6834d 0%,#0000 50%),linear-gradient(#1f3347 0%,#4a3a22 65%,#2b2113 100%)}.rain-overlay{pointer-events:none;z-index:2;background-image:repeating-linear-gradient(105deg,#0000,#0000 18px,#b4d7ff38 18px 20px);background-size:200% 200%;animation:.6s linear infinite rainFall;position:absolute;inset:0}@keyframes rainFall{0%{background-position:0 0}to{background-position:-40px 120px}}.stage-visual-area{z-index:5;flex:1;grid-template-columns:280px 1fr 280px;align-items:center;gap:20px;min-height:0;display:grid;position:relative}.stage-actor{border:2.5px solid var(--gold-primary);background:radial-gradient(circle,#fdf6e9 0%,#e5cfa8 100%);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;height:310px;max-height:44vh;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #000000a6}.stage-actor.speaking{border-color:var(--gold-light);transform:scale(1.03);box-shadow:0 0 28px #f7d683a6,0 12px 30px #000000b3}.stage-actor.dimmed{opacity:.65;filter:saturate(.75)}.stage-actor img{object-fit:contain;object-position:bottom center;mix-blend-mode:multiply;width:100%;height:100%}.stage-actor-nameplate{border:1px solid var(--gold-primary);color:var(--gold-light);background:#0c1621eb;border-radius:12px;padding:4px 14px;font-size:13px;font-weight:700;position:absolute;bottom:8px}.stage-center-showcase{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:12px;display:flex}.magic-book-widget{color:var(--text-dark);border:3px solid var(--gold-primary);background:linear-gradient(135deg,#f7ecd8 0%,#dec192 100%);border-radius:16px;width:100%;max-width:520px;padding:20px 28px;position:relative;box-shadow:0 0 40px #f7d68366,0 14px 35px #000000b3}.magic-book-pages{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.book-page-card{border:1.5px dashed var(--gold-dark);background:#fffbf2e6;border-radius:10px;padding:12px 8px;transition:all .2s}.book-page-card.restored{border-style:solid;border-color:var(--reward-green);background:#e7f7ee}.dialogue-parchment-box{z-index:10;background:linear-gradient(180deg, var(--cream-light) 0%, var(--cream-main) 65%, var(--cream-dark) 100%);color:var(--text-dark);border:3px solid var(--gold-primary);border-radius:18px;padding:20px 28px;position:relative;box-shadow:0 12px 36px #000000bf,inset 0 0 18px #8f631933}.dialogue-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dialogue-speaker{color:#5a2d0c;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.dialogue-controls{gap:8px;display:flex}.dialogue-mini-btn{color:#3d240c;cursor:pointer;background:#5a2d0c1f;border:1.5px solid #8f6319;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:700;transition:all .15s}.dialogue-mini-btn:hover{background:#d9a44159}.dialogue-text{color:var(--text-dark);min-height:54px;margin-bottom:16px;font-size:18px;font-weight:600;line-height:1.55}.choices-stack{flex-direction:column;gap:10px;margin-top:8px;display:flex}.choice-option-btn{text-align:left;width:100%;color:var(--cream-light);font-family:var(--font-main);cursor:pointer;background:linear-gradient(90deg,#172a3d 0%,#101f2e 100%);border:2px solid #8f6319;border-radius:12px;align-items:center;gap:14px;padding:13px 20px;font-size:16px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 4px 12px #00000059}.choice-option-btn:hover{border-color:var(--gold-light);box-shadow:0 0 16px var(--gold-glow);background:linear-gradient(90deg,#213c57 0%,#172b40 100%);transform:translate(4px)}.choice-letter{background:var(--gold-primary);color:#1f1304;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.minigame-parchment-board{background:linear-gradient(180deg, var(--cream-light) 0%, var(--cream-main) 100%);color:var(--text-dark);border:3px solid var(--gold-primary);border-radius:20px;width:92%;max-width:960px;margin:auto;padding:26px 36px;box-shadow:0 18px 45px #000000b3}.matching-columns{grid-template-columns:1fr 1fr;gap:36px;margin:22px 0;display:grid}.match-item-btn{width:100%;color:var(--text-dark);cursor:pointer;background:#fff9ee;border:2px solid #9c6e1c;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 18px;font-size:16px;font-weight:700;transition:all .18s;display:flex}.match-item-btn:hover{background:#f5e3be}.match-item-btn.selected{color:#1d1204;box-shadow:0 0 14px var(--gold-glow);background:#dfab48;border-color:#5a3b08}.match-item-btn.matched{border-color:var(--reward-green);color:#154d2e;cursor:default;background:#d4f2e0}.hidden-objects-stage{border:2px solid var(--gold-dark);background:radial-gradient(circle at 50% 40%,#f7d68333 0%,#101d2bd9 100%),linear-gradient(135deg,#2d1e10 0%,#152535 100%);border-radius:16px;height:330px;margin:16px 0;position:relative;overflow:hidden}.hidden-hotspot{cursor:pointer;background:#d9a44124;border:1.5px dashed #f7d68373;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:32px;transition:all .22s;display:flex;position:absolute}.hidden-hotspot:hover{background:#d9a44152;transform:scale(1.12)}.hidden-hotspot.hint-glow{border-style:solid;box-shadow:0 0 24px 6px #f7d683d9}.hidden-hotspot.found{pointer-events:none;opacity:.55;background:#2b8a5773;border:2px solid #67e89f}.inventory-slots{justify-content:center;gap:18px;margin-top:12px;display:flex}.inventory-slot{border:2px solid var(--gold-primary);width:74px;height:74px;color:var(--cream-light);background:#122130;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.inventory-slot.collected{border-color:var(--gold-light);background:linear-gradient(135deg,#2b8a57 0%,#185233 100%);box-shadow:0 0 15px #3eb87699}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060c12d1;justify-content:center;align-items:center;padding:24px;animation:.22s screenFadeIn;display:flex;position:absolute;inset:0}.modal-backdrop.hidden{display:none}.feedback-card{border:3px solid var(--gold-primary);text-align:center;width:100%;max-width:540px;box-shadow:0 20px 60px #000000d9, 0 0 35px var(--gold-glow);background:linear-gradient(#172b3e 0%,#0d1824 100%);border-radius:22px;padding:32px 42px}.feedback-card.wrong-shake{border-color:var(--risk-red-light);animation:.42s wrongShake}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.feedback-emblem{border:3px solid var(--gold-light);width:82px;height:82px;box-shadow:0 0 28px var(--gold-glow);background:radial-gradient(circle,#f7d683 0%,#9b6c19 100%);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:40px;display:flex}.feedback-title{margin-bottom:6px;font-size:34px;font-weight:800}.feedback-title.correct{color:#67e89f}.feedback-title.wrong{color:#ff7b70}.feedback-xp{color:var(--gold-light);margin-bottom:14px;font-size:20px;font-weight:800}.feedback-desc{color:var(--cream-light);margin-bottom:24px;font-size:16px;line-height:1.55}.hint-parchment-card{background:linear-gradient(180deg, var(--cream-light) 0%, var(--cream-dark) 100%);color:var(--text-dark);border:3px solid var(--gold-primary);text-align:center;border-radius:20px;width:100%;max-width:500px;padding:28px 36px;box-shadow:0 20px 55px #000000d9}.hint-parchment-card h3{color:#4d2907;margin-bottom:12px;font-size:26px}.hint-parchment-card p{color:var(--text-dark);margin-bottom:22px;font-size:17px;font-weight:600;line-height:1.6}