*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}.root{position:absolute;top:0;right:0;bottom:0;left:0;font-family:Segoe UI,system-ui,Arial,sans-serif}.game-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}canvas{display:block;width:100%;height:100%}.landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;background:#040810}.l-bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.l-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,rgba(4,8,20,.05) 0%,rgba(4,8,20,.3) 28%,rgba(4,8,20,.82) 52%,rgba(4,8,20,.98) 100%)}.l-left{flex:0 0 54%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 68px 64px;gap:18px}.l-panel{position:absolute;bottom:0;right:20px;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;padding:40px 40px 40px 78px;gap:18px;background:rgba(4,8,24,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);clip-path:polygon(48px 0,100% 0,100% 100%,0 100%);height:fit-content}@media (max-width: 850px){.landing{flex-direction:column;align-items:center;justify-content:center}.l-left{flex:0 0 auto;padding:40px 20px;text-align:center;justify-content:center}.l-panel{flex:0 0 auto;width:90%;max-width:500px;margin-top:40px;clip-path:none;padding:24px}}.l-eyebrow{display:flex;align-items:center;gap:10px;font-size:1rem;letter-spacing:4px;color:#3f6a95;text-transform:uppercase}.l-eyebrow-diamond{width:7px;height:7px;background:#00d4ff;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex-shrink:0;box-shadow:0 0 8px #00d4ffcc}.l-title{font-size:clamp(3.4rem,5.8vw,5.5rem);font-weight:900;line-height:.92;letter-spacing:-2px;color:#d8e8ff;text-shadow:0 0 40px rgba(60,120,255,.12)}.l-title-accent{font-size:60px;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.9),0 0 60px rgba(0,180,255,.35)}.l-tagline{font-size:.85rem;color:#6986a2;line-height:1.7;max-width:360px}.l-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.l-pill{font-size:.66rem;padding:5px 14px 5px 10px;background:rgba(0,180,255,.07);border:1px solid rgba(0,180,255,.18);color:#3a7090;letter-spacing:1px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.l-rank-panel{display:flex;flex-direction:column;background:rgba(2,6,18,.55);border:1px solid rgba(0,180,255,.1);border-top:1px solid rgba(0,180,255,.25);flex:1;min-height:0;overflow:hidden}.l-rank-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:1px solid rgba(0,180,255,.08);flex-shrink:0}.l-rank-title{font-size:.62rem;font-weight:800;letter-spacing:5px;color:#00d4ff}.l-rank-badge{font-size:.58rem;color:#1a3050;border:1px solid rgba(0,180,255,.15);padding:2px 9px;letter-spacing:2px}.l-rank-empty{padding:32px 16px;text-align:center;color:#1a3050;font-size:.78rem;letter-spacing:1px}.l-rank-list{list-style:none;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(0,180,255,.08) transparent}.l-rank-row{display:flex;align-items:center;gap:10px;padding:7px 16px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .12s}.l-rank-row:hover{background:rgba(0,180,255,.04)}.l-rank-row:last-child{border-bottom:none}.l-rank-pos{font-size:.62rem;font-weight:700;color:#1a3050;width:20px;text-align:right;flex-shrink:0;font-family:Courier New,monospace}.l-rank-name{flex:1;font-size:.78rem;color:#5a7a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-rank-coins{font-size:.66rem;color:#806020;flex-shrink:0}.l-rank-time{font-size:.74rem;font-weight:700;color:#2a4a6a;font-family:Courier New,monospace;flex-shrink:0}.rank-gold .l-rank-pos{color:#c89a00}.rank-gold .l-rank-name{color:#c8a840;font-weight:600}.rank-gold .l-rank-time{color:#b08800}.rank-silver .l-rank-pos{color:#5a7a9a}.rank-bronze .l-rank-pos,.rank-bronze .l-rank-time{color:#a06030}.l-play-section{display:flex;gap:8px;flex-shrink:0}.l-input{flex:1;padding:12px 16px;font-size:.86rem;font-family:inherit;background:rgba(2,6,18,.8);border:1px solid rgba(0,180,255,.16);border-bottom:2px solid rgba(0,180,255,.35);color:#a0c4e0;outline:none;letter-spacing:.5px;transition:border-color .2s,box-shadow .2s}.l-input::placeholder{color:#1a3050}.l-input:focus{border-color:#00d4ff66;border-bottom-color:#00d4ff;box-shadow:0 4px 20px #00b4ff1f}.l-play{padding:12px 22px;font-size:.8rem;font-weight:800;font-style:italic;letter-spacing:3px;font-family:inherit;background:rgba(0,180,255,.1);color:#00d4ff;border:1px solid rgba(0,180,255,.35);border-bottom:2px solid rgba(0,212,255,.6);cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);white-space:nowrap;transition:background .2s,box-shadow .2s}.l-play:disabled{opacity:.18;cursor:not-allowed}.l-play:not(:disabled):hover{background:rgba(0,212,255,.2);box-shadow:0 0 28px #00b4ff40}.l-play-hint{font-size:.6rem;color:#1a3050;letter-spacing:1px;text-align:center;flex-shrink:0}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(4,8,20,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spinner{width:44px;height:44px;border:2px solid rgba(0,212,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin .75s linear infinite}.loading-text{color:#1a3a5a;font-size:.65rem;letter-spacing:5px;margin-top:20px}.loading-controls{position:absolute;bottom:80px;display:flex;gap:80px;align-items:flex-start;justify-content:center}.controls-section{display:flex;flex-direction:column;align-items:center;gap:12px}.controls-label{color:#8cf;font-size:.6rem;letter-spacing:2px;margin:0;font-weight:700}.keys-grid{display:flex;flex-direction:column;gap:6px;align-items:center}.keys-row{display:flex;gap:6px}.key-button{width:40px;height:40px;border:2px solid #ffffff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;background:transparent;font-family:Courier New,Courier,monospace}.mouse-controls{display:flex;gap:20px;align-items:center}.mouse-button{width:50px;height:50px;border:2px solid #ffffff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:transparent}.mouse-left{border-color:#ff6b6b}.mouse-right{border-color:#4ecdc4}.mouse-label{font-size:.55rem;color:#ccc;margin:0;white-space:nowrap;letter-spacing:1px}@keyframes spin{to{transform:rotate(360deg)}}.go-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#04060e;display:flex;align-items:center;justify-content:center;overflow:hidden}.go-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.go-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 28%,rgba(100,0,0,.65) 100%)}.go-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);opacity:.55}.go-corner{position:absolute;width:40px;height:40px;pointer-events:none;z-index:3}.go-corner:before,.go-corner:after{content:"";position:absolute;background:rgba(180,0,0,.6)}.go-corner:before{width:2px;height:100%}.go-corner:after{width:100%;height:2px}.go-corner-tl{top:24px;left:24px}.go-corner-tr{top:24px;right:24px;transform:scaleX(-1)}.go-corner-bl{bottom:24px;left:24px;transform:scaleY(-1)}.go-corner-br{bottom:24px;right:24px;transform:scale(-1)}.go-content{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:26px;padding:40px 20px;max-width:620px;width:100%}.go-divider{display:flex;align-items:center;width:100%;max-width:480px;gap:0}.go-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(160,0,0,.6),transparent)}.go-divider-diamond{font-size:.65rem;color:#600;padding:0 14px;text-shadow:0 0 10px rgba(255,0,0,.5)}.go-title-wrap{text-align:center;display:flex;flex-direction:column;gap:10px}.go-title{font-size:clamp(3.5rem,8vw,6rem);font-weight:900;letter-spacing:10px;color:#ff2020;text-shadow:0 0 20px rgba(255,30,30,.9),0 0 60px rgba(255,0,0,.4),0 0 100px rgba(180,0,0,.2);animation:go-glitch 5s ease-in-out infinite}@keyframes go-glitch{0%,90%,to{opacity:1;transform:none;text-shadow:0 0 20px rgba(255,30,30,.9),0 0 60px rgba(255,0,0,.4)}91%{opacity:.9;transform:translate(-3px);text-shadow:-3px 0 #ff0000,3px 0 #4400ff,0 0 30px rgba(255,0,0,.8)}92%{opacity:1;transform:none}93%{opacity:.85;transform:translate(3px,1px);text-shadow:3px 0 #ff2020,-2px 0 #0044ff}94%{opacity:1;transform:none}96%{opacity:.6;transform:translate(-2px,-1px)}97%{opacity:1;transform:none}}.go-player-name{font-size:.9rem;font-weight:700;letter-spacing:5px;color:#c89000;text-transform:uppercase;text-shadow:0 0 16px rgba(200,150,0,.5)}.go-cards{display:flex;gap:12px;width:100%;max-width:520px;justify-content:center}.go-card{flex:1;max-width:150px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 12px 14px;background:rgba(4,8,22,.75);border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.go-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.go-card:after{content:"";position:absolute;bottom:-1px;right:-1px;width:14px;height:14px;background:#04060e;clip-path:polygon(100% 0,100% 100%,0 100%)}.go-card-time:before{background:linear-gradient(90deg,transparent,#ffd060,transparent)}.go-card-room:before{background:linear-gradient(90deg,transparent,#4aaeff,transparent)}.go-card-wave:before{background:linear-gradient(90deg,transparent,#c080ff,transparent)}.go-card-label{font-size:.56rem;letter-spacing:4px;font-weight:800;text-transform:uppercase;color:#ffffff38;order:-1}.go-card-value{font-size:2rem;font-weight:900;font-family:Courier New,Lucida Console,monospace;letter-spacing:1px;line-height:1}.go-card-icon{font-size:.85rem;opacity:.35}.go-card-time .go-card-value{color:#ffd060;text-shadow:0 0 14px rgba(255,210,60,.45)}.go-card-room .go-card-value{color:#4aaeff;text-shadow:0 0 14px rgba(74,174,255,.45)}.go-card-wave .go-card-value{color:#c080ff;text-shadow:0 0 14px rgba(192,128,255,.45)}.go-score-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.go-score-label{font-size:.58rem;letter-spacing:5px;color:#2a3a50;text-transform:uppercase}.go-score-frame{padding:12px 40px;background:rgba(4,8,22,.8);border:1px solid rgba(255,210,0,.18);border-bottom:2px solid rgba(255,210,0,.5);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%)}.go-score-value{font-size:2.8rem;font-weight:900;color:gold;font-family:Courier New,Lucida Console,monospace;letter-spacing:4px;text-shadow:0 0 20px rgba(255,215,0,.7),0 0 60px rgba(255,200,0,.25)}.go-buttons{display:flex;gap:12px}.go-btn{padding:13px 30px;font-size:.8rem;font-weight:800;letter-spacing:2px;font-family:inherit;border:none;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:opacity .18s,box-shadow .18s}.go-btn:hover{opacity:.82}.go-btn-retry{background:linear-gradient(135deg,#c01818,#7a0808);color:#fff;box-shadow:0 4px 22px #b40a0a73}.go-btn-new{background:rgba(255,255,255,.05);color:#4a6080;border:1px solid rgba(255,255,255,.09)}.hud-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:0;pointer-events:none}.hud-stats{display:flex;gap:28px;align-items:center;justify-content:center;padding:8px 24px;background:rgba(20,50,90,.7);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(120,180,255,.35)}.hud-block{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;text-align:center}.hud-label{font-size:.55rem;letter-spacing:1px;text-transform:uppercase;color:#7fa3c8;font-weight:700}.hud-value{font-size:1.4rem;font-weight:800;color:#e8f0ff;font-variant-numeric:tabular-nums;letter-spacing:.6px;text-shadow:0 0 10px rgba(100,180,255,.6)}.health-bar{width:75px;height:10px;background:rgba(30,50,80,.6);border:1px solid rgba(100,180,255,.5);border-radius:2px;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,rgba(120,210,255,.9),rgba(100,180,255,.7));transition:width .3s ease;box-shadow:0 0 8px #78d2ffb3}.health-flash{animation:hit-flash .35s ease-out}@keyframes hit-flash{0%{border-color:#f44;box-shadow:0 0 12px #ff3c3ce6}50%{border-color:#f22;box-shadow:0 0 20px red}to{border-color:#64b4ff80;box-shadow:none}}.hud-score{color:#ffeb3b;text-shadow:0 0 14px rgba(255,235,59,.9)}.hud-indicators{display:flex;gap:8px;margin-top:6px;justify-content:center;pointer-events:none}.hud-indicator{width:32px;height:32px;border-radius:8px;background:rgba(20,50,90,.55);border:1px solid rgba(120,180,255,.2);display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:.35;transition:opacity .2s,border-color .2s,box-shadow .2s}.hud-indicator.indicator-active{opacity:1;border-color:#ffdc50b3;box-shadow:0 0 12px #ffd23c80}.indicator-icon{line-height:1}.screen-damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6;background:rgba(220,30,30,.45);opacity:0;transition:opacity .05s ease-in}.screen-damage-flash.flash-active{opacity:1;transition:opacity .25s ease-out}.room-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;background:#000;opacity:0;transition:opacity .6s ease}.room-fade.fade-in{opacity:1}.wave-banner{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:14px;padding:14px 36px;background:rgba(10,20,40,.82);border:1px solid rgba(120,180,255,.3);border-radius:100px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;white-space:nowrap}.wave-banner-icon{font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(255,200,80,.8))}.wave-banner-text{font-size:1.1rem;font-weight:800;letter-spacing:4px;color:#e8f4ff;text-shadow:0 0 18px rgba(100,180,255,.8)}.wave-slide-enter-active{animation:waveSlideIn .4s cubic-bezier(.34,1.56,.64,1)}.wave-slide-leave-active{animation:waveSlideOut .35s ease-in forwards}@keyframes waveSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.85)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes waveSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-16px) scale(.9)}}.pl-corner-hint{position:absolute;bottom:16px;right:16px;z-index:8;display:flex;align-items:center;gap:6px;padding:7px 13px;background:rgba(10,20,40,.72);border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s;pointer-events:all}.pl-corner-hint:hover{background:rgba(30,50,90,.85)}.pl-corner-icon{font-size:.75rem;color:#a0c0ff;animation:pl-pulse 2s ease-in-out infinite}@keyframes pl-pulse{0%,to{opacity:.5}50%{opacity:1}}.pl-corner-text{font-size:.72rem;color:#8090b0;letter-spacing:.5px;white-space:nowrap}.nipple{background:radial-gradient(circle at 30% 30%,rgba(40,100,160,.95),rgba(10,50,100,.9))!important;border:3px solid rgba(20,70,130,.8)!important;box-shadow:inset 0 2px 8px #5082b426,0 8px 24px #051e46b3,0 0 20px #14509666!important}.nipple:before{content:"↑"!important;position:absolute;top:8px;left:50%;transform:translate(-50%);color:#fff9;font-size:16px;font-weight:700}.nipple:after{content:""!important}.nipple>div{background:radial-gradient(circle at 35% 35%,rgba(120,170,220,1),rgba(60,120,180,.95))!important;box-shadow:0 4px 12px #0a3264cc,inset -2px -2px 6px #001e4680,0 0 12px #3c8cc866!important;border:2px solid rgba(50,120,180,.9)!important}.nipple>div:before{content:"◉"!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff4d;font-size:20px}