@font-face{font-family:Gaegu;src:url(/assets/Gaegu-Regular-latin-Rc17xpdv.woff2)format("woff2");font-display:swap}@font-face{font-family:Gaegu;src:url(/assets/Gaegu-Regular-ko-BavP05AQ.woff2)format("woff2");font-display:swap;unicode-range:U+AC00-D7A3}[hidden]{display:none!important}html,body{--team:#254eaa;--header:44px;--footer:32px;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#d9d4c7;height:100%;margin:0;font-family:Gaegu,system-ui,sans-serif}body{flex-direction:column;display:flex}#top{height:var(--header);box-sizing:border-box;background:#fbfaf4;border-bottom:2px solid #e8a3a3;flex:none;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand{white-space:nowrap;color:#254eaa;font-family:Gaegu,cursive;font-size:28px}#bottom{height:var(--footer);color:#6b665c;white-space:nowrap;flex:none;justify-content:center;align-items:center;padding:0 16px;font-size:14px;display:flex;overflow:hidden}#start{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex;overflow:auto}.card{box-sizing:border-box;text-align:center;background-color:#fbfaf4;background-image:linear-gradient(90deg,#0000 38px,#e8a3a3 38px 40px,#0000 40px),repeating-linear-gradient(#0000 0 27px,#bcd3ea 27px 28px);width:min(420px,100vw - 32px);padding:28px 24px 24px 56px;box-shadow:0 2px 10px #0003}.card h1{color:#254eaa;margin:0 0 8px;font-family:Gaegu,cursive;font-size:clamp(36px,11vw,54px);font-weight:400;line-height:1.1}.tagline{color:#444;margin:0 0 12px;font-size:20px}#doodle{width:min(300px,100%);height:auto;margin-bottom:16px}.note{color:#6b665c;margin:10px 0 0;font-size:15px}button.primary{color:#fff;background:#254eaa;border-color:#254eaa;min-width:60%;padding:14px 40px;font-size:23px}.brand{text-decoration:none}.top-actions{gap:8px;display:flex}.narrow{display:none}#top button{padding:6px 12px;font-size:17px}.card .help-open,#install{margin-top:12px}#install{margin-left:8px}#continue{margin-bottom:10px}#play:not(.primary){min-width:60%}#help{box-sizing:border-box;color:#333;background:#fbfaf4;border:none;border-radius:12px;width:min(560px,100vw - 32px);max-height:min(85dvh,760px);padding:20px 24px;font-size:18px;line-height:1.4}#help::backdrop,#new-game::backdrop{background:#00000059}#help h2,#new-game h2{color:#254eaa;margin:0 0 8px;font-family:Gaegu,cursive;font-size:36px;font-weight:400}#help h3{margin:18px 0 4px;font-size:20px}#help p,#help ul,#help ol{margin:4px 0}#help ul,#help ol{padding-left:22px}#help>form:last-of-type{text-align:center;margin-top:16px}#new-game{box-sizing:border-box;color:#333;background:#fbfaf4;border:none;border-radius:12px;width:min(420px,100vw - 32px);padding:20px 24px}#new-game .label{margin:12px 0 6px;font-weight:600}#count-pick{margin-bottom:16px}#map-preview{width:180px;height:auto;margin:12px auto 4px;display:block;box-shadow:0 1px 6px #0003}.credits{color:#6b665c;text-align:center;font-size:14px;margin-top:12px!important}.help-x{float:right}.help-x button{background:0 0;border:none;padding:4px 10px;font-size:18px}.hill{color:#7d5a37}.lake{color:#2882a0}.forest{color:#37783c}#game{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}#page{height:min(100dvh - var(--header) - var(--footer) - 16px, (100vw - 280px) * 3 / 2);touch-action:none;width:auto;box-shadow:0 2px 10px #0003}#side{flex-direction:column;gap:12px;width:232px;display:flex}.segmented{border:none;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.segmented label{text-align:center;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #555;border-radius:8px;flex:auto;padding:10px;font-size:19px}.segmented label:has(input:checked){background:var(--team);border-color:var(--team);color:#fff}.segmented label:has(input:focus-visible){outline:2px solid var(--team);outline-offset:2px}.segmented input{opacity:0;position:absolute}#aim-row{gap:12px;display:flex}#pad{touch-action:none;width:200px;height:auto}#power{background:#fbfaf4;border:2px solid #555;border-radius:6px;width:20px;position:relative;overflow:hidden}#power-fill{background:var(--team);transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}#hint{color:#444;margin:0;font-size:17px}.buttons{gap:8px;display:flex}#draw-popup{background:#d9d4c7;border:none;border-radius:12px;width:min(80vw,70dvh,440px);padding:12px}#draw-popup::backdrop{background:#00000059}#type-info{color:#444;margin:6px 0 8px;font-size:16px}#zoom{touch-action:none;width:100%;height:auto;display:block}#basic{width:100%;margin-bottom:8px}#zoom-hint{color:#444;min-height:3em;margin:8px 0;font-size:17px}.buttons button{flex:1}button{font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #555;border-radius:8px;padding:12px 20px;font-size:19px}.nudge{outline:3px solid var(--team);outline-offset:3px;animation:1.2s ease-in-out infinite nudge}#pad.nudge{border-radius:50%}@keyframes nudge{50%{outline-color:#0000}}@media (prefers-reduced-motion:reduce){.nudge{animation:none}}fieldset:disabled,button:disabled{opacity:.4}@media (aspect-ratio<=4/5){#game{box-sizing:border-box;flex-flow:column;justify-content:flex-start;gap:8px;padding-top:8px}#page,#side{width:min(100vw - 16px, (100dvh - 240px - var(--header) - var(--footer)) * 2 / 3)}#page{height:auto}#side{grid-template-columns:auto 1fr;align-items:start;gap:8px;display:grid}#aim-row{grid-area:1/1/span 2}#mode{grid-area:1/2}#side .buttons{grid-area:2/2;align-self:end}#hint,#again,#rematch,#ready{grid-column:1/-1}#side .buttons button{padding:14px 8px}}@media (aspect-ratio<=4/5),(height<=500px){#top .wide{display:none}#top .narrow{display:inline}#top button{min-width:40px;padding:6px 10px}html,body{--header:40px}body[data-screen=game]{--footer:0px}body[data-screen=game] #bottom{display:none}#side{gap:8px}#pad{width:150px}body[data-guide=off] #pad{width:170px}#hint{min-height:0;font-size:16px}.segmented label,button{padding:8px;font-size:18px}}