*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Segoe UI,system-ui,sans-serif}#root{min-height:100vh}.landing{background:radial-gradient(at 50% 40%,#0d1f00 0%,#060e00 55%,#000 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.landing-particles{pointer-events:none;z-index:0;position:fixed;inset:0}.biohazard-bg{opacity:.5;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='10' fill='none' stroke='%2334600015' stroke-width='3'/%3E%3Cpath d='M50 40 A20 20 0 0 1 67 53 L57 58 A10 10 0 0 0 50 50 Z' fill='%2334600012'/%3E%3Cpath d='M50 40 A20 20 0 0 0 33 53 L43 58 A10 10 0 0 1 50 50 Z' fill='%2334600012'/%3E%3Cpath d='M67 53 A20 20 0 0 1 33 53 L43 58 A10 10 0 0 0 57 58 Z' fill='%2334600012'/%3E%3C/svg%3E");background-position:50%;background-size:320px 320px;animation:90s linear infinite bg-rotate;position:absolute;inset:0}@keyframes bg-rotate{to{transform:rotate(360deg)scale(1.5)}}.landing-content{z-index:1;flex-direction:column;align-items:center;gap:30px;padding:40px 24px;display:flex;position:relative}.landing-title-wrap{text-align:center}.landing-title{letter-spacing:10px;text-transform:uppercase;color:#b8e860;text-shadow:3px 3px #162800,5px 5px #00000080;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:900;line-height:1.1;animation:7s ease-in-out infinite title-flicker}.title-accent{color:#6fff00;text-shadow:3px 3px #162800,0 0 16px #50ff0066}@keyframes title-flicker{0%,87%,to{opacity:1}89%{opacity:.65}91%{opacity:1}94%{opacity:.8}96%{opacity:1}}.title-underline{background:linear-gradient(90deg,#0000 0%,#6fff00 35% 65%,#0000 100%);height:2px;margin-top:10px;animation:3.5s ease-in-out infinite ul-pulse}@keyframes ul-pulse{0%,to{opacity:.4;transform:scaleX(.75)}50%{opacity:1;transform:scaleX(1)}}.hero-container{justify-content:center;align-items:center;width:440px;height:270px;display:flex;position:relative}.hero-ring{pointer-events:none;border:1px solid #5ae6002e;border-radius:50%;animation:4s ease-out infinite ring-pulse;position:absolute}.hero-ring-1{width:220px;height:220px;animation-delay:0s}.hero-ring-2{width:270px;height:270px;animation-delay:1.4s}.hero-ring-3{width:320px;height:320px;animation-delay:2.8s}@keyframes ring-pulse{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(1.25)}}.hero-img{object-fit:cover;z-index:1;filter:drop-shadow(0 0 12px #46c8004d)drop-shadow(0 10px 30px #000000e6);border-radius:999px;width:420px;height:250px;animation:4.5s ease-in-out infinite hero-float;position:relative}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-placeholder{width:300px;height:340px}.hero-shadow{background:radial-gradient(#46c80047 0%,#0000 70%);width:140px;height:22px;animation:4.5s ease-in-out infinite shadow-pulse;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes shadow-pulse{0%,to{opacity:.5;transform:translate(-50%)scaleX(.8)}50%{opacity:1;transform:translate(-50%)scaleX(1.1)}}.ca-copy{cursor:pointer;background:#ffffff0a;border:1px solid #64dc0038;border-radius:10px;align-items:center;gap:8px;max-width:92vw;padding:9px 16px;transition:background .18s,border-color .18s;display:inline-flex;position:relative}.ca-copy:hover{background:#50c8001a;border-color:#78ff0066}.ca-copy:active{transform:scale(.98)}.ca-label{color:#8cdc3cb3;letter-spacing:1px;flex-shrink:0;font-size:.78rem;font-weight:700}.ca-addr{color:#b4f064d9;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:58vw;font-family:Courier New,monospace;font-size:.72rem;overflow:hidden}.ca-icon{color:#82dc32b3;flex-shrink:0;font-size:.95rem;transition:color .15s}.ca-copy:hover .ca-icon{color:#8fff30}.ca-toast{color:#d4ff80;letter-spacing:1px;white-space:nowrap;background:#3a8800;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;animation:.2s ease-out toast-pop;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.landing-ticker{background:linear-gradient(160deg,#1e3d08 0%,#2e5c0e 50%,#1a3406 100%);border:6px solid #3d8c0c;border-top:3px solid #5abf10;border-bottom:3px solid #2a6006;border-radius:8px;align-items:center;padding:10px 22px;animation:3s ease-in-out infinite goblin-border-pulse;display:inline-flex;position:relative;box-shadow:0 0 0 2px #1a3406,0 0 0 4px #4aaa0e,0 0 0 6px #1a3406,4px 6px 16px #000000b3}.landing-ticker:before{content:"☠";color:#c8d860;text-shadow:0 0 6px #50c80080;font-size:1.1rem;position:absolute;top:-13px;left:-10px;transform:rotate(-20deg)}.landing-ticker:after{content:"☠";color:#c8d860;text-shadow:0 0 6px #50c80080;font-size:1.1rem;position:absolute;top:-13px;right:-10px;transform:rotate(20deg)}.landing-ticker-text{letter-spacing:2px;color:#c8f060;text-shadow:0 1px 4px #000c,0 0 10px #50c8004d;font-size:.88rem;font-weight:800}.mini-flag{vertical-align:middle;border-radius:2px;flex-shrink:0;width:36px;height:24px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 1px 4px #0009}.mini-flag-stripes{background:repeating-linear-gradient(#b22234 0% 14.28%,#fff 14.28% 28.57%,#b22234 28.57% 42.85%,#fff 42.85% 57.14%,#b22234 57.14% 71.42%,#fff 71.42% 85.71%,#b22234 85.71% 100%);display:block;position:absolute;inset:0}.mini-flag-canton{background:#3c3b6e;flex-wrap:wrap;place-content:space-around;width:40%;height:54%;padding:1px;display:flex;position:absolute;top:0;left:0}.mini-flag-canton span{color:#fff;font-size:4px;line-height:1}@keyframes goblin-border-pulse{0%,to{box-shadow:0 0 0 2px #1a3406,0 0 0 4px #4aaa0e,0 0 0 6px #1a3406,4px 6px 16px #000000b3}50%{box-shadow:0 0 0 2px #1a3406,0 0 0 4px #7fff20,0 0 0 6px #1a3406,4px 6px 24px #3cb40080}}.landing-sub{color:#96cd46bf;text-align:center;letter-spacing:1px;max-width:320px;font-size:.98rem;line-height:1.85}.play-btn{letter-spacing:5px;color:#fff;cursor:pointer;background:linear-gradient(160deg,#1d4f00 0%,#357000 50%,#1d4f00 100%);border:1px solid #5adc0073;border-radius:4px;outline:none;justify-content:center;align-items:center;padding:16px 68px;font-size:1.25rem;font-weight:900;transition:transform .13s,box-shadow .13s;animation:3s ease-in-out infinite btn-breathe;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 18px #32aa0059,inset 0 1px #ffffff12}.play-btn:hover{transform:scale(1.05);box-shadow:0 0 32px #46dc0099,inset 0 1px #ffffff1a}.play-btn:active{transform:scale(.97)}.play-btn-label{z-index:1;text-shadow:0 1px 3px #0009;position:relative}.play-btn-glow{background:radial-gradient(#5aff0033 0%,#0000 70%);animation:2.8s ease-in-out infinite btn-glow;position:absolute;inset:0}@keyframes btn-glow{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes btn-breathe{0%,to{box-shadow:0 0 18px #32aa0059,inset 0 1px #ffffff12}50%{box-shadow:0 0 28px #46d2008c,inset 0 1px #ffffff12}}.landing-hint{color:#6eaa2880;letter-spacing:2px;text-align:center;font-size:.78rem}.hint-mobile{opacity:.6;margin-top:4px;font-size:.72rem;display:none}@media (hover:none) and (pointer:coarse){.hint-mobile{display:inline}}kbd{color:#8cd246d9;background:#46b4001a;border:1px solid #46b4004d;border-radius:3px;padding:1px 7px;font-family:inherit;font-size:.82em;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}.game-wrapper{background:radial-gradient(#0a1200 0%,#050900 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:relative}.game-header{-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #6eff001f;border-radius:40px;align-items:center;gap:18px;padding:8px 20px;display:flex}.game-title{letter-spacing:9px;text-transform:uppercase;color:#6fff00;text-shadow:0 0 12px #50dc008c,2px 2px #1a3a00;-webkit-user-select:none;user-select:none;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900;animation:4s ease-in-out infinite infected-flicker}@keyframes infected-flicker{0%,92%,to{opacity:1}93%{opacity:.55}95%{opacity:1}97%{opacity:.8}}.exit-btn{color:#8fff30;cursor:pointer;letter-spacing:1px;background:#ffffff0d;border:1px solid #6eff0038;border-radius:20px;align-items:center;gap:6px;padding:7px 18px;font-size:.82rem;font-weight:600;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.exit-btn:hover{color:#caffaa;background:#50c80024;border-color:#6eff0080;box-shadow:0 0 14px #46c80040}.exit-btn:active{transform:scale(.96)}.loading{color:#64c800b3;letter-spacing:3px;font-size:.9rem;position:absolute}.canvas-outer{border-radius:12px;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 1px #50c80026,0 0 40px #3cb4004d,0 0 80px #1e640026}.game-canvas{display:block}.gameover-overlay{-webkit-backdrop-filter:blur(6px);background:#000800b8;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gameover-box{text-align:center;background:#051200d9;border:1px solid #5ad20040;border-radius:20px;flex-direction:column;align-items:center;gap:22px;padding:52px 72px;display:flex;box-shadow:0 0 0 1px #50c80014,0 24px 64px #0009,0 0 40px #32a0002e}.gameover-box h2{color:#7fff00;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 24px #50dc0099;font-size:2.6rem;font-weight:900}.go-score{color:#96d246bf;letter-spacing:1px;font-size:1.05rem}.go-score strong{color:#c8ff60;margin-top:4px;font-size:1.6rem;font-weight:800;display:block}.go-score:before{content:"";background:linear-gradient(90deg,#0000,#6fff00,#0000);width:40px;height:2px;margin:0 auto 14px;display:block}.go-buttons{gap:12px;margin-top:4px;display:flex}.go-btn{color:#8b4;letter-spacing:1px;cursor:pointer;background:#ffffff0a;border:1px solid #5ac80040;border-radius:12px;padding:12px 30px;font-size:.95rem;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .12s}.go-btn:hover{color:#b8f060;background:#50c8001a;border-color:#64dc0066}.go-btn:active{transform:scale(.96)}.go-btn.primary{color:#fff;letter-spacing:2px;background:linear-gradient(135deg,#2d8800 0%,#5cc800 100%);border:none;padding:13px 36px;font-weight:700;box-shadow:0 4px 18px #3cb40066,inset 0 1px #ffffff26}.go-btn.primary:hover{background:linear-gradient(135deg,#38a800 0%,#72e000 100%);transform:translateY(-1px);box-shadow:0 6px 26px #50dc008c,inset 0 1px #fff3}.go-btn.primary:active{transform:translateY(0)scale(.97)}.touch-controls{gap:20px;margin-top:4px;display:none}@media (hover:none) and (pointer:coarse){.touch-controls{display:flex}}.touch-btn{color:#8fff30;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#3cb4001f;border:2px solid #6eff004d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.9rem;transition:background .1s,border-color .1s;display:flex;box-shadow:0 0 14px #46c80026,inset 0 1px #ffffff0f}.touch-btn:active{background:#50d2004d;border-color:#82ff008c;box-shadow:0 0 22px #50dc0059}