:root{--color-bg: #09090b;--color-stone: #18181b;--color-gold: #d4af37;--color-gold-dark: #aa8410;--color-gold-light: #f3e5ab;--color-fire: #ff5722;--color-fire-glow: rgba(255, 87, 34, .4);--color-water: #00bcd4;--color-water-glow: rgba(0, 188, 212, .4);--color-poison: #4caf50;--color-text-light: #f4f4f5;--color-text-muted: #a1a1aa;--font-serif: "Cinzel", serif;--font-sans: "Outfit", sans-serif;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--color-bg);color:var(--color-text-light);font-family:var(--font-sans);overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.ambient-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,87,34,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,188,212,.05) 0%,transparent 40%),radial-gradient(circle at 50% 50%,#0006,#09090bf2);pointer-events:none;z-index:1}.screen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:10}.screen.active{opacity:1;pointer-events:auto}.gold-border-corner{position:absolute;width:24px;height:24px;border:2px solid var(--color-gold);pointer-events:none}.gold-border-corner.top-left{top:12px;left:12px;border-right:none;border-bottom:none}.gold-border-corner.top-right{top:12px;right:12px;border-left:none;border-bottom:none}.gold-border-corner.bottom-left{bottom:12px;left:12px;border-right:none;border-top:none}.gold-border-corner.bottom-right{bottom:12px;right:12px;border-left:none;border-top:none}.audio-toggle{position:absolute;top:20px;right:20px;z-index:100;width:44px;height:44px;border-radius:50%;background:#18181bb3;border:1px solid var(--color-gold);color:var(--color-gold-light);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:var(--transition-smooth);box-shadow:0 4px 10px #0000004d}.audio-toggle:hover{transform:scale(1.1);box-shadow:0 0 15px var(--color-gold);background:var(--color-gold-dark);color:#fff}.audio-toggle svg{width:20px;height:20px}.audio-toggle.muted svg{opacity:.5}.menu-card{position:relative;background:#18181bd9;border:1px solid rgba(212,175,55,.3);padding:60px 80px;border-radius:8px;text-align:center;max-width:600px;box-shadow:0 20px 50px #000c,0 0 30px #d4af370d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:floatMenu 6s ease-in-out infinite}@keyframes floatMenu{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.menu-header{margin-bottom:40px}.menu-header .sub-title{font-family:var(--font-sans);font-size:.75rem;letter-spacing:4px;color:var(--color-gold);font-weight:600;text-transform:uppercase}.menu-header .main-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:900;letter-spacing:2px;background:linear-gradient(135deg,var(--color-gold-light) 0%,var(--color-gold) 50%,var(--color-gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:10px 0;text-shadow:0 0 20px rgba(212,175,55,.2)}.menu-header .main-title .amp{font-weight:300;font-style:italic;font-family:var(--font-serif)}.menu-header .palace-title{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:6px;text-transform:uppercase;color:var(--color-text-muted)}.menu-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.btn-premium{font-family:var(--font-sans);background:transparent;color:var(--color-gold-light);border:1px solid var(--color-gold);padding:14px 28px;font-size:1rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-smooth)}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:.5s}.btn-premium:hover:before{left:100%}.btn-premium:hover{background:#d4af3726;box-shadow:0 0 15px #d4af374d;transform:scale(1.02)}.btn-premium.btn-primary{background:linear-gradient(135deg,var(--color-gold-dark) 0%,var(--color-gold) 100%);color:var(--color-bg);border:none;font-weight:700}.btn-premium.btn-primary:hover{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-light) 100%);box-shadow:0 0 25px #d4af3780;color:var(--color-bg)}.menu-footer{font-size:.75rem;color:var(--color-text-muted);opacity:.7}.parchment-map{position:relative;width:85%;height:80%;max-width:900px;max-height:600px;background-color:#dfceb7;background-image:radial-gradient(circle,transparent 40%,rgba(94,76,50,.2) 100%),repeating-linear-gradient(rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 4px);border:15px solid #4a3419;border-image:linear-gradient(to bottom,#5d401b,#30200e) 15;box-shadow:0 25px 60px #000000e6;padding:30px;display:flex;flex-direction:column;align-items:center;border-radius:4px}.btn-back{position:absolute;top:20px;left:20px;background:#4a341926;border:1px solid #4a3419;color:#30200e;padding:8px 16px;font-family:var(--font-sans);font-weight:600;font-size:.9rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-smooth)}.btn-back:hover{background:#4a3419;color:#dfceb7}.map-title-container{text-align:center;color:#30200e;margin-top:20px;margin-bottom:50px}.map-title-container h2{font-family:var(--font-serif);font-size:2.2rem;letter-spacing:2px;text-shadow:1px 1px 0px rgba(255,255,255,.4)}.map-title-container p{font-size:1rem;font-weight:600;opacity:.8;margin-top:5px}.map-nodes{display:flex;justify-content:space-around;align-items:center;width:100%;flex:1;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cpath d='M150 150 C 300 50, 450 250, 750 150' fill='none' stroke='%234a3419' stroke-width='3' stroke-dasharray='10,10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.map-node{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;position:relative;transition:var(--transition-smooth)}.map-node .node-icon{width:64px;height:64px;border-radius:50%;background:#dfceb7;border:4px solid #4a3419;color:#4a3419;display:flex;justify-content:center;align-items:center;font-family:var(--font-serif);font-size:1.5rem;font-weight:700;box-shadow:0 4px 10px #00000026;transition:var(--transition-smooth)}.map-node .node-label{font-family:var(--font-serif);color:#30200e;font-weight:700;font-size:1rem;white-space:nowrap}.map-node:hover:not(.locked){transform:translateY(-5px)}.map-node:hover:not(.locked) .node-icon{background:#4a3419;color:#dfceb7;box-shadow:0 8px 20px #4a341966}.map-node.locked{cursor:not-allowed;opacity:.6}.map-node.locked .node-icon{background:#a89f91;border-color:#6d6457;color:#554e44}.map-node.locked:after{content:"🔒";position:absolute;top:-10px;right:-5px;font-size:1.2rem}.map-node:not(.locked):before{content:"";position:absolute;width:76px;height:76px;border-radius:50%;border:2px dashed #4a3419;animation:rotateNode 10s linear infinite;pointer-events:none}@keyframes rotateNode{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#09090bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{position:relative;background:var(--color-stone);border:1px solid rgba(212,175,55,.3);padding:40px;border-radius:8px;max-width:650px;width:90%;box-shadow:0 20px 50px #000c;animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h2{font-family:var(--font-serif);color:var(--color-gold);text-align:center;font-size:2rem;margin-bottom:25px;letter-spacing:2px}.instructions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.char-guide{background:#0003;padding:20px;border-radius:6px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;text-align:center}.char-guide h3{font-family:var(--font-serif);font-size:1.2rem;margin-bottom:12px}.char-badge{padding:6px 16px;font-weight:700;border-radius:20px;margin-bottom:15px;font-size:.9rem}.char-badge.fire{background:var(--color-fire);color:#fff;box-shadow:0 0 15px var(--color-fire-glow)}.char-badge.water{background:var(--color-water);color:#000;box-shadow:0 0 15px var(--color-water-glow)}.char-guide p{font-size:.9rem;color:var(--color-text-muted);line-height:1.4;margin-bottom:8px}.char-guide p.warning{color:#ff6b6b;font-weight:600}.controls-badge{margin-top:auto;background:#d4af371a;border:1px solid var(--color-gold);color:var(--color-gold-light);padding:6px 12px;font-weight:600;border-radius:4px;font-size:.85rem}.general-rules{background:#00000026;padding:15px 20px;border-radius:6px;border-left:3px solid var(--color-gold);margin-bottom:30px}.general-rules h4{font-family:var(--font-serif);color:var(--color-gold-light);margin-bottom:8px}.general-rules ul{list-style-type:none;font-size:.85rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:6px}.general-rules ul strong{color:var(--color-text-light)}.modal-content .btn-premium{display:block;width:100%;text-align:center}.victory-card h2{color:#ffeb3b;text-shadow:0 0 15px rgba(255,235,59,.4)}.gameover-card h2{color:#ff5252;text-shadow:0 0 15px rgba(255,82,82,.4)}.victory-message,.gameover-reason{text-align:center;font-size:1.1rem;margin-bottom:25px;color:var(--color-text-muted)}.victory-stats{background:#0003;border-radius:6px;padding:15px 25px;margin-bottom:30px;display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;justify-content:space-between;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:8px}.stat-item:last-child{border-bottom:none;padding-bottom:0}.stat-item span{color:var(--color-text-muted)}.stat-item strong{color:var(--color-gold-light)}.modal-buttons{display:flex;gap:15px}.modal-buttons .btn-premium{flex:1}#game-container{display:none;flex-direction:column;background-color:var(--color-bg);align-items:center;justify-content:center;padding:15px}#game-container.active{display:flex}.game-hud{display:flex;width:960px;justify-content:space-between;align-items:center;background:var(--color-stone);border:1px solid rgba(212,175,55,.2);border-bottom:none;padding:12px 24px;border-radius:8px 8px 0 0;box-shadow:0 -4px 20px #0006}.hud-left{display:flex;gap:10px}.btn-hud{background:#ffffff08;border:1px solid rgba(212,175,55,.3);color:var(--color-gold-light);width:38px;height:38px;border-radius:4px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:var(--transition-smooth)}.btn-hud:hover{background:var(--color-gold);color:var(--color-bg);transform:scale(1.05)}.hud-center{display:flex;align-items:center;gap:30px}.level-indicator{font-family:var(--font-serif);font-size:1.15rem;color:var(--color-gold-light);font-weight:700;letter-spacing:1px}.timer{font-family:var(--font-sans);font-size:1.15rem;color:var(--color-text-light);font-weight:600;background:#0000004d;padding:4px 14px;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.hud-right{display:flex;gap:15px}.gem-counter{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;background:#0000004d;padding:4px 12px;border-radius:4px;border-width:1px;border-style:solid}.gem-counter.fire{color:#ff5722;border-color:#ff57224d}.gem-counter.water{color:#00bcd4;border-color:#00bcd44d}.gem-icon{font-size:1.3rem;line-height:1}.canvas-wrapper{background:#121214;border:10px solid #231b12;border-image:linear-gradient(to bottom,#382c20,#1e160f) 10;border-radius:0 0 8px 8px;box-shadow:0 25px 50px #000c,0 0 40px #d4af3708;line-height:0;overflow:hidden}#game-canvas{background-color:#0c0b0a;display:block}@media (max-width: 1024px){.game-hud{width:100%;max-width:800px}.canvas-wrapper{width:100%;max-width:800px;height:auto}#game-canvas{width:100%;height:auto}}