@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=ZCOOL+KuaiLe&display=swap";:root{font-family:DM Sans,Microsoft YaHei,sans-serif;color:#26334c;background:#eef7f7}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb74b;outline-offset:2px}.app{min-height:100vh;background:radial-gradient(circle at 3% 5%,#dff2eb 0 20%,transparent 21%),#eef7f7}header{height:84px;background:#fff;display:flex;align-items:center;padding:0 max(4vw,24px);gap:35px;box-shadow:0 3px #dcece9}.brand{display:flex;align-items:center;gap:10px;font-family:ZCOOL KuaiLe,sans-serif;font-size:26px;white-space:nowrap;cursor:pointer}.brand small{display:block;font:700 9px DM Sans;letter-spacing:2px;color:#7a92a0}.brandmark{background:#ffca64;border:3px solid #26334c;box-shadow:3px 3px #26334c;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;transform:rotate(-8deg)}nav{display:flex;gap:5px;margin:auto}nav button,.exit{border:0;background:transparent;padding:13px 18px;border-radius:13px;color:#607389;font-weight:700}nav .current{background:#e4f3f1;color:#137f79}.exit{margin-left:auto}.game,.subpage{max-width:1440px;margin:auto;padding:48px 36px 70px}.topline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;color:#168a81;margin:0 0 10px}.topline h1,.subpage h1,.login h1{font:normal clamp(36px,4vw,58px) "ZCOOL KuaiLe",sans-serif;margin:0;letter-spacing:1px}.spark{color:#ef7a75;margin-left:12px}.subtitle{color:#76899a;margin:10px 0 0}.mode{display:flex;background:#fff;padding:6px;border-radius:16px;border:2px solid #dbe8e9}.mode button{border:0;background:transparent;border-radius:11px;padding:12px 20px;font-weight:800;color:#728496}.mode .active{background:#ffcc6b;color:#26334c;box-shadow:2px 3px #e8ae44}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:25px}.promptcard{background:#d7f2ec;border:2px solid #b3dbd1;min-height:94px;border-radius:22px;padding:15px 20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.promptcard>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.badge{font-size:11px;font-weight:800;color:#148378;background:#fff;border-radius:30px;padding:6px 10px}.promptcard strong{font: 31px ZCOOL KuaiLe;color:#164a50}.promptcard small{color:#658782}.promptcard button{border:0;background:transparent;color:#168378;font-weight:800}.board{background:#fff;border:3px solid #26334c;border-radius:21px;overflow:hidden;box-shadow:8px 9px #cae7e2}.tools{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:2px dashed #e4ebed}.toolgroup{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tools button{background:#f4f8f8;border:0;border-radius:10px;padding:8px 11px;color:#526474;font-weight:700}.tools button.active{background:#ffe3a3;color:#584223}.tools input[type=range]{width:90px;accent-color:#1a9a90}.color input{width:31px;height:30px;border:0;background:transparent;cursor:pointer}.toolgroup span{font-size:11px;color:#8897a7}.board canvas{width:100%;height:auto;display:block;touch-action:none;cursor:crosshair;background:#fff}.boardfoot{text-align:center;color:#9eacb8;font-size:12px;padding:11px;border-top:1px solid #edf1f2}aside{background:#fff;border:2px solid #d7e8e7;border-radius:22px;padding:22px;align-self:start;min-height:650px;box-shadow:5px 6px #d6ece8}.asidehead{display:flex;gap:12px;align-items:center;margin-bottom:28px}.bubble{background:#e1f7f3;color:#158a80;border-radius:17px;padding:13px;font-size:25px}.asidehead h2{font: 26px ZCOOL KuaiLe;margin:0}.asidehead p{margin:4px 0 0;color:#8b9aa9;font-size:12px}.fieldlabel{font-size:12px;font-weight:800;color:#66798a}select,.keyform input,.modal input,.login input{width:100%;padding:12px;border:2px solid #dbe6e8;background:#fafdfd;border-radius:11px;color:#26334c;margin-top:8px}.primary{background:#ffca64;color:#26334c;border:2px solid #26334c;border-radius:12px;padding:12px 18px;font-weight:900;box-shadow:3px 4px #26334c}.primary:hover:not(:disabled){transform:translateY(-2px)}.guessbtn{width:100%;margin-top:16px}.hint{font-size:11px;color:#93a1ae;text-align:center}.guesses{border-top:1px dashed #dce6e8;margin-top:27px}.guesses h3{font-size:15px;margin:20px 0}.guesses h3 span{font-size:11px;background:#e8f4f2;color:#27877c;padding:3px 7px;border-radius:20px}.empty{background:#f7faf9;border:2px dashed #dbe8e6;border-radius:14px;padding:24px;color:#8ca0aa;text-align:center;line-height:1.7;font-size:13px}.guesses article{border:1px solid #e3ecec;border-radius:13px;padding:14px;margin-bottom:10px}.guessno{font-size:11px;color:#5cafa3;margin-right:10px}.guesses article strong{font-size:17px}.guesses article p{font-size:12px;color:#708594;line-height:1.5}.guesses article small{color:#a3afb9;font-size:10px}.textbtn{display:block;border:0;background:none;padding:8px 0;color:#168b80;font-size:12px;font-weight:800}.savebtn{border:0;background:none;text-decoration:underline;color:#6c8191;margin-top:20px;width:100%;padding:10px}.result{background:#e2f6e9;padding:17px;text-align:center;border-radius:13px;font-weight:800;color:#187558;margin-top:16px}.result button{display:block;border:0;background:transparent;color:#15765e;font-weight:900;margin:10px auto 0}.alert{position:fixed;top:94px;right:24px;z-index:5;background:#fff0e9;border:1px solid #e9a587;border-radius:12px;padding:15px;box-shadow:0 6px 20px #0002;max-width:370px}.alert button{border:0;background:none;float:right;font-size:20px}.subpage{max-width:1110px}.providergrid,.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}.providercard,.gallery article{background:#fff;border:2px solid #dbe9e8;border-radius:19px;padding:22px}.providerhead{display:flex;align-items:center;gap:12px;margin-bottom:20px}.providericon{background:#dff3ee;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font: 25px ZCOOL KuaiLe}.providerhead h2{font-size:19px;margin:0 0 4px}.providerhead small{color:#8597a2}.status{margin-left:auto;font-size:11px;background:#f2f4f4;color:#8998a2;padding:5px 8px;border-radius:20px;white-space:nowrap}.status.online{background:#dcf3e5;color:#238362}.keyform{display:flex;gap:10px}.keyform input{margin:0}.keyform button{white-space:nowrap}.provideractions{display:flex;gap:14px;margin-top:15px}.provideractions button{border:0;background:none;color:#167f77;font-size:12px}.notice{font-size:12px;color:#a47839}.gallery article{padding:0;overflow:hidden}.gallery img{width:100%;aspect-ratio:1.6;object-fit:contain;background:#fff}.gallery article>div{padding:18px}.gallery h2{margin:12px 0 5px}.gallery p,.gallery small{color:#81939f;font-size:12px}.gallery .textbtn{margin-top:10px}.wide{grid-column:1/-1}.danger{float:right;border:0;background:#fff0eb;color:#b55d54;padding:10px;border-radius:9px}.modalback{position:fixed;inset:0;background:#24344499;display:grid;place-items:center;z-index:10;padding:20px}.modal{background:#fff;border-radius:20px;padding:30px;width:min(500px,100%);max-height:85vh;overflow:auto}.modal .close{float:right;border:0;background:none;font-size:24px}.modal h2{font: 28px ZCOOL KuaiLe}.modal p{color:#768b97;line-height:1.6}.modal .primary{margin-top:15px}.flowevent{padding:7px 0;color:#227e78;overflow-wrap:anywhere}.flowevent a{color:#137e78}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:70px;background:#e9f6f3;padding:30px}.loginart{width:280px;height:280px;background:#ffca64;border:6px solid #26334c;box-shadow:15px 16px #8bc9be;border-radius:48px;transform:rotate(-8deg);display:grid;place-items:center;font-size:180px}.loginart span{position:absolute;font-size:70px;top:10px;right:20px}.login section{max-width:380px}.login p:not(.eyebrow){color:#708391;line-height:1.7}.login form{display:flex;gap:10px;flex-wrap:wrap}.login input{flex:1;min-width:170px}.login .primary{margin-top:8px}.error{color:#b84f49!important}.center{display:grid;place-items:center;min-height:100vh}@media(max-width:960px){.layout{grid-template-columns:1fr}aside{min-height:0}.game,.subpage{padding:32px 20px}.topline{align-items:start;flex-direction:column}.loginart{display:none}}@media(max-width:640px){header{height:auto;flex-wrap:wrap;padding:13px 16px;gap:5px}nav{order:3;width:100%;justify-content:space-between}nav button{padding:9px}.exit{margin-left:auto}.providergrid,.gallery{grid-template-columns:1fr}.keyform{flex-wrap:wrap}.tools{padding:8px}.toolgroup{gap:2px}.tools button{padding:7px}.mode{width:100%}.mode button{flex:1}.promptcard{align-items:start}.promptcard>div{gap:5px}.promptcard strong{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.quota-card{display:flex;justify-content:space-between;gap:12px;padding:15px;border-radius:12px;background:#e9f6f1;font-size:12px;color:#268176}.quota-card strong{color:#184b48}.switch-login{margin-top:20px;border:0;background:transparent;color:#198a7b;font-weight:700;padding:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.admin-card,.invites{background:#fff;border:2px solid #dbe9e8;border-radius:18px;padding:22px}.admin-card h2,.invites h2{font: 23px ZCOOL KuaiLe;margin:0 0 20px}.admin-card p{font-size:13px;color:#718793}.big-count{font-size:38px;color:#168a7e}.big-count small{font-size:16px;color:#8da39e}.new-link{margin-top:20px;padding:12px;background:#e9f6f1;border-radius:12px}.new-link input{width:100%;border:1px solid #bcdbd2;border-radius:8px;padding:10px;color:#405b60}.new-link button{margin-top:8px;border:0;background:transparent;color:#168b80;font-weight:800}.invites{margin-top:20px}.invites article{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid #edf2f2}.invites article small{display:block;color:#819397;margin-top:5px}.invites article button{border:1px solid #bcdad4;background:#f3faf8;padding:8px 12px;border-radius:9px;color:#167f76}.login input{min-width:210px}@media(max-width:700px){.admin-grid{grid-template-columns:1fr}.quota-card{flex-wrap:wrap}.login{padding:22px}.game{padding:22px 14px}.layout{gap:14px}}