@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--sys6-bg: #a8a8a8;--sys6-white: #ffffff;--sys6-black: #000000;--sys6-window-bg: #ffffff;--sys6-border: #000000;--sys6-font: "VT323", "Chicago", "Geneva", "Monaco", monospace;--sys6-font-size: 14px;--sys6-menu-height: 22px}@media(min-width:1200px){:root{--sys6-font-size: 16px;--sys6-menu-height: 24px}}@media(min-width:1600px){:root{--sys6-font-size: 18px;--sys6-menu-height: 28px}}@media(min-width:2000px){:root{--sys6-font-size: 20px;--sys6-menu-height: 30px}}@media(min-width:2400px){:root{--sys6-font-size: 22px;--sys6-menu-height: 34px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--sys6-font);font-size:var(--sys6-font-size);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;cursor:default;user-select:none;color:var(--sys6-black)}.desktop{width:100vw;height:100vh;position:relative;background-color:silver;background-image:url("data:image/svg+xml,%3Csvg width='2' height='2' viewBox='0 0 2 2' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23000000'/%3E%3Crect x='1' y='0' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='0' y='1' width='1' height='1' fill='%23ffffff'/%3E%3Crect x='1' y='1' width='1' height='1' fill='%23000000'/%3E%3C/svg%3E");background-size:2px 2px;image-rendering:pixelated;image-rendering:crisp-edges}.menubar{position:fixed;top:0;left:0;right:0;height:var(--sys6-menu-height);background:var(--sys6-white);border-bottom:1px solid var(--sys6-black);display:flex;align-items:center;z-index:10000;padding:0;font-size:1em;line-height:var(--sys6-menu-height)}.menubar-apple{padding:0 .7em 0 .5em;height:100%;display:flex;align-items:center;cursor:default;position:relative;font-weight:700}.menubar-item{padding:0 .7em;height:100%;display:flex;align-items:center;cursor:default;position:relative;white-space:nowrap;font-weight:700}.menubar-item:hover,.menubar-item.active,.menubar-apple:hover,.menubar-apple.active{background:var(--sys6-black);color:var(--sys6-white)}.menubar-apple svg{fill:currentColor}.menu-dropdown{position:absolute;top:100%;left:0;min-width:14em;background:var(--sys6-white);color:var(--sys6-black);border:1px solid var(--sys6-black);box-shadow:2px 2px 0 var(--sys6-black);z-index:10001;padding:1px 0}.menu-dropdown-item{padding:.15em 1.4em .15em 1.1em;cursor:default;display:flex;justify-content:space-between;align-items:center;font-size:1em;line-height:1.4;gap:1.5em;white-space:nowrap}.menu-dropdown-item:hover{background:var(--sys6-black);color:var(--sys6-white)}.menu-dropdown-item.disabled{color:#888}.menu-dropdown-item.disabled:hover{background:var(--sys6-white);color:#888}.menu-separator{height:0;border:none;border-top:1px dashed var(--sys6-black);margin:1px 0}.menu-shortcut{font-size:1em}.window{position:absolute;background:var(--sys6-window-bg);border:1px solid var(--sys6-black);box-shadow:2px 2px 0 var(--sys6-black);display:flex;flex-direction:column;min-width:200px;min-height:100px}.window-titlebar{height:var(--sys6-menu-height);background:var(--sys6-white);border-bottom:1px solid var(--sys6-black);display:flex;align-items:center;padding:0 4px;cursor:grab;position:relative;flex-shrink:0;overflow:hidden}.window-titlebar:active{cursor:grabbing}.window-titlebar-lines{flex:1;height:70%;display:flex;flex-direction:column;justify-content:space-evenly;overflow:hidden}.window-titlebar-line{height:0;border-top:1px solid var(--sys6-black);flex-shrink:0}.window-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--sys6-white);padding:0 .5em;font-size:1em;font-weight:700;white-space:nowrap;z-index:1;line-height:var(--sys6-menu-height)}.window-close{width:.8em;height:.8em;border:1px solid var(--sys6-black);background:var(--sys6-white);cursor:pointer;flex-shrink:0;margin-right:3px;z-index:2;position:relative}.window-close:hover{background:var(--sys6-black)}.window-close:hover:after{color:var(--sys6-white)}.window-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.window-grow-box{position:absolute;bottom:0;right:0;width:1em;height:1em;background:var(--sys6-white);border-top:1px solid var(--sys6-black);border-left:1px solid var(--sys6-black);cursor:se-resize}.desktop-icons{position:absolute;top:calc(var(--sys6-menu-height) + 6px);right:12px;bottom:40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.desktop-icon{display:flex;flex-direction:column;align-items:center;cursor:default;padding:2px;width:5em}.desktop-icon:focus{outline:none}.desktop-icon.selected .desktop-icon-label{background:var(--sys6-black);color:var(--sys6-white)}.desktop-icon.selected .desktop-icon-image svg{filter:invert(1)}.desktop-icon-image{width:2.2em;height:2.2em;image-rendering:pixelated;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.desktop-icon-label{font-size:.85em;text-align:center;padding:1px 3px;word-break:break-word;line-height:1.2}.dialog-overlay{position:fixed;inset:0;background:transparent;z-index:20000}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--sys6-white);border:1px solid var(--sys6-black);box-shadow:2px 2px 0 var(--sys6-black);padding:1.1em 1.4em;min-width:20em;max-width:28em;z-index:20001;outline:2px solid var(--sys6-black);outline-offset:2px}.dialog-title{font-weight:700;font-size:1.15em;margin-bottom:.8em;text-align:center}.dialog-text{font-size:1em;margin-bottom:1.1em;text-align:center;line-height:1.4}.dialog-buttons{display:flex;justify-content:center;gap:.5em}.sys6-button{font-family:var(--sys6-font);font-size:1em;background:var(--sys6-white);border:1px solid var(--sys6-black);padding:.3em 1.4em;cursor:pointer;border-radius:8px}.sys6-button:active{background:var(--sys6-black);color:var(--sys6-white)}.sys6-button-primary{border:2px solid var(--sys6-black);box-shadow:0 0 0 1px var(--sys6-black);font-weight:700}.bonk-game-area{width:100%;height:100%;display:flex;flex-direction:column;background:var(--sys6-white)}.bonk-stats-bar{display:flex;justify-content:space-between;align-items:center;padding:.2em .6em;border-bottom:1px solid var(--sys6-black);background:var(--sys6-white);font-size:1em;flex-shrink:0;gap:.5em}.bonk-stat{display:flex;align-items:center;gap:.2em;font-weight:700;white-space:nowrap}.bonk-stat-label{font-weight:400}.bonk-grid{flex:1;display:grid;gap:3px;padding:6px;background-color:#e0e0e0;background-image:url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23888888'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23888888'/%3E%3C/svg%3E");background-size:4px 4px;image-rendering:pixelated;position:relative}.bonk-hole{position:relative;background:var(--sys6-white);border:1px solid var(--sys6-black);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;min-height:3.5em;transition:background-color .05s}.bonk-hole:active{background:#ddd}.bonk-hole.has-face{background:#f8f8f8}.bonk-hole.bonked{background:#d0d0d0}.bonk-hole.escaped{background:#f0f0f0}.bonk-hole.bombed{background:#e0e0e0}.bonk-face{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.bonk-face-appearing{animation:face-pop-up .15s ease-out}.bonk-face-bonked{animation:face-bonked .2s ease-out}.bonk-face-laughing{animation:face-laugh .3s ease-in-out}.bonk-face-bombed{animation:face-bombed .3s ease-out}@keyframes face-pop-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes face-bonked{0%{transform:scale(1)}50%{transform:scale(.8) rotate(10deg)}to{transform:scale(0) rotate(20deg);opacity:0}}@keyframes face-laugh{0%{transform:scale(1)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}75%{transform:scale(1.05) rotate(-3deg)}to{transform:scale(0) translateY(-20px);opacity:0}}@keyframes face-bombed{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3)}to{transform:scale(0);opacity:0}}.bonk-level-flash{position:absolute;inset:0;background:var(--sys6-white);display:flex;align-items:center;justify-content:center;font-size:1.7em;font-weight:700;z-index:100;animation:flash-in 1.2s ease-out forwards;pointer-events:none}@keyframes flash-in{0%{opacity:1}70%{opacity:1}to{opacity:0}}.bonk-start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;text-align:center;background:var(--sys6-white)}.bonk-start-title{font-size:2.5em;font-weight:700;margin-bottom:.1em;letter-spacing:3px}.bonk-start-subtitle{font-size:.9em;margin-bottom:1em;color:#444;font-style:italic}.bonk-start-instructions{font-size:.9em;margin-bottom:1em;line-height:1.5;max-width:20em}.bonk-game-over{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;text-align:center;background:var(--sys6-white)}.bonk-game-over-title{font-size:1.7em;font-weight:700;margin-bottom:.5em}.bonk-game-over-score{font-size:1.3em;margin-bottom:.2em;font-weight:700}.bonk-game-over-stats{font-size:1em;margin-bottom:1em;line-height:1.5}.bonk-bomb-indicator{display:flex;align-items:center;gap:2px}.bonk-dud-flash{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4em;font-weight:700;color:var(--sys6-black);z-index:200;animation:dud-flash .8s ease-out forwards;pointer-events:none;background:var(--sys6-white);border:2px solid var(--sys6-black);padding:.4em 1em}@keyframes dud-flash{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1.1)}}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:var(--sys6-white);border-left:1px solid var(--sys6-black)}::-webkit-scrollbar-thumb{background:silver;border:1px solid var(--sys6-black)}.bonk-hole:hover{cursor:crosshair}