@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#263d35;background:#f7f8f2;margin:0;font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #47997d}a{color:inherit;text-decoration:none}main{min-height:100vh;position:relative;overflow:hidden}header{border-bottom:1px solid #e3e7dc;justify-content:space-between;align-items:center;width:calc(100% - 112px);max-width:1400px;height:102px;margin:0 auto;display:flex}.brand{letter-spacing:-2.5px;background:0 0;border:0;font-size:38px;font-weight:800}.brand span{color:#69c4a4}nav{align-items:center;gap:48px;display:flex}.navtag{color:#859086;font-size:13px}.textbtn{background:0 0;border:0;padding:10px;font-size:13px;font-weight:700}.textbtn span{margin-left:14px}.lobby{max-width:1010px;margin:auto;padding:51px 28px 24px}.intro{text-align:center}.eyebrow{letter-spacing:2.1px;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex}.eyebrow i,.modehint i{background:#65b795;border-radius:50%;width:6px;height:6px;display:inline-block}h1{letter-spacing:-2.7px;margin:20px 0 16px;font-size:54px;font-weight:800;line-height:1.15}h1 em{color:#6ab99a;font-style:normal}.intro p{color:#8a938a;margin:0 0 32px;font-size:13px;line-height:1.9}.playcard{background:#fff;border:1px solid #e0e5d9;border-radius:22px;overflow:hidden;box-shadow:0 14px 42px #344e3020}.cardhead{letter-spacing:1.6px;color:#869185;border-bottom:1px solid #edf0e7;justify-content:space-between;align-items:center;padding:18px 28px;font-size:9px;font-weight:800;display:flex}.pill{color:#6a8b5b;letter-spacing:1px;background:#eef6ea;border-radius:5px;padding:6px 9px;font-size:8px}.cardbody{grid-template-columns:1.08fr 1fr;display:grid}.setup{padding:25px 30px 22px}.setup label{margin-bottom:10px;font-size:11px;font-weight:800;display:block}input{color:#334b40;background:#fafbf7;border:1px solid #dce2d6;border-radius:9px;outline:none;width:100%;height:47px;padding:0 14px;font-size:13px}input:focus{border-color:#73b99d;box-shadow:0 0 0 3px #e7f2eb}input::placeholder{color:#a2ab9e}.labelrow{justify-content:space-between;margin-top:21px;display:flex}.labelrow span{color:#8c9789;font-size:10px}.skins{gap:10px;margin:0 0 22px;display:flex}.skins button{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:47px;height:47px;padding:4px;display:grid}.skins button.selected{background:#f2f8ee;border-color:#7db89c}.skins button span{background:var(--orb);border-radius:50%;place-items:center;width:35px;height:35px;font-size:13px;transition:transform .2s;display:grid}.skins button:hover span{transform:translateY(-3px)}.tabs{background:#f1f4ed;border-radius:9px;gap:4px;padding:4px;display:flex}.tabs button{color:#8c9787;background:0 0;border:0;border-radius:6px;flex:1;padding:10px 6px;font-size:11px;font-weight:700}.tabs button.on{color:#345647;background:#fff;box-shadow:0 2px 4px #355c2910}.modehint{color:#8b9785;align-items:center;gap:7px;margin:13px 0 20px;font-size:10px;display:flex}.play{color:#fff;text-align:left;background:#294f3f;border:0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:13px;font-weight:700;transition:background .2s;display:flex}.play:hover{background:#3e715a}.play span{font-size:20px;line-height:12px}.fine{text-align:center;color:#a2aa9c;margin-top:13px;font-size:9px}.preview{background:#f1f5e9;border-left:1px solid #e8edde;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.previewlabel{letter-spacing:1.5px;color:#9da78f;font-size:8px;font-weight:700;position:absolute;top:30px}.bigorb{z-index:2;border:6px solid #ffffff70;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;animation:5s ease-in-out infinite bob;display:flex;box-shadow:0 12px 35px #759e6325}.bigorb span{font-size:43px;font-weight:800}.bigorb small{margin-top:6px;font-size:11px}.orbit{border:1px dashed #d9e2cb;border-radius:50%;width:230px;height:230px;position:absolute}.orbit2{width:340px;height:340px}.snack{background:#f18b7a;border-radius:50%;width:10px;height:10px;position:absolute}.s1{top:25%;left:28%}.s2{background:#b5a2dd;width:7px;height:7px;top:35%;right:17%}.s3{background:#e4c456;bottom:24%;right:30%}.s4{background:#91bfa6;width:7px;height:7px;bottom:36%;left:16%}.s5{background:#b5c39a;width:6px;height:6px;top:15%;right:35%}.previewbottom{text-align:center;color:#97a087;font-size:10px;line-height:1.8;position:absolute;bottom:25px}.previewbottom span{color:#93a47c;margin-bottom:4px;font-size:19px;display:block}.features{justify-content:space-between;gap:20px;margin:30px 4px;display:flex}.features>div{align-items:flex-start;gap:12px;display:flex}.features b{color:#8a9c7c;background:#eaf0e1;border-radius:8px;padding:7px 8px;font-size:10px;font-weight:500}.features strong{margin:3px 0 6px;font-size:11px;display:block}.features small{color:#99a18f;font-size:10px;display:block}.foot{color:#9ba58f;border-top:1px solid #e3e8db;justify-content:space-between;padding-top:20px;font-size:9px;display:flex}.foot b{color:#6c805b;margin-left:8px}.foot i{color:#c9bd6d;margin-left:8px;font-style:normal}.ambient{z-index:-1;opacity:.45;border-radius:50%;position:absolute}.a1{background:#ded3f0;width:100px;height:100px;top:45%;left:-55px}.a2{background:#f3dbbc;width:180px;height:180px;top:25%;right:-115px}.roomsetup{margin:10px 0 16px}.roomtabs{gap:14px;margin-bottom:9px;display:flex}.roomtabs button{color:#9ca694;background:0 0;border:0;padding:4px 0;font-size:10px}.roomtabs .chosen{color:#315b48;border-bottom:1px solid}.roomsetup small{color:#84947a;font-size:10px}.roomsetup input{height:37px}.error{color:#a94b3d;background:#ffede7;border-radius:6px;margin-bottom:10px;padding:10px;font-size:11px}canvas{touch-action:none;display:block}.gamehead{align-items:center;gap:22px;display:flex;position:fixed;top:22px;left:30px}.stat{border-left:1px solid #cad7c4;flex-direction:column;padding-left:20px;display:flex}.stat small{letter-spacing:2px;font-size:8px}.stat b{font-size:25px}.back{background:#fffb;border:1px solid #dce4d6;border-radius:9px;padding:10px 14px;font-size:11px}.gameinfo{font-size:11px;position:fixed;top:90px;left:30px}.gameinfo button,.gameinfo>span{background:#fffc;border:1px solid #dce4d6;border-radius:9px;padding:10px 14px;display:block}.leader{background:#ffffffd9;border:1px solid #dce4d6;border-radius:15px;width:220px;padding:18px;position:fixed;top:25px;right:25px}.leader>div{letter-spacing:1px;justify-content:space-between;margin-bottom:14px;font-size:10px;display:flex}.leader section{border-radius:5px;gap:10px;padding:8px 6px;font-size:11px;display:flex}.leader strong{text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.leader section>span{color:#a0ab96}.leader .you{background:#e7f3e6}.gamebottom{justify-content:space-between;align-items:center;gap:15px;display:flex;position:fixed;bottom:24px;left:30px;right:30px}.gamebottom>span{color:#71866b;font-size:11px}.gamebottom button{color:#fff;background:#2d513e;border:0;border-radius:10px;padding:13px 17px;font-size:12px}kbd{background:#fff2;border-radius:4px;margin-left:10px;padding:5px;font-size:9px}.overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#263a3255;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fafbf5;border:1px solid #dbe4d2;border-radius:22px;max-width:450px;padding:35px;position:relative;box-shadow:0 25px 80px #20392b30}.modal h2{letter-spacing:-1px;font-size:27px}.modal p{color:#76836d;font-size:12px;line-height:1.8}.modal .play{margin-top:22px}.close{background:0 0;border:0;font-size:26px;position:absolute;top:12px;right:18px}.deathorb{background:#a8d7b4;border-radius:50%;place-items:center;width:70px;height:70px;margin:auto;font-size:27px;display:grid}.deathscore{text-align:center;font-size:50px;font-weight:800}.modal>.textbtn{margin:10px auto 0;display:block}@keyframes bob{50%{transform:translateY(-9px)}}@media (width>=1500px){.lobby{padding-top:65px}h1{font-size:62px}.playcard{margin-top:38px}}@media (width<=700px){header{width:calc(100% - 38px);height:76px}.brand{font-size:32px}.navtag{display:none}.lobby{padding:33px 19px 24px}h1{letter-spacing:-2px;font-size:39px}.eyebrow{letter-spacing:1.5px;font-size:8px}.intro p{font-size:11px}.cardbody{grid-template-columns:1fr}.preview{display:none}.setup{padding:23px}.cardhead{padding:16px 23px}.skins{justify-content:space-between;gap:4px}.skins button{width:42px;height:42px}.features{flex-direction:column;gap:16px;margin:25px 5px}.features strong{font-size:12px}.features small{font-size:11px}.foot{gap:10px;font-size:8px}.gamehead{gap:10px;top:12px;left:15px}.gamehead .brand{font-size:27px}.stat{padding-left:10px}.stat b{font-size:21px}.back{padding:8px;font-size:10px}.gameinfo{max-width:220px;font-size:9px;top:70px;left:15px}.leader{width:150px;padding:12px;top:120px;right:10px}.leader>div{font-size:8px}.leader section{gap:5px;padding:7px 2px;font-size:9px}.gamebottom{bottom:18px;left:15px;right:15px}.gamebottom>span{max-width:130px;font-size:9px}.gamebottom button{font-size:11px}kbd{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}