.hh-game--sketch .hh-game__stage,.hh-game--draw-pass .hh-game__stage{place-items:stretch stretch}.sk{gap:var(--s3);width:100%;font-size:var(--fs-md);display:grid}.sk-menu{gap:var(--s4);padding:var(--s4) 0;justify-items:center;display:grid}.sk-menu__title{font-size:var(--fs-xl);text-align:center;margin:0;font-weight:800}.sk-menu__list{gap:var(--s3);width:min(560px,100%);display:grid}.sk-card{align-items:center;gap:var(--s2) var(--s4);text-align:left;min-height:84px;padding:var(--s3) var(--s4);border:2px solid var(--ink);border-radius:var(--r-tile);background:var(--card);box-shadow:0 3px 0 var(--ink);cursor:pointer;color:var(--ink);grid-template-columns:auto 1fr;display:grid}.sk-card:hover{background:#f7faf8}.sk-card:active{box-shadow:0 0 0 var(--ink);transform:translateY(3px)}.sk-card:focus-visible{box-shadow:0 3px 0 var(--ink), var(--focus)}.sk-card__icon{background:var(--tone-sky);width:52px;height:52px;color:var(--ink);border:2px solid var(--ink);border-radius:50%;place-items:center;display:grid}.sk-card--leaf .sk-card__icon{background:var(--tone-leaf)}.sk-card--sun .sk-card__icon{background:var(--tone-sun)}.sk-card__title{font-size:var(--fs-lg);font-weight:800}.sk-card__text{color:var(--ink);font-size:var(--fs-base);grid-column:2;margin-top:-4px}.sk-card--primary{background:var(--hop)}.sk-card--primary:hover{background:#ffcb52}.sk-setup{gap:var(--s4);width:min(560px,100%);padding:var(--s2) 0 var(--s4);margin:0 auto;display:grid}.sk-setup h2{font-size:var(--fs-xl);margin:0}.sk-field{gap:var(--s2);display:grid}.sk-field__label{font-weight:700;font-size:var(--fs-base)}.sk-names{gap:var(--s2);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.sk-names input{width:100%;font-size:var(--fs-base)}.sk-note{font-size:var(--fs-base);color:var(--ink-2);margin:0}.sk-seg{flex-wrap:wrap;display:flex}.sk-seg button{min-width:var(--tap);font-size:var(--fs-base)}.sk-play{gap:var(--s3);--sk-reserve:520px;--sk-w:min(100%, max(300px, calc((100dvh - var(--sk-reserve)) * 4 / 3)));grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.sk-play>.sk-head,.sk-play>.sk-stage,.sk-play>.sk-below,.sk-play>.dp-task{width:100%;max-width:var(--sk-w);justify-self:center}.dp-task>.sk-stage,.dp-task>.sk-below,.dp-task>.dp-src{width:100%}.sk-head{justify-content:space-between;align-items:center;gap:var(--s2) var(--s4);flex-wrap:wrap;min-height:48px;display:flex}.sk-prompt{font-size:var(--fs-lg);overflow-wrap:anywhere;min-width:0;min-height:calc(var(--fs-xl) * 1.2 + var(--fs-base) * 1.25);flex-direction:column;justify-content:center;margin:0;font-weight:800;line-height:1.25;display:flex}.sk-prompt small{font-size:var(--fs-base);color:var(--ink-2);font-weight:700;display:block}.sk-hint{font-size:var(--fs-xl);letter-spacing:.12em;font-variant-numeric:tabular-nums;white-space:pre-wrap;line-height:1.2;display:block}.sk-head .sk-timer{flex:0 220px}.sk-stage{width:100%;position:relative}.sk-below{gap:var(--s2);align-content:start;min-height:112px;display:grid}.sk-over{padding:var(--s3);border:2px solid var(--ink);border-radius:var(--r-tile);text-align:center;z-index:2;background:#f4f7f5f0;place-items:center;display:grid;position:absolute;inset:0}.sk-over__box{gap:var(--s3);justify-items:center;width:100%;max-width:520px;display:grid}.sk-over__title{font-size:var(--fs-xl);margin:0;font-weight:800}.sk-over__text{font-size:var(--fs-md);margin:0}.sk-over__big{font-size:var(--fs-2xl);overflow-wrap:anywhere;margin:0;font-weight:800}.sk-offer{gap:var(--s2);width:100%;display:grid}.sk-offer .hh-btn{font-size:var(--fs-lg);min-height:56px}.sk-guess{gap:var(--s2);display:flex}.sk-guess input{min-width:0;font-size:var(--fs-md);flex:1;min-height:48px}.sk-guess .hh-btn{min-height:48px}.sk-feedback{min-height:1.5em;font-weight:700;font-size:var(--fs-base);margin:0}.sk-feedback.is-close{color:var(--warn)}.sk-feedback.is-ok{color:var(--go)}.sk-feedback.is-bad{color:var(--bad)}.sk-choices{gap:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sk-choices .hh-btn{font-size:var(--fs-md);min-height:52px;padding:0 var(--s2);white-space:normal;text-align:center}.sk-choices .hh-btn.is-wrong{text-decoration:line-through}.sk-choices .hh-btn.is-right{background:var(--go-soft);border-color:var(--go);color:var(--ink)}.sk-mine{gap:var(--s1) var(--s2);font-size:var(--fs-base);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sk-mine li{padding:2px var(--s2);border-radius:var(--r-field);background:var(--paper);border:1px solid var(--line)}.sk-mine li.is-close{border-color:var(--warn);background:var(--warn-soft)}.sk-mine li.is-ok{border-color:var(--go);background:var(--go-soft)}.sk-players{gap:var(--s2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sk-player{align-items:center;gap:var(--s2);padding:var(--s1) var(--s3) var(--s1) var(--s1);border:2px solid var(--line);background:var(--card);min-height:44px;font-size:var(--fs-base);border-radius:30px;display:flex}.sk-player__name{font-weight:700;line-height:1.2;display:grid}.sk-player__name small{font-weight:400;font-size:var(--fs-base);color:var(--ink-2)}.sk-player__score{font-variant-numeric:tabular-nums;padding-left:var(--s2);margin-left:auto;font-weight:800}.sk-player.is-drawer{border-color:var(--ink);background:var(--hop)}.sk-player.is-hit{border-color:var(--go);background:var(--go-soft)}.sk-player.is-away{opacity:.6}.sk-player__tag{color:var(--go);display:inline-flex}.sk-result{gap:var(--s3);text-align:center;padding:var(--s4) 0;justify-items:center;display:grid}.sk-result h2{font-size:var(--fs-2xl);margin:0}.sk-rank{gap:var(--s2);width:min(440px,100%);margin:0;padding:0;list-style:none;display:grid}.sk-rank li{align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border:2px solid var(--line);border-radius:var(--r-btn);background:var(--card);font-size:var(--fs-md);text-align:left;display:flex}.sk-rank li.is-top{border-color:var(--ink);background:var(--hop)}.sk-rank__n{min-width:1.5em;font-weight:800}.sk-rank__name{flex:1;font-weight:700}.sk-rank__pts{font-variant-numeric:tabular-nums;font-weight:800}.sk-actions{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.sk-local-guess{gap:var(--s2);flex-wrap:wrap;display:flex}.sk-local-guess .hh-btn{font-size:var(--fs-base)}@media (width>=900px){.sk-play{--sk-reserve:250px;--sk-panel:290px;grid-template-columns:minmax(0, var(--sk-w)) var(--sk-panel);justify-content:center;column-gap:var(--s4);grid-template-rows:auto auto 1fr}.sk-play>.sk-head{grid-area:1/1/auto/span 2;max-width:none}.sk-play>.sk-stage{grid-area:2/1/span 2;max-width:none}.sk-play>.sk-below{grid-area:2/2;max-width:none;min-height:0}.sk-play>.sk-players,.sk-play>.sk-side{grid-area:3/2}.sk-play>.dp-task{display:contents}.dp-task>.sk-stage{grid-area:2/1/span 2}.dp-task>.sk-below{grid-area:2/2;min-height:0}.dp-task>.sk-below:only-child{grid-column:1/span 2;justify-self:center;width:min(100%,640px)}.dp-task>:not(.sk-stage):not(.sk-below){grid-column:1/span 2}.sk-play>.sk-below .sk-choices,.dp-task>.sk-below .sk-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-task>.sk-below:only-child .sk-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.sk-play .sk-below .sk-tools__colors{grid-template-columns:repeat(6,minmax(0,1fr))}.sk-play .sk-below .sk-guess{flex-wrap:wrap}.sk-play .sk-below .sk-guess input{flex-basis:100%}.sk-play .sk-below .sk-guess .hh-btn{flex:1}.sk-play--side .sk-players{flex-flow:column}.sk-play--side .sk-player{border-radius:var(--r-btn)}}@media (width<=600px){.sk-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-prompt{font-size:var(--fs-md);min-height:calc(var(--fs-lg) * 1.2 + var(--fs-base) * 1.25)}.sk-hint{font-size:var(--fs-lg)}.sk-head .sk-timer{flex-basis:100%}.sk-over__big{font-size:var(--fs-xl)}}.sk-mode{font-weight:800;font-size:var(--fs-base)}.sk-stepper{align-items:center;gap:var(--s3);display:inline-flex}.sk-stepper .hh-btn{width:var(--tap);font-size:var(--fs-lg);padding:0}.sk-count{text-align:center;min-width:2ch;font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.sk-thumbs{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:min(720px,100%);display:grid}.sk-thumbfig{gap:var(--s1);font-size:var(--fs-base);justify-items:center;margin:0;display:grid}.sk-thumbfig .sk-thumb{border-color:var(--line-strong)}.sk-thumbfig.is-ok .sk-thumb{border-color:var(--go)}.sk-thumbfig.is-ok figcaption{font-weight:700}.sk-player .hh-btn--icon{margin-left:var(--s1);flex:none}.sk-side{min-width:0}.sk-over--card{pointer-events:none;background:0 0;border-color:#0000;place-items:end center}.sk-over--card .sk-over__box{pointer-events:auto;background:var(--card);border:2px solid var(--ink);border-radius:var(--r-tile);padding:var(--s3) var(--s4);box-shadow:var(--shadow-2);gap:var(--s2);width:auto;max-width:min(520px,100%)}.sk-over--card .sk-over__big{font-size:var(--fs-xl)}.sk-over--card .sk-rank{width:auto;min-width:min(280px,100%)}.sk-over--card .sk-rank li{padding:var(--s1) var(--s3)}@media (width<=600px){.sk-over--card{padding:var(--s1)}.sk-over--card .sk-over__box{padding:var(--s2) var(--s3);gap:var(--s1);max-height:55%;overflow:auto}.sk-over--card .sk-rank{justify-content:center;gap:var(--s1);flex-wrap:wrap;min-width:0;display:flex}.sk-over--card .sk-rank li{padding:2px var(--s2);font-size:var(--fs-base);gap:var(--s2)}.sk-over--card .sk-over__text{font-size:var(--fs-base)}}.sk-actions--done{align-items:center;gap:var(--s1);flex-direction:column}.sk-actions--done .sk-feedback:empty{display:none}.sk-shake{animation:.32s sk-shake}@keyframes sk-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.sk-shake{animation:none}}.sk-local-who{gap:var(--s2);display:grid}.sk-local-who .sk-feedback{min-height:0}.sk-board{aspect-ratio:4/3;border:2px solid var(--ink);border-radius:var(--r-tile);background:#fff;width:100%;position:relative;overflow:hidden}.sk-board__canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sk-board.is-editable .sk-board__canvas{cursor:crosshair}.sk-board__canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--go);border-radius:0;outline:none}.sk-board__cursor{border:2px solid var(--go);pointer-events:none;background:0 0;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;display:none;position:absolute}.sk-board__cursor.is-down{background:var(--go)}.sk-board.is-editable:has(.sk-board__canvas:focus-visible) .sk-board__cursor{display:block}.sk-tools{gap:var(--s2);display:grid}.sk-tools__colors{gap:var(--s1);grid-template-columns:repeat(11,minmax(0,1fr));display:grid}.sk-swatch{min-height:var(--tap);border:2px solid var(--line-strong);border-radius:var(--r-btn);background:var(--swatch);cursor:pointer;padding:0;position:relative}.sk-swatch[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--ink);z-index:1}.sk-swatch:focus-visible{box-shadow:var(--focus)}.sk-tools__sizes,.sk-tools__actions{gap:var(--s2);align-items:center;display:flex}.sk-tools__row{gap:var(--s2);flex-wrap:wrap;justify-content:space-between;display:flex}.sk-tool{width:var(--tap);padding:0}.sk-tool--labeled{flex-direction:column;gap:2px;width:auto;min-width:56px;min-height:52px;padding:4px 6px}.sk-tool__text{font-size:var(--fs-base);white-space:nowrap;font-weight:700;line-height:1.1}.sk-tool[aria-pressed=true]{background:var(--ink);color:#fff}.sk-tool[aria-pressed=true]:not([disabled]):hover{background:var(--ink)}.sk-timer{align-items:center;gap:var(--s2);font-variant-numeric:tabular-nums;min-width:120px;font-weight:800;display:flex}.sk-timer__track{background:var(--line);border:1px solid var(--line-strong);border-radius:5px;flex:1;height:10px;overflow:hidden}.sk-timer__bar{background:var(--go);height:100%;transition:width .25s linear;display:block}.sk-timer.is-low .sk-timer__bar{background:var(--warn)}.sk-timer.is-low .sk-timer__text{color:var(--warn)}.sk-timer__text{text-align:right;min-width:3.2em;font-size:var(--fs-base)}.sk-thumb{border:2px solid var(--ink);border-radius:var(--r-btn);background:#fff;max-width:100%;height:auto;display:block}@media (width<=760px){.sk-tools__colors{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.sk-timer__bar{transition:none}}