@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Outfit:wght@400;700;900&display=swap";:root{--fn-yellow: #fcee0a;--fn-blue: #2ab7ca;--fn-dark: #121212;--fn-text: #ffffff;--fn-stroke: rgba(0,0,0,.8);--fn-danger: #fe4a90}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;cursor:none;font-family:Outfit,sans-serif;background:#000}body.menu-open,body.menu-open #app,body.menu-open #scene{cursor:default}#app{position:relative;width:100vw;height:100vh;cursor:none}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:none}.fn-title{font-family:Luckiest Guy,cursive;color:var(--fn-yellow);font-size:clamp(3rem,8vw,6rem);-webkit-text-stroke:2px var(--fn-stroke);text-shadow:4px 4px 0px var(--fn-stroke);margin:0;transform:rotate(-3deg);letter-spacing:2px}.loading-screen{position:fixed;inset:0;z-index:9999;background:var(--fn-blue);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.loading-content{text-align:center}.loading-content h1{font-family:Luckiest Guy,cursive;color:#fff;font-size:4rem;-webkit-text-stroke:2px var(--fn-stroke);text-shadow:4px 4px 0px var(--fn-stroke);margin-top:1rem;animation:pulse 1.5s infinite}.spinner{width:80px;height:80px;border:10px solid rgba(255,255,255,.3);border-top-color:var(--fn-yellow);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lobby-menu{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem 2rem 2rem 5vw;pointer-events:none}.fn-title-container{text-align:left;margin-bottom:2rem;pointer-events:none}.fn-subtitle{color:#fff;font-size:1.5rem;font-weight:900;text-shadow:2px 2px 0 #000;background:#00000080;display:inline-block;padding:.5rem 1rem;border-radius:8px;transform:rotate(1deg)}.fn-panel{background:#000000b3;border:4px solid var(--fn-text);border-radius:16px;padding:2rem;width:min(28rem,50vw);text-align:center;box-shadow:8px 8px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.fn-panel h2{font-family:Luckiest Guy,cursive;color:#fff;font-size:2.5rem;margin:0 0 1rem;letter-spacing:2px}.lobby-menu__status{color:#ccc;font-weight:700;margin-bottom:1.5rem}.fn-lobby-grid{display:flex;flex-direction:column;gap:1rem}.fn-button{appearance:none;border:4px solid var(--fn-stroke);border-radius:12px;padding:1rem 1.5rem;font-family:Luckiest Guy,cursive;font-size:1.8rem;color:#fff;cursor:pointer;transition:transform .1s,filter .1s;text-shadow:2px 2px 0 var(--fn-stroke);box-shadow:4px 4px 0 var(--fn-stroke);display:flex;flex-direction:column;align-items:center}.fn-button:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1)}.fn-button:active{transform:translateY(2px) scale(.98);box-shadow:2px 2px 0 var(--fn-stroke)}.fn-primary{background:var(--fn-yellow);color:var(--fn-dark);text-shadow:none}.fn-primary .btn-meta{color:#000000b3;text-shadow:none;font-family:Outfit,sans-serif;font-size:1rem;font-weight:900}.fn-secondary{background:var(--fn-blue)}.fn-secondary .btn-meta{font-family:Outfit,sans-serif;font-size:1rem;font-weight:900}.fn-danger{background:var(--fn-danger)}.hud{position:absolute;left:0;right:0;display:flex;justify-content:space-between;padding:2rem;pointer-events:none;z-index:2}.hud-top{top:0;align-items:flex-start}.hud-bottom{bottom:0;justify-content:center}.fn-scoreboard{display:flex;gap:1rem}.fn-stat{background:#00000080;border:3px solid rgba(255,255,255,.2);border-radius:12px;padding:.5rem 1.5rem;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:skew(-5deg)}.fn-stat .label{display:block;color:var(--fn-yellow);font-weight:900;font-size:.9rem;letter-spacing:1px}.fn-stat strong{display:block;color:#fff;font-family:Luckiest Guy,cursive;font-size:2.5rem;-webkit-text-stroke:1px #000;text-shadow:2px 2px 0 #000}.fn-meter-card{background:#0009;border:3px solid #fff;border-radius:16px;padding:1rem 2rem;width:min(30rem,90vw);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 20px #00000080}.meter-copy{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.meter-copy .label{color:#fff;font-weight:900;font-size:1.2rem;letter-spacing:1px}.meter-copy strong{color:var(--fn-danger);font-family:Luckiest Guy,cursive;font-size:2.5rem;-webkit-text-stroke:1px #000;text-shadow:2px 2px 0 #000}.meter-track{height:24px;background:#fff3;border-radius:12px;overflow:hidden;border:2px solid #000}.meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--fn-yellow),var(--fn-danger));transition:width .2s ease}.pause-menu{position:absolute;inset:0;z-index:10;background:#000c;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pause-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.pause-title{font-size:5rem;transform:none}.pause-buttons{display:flex;flex-direction:column;gap:1rem;width:300px}.pause-buttons .fn-button{width:100%;pointer-events:auto}.reticle{position:absolute;left:50%;top:50%;width:8px;height:8px;background:#fff;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 4px #000;pointer-events:none;z-index:3}.hidden{display:none!important}.network-card{position:absolute;right:1.2rem;top:10rem;z-index:2;background:#00000080;color:#fff;padding:.5rem 1rem;border-radius:8px;border:2px solid rgba(255,255,255,.2)}.game-over{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c8000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over h2{font-family:Luckiest Guy,cursive;font-size:6rem;color:#fff;-webkit-text-stroke:2px #000;margin:0}.game-over p{color:#fff;font-weight:900;font-size:2rem}@media(max-width:720px){.fn-title{font-size:3.5rem}.fn-panel h2{font-size:2rem}.fn-button{font-size:1.5rem}.fn-scoreboard{flex-direction:column;gap:.5rem}}