:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-track{background:#1e1e2d80;border-radius:4px}*::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}*,*:before,*:after{cursor:url(/pointer-cursor.png) 48 12,auto}button,a,input[type=range],[role=button],select,label[for],summary{cursor:url(/pointer-cursor.png) 48 12,pointer}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.gate-music-toggle{position:fixed;top:50px;right:110px;z-index:999}.gate-music-btn{background:#1e160ee6;border:1px solid #4a3828;border-radius:8px;width:44px;height:44px;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.gate-music-btn:hover{background:#281e12;border-color:#6b4e35;transform:scale(1.05)}.gate-music-panel{position:fixed;top:50px;right:110px;z-index:1000;background:#1e160ef2;border:1px solid #4a3828;border-radius:10px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000080;animation:slide-down .3s ease}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gate-music-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#9a8860;font-size:16px;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.gate-music-close:hover{background:#ffffff1a;color:#e8d08a}.gate-music-controls{display:flex;flex-direction:column;gap:12px;min-width:200px}.gate-music-play-btn{background:linear-gradient(145deg,#4a3828,#3a2816);border:1px solid #5a4230;color:#e8d08a;padding:12px;border-radius:8px;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.gate-music-play-btn:hover{background:linear-gradient(145deg,#5a4230,#4a3420);border-color:#6b4e35;box-shadow:0 0 12px #c9a95f33}.gate-music-play-btn:active{transform:scale(.95)}.gate-music-volume{display:flex;align-items:center;gap:8px}.gate-music-vol-label{color:#9a8860;font-size:.75rem;font-weight:700;letter-spacing:1px;min-width:30px}.gate-music-slider{flex:1;height:6px;border-radius:3px;background:#0f0b0899;outline:none;-webkit-appearance:none}.gate-music-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#e8d08a;cursor:pointer;border:2px solid #5a4230;transition:all .2s}.gate-music-slider::-webkit-slider-thumb:hover{background:#f5e5b8;box-shadow:0 0 8px #e8d08a66}.gate-music-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#e8d08a;cursor:pointer;border:2px solid #5a4230;transition:all .2s}.gate-music-slider::-moz-range-thumb:hover{background:#f5e5b8;box-shadow:0 0 8px #e8d08a66}.gate-music-vol-value{color:#c4a880;font-size:.8rem;min-width:38px;text-align:right;font-family:Courier New,monospace}@media(max-width:800px){.gate-music-toggle,.gate-music-panel{right:20px}}.landing-container{min-height:100vh;background:linear-gradient(to bottom,#000,#0a0510,#050005);color:#d4d4d4;font-family:Courier New,monospace;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:url(/pointer-cursor.png) 48 12,auto}.stars,.twinkling{position:absolute;inset:0;width:100%;height:100%;display:block}.stars{background:#000 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxIi8+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjkwIiBjeT0iMjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxNDAiIGN5PSI3MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjE4MCIgY3k9IjQwIiByPSIxIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSIxMjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxNjAiIGN5PSIxNTAiIHI9IjEiLz48Y2lyY2xlIGN4PSI3MCIgY3k9IjE4MCIgcj0iMSIvPjwvZz48L3N2Zz4=) repeat;z-index:0}.twinkling{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBvcGFjaXR5PSIwLjMiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMzAiIHI9IjEuNSIvPjxjaXJjbGUgY3g9IjEzMCIgY3k9IjkwIiByPSIxLjUiLz48Y2lyY2xlIGN4PSI2MCIgY3k9IjE0MCIgcj0iMS41Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMzAiIHI9IjEuNSIvPjwvZz48L3N2Zz4=) repeat;z-index:1;animation:move-twink-back 200s linear infinite}.falling-number{position:absolute;top:-50px;color:#50146459;font-family:Courier New,monospace;font-weight:700;pointer-events:none;z-index:2;animation:fall linear;text-shadow:0 0 5px rgba(80,20,100,.4)}@keyframes fall{0%{top:-50px;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100vh;opacity:0}}.content{position:relative;z-index:10;max-width:800px;padding:30px 40px 10px;text-align:center}.title-container{margin-bottom:35px}.glitch-wrapper{position:relative}.title{font-size:3rem;font-weight:700;letter-spacing:8px;color:#fff;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff;margin:0;position:relative;animation:flicker 3s infinite alternate}.subtitle{font-size:1.5rem;font-weight:700;letter-spacing:3px;color:#fff;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff;margin:10px 0 0;font-family:Courier New,monospace;position:relative;animation:flicker 3s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff}20%,24%,55%{text-shadow:none}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{animation:glitch-1 2.5s infinite;color:#0ff;z-index:-1}.glitch:after{animation:glitch-2 2.5s infinite;color:#f0f;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0)}33%{transform:translate(-2px,2px)}66%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}33%{transform:translate(2px,-2px)}66%{transform:translate(-2px,2px)}}.title-border{width:200px;height:2px;background:linear-gradient(to right,transparent,#ff00ff,transparent);margin:20px auto;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.lore-text{line-height:1.8;font-size:1.1rem}.lore-text p{margin:15px 0;color:#888}.greeting{font-size:1.3rem;color:#fff;font-style:italic;margin-bottom:20px!important}.highlight{color:gold;font-weight:700;text-shadow:0 0 5px #ffd700}.yair-text{color:red;font-weight:700;font-size:1.3em;letter-spacing:4px;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.7}}.worlds{font-style:italic;color:#666;font-size:1rem}.divider{margin:25px 0;color:#666;letter-spacing:20px}.rules{font-size:1.2rem;color:#fff;margin-top:0!important}.emphasis{color:#0ff;font-weight:700;text-shadow:0 0 5px #00ffff}.rules-detail{font-size:1rem;color:#777;font-style:italic;margin:12px 0 20px!important}.trial-start{font-size:1.3rem;color:#fff;margin-top:25px!important;margin-bottom:10px!important}.now{color:#f60;font-weight:700;font-size:1.2em;text-shadow:0 0 10px #ff6600;animation:glow 1s ease-in-out infinite;cursor:pointer;transition:transform .2s}.now:hover{transform:scale(1.1);color:#f83}@keyframes glow{0%,to{text-shadow:0 0 10px #ff6600,0 0 20px #ff6600}50%{text-shadow:0 0 20px #ff6600,0 0 30px #ff6600,0 0 40px #ff6600}}.silence{margin-top:30px;color:#333;font-size:.9rem;font-style:italic}.hidden-hint{margin-top:20px;margin-bottom:0;font-size:.7rem;color:#222;opacity:.3;transition:opacity .5s}.hidden-hint:hover{opacity:1;color:#666}.dev-nav{position:fixed;left:0;top:50%;transform:translateY(-50%);background:#000000e6;border:3px solid #a855f7;border-left:none;border-radius:0 10px 10px 0;padding:20px;z-index:5000;box-shadow:0 0 20px #a855f780;min-width:200px}.dev-nav-label{color:#a855f7;font-size:1rem;font-weight:700;text-shadow:0 0 10px #a855f7;margin-bottom:15px;text-align:center;letter-spacing:2px}.dev-nav-link{display:block;color:#888;text-decoration:none;padding:10px 15px;margin:5px 0;border:2px solid #444;border-radius:5px;transition:all .2s;font-size:.9rem}.dev-nav-link:hover{color:#a855f7;border-color:#a855f7;background:#a855f71a;box-shadow:0 0 10px #a855f74d}.dev-nav-link.active{color:#a855f7;border-color:#a855f7;background:#a855f733;font-weight:700}.dev-nav-coming{color:#444;font-size:.85rem;padding:8px 15px;margin:5px 0;border:2px dashed #333;border-radius:5px;font-style:italic}.rune-trail{position:fixed;pointer-events:none;z-index:9999}button,a,input[type=range]{cursor:url(/pointer-cursor.png) 48 12,pointer}.error-message-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;animation:fadeInOut 3s ease-in-out}.error-message{background:#8b0000e6;border:4px solid #ff0000;padding:30px 50px;box-shadow:0 0 30px #f00c,inset 0 0 20px #00000080;text-align:center}.error-text{color:#fff;font-size:2rem;font-weight:700;margin:0 0 15px;text-shadow:0 0 10px #ff0000,2px 2px 0 #000;font-style:italic}.error-hint{color:#faa;font-size:1.3rem;margin:0 0 10px;text-shadow:0 0 5px #ff0000,1px 1px 0 #000}.error-hint-small{color:#fcc;font-size:1rem;margin:0;text-shadow:0 0 5px #ff0000,1px 1px 0 #000;font-style:italic}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.bookshelf-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bookshelf-container{position:relative;max-width:90vw;max-height:90vh;background:#141414cc;border:4px solid #a855f7;box-shadow:0 0 30px #a855f780;padding:20px}.close-btn{position:absolute;top:10px;right:10px;background:#a855f74d;border:2px solid #a855f7;color:#a855f7;font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10001;transition:all .2s}.close-btn:hover{background:#a855f799;transform:scale(1.1)}.bookshelf-image-wrapper{position:relative;display:inline-block}.bookshelf-img{max-width:100%;max-height:80vh;display:block}.death-note-text{position:absolute;top:35%;left:42%;writing-mode:vertical-rl;text-orientation:mixed;font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 5px #000,1px 1px 2px #000,-1px -1px 2px #000;letter-spacing:2px;pointer-events:none;transform:rotate(180deg)}@media(max-width:768px){.title{font-size:2rem;letter-spacing:4px}.content{padding:20px}.lore-text{font-size:1rem}.bookshelf-container{padding:10px}.death-note-text{font-size:10px}}.beehive-container{min-height:100vh;background:linear-gradient(to bottom,#000,#0a0510,#050005);color:#d4d4d4;font-family:Courier New,monospace;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:url(/pointer-cursor.png) 48 12,auto}.beehive-container .dev-nav{position:fixed;left:0;top:50%;transform:translateY(-50%);background:#000000e6;border:3px solid #a855f7;border-left:none;border-radius:0 10px 10px 0;padding:20px;z-index:5000;box-shadow:0 0 20px #a855f780;min-width:200px}.beehive-container .dev-nav-label{color:#a855f7;font-size:1rem;font-weight:700;text-shadow:0 0 10px #a855f7;margin-bottom:15px;text-align:center;letter-spacing:2px}.beehive-container .dev-nav-link{display:block;color:#888;text-decoration:none;padding:10px 15px;margin:5px 0;border:2px solid #444;border-radius:5px;transition:all .2s;font-size:.9rem}.beehive-container .dev-nav-link:hover{color:#a855f7;border-color:#a855f7;background:#a855f71a;box-shadow:0 0 10px #a855f74d}.beehive-container .dev-nav-link.active{color:#a855f7;border-color:#a855f7;background:#a855f733;font-weight:700}.beehive-container .dev-nav-coming{color:#444;font-size:.85rem;padding:8px 15px;margin:5px 0;border:2px dashed #333;border-radius:5px;font-style:italic}.beehive-container .stars,.beehive-container .twinkling{position:absolute;inset:0;width:100%;height:100%;display:block}.beehive-container .stars{background:#000 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxIi8+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjkwIiBjeT0iMjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxNDAiIGN5PSI3MCIgcj0iMSIvPjxjaXJjbGUgY3g9IjE4MCIgY3k9IjQwIiByPSIxIi8+PGNpcmNsZSBjeD0iMzAiIGN5PSIxMjAiIHI9IjEiLz48Y2lyY2xlIGN4PSIxNjAiIGN5PSIxNTAiIHI9IjEiLz48Y2lyY2xlIGN4PSI3MCIgY3k9IjE4MCIgcj0iMSIvPjwvZz48L3N2Zz4=) repeat;z-index:0}.beehive-container .twinkling{background:transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBvcGFjaXR5PSIwLjMiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMzAiIHI9IjEuNSIvPjxjaXJjbGUgY3g9IjEzMCIgY3k9IjkwIiByPSIxLjUiLz48Y2lyY2xlIGN4PSI2MCIgY3k9IjE0MCIgcj0iMS41Ii8+PGNpcmNsZSBjeD0iMTUwIiBjeT0iMzAiIHI9IjEuNSIvPjwvZz48L3N2Zz4=) repeat;z-index:1;animation:move-twink-back 200s linear infinite}.hive-content{position:relative;z-index:10;width:100%;max-width:1200px;padding:40px;text-align:center}.hive-title{font-size:3rem;font-weight:700;letter-spacing:8px;color:gold;text-shadow:0 0 10px #FFD700,0 0 20px #FFD700,0 0 30px #FFD700;margin:0 0 40px;position:relative;animation:flicker 3s infinite alternate}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 10px #FFD700,0 0 20px #FFD700,0 0 30px #FFD700}20%,24%,55%{text-shadow:none}}.egg-counter{margin-bottom:30px}.egg-label{color:orange;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #FFA500,2px 2px 0 #000;display:block;margin-bottom:15px}.no-eggs-warning{margin-top:20px;margin-bottom:30px;background:#f003;border:3px solid #FF0000;padding:15px;border-radius:10px;animation:warning-pulse 1s infinite}@keyframes warning-pulse{0%,to{border-color:red;box-shadow:0 0 10px #ff000080}50%{border-color:tomato;box-shadow:0 0 20px #f00c}}.warning-text{color:tomato;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #FF0000,2px 2px 0 #000;margin-bottom:10px}.eggs-display{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.egg{width:60px;height:60px;cursor:grab;transition:transform .2s;-webkit-user-select:none;user-select:none;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.egg:hover{transform:scale(1.2)}.egg:active{cursor:grabbing}.hive-slots-wrapper{position:relative;margin:40px 0;padding-top:60px}.revert-btn{position:absolute;top:0;right:10px;background:#ff00004d;border:3px solid #FF6347;color:tomato;font-size:1rem;font-weight:700;padding:8px 20px;cursor:pointer;transition:all .3s;text-shadow:2px 2px 0 #000;box-shadow:0 0 15px #ff634780;z-index:100}.revert-btn:hover{background:#ff000080;border-color:red;color:red;box-shadow:0 0 25px #f00c;transform:scale(1.05)}.hive-slots-container{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.hive-slot{width:200px;height:280px;background:#8b45134d;border:4px solid #8B4513;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s;box-shadow:0 0 15px #ffa5004d}.hive-slot.empty{border-style:dashed;border-color:#666}.hive-slot:hover{border-color:orange;box-shadow:0 0 25px #ffa50099}.empty-slot-text{color:#666;font-size:.9rem;text-align:center}.bee-in-slot{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px}.bee-image-container{width:120px;height:120px;margin-bottom:15px;position:relative}.bee-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5))}.bee-placeholder{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid rgba(0,0,0,.3);box-shadow:0 5px 15px #00000080;font-size:4rem}.bee-info{text-align:center}.bee-name{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:5px;text-shadow:2px 2px 0 #000}.bee-rarity{font-size:.85rem;padding:3px 8px;border-radius:5px;font-weight:700;text-shadow:1px 1px 0 #000}.bee-rarity.common{background:gray;color:#fff}.bee-rarity.rare{background:#4169e1;color:#fff}.bee-rarity.epic{background:#9370db;color:#fff}.bee-rarity.legendary{background:gold;color:#000}.bee-rarity.mythic{background:#ff1493;color:#fff}.bee-rarity.event{background:#0f0;color:#000}.battle-btn{background:linear-gradient(135deg,#ff6b00,#ff8c00);border:4px solid #FFD700;color:#fff;font-size:1.5rem;font-weight:700;padding:15px 50px;margin-top:30px;cursor:pointer;text-shadow:2px 2px 0 #000;box-shadow:0 0 20px #ffa50099;transition:all .3s}.battle-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8c00,orange);box-shadow:0 0 30px #ffd700e6;transform:scale(1.05)}.battle-btn:disabled{opacity:.5;cursor:not-allowed}.battle-arena{width:100%}.battle-title{font-size:2.5rem;color:gold;text-shadow:0 0 15px #FFD700,3px 3px 0 #000;margin-bottom:40px;animation:pulse 1.5s infinite}.bet-on-message{font-size:3rem;color:red;text-shadow:0 0 20px #FF0000,0 0 40px #FF0000,3px 3px 0 #000;animation:bet-pulse 1s infinite}@keyframes bet-pulse{0%,to{transform:scale(1);text-shadow:0 0 20px #FF0000,0 0 40px #FF0000,3px 3px 0 #000}50%{transform:scale(1.1);text-shadow:0 0 30px #FF0000,0 0 60px #FF0000,3px 3px 0 #000}}.battle-bees{display:flex;gap:8px;justify-content:center;margin-bottom:40px;flex-wrap:nowrap;width:100%}.battle-bee{width:190px;height:280px;background:#8b45134d;border:4px solid #8B4513;border-radius:15px;cursor:pointer;transition:all .3s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;box-shadow:0 0 15px #ffa5004d;animation:bee-shake .5s ease-in-out infinite;flex-shrink:0}.battle-bee:nth-child(1){animation-delay:0s}.battle-bee:nth-child(2){animation-delay:.1s}.battle-bee:nth-child(3){animation-delay:.2s}.battle-bee:nth-child(4){animation-delay:.3s}.battle-bee:nth-child(5){animation-delay:.4s}@keyframes bee-shake{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(-2deg) translate(-3px)}75%{transform:rotate(2deg) translate(3px)}}.battle-bee:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd700b3;border-color:orange}.battle-bee.selected.betting{border-width:6px;border-color:gold;box-shadow:0 0 40px #ffd700e6;animation:selected-glow .5s ease-in-out}@keyframes selected-glow{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.battle-bee.disabled{opacity:.5;pointer-events:none;filter:grayscale(50%)}.battle-bee.disabled:not(.selected){opacity:.3}.battle-bee-image-wrapper{width:120px;height:120px;margin:0 auto 15px;position:relative}.battle-bee-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5))}.battle-bee-placeholder{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;border:3px solid rgba(0,0,0,.3);box-shadow:0 5px 15px #00000080}.battle-bee .bee-info{text-align:center}.battle-bee-name{color:#fff;font-size:1.1rem;font-weight:700;text-align:center;text-shadow:2px 2px 0 #000;margin-bottom:5px}.battle-result{text-align:center}.winner-display{display:inline-block;padding:30px;background:#000c;border:6px solid;border-radius:20px;margin-bottom:30px}.winner-image-wrapper{width:150px;height:150px;margin:0 auto 20px;position:relative}.winner-image-wrapper.spinning{animation:spin-in 1s ease-out}@keyframes spin-in{0%{transform:rotate(0) scale(0);opacity:0}50%{transform:rotate(720deg) scale(1.3)}to{transform:rotate(1080deg) scale(1);opacity:1}}.winner-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(255,215,0,.8));animation:winner-pulse 1.5s infinite}@keyframes winner-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.winner-placeholder{width:150px;height:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:5rem;box-shadow:0 0 40px #ffd700cc}.dead-display{border-color:#8b0000!important}.skull-wrapper{width:150px;height:150px;margin:0 auto 20px;position:relative}.skull-wrapper.spinning{animation:spin-in 1s ease-out}.skull{font-size:8rem;text-align:center;filter:drop-shadow(0 0 30px rgba(139,0,0,.9));animation:skull-shake .5s infinite}@keyframes skull-shake{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.dead-title{color:#8b0000;font-size:3rem;text-shadow:0 0 20px #FF0000,3px 3px 0 #000;animation:dead-pulse 1s infinite}@keyframes dead-pulse{0%,to{color:#8b0000;text-shadow:0 0 20px #FF0000,3px 3px 0 #000}50%{color:red;text-shadow:0 0 40px #FF0000,0 0 60px #FF0000,3px 3px 0 #000}}.winner-display h3{color:gold;font-size:2rem;text-shadow:0 0 15px #FFD700,3px 3px 0 #000}.result-message{font-size:1.5rem;margin:20px 0;text-shadow:2px 2px 0 #000}.result-message.success{color:#0f0;text-shadow:0 0 15px #00FF00,2px 2px 0 #000}.result-message.failure{color:tomato}.hint-box{background:#ffa50033;border:3px solid #FFA500;padding:20px;margin:20px auto;max-width:500px;border-radius:10px}.hint-text{color:gold;font-size:1.3rem;font-weight:700;text-shadow:0 0 10px #FFD700,2px 2px 0 #000}.reset-btn{background:#808080b3;border:3px solid #999;color:#fff;font-size:1.2rem;padding:12px 40px;margin:20px auto 0;cursor:pointer;transition:all .2s;display:inline-block}.reset-btn:hover{background:#a9a9a9e6;transform:scale(1.05)}.meteor-puzzle-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#0a0510,#050005);z-index:10000;overflow:hidden}.answer-box-container{position:fixed;top:30px;left:50%;transform:translate(-50%);z-index:10001;background:#000000e6;border:4px solid #FFD700;border-radius:10px;padding:20px;box-shadow:0 0 30px #ffd70099;min-width:500px}.answer-form{display:flex;gap:10px;align-items:center;margin-bottom:10px}.answer-label{color:gold;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px #FFD700,2px 2px 0 #000}.answer-input{flex:1;background:#000c;border:3px solid #FFA500;color:#fff;font-size:1.3rem;padding:10px 15px;font-family:Courier New,monospace;letter-spacing:3px;text-align:center}.answer-input:focus{outline:none;border-color:gold;box-shadow:0 0 15px #ffd70080}.answer-submit{background:linear-gradient(135deg,#ff6b00,#ff8c00);border:3px solid #FFD700;color:#fff;font-size:1.2rem;font-weight:700;padding:10px 30px;cursor:pointer;text-shadow:2px 2px 0 #000;transition:all .3s}.answer-submit:hover{background:linear-gradient(135deg,#ff8c00,orange);box-shadow:0 0 20px #ffa500cc;transform:scale(1.05)}.revealed-chars{color:#0f0;font-size:1.1rem;font-family:Courier New,monospace;text-align:center;text-shadow:0 0 5px #00ff00,1px 1px 0 #000;letter-spacing:2px}.meteors-container{position:relative;width:100%;height:100%}.meteor{position:absolute;top:-100px;cursor:pointer;animation:fall-meteor linear infinite;transition:all .3s}@keyframes fall-meteor{0%{top:-100px}to{top:100vh}}.meteor:hover:not(.exploded){filter:brightness(1.5);transform:scale(1.2)}.meteor-rock{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,100,0,.8));animation:meteor-glow 1s infinite;pointer-events:none}@keyframes meteor-glow{0%,to{filter:drop-shadow(0 0 10px rgba(255,100,0,.8))}50%{filter:drop-shadow(0 0 20px rgba(255,150,0,1))}}.meteor.exploded{animation:none;animation:explode .5s ease-out forwards}@keyframes explode{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.meteor-char{background:#ffd700e6;border:3px solid #FFD700;border-radius:50%;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px #ffd700cc;animation:char-reveal .5s ease-out}@keyframes char-reveal{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.char-number{font-size:.8rem;font-weight:700;color:#000;text-shadow:none}.char-value{font-size:1.5rem;font-weight:700;color:#000;text-shadow:none;font-family:Courier New,monospace}.math-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10002;display:flex;align-items:center;justify-content:center}.math-popup{background:#8b0000e6;border:6px solid #FF0000;border-radius:20px;padding:50px;text-align:center;box-shadow:0 0 50px #f00c;animation:popup-appear .3s ease-out;position:relative}@keyframes popup-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.timer-display{position:absolute;top:-30px;right:-30px;width:60px;height:60px;background:red;border:4px solid #FFD700;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;text-shadow:2px 2px 0 #000;animation:timer-pulse 1s infinite}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #f00c}50%{transform:scale(1.1);box-shadow:0 0 40px red}}.math-question{font-size:3rem;color:gold;text-shadow:0 0 20px #FFD700,3px 3px 0 #000;margin-bottom:30px;font-family:Courier New,monospace}.math-input{width:200px;background:#000c;border:4px solid #FFD700;color:#fff;font-size:2rem;padding:15px;font-family:Courier New,monospace;text-align:center;margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.math-input:focus{outline:none;border-color:orange;box-shadow:0 0 20px #ffa500cc}.math-submit{background:linear-gradient(135deg,#ff6b00,#ff8c00);border:4px solid #FFD700;color:#fff;font-size:1.5rem;font-weight:700;padding:15px 50px;cursor:pointer;text-shadow:2px 2px 0 #000;transition:all .3s}.math-submit:hover{background:linear-gradient(135deg,#ff8c00,orange);box-shadow:0 0 30px #ffa500e6;transform:scale(1.05)}.game-lost-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000fa;z-index:10003;display:flex;align-items:center;justify-content:center}.game-lost-popup{background:#8b0000f2;border:8px solid #FF0000;border-radius:30px;padding:80px 100px;text-align:center;box-shadow:0 0 60px #ff0000e6;animation:game-lost-shake .5s ease-out}@keyframes game-lost-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.game-lost-title{font-size:5rem;color:red;text-shadow:0 0 30px #FF0000,0 0 60px #FF0000,5px 5px 0 #000;margin-bottom:30px;animation:game-lost-pulse 1s infinite}@keyframes game-lost-pulse{0%,to{text-shadow:0 0 30px #FF0000,0 0 60px #FF0000,5px 5px 0 #000}50%{text-shadow:0 0 50px #FF0000,0 0 100px #FF0000,5px 5px 0 #000}}.game-lost-message{font-size:1.5rem;color:orange;text-shadow:2px 2px 0 #000;margin-bottom:40px}.lost-sequence-wrapper{margin:0 auto 35px;padding:14px 20px;max-width:100%;background:#00000059;border:3px solid rgba(255,215,0,.65);border-radius:12px}.lost-sequence-label{margin:0 0 10px;color:#ffd86b;font-size:1.2rem;font-weight:700;text-shadow:1px 1px 0 #000}.lost-sequence-value{margin:0;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:6px;word-break:break-word;font-family:Courier New,monospace;text-shadow:0 0 10px rgba(255,215,0,.8),1px 1px 0 #000}.return-gate-btn{background:linear-gradient(135deg,#666,#888);border:5px solid #FFD700;color:#fff;font-size:1.8rem;font-weight:700;padding:20px 60px;cursor:pointer;text-shadow:3px 3px 0 #000;transition:all .3s;box-shadow:0 0 30px #ffd70080}.return-gate-btn:hover{background:linear-gradient(135deg,#888,#aaa);box-shadow:0 0 50px #ffd700e6;transform:scale(1.1)}.meteor-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fade-out 3s ease-in forwards}@keyframes fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0;pointer-events:none}}.meteor-message{font-size:4rem;color:gold;text-shadow:0 0 40px #FFD700,0 0 80px #FF6B00,5px 5px 0 #000;font-weight:700;letter-spacing:4px;animation:meteor-message-pulse 2s ease-in-out infinite;font-family:Courier New,monospace}@keyframes meteor-message-pulse{0%,to{text-shadow:0 0 40px #FFD700,0 0 80px #FF6B00,5px 5px 0 #000;transform:scale(1)}50%{text-shadow:0 0 60px #FFD700,0 0 120px #FF6B00,0 0 150px #FFA500,5px 5px 0 #000;transform:scale(1.1)}}.tarnished-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;animation:tarnished-fade 5s ease-in-out forwards}@keyframes tarnished-fade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0;pointer-events:none}}.tarnished-message{font-size:3.5rem;color:#ff6b00;text-shadow:0 0 40px #FF6B00,0 0 80px #8B0000,5px 5px 0 #000;font-weight:700;letter-spacing:3px;animation:tarnished-pulse 2s ease-in-out infinite;font-family:Courier New,monospace;max-width:80%;text-align:center;line-height:1.4}@keyframes tarnished-pulse{0%,to{text-shadow:0 0 40px #FF6B00,0 0 80px #8B0000,5px 5px 0 #000;transform:scale(1)}50%{text-shadow:0 0 60px #FF6B00,0 0 120px #8B0000,0 0 150px #FF0000,5px 5px 0 #000;transform:scale(1.05)}}@media(max-width:768px){.hive-title{font-size:2rem}.hive-slot{width:150px;height:220px}.battle-bee{width:120px}.answer-box-container{min-width:90%;padding:15px}.answer-form{flex-direction:column}.answer-input{width:100%}}.catan-puzzle-container{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden;padding:20px;color:silver;font-family:Courier New,monospace}.nebula-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(75,0,130,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(138,43,226,.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(72,61,139,.2) 0%,transparent 70%);z-index:1;animation:nebula-pulse 20s ease-in-out infinite}@keyframes nebula-pulse{0%,to{opacity:.6}50%{opacity:.8}}.fog-layer{position:fixed;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle at 20% 50%,rgba(200,200,220,.03) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(200,200,220,.02) 0%,transparent 50%);z-index:2;animation:fog-drift 60s linear infinite}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(-50%,-50%)}}.catan-puzzle-container .dev-nav{position:fixed;left:0;top:50%;transform:translateY(-50%);background:#0a0a14f2;border:3px solid #4a4a6a;border-left:none;border-radius:0 10px 10px 0;padding:20px;z-index:5000;box-shadow:0 0 30px #4b008280;min-width:200px;transition:all .3s ease}.catan-puzzle-container .dev-nav.closed{min-width:auto;padding:15px 10px}.catan-puzzle-container .dev-nav-toggle{position:absolute;right:10px;top:10px;background:#4a4a6a;border:2px solid #8b7355;border-radius:6px;color:#8b7355;font-size:1.2rem;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.catan-puzzle-container .dev-nav-toggle:hover{background:#5a5a7a;color:#b8a896;box-shadow:0 0 10px #8b735566}.catan-puzzle-container .dev-nav-label{color:#8b7355;font-size:1rem;font-weight:700;text-shadow:0 0 10px rgba(139,115,85,.6);margin-bottom:15px;text-align:center;letter-spacing:2px}.catan-puzzle-container .dev-nav-link{display:block;color:#888;text-decoration:none;padding:10px 15px;margin:5px 0;border:2px solid #444;border-radius:5px;transition:all .2s;font-size:.9rem}.catan-puzzle-container .dev-nav-link:hover{color:#8b7355;border-color:#8b7355;background:#8b73551a;box-shadow:0 0 10px #8b73554d}.catan-puzzle-container .dev-nav-link.active{color:#8b7355;border-color:#8b7355;background:#8b735533;font-weight:700}.catan-puzzle-container .dev-nav-coming{color:#444;font-size:.85rem;padding:8px 15px;margin:5px 0;border:2px dashed #333;border-radius:5px;font-style:italic}.puzzle-header{text-align:center;margin-bottom:30px;position:relative;z-index:10}.puzzle-title{font-size:4rem;color:#8b7355;text-shadow:0 0 30px rgba(139,115,85,.8),0 0 60px rgba(138,43,226,.4),5px 5px 0 #000;letter-spacing:4px;margin:0 0 10px;animation:title-glow 4s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 30px rgba(139,115,85,.8),0 0 60px rgba(138,43,226,.4),5px 5px 0 #000}50%{text-shadow:0 0 50px rgba(139,115,85,1),0 0 100px rgba(138,43,226,.6),5px 5px 0 #000}}.puzzle-title.glitch{position:relative}.puzzle-title.glitch:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:-2px 0 rgba(138,43,226,.7);animation:glitch-1 2s infinite;clip-path:rect(0,900px,0,0);z-index:-1}.puzzle-title.glitch:after{content:attr(data-text);position:absolute;left:2px;text-shadow:2px 0 rgba(75,0,130,.7);animation:glitch-2 3s infinite;clip-path:rect(0,900px,0,0);z-index:-1}@keyframes glitch-1{0%{clip-path:rect(0,9999px,0,0)}5%{clip-path:rect(10px,9999px,32px,0)}10%{clip-path:rect(0,9999px,0,0)}}@keyframes glitch-2{0%{clip-path:rect(0,9999px,0,0)}5%{clip-path:rect(5px,9999px,50px,0)}10%{clip-path:rect(0,9999px,0,0)}}.puzzle-subtitle{font-size:1.2rem;color:#9d8b7f;text-shadow:0 0 10px rgba(157,139,127,.5),2px 2px 0 #000;font-style:italic}.puzzle-layout{display:grid;grid-template-columns:320px 1fr 280px;gap:25px;max-width:1700px;margin:0 auto;position:relative;z-index:10}.logs-panel{background:#141423e6;border:3px solid #4a4a6a;border-radius:12px;padding:20px;box-shadow:0 8px 32px #0009,inset 0 1px #64648c1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:103vh;overflow-y:auto;display:flex;flex-direction:column}.panel-title{font-size:1.1rem;color:#8b7355;text-shadow:0 0 10px rgba(139,115,85,.5),2px 2px 0 #000;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #4a4a6a;letter-spacing:2px}.logs-content{max-height:calc(103vh - 70px);overflow-y:auto}.logs-content::-webkit-scrollbar{width:8px}.logs-content::-webkit-scrollbar-track{background:#1e1e2d80;border-radius:4px}.logs-content::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}.palette-panel::-webkit-scrollbar{width:8px}.palette-panel::-webkit-scrollbar-track{background:#1e1e2d80;border-radius:4px}.palette-panel::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}.turn-log{margin-bottom:18px;padding:12px;background:#1e1e3299;border-left:4px solid #6a5d7a;border-radius:6px;transition:all .3s}.turn-log.robber-turn{background:#8b000033;border-left-color:#f33;box-shadow:0 0 12px #ff32324d}.dice-roll-log{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(74,74,106,.3)}.turn-num{color:#8b7355;font-weight:700;font-size:1rem;min-width:65px}.dice-display{display:flex;gap:5px;align-items:center;font-size:1rem}.die{background:#f4e4c1e6;color:#000;padding:4px 8px;border-radius:4px;font-weight:700;box-shadow:0 2px 4px #0000004d}.plus,.equals{color:#9d8b7f;font-weight:700}.sum{background:#8b735599;color:#f4e4c1;padding:4px 10px;border-radius:4px;font-weight:700;font-size:1.1rem;box-shadow:0 2px 4px #0000004d}.production-log{padding:8px;background:#32324666;border-radius:4px}.prod-label{color:#8b7d6b;font-weight:700;margin-bottom:6px;font-size:.9rem}.production-item{display:flex;gap:6px;align-items:center;padding:4px 0;font-size:.9rem}.player-name{color:#b8a896;font-weight:700;min-width:75px}.got-text{color:#888;font-size:.85rem}.resource-amount{color:#9d8b7f;font-weight:700}.resource-name{color:#a8c5da;font-style:italic}.no-production{color:#666;font-style:italic;font-size:.85rem;text-align:center}.robber-log{padding:8px;background:#ff323226;border-radius:4px;display:flex;gap:8px;align-items:center;border-left:3px solid #ff3333}.robber-icon{font-size:1.2rem;flex-shrink:0}.robber-text{color:#f88;font-size:.9rem;font-weight:700}.board-section{background:#141423e6;border:3px solid #4a4a6a;border-radius:12px;padding:25px;box-shadow:0 8px 32px #0009,inset 0 1px #64648c1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:103vh}.board-hint{text-align:center;color:#9d8b7f;font-size:.95rem;margin:10px 0 20px;font-style:italic}.catan-board-hexagon{position:relative;width:850px;height:700px;margin:0 auto 20px;padding:40px}.catan-hex{position:absolute;width:135px;height:155px;background:transparent;transition:all .3s;cursor:pointer;overflow:visible}.catan-hex:before{content:"";position:absolute;inset:0;background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 155'%3E%3Cpolygon points='67.5,1 134,39.5 134,115.5 67.5,154 1,115.5 1,39.5' fill='none' stroke='rgba(252,252,252,0.5)' stroke-width='0.8' stroke-dasharray='12'/%3E%3C/svg%3E");pointer-events:none;z-index:2;animation:border-intermittent 15s ease-in-out infinite}@keyframes border-intermittent{0%,to{opacity:1}25%{opacity:.3}50%{opacity:.9}75%{opacity:.2}}.catan-hex:hover:not(.revealed){transform:scale(1.03)}.catan-hex.revealed:hover{transform:none;cursor:not-allowed!important}.catan-hex.revealed:active{animation:shake-locked .3s ease-in-out}@keyframes shake-locked{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.catan-hex:hover:before{background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 155'%3E%3Cpolygon points='67.5,1 134,39.5 134,115.5 67.5,154 1,115.5 1,39.5' fill='none' stroke='rgba(139,115,85,0.8)' stroke-width='2' stroke-dasharray='8,4'/%3E%3C/svg%3E")}@keyframes tile-led-pulse{0%,to{box-shadow:inset 0 0 20px #8a2be21a;filter:drop-shadow(0 0 15px rgba(0,255,150,.4)) drop-shadow(0 0 25px rgba(0,200,255,.3))}50%{box-shadow:inset 0 0 30px #8a2be226;filter:drop-shadow(0 0 25px rgba(0,255,150,.6)) drop-shadow(0 0 35px rgba(0,200,255,.5))}}@keyframes tile-led-pulse-strong{0%,to{box-shadow:inset 0 0 25px #8a2be226;filter:drop-shadow(0 0 20px rgba(0,255,150,.7)) drop-shadow(0 0 35px rgba(0,200,255,.5))}50%{box-shadow:inset 0 0 40px #8a2be240;filter:drop-shadow(0 0 35px rgba(0,255,150,1)) drop-shadow(0 0 55px rgba(0,200,255,.8))}}.hex-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:inset 0 0 20px #8a2be21a;filter:drop-shadow(0 0 15px rgba(0,255,150,.4)) drop-shadow(0 0 25px rgba(0,200,255,.3));animation:tile-led-pulse 3s ease-in-out infinite}.hex-resource-img{width:90%;height:90%;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative}.hex-number-token{position:absolute;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%);background:#f4e4c1;color:#000;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;font-family:Georgia,Times New Roman,serif;box-shadow:0 0 8px #f4e4c1cc,0 3px 6px #00000080;border:2px solid #8b7355;z-index:50}.settlement-vertex-marker{position:absolute;width:55px;height:55px;z-index:100;pointer-events:none}.settlement-img{width:100%;height:100%;position:relative;z-index:2;filter:drop-shadow(0 0 12px rgba(0,255,150,.6)) drop-shadow(0 0 20px rgba(0,200,255,.4));animation:settlement-led-glow 2s ease-in-out infinite}@keyframes settlement-led-glow{0%,to{filter:drop-shadow(0 0 12px rgba(0,255,150,.6)) drop-shadow(0 0 20px rgba(0,200,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(0,255,150,.8)) drop-shadow(0 0 30px rgba(0,200,255,.6))}}.robber-marker{position:absolute;width:55px;height:55px;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px rgba(255,50,50,.7)) drop-shadow(0 0 15px rgba(200,0,0,.5));z-index:60}.hex-id{color:#4a4a6a;font-size:.9rem;font-weight:700}.hex-0{left:240px;top:20px}.hex-1{left:375px;top:20px}.hex-2{left:510px;top:20px}.hex-3{left:172px;top:136px}.hex-4{left:307px;top:136px}.hex-5{left:442px;top:136px}.hex-6{left:577px;top:136px}.hex-7{left:105px;top:252px}.hex-8{left:240px;top:252px}.hex-9{left:375px;top:252px}.hex-10{left:510px;top:252px}.hex-11{left:645px;top:252px}.hex-12{left:172px;top:368px}.hex-13{left:307px;top:368px}.hex-14{left:442px;top:368px}.hex-15{left:577px;top:368px}.hex-16{left:240px;top:484px}.hex-17{left:375px;top:484px}.hex-18{left:510px;top:484px}.feedback{padding:15px;border-radius:8px;text-align:center;font-size:1.2rem;font-weight:700;margin:15px 0}@keyframes feedback-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback.success{background:#6b8e234d;border:3px solid #6b8e23;color:#a8d08d;text-shadow:0 0 10px rgba(168,208,141,.6)}.feedback.error{background:#8b00004d;border:3px solid #8b0000;color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.6)}.feedback.info{background:#4c0082b2;border:3px solid #6a5d7a;color:#9d8fff;text-shadow:0 0 10px rgba(157,143,255,.6)}.feedback.floating{position:absolute;top:80%;left:50%;transform:translate(-50%);z-index:20000;width:min(90vw,760px);margin:0;box-shadow:0 0 24px #000000a6}.board-actions{display:flex;gap:15px;margin-top:30px;align-items:stretch}.reset-btn,.submit-btn{flex:1;padding:0;margin:0;font-size:1.1rem;font-weight:700;color:silver;border:3px solid;border-radius:8px;cursor:pointer;text-shadow:2px 2px 0 #000;transition:all .3s;letter-spacing:1px;height:56px;display:flex;align-items:center;justify-content:center}.reset-btn{background:#8b00004d;border-color:#8b0000}.reset-btn:hover{background:#8b000080;border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b66}.submit-btn{background:linear-gradient(135deg,#6b8e2366,#4b008266);border-color:#6a5d7a;box-shadow:0 8px 16px #00000080,0 0 20px #6b8e2333}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b8e2399,#4b008299);border-color:#8b7355;box-shadow:0 12px 24px #0009,0 0 30px #8b735566;transform:translateY(-2px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.palette-panel{background:#141423e6;border:3px solid #4a4a6a;border-radius:12px;padding:20px;box-shadow:0 8px 32px #0009,inset 0 1px #64648c1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:103vh;overflow-y:auto;display:flex;flex-direction:column}.resource-palette{display:grid;gap:10px;margin-bottom:25px}.palette-item{padding:10px;border:2px solid #4a4a6a;border-radius:8px;cursor:grab;transition:all .3s;display:flex;align-items:center;gap:10px;background:#28283c99;box-shadow:0 4px 8px #0006}.palette-item:active{cursor:grabbing}.palette-item:hover{border-color:#8b7355;background:#323246cc;box-shadow:0 6px 12px #8b735566;transform:translateY(-2px)}.palette-img{width:40px;height:40px;object-fit:contain}.palette-name{color:silver;font-size:.9rem;font-weight:700;flex:1}.palette-count{color:#8b7355;font-size:.8rem;font-weight:700;background:#8b735533;padding:2px 8px;border-radius:10px;border:1px solid rgba(139,115,85,.4);white-space:nowrap}.palette-count.count-zero{color:#f44;background:#ff323226;border-color:#ff323266}.palette-item.exhausted{opacity:.35;cursor:not-allowed;border-color:#333;pointer-events:none}.palette-item.exhausted:hover{transform:none;border-color:#333;box-shadow:0 4px 8px #0006}.number-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;justify-items:center}.palette-number{padding:6px 8px;background:#f4e4c1;color:#000;border:2px solid #8b7355;border-radius:12px;cursor:grab;transition:all .3s;text-align:center;font-weight:700;font-size:1.3rem;box-shadow:0 3px 6px #0006;display:flex;align-items:center;justify-content:center;gap:6px;min-width:70px;height:44px}.palette-number:active{cursor:grabbing}.palette-number:hover{border-color:#b8a896;box-shadow:0 5px 10px #8b735580;transform:scale(1.05)}.palette-number.exhausted{opacity:.35;cursor:not-allowed;border-color:#999;pointer-events:none}.number-count{font-size:.65rem;color:#6b5b3b;font-weight:400}.number-count.count-zero{color:#c00}.palette-hint{background:#4b008233;border:2px solid #6a5d7a;padding:12px;border-radius:8px;color:#9d8b7f;font-size:.85rem;line-height:1.5;text-align:center}@media(max-width:1500px){.puzzle-layout{grid-template-columns:280px 1fr 250px}.catan-board-hexagon{transform:scale(.8)}}@media(max-width:1300px){.catan-board-hexagon{transform:scale(.7)}}@media(max-width:1200px){.puzzle-layout{grid-template-columns:1fr}.puzzle-title{font-size:3rem}.catan-board-hexagon{margin:20px auto}}.hint-system{display:flex;align-items:center;gap:15px;margin:15px 0;padding:15px;background:#4b008226;border:2px solid #6a5d7a;border-radius:10px;box-shadow:0 4px 12px #0000004d}.hint-counter{font-size:1.1rem;font-weight:700;color:#f4d03f;text-shadow:0 0 8px rgba(244,208,63,.6);padding:8px 15px;background:#f4d03f1a;border:2px solid rgba(244,208,63,.3);border-radius:8px;white-space:nowrap}.hint-btn{padding:10px 20px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6b8e2380,#4b008280);border:2px solid #6a5d7a;border-radius:8px;cursor:pointer;transition:all .3s;text-shadow:1px 1px 2px #000;box-shadow:0 4px 8px #0006;white-space:nowrap}.hint-btn:hover:not(:disabled){background:linear-gradient(135deg,#6b8e23b3,#4b0082b3);border-color:#8b7355;box-shadow:0 6px 12px #00000080,0 0 20px #6b8e234d;transform:translateY(-2px)}.hint-btn:disabled{opacity:.4;cursor:not-allowed;background:#3c3c464d;border-color:#444}.hint-instructions{flex:1;font-size:.85rem;color:#9d8b7f;font-style:italic;line-height:1.4}.revealed-badge{position:absolute;top:3px;right:3px;display:flex;gap:3px;align-items:center;filter:drop-shadow(0 0 4px rgba(255,215,0,.8));animation:reveal-pulse 2s ease-in-out infinite;z-index:10}.revealed-badge .gift-icon{font-size:1.2rem}.revealed-badge .lock-icon{font-size:.9rem;opacity:.9}@keyframes reveal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.catan-hex.revealed .hex-inner{filter:drop-shadow(0 0 15px rgba(255,215,0,.8)) drop-shadow(0 0 25px rgba(255,215,0,.5)) drop-shadow(0 0 35px rgba(255,215,0,.3));animation:revealed-glow 2s ease-in-out infinite}@keyframes revealed-glow{0%,to{filter:drop-shadow(0 0 15px rgba(255,215,0,.8)) drop-shadow(0 0 25px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,1)) drop-shadow(0 0 35px rgba(255,215,0,.7))}}.catan-hex.revealed:before{background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 155'%3E%3Cpolygon points='67.5,1 134,39.5 134,115.5 67.5,154 1,115.5 1,39.5' fill='none' stroke='%23ffd700' stroke-width='2.5' stroke-dasharray='8 4'/%3E%3C/svg%3E");animation:revealed-border-pulse 2s ease-in-out infinite}@keyframes revealed-border-pulse{0%,to{opacity:1}50%{opacity:.6}}.hex-check-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;padding:10px 15px;border-radius:8px;z-index:200;animation:check-appear .3s ease-out;pointer-events:none;text-shadow:2px 2px 4px #000;white-space:pre-line;text-align:center;line-height:1.4}.hex-check-feedback.correct{color:#a8d08d;background:#6b8e23f2;border:2px solid #6b8e23;box-shadow:0 0 20px #6b8e2399}.hex-check-feedback.partial{color:gold;background:#daa520f2;border:2px solid #daa520;box-shadow:0 0 20px #daa52099;font-size:.9rem}.hex-check-feedback.incorrect{color:#ff6b6b;background:#8b0000f2;border:2px solid #8b0000;box-shadow:0 0 20px #8b000099}@keyframes check-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.catan-hex.correct-check:before{background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 155'%3E%3Cpolygon points='67.5,1 134,39.5 134,115.5 67.5,154 1,115.5 1,39.5' fill='none' stroke='%236b8e23' stroke-width='3'/%3E%3C/svg%3E")}.catan-hex.correct-check .hex-inner{filter:drop-shadow(0 0 20px rgba(107,142,35,.8))}.catan-hex.partial-check:before{background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 155'%3E%3Cpolygon points='67.5,1 134,39.5 134,115.5 67.5,154 1,115.5 1,39.5' fill='none' stroke='%23daa520' stroke-width='3'/%3E%3C/svg%3E")}.catan-hex.partial-check .hex-inner{filter:drop-shadow(0 0 20px rgba(218,165,32,.8))}.catan-hex.incorrect-check:before{background:no-repeat center/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 155'%3E%3Cpolygon points='67.5,1 134,39.5 134,115.5 67.5,154 1,115.5 1,39.5' fill='none' stroke='%238b0000' stroke-width='3'/%3E%3C/svg%3E")}.catan-hex.incorrect-check .hex-inner{filter:drop-shadow(0 0 20px rgba(139,0,0,.8))}.library-container{min-height:100vh;background:linear-gradient(170deg,#1a1510,#2a1f16,#1e170f 60%,#151008);color:#dcc07a;font-family:Courier New,monospace;position:relative;overflow-x:hidden;overflow-y:auto;padding-bottom:60px}.library-container:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 30%,rgba(200,140,50,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(180,120,40,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(140,90,30,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.dust-particle{position:fixed;background:radial-gradient(circle,rgba(200,170,100,.6) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:1;animation:dust-float linear infinite}@keyframes dust-float{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.4}50%{transform:translate(-30px,-60px) scale(1.2);opacity:.2}90%{opacity:.3}to{transform:translate(20px,-120px) scale(.8);opacity:0}}.library-container .dev-nav{position:fixed;top:0;left:0;z-index:1000;background:#0a0806f2;border-bottom:1px solid #2a1f14;padding:8px 16px;display:flex;gap:12px;align-items:center;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.library-container .dev-nav-label{color:#6b5b3a;font-size:10px;font-weight:700;letter-spacing:2px;margin-right:8px}.library-container .dev-nav-link{color:#8b7355;text-decoration:none;font-size:11px;padding:4px 10px;border-radius:3px;transition:all .2s}.library-container .dev-nav-link:hover{color:#c9a95f;background:#c9a95f1a}.library-container .dev-nav-link.active{color:#c9a95f;background:#c9a95f26;border:1px solid rgba(201,169,95,.3)}.library-header{text-align:center;padding:70px 20px 20px;position:relative;z-index:2}.library-title{font-size:2.8rem;color:#e8d08a;text-shadow:0 0 25px rgba(232,208,138,.4),0 0 60px rgba(200,150,50,.2),2px 2px 4px rgba(0,0,0,.8);letter-spacing:6px;margin:0;font-weight:400;font-family:Georgia,Times New Roman,serif}.library-subtitle{color:#9a8860;font-size:.9rem;margin-top:12px;letter-spacing:1px;font-style:italic}.bookshelf{max-width:1000px;margin:30px auto 0;padding:0 20px;position:relative;z-index:2}.shelf-row{margin-bottom:8px;position:relative}.shelf-books{display:flex;justify-content:center;gap:16px;padding:20px 30px 8px;position:relative;z-index:2}.shelf-plank{height:18px;background:linear-gradient(180deg,#5a4230,#6b4e35 20%,#543d28,#45321c 80%,#352614);border-radius:2px;box-shadow:0 4px 12px #0009,0 2px 4px #0006,inset 0 1px #6446284d,inset 0 -1px #0006;position:relative;z-index:3}.shelf-plank:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,rgba(80,55,30,.15) 100px,transparent 200px);border-radius:2px}.shelf-plank:after{content:"";position:absolute;bottom:-8px;left:10px;right:10px;height:8px;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%)}.book-slot{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .3s ease,filter .3s ease;position:relative}.book-slot:hover{transform:translateY(-12px) scale(1.08);z-index:10}.book-slot:hover .book-image{filter:brightness(1.3) drop-shadow(0 4px 12px rgba(201,169,95,.4))}.book-slot:active{transform:translateY(-8px) scale(1.02)}.book-image-wrapper{position:relative;width:96px;height:96px}.book-image{width:96px;height:96px;image-rendering:pixelated;filter:brightness(1);transition:filter .3s ease;-webkit-user-select:none;user-select:none}.book-lock-icon{position:absolute;bottom:-6px;right:-6px;font-size:20px;text-shadow:0 0 8px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);pointer-events:none}.book-title-label{font-size:.6rem;color:#a89060;text-align:center;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-4px;transition:color .3s ease;letter-spacing:.5px}.book-slot:hover .book-title-label{color:#c9a95f}.book-overlay{position:fixed;inset:0;background:#050302e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;display:flex;align-items:center;justify-content:center;animation:overlay-fade-in .3s ease;padding:20px}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.book-open{background:linear-gradient(145deg,#2a2018,#221a12,#1a140e);border:1px solid #3d2e1e;border-radius:6px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:40px 36px;position:relative;box-shadow:0 0 60px #000c,0 0 20px #a0782814,inset 0 0 80px #0000004d;animation:book-open-anim .4s ease}@keyframes book-open-anim{0%{opacity:0;transform:scale(.9) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.book-open:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,rgba(201,169,95,.015) 1px,transparent 2px);pointer-events:none;border-radius:6px}.book-close-btn{position:absolute;top:12px;right:16px;background:none;border:1px solid #3a2816;color:#6b5b3a;font-size:16px;font-family:Courier New,monospace;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.book-close-btn:hover{color:#c9a95f;border-color:#c9a95f;background:#c9a95f1a}.book-open-header{display:flex;align-items:center;gap:18px;margin-bottom:16px}.book-open-icon{width:72px;height:72px;image-rendering:pixelated;filter:brightness(1.1) drop-shadow(0 2px 8px rgba(201,169,95,.2))}.book-open-title{font-size:1.5rem;color:#e8d08a;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;text-shadow:0 0 15px rgba(201,169,95,.2);letter-spacing:2px}.book-open-divider{height:1px;background:linear-gradient(90deg,transparent 0%,#2a1f14 20%,#3a2816 50%,#2a1f14 80%,transparent 100%);margin-bottom:20px}.book-open-content{line-height:1.8;color:#c4a880;font-size:.9rem}.book-line{margin:0 0 2px}.book-line-break{margin:0;height:12px}.book-open::-webkit-scrollbar{width:6px}.book-open::-webkit-scrollbar-track{background:#0f0b07}.book-open::-webkit-scrollbar-thumb{background:#2a1f14;border-radius:3px}.book-open::-webkit-scrollbar-thumb:hover{background:#3a2816}@media(max-width:800px){.shelf-books{gap:8px;padding:16px 12px 6px;flex-wrap:wrap}.book-image-wrapper,.book-image{width:72px;height:72px}.book-title-label{max-width:72px;font-size:.5rem}.library-title{font-size:1.8rem;letter-spacing:3px}.book-open{padding:28px 20px}}.opens-counter{position:fixed;top:48px;right:24px;z-index:100;display:flex;flex-direction:column;align-items:center;background:#1e160ed9;border:1px solid #4a3828;border-radius:8px;padding:10px 18px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease}.opens-number{font-size:2rem;font-weight:700;color:#e8d08a;line-height:1;text-shadow:0 0 12px rgba(232,208,138,.3);transition:color .3s ease}.opens-label{font-size:.65rem;color:#9a8860;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.opens-counter.low .opens-number{color:#e8883a;text-shadow:0 0 14px rgba(232,136,58,.4)}.opens-counter.low{border-color:#6a3818}.opens-counter.empty .opens-number{color:#c33;text-shadow:0 0 14px rgba(204,51,51,.4)}.opens-counter.empty{border-color:#5a2020}.opens-counter.empty .opens-label{color:#844}.kafka-puzzle{display:flex;flex-direction:column;align-items:center;padding:20px 0}.kafka-cockroach{margin-bottom:30px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.kafka-hint{font-size:.95rem;color:#9a8860;margin-bottom:16px;font-style:italic}.kafka-form{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.kafka-input-wrapper{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kafka-prefix{font-size:1.1rem;color:#c4a880;font-weight:700}.kafka-input{flex:1;background:#0f0b0899;border:1px solid #4a3828;border-radius:4px;padding:10px 14px;font-size:1rem;color:#e8d08a;font-family:Courier New,monospace;transition:all .3s ease;min-width:200px}.kafka-input:focus{outline:none;border-color:#c9a95f;box-shadow:0 0 12px #c9a95f33}.kafka-input.error{border-color:#c33;box-shadow:0 0 12px #c333}.kafka-error{color:#c55;font-size:.85rem;margin-top:-8px;margin-bottom:12px;font-style:italic}.kafka-submit{background:linear-gradient(145deg,#4a3828,#3a2816);border:1px solid #5a4230;color:#c9a95f;padding:10px 28px;border-radius:6px;font-family:Courier New,monospace;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.kafka-submit:hover{background:linear-gradient(145deg,#5a4230,#4a3420);border-color:#6b4e35;color:#e8d08a;box-shadow:0 0 15px #c9a95f33}.kafka-submit:active{transform:scale(.98)}.book-slot.disabled{cursor:not-allowed;opacity:.4;filter:grayscale(.6)}.book-slot.disabled:hover{transform:none}.book-slot.disabled:hover .book-image{filter:brightness(1) grayscale(.6)}@media(max-width:500px){.shelf-books{gap:6px}.book-image-wrapper,.book-image{width:56px;height:56px}.book-title-label{max-width:56px;font-size:.45rem}}.eldenring-container{width:100vw;height:100vh;background:#0e0f12;position:relative;overflow:hidden;margin:0;padding:0;display:flex;flex-direction:column;color:#fff}.game-header,.game-canvas,.controls-hint,.music-player-wrapper,.dev-nav{position:relative;z-index:10}.game-header{padding:15px 20px;text-align:center;background:linear-gradient(to bottom,#0e0f12f2,#1a1c1fb3);box-shadow:0 4px 10px #000c;border-bottom:2px solid #4A5561}.game-title{font-size:2.5rem;font-weight:700;color:#1a2567;text-shadow:0 0 20px #0c0335,0 0 40px rgba(9,19,49,.703),2px 2px 4px #000;margin:0;letter-spacing:2px;animation:glitch-anim 3s ease-in-out infinite}.game-title.glitch{position:relative;z-index:1}.game-title.glitch:before,.game-title.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;opacity:.8}.game-title.glitch:before{animation:glitch-before 2s ease-in-out infinite;color:#f40;z-index:-1;text-shadow:-2px 0 #ff8800}.game-title.glitch:after{animation:glitch-after 2s ease-in-out infinite;color:#fa0;z-index:-2;text-shadow:2px 0 #ff6600}@keyframes glitch-anim{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes glitch-before{0%{clip-path:inset(0 0 100% 0)}20%{clip-path:inset(10% 0 70% 0)}40%{clip-path:inset(50% 0 20% 0)}60%{clip-path:inset(20% 0 60% 0)}80%{clip-path:inset(0 0 80% 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes glitch-after{0%{clip-path:inset(100% 0 0 0)}20%{clip-path:inset(70% 0 10% 0)}40%{clip-path:inset(20% 0 50% 0)}60%{clip-path:inset(60% 0 20% 0)}80%{clip-path:inset(80% 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.game-canvas{flex:1;width:100%;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:linear-gradient(to bottom,#0e0f12,#1a1c1f,#3a3f46);cursor:crosshair}.knight-sprite{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:left .05s linear,top .05s linear}.knight-sprite.flip-h{transform:scaleX(-1);transform-origin:center}.knight-sprite.dashing{filter:brightness(2) drop-shadow(0 0 10px #44ffff)}.controls-hint{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#2a2c2ff2,#1a1c1fe6);border:3px solid #7A7F86;border-radius:4px;padding:15px 20px;display:flex;flex-direction:column;gap:8px;z-index:100;box-shadow:0 0 25px #7a7f8666,inset 0 2px 4px #ffffff1a}.controls-hint span{color:#fa4;font-size:.9rem;font-weight:500;text-shadow:0 0 5px rgba(255,170,68,.7);letter-spacing:.5px}.dev-nav{position:fixed;top:100px;left:20px;background:linear-gradient(135deg,#2a2c2ff5,#1a1c1feb);border:3px solid #7A7F86;border-radius:4px;padding:15px;z-index:100;max-height:80vh;overflow-y:auto;transition:all .3s ease;box-shadow:0 0 20px #7a7f864d,inset 0 2px 4px #ffffff1a}.dev-nav.closed{padding:10px}.dev-nav-toggle{display:block;width:40px;height:40px;background:linear-gradient(135deg,#4b4e52,#2a2c2f);border:3px solid #7A7F86;border-radius:2px;color:#fff;font-size:1.5rem;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #00000080}.dev-nav-toggle:hover{background:linear-gradient(135deg,#7a7f86,#4b4e52);box-shadow:0 0 15px #7a7f8699;border-color:#f80}.dev-nav-label{color:#7a7f86;font-weight:700;margin:10px 0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;border-bottom:2px solid #4A5561;padding-bottom:5px}.dev-nav-link,.dev-nav-coming{display:block;padding:10px;margin:5px 0;text-decoration:none;color:#fa4;border-radius:4px;font-size:.85rem;transition:all .2s ease}.dev-nav-link{cursor:pointer}.dev-nav-link:hover{background:#7a7f864d;color:#fd8;text-shadow:0 0 8px rgba(255,221,136,.5)}.dev-nav-link.active{background:linear-gradient(90deg,#4b4e5266,#2a2c2f33);color:#fd8;font-weight:700;border-left:4px solid #ff8800;padding-left:6px}.dev-nav-coming{color:#666;font-style:italic}.music-player-wrapper{position:fixed;bottom:20px;left:20px;z-index:100}.game-over-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(to bottom,#0e0f12fa,#1a1c1ff5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-over-content{text-align:center;animation:slideUp .6s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-title{font-size:5rem;font-weight:700;color:#f44;text-shadow:0 0 30px #ff0000,0 0 60px rgba(255,0,0,.7),4px 4px 8px #000;margin:0 0 20px;letter-spacing:4px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-over-subtitle{font-size:1.5rem;color:#fa4;margin:0 0 40px;text-shadow:0 0 10px rgba(255,170,68,.7)}.restart-btn{padding:15px 40px;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#f80,#f60);border:3px solid #ffaa00;border-radius:8px;color:#fff;cursor:pointer;text-shadow:2px 2px 4px rgba(0,0,0,.7);box-shadow:0 0 20px #ff880080;transition:all .3s ease}.restart-btn:hover{background:linear-gradient(135deg,#fa0,#f80);box-shadow:0 0 30px #f80c;transform:scale(1.1)}.restart-btn:active{transform:scale(.95)}.victory-overlay{background:linear-gradient(to bottom,#1a1c1ff7,#3a3f46f2)}.victory-title{font-size:5rem;font-weight:700;color:#fd0;text-shadow:0 0 30px #ffdd00,0 0 60px rgba(255,221,0,.7),4px 4px 8px #000;margin:0 0 20px;letter-spacing:4px;animation:victoryPulse 2s ease-in-out infinite}@keyframes victoryPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(1deg)}}.victory-subtitle{font-size:1.8rem;color:#fa0;margin:0 0 20px;text-shadow:0 0 15px rgba(255,170,0,.8)}.victory-stats{font-size:1.3rem;color:#f80;margin:0 0 40px;text-shadow:0 0 10px rgba(255,136,0,.6)}.victory-btn{background:linear-gradient(135deg,#fd0,#f80);border:3px solid #ffff00}.victory-btn:hover{background:linear-gradient(135deg,#ff0,#fa0);box-shadow:0 0 40px #ffdd00e6}@media(max-width:900px){.game-title{font-size:1.8rem}.controls-hint{bottom:10px;right:10px;padding:10px 15px;font-size:.85rem}.game-over-title,.victory-title{font-size:3.5rem}.victory-subtitle{font-size:1.4rem}.victory-stats{font-size:1.1rem}}@media(max-width:600px){.game-title{font-size:1.3rem;letter-spacing:1px}.game-header{padding:10px}.controls-hint{font-size:.75rem;padding:8px 12px}.controls-hint span{font-size:.8rem}.dev-nav{top:10px;left:10px;max-height:70vh;font-size:.85rem}.music-player-wrapper{bottom:10px;left:10px;transform:scale(.9)}.game-over-title,.victory-title{font-size:2.5rem}.game-over-subtitle,.victory-subtitle{font-size:1.2rem}.victory-stats{font-size:1rem}.restart-btn{font-size:1.1rem;padding:12px 30px}}.audio-enabler-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.audio-enabler-content{position:relative;z-index:10000;text-align:center;max-width:700px;padding:40px;animation:fadeIn 1s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.audio-enabler-title{font-size:48px;font-weight:700;color:#c9a95f;text-shadow:0 0 30px rgba(201,169,95,.8);margin-bottom:15px;letter-spacing:3px;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{text-shadow:0 0 30px rgba(201,169,95,.8)}50%{text-shadow:0 0 50px rgba(201,169,95,1)}}.audio-enabler-subtitle{font-size:20px;color:#888;margin-bottom:60px;letter-spacing:2px}.audio-enabler-warning{background:#8b000033;border:1px solid rgba(139,0,0,.5);border-radius:10px;padding:30px;margin-bottom:50px}.warning-icon{font-size:48px;margin-bottom:15px}.audio-enabler-warning p{color:#ddd;margin:8px 0;font-size:16px;line-height:1.6}.audio-enabler-btn{position:relative;background:linear-gradient(135deg,#c9a95f33,#c9a95f4d);border:2px solid #c9a95f;color:#c9a95f;font-size:28px;font-weight:700;padding:20px 80px;border-radius:10px;cursor:pointer;transition:all .3s ease;letter-spacing:4px;overflow:hidden;text-shadow:0 0 10px rgba(201,169,95,.5)}.audio-enabler-btn:hover{background:linear-gradient(135deg,#c9a95f66,#c9a95f80);border-color:#fff;color:#fff;transform:scale(1.05);box-shadow:0 0 40px #c9a95fcc}.audio-enabler-btn:active{transform:scale(.98)}.btn-text{position:relative;z-index:2}.btn-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.audio-enabler-btn.hovering .btn-glow{opacity:1;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-enabler-hint{margin-top:40px;font-size:14px;color:#555;font-style:italic;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:.5}50%{opacity:1}}.audio-enabler-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.bg-stars,.bg-twinkling{position:absolute;inset:0;width:100%;height:100%}.bg-stars{background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2NkYGD4z8DAwAAACQQBAQemFQwAAAAASUVORK5CYII=) repeat top center;z-index:0}.bg-twinkling{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2NkYGD4z8DAwAAACQQBAQemFQwAAAAASUVORK5CYII=) repeat top center;z-index:1;animation:move-twink-back 200s linear infinite;opacity:.3}.preloader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:10000;overflow:hidden}.preloader-content{position:relative;z-index:10001;text-align:center;max-width:600px;padding:40px}.preloader-title{font-size:32px;font-weight:700;color:#c9a95f;text-shadow:0 0 20px rgba(201,169,95,.5);margin-bottom:10px;letter-spacing:2px}.preloader-subtitle{font-size:16px;color:#888;margin-bottom:40px;letter-spacing:1px}.preloader-bar-container{margin-bottom:20px}.preloader-bar{width:100%;height:30px;background:#ffffff1a;border:2px solid rgba(201,169,95,.3);border-radius:5px;overflow:hidden;position:relative}.preloader-bar-fill{height:100%;background:linear-gradient(90deg,#c9a95f99,#c9a95fe6,#c9a95f99);background-size:200% 100%;animation:shimmer 2s infinite linear;transition:width .3s ease;box-shadow:0 0 20px #c9a95f80}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.preloader-percentage{margin-top:10px;font-size:24px;color:#c9a95f;font-weight:700}.preloader-status{margin-top:30px;font-size:14px;color:#aaa}.preloader-count{margin-top:5px;font-size:12px;color:#666}.preloader-hint{margin-top:40px;font-size:12px;color:#555;font-style:italic}.preloader-skip{margin-top:30px;background:#8b00004d;border:1px solid rgba(139,0,0,.6);color:#ddd;padding:12px 30px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .3s ease;animation:fadeIn .5s ease}.preloader-skip:hover{background:#8b000080;border-color:#8b0000cc;color:#fff;transform:translate(5px)}.preloader-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.preloader-stars,.preloader-twinkling{position:absolute;inset:0;width:100%;height:100%}.preloader-stars{background:#000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2NkYGD4z8DAwAAACQQBAQemFQwAAAAASUVORK5CYII=) repeat top center;z-index:0}.preloader-twinkling{background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEklEQVQIW2NkYGD4z8DAwAAACQQBAQemFQwAAAAASUVORK5CYII=) repeat top center;z-index:1;animation:move-twink-back 200s linear infinite;opacity:.3}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}#root{margin:0;padding:0;width:100%;min-height:100vh}