@import"https://fonts.googleapis.com/css2?family=Monomakh&family=PT+Serif:wght@400;700&display=swap";:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;overflow:hidden}body{margin:0}.settings-tab{position:fixed;right:0;top:5%;transform:translateY(-50%);z-index:3100;width:44px;height:56px;background:var(--parchment-bg);border:2px solid var(--border-strong);border-right:none;border-radius:10px 0 0 10px;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:-3px 0 12px #503c1e26,inset 0 0 8px #8c5a1e14;transition:all .25s ease;color:var(--accent-copper)}.settings-tab:hover{background:var(--bg-card);width:50px;color:var(--primary-dark);box-shadow:-4px 0 16px #503c1e33,inset 0 0 8px #8c5a1e1f}.settings-tab.open{right:260px;background:var(--bg-card);color:var(--text-primary)}.settings-backdrop{position:fixed;inset:0;background:#1e160a59;z-index:3150;animation:settingsFadeIn .2s ease}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-drawer{position:fixed;top:0;right:0;bottom:0;width:260px;background:var(--parchment-bg);border-left:1px solid var(--border-color);box-shadow:-4px 0 24px #503c1e1f;z-index:3200;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:1.5rem 1.25rem;overflow-y:auto}.settings-drawer.open{transform:translate(0)}.settings-title{margin:0 0 1.25rem;font-size:1.35rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;color:var(--text-primary);font-weight:700;text-align:center}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-divider{height:1px;background:var(--border-color);margin:1rem 0}.settings-mute-btn{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.6rem .75rem;cursor:pointer;font-size:.9rem;color:var(--text-primary);transition:background .2s ease}.settings-mute-btn:hover{background:var(--bg-dark)}.settings-sliders{display:flex;flex-direction:column;gap:.5rem}.settings-slider-row{display:flex;align-items:center;gap:.5rem;padding:0 .25rem}.settings-slider-icon{font-size:1rem;opacity:.7;-webkit-user-select:none;user-select:none;flex-shrink:0}.settings-volume-slider{flex:1;height:20px;appearance:none;-webkit-appearance:none;background:transparent;outline:none;cursor:pointer;margin:0}.settings-volume-slider::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--border-strong);border-radius:2px}.settings-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-gold);cursor:pointer;margin-top:-6px;box-shadow:0 1px 4px #503c1e33}.settings-volume-slider::-moz-range-track{width:100%;height:4px;background:var(--border-strong);border-radius:2px}.settings-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-gold);border:none;cursor:pointer;box-shadow:0 1px 4px #503c1e33}.settings-restart-btn{background:linear-gradient(135deg,var(--error-color),#a83a3a);color:#fff;border:none;border-radius:8px;padding:.65rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.settings-restart-btn:hover{background:linear-gradient(135deg,#d55a5a,var(--error-color));box-shadow:0 4px 12px #c44b4b4d}.settings-test-mode-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.6rem .75rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.settings-test-mode-btn:hover{background:var(--bg-dark)}.settings-test-mode-btn.active{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.settings-version{margin-top:auto;text-align:center;font-size:.75rem;color:var(--text-muted);font-weight:500;opacity:.6;-webkit-user-select:none;user-select:none}.settings-modal-overlay{position:fixed;inset:0;background:#1e160a80;display:flex;align-items:center;justify-content:center;z-index:3300;animation:settingsFadeIn .2s ease}.settings-modal-content{padding:2rem;max-width:480px;width:90%;box-shadow:var(--shadow-xl);animation:settingsSlideUp .3s ease}@keyframes settingsSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-modal-content h2{margin:0 0 1rem;font-size:1.75rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.settings-modal-content p{margin:0 0 2rem;font-size:1.0625rem;color:var(--text-secondary);line-height:1.6}.settings-modal-buttons{display:flex;gap:1rem;justify-content:center}.settings-modal-buttons .btn{flex:1;min-width:0}@media(max-width:768px){.settings-tab{width:40px;height:50px;font-size:1.35rem}.settings-tab.open{right:240px}.settings-drawer{width:240px;padding:1.25rem 1rem}.settings-modal-content{padding:1.5rem}.settings-modal-content h2{font-size:1.2rem}.settings-modal-buttons{flex-direction:column-reverse}.settings-modal-buttons button{width:100%}}.debug-tab{position:fixed;left:0;top:5%;transform:translateY(-50%);z-index:3100;width:44px;height:56px;background:var(--parchment-bg);border:2px solid var(--border-strong);border-left:none;border-radius:0 10px 10px 0;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:3px 0 12px #503c1e26,inset 0 0 8px #8c5a1e14;transition:all .25s ease;color:var(--accent-copper)}.debug-tab:hover{background:var(--bg-card);width:50px;color:var(--primary-dark);box-shadow:4px 0 16px #503c1e33,inset 0 0 8px #8c5a1e1f}.debug-tab.open{left:300px;background:#fff0c8;color:var(--text-primary, #111827)}.debug-backdrop{position:fixed;inset:0;background:#0000004d;z-index:3150;animation:debugFadeIn .2s ease}@keyframes debugFadeIn{0%{opacity:0}to{opacity:1}}.debug-drawer{position:fixed;top:0;left:0;bottom:0;width:300px;background:#fffcf0f7;border-right:2px solid var(--warning-color, #f59e0b);box-shadow:4px 0 20px #0000001a;z-index:3200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:1.25rem 1rem;overflow-y:auto}.debug-drawer.open{transform:translate(0)}.debug-title{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary, #111827);font-weight:600;text-align:center}.debug-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.debug-tab-btn{flex:1;padding:.4rem .25rem;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-card, #f1f3f5);border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);transition:all .2s ease}.debug-tab-btn.active{background:var(--warning-color, #f59e0b);color:#fff;border-color:var(--warning-color, #f59e0b)}.debug-tab-btn:hover:not(.active){background:var(--bg-secondary, #e5e7eb)}.debug-content{flex:1;overflow-y:auto;min-height:0}.debug-section,.debug-list{display:flex;flex-direction:column;gap:.25rem}.debug-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .6rem;background:#ffffffb3;border-radius:6px;border:1px solid rgba(0,0,0,.05);font-size:.8rem}.debug-item.compact{padding:.35rem .6rem}.debug-key{font-weight:600;color:var(--text-primary, #111827);word-break:break-all;margin-right:.5rem}.debug-value{font-family:monospace;color:var(--secondary-color, #3b82f6);font-weight:500;flex-shrink:0}.debug-item.clickable{cursor:pointer;transition:background .15s ease}.debug-item.clickable:hover{background:#f59e0b26}.debug-item.current{border-color:var(--warning-color, #f59e0b);background:#f59e0b14}.debug-badge{font-size:.65rem;background:var(--success-color, #10b981);color:#fff;padding:.1rem .4rem;border-radius:4px;font-weight:500;flex-shrink:0;white-space:nowrap}.debug-badge.locked{background:var(--text-secondary, #9ca3af)}.debug-badge.completed{background:var(--success-color, #10b981)}.debug-badge.active{background:var(--secondary-color, #3b82f6)}.debug-subheader{padding:.4rem .6rem .15rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary, #9ca3af);margin-top:.4rem}.debug-subheader.current{color:var(--warning-color, #f59e0b)}.debug-stat{padding:.4rem .6rem;font-size:.8rem;font-weight:600;color:var(--text-secondary, #6b7280)}.debug-empty{padding:1rem;text-align:center;color:var(--text-secondary, #9ca3af);font-size:.85rem;font-style:italic}.debug-breadcrumb{display:flex;align-items:center;gap:.3rem;padding:.4rem .6rem;background:#0000000d;border-radius:6px;margin-bottom:.5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);overflow:hidden}.debug-breadcrumb-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-breadcrumb-item.active{color:var(--warning-color, #f59e0b);font-weight:700}.debug-breadcrumb-sep{flex-shrink:0;font-size:.9rem;color:var(--text-secondary, #9ca3af)}.debug-quick-actions{display:flex;flex-direction:column;gap:.35rem;padding-bottom:.25rem}.debug-action-btn.full-width{width:100%}.debug-action-btn{font-size:.7rem;font-weight:600;padding:.25rem .5rem;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.debug-action-btn.consequences{background:#ef4444;color:#fff}.debug-action-btn.consequences:hover{background:#dc2626}.debug-action-btn.cutscene{background:var(--secondary-color, #3b82f6);color:#fff}.debug-action-btn.cutscene:hover{background:#2563eb}.debug-action-btn.tree-page{background:#8b5cf6;color:#fff;margin-bottom:.5rem;padding:.4rem .5rem;font-size:.8rem}.debug-action-btn.tree-page:hover{background:#7c3aed}.debug-divider{height:1px;background:var(--warning-color, #f59e0b);opacity:.3;margin:.75rem 0}.debug-stats-footer{display:flex;flex-direction:column;gap:.25rem}@media(max-width:768px){.debug-tab{width:40px;height:50px;font-size:1.35rem}.debug-tab.open{left:260px}.debug-drawer{width:260px;padding:1rem .75rem}}.debug-tree-overlay{position:fixed;inset:0;z-index:4000;background:#1a1a2e;color:#e0e0e0;display:flex;flex-direction:column;overflow:hidden}.debug-tree-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.debug-tree-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#f59e0b}.debug-tree-close{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s ease}.debug-tree-close:hover{color:#fff;background:#ffffff1a}.debug-tree-body{flex:1;display:flex;overflow:hidden}.debug-tree-graph{flex:1;overflow:auto;padding:0}.debug-tree-canvas{position:relative}.debug-tree-svg{position:absolute;top:0;left:0;pointer-events:none}.debug-tree-node{box-sizing:border-box;padding:.4rem .6rem;border-radius:8px;border:2px solid rgba(255,255,255,.15);background:#ffffff0d;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.debug-tree-node:hover{background:#ffffff1a;transform:translateY(-1px)}.debug-tree-node.selected{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b4d}.debug-tree-node.completed{border-color:#10b981;background:#10b9811a}.debug-tree-node.active{border-color:#3b82f6;background:#3b82f61a;animation:nodeGlow 2s ease-in-out infinite}@keyframes nodeGlow{0%,to{box-shadow:0 0 4px #3b82f633}50%{box-shadow:0 0 12px #3b82f666}}.debug-tree-node.locked{border-color:#ffffff14;background:#ffffff05;opacity:.5}.debug-tree-node-location-tag{font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;color:#f59e0b;font-weight:600;opacity:.8}.debug-tree-node-title{font-size:.72rem;font-weight:700;color:#f0f0f0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-tree-node-type{font-size:.5rem;color:#6b7280;font-style:italic}.debug-tree-node-effects{display:flex;flex-wrap:wrap;gap:.15rem;margin-top:.1rem}.debug-tree-effect{font-size:.45rem;padding:.05rem .25rem;border-radius:3px;font-weight:500;white-space:nowrap}.debug-tree-effect.unlock{background:#f59e0b33;color:#fbbf24}.debug-tree-effect.flag{background:#8b5cf633;color:#c4b5fd}.debug-tree-detail{width:320px;flex-shrink:0;background:#ffffff08;border-left:1px solid rgba(255,255,255,.1);padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.debug-tree-detail h3{margin:0;font-size:1rem;font-weight:700;color:#f0f0f0}.debug-tree-detail-meta{display:flex;gap:.4rem;flex-wrap:wrap}.debug-tree-detail-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;font-weight:600;text-transform:uppercase}.debug-tree-detail-badge.completed{background:#10b981;color:#fff}.debug-tree-detail-badge.active{background:#3b82f6;color:#fff}.debug-tree-detail-badge.locked{background:#6b7280;color:#fff}.debug-tree-detail-type,.debug-tree-detail-loc{font-size:.7rem;padding:.15rem .5rem;border-radius:4px;background:#ffffff14;color:#9ca3af}.debug-tree-detail-desc{font-size:.85rem;line-height:1.5;color:#d1d5db;padding:.5rem 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.debug-tree-detail-section{display:flex;flex-direction:column;gap:.3rem}.debug-tree-detail-section h4{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#f59e0b;font-weight:700}.debug-tree-detail-item{font-size:.8rem;color:#d1d5db;padding:.2rem 0}.debug-tree-detail-item.done{color:#6ee7b7}.debug-tree-detail-item.pending{color:#fca5a5}.debug-tree-detail-item code{font-family:monospace;font-size:.75rem;background:#ffffff0f;padding:.15rem .4rem;border-radius:3px;color:#93c5fd}@media(max-width:768px){.debug-tree-body{flex-direction:column}.debug-tree-detail{width:100%;max-height:40vh;border-left:none;border-top:1px solid rgba(255,255,255,.1)}}.main-character{display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.main-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(80,60,30,.25))}.main-char-small{width:40px;height:40px}.main-char-medium{width:60px;height:60px}.main-char-large{width:120px;height:120px}.main-on-map{cursor:pointer;animation:donBounce 2s ease-in-out infinite}.main-on-map:hover{transform:translate(-50%,-50%) scale(1.1)}@keyframes donBounce{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}.main-pulse-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;border:3px solid rgba(200,146,42,.6);border-radius:50%;transform:translate(-50%,-50%);animation:pulsate 2s ease-out infinite;pointer-events:none}@keyframes pulsate{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.main-centered{display:block;animation:donFloat 3s ease-in-out infinite}@keyframes donFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-stroke{filter:drop-shadow(0 0 0 #f5e6c8) drop-shadow(0 0 8px #f5e6c8) drop-shadow(0 0 16px rgba(200,146,42,.3)) drop-shadow(0 0 32px rgba(200,146,42,.15))}.main-glow-green{filter:drop-shadow(0 0 4px rgba(200,146,42,.8)) drop-shadow(0 0 12px rgba(200,146,42,.5)) drop-shadow(0 0 24px rgba(200,146,42,.3))}.main-glow-blue{filter:drop-shadow(0 0 4px rgba(59,100,180,.8)) drop-shadow(0 0 12px rgba(59,100,180,.5)) drop-shadow(0 0 24px rgba(59,100,180,.3))}@media(max-width:1024px){.main-char-small{width:30px;height:30px}.main-char-medium{width:50px;height:50px}.main-char-large{width:100px;height:100px}.main-pulse-ring{width:60px;height:60px}}.locations-list-wrapper{display:flex;flex-direction:column}.locations-list-title{font-size:1.7rem;-webkit-text-stroke:.3px currentColor;font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin:0 0 1rem}.locations-list{display:flex;flex-direction:column;gap:.75rem;padding:2px;padding-right:.5rem}.locations-list::-webkit-scrollbar{width:6px}.locations-list::-webkit-scrollbar-track{background:transparent}.locations-list::-webkit-scrollbar-thumb{background:#a88c644d;border-radius:3px}.locations-list::-webkit-scrollbar-thumb:hover{background:#a88c6480}.location-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:transparent;border:none;border-radius:2px;cursor:pointer;transition:all .25s ease;position:relative;isolation:isolate}.location-item:before{content:"";position:absolute;inset:-2px;background:var(--parchment-bg);border-radius:2px;filter:url(#rough-edge-sm);z-index:-1;transition:all .2s ease;box-shadow:inset 0 0 4px 1px #5a3c1426,inset 0 0 10px 1px #6e4b1e0f}.location-item.no-events{opacity:.55}.location-item.no-events .location-name{color:var(--text-muted)}.location-item.has-events:before{box-shadow:inset 0 0 5px 1px #a0781e33,inset 0 0 12px 1px #b48c2814}.location-item.unlocked:hover{transform:translate(4px);opacity:1}.location-item.unlocked:hover:before{box-shadow:inset 0 0 5px 1px #5a3c1433,inset 0 0 12px 1px #6e4b1e14,0 3px 10px #c8922a1a}.location-item.locked{opacity:.35;cursor:not-allowed}.location-item.locked:hover{transform:none}.location-item.current:before{background:#c8922a12;box-shadow:inset 0 0 5px 1px #a0781e33,inset 0 0 12px 1px #b48c2814}.location-name{font-size:1.4rem;-webkit-text-stroke:.3px currentColor;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.location-status{font-size:1.5rem}.location-list-image{width:2.4rem;height:2.4rem;object-fit:contain;border-radius:8px;margin-right:.75rem;vertical-align:middle;background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.location-list-emoji{font-size:1.6rem;margin-right:.7rem;vertical-align:middle}.map-visual{position:relative;display:flex;align-items:center;justify-content:center;height:100%;overflow:visible}.map-container{position:relative;max-width:100%;max-height:80vh;aspect-ratio:3 / 4}.map-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:16px}.map-pin{position:absolute;width:32px;height:32px;background:#8c82738c;border:2px solid rgba(255,250,240,.8);border-radius:50% 50% 50% 0;transform:translate(-50%,-50%) rotate(-45deg);cursor:pointer;z-index:5;transition:all .2s ease;box-shadow:0 2px 8px #503c1e40}.map-pin.has-events{background:#4b823ccc;animation:pinPulse 2.5s ease-in-out infinite}@keyframes pinPulse{0%,to{box-shadow:0 2px 8px #4b823c4d}50%{box-shadow:0 2px 16px #4b823c8c}}.map-pin:hover,.map-pin.active{transform:translate(-50%,-50%) rotate(-45deg) scale(1.15)}.map-pin.has-events:hover,.map-pin.has-events.active{background:#417832f2}.map-pin.no-events:hover,.map-pin.no-events.active{background:#8c8273bf}.map-pin.current{width:36px;height:36px;background:#b48c28d9;border-color:#fffaf0e6}.map-pin.current:hover,.map-pin.current.active{background:#b48c28f2}.map-pin .map-pin-tooltip{transform:translate(-50%) rotate(45deg)}.map-pin-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fffaf0f2;color:var(--text-primary);font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.map-pin:hover .map-pin-tooltip,.map-pin.active .map-pin-tooltip{opacity:1}@media(max-width:1024px){.locations-list-title{display:none}.map-visual{height:auto;padding:0;align-items:flex-start;justify-content:flex-start}.map-container{max-height:none;width:100%;aspect-ratio:3 / 4;margin:0}.map-image{max-height:none;border-radius:0;box-shadow:none;border:none}.location-item{padding:1rem 1.25rem}.location-name{font-size:1.05rem}.map-pin{width:36px;height:36px}.map-pin.current{width:40px;height:40px}}.modal-overlay{position:fixed;inset:0;background:#281e0f80;display:flex;align-items:center;justify-content:center;z-index:2000;animation:modalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{padding:2rem 2.5rem;max-width:460px;width:90%;box-shadow:var(--shadow-xl);animation:modalSlideUp .3s ease;text-align:center}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-image-container{position:relative;display:inline-block;margin:0 auto 16px}.modal-image-container:after{content:"";position:absolute;inset:0;pointer-events:none;filter:url(#parchment-edge);box-shadow:inset 0 0 20px 8px #28190899,inset 0 0 50px 4px #3c230c4d,inset 8px 0 16px -2px #23140573,inset -8px 0 16px -2px #23140566,inset 0 8px 16px -2px #1e120480,inset 0 -8px 16px -2px #2d1c0873}.modal-image{max-width:100%;max-height:280px;display:block;object-fit:contain;filter:url(#parchment-edge)}.modal-icon{font-size:3.5rem;margin-bottom:1rem;animation:iconBounce .5s ease}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.modal-title{font-size:1.75rem;font-weight:700;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;margin:0 0 .75rem;color:var(--text-primary);text-align:center!important;display:block;width:100%}.modal-message{font-size:1.05rem;line-height:1.5;color:var(--text-secondary);margin:0 0 1.5rem}.modal-hint .modal-title{color:#8a6520}.modal-success .modal-title{color:#3d7a3d}.modal-unlock .modal-title{color:var(--primary-dark)}.modal-unlock-info{margin:1rem 0 1.5rem;padding:1rem;background:#5a9e5a14;border-radius:12px;border:1px solid rgba(90,158,90,.2)}.unlock-badge{display:flex;align-items:center;justify-content:center;gap:.75rem}.unlock-emoji{font-size:1.75rem;animation:unlockPulse 1s ease infinite}@keyframes unlockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.unlock-text{font-size:1rem;color:var(--text-primary)}.unlock-text strong{color:#3d7a3d;font-weight:700}.modal-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.modal-btn{padding:.75rem 1.5rem;font-size:1.2rem;font-weight:600;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;cursor:pointer;transition:all .2s ease;outline:none}@media(max-width:500px){.modal-content{padding:1.5rem;margin:1rem}.modal-icon{font-size:3rem}.modal-title{font-size:1.2rem}.modal-buttons{flex-direction:column}.modal-btn{width:100%}}.breadcrumbs-wrapper{position:relative;width:fit-content;padding-bottom:.5rem}.breadcrumbs-heading{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;position:relative;z-index:2;margin:0}.breadcrumb-separator{color:var(--text-muted);font-size:1rem;-webkit-user-select:none;user-select:none;opacity:.6}.breadcrumb-link{cursor:pointer;color:var(--accent-copper);font-weight:700;transition:all .2s ease;text-decoration:none;padding:.25rem .75rem;border-radius:2px;position:relative;isolation:isolate}.breadcrumb-link:before{content:"";position:absolute;inset:-1px;border-radius:2px;background:#b8733314;filter:url(#rough-edge-sm);z-index:-1;transition:all .2s ease;box-shadow:inset 0 0 4px 1px #8c5a1e1f}.breadcrumb-link:hover{color:var(--primary-dark)}.breadcrumb-link:hover:before{background:#b8733326;box-shadow:inset 0 0 4px 1px #8c5a1e2e,0 2px 8px #b873331a}.breadcrumb-link:active:before{background:#b8733333}.breadcrumb-current{color:var(--text-primary);font-weight:700;font-family:var(--font-display)}.breadcrumb-dots-container{position:absolute;top:100%;left:0;width:100%;height:12px;margin-top:-4px;z-index:1}.breadcrumb-dot{position:absolute;font-size:.5rem;color:var(--accent-copper);-webkit-user-select:none;user-select:none;pointer-events:none}@media(max-width:1024px){.breadcrumbs-heading{font-size:1.1rem;gap:.4rem;justify-content:center}.breadcrumbs-wrapper{padding-bottom:0}.breadcrumb-dots-container{top:auto;bottom:100%;margin-top:0;margin-bottom:6px}.breadcrumb-link{padding:.2rem .5rem}}.cutscene-overlay{position:fixed;inset:0;background:#1e160aa6;display:flex;align-items:center;justify-content:center;z-index:3000;animation:cutsceneFadeIn .4s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}@keyframes cutsceneFadeIn{0%{opacity:0}to{opacity:1}}.cutscene-content{padding:2.5rem 2.5rem 2rem;max-width:750px;width:90%;box-shadow:var(--shadow-xl);text-align:center;position:relative;cursor:pointer;overflow:visible}.cutscene-close-btn{position:absolute;top:-16px;right:24px;width:38px;height:82px;border:none;background:transparent;cursor:pointer;z-index:10;padding:0;display:flex;align-items:flex-start;justify-content:center}.cutscene-close-btn:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:34px;height:100%;background:radial-gradient(ellipse 2px 2px at 20% 15%,rgba(180,140,100,.25) 0%,transparent 100%),radial-gradient(ellipse 3px 2px at 75% 28%,rgba(160,120,80,.2) 0%,transparent 100%),radial-gradient(ellipse 2px 3px at 40% 52%,rgba(190,150,110,.22) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 65% 70%,rgba(170,130,90,.18) 0%,transparent 100%),radial-gradient(ellipse 3px 2px at 25% 85%,rgba(180,140,100,.2) 0%,transparent 100%),radial-gradient(ellipse 2px 2px at 80% 45%,rgba(200,160,120,.15) 0%,transparent 100%),radial-gradient(ellipse 2px 3px at 50% 8%,rgba(160,110,70,.2) 0%,transparent 100%),radial-gradient(ellipse 3px 2px at 15% 62%,rgba(190,150,110,.18) 0%,transparent 100%),linear-gradient(175deg,transparent 10%,rgba(140,90,50,.12) 20%,transparent 30%),linear-gradient(168deg,transparent 55%,rgba(120,70,40,.1) 65%,transparent 75%),linear-gradient(180deg,#9e2020,#8b1a1a 12%,#7d1616,#8e1b1b 38%,#741414 50%,#891919 65%,#7a1515 78%,#8b1a1a 90%,#a02121);clip-path:polygon(0% 0%,100% 0%,100% 100%,50% 80%,0% 100%);border-radius:0 0 2px 2px;filter:drop-shadow(2px 3px 4px rgba(0,0,0,.45))}.cutscene-close-seal{position:relative;top:28px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#6b1a1a,#4a0c0c 45%,#2e0606);box-shadow:0 2px 4px #0009,0 0 0 1.5px #5a1e1e80,inset 0 1px 3px #ffb4b433,inset 0 -2px 3px #0006;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#c8968273;text-shadow:0 1px 0 rgba(0,0,0,.4),0 -1px 0 rgba(255,200,180,.1);z-index:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.cutscene-close-btn:hover .cutscene-close-seal{transform:scale(.92);background:radial-gradient(circle at 45% 40%,#5a1515,#3d0909,#250505);box-shadow:0 0 2px #000000b3,0 0 12px 2px #78191966,0 0 0 1.5px #5a1e1e80,inset 0 2px 4px #0009,inset 0 -1px 2px #ffb4b41a;color:#c8968299}.cutscene-slide{animation:cutsceneSlideFade .3s ease}@keyframes cutsceneSlideFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cutscene-emoji{font-size:5rem;margin-bottom:1rem;display:block;animation:cutsceneEmojiPulse 2s ease-in-out infinite}@keyframes cutsceneEmojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cutscene-image-frame{position:relative;display:inline-block;margin-bottom:1rem}.cutscene-image-frame:after{content:"";position:absolute;inset:0;pointer-events:none;filter:url(#parchment-edge);box-shadow:inset 0 0 20px 8px #28190899,inset 0 0 50px 4px #3c230c4d,inset 8px 0 16px -2px #23140573,inset -8px 0 16px -2px #23140566,inset 0 8px 16px -2px #1e120480,inset 0 -8px 16px -2px #2d1c0873}.cutscene-image{max-width:100%;max-height:50vh;display:block;object-fit:contain}.cutscene-title{font-size:2.1rem;font-weight:700;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;margin:0 0 1rem;color:var(--text-primary)}.cutscene-text{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin:0 0 1.5rem}.cutscene-dots{display:flex;gap:.5rem;align-items:center;justify-content:center}.cutscene-dot{width:10px;height:10px;border-radius:50%;background:var(--bg-dark);transition:background .3s ease,transform .3s ease}.cutscene-dot.active{background:var(--accent-gold);transform:scale(1.2)}@media(max-width:500px){.cutscene-content{padding:2rem 1.5rem 1.5rem;margin:1rem}.cutscene-emoji{font-size:4rem}.cutscene-title{font-size:1.35rem}.cutscene-text{font-size:1rem}}.breadcrumbs-bar{padding:1.5rem 3rem 1rem;width:100%;z-index:50;position:relative}.game-screen{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;background:var(--bg-primary)}.game-screen:before{content:"";position:absolute;inset:-4px;z-index:-1;background:radial-gradient(ellipse at 8% 12%,rgba(140,105,55,.1) 0%,transparent 22%),radial-gradient(ellipse at 92% 8%,rgba(135,100,50,.08) 0%,transparent 18%),radial-gradient(ellipse at 88% 42%,rgba(145,110,60,.09) 0%,transparent 20%),radial-gradient(ellipse at 4% 65%,rgba(138,103,48,.08) 0%,transparent 20%),radial-gradient(ellipse at 50% 90%,rgba(142,108,55,.07) 0%,transparent 25%),radial-gradient(ellipse at 75% 75%,rgba(148,115,62,.1) 0%,transparent 22%),radial-gradient(ellipse at 30% 82%,rgba(136,100,48,.08) 0%,transparent 18%),radial-gradient(ellipse at 65% 12%,rgba(130,95,45,.07) 0%,transparent 16%),radial-gradient(ellipse at 45% 40%,rgba(255,252,242,.8) 0%,transparent 35%),radial-gradient(ellipse at 20% 30%,rgba(255,250,238,.6) 0%,transparent 28%),radial-gradient(ellipse at 70% 60%,rgba(255,253,245,.55) 0%,transparent 25%),linear-gradient(170deg,#fcf8f2,#f8f2e4);filter:url(#parchment-edge);box-shadow:inset 0 0 40px 10px #5a3c1426,inset 0 0 80px 5px #6e4b1e12}.game-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:0 3rem 3rem;overflow:hidden}.game-content.centered{grid-template-columns:1fr;place-items:center}.left-column{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1.5rem;padding:0 .5rem 1rem}.left-column:before,.left-column:after{content:"";flex:1 0 0px}.left-column::-webkit-scrollbar{width:6px}.left-column::-webkit-scrollbar-track{background:transparent}.left-column::-webkit-scrollbar-thumb{background:#a88c644d;border-radius:3px}.left-column::-webkit-scrollbar-thumb:hover{background:#a88c6480}.left-column h2{font-size:2rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:.75rem;font-weight:700;-webkit-text-stroke:.3px currentColor}.event-list{display:flex;flex-direction:column;gap:1rem;padding:4px}.event-card{display:flex;gap:1.25rem;padding:1.25rem 1.5rem;background:transparent;border:none;border-radius:2px;cursor:pointer;transition:all .25s ease;position:relative;isolation:isolate}.event-card:before{content:"";position:absolute;inset:-2px;background:var(--parchment-bg);border-radius:2px;filter:url(#rough-edge-sm);z-index:-1;transition:all .2s ease;box-shadow:inset 0 0 5px 1px #5a3c142e,inset 0 0 12px 1px #6e4b1e14}.event-card:hover:not(.completed){transform:translate(4px)}.event-card:hover:not(.completed):before{box-shadow:inset 0 0 5px 1px #5a3c1438,inset 0 0 12px 1px #6e4b1e1a,0 4px 12px #c8922a1f}.event-card.completed{opacity:.5;cursor:not-allowed}.event-card-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;min-width:56px;height:56px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);flex-shrink:0}.event-card-content{flex:1;display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:1}.event-card-content h3{font-size:1.4rem;font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin:0;-webkit-text-stroke:.3px currentColor}.event-card-content p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.no-events-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1.5rem}.no-events-icon{font-size:5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(200,146,42,.3))}.no-events-message{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;max-width:400px;font-weight:500;padding:1rem 2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.place-card{align-items:center;padding:1rem 1.25rem}.place-card .event-card-content{gap:0}.place-completed-icon{font-size:1.5rem;display:flex;align-items:center;flex-shrink:0;margin-left:auto}.place-description{display:flex;gap:.75rem;align-items:flex-start;margin:0 0 .5rem}.place-description-emoji{font-size:2rem;line-height:1;flex-shrink:0}.place-description p{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.completed-badge{display:inline-block;padding:.25rem .75rem;background:#5a9e5a1f;color:var(--success-color);border-radius:6px;font-size:.875rem;font-weight:600;margin-top:.5rem;width:fit-content}.story-text{font-size:1.1rem;line-height:1.8;color:var(--text-primary);margin:0;padding:1.25rem 1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);border-left:4px solid var(--accent-gold)}.all-completed-message{text-align:center;padding:3rem 2rem}.completed-icon{font-size:5rem;margin-bottom:1.5rem;animation:iconBounce 1s ease infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.all-completed-message h2{font-size:2.2rem;font-family:var(--font-display);color:var(--accent-gold);margin-bottom:1rem;font-weight:700;-webkit-text-stroke:.3px currentColor}.all-completed-message p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin:.5rem 0}.right-column{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:1.5rem}.main-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.location-emoji{font-size:15rem;text-align:center;animation:float 3s ease-in-out infinite}.event-context{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid var(--accent-gold);padding:1.25rem 1.5rem;border-radius:8px}.event-context p{font-size:1.0625rem;line-height:1.6;color:var(--text-secondary);margin:0;font-weight:400}.question-card{display:flex;flex-direction:column;gap:1.25rem;padding:0 4px}.question-section h2{font-size:1.75rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:1.25rem;line-height:1.4;font-weight:700;-webkit-text-stroke:.3px currentColor}.answers-container{margin-bottom:1rem;padding:2px}.answer-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;margin-bottom:.75rem;background:transparent;border:none;border-radius:2px;cursor:pointer;transition:all .25s ease;position:relative;isolation:isolate}.answer-item:before{content:"";position:absolute;inset:-2px;background:var(--parchment-bg);border-radius:2px;filter:url(#rough-edge-sm);z-index:-1;transition:all .2s ease;box-shadow:inset 0 0 4px 1px #5a3c1426,inset 0 0 10px 1px #6e4b1e0f}.answer-item:hover{transform:translate(4px)}.answer-item:hover:before{box-shadow:inset 0 0 5px 1px #5a3c1433,inset 0 0 12px 1px #6e4b1e14,0 3px 10px #c8922a1a}.answer-item.selected:before{background:#c8922a14;box-shadow:inset 0 0 5px 1px #a0781e33,inset 0 0 12px 1px #b48c2814}.answer-item.selected{transform:translate(0)}.answer-item.correct:before{background:#5a9e5a1a;box-shadow:inset 0 0 5px 1px #325a1e2e,inset 0 0 12px 1px #3c642812}.answer-item.correct{transform:translate(0)}.answer-item.incorrect:before{background:#c44b4b12;box-shadow:inset 0 0 5px 1px #78281e2e,inset 0 0 12px 1px #8c321e12}.answer-item.incorrect{transform:translate(0)}.answer-letter{font-weight:900;font-size:1.35rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;color:var(--accent-gold);min-width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;flex-shrink:0}.answer-item.selected .answer-letter{background:var(--accent-gold);color:#fff;border-color:var(--primary-dark)}.answer-item.correct .answer-letter{background:var(--success-color);color:#fff;border-color:#4a8a4a}.answer-item.incorrect .answer-letter{background:var(--error-color);color:#fff;border-color:#a83a3a}.answer-content{flex:1;font-size:1rem;line-height:1.5;color:var(--text-primary);font-weight:400;padding-top:.2rem}.btn-submit{width:100%;max-width:100%;margin-top:.5rem;box-sizing:border-box}.feedback-panel{margin-top:1.5rem;padding:1.75rem;border-radius:12px;text-align:center;animation:slideIn .3s ease;border:2px solid transparent}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback-panel.correct{background:#5a9e5a1a;border-color:#5a9e5a40}.feedback-panel.incorrect{background:#c44b4b12;border-color:#c44b4b33}.feedback-icon-large{font-size:3.5rem;margin-bottom:.875rem}.feedback-panel h3{font-size:1.75rem;font-family:var(--font-display);color:var(--text-primary);margin-bottom:.875rem;font-weight:700;-webkit-text-stroke:.3px currentColor}.feedback-explanation{font-size:1.0625rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:400}.feedback-panel .btn{width:100%}.location-image-frame{position:relative;width:100%;height:100%}.location-image-frame:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 20px 8px #28190899,inset 0 0 50px 4px #3c230c4d,inset 8px 0 16px -2px #23140573,inset -8px 0 16px -2px #23140566,inset 0 8px 16px -2px #1e120480,inset 0 -8px 16px -2px #2d1c0873}.location-image{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:1024px){.game-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:0;padding:0 0 .75rem;overflow:hidden}.right-column{order:-1;max-height:32vh;border-radius:.5rem;margin:.5rem .75rem 0;background:none;overflow:hidden;border:none}.right-column:has(.map-visual){max-height:none;overflow:visible;background:none;border-bottom:none;border-radius:0;padding:0}.game-content:has(.map-visual){display:flex;flex-direction:column;overflow-y:auto;padding:0 0 .5rem}.game-content:has(.map-visual) .left-column,.game-content:has(.map-visual) .right-column{flex-shrink:0;overflow-y:visible}.location-image{box-shadow:none;border:none}.left-column{padding:.5rem .75rem 1.5rem;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;gap:.75rem}.left-column:after{min-height:3.5rem}.breadcrumbs-bar{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;z-index:50;background:linear-gradient(to top,var(--bg-primary) 60%,transparent 100%);display:flex;justify-content:center}.game-screen:has(.breadcrumbs-bar){padding-bottom:0}.game-header{padding:.75rem}.game-header h1{font-size:1.4rem}.left-column h2,.question-section h2{font-size:1.15rem;margin-bottom:.5rem}.answer-item{padding:.75rem 1rem;margin-bottom:.5rem}.answer-letter{font-size:.95rem;min-width:2rem;height:2rem}.answer-content{font-size:.9rem}.event-card{padding:1rem;gap:.75rem}.event-card-icon{font-size:2rem;min-width:44px;height:44px}.event-card-content h3{font-size:1.05rem}.event-card-content p{font-size:.875rem}.story-text{font-size:.95rem;padding:.75rem 1rem}.feedback-panel{padding:1.25rem;margin-top:1rem}.feedback-icon-large{font-size:2.5rem;margin-bottom:.5rem}.feedback-panel h3{font-size:1.2rem}.feedback-explanation{font-size:.9rem}}.victory-screen{height:100vh;width:100vw;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,rgba(200,146,42,.06) 0%,transparent 60%),var(--bg-primary);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.victory-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:3rem;max-width:900px;width:100%;margin:2rem auto;margin-bottom:120px;box-shadow:var(--shadow-lg);animation:victoryAppear .4s ease}@keyframes victoryAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.victory-icon{font-size:5rem;text-align:center;margin-bottom:1.5rem;animation:bounce 1.2s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.victory-content h1{font-size:2.8rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;text-align:center;margin-bottom:1rem;color:var(--text-primary);font-weight:900}.victory-message{font-size:1.1rem;text-align:center;line-height:1.7;color:var(--text-secondary);margin-bottom:2.5rem;font-weight:400}.stats-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:2rem;margin-bottom:2.5rem}.stats-panel h2{font-size:1.75rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;margin-bottom:1.75rem;text-align:center;color:var(--text-primary);font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.stat-item{text-align:center;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s ease}.stat-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-icon{font-size:2.5rem;margin-bottom:.75rem}.stat-value{font-size:2.8rem;font-weight:900;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;color:var(--accent-gold);margin-bottom:.5rem}.stat-detail{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:400}.continue-learning{margin-bottom:2.5rem}.continue-learning h2{font-size:1.75rem;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;margin-bottom:1.5rem;text-align:center;color:var(--text-primary);font-weight:700}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.learn-link{display:block;padding:1.125rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:600;text-align:center;transition:all .2s ease;font-size:.9375rem}.learn-link:hover{background:var(--bg-card);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-gold)}.victory-content>.btn{width:100%;margin-top:1rem}@media(max-width:768px){.victory-content{padding:2rem;border-radius:16px}.victory-content h1{font-size:1.75rem}.victory-icon{font-size:4rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.links-grid{grid-template-columns:1fr}.stats-panel{padding:1.5rem}}:root{--primary-color: #c8922a;--primary-dark: #a87720;--primary-light: #e8c468;--secondary-color: #7b6b4a;--success-color: #5a9e5a;--error-color: #c44b4b;--warning-color: #d4943a;--bg-primary: #faf6ee;--bg-secondary: #f3ece0;--bg-card: #ede4d4;--bg-dark: #e6dcc8;--text-primary: #3a2e1f;--text-secondary: #7a6b55;--text-muted: #a49880;--border-color: rgba(168, 140, 100, .25);--border-strong: rgba(168, 140, 100, .45);--accent-gold: #c8922a;--accent-copper: #b87333;--shadow-sm: 0 1px 3px rgba(80, 60, 30, .06);--shadow-md: 0 2px 8px rgba(80, 60, 30, .1);--shadow-lg: 0 6px 20px rgba(80, 60, 30, .12);--shadow-xl: 0 12px 36px rgba(80, 60, 30, .16);--parchment-bg: radial-gradient(ellipse at 55% 50%, #fefbf5 0%, transparent 65%), radial-gradient(ellipse at 15% 70%, rgba(200, 180, 145, .1) 0%, transparent 30%), radial-gradient(ellipse at 85% 30%, rgba(195, 175, 140, .08) 0%, transparent 25%), linear-gradient(170deg, #faf5ec, #f5eed8);--font-display: "Monomakh", "Merriweather", Georgia, "Times New Roman", serif;--font-body: "PT Serif", Georgia, "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{height:100vh;height:100dvh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(200,146,42,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(184,115,51,.03) 0%,transparent 50%),var(--bg-primary)}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background:var(--bg-primary)}.loading-spinner{font-size:4rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-screen h2{color:var(--error-color);margin-bottom:1rem;font-family:var(--font-display)}.btn{padding:.875rem 2rem;font-size:1.2rem;font-weight:600;font-family:var(--font-display);-webkit-text-stroke:.3px currentColor;border:none;border-radius:2px;cursor:pointer;transition:all .2s ease;display:inline-block;text-align:center;position:relative;letter-spacing:.02em;isolation:isolate;background:transparent;color:var(--text-primary)}.btn:before{content:"";position:absolute;inset:-2px;border-radius:2px;filter:url(#rough-edge-sm);z-index:-1;transition:all .2s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:before{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:inset 0 0 6px 1px #3c280a4d,inset 0 -2px 4px #3c280a26}.btn-primary:hover:before{background:linear-gradient(135deg,var(--primary-light),var(--primary-color));box-shadow:inset 0 0 6px 1px #3c280a4d,0 4px 16px #c8922a4d}.btn-secondary:before{background:var(--bg-card);box-shadow:inset 0 0 6px 1px #644b2326,inset 0 -2px 4px #644b2314}.btn-secondary:hover:before{background:var(--bg-dark);box-shadow:inset 0 0 6px 1px #644b2333,0 2px 8px #503c1e1a}.btn-success{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-success:before{background:linear-gradient(135deg,var(--success-color),#4a8a4a);box-shadow:inset 0 0 6px 1px #1e32144d,inset 0 -2px 4px #1e321426}.btn-danger{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-danger:before{background:linear-gradient(135deg,var(--error-color),#a83a3a);box-shadow:inset 0 0 6px 1px #3c140a4d,inset 0 -2px 4px #3c140a26}.btn-danger:hover:before{background:linear-gradient(135deg,#d55a5a,var(--error-color));box-shadow:inset 0 0 6px 1px #3c140a4d,0 4px 16px #c44b4b4d}.btn-large{padding:1.125rem 2.5rem;font-size:1.125rem}.parchment-card{position:relative;background:transparent;border:none;isolation:isolate}.parchment-card:before{content:"";position:absolute;inset:-10px;background:var(--parchment-bg);border-radius:4px;filter:url(#parchment-edge-lg);z-index:-1;box-shadow:inset 0 0 20px 8px #5a3c1473,inset 0 0 50px 4px #6e4b1e33,inset 8px 0 16px -2px #50320f4d,inset -8px 0 16px -2px #55371240,inset 0 8px 16px -2px #4b300c59,inset 0 -8px 16px -2px #5f3e164d}