:root{--p1: #7c3aed;--p2: #c026d3;--p3: #4c1d95;--teal: #2dd4bf;--teal-d: #14b8a6;--text: #ffffff;--ink: #3b1e6e;--muted: #e7dcff;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased}.cqLogo{display:block}.cqApp,.cqBoot{position:relative;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:22px 16px;overflow-x:hidden;background:linear-gradient(150deg,#6d28d9,#7c3aed 40%,#c026d3)}.cqBoot{align-items:center}.cqDots{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.14) 1.5px,transparent 1.6px);background-size:22px 22px}.cqHome{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.cqTitle{margin:6px 0 0;font-size:clamp(30px,8vw,42px);font-weight:900;letter-spacing:3px;text-shadow:0 3px 0 rgba(0,0,0,.18),0 6px 16px rgba(0,0,0,.35)}.cqTitleSm{font-size:26px;letter-spacing:2px}.cqSubBadge{font-size:12px;font-weight:900;letter-spacing:3px;color:#fff;background:#00000038;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:4px 12px}.cqTag{margin:2px 0 8px;color:var(--muted);font-size:14px;font-weight:600}.cqUser{display:inline-flex;align-items:center;gap:10px;background:#00000038;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 16px 6px 6px;margin-bottom:6px}.cqUserAv{width:34px;height:34px;border-radius:50%;object-fit:cover}.cqUserFb{display:grid;place-items:center;background:#fff;color:var(--p1);font-weight:900;font-size:15px}.cqUserTxt{display:flex;flex-direction:column;line-height:1.2;text-align:left}.cqUserTxt b{font-size:14px}.cqUserTxt span{font-size:11px;color:var(--muted)}.cqMenu,.cqJoinBox{width:100%;display:flex;flex-direction:column;gap:10px}.cqBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:1px;transition:transform .05s,filter .12s}.cqBtn:active{transform:translateY(1px)}.cqBtn:disabled{filter:grayscale(.4) opacity(.6);cursor:not-allowed}.cqWhite{background:#fff;color:var(--ink);box-shadow:0 4px #0000002e}.cqWhite:hover{filter:brightness(.97)}.cqTeal{background:var(--teal);color:#073b36;box-shadow:0 4px 0 var(--teal-d)}.cqTeal:hover{filter:brightness(1.05)}.cqGhost{background:#00000038;color:#fff;border:1px solid rgba(255,255,255,.22)}.cqGhost:hover{background:#00000052}.cqRow2{display:flex;gap:10px}.cqRow2 .cqBtn{flex:1}.cqCode{border:2px solid rgba(255,255,255,.35);background:#00000040;border-radius:12px;padding:14px;font-family:ui-monospace,monospace;font-size:24px;font-weight:900;letter-spacing:8px;text-align:center;color:#fff;text-transform:uppercase}.cqCode:focus{outline:none;border-color:var(--teal)}.cqHow{width:100%;text-align:left;background:#00000038;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 16px;margin-top:8px}.cqHowTitle{color:var(--teal);font-size:13px;letter-spacing:2px}.cqHow p{margin:8px 0 0;font-size:13px;color:#f2ecff;line-height:1.45}.cqVersion{margin-top:10px;color:#ffffff80;font-size:11px}.cqCodeBox{display:flex;flex-direction:column;align-items:center;gap:2px;background:#00000040;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:10px 22px}.cqCodeBox span{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:800}.cqCodeBox b{font-family:ui-monospace,monospace;font-size:30px;font-weight:900;letter-spacing:8px}.cqPlayers{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cqChip{display:inline-flex;align-items:center;gap:8px;background:#00000040;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;font-weight:700}.cqChipAv{width:26px;height:26px;border-radius:50%;object-fit:cover}.cqWait{color:var(--muted);font-size:14px}.cqDev{gap:14px}.cqToast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translate(-50%);background:#000000d1;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.15)}.cqBootInner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.cqLoadBar{width:200px;height:6px;border-radius:6px;background:#00000047;overflow:hidden}.cqLoadBar span{display:block;height:100%;width:42%;border-radius:6px;background:var(--teal);animation:cqSlide 1.1s ease-in-out infinite}@keyframes cqSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}.cqLoadTxt{color:var(--muted);font-size:13px;font-weight:600;margin:0}.cqBootErr{color:#ffd7d7;font-weight:700;margin:0}.cqBootCode{font-family:ui-monospace,monospace;font-size:11px;color:#ffd7d7;max-width:300px;word-break:break-word;text-align:center}@media (max-width: 430px){.cqTitle{font-size:30px}}.cqPlay{align-items:flex-start}.cqPlayInner{position:relative;z-index:1;width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.cqPlayTop{width:100%;display:flex;justify-content:space-between;align-items:center}.cqRoundPill{font-size:12px;font-weight:900;letter-spacing:1px;background:#00000040;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px}.cqTimer{font-size:15px;font-weight:900;background:#00000047;border-radius:999px;padding:6px 14px;border:1px solid rgba(255,255,255,.2)}.cqTimer.danger{background:#e5484d;animation:cqPulse .8s ease-in-out infinite}@keyframes cqPulse{50%{transform:scale(1.08)}}.cqTask{margin:4px 0 0;font-size:22px;font-weight:900;text-align:center}.cqPromptText{font-size:20px;font-weight:800;text-align:center;background:#fff;color:var(--ink);border-radius:14px;padding:16px 20px;box-shadow:0 4px #0000002e;width:100%;word-break:break-word}.cqPromptImg{width:100%;display:flex;justify-content:center}.cqPromptImg img{width:100%;max-width:520px;border-radius:14px;background:#fff;box-shadow:0 6px 20px #00000059}.cqNoDraw{width:100%;max-width:520px;aspect-ratio:4/3;display:grid;place-items:center;background:#00000040;border:2px dashed rgba(255,255,255,.3);border-radius:14px;color:var(--muted);font-style:italic}.cqTextInput{width:100%;border:2px solid rgba(255,255,255,.35);background:#00000038;border-radius:12px;padding:16px;font-family:inherit;font-size:18px;font-weight:700;color:#fff}.cqTextInput::placeholder{color:#ffffff8c}.cqTextInput:focus{outline:none;border-color:var(--teal)}.cqSubmit{width:100%}.cqDraw{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.cqCanvas{width:100%;max-width:520px;aspect-ratio:520/390;background:#fff;border-radius:14px;box-shadow:0 6px 20px #00000059;touch-action:none;cursor:crosshair}.cqTools{width:100%;max-width:520px;display:flex;flex-direction:column;gap:8px;background:#00000038;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:10px}.cqSwatches{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.cqSwatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.5);cursor:pointer;padding:0}.cqSwatch.on{outline:3px solid var(--teal);outline-offset:1px;transform:scale(1.1)}.cqSizes{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.cqSize{width:34px;height:34px;border-radius:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;cursor:pointer}.cqSize span{display:block;background:#fff;border-radius:50%}.cqSize.on{background:var(--teal)}.cqSize.on span{background:#073b36}.cqTool{border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:#fff;border-radius:8px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.cqTool.on{background:var(--teal);color:#073b36}.cqBigWait{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding-top:8vh}.cqBigWait h2{margin:0;font-size:24px;font-weight:900}.cqBigWait p{margin:0;color:var(--muted)}.cqSpinner{width:46px;height:46px;border-radius:50%;border:5px solid rgba(255,255,255,.25);border-top-color:var(--teal);animation:cqSpin .9s linear infinite}@keyframes cqSpin{to{transform:rotate(360deg)}}.cqProg{width:220px;height:8px;border-radius:8px;background:#00000047;overflow:hidden}.cqProg span{display:block;height:100%;background:var(--teal);border-radius:8px;transition:width .3s}.cqDim{color:var(--muted);font-size:13px}.cqReveal{align-items:flex-start}.cqRevealInner{position:relative;z-index:1;width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px;height:100dvh;padding-bottom:12px}.cqMini{padding:6px 12px;font-size:12px}.cqAlbum{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.cqAlbumRow{display:flex;flex-direction:column;gap:4px}.cqAlbumBy{font-size:12px;font-weight:800;color:var(--teal);letter-spacing:.5px}.cqAlbumImg{width:100%;max-width:420px;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0000004d}.cqAlbumText{font-size:18px;font-weight:800;background:#fff;color:var(--ink);border-radius:12px;padding:12px 16px;box-shadow:0 3px #00000026;align-self:flex-start;max-width:100%;word-break:break-word}.cqAlbumText.miss{background:#ffffff26;color:var(--muted);font-style:italic;box-shadow:none}