.sketch-heading{padding:35px 0 28px}.sketch-heading>a{color:#6b7075;margin-bottom:25px;font-size:14px;text-decoration:none;display:block}.sketch-heading h1{letter-spacing:-2px;margin:12px 0;font:700 58px/1.08 Georgia,serif}.sketch-heading p{color:#69736d;font-size:17px;line-height:1.8}.sketch-app{margin-bottom:40px}.sketch-entry,.sketch-lobby{background:#fff;border:1px solid #dce1dd;border-radius:14px;grid-template-columns:1.2fr 1fr;gap:36px;padding:30px;display:grid}.sketch-entry h2,.sketch-lobby h2{margin:0 0 15px;font:700 28px Georgia}.sketch-entry p,.sketch-lobby p{color:#68756a;margin-bottom:24px;font-size:15px;line-height:1.8}.sketch-entry form{border-left:1px solid #dce1dd;padding-left:32px}.sketch-entry label{color:#4d6056;margin:15px 0;font-size:14px;display:block}.sketch-entry input{background:#fcfdfb;border:1px solid #cbd5ce;border-radius:7px;width:100%;height:46px;margin:8px 0 18px;padding:10px 13px;font-size:16px;display:block}.sketch-entry form input{letter-spacing:5px;font:700 24px monospace}.sketch-room-bar{background:#f0f4ee;border:1px solid #d8e0d9;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:18px 22px;display:flex}.sketch-room-bar>div{margin-right:auto}.sketch-room-bar span{letter-spacing:1px;color:#778775;font-size:11px}.sketch-room-bar strong{letter-spacing:4px;color:#33563f;margin-top:5px;font:700 27px monospace;display:block}.sketch-room-bar .smallbtn{align-items:center;gap:7px;display:flex}.sketch-room-bar .sketch-room-notice{letter-spacing:0;width:100%;font-size:13px}.sketch-round{color:#fff;background:#283f32;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;display:flex}.sketch-round>span:first-child{letter-spacing:1px;font-size:12px}.sketch-round>b{text-align:center;overflow-wrap:anywhere;font-size:21px}.sketch-timer{white-space:nowrap;font-size:21px;font-weight:700}.sketch-word-choices{background:#f0f5ee;border:1px solid #d4decf;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:24px;display:flex}.sketch-play-area{background:#fff;border:1px solid #d8e0d9;border-radius:0 0 12px 12px;grid-template-columns:minmax(0,1fr) 300px;display:grid;overflow:hidden}.sketch-drawing{min-width:0}.sketch-toolbar{background:#f8faf6;border-bottom:1px solid #e0e7dc;flex-wrap:wrap;align-items:center;gap:8px;min-height:60px;padding:12px 16px;display:flex}.sketch-toolbar button{color:#4b6855;background:#fff;border:1px solid #d5dfd0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.sketch-toolbar button.active{background:#dbe9d4;border-color:#719b61}.sketch-toolbar .sketch-color{border:2px solid #fff;border-radius:50%;width:27px;height:27px;box-shadow:0 0 0 1px #d9e0d5}.sketch-toolbar .sketch-color[aria-pressed=true]{box-shadow:0 0 0 2px #365b42}.sketch-toolbar>span{color:#617361;font-size:14px}.sketch-brush-size{color:#70836c;align-items:center;gap:5px;font-size:12px;display:flex}.sketch-brush-size select{background:#fff;border:1px solid #d3ddcd;border-radius:5px;padding:6px;font-size:13px}.sketch-drawing canvas{aspect-ratio:4/3;touch-action:pan-y;background:#fff;width:100%;height:auto;display:block}.sketch-drawing canvas.can-draw{touch-action:none;cursor:crosshair}.sketch-canvas-help{color:#788773;background:#fafbf8;margin:0;padding:11px 15px;font-size:12px}.sketch-chat{border-left:1px solid #d8e0d9;flex-direction:column;min-height:420px;display:flex}.sketch-scoreboard{background:#f8faf5;padding:16px}.sketch-scoreboard h3{color:#526649;margin:0 0 12px;font-size:14px;font-weight:700}.sketch-scoreboard>div{border-radius:6px;align-items:center;gap:9px;padding:8px;font-size:14px;display:flex}.sketch-scoreboard .you{background:#e4efda}.sketch-scoreboard>div>span:nth-child(2){flex:1;min-width:0}.sketch-scoreboard b{overflow-wrap:anywhere;font-weight:600;display:block}.sketch-scoreboard small{color:#7c8c70;min-height:12px;margin-top:3px;font-size:11px;display:block}.sketch-rank{color:#8c9b83;width:17px;font-size:12px}.sketch-scoreboard strong{color:#42613b;font-size:16px}.sketch-guesses{flex:1;height:190px;max-height:320px;padding:12px 16px;overflow:auto}.sketch-guesses p{overflow-wrap:anywhere;margin:0 0 11px;font-size:14px;line-height:1.5}.sketch-guesses b{color:#879079;font-size:12px;display:block}.sketch-guesses .correct{color:#39712b;background:#edf5e4;border-radius:6px;padding:7px}.sketch-empty-chat{color:#8b9782}.sketch-chat form{border-top:1px solid #e1e7dc;gap:7px;padding:12px;display:flex}.sketch-chat input{border:1px solid #cdd8c6;border-radius:6px;flex:1;min-width:0;padding:10px;font-size:16px}.sketch-chat .primary{padding:9px 13px;font-size:14px}.sketch-connection{color:#86662b;background:#fff1cf;border-radius:8px;margin-top:15px;padding:12px 17px;font-size:14px}.sketch-rules{border-top:1px solid #d6dfd4;max-width:850px;padding:30px 0}.sketch-rules h2{margin-bottom:15px;font:700 27px Georgia}.sketch-rules p{color:#71806a;margin:12px 0;font-size:15px;line-height:1.85}.sketch-app button:disabled{opacity:.5;cursor:default}@media (max-width:850px){.sketch-play-area{grid-template-columns:1fr}.sketch-chat{border-top:1px solid #d8e0d9;border-left:0;grid-template-columns:1fr 1fr;min-height:0;display:grid}.sketch-chat form{grid-column:1/-1}.sketch-guesses{height:230px}.sketch-entry,.sketch-lobby{gap:25px;padding:25px}}@media (max-width:600px){.sketch-entry,.sketch-lobby{grid-template-columns:1fr;padding:22px}.sketch-entry form{border-top:1px solid #dce1dd;border-left:0;padding:25px 0 0}.sketch-heading h1{font-size:45px}.sketch-room-bar{padding:15px}.sketch-round{gap:10px;padding:14px}.sketch-round>b{font-size:17px}.sketch-round>span:first-child{font-size:10px}.sketch-toolbar{gap:7px;padding:12px 10px}.sketch-toolbar button{width:32px;height:32px}.sketch-word-choices{gap:8px;padding:18px}.sketch-word-choices button{font-size:14px}.sketch-chat{grid-template-columns:1fr}.sketch-scoreboard>div{padding:6px}.sketch-chat .sketch-scoreboard{max-height:180px;overflow:auto}.sketch-guesses{height:190px;max-height:190px}}.sketch-toolbox{background:#f8faf6;border-bottom:1px solid #d8e0d9;padding:12px}.sketch-tool-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sketch-toolbox button{color:#3c5245;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.sketch-tool-row>button{flex-direction:column;gap:4px;padding:7px 10px;font-size:11px}.sketch-toolbox button:hover{background:#e9eee5}.sketch-toolbox button[aria-pressed=true]{color:#28452e;background:#e0ebd7;border-color:#6e8e60}.sketch-history{border-left:1px solid #d6dfd2;gap:2px;margin-left:auto;padding-left:6px;display:flex}.sketch-ink-row{border-top:1px solid #e0e7dc;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;padding-top:8px;display:flex}.sketch-palette{align-items:center;gap:0;max-width:100%;padding:2px;display:flex;overflow-x:auto}.sketch-palette button{width:36px;min-width:36px;min-height:44px;padding:5px}.sketch-palette button>span,.sketch-custom-color>span{border:1px solid #0002;border-radius:50%;width:24px;height:24px;display:block}.sketch-palette button[aria-pressed=true]{background:0 0;border-color:#6e8e60}.sketch-custom-color{cursor:pointer;place-items:center;min-width:38px;height:44px;display:grid;position:relative}.sketch-custom-color>span{text-align:center;color:#fff;text-shadow:0 1px 3px #000;font:700 18px/22px sans-serif}.sketch-custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.sketch-size-control{color:#556c5d;flex:1;align-items:center;gap:9px;min-width:180px;min-height:44px;font-size:12px;display:flex}.sketch-size-control input{accent-color:#365b42;width:100%;min-width:60px;max-width:130px;min-height:32px}.sketch-size-control output{font-variant-numeric:tabular-nums;width:20px}.sketch-size-dot{background:#fff;border:1px solid #d9e0d5;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.sketch-size-dot i{border:1px solid #0001;border-radius:50%;display:block}.sketch-clear-confirm{color:#70491e;background:#fff0d6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:8px;font-size:13px;display:flex}.sketch-clear-confirm>span{margin-right:auto}.sketch-clear-confirm button{background:#fff;border-color:#d9c5a4;padding:0 12px}.sketch-toolbox :is(button,input):focus-visible{outline-offset:2px;outline:3px solid #df9f34}.sketch-drawing canvas[hidden]{display:none}.sketch-drawing canvas{-webkit-user-select:none;user-select:none}html[data-theme=dark] .sketch-toolbox{background:#1b2b23;border-color:#405648}html[data-theme=dark] .sketch-toolbox button,html[data-theme=dark] .sketch-size-control{color:#e1ebdf}html[data-theme=dark] .sketch-toolbox button:hover,html[data-theme=dark] .sketch-toolbox button[aria-pressed=true]{background:#354c36}html[data-theme=dark] .sketch-ink-row,html[data-theme=dark] .sketch-history{border-color:#405648}@media (max-width:600px){.sketch-toolbox{padding:8px}.sketch-tool-row{gap:2px}.sketch-tool-row>button{min-width:43px;padding:7px 5px}.sketch-history{padding-left:3px}.sketch-history button{min-width:38px}.sketch-ink-row{gap:2px;margin-top:6px}.sketch-size-control{max-width:100%}.sketch-size-control input{max-width:none}.sketch-palette{justify-content:space-between;width:100%}.sketch-palette button{width:30px;min-width:30px}.sketch-custom-color{min-width:30px}}.sketch-palette{scrollbar-width:thin}