body{margin:0;padding:0;background-color:#0c0c10;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;overflow:hidden;-webkit-user-select:none;user-select:none}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:radial-gradient(circle,#151520,#07070a);position:relative}.top-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:850px;padding:8px 16px;box-sizing:border-box;z-index:10}.game-title{font-size:1.1rem;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px rgba(255,255,255,.2)}.mute-btn{background:#ffffff1a;border:none;color:#fff;padding:6px;border-radius:50%;cursor:pointer;transition:background .2s}.mute-btn:hover{background:#fff3}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:550px;padding:20px;box-sizing:border-box;text-align:center;z-index:5}.logo-box{margin-bottom:15px}.logo-graphic{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;filter:drop-shadow(0 0 20px rgba(46,213,115,.4))}h1{font-size:2.6rem;margin:0;background:linear-gradient(135deg,#2ed573,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(46,213,115,.3);font-weight:900;letter-spacing:2px}.subtitle{color:#a4b0be;font-size:1rem;margin-top:5px}.high-score-badge{display:flex;align-items:center;background:#ffd32a26;border:1px solid rgba(255,211,42,.3);padding:8px 16px;border-radius:30px;font-size:1rem;color:#ffd32a;margin-bottom:20px;font-weight:700}.gold-icon{margin-right:6px;filter:drop-shadow(0 0 8px #ffd32a)}.instructions{background:#ffffff0a;border-radius:12px;padding:12px 20px;margin-bottom:25px;text-align:left;border:1px solid rgba(255,255,255,.08);width:100%}.instructions h3{margin-top:0;color:#2ed573;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;font-size:1.1rem}.instructions p{font-size:.85rem;color:#ced6e0;margin:8px 0;line-height:1.4}.play-btn{display:flex;align-items:center;background:linear-gradient(135deg,#2ed573,#26af5f);color:#fff;border:none;padding:12px 32px;font-size:1.15rem;font-weight:700;border-radius:40px;cursor:pointer;box-shadow:0 6px 16px #2ed57366;transition:transform .1s,box-shadow .2s}.play-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #2ed57399}.game-play-area{display:flex;flex-direction:column;align-items:center;position:relative}.hud{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:850px;padding:8px 12px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;box-sizing:border-box}.hud-row{display:flex;flex-direction:column;gap:6px;width:65%}.hud-item{display:flex;align-items:center;gap:8px}.hud-item .label{font-weight:700;font-size:.8rem;width:55px}.bar-bg{flex-grow:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:6px;transition:width .1s ease-out}.hp-fill{background:linear-gradient(90deg,#ff4757,#ff6b81);box-shadow:0 0 6px #ff475766}.xp-fill{background:linear-gradient(90deg,#2ed573,#7bed9f);box-shadow:0 0 6px #2ed57366}.bar-text{font-size:.7rem;color:#ced6e0;width:50px;text-align:right}.score-board{display:flex;align-items:center;background:#ffd32a26;border:1px solid rgba(255,211,42,.3);padding:6px 12px;border-radius:20px;font-size:1.2rem;font-weight:700;color:#ffd32a}.score-icon{margin-right:4px;color:#ffd32a}.viewport-container{position:relative;overflow:hidden;border-radius:16px;border:4px solid #2f3542;box-shadow:0 12px 36px #0009;background:#1e1e24}.map-arena{position:absolute;background-color:#141418}.lava-outer-ring{position:absolute;top:0;left:0;width:1000px;height:1000px;background:radial-gradient(circle,transparent 40%,rgba(255,71,87,.15) 45%,#e74c3c 48%,#2c3e50 52%);pointer-events:none;z-index:1;animation:lava-glow 3s infinite alternate ease-in-out}@keyframes lava-glow{0%{opacity:.85}to{opacity:1;filter:saturate(1.2)}}.stone-arena-floor{position:absolute;top:50px;left:50px;width:900px;height:900px;background:radial-gradient(circle,#2f3640 60%,#20252e);border-radius:50%;border:10px solid #718093;box-shadow:inset 0 0 50px #000c;overflow:hidden}.bg-decor{position:absolute;font-size:2rem;opacity:.15;transform:translate(-50%,-50%);pointer-events:none}.entity{position:absolute;display:flex;align-items:center;justify-content:center;will-change:transform,left,top}.dino-svg{transition:transform .1s ease}.dino-tail{transform-origin:-15px 0px;animation:tail-wag 1.2s infinite ease-in-out}.dino-tail-long{transform-origin:-10px -2px;animation:tail-wag-long .8s infinite ease-in-out}@keyframes tail-wag{0%,to{transform:rotate(-5deg)}50%{transform:rotate(10deg)}}@keyframes tail-wag-long{0%,to{transform:rotate(-10deg)}50%{transform:rotate(15deg)}}.dino-walking .dino-leg-1{transform-origin:0px 10px;animation:leg-swing .4s infinite ease-in-out alternate}.dino-walking .dino-leg-2{transform-origin:0px 10px;animation:leg-swing-reverse .4s infinite ease-in-out alternate}@keyframes leg-swing{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes leg-swing-reverse{0%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}.dino-biting .dino-jaw{transform-origin:12px -5px;animation:jaw-snap .18s ease-out}@keyframes jaw-snap{0%{transform:rotate(0)}45%{transform:rotate(38deg)}to{transform:rotate(0)}}.attack-indicator-cone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,71,87,.12) 30%,transparent 70%);border:1.5px dashed rgba(255,71,87,.3);pointer-events:none;z-index:1;clip-path:polygon(50% 50%,100% 15%,100% 85%)}.bite-slash-effect{position:absolute;top:50%;left:50%;transform:translate(-10%,-50%);background-image:radial-gradient(circle,rgba(255,71,87,.7) 10%,transparent 70%);border:2.5px solid #ff4757;border-radius:50%;pointer-events:none;z-index:3;clip-path:polygon(50% 50%,100% 0%,100% 100%)}.player-ring{position:absolute;width:140%;height:140%;border:2px dashed rgba(46,213,115,.4);border-radius:50%;animation:rotate-ring 8s linear infinite;pointer-events:none}@keyframes rotate-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.enemy-hp-bar{position:absolute;bottom:-12px;left:50%;width:36px;height:4px;background:#0009;border-radius:2px;overflow:hidden;z-index:10}.enemy-hp-fill{height:100%;background:#ff4757}.status-bubble{position:absolute;top:-38px;background:#000000d9;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 3px 6px #0000004d;z-index:12;animation:bounce-bubble .6s infinite alternate}@keyframes bounce-bubble{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.particle{position:absolute;font-weight:700;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:20;white-space:nowrap}.mobile-controls{display:none;justify-content:space-between;align-items:center;width:100%;max-width:850px;padding:10px 20px;box-sizing:border-box}.joystick-zone{width:100px;height:100px;background:#ffffff0a;border:2px dashed rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center}.joystick-base{width:70px;height:70px;background:#ffffff14;border-radius:50%;position:relative}.joystick-handle{width:34px;height:34px;background:coral;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0000004d}.action-btn-bite{width:80px;height:80px;background:linear-gradient(135deg,#ff4757,#ff6b81);border:none;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 16px #ff475766;cursor:pointer}.action-btn-bite span{font-size:.7rem;margin-top:2px;font-weight:700}@media (max-width: 768px){.mobile-controls{display:flex}.instructions{display:none}}.gameover-screen{background:#000000d9;position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;z-index:100}.gameover-box{background:#151821;border:3px solid #ff4757;padding:30px;border-radius:20px;box-shadow:0 15px 40px #ff475740;max-width:420px;width:90%}.gameover-title{font-size:3rem;color:#ff4757;margin:0;text-shadow:0 0 15px rgba(255,71,87,.5);letter-spacing:2px}.gameover-subtitle{color:#a4b0be;margin-top:8px;font-size:1rem}.stats-card{background:#0000004d;border-radius:12px;padding:15px;margin:20px 0;border:1px solid rgba(255,255,255,.05)}.stat-row{display:flex;justify-content:space-between;font-size:1.1rem;margin:8px 0}.stat-val{font-weight:700}.stat-val.highlight{color:#ffd32a;font-size:1.3rem}.new-record-badge{background:linear-gradient(90deg,#ffd32a,#ffa502);color:#000;padding:5px;border-radius:8px;font-weight:700;font-size:.85rem;margin-top:12px;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(.98)}to{transform:scale(1.02)}}.restart-btn{background:linear-gradient(135deg,coral,#ff6b81);box-shadow:0 6px 16px #ff7f5066;margin:0 auto}