:root{--gold: #ffae42;--gold-bright: #ffd47a;--ember: #ff6a2b;--dark: #0a0606;--dark-card: rgba(14, 8, 6, .86);--text: #f4ebd6;--hp: linear-gradient(90deg, #c8261b, #ff6a2b);--stamina: linear-gradient(90deg, #2b8c4a, #6cd47a);--fire: linear-gradient(90deg, #c8761b, #ffae42, #ff3a1b)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--dark);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow:hidden;user-select:none}#game{position:fixed;inset:0;width:100vw;height:100vh;display:block;cursor:none}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10;font-family:Inter,system-ui,sans-serif}#ui-root>*{pointer-events:auto}.hud{position:fixed;inset:0;pointer-events:none}.bars{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:8px}.bar{display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,#1a0f08,#0a0604);border:2px solid rgba(255,174,66,.55);border-radius:6px;padding:6px 12px 6px 8px;width:240px;backdrop-filter:blur(4px);box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000080,0 2px 6px #0009,0 0 0 1px #ffae4266}.bar-icon{width:22px;height:22px;display:grid;place-items:center;color:var(--gold);font-size:14px}.bar-label{font-size:11px;letter-spacing:.12em;opacity:.85;width:64px}.bar-track{flex:1;height:8px;background:#ffffff14;border-radius:3px;overflow:hidden}.bar-fill{height:100%;transition:width .12s ease-out}.bar-fill.hp{background:var(--hp)}.bar-fill.stamina{background:var(--stamina)}.bar-fill.fire{background:var(--fire)}.bar-val{font-size:11px;opacity:.8;width:44px;text-align:right;font-variant-numeric:tabular-nums}.objective{position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:22px;letter-spacing:.3em;color:var(--gold-bright);text-shadow:0 0 24px rgba(255,106,43,.75),0 0 8px rgba(255,174,66,.45),0 2px 4px rgba(0,0,0,.6);background:linear-gradient(180deg,#281006d9,#0c0604b3);border-bottom:1px solid rgba(255,174,66,.25);padding:6px 20px 8px}.objective small{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.25em;opacity:.65;margin-top:4px}.carrier-indicator{position:absolute;top:70px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:16px;letter-spacing:.25em;color:#fff;background:linear-gradient(180deg,#c8261b,#8a1a12);border:2px solid #ffd47a;border-radius:4px;padding:8px 24px;box-shadow:0 0 24px #ff6a2bb3,inset 0 1px #fff3;animation:carrierPulse 1.4s ease-in-out infinite;white-space:nowrap}.carrier-indicator .flag-icon{margin-right:8px}@keyframes carrierPulse{0%,to{box-shadow:0 0 24px #ff6a2bb3,inset 0 1px #fff3}50%{box-shadow:0 0 36px #ff6a2b,inset 0 1px #ffffff4d}}.timer{position:absolute;top:20px;right:20px;font-family:Cinzel,serif;font-size:36px;letter-spacing:.15em;color:var(--gold-bright);background:linear-gradient(180deg,#1a0f08,#0a0604);border:2px solid rgba(255,174,66,.55);border-radius:6px;padding:6px 16px;font-variant-numeric:tabular-nums;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #00000080,0 2px 6px #0009,0 0 0 1px #ffae4266}.score-card{position:absolute;bottom:20px;left:20px;background:linear-gradient(180deg,#2a1c14,#14090a);border:2px solid rgba(255,174,66,.55);border-radius:6px;padding:10px 16px;backdrop-filter:blur(4px);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0009,0 4px 12px #000000b3,0 0 0 1px #ffae424d}.score-card .name{font-family:Cinzel,serif;font-size:14px;letter-spacing:.25em;color:var(--gold)}.score-card .score{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.minimap{position:absolute;bottom:20px;right:20px;width:160px;height:160px;background:radial-gradient(circle,#140c08f2,#080503e6 70%,#000000f2);border-radius:50%;overflow:hidden;backdrop-filter:blur(4px);box-shadow:inset 0 0 0 2px #ffae4266,inset 0 0 0 4px #28140acc,0 0 16px #000000b3}.minimap canvas{width:100%;height:100%;display:block}.reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffd28cd9;box-shadow:0 0 6px #ff6a2b99}.reticle:before{left:50%;top:0;bottom:0;width:2px;transform:translate(-50%)}.reticle:after{top:50%;left:0;right:0;height:2px;transform:translateY(-50%)}.toast{position:absolute;top:90px;left:50%;transform:translate(-50%);background:#080503d9;border:1px solid var(--gold);border-radius:6px;padding:10px 22px;font-family:Cinzel,serif;letter-spacing:.2em;font-size:14px;color:var(--gold-bright);animation:toast 2.4s ease-out forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 60%,#280c0673,#000000c7);z-index:50;cursor:default}.screen.transparent{background:#0000008c}.menu-logo{display:block;width:clamp(300px,50vw,560px);height:auto;margin:0 auto 8px;filter:drop-shadow(0 0 40px rgba(255,106,43,.35))}.title{font-family:Cinzel,serif;font-weight:900;font-size:clamp(48px,8vw,96px);letter-spacing:.16em;background:linear-gradient(180deg,#ffe7a7 0%,var(--gold) 55%,#c8761b 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(255,106,43,.25);margin:0}.subtitle{font-family:Cinzel,serif;font-size:18px;letter-spacing:.4em;color:var(--gold);margin:4px 0 32px}.btn{display:inline-block;font-family:Cinzel,serif;letter-spacing:.25em;font-weight:700;font-size:15px;color:#1a0c06;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 50%,#c8761b);border:none;border-radius:6px;padding:14px 36px;cursor:pointer;box-shadow:0 0 20px #ff6a2b66,inset 0 1px #fff6;transition:transform .1s ease-out,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 0 30px #ff6a2bb3,inset 0 1px #ffffff80}.btn.secondary{background:#140c08b3;color:var(--gold);border:1px solid var(--gold);box-shadow:none}.btn+.btn{margin-left:12px}.difficulty-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 8px;flex-wrap:wrap}.difficulty-label{font-family:Cinzel,serif;letter-spacing:.3em;font-size:11px;color:var(--gold);opacity:.75;margin-right:4px}.diff-pill{font-family:Cinzel,serif;letter-spacing:.18em;font-size:12px;font-weight:600;color:var(--gold);background:#140c08b3;border:1px solid rgba(255,174,66,.45);border-radius:999px;padding:7px 18px;cursor:pointer;transition:background .12s,border-color .12s,color .12s,transform 80ms}.diff-pill:hover{border-color:#ffae42d9}.diff-pill.active{color:#1a0c06;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-color:var(--gold-bright);box-shadow:0 0 16px #ffae4273}.difficulty-desc{font-size:12px;color:#ffdcb4a6;letter-spacing:.06em;margin:0 0 22px;min-height:16px;text-align:center}.controls{margin-top:28px;padding:20px 28px;background:#08050399;border:1px solid rgba(255,174,66,.25);border-radius:8px;font-size:13px;letter-spacing:.05em;color:#f4ebd6c7;max-width:520px;text-align:left;line-height:1.7}.controls b{color:var(--gold-bright);font-family:Cinzel,serif;letter-spacing:.1em}.controls .row{display:flex;justify-content:space-between;gap:24px}.controls .col{flex:1}.score-modal{background:var(--dark-card);border:1px solid var(--gold);border-radius:12px;padding:32px 40px;width:min(560px,92vw);box-shadow:0 18px 80px #000000b3,0 0 60px #ff6a2b26}.score-modal h2{font-family:Cinzel,serif;font-weight:900;font-size:56px;letter-spacing:.12em;margin:0 0 4px;text-align:center;background:linear-gradient(180deg,#ffe7a7,var(--gold) 60%,#c8761b);-webkit-background-clip:text;background-clip:text;color:transparent}.score-modal .total{font-family:Cinzel,serif;font-size:64px;text-align:center;letter-spacing:.05em;color:var(--gold-bright);margin:6px 0 24px;font-variant-numeric:tabular-nums}.score-modal .total small{font-size:22px;letter-spacing:.2em;opacity:.8;margin-left:8px}.score-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.score-row{display:flex;justify-content:space-between;padding:10px 14px;background:#ffae420f;border:1px solid rgba(255,174,66,.18);border-radius:6px;font-size:14px}.score-row.mult{color:var(--gold-bright);border-color:#ffae4266}.score-row .pts{font-weight:700;font-variant-numeric:tabular-nums}.score-actions{display:flex;gap:10px;justify-content:center}.damage-flash{position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(circle at center,transparent 50%,rgba(200,38,27,.45) 100%);opacity:0;transition:opacity 80ms ease-out}.damage-flash.active{opacity:1}.controls .row.touch-only{display:none}.controls .row.keyboard-only{display:flex}@media (hover: none) and (pointer: coarse){.controls .row.keyboard-only{display:none}.controls .row.touch-only{display:flex}}.touch-controls{position:fixed;inset:0;pointer-events:none;z-index:30;display:none;font-family:Cinzel,serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-controls.active{display:block}.touch-controls>*{pointer-events:auto;touch-action:none}.touch-joystick{position:absolute;bottom:36px;left:36px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,#140c08d9,#080503e6);border:2px solid rgba(255,174,66,.55);box-shadow:inset 0 0 20px #0009,0 0 12px #00000080}.touch-joystick-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 60%,#c8761b);border:2px solid #ffd47a;box-shadow:0 0 16px #ff6a2b99,inset 0 1px #fff6;transition:transform 80ms ease-out}.touch-joystick.dragging .touch-joystick-knob{transition:none}.touch-action-buttons{position:absolute;bottom:36px;right:36px;display:flex;flex-direction:column;align-items:center;gap:14px}.touch-btn{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#28140ad9,#080503e6);border:2px solid rgba(255,174,66,.6);color:var(--gold-bright);font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px #0009,0 2px 8px #00000080;transition:transform 80ms,box-shadow 80ms;font-family:inherit}.touch-btn.fire{width:86px;height:86px;font-size:36px;border-color:#ff5028cc}.touch-btn.tail{border-color:#78c8ffb3;color:#cfe8ff}.touch-btn.claw{border-color:#ffe678b3;color:#ffe88a}.touch-btn.active{transform:scale(.92);box-shadow:inset 0 0 24px #ff6a2b99,0 0 18px #ff6a2bb3}@media (hover: none) and (pointer: coarse){#game{cursor:default}.reticle{display:none}}@media (max-width: 768px){.bar{width:130px;padding:3px 8px 3px 6px}.bar-label{width:42px;font-size:9px}.bar-val{width:28px;font-size:9px}.bars{top:8px;left:8px;gap:4px}.objective{font-size:12px;top:130px;letter-spacing:.18em;padding:5px 14px 6px;max-width:86vw;text-align:center}.objective small{font-size:8px;letter-spacing:.15em}.timer{font-size:18px;padding:3px 8px;top:8px;right:8px}.score-card{padding:5px 10px;bottom:220px;left:12px}.score-card .name{font-size:10px}.score-card .score{font-size:16px}.minimap{width:90px;height:90px;bottom:auto;top:50px;right:8px}.minimap canvas{width:100%;height:100%}.carrier-indicator{font-size:11px;padding:4px 12px;top:175px;letter-spacing:.15em}.menu-logo{width:clamp(220px,80vw,380px)}.controls{padding:14px 18px;font-size:11px;max-width:92vw}.controls .row{flex-direction:column;gap:8px}.score-modal{padding:20px 22px}.score-modal h2{font-size:36px}.score-modal .total{font-size:42px}.touch-joystick{width:130px;height:130px;bottom:28px;left:20px}.touch-joystick:before{content:"TURN •PITCH";position:absolute;top:-18px;left:50%;transform:translate(-50%);font-family:Cinzel,serif;font-size:9px;letter-spacing:.18em;color:#ffae42b3;white-space:nowrap;text-shadow:0 0 6px rgba(0,0,0,.8)}.touch-action-buttons{bottom:28px;right:20px;gap:10px}.touch-btn{width:60px;height:60px;font-size:24px}.touch-btn.fire{width:74px;height:74px;font-size:30px}.home-beacon{width:48px;height:48px}}.home-beacon{position:fixed;width:64px;height:64px;pointer-events:none;z-index:35;color:#ffd24a;filter:drop-shadow(0 0 10px rgba(255,174,66,.85)) drop-shadow(0 0 18px rgba(255,90,30,.45));transition:opacity .25s ease;will-change:transform,left,top,right}.home-beacon svg{width:100%;height:100%;display:block;animation:home-pulse 1.6s ease-in-out infinite}@keyframes home-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}.home-beacon-dist{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;font-family:Cinzel,serif;font-size:12px;letter-spacing:.18em;color:#ffd24a;text-shadow:0 0 4px rgba(0,0,0,.9),0 0 8px rgba(255,90,30,.6);white-space:nowrap}