.wl{background:var(--cm-bg-canvas);min-height:100vh;color:var(--cm-text-primary);grid-template-columns:minmax(380px,520px) minmax(0,1fr);display:grid}.wl-pane{background:var(--cm-bg-surface);border-right:1px solid var(--cm-border-subtle);flex-direction:column;gap:32px;padding:28px 48px;display:flex}.wl-top{justify-content:space-between;align-items:center;min-height:44px;display:flex}.wl-mark{font-size:26px}.wl-progress{gap:6px;display:flex}.wl-progress i{background:var(--cm-border-subtle);width:28px;height:4px;transition:background-color .24s var(--cm-ease-out);border-radius:999px}.wl-progress i[data-on]{background:var(--cm-accent-fill)}.wl-body{max-width:420px;animation:wl-in .26s var(--cm-ease-out);flex-direction:column;flex:1;justify-content:center;gap:18px;display:flex}@keyframes wl-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wl-form{flex-direction:column;gap:18px;display:flex}.wl-h{font-family:var(--cm-font-brand);text-wrap:balance;outline:none;margin:0;font-size:34px;font-weight:600;line-height:1.08}.wl-p{color:var(--cm-text-secondary);margin:0;font-size:15.5px;line-height:1.55}.wl-p b{color:var(--cm-text-primary);overflow-wrap:anywhere;font-weight:500}.wl-step{color:var(--cm-accent-text);font-size:13px;font-weight:600}.wl-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.wl-hint{color:var(--cm-text-secondary);margin:0;font-size:13px;line-height:1.45}.wl-err{color:#c4271b;margin:0;font-size:13px;line-height:1.45}.wl-fine{color:var(--cm-text-secondary);align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.wl-foot{color:var(--cm-text-secondary);font-size:12px}.wl-auth{flex-direction:column;gap:10px;margin-top:8px;display:flex}.wl-authbtn{border-radius:var(--cm-radius-md);min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;font-size:15.5px;font-weight:500;transition:background-color .14s,box-shadow .14s,transform .12s;display:flex}.wl-authbtn:active{transform:translateY(1px)}.wl-authbtn[data-p=microsoft]{background:var(--cm-text-primary);color:var(--cm-bg-surface)}.wl-authbtn[data-p=microsoft]:hover{background:#2a2a30}.wl-authbtn[data-p=google]{background:var(--cm-bg-surface);color:var(--cm-text-primary);box-shadow:inset 0 0 0 1px var(--cm-border-strong)}.wl-authbtn[data-p=google]:hover{background:var(--cm-bg-sunken)}.wl-authbtn[data-p=email]{color:var(--cm-accent-text);background:0 0}.wl-authbtn[data-p=email]:hover{background:var(--cm-accent-subtle)}.wl-wait{border-radius:var(--cm-radius-md);background:var(--cm-bg-canvas);align-items:center;gap:12px;padding:16px;font-size:14.5px;font-weight:500;display:flex}.wl-spin{border:2px solid var(--cm-border-subtle);border-top-color:var(--cm-accent-fill);border-radius:999px;flex:none;width:18px;height:18px;animation:.8s linear infinite wl-spin}@keyframes wl-spin{to{transform:rotate(360deg)}}.wl-back{min-height:40px;color:var(--cm-text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;margin-left:-6px;padding:0 10px 0 6px;font-size:14px;display:inline-flex}.wl-back:hover{background:var(--cm-bg-sunken);color:var(--cm-text-primary)}.wl-field{flex-direction:column;gap:8px;display:flex}.wl-label{color:var(--cm-text-secondary);font-size:13px;font-weight:500}.wl-code{border-radius:var(--cm-radius-md);border:1px solid var(--cm-input-border);background:var(--cm-bg-surface);height:60px;color:var(--cm-text-primary);font-family:var(--cm-font-brand);letter-spacing:.3em;text-align:center;outline:0;padding:0 16px;font-size:28px;font-weight:600}.wl-code:focus-visible{box-shadow:0 0 0 2px var(--cm-focus-ring);border-color:#0000}.wl-code[data-invalid]{border-color:#c4271b;box-shadow:0 0 0 1px #c4271b}.wl-code::placeholder{color:var(--cm-text-secondary);opacity:.4}.wl-games{border-radius:var(--cm-radius-md);box-shadow:inset 0 0 0 1px var(--cm-border-subtle);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.wl-games li+li{box-shadow:inset 0 1px 0 var(--cm-border-subtle)}.wl-game{cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:0 16px;transition:background-color .12s;display:flex;position:relative}.wl-game:hover{background:var(--cm-bg-canvas)}.wl-game input{opacity:0;width:1px;height:1px;position:absolute}.wl-check{width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--cm-border-strong);color:#0000;border-radius:6px;flex:none;place-items:center;transition:background-color .12s;display:grid}.wl-game input:checked+.wl-check{background:var(--cm-accent-fill);box-shadow:none;color:var(--cm-text-on-accent)}.wl-game input:focus-visible+.wl-check{outline:2px solid var(--cm-focus-ring);outline-offset:2px}.wl-game-n{flex:1;font-size:15px;font-weight:500}.wl-live{color:var(--db-strong);align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.wl-live:before{content:"";background:var(--cm-brand-dot);border-radius:999px;width:7px;height:7px}.wl-link{border-radius:var(--cm-radius-md);background:var(--cm-bg-canvas);align-items:center;gap:12px;padding:14px 14px 14px 16px;display:flex}.wl-link-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.wl-link-t b{overflow-wrap:anywhere;font-size:16px;font-weight:500}.wl-stage{place-items:center;min-width:0;padding:48px;display:grid}.wl-preview{flex-direction:column;gap:12px;width:min(100%,860px);margin:0;display:flex}.wl-game-frame{aspect-ratio:16/9;background:#16161a;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0f0f1473}.wl-note{animation:wl-in .3s var(--cm-ease-out);transition:none;position:absolute;transform:scale(1.7)}.wl-note[data-corner=top-right]{transform-origin:100% 0;top:24px;right:24px}.wl-note[data-corner=top-left]{transform-origin:0 0;top:24px;left:24px}.wl-note[data-corner=bottom-right]{transform-origin:100% 100%;bottom:24px;right:24px}.wl-cap{color:var(--cm-text-secondary);font-size:13px}.wl-browser{background:var(--cm-bg-surface);width:min(100%,560px);box-shadow:0 30px 70px -28px #0f0f1466, 0 0 0 1px var(--cm-border-subtle);animation:wl-in .32s var(--cm-ease-out);border-radius:14px;overflow:hidden}.wl-browser-bar{background:var(--cm-bg-sunken);align-items:center;gap:14px;padding:10px 14px;display:flex}.wl-dots{gap:6px;display:flex}.wl-dots i{background:var(--cm-border-strong);opacity:.45;border-radius:999px;width:11px;height:11px}.wl-url{background:var(--cm-bg-surface);height:30px;color:var(--cm-text-secondary);border-radius:8px;flex:1;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex}.wl-browser-body{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 44px 32px;display:flex}.wl-browser-h{margin:0;font-size:21px;font-weight:500}.wl-browser-who{width:100%;box-shadow:inset 0 0 0 1px var(--cm-border-subtle);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.wl-browser-who>span:last-child{flex-direction:column;font-size:14px;display:flex}.wl-browser-who>span:last-child span{color:var(--cm-text-secondary);font-size:13px}.wl-browser-av{background:var(--cm-accent-subtle);width:36px;height:36px;color:var(--db-strong);border-radius:999px;place-items:center;font-weight:600;display:grid}@media (max-width:900px){.wl{grid-template-columns:1fr}.wl-pane{border-right:0;gap:24px;padding:20px 20px 28px}.wl-body{justify-content:flex-start;max-width:none}.wl-h{font-size:28px}.wl-stage{padding:20px 16px 40px}.wl-browser-body{padding:28px 20px 24px}}@media (prefers-reduced-motion:reduce){.wl-body,.wl-note,.wl-browser{animation:none}.wl-spin{animation-duration:2.4s}}.db-root .wl .wl-h:focus-visible{outline:none}