@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sky: #5c94fc;--grass: #00a800;--grass-dark: #008000;--boss-red: #f83800;--gold: #fca044;--white: #fcfcfc;--black: #000000;--gray: #747474;--dark-gray: #383838;--bg: #1a1a2e;--bg-lighter: #252542;--text: var(--white);--accent: var(--gold);--canvas-width: 960px;--canvas-height: 720px}html,body{height:100%;overflow:hidden}body{font-family:"Press Start 2P",Courier New,monospace;background:var(--bg);color:var(--text)}#app{display:grid;grid-template-columns:1fr 380px;gap:1rem;height:100vh;padding:1rem;overflow:hidden}#left-panel{display:flex;flex-direction:column;gap:.75rem;min-height:0;overflow:hidden;height:100%}#right-panel{display:flex;flex-direction:column;gap:.6rem;min-height:0;overflow:hidden;height:100%}@media (max-width: 1400px){#app{grid-template-columns:1fr 360px}}@media (max-width: 1100px){#app{grid-template-columns:1fr 320px;gap:.75rem;padding:.75rem}}@media (max-width: 900px){#app{grid-template-columns:1fr 280px;gap:.5rem;padding:.5rem}}@media (max-width: 700px){html,body{overflow:auto}#app{grid-template-columns:1fr;height:auto;min-height:100vh}#left-panel,#right-panel{overflow:visible;max-width:none}}#stats-bar{display:flex;flex-wrap:wrap;justify-content:space-around;gap:.75rem;width:100%;padding:.75rem 1rem;background:var(--bg-lighter);border:2px solid var(--accent);border-radius:4px;flex-shrink:0}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.45rem;color:var(--white);text-transform:uppercase;opacity:.8}.stat-value{font-size:.6rem;color:var(--accent);font-weight:700}#combat-feed{position:absolute;top:60px;left:10px;width:200px;max-height:180px;overflow:hidden;pointer-events:none;z-index:50;display:flex;flex-direction:column;gap:4px}.combat-message{font-family:"Press Start 2P",monospace;font-size:.35rem;padding:4px 8px;background:#000000b3;border-left:3px solid var(--accent);border-radius:2px;color:var(--white);opacity:0;transform:translate(-100%);animation:slide-in .3s ease-out forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combat-message.fadeout{animation:slide-out .5s ease-in forwards}@keyframes slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50%)}}.combat-message.spawn{border-left-color:var(--sky)}.combat-message.spawn .icon{color:var(--sky)}.combat-message.attack{border-left-color:var(--gold)}.combat-message.attack .icon{color:var(--gold)}.combat-message.miss{border-left-color:var(--gray)}.combat-message.miss .icon{color:var(--gray)}.combat-message.hit{border-left-color:#f60;background:#f603}.combat-message.hit .icon{color:#f60}.combat-message.victory{border-left-color:var(--gold);background:#fca0444d;font-size:.4rem;animation:slide-in .3s ease-out forwards,victory-glow .5s ease-in-out 3}.combat-message.victory .icon{color:var(--gold)}@keyframes victory-glow{0%,to{box-shadow:none}50%{box-shadow:0 0 10px var(--gold)}}.combat-message .icon{margin-right:4px}.combat-message .wallet{color:var(--white)}.combat-message .amount{color:var(--grass)}.combat-message .chance{color:var(--gold)}@media (max-width: 900px){#combat-feed{width:160px;top:50px;left:5px}.combat-message{font-size:.3rem;padding:3px 6px}}@media (max-width: 700px){#combat-feed{display:none}}#game-container{position:relative;width:100%;flex:1;min-height:0;background:var(--black);border:3px solid var(--white);border-radius:4px;overflow:hidden}#game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;text-align:center;padding:1rem;z-index:10}.overlay.hidden{display:none}.overlay h1{font-size:1rem;color:var(--gold);margin-bottom:.75rem;animation:pulse .5s ease-in-out infinite alternate}.overlay .winner,.overlay .reward{font-size:.5rem;margin:.3rem 0}.overlay .reward span{color:var(--gold);font-size:.7rem}.overlay button{margin-top:1rem;padding:.5rem 1rem;font-family:inherit;font-size:.45rem;background:var(--accent);color:var(--black);border:none;cursor:pointer;transition:transform .1s}.overlay button:hover{transform:scale(1.05)}.overlay button:active{transform:scale(.95)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}#leaderboard,#recent-fighters,#winners-history{width:100%;padding:.75rem;background:var(--bg-lighter);border:2px solid var(--grass);border-radius:4px;overflow:hidden}#winners-history{border-color:var(--gold);flex:0 0 auto;max-height:35%;min-height:120px;display:flex;flex-direction:column}#winners-history #winners-list{flex:1;overflow-y:auto;min-height:0}#leaderboard{flex:0 0 auto}#recent-fighters{border-color:var(--sky);flex:2;min-height:150px;display:flex;flex-direction:column}#leaderboard h2,#recent-fighters h2,#winners-history h2{font-size:.6rem;margin-bottom:.6rem;color:var(--gold)}#top-fighters-list,#recent-fighters-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}#recent-fighters-list{flex:1;overflow-y:auto;min-height:0}#top-fighters-list li,#recent-fighters-list li{display:flex;justify-content:space-between;align-items:center;padding:.45rem .6rem;background:var(--bg);font-size:.48rem;border-left:3px solid var(--accent)}#recent-fighters-list li{border-left-color:var(--sky)}#top-fighters-list li.empty,#recent-fighters-list li.empty{color:var(--gray);border-left-color:var(--gray)}.fighter-rank{color:var(--gold);margin-right:.4rem}.fighter-wallet{color:var(--gold);flex:1;text-decoration:none;cursor:pointer;transition:color .2s}.fighter-wallet:hover{color:var(--white);text-decoration:underline}.fighter-amount{color:var(--grass);margin:0 .4rem}.fighter-chance{color:var(--gold);text-align:right}#footer{width:100%;text-align:center;flex-shrink:0}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.links a{font-size:.55rem;color:var(--accent);text-decoration:none;padding:.55rem 1rem;border:2px solid var(--accent);border-radius:4px;transition:all .2s}.links a:hover{background:var(--accent);color:var(--black)}#sound-toggle{position:fixed;bottom:.75rem;right:.75rem;width:36px;height:36px;font-size:1.1rem;background:var(--bg-lighter);border:2px solid var(--white);border-radius:4px;cursor:pointer;z-index:100}#sound-toggle:hover{background:var(--accent)}#sound-toggle.muted{opacity:.5}@media (max-width: 900px){.stat-label{font-size:.3rem}.stat-value{font-size:.45rem}.overlay h1{font-size:.8rem}.overlay .winner,.overlay .reward{font-size:.4rem}.links a{font-size:.45rem;padding:.4rem .7rem}#leaderboard h2,#recent-fighters h2,#winners-history h2{font-size:.5rem}#top-fighters-list li,#recent-fighters-list li,.winner-row{font-size:.4rem;padding:.35rem .45rem}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:1000;padding:1rem;overflow-y:auto}.modal.hidden{display:none}.modal-content{background:var(--bg-lighter);border:3px solid var(--accent);border-radius:6px;padding:1rem;max-width:500px;width:90%;max-height:85vh;overflow-y:auto}.modal-content h2{font-size:.75rem;color:var(--gold);text-align:center;margin-bottom:.75rem}.modal-content h3{font-size:.5rem;color:var(--white);margin:.75rem 0 .35rem;border-bottom:1px solid var(--accent);padding-bottom:.2rem}.modal-body{font-size:.4rem;line-height:1.6}.modal-body p{margin:.5rem 0}.modal-body ul{list-style:none;margin:.5rem 0}.modal-body li{padding:.25rem 0 .25rem 1rem;position:relative}.modal-body li:before{content:">";position:absolute;left:0;color:var(--accent)}.modal-body .warning{background:#f8380033;border:2px solid var(--boss-red);padding:.75rem;margin-top:1rem;color:#ff6b6b}.primary-btn{display:block;width:100%;margin-top:1rem;padding:.6rem;font-family:inherit;font-size:.45rem;background:var(--accent);color:var(--black);border:none;cursor:pointer;transition:all .2s}.primary-btn:hover{transform:scale(1.02);box-shadow:0 0 15px var(--accent)}.primary-btn:active{transform:scale(.98)}@media (max-width: 480px){.modal-content{padding:1rem}.modal-content h2{font-size:.75rem}.modal-body{font-size:.4rem}}#winners-history .empty{font-size:.48rem;color:var(--gray)}.winners-table{list-style:none;display:flex;flex-direction:column;gap:.25rem}.winner-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem .6rem;background:var(--bg);font-size:.48rem;border-left:3px solid var(--gold);transition:all .3s ease}.winner-row.new-winner{background:#fca04433;border-left-color:var(--white);animation:flash .5s ease-in-out 3}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.winner-rank{color:var(--gold);margin-right:.5rem;min-width:24px}.winner-wallet{color:var(--gold);flex:1;text-decoration:none;cursor:pointer;transition:color .2s}.winner-wallet:hover{color:var(--white);text-decoration:underline}.winner-amount{color:var(--grass);margin:0 .5rem}.winner-time{color:var(--gray);min-width:50px;text-align:right}@media (max-width: 480px){.winner-time{display:none}}