@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e6e9df;background:#10191e;font-synthesis:none;font-weight:400;--muted:#84918f;--line:#ffffff10;--cream:#dce4bf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#24322d55,transparent 55%),#10191e}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #dce4bf;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}header{height:90px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;color:#eff0e6;font-family:Outfit,sans-serif;font-weight:600;font-size:26px;letter-spacing:-1px;gap:3px}.brand-icon{color:var(--cream);font-size:35px;margin-right:10px}.amp{color:#91a78b;font-weight:400;margin:0 2px}.brand-tag{font:9px DM Sans,sans-serif;color:#8b9a91;letter-spacing:2px;border-left:1px solid #ffffff20;margin-left:16px;padding:7px 0 7px 17px}.header-right{display:flex;align-items:center;gap:9px;font-size:11px;color:#99a59d}.online-dot{display:inline-block;width:6px;height:6px;background:#b9d598;border-radius:50%;box-shadow:0 0 10px #b9d53844}.icon-btn{color:#a9b7ad;background:transparent;border:1px solid #ffffff16;border-radius:7px;width:30px;height:30px;font-size:20px;display:inline-grid;place-items:center}.header-right .icon-btn{margin-left:20px}main{max-width:1180px;margin:auto;padding:0 32px}.intro{text-align:center;padding:51px 0 34px}.eyebrow,.tiny-label{font-size:9px;font-weight:600;letter-spacing:2.5px;color:#b9c69d}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow span{width:15px;height:1px;background:#a4b484}h1{font-family:Outfit,sans-serif;font-size:47px;line-height:1.14;font-weight:500;letter-spacing:-1.8px;margin:17px 0 15px}h1 em{font-style:normal;color:#c6d4ab}.intro p{font-size:12px;line-height:1.9;color:#93a09a;margin:0}.game-section{border:1px solid #71897640;border-radius:12px;background:#142126;box-shadow:0 20px 65px #0004;overflow:hidden}.game-top,.game-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.game-top>div{display:flex;align-items:center;gap:12px}#level-title{font-size:9px;letter-spacing:1.7px;color:#c0c9b9}.temple-icon{font-size:24px;color:#a2b18c}.level-pill{font-size:8px;letter-spacing:1px;color:#9cad96;background:#26352f;padding:5px 8px;border-radius:4px}.game-tools{font-size:11px;color:#abb9aa}.game-tools #gem-count{color:#b9d5c6;margin-right:8px}.game-tools #timer{font-variant-numeric:tabular-nums;border-left:1px solid #ffffff15;padding-left:17px;margin-right:5px}.game-tools .icon-btn{width:25px;height:25px;font-size:17px;border:none}.stage{position:relative;aspect-ratio:1280/720;isolation:isolate}canvas{width:100%;height:100%;display:block}.stage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 100px #06121880;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0b181e65;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2;padding:12px}.overlay[hidden]{display:none}.overlay-card{width:380px;max-width:100%;text-align:center;padding:25px 27px 20px;background:linear-gradient(140deg,#263b37ed,#172a2cef);border:1px solid #a0b89235;border-radius:13px;box-shadow:0 15px 65px #0004}.tiny-label{font-size:8px;letter-spacing:2px}.duo{height:49px;margin:10px 0 4px;font-size:40px;line-height:1.1;color:#f4a76e;word-spacing:15px;text-shadow:0 0 25px #e9bd6055}.duo span{font-size:15px;color:#a7b791}.overlay-card h2{font-family:Outfit,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.7px;margin:13px -15px 8px}.overlay-card p{font-size:10px;color:#a5b3a6;line-height:1.8;margin:0 0 20px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;color:#26382d;font-weight:700;font-size:11px;background:#d6e1b7;border:1px solid #e1eac5;border-radius:6px;box-shadow:0 4px 20px #cadd8d10}.primary span{font-size:17px;line-height:12px}.join-line{display:flex;gap:7px;margin-top:8px}.join-line input{min-width:0;width:100%;background:#0c1c2070;border:1px solid #76917c35;color:#e5eddc;padding:10px;border-radius:5px;font-size:10px}.join-line button{background:#31473f;border:1px solid #76917c35;color:#d2dec2;border-radius:5px;white-space:nowrap;font-size:10px;padding:0 14px}input::placeholder{color:#8b9c90}.or{display:flex;align-items:center;gap:9px;color:#7f9687;font-size:7px;letter-spacing:1.3px;margin:17px 0 12px}.or span{height:1px;background:#ffffff12;flex:1}.local-btn{background:transparent;border:1px solid #a2b79240;width:100%;border-radius:6px;color:#c6d3bc;font-size:11px;padding:12px}.local-btn span{margin-left:30px}.overlay-card small{display:block;font-size:8px;color:#7e9687;margin-top:13px}.room-code{font-size:16px;color:#d9e6c7;letter-spacing:3px;margin:15px 0 22px;overflow-wrap:anywhere}.room-code+.primary{margin-bottom:10px}.stage-label{position:absolute;bottom:15px;left:20px;display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.2px;color:#9aaf9b;z-index:1}.stage-label .online-dot{width:4px;height:4px}.game-bottom{height:42px;font-size:9px;color:#95a598;border-top:1px solid #ffffff09}.key{font-size:11px;border:1px solid #ffffff20;border-radius:3px;padding:0 4px;margin-right:7px}.text-btn{background:none;border:0;color:#b9c5ad;font-size:9px}.text-btn span{margin-left:8px}.info-grid{display:grid;grid-template-columns:1fr 1fr 1.13fr;gap:24px;margin:27px 0 42px}.player-info,.tip{display:flex;gap:14px;align-items:flex-start}.player-info{border-right:1px solid #ffffff0f}.element-icon{width:44px;height:48px;display:grid;place-items:center;font-size:30px;border-radius:10px;flex-shrink:0}.fire .element-icon{background:#ff975d0d;color:#f5a16e}.water .element-icon{background:#78cee80b;color:#87d6e8}h3{margin:1px 0 8px;font-size:12px;font-weight:600}.fire h3{color:#f4b28e}.water h3{color:#a1dbe8}h3 span{font-size:7px;font-weight:400;letter-spacing:1.4px;color:#7b8e87;margin-left:8px}.player-info p,.tip p{font-size:9px;color:#899d90;line-height:1.9;margin:0}.keys{display:flex;gap:4px;align-items:center;margin-top:12px}kbd{font:9px DM Sans,sans-serif;background:#1b2a2c;border:1px solid #3a4a43;border-bottom-width:2px;border-radius:4px;min-width:20px;height:20px;display:grid;place-items:center;color:#c6d3bd}.keys span{font-size:8px;color:#7b8e84;margin:0 7px 0 3px}.tip>span{font-size:25px;color:#abb88e;line-height:27px}.tip h3{font-size:11px;color:#c9d3bd}.tip p{max-width:255px}.tip{padding-left:4px}footer{border-top:1px solid #ffffff0c;display:flex;justify-content:space-between;padding:22px 0 26px;font-size:8px;color:#6f8578;letter-spacing:.4px}.footer-cross{color:#b2c095;margin:0 9px}footer i{font-style:normal;padding:0 9px;color:#596c61}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#d6e1b7;color:#1a3029;border-radius:8px;padding:14px 22px;box-shadow:0 10px 50px #0006;z-index:20;font-size:12px;opacity:0;pointer-events:none;transition:.25s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%)}.touch-controls{display:none}.active{color:#e2edbb!important;border-color:#b5ca8c66!important}.game-section:fullscreen{display:flex;flex-direction:column;justify-content:center;background:#10191e}.game-section:fullscreen .stage{max-height:calc(100vh - 95px);aspect-ratio:1280/720;width:100%;align-self:center}.game-section:fullscreen canvas{object-fit:contain}@media(min-width:1450px){.intro{padding-top:60px}main{max-width:1230px}.intro h1{font-size:52px}}@media(max-width:800px){header{height:72px;padding:0 24px}.brand-tag{display:none}main{padding:0 18px}.intro{padding-top:35px}h1{font-size:38px}.info-grid{gap:15px;grid-template-columns:1fr 1fr}.tip{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px}.tip p{max-width:none}.player-info:nth-child(2){border:0}.game-top{padding:0 12px;gap:8px}.game-top>div{gap:6px}.level-pill{display:none}#level-title{font-size:8px;letter-spacing:.5px}.game-tools{gap:5px!important}.overlay-card{padding:18px;width:340px}.overlay-card h2{font-size:22px}.overlay-card .duo{height:35px;font-size:33px;margin:5px}.overlay-card small{margin-top:8px}.overlay-card p{margin-bottom:12px}.or{margin:12px 0 9px}.stage{min-height:440px}canvas{object-fit:contain;object-position:center}.touch-controls{display:flex;justify-content:space-between;padding:12px 18px;background:#16262a}.touch-controls>div{display:flex;gap:9px}.touch-controls button{width:52px;height:42px;border:1px solid #b6c69b35;background:#263b35;color:#d1dfbc;border-radius:7px;font-size:18px;touch-action:none;-webkit-user-select:none;user-select:none}footer{gap:15px;font-size:7px}.header-right{font-size:10px}.header-right .icon-btn{margin-left:5px}.stage-label{font-size:6px}}@media(max-width:480px){h1{font-size:31px;letter-spacing:-1px}.intro p{font-size:11px}.header-right{font-size:0}.brand{font-size:24px}.stage{min-height:400px}.game-top{height:43px}.temple-icon,.game-tools #timer{display:none}.game-bottom{padding:0 12px;font-size:8px}.text-btn{font-size:8px}.info-grid{gap:18px 8px}.player-info{gap:8px}.element-icon{width:29px;font-size:24px}.player-info p{font-size:8px;max-width:130px}h3 span{display:block;margin:4px 0 0;font-size:6px}.keys{gap:2px}kbd{min-width:17px;height:19px;font-size:8px}.keys span{margin-right:3px;font-size:7px}footer>span:last-child{display:none}.overlay-card{padding:18px 20px}.stage-label{bottom:10px;left:12px}.intro{padding-bottom:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:800px){.stage{width:100%;height:440px;min-height:0;aspect-ratio:auto}.game-top>div:first-child{min-width:0;flex:1}#level-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-tools{flex-shrink:0}.game-section{min-width:0}}@media(max-width:480px){.stage{height:400px}}