@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";html,body,#root{height:100%;margin:0}body{background:#2f6b2a}:root{--grass-1:#2f6b2a;--grass-2:#3d8a36;--grass-3:#56a84c;--gold:#f5d142;--gold-dark:#b88a1e;--ink:#0e1a0c}*{box-sizing:border-box}html,body,#root{background:var(--grass-1);color:#fffbe6;-webkit-tap-highlight-color:transparent;height:100%;margin:0;padding:0;font-family:"Press Start 2P",Courier New,monospace;overflow:hidden}.arena{cursor:none;background:radial-gradient(circle at 30% 20%, #4a9a40 0%, transparent 40%), radial-gradient(circle at 70% 80%, #4a9a40 0%, transparent 45%), linear-gradient(180deg, var(--grass-2) 0%, var(--grass-1) 100%);width:100vw;height:100dvh;image-rendering:pixelated;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;overflow:hidden}.arena.touch{cursor:auto}.arena.touch .sword{display:none}.bg-grid{pointer-events:none;background-image:linear-gradient(#00000014 1px,#0000 1px),linear-gradient(90deg,#00000014 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.bg-trees{pointer-events:none;opacity:.55;position:absolute;inset:0}.tree{filter:drop-shadow(2px 2px #00000059);background:radial-gradient(circle at 50% 40%,#1f4a1c 0 45%,#0000 46%),linear-gradient(#5a3210,#5a3210) bottom/6px 8px no-repeat;width:28px;height:28px;position:absolute}.hud{text-align:center;z-index:5;pointer-events:none;text-shadow:2px 2px #000,0 0 8px #0009;width:90%;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-title{justify-content:center;align-items:center;gap:10px;display:flex}.hud h1{letter-spacing:2px;color:var(--gold);margin:0;font-size:22px}.hud-sub{letter-spacing:1px;color:#fffbe6;margin:6px 0 0;font-size:10px}@media (width>=720px){.hud h1{font-size:32px}.hud-sub{font-size:12px}}.triforce{background:linear-gradient(135deg, var(--gold) 0%, #fff7a8 50%, var(--gold-dark) 100%);clip-path:polygon(50% 0%,100% 100%,0% 100%,75% 50%,50% 0%,25% 50%,50% 100%);filter:drop-shadow(0 0 4px #f5d142b3);width:24px;height:22px;animation:2s ease-in-out infinite tri-glow;display:inline-block}@keyframes tri-glow{0%,to{filter:drop-shadow(0 0 4px #f5d142b3)}50%{filter:drop-shadow(0 0 12px #fff7a8)}}.ball{will-change:transform;pointer-events:none;z-index:3;filter:drop-shadow(0 4px #00000059)drop-shadow(0 0 10px #ba68ebb3);width:56px;height:56px;position:absolute;top:0;left:0}.ball-inner{justify-content:center;align-items:center;width:100%;height:100%;animation:1.2s ease-in-out infinite rupee-bob;display:flex}.rupee{transform-origin:50%;filter:drop-shadow(0 0 6px #dcaaffe6);width:100%;height:100%;animation:1.6s linear infinite rupee-spin}@keyframes rupee-spin{0%{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.15)}to{transform:scaleX(1)}}@keyframes rupee-bob{0%,to{translate:0}50%{translate:0 -3px}}.sword{pointer-events:none;z-index:10;transform-origin:32px 50px;filter:drop-shadow(2px 2px #0009);will-change:transform;width:80px;height:80px;position:absolute;top:-40px;left:-40px}.arena.hit .ball-inner{animation:.5s ease-out forwards pop}@keyframes pop{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.flash{pointer-events:none;z-index:8;background:radial-gradient(circle,#fffbe6 0%,#0000 70%);animation:.6s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.hit-text{color:var(--gold);text-shadow:3px 3px 0 #000, 0 0 18px var(--gold);z-index:9;letter-spacing:3px;white-space:nowrap;font-size:28px;animation:.6s ease-out forwards rise;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=720px){.hit-text{font-size:48px}}@keyframes rise{0%{opacity:0;transform:translate(-50%,-30%)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}.arena.miss{animation:.18s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}