.sketch-browser{--sketch-chrome:var(--sketch-page);--sketch-chrome-secondary:var(--sketch-soft);--sketch-raised:var(--sketch-surface);--sketch-paper:#fff;--sketch-navy:#17345c;--sketch-ink:#162338;--sketch-muted:#506176;--sketch-line:#928b7d;--sketch-active:#ffe36a;--sketch-success:#32804a;--sketch-error:#b63a3a;--sketch-focus:#0b5ead;background:var(--sketch-chrome);min-height:100svh;color:var(--sketch-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:0 clamp(14px,3vw,44px);font-family:Tahoma,Verdana,Arial,sans-serif}.sketch-browser *{box-sizing:border-box;min-width:0}.sketch-browser-inner{width:min(100%,1080px);margin:0 auto}.sketch-browser a{color:inherit;text-decoration:none}.sketch-browser a:hover{text-underline-offset:3px;text-decoration:underline}.sketch-browser :is(button,input):focus-visible{outline:3px solid var(--sketch-focus);outline-offset:2px}.sketch-browser-header{border-bottom:2px solid var(--sketch-navy);justify-content:space-between;align-items:center;gap:20px;min-height:66px;display:flex}.sketch-browser-header h1{margin:0}.sketch-browser-brand{color:var(--sketch-navy);display:block}.sketch-browser-header nav{align-items:center;font-size:12px;font-weight:700;display:flex}.sketch-browser-header nav a{border:1px solid var(--sketch-navy);background:var(--sketch-raised);color:var(--sketch-navy);padding:9px 12px}.sketch-browser-header nav a:hover{background:var(--sketch-active);text-decoration:none}.sketch-browser-header nav a:active{box-shadow:inset 2px 2px #9a8528}.sketch-lobby{padding:30px 0 48px}.sketch-name-entry{border:1px solid var(--sketch-line);border-top:5px solid var(--sketch-navy);background:var(--sketch-raised);width:min(100%,420px);margin:clamp(24px,7vh,68px) auto 0;padding:18px}.sketch-name-entry h2{letter-spacing:-.025em;margin:0 0 21px;font:700 clamp(24px,4vw,31px)/1.1 Tahoma,Verdana,Arial,sans-serif}.sketch-name-entry label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.sketch-name-entry input{border:1px solid var(--sketch-line);background:var(--sketch-paper);width:100%;min-height:48px;color:var(--sketch-ink);border-radius:0;padding:9px 11px;font:700 18px Tahoma,Verdana,Arial,sans-serif;box-shadow:inset 1px 1px #c2cfdb}.sketch-name-entry input::placeholder{color:#748397;font-weight:400}.sketch-name-entry>p{color:var(--sketch-muted);margin:6px 0 0;font-size:11px;line-height:1.45}.sketch-name-entry>.sketch-join-error{color:var(--sketch-error);font-weight:700}.sketch-name-entry>button{border:2px solid var(--sketch-navy);background:var(--sketch-active);min-height:46px;color:var(--sketch-navy);cursor:pointer;box-shadow:2px 2px 0 var(--sketch-line);border-radius:0;margin-top:18px;padding:9px 18px;font:700 14px Tahoma,Verdana,Arial,sans-serif}.sketch-name-entry>button:hover:not(:disabled){background:#ffea8d}.sketch-name-entry>button:active:not(:disabled){box-shadow:inset 2px 2px #9a8528}.sketch-name-entry label.sketch-remember-name{cursor:pointer;align-items:center;gap:9px;margin-top:13px;font-weight:400;line-height:1.35;display:flex}.sketch-name-entry label.sketch-remember-name input{width:22px;min-width:22px;height:22px;min-height:22px;accent-color:var(--sketch-navy);box-shadow:none;margin:0;padding:0}.sketch-player-profile{color:var(--sketch-muted);justify-content:flex-end;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.sketch-player-profile strong{color:var(--sketch-ink)}.sketch-player-profile button{border:1px solid var(--sketch-line);background:var(--sketch-raised);min-height:32px;color:var(--sketch-navy);cursor:pointer;border-radius:0;padding:5px 9px;font:700 11px Tahoma,Verdana,Arial,sans-serif}.sketch-room-heading{background:var(--sketch-navy);color:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:45px;padding:7px 10px;display:flex}.sketch-room-heading>div{align-items:center;gap:13px;display:flex}.sketch-room-heading h2{margin:0;font:700 19px/1.15 Tahoma,Verdana,Arial,sans-serif}.sketch-room-heading span{color:var(--sketch-page);font-size:11px;font-weight:700}.sketch-live-status{align-items:center;gap:6px;display:inline-flex}.sketch-live-status i{background:#60b777;border:1px solid #fff;width:8px;height:8px}.sketch-room-list{border:1px solid var(--sketch-line);background:var(--sketch-raised);border-top:0}.sketch-public-room{border-bottom:1px solid #c3bcae;grid-template-columns:minmax(210px,1fr) 150px 88px;align-items:center;gap:20px;min-height:76px;padding:10px 12px;display:grid}.sketch-public-room:last-child{border-bottom:0}.sketch-public-room h3{color:var(--sketch-navy);margin:0 0 4px;font:700 17px/1.2 Tahoma,Verdana,Arial,sans-serif}.sketch-public-room>div p{color:var(--sketch-muted);margin:0;font-size:12px}.sketch-room-players{font-variant-numeric:tabular-nums;margin:0}.sketch-room-players strong{color:var(--sketch-navy);font:700 20px Tahoma,Verdana,Arial,sans-serif}.sketch-room-players span{color:var(--sketch-muted);font-size:11px}.sketch-public-room button{border:2px solid var(--sketch-navy);background:var(--sketch-active);min-height:42px;color:var(--sketch-navy);cursor:pointer;box-shadow:2px 2px 0 var(--sketch-line);border-radius:0;padding:7px 11px;font:700 13px Tahoma,Verdana,Arial,sans-serif}.sketch-public-room button:hover:not(:disabled){background:#ffea8d}.sketch-public-room button:active:not(:disabled){box-shadow:inset 2px 2px #9a8528}.sketch-public-room button:disabled{cursor:default;opacity:.55;box-shadow:none}.sketch-list-error,.sketch-join-error{margin:12px 0 0;font-size:12px;line-height:1.45}.sketch-list-error{color:var(--sketch-muted)}.sketch-join-error{color:var(--sketch-error);font-weight:700}.sketch-join-error:empty{display:none}.sketch-challenge{background:0 0;max-width:380px;margin-top:8px}.sketch-challenge[data-state=interactive]{background:#fff9df;padding:10px}.sketch-challenge[data-state=failed]{border:1px solid var(--sketch-line);background:var(--sketch-raised);margin-top:16px;padding:10px}.sketch-challenge p{color:var(--sketch-muted);margin:0 0 8px;font-size:12px;font-weight:700}.sketch-challenge-widget{max-width:100%;min-height:1px;overflow:visible}.sketch-challenge button[data-verification-retry]{border:1px solid var(--sketch-navy);min-height:38px;color:var(--sketch-navy);background:0 0;margin-top:9px;font:700 12px Tahoma,Verdana,Arial,sans-serif}.sketch-lobby-links{color:var(--sketch-muted);flex-wrap:wrap;justify-content:center;gap:12px 24px;padding:10px 0 22px;font-size:12px;display:flex}.sketch-lobby-links a{text-underline-offset:3px;align-items:center;min-height:36px;text-decoration:underline;display:inline-flex}.sketch-browser{background-color:#f4f0e5;background-image:radial-gradient(#17345c14 .8px,#0000 .8px);background-size:18px 18px}.sketch-browser-header{min-height:110px}.sketch-browser-header nav a{box-shadow:2px 2px 0 var(--sketch-navy);border-width:2px}.sketch-lobby-welcome{grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding-block:24px;display:grid}.sketch-lobby-art{justify-self:center;width:100%}@media (min-width:900px) and (min-height:600px){.sketch-lobby-art{max-width:calc(133.333svh - 453.333px)}}.sketch-opening-paper{border:2px solid var(--sketch-navy);pointer-events:none;background:#fff;transform:rotate(-2deg);box-shadow:5px 6px #17345c}.sketch-opening-doodle{aspect-ratio:4/3;width:100%;height:auto;display:block}.sketch-opening-controls{min-height:32px;color:var(--sketch-navy);justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.sketch-opening-controls>span{font-weight:700}.sketch-opening-controls button{width:32px;min-height:32px;color:var(--sketch-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.sketch-opening-controls button:hover{color:var(--sketch-navy);background:#fff9ed}.sketch-opening-buttons{align-items:center;gap:4px;display:flex}.sketch-opening-controls button.sketch-lobby-music{white-space:nowrap;width:auto;padding-inline:6px;font-size:12px}.sketch-lobby-music[aria-pressed=true]{color:var(--sketch-navy);background:#fff0a6}.sketch-lobby-welcome .sketch-name-entry{border:2px solid var(--sketch-navy);background:#fffefa;border-top-width:6px;width:100%;max-width:420px;margin:0;padding:25px;box-shadow:6px 6px #17345c}.sketch-name-entry>button{width:100%}.sketch-public-room:nth-child(2n){background:#fffdf6}.sketch-public-room:hover{background:#fff4c0}.sketch-public-room h3:before{content:"";border:2px solid var(--sketch-navy);background:#ffe36a;width:9px;height:9px;margin-right:10px;display:inline-block;transform:rotate(-9deg)}.sketch-public-room:nth-child(2) h3:before{background:#c7a5df;transform:rotate(7deg)}.sketch-public-room:nth-child(3) h3:before{background:#9dceb5}.sketch-public-room:nth-child(4) h3:before{background:#efa99d;transform:rotate(7deg)}@media (max-width:620px){.sketch-browser{padding:0 10px}.sketch-browser-header{gap:8px;min-height:88px}.sketch-browser-header nav{font-size:10px}.sketch-browser-header nav a{text-align:center;max-width:108px;padding:7px 8px;line-height:1.2}.sketch-lobby{padding:18px 0 32px}.sketch-name-entry{margin-top:24px;padding:14px}.sketch-name-entry h2{font-size:24px}.sketch-player-profile{margin-bottom:12px}.sketch-room-heading{min-height:42px;padding:6px 8px}.sketch-room-heading>div{gap:7px}.sketch-room-heading h2{font-size:17px}.sketch-live-status{display:none}.sketch-public-room{grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;min-height:82px;padding:8px}.sketch-public-room h3{font-size:15px}.sketch-public-room>div{grid-column:1}.sketch-room-players{grid-area:2/1}.sketch-public-room button{grid-area:1/2/3;min-width:76px;min-height:44px;padding-inline:8px}.sketch-lobby-welcome{flex-direction:column;gap:8px;padding-top:15px;display:flex}.sketch-lobby-art{width:min(70%,255px)}.sketch-opening-controls{min-height:36px;margin-top:5px;font-size:12px}.sketch-lobby-welcome .sketch-name-entry{padding:18px;box-shadow:4px 4px #17345c}}@media (max-width:350px){.sketch-challenge{padding:8px}.sketch-challenge-widget{max-width:100%}}@media (max-height:550px) and (min-width:621px){.sketch-browser-header{min-height:70px}.sketch-lobby-welcome{gap:18px;padding-block:12px}.sketch-lobby-art{max-width:260px;margin-inline:auto}.sketch-lobby-welcome .sketch-name-entry{padding:14px}.sketch-name-entry h2{margin-bottom:10px;font-size:22px}.sketch-name-entry>button{margin-top:12px}.sketch-opening-controls{margin-top:6px}}@media (max-width:620px) and (max-height:680px){.sketch-lobby-art{width:min(42%,160px)}.sketch-opening-controls{gap:4px}.sketch-opening-buttons{gap:0}.sketch-lobby-welcome .sketch-name-entry{padding:14px}.sketch-name-entry h2{margin-bottom:12px;font-size:22px}}