@font-face{font-family:Inconsolata;src:url(vendor/inconsolata-latin-400-normal.woff2) format('woff2');font-display:swap}@font-face{font-family:Inconsolata;src:url(vendor/inconsolata-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{font:14px Inconsolata,"PingFang SC",monospace;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;display:flex;align-items:center;justify-content:center;background:#ffc28e}canvas{display:block}button,summary{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:10px}button:hover,summary:hover{background:#ffffff20}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}.back{position:absolute;top:max(25px,env(safe-area-inset-top));left:25px;color:inherit;text-decoration:none;font:13px system-ui;z-index:5}#info-left,#info-right{position:absolute;top:72px;pointer-events:none}#info-left{left:25px}#info-right{right:25px;text-align:right}h3{margin:0 0 12px;font-size:17px}#info-left p,#info-right p{margin:6px 0}#bomb-grab-area{position:absolute;width:44px;height:44px;border-radius:50%;cursor:grab;touch-action:none}#instructions,#congratulations{position:absolute;text-align:center;transition:opacity .4s;max-width:calc(100% - 36px)}#instructions{pointer-events:none;top:32%}#instructions h1{font-size:clamp(19px,3vw,30px);font-weight:500;letter-spacing:1px;margin:12px 0}#instructions p{font:12px system-ui;opacity:.8;line-height:1.8}#congratulations{padding:35px 50px;background:#fffffff0;color:#333;opacity:0;visibility:hidden;backdrop-filter:blur(5px);z-index:8}#congratulations h1{font:500 30px system-ui}#congratulations p{font:13px system-ui;margin-bottom:24px}#congratulations summary{border:1px solid #aaa}#settings{position:absolute;right:25px;top:max(17px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;z-index:6}.mode-picker{position:relative}.mode-picker summary{list-style:none}.mode-picker summary::after{content:'⌄';margin-left:9px}.mode-options{position:absolute;top:100%;right:0;min-width:130px;background:#fff;color:#444;box-shadow:0 5px 20px #0002;padding:6px;z-index:10}.mode-options button{display:block;white-space:nowrap;width:100%;text-align:left}.mode-options button:hover{background:#eee}#windmill{position:absolute;fill:#ffffff80;transform-origin:bottom;pointer-events:none}#windmill-head{animation:rotate 4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}#wind-info{position:absolute;width:100px;text-align:center;margin-bottom:30px;font-size:12px;pointer-events:none}#fullscreen{position:absolute;right:15px;bottom:15px;padding:5px}#turn-status{position:absolute;bottom:24px;left:25px;font-size:12px;text-shadow:0 1px 4px #0008;pointer-events:none}@media(max-width:500px){#info-left,#info-right{top:76px;font-size:12px}#info-left{left:20px}#info-right{right:20px}#settings{right:13px;gap:0}.back{left:20px}#instructions{top:32%;padding:0 15px}#instructions h3{font-size:13px}#instructions p{font-size:11px;max-width:260px}#congratulations{padding:26px}#wind-info{font-size:10px;margin-bottom:8px}#turn-status{left:20px;bottom:20px}}@media(max-height:500px){#instructions{top:24%}#instructions h3{display:none}#instructions h1{font-size:18px}#instructions p{font-size:10px}#info-left,#info-right{top:65px}#info-left p,#info-right p{margin:3px 0}}

.preview>:not(canvas){display:none!important}