html,body{overscroll-behavior:none;color:#f8fbff;background:#0d120d;width:100%;min-width:0;height:100%;min-height:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}[hidden]{display:none!important}#app{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}canvas,.game-surface{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;height:100%;min-height:0;display:block}button,[role=button]{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sewer-game{isolation:isolate;background:radial-gradient(circle at 72% 10%,#525029 0,#1e2b1e 32%,#0e130f 100%);width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.game-canvas{position:absolute;inset:0}.hud{z-index:3;pointer-events:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.34rem;display:grid;position:absolute;inset-block-start:max(.5rem, env(safe-area-inset-top));inset-inline:.5rem}.hud-badge{text-align:center;background:linear-gradient(#2c302af0,#111715e6);border:2px solid #e9f6d259;border-radius:.9rem;align-content:center;min-width:0;min-height:3rem;padding:.26rem .38rem .28rem;display:grid;box-shadow:0 .26rem #04070580,inset 0 0 0 1px #ffffff14}.hud-badge span{color:#ffc95f;letter-spacing:.035em;text-transform:uppercase;font-family:Lilita One,Inter,sans-serif;font-size:clamp(.62rem,1.7vmin,.82rem);line-height:1}.hud-badge strong{color:#f9fff3;font-family:Lilita One,Inter,sans-serif;font-size:clamp(1rem,2.8vmin,1.45rem);line-height:1.05}.hud-badge.danger span{color:#ff77c8}.milestone{z-index:4;color:#d7ff67;text-align:center;pointer-events:none;background:#0c120dc7;border-radius:999px;width:max-content;max-width:min(17rem,100% - 2rem);padding:.45rem .74rem;font-family:Lilita One,Inter,sans-serif;font-size:clamp(.9rem,2.5vmin,1.2rem);position:absolute;inset-block-start:4.45rem;inset-inline:50% auto;transform:translate(-50%);box-shadow:0 0 1.1rem #a6ff493d,inset 0 0 0 1px #ffffff1a}.start-overlay{z-index:5;color:#fff;cursor:pointer;background:linear-gradient(#06090724,#06090766);border:0;align-content:center;justify-items:center;gap:.42rem;padding:1.1rem;display:grid;position:absolute;inset:0}.start-overlay:disabled{cursor:wait}.start-title{color:#cffd54;text-align:center;-webkit-text-stroke:1px #0b100cf5;filter:drop-shadow(0 .28rem #0d150deb);max-width:12ch;font-family:Lilita One,Inter,sans-serif;font-size:clamp(2.05rem,8vmin,4.4rem);line-height:.92}.start-hint{color:#faffed;background:#0c120eb8;border-radius:999px;padding:.48rem .86rem;font-size:clamp(.86rem,2.25vmin,1.05rem);font-weight:800;box-shadow:inset 0 0 0 1px #ffffff24}.result-layer{z-index:6;background:#06090761;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.result-panel{text-align:center;background:linear-gradient(#30372af0,#121812f5);border:2px solid #d3ff5c73;border-radius:1.25rem;justify-items:center;gap:.66rem;width:min(18rem,100% - 1.2rem);padding:1rem;display:grid;box-shadow:0 1rem 2rem #0000005c,inset 0 0 0 1px #ffffff1a}.result-title{color:#cffd54;font-family:Lilita One,Inter,sans-serif;font-size:clamp(1.5rem,4.8vmin,2.35rem);line-height:1}.result-stats{color:#e5f6df;font-size:clamp(.84rem,2.25vmin,1rem);font-weight:800}.retry-button{color:#162112;background:linear-gradient(#e0ff66,#83ef44);border:0;border-radius:999px;min-width:9rem;min-height:2.9rem;font-family:Lilita One,Inter,sans-serif;font-size:1.08rem;box-shadow:0 .34rem #315a1e,0 .65rem 1.1rem #0000003d}.retry-button:active{transform:translateY(.18rem);box-shadow:0 .16rem #315a1e,0 .45rem .8rem #00000038}@media (width<=380px){.hud{gap:.24rem;inset-inline:.38rem}.hud-badge{min-height:2.72rem;padding-inline:.24rem}.milestone{inset-block-start:4.1rem}}