:root{color:#161616;font-synthesis:none;background:silver;font-family:Arial,Yu Gothic UI,Meiryo,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app{background:silver;border:2px solid #555;border-color:#fff #555 #555 #fff;width:min(1120px,100% - 32px);margin:24px auto;padding:10px;box-shadow:1px 1px #000}.titlebar{color:#fff;letter-spacing:.04em;background:navy;justify-content:space-between;align-items:center;padding:9px 12px;font-weight:700;display:flex}.titlebar small{opacity:.8;font-size:12px}.toolbar{align-items:center;gap:8px;padding:10px 0;display:flex}.btn{font:inherit;cursor:pointer;color:#151515;background:silver;border:2px solid #555;border-color:#fff #555 #555 #fff;padding:8px 13px;font-size:14px}.btn:active{border-color:#555 #fff #fff #555;transform:translateY(1px)}.btn:disabled{color:#777;cursor:not-allowed}.btn.primary{color:#fff;background:navy;border-color:#555 #000 #000 #555}.btn.danger{color:#970000}.status{background:#b7b7b7;border:2px inset #eee;margin-left:auto;padding:6px 10px;font-weight:700}.layout{grid-template-columns:minmax(400px,1fr) 280px;align-items:start;gap:14px;display:grid}.panel{background:silver;border:2px solid #fff;border-color:#777 #fff #fff #777;padding:12px}.board-wrap{background:#b8b8b8;border:2px inset #eee;justify-content:center;padding:8px;display:flex;overflow:auto}.board{grid-template-columns:repeat(10,minmax(48px,68px));gap:3px;display:grid}.cell{aspect-ratio:1;cursor:pointer;color:#111;background:silver;border:3px solid #666;border-color:#fff #666 #666 #fff;justify-content:center;align-items:center;min-width:46px;padding:0;font-size:clamp(22px,3.2vw,34px);font-weight:700;display:flex;position:relative}.cell:not(.open):hover{background:#d3d3d3}.cell.open{cursor:default;background:#bdbdbd;border:1px solid #888}.cell.invalid{visibility:hidden;pointer-events:none}.cell.mine{background:#e4b0a7}.cell .count{font-size:clamp(12px,1.65vw,18px);line-height:1;position:absolute;top:0;right:2px}.n1{color:#0000d0}.n2{color:#087a08}.n3{color:#d00000}.n4{color:navy}.n5{color:maroon}.n6{color:teal}.n7{color:#111}.n8{color:#666}.n9{color:#d000a0}.n10{color:#b05000}.zero{color:#777}.cell.recent{animation:.5s ease-out pop}@keyframes pop{0%{box-shadow:inset 0 0 0 5px #ffe064}to{box-shadow:inset 0 0 #0000}}.sidebar h2{margin:2px 0 12px;font-size:16px}.card{background:#b9b9b9;border:2px inset #eee;margin:10px 0;padding:10px}.field{gap:8px;display:flex}.field input{min-width:0;font:inherit;background:#fff;border:2px inset #eee;flex:1;padding:8px}.muted{color:#444;font-size:12px;line-height:1.6}.answer{letter-spacing:.08em;word-break:break-all;font-size:21px;font-weight:700}.check{align-items:center;gap:8px;margin:9px 0;font-size:14px;display:flex}.check input{width:16px;height:16px}.legend{color:#444;justify-content:space-between;margin-top:9px;font-size:12px;display:flex}.screen{width:min(960px,100% - 32px);margin:24px auto}.screen .app{width:100%;margin:0}.viewer-board{grid-template-columns:repeat(10,minmax(48px,1fr));gap:4px;width:min(100%,900px)}.viewer-board .cell{font-size:clamp(24px,5vw,48px)}.viewer-board .count{font-size:clamp(14px,2vw,22px)}.viewer-head{text-align:center;padding:12px}.viewer-head h1{margin:0;font-size:clamp(20px,3vw,30px)}.viewer-status{width:max-content;margin:8px auto 0}.stream{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.stream .viewer-head{padding:0 0 1vh}.stream .viewer-status{margin-top:.5vh;font-size:clamp(12px,1.6vh,18px)}.stream .board-wrap{border-width:2px;padding:1vh}.stream .viewer-board{gap:.55vh;width:min(92vw,168vh)}.stream .cell{border-width:min(.55vh,3px);min-width:0;font-size:min(8vh,6.6vw)}.stream .cell.open{border-width:1px}.stream .count{font-size:min(3vh,2.2vw)}.transparent{background:0 0}.transparent .board-wrap{background:#b8b8b8b3}.transparent .cell.open{background:#bdbdbdcc}.transparent .viewer-head h1,.transparent .viewer-status{background:#c0c0c0cc;padding:.3em .7em}.dialog-shade{z-index:5;background:#0007;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:silver;border:3px solid #555;border-color:#fff #555 #555 #fff;width:min(400px,100% - 32px);padding:18px;box-shadow:8px 8px #0005}.dialog h2{margin:0 0 10px;font-size:18px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.offline{color:#fff;z-index:10;background:#800;border:2px solid #fff;padding:9px 12px;position:fixed;bottom:14px;right:16px}.hidden{display:none!important}.reveal{color:#a00}@media (width<=760px){.layout{grid-template-columns:1fr}.app{width:calc(100% - 14px);margin:7px auto;padding:7px}.board{grid-template-columns:repeat(10,minmax(32px,1fr));width:100%}.cell{min-width:0}.sidebar{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;display:grid}.sidebar h2{grid-column:1/-1}.toolbar{flex-wrap:wrap}.status{margin-left:0}}.field{margin-top:8px}.actions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.cell:disabled{cursor:default;color:inherit}.cell:disabled:not(.open):hover{background:silver}.cell:focus-visible,.btn:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid navy}.waiting{place-items:center;min-height:100vh;display:grid}.error{background:#ffe3de;border:1px solid #900;justify-content:space-between;align-items:center;padding:10px;display:flex}.dialog::backdrop{background:#0007}.stream-page{min-width:0;overflow:hidden}.stream-content{transform-origin:50%;flex-direction:column;flex-shrink:0;align-items:stretch;width:min(94vw,168vh);display:flex}.stream .viewer-board{grid-template-columns:repeat(10,minmax(0,1fr));gap:.3vh;width:100%}.stream .board-wrap{padding:.5vh;overflow:hidden}.stream .cell{font-size:min(4.4vh,8vw)}.stream .viewer-head h1{font-size:min(2.5vh,5vw)}.stream .answer{margin:.4vh 0;font-size:2.5vh}.stream .status{padding:.3vh .8vh;font-size:1.8vh}.stream .viewer-head{padding-bottom:1vh}.viewer-status .status{display:inline-block}.screen .viewer-board{width:min(100%,720px)}.screen .cell{font-size:34px}.transparent .stream-content{transform-origin:50%;background:0 0;flex-shrink:0}@media (prefers-reduced-motion:reduce){.cell.recent{outline:2px solid #ffe064;animation:none}}.mine-icon.svelte-t7ky18{background:#111;width:11px;height:11px;margin:0 5px 0 2px;display:inline-block;position:relative;box-shadow:0 -4px #111,0 4px #111,-4px 0 #111,4px 0 #111}.mine-icon.svelte-t7ky18:after{content:"";background:#fff;width:3px;height:3px;position:absolute;top:1px;left:1px}.result.svelte-t7ky18{align-items:center;gap:2px;font-size:.43em;line-height:1.2;display:flex;position:absolute;top:5px;right:5px}.character.svelte-t7ky18{align-self:end;margin-bottom:12%;font-size:.85em}.readonly.svelte-t7ky18{cursor:default!important}
