:root{--brown:#5b3428;--yellow:#ffe018;--cyan:#0ba8c6;touch-action:manipulation;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{background:#021b28;width:100%;min-height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;place-items:center;display:grid}.landing-stage,.game-stage{aspect-ratio:9/16;isolation:isolate;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);position:relative;overflow:hidden;box-shadow:0 0 80px #0008}.landing-stage{background:#06384e url(/assets/landing-poster.webp) 50%/cover no-repeat}.landing-video{object-fit:cover;object-position:center;background:0 0;width:100%;height:100%;position:absolute;inset:0}.landing-play-button{z-index:3;cursor:pointer;filter:drop-shadow(0 .7vh .25vh #003d52bf);background:0 0;border:0;width:36%;padding:0;position:absolute;top:59%;left:50%;transform:translate(-50%,-50%)}.landing-play-button img{pointer-events:none;width:100%;height:auto;display:block}.landing-play-button:active{filter:drop-shadow(0 .35vh .18vh #003d52a6);transform:translate(-50%,calc(.35vh - 50%))}.landing-skip-copy{z-index:3;text-align:center;color:#e9fbff;letter-spacing:.05em;text-shadow:0 2px 5px #003b54;margin:0;font-size:clamp(9px,1.25vh,16px);font-weight:800;position:absolute;top:65%;left:8%;right:8%}.game-stage{background:#0a91bd url(/assets/background-game.webp) 50%/cover no-repeat}.game-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#002d400a,#0000 35%,#2e130c14 65%,#250a0329 100%);position:absolute;inset:0}button,a{-webkit-tap-highlight-color:transparent}.game-topbar{z-index:15;gap:.8%;width:10%;height:6.1%;display:flex;position:absolute;top:1.15%;left:2.2%}.icon-button{aspect-ratio:1;color:#fff;cursor:pointer;background:linear-gradient(#bd895c,#805433);border:2px solid #d6a16c;border-radius:24%;flex:none;width:min(6.1vh,10.5vw);font-size:clamp(16px,2.4vh,31px);font-weight:900;box-shadow:inset 0 -.45vh #613b27,0 .4vh #0b7286}.status-strip{z-index:12;grid-template-columns:repeat(3,1fr);gap:1.15%;height:6.1%;display:grid;position:absolute;top:1.15%;left:24%;right:2.4%}.status-card{min-width:0;position:relative}.status-card img{object-fit:fill;filter:drop-shadow(0 .35vh .4vh #240d0773);width:100%;height:100%;position:absolute;inset:0}.status-card strong{z-index:2;color:#fff;text-shadow:0 .12vh .15vh #260c04c7;font-size:clamp(13px,2.05vh,28px);line-height:1;position:absolute;bottom:5.5%;left:50%;transform:translate(-50%)}.status-card strong.danger{color:#ffddd7;text-shadow:0 0 .7vh #ff1500,0 .2vh .2vh #4d0a00}.game-board-shell{z-index:5;place-items:center;padding:1.1% 6% 5.7%;display:grid;position:absolute;inset:17.25% 0 6.7%}.pipe-board{z-index:2;aspect-ratio:6/8;background:#3f261fc7;border-radius:1%;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(6,1fr);gap:0;width:94%;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 .55vh #6f493a,0 1.2vh 3vh #001b2588}.pipe-tile{cursor:pointer;background:#3c241d;border:0;min-width:0;min-height:0;padding:0;position:relative;overflow:hidden}.pipe-tile:disabled{cursor:default}.pipe-tile img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .12s;display:block}.pipe-tile:not(:disabled):active img{scale:.9}.pipe-tile.connected{filter:drop-shadow(0 0 .18vh #ffe53c)}.board-help{z-index:4;color:#fff;text-align:center;background:#133d43d9;border-radius:999px;width:max-content;max-width:90%;margin:0;padding:.55vh 1.5vh;font-size:clamp(8px,1.05vh,14px);font-weight:800;position:absolute;bottom:.4%;left:50%;transform:translate(-50%)}.steam-line{z-index:3;pointer-events:none;position:absolute;inset:0}.steam-line i{filter:blur(.3vh);background:#fff8;border-radius:50%;width:1vh;height:1vh;animation:1.6s ease-out infinite steam;position:absolute;bottom:8%;left:42%}.steam-line i:nth-child(2){animation-delay:-.5s;left:51%}.steam-line i:nth-child(3){animation-delay:-1s;left:61%}.game-footer{z-index:16;justify-content:space-between;align-items:center;height:6.5%;display:flex;position:absolute;bottom:1.2%;left:3.5%;right:3.5%}.footer-action{color:#ffe01d;cursor:pointer;background:#4d2b22;border:2px solid #d79457;border-radius:999px;height:78%;padding:0 3vw;font-weight:1000;box-shadow:0 5px #0b7286}.footer-action span{color:#fff;font-size:clamp(8px,1.1vh,15px)}.progress-copy{color:#eaffff;text-shadow:0 2px 3px #003;font-size:clamp(9px,1.25vh,16px);font-weight:800}.progress-copy strong{color:#ffe018}.lava-riser{z-index:10;pointer-events:none;will-change:transform;filter:drop-shadow(0 -1.1vh 1.4vh #ff6700b8);height:104%;transition:transform 1s linear;position:absolute;bottom:-2%;left:-7%;right:-7%}.lava-riser:before{content:"";background:url(/assets/lava.webp) top/100% 100% no-repeat;position:absolute;inset:0}.lava-riser span{filter:blur(.45vh);background:#ffe047a6;border-radius:50%;height:1.2%;position:absolute;top:.2%;left:4%;right:4%;box-shadow:0 0 1.4vh #ff6b00,0 0 2.4vh #ffb000}.lava-riser.danger{filter:drop-shadow(0 -1.2vh 2vh #ff4300f2)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00171de8;place-items:center;padding:2vh 3vw;display:grid;position:fixed;inset:0}.result-card{text-align:center;color:#3d251d;background:linear-gradient(#fffdf5,#f3e8d4);border:6px solid #fff;border-radius:26px;width:min(92vw,520px);max-height:96dvh;padding:2.2vh min(5vw,30px);overflow:auto;box-shadow:0 18px #9d7a5a,0 40px 90px #000c}.result-badge{color:#71411f;background:#ffe019;border-radius:50%;place-items:center;width:64px;height:64px;margin:-.3vh auto .7vh;font-size:36px;font-weight:1000;display:grid;box-shadow:0 7px #e77e10}.is-loss .result-badge{color:#fff;background:#ff7d39;box-shadow:0 7px #a93f20}.result-eyebrow{letter-spacing:.18em;color:#0b829a;margin:.5vh 0;font-size:11px;font-weight:900}.result-card h1{color:#4c2b21;text-shadow:0 4px #ff8815;margin:.4vh 0 .8vh;font-size:clamp(28px,4.5vh,50px);line-height:.9}.result-message{max-width:410px;margin:0 auto 1.2vh;font-size:clamp(12px,1.7vh,16px)}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.result-stats article{color:#fff;background:#5c3529;border-radius:12px;padding:8px}.result-stats span{color:#ffe019;font-size:9px;font-weight:900;display:block}.result-stats strong{font-size:21px}.qr-panel{color:#3d251d;text-align:center;background:#fff;border:2px solid #d7c5a9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:1.25vh auto;padding:10px;text-decoration:none;display:flex}.qr-panel img{aspect-ratio:1;width:min(34vw,150px);height:auto;image-rendering:pixelated;margin:0 auto;display:block}.qr-panel strong{color:#078aa2;text-align:center;width:100%;display:block}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary-button,.secondary-button{color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:900}.primary-button{background:linear-gradient(#ffad1c,#f46c00);box-shadow:0 5px #a44400}.secondary-button{background:#594035;box-shadow:0 5px #2b201b}@keyframes steam{0%{opacity:0;transform:translateY(2vh)scale(.5)}30%{opacity:.5}to{opacity:0;transform:translateY(-3vh)translate(1vw)scale(1.6)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}.lava-riser{transition:none}}@media (max-height:700px){.result-card{padding-top:1.3vh;padding-bottom:1.3vh}.result-badge{width:48px;height:48px;font-size:29px}.qr-panel img{width:min(24vw,105px)}}