:root{--bg-dark: #121212;--win-bg: #c0c0c0;--win-border-dark: #808080;--win-border-light: #fff}*{box-sizing:border-box}@font-face{font-family:Win31;src:url(/assets/system-font-from-windows-3-1.otf-DHpt1ZxG.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}body,html,#root{height:100%;margin:0;background-color:var(--bg-dark);background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;font-family:Win31,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.ms-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:transparent}.ms-popup-item{padding:3px 10px;cursor:default;white-space:nowrap}.header{width:100%;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:#121212f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-bottom:1px solid #333;position:sticky;top:0;z-index:50}.header .logo{font-weight:700;font-family:inherit;font-size:1.1rem;letter-spacing:.5px}.header .nav{display:flex;gap:20px}@media(max-width:600px){.header{flex-wrap:wrap;justify-content:center;padding:10px 5px}.header .logo{width:100%;text-align:center;margin-bottom:8px}.header .nav{justify-content:center;gap:8px 12px;flex-wrap:wrap}.header .nav a{font-size:.8rem;padding:2px 4px;white-space:nowrap}}.header .nav a{text-decoration:none;color:#a0a0a0;padding:4px 8px;border-radius:4px;font-size:.9rem;transition:color .2s;white-space:nowrap}.header .nav a:hover{background:transparent;color:#fff}.ms-footer{padding:20px;text-align:center;width:100%;border-top:1px solid #333;background:#121212;color:#888;font-size:.85rem}.ms-footer a{color:#888;text-decoration:none;margin:0 8px;transition:color .2s}.ms-footer a:hover{color:#fff;text-decoration:underline}.ms-ad{background:#f3f3f3;border:2px dashed #ccc;padding:12px;margin:8px;text-align:center;width:100%}@media(max-width:768px){.sidebar-left,.sidebar-right{display:none!important}}.ms-window{background:silver;padding:8px;margin:18px;border:3px solid #fff;border-right-color:var(--win-border-dark);border-bottom-color:var(--win-border-dark);display:inline-block}@media(max-width:600px){.ms-window{margin:10px auto;padding:4px;border-width:2px}}.ms-game-wrapper{display:flex;justify-content:center;width:100%}.ms-menu-bar{display:"flex";width:"100%";padding:"4px 0";background:"#c0c0c0";border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #808080;border-bottom:2px solid #808080;box-sizing:border-box}.ms-pressed{transform:translateY(1px);filter:brightness(.9)}.ms-grid{background:gray;display:grid;gap:0;padding:2px}.ms-cell{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-sizing:border-box;-webkit-user-select:none;user-select:none}@media(pointer:coarse){.ms-cell{width:32px;height:32px}}.ms-unrevealed{background:var(--win-bg);border-top:2px solid var(--win-border-light);border-left:2px solid var(--win-border-light);border-right:2px solid var(--win-border-dark);border-bottom:2px solid var(--win-border-dark);cursor:pointer}.ms-revealed{background:#cfcfcf;border:1px solid var(--win-border-dark);cursor:default}.ms-topbar{background:silver;padding:6px 12px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;border-bottom:3px solid #808080;border-right:3px solid #808080;box-shadow:inset 1px 1px #fff,inset -1px -1px #7b7b7b;display:flex;justify-content:space-between;align-items:center}.ms-face-btn{padding:0;border:none;background:silver;width:28px;height:27px;border-left:2px solid #7b7b7b;border-top:2px solid #7b7b7b;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;display:flex}.ms-counter{background:#000;border-left:2px solid #7b7b7b;border-top:2px solid #7b7b7b;border-right:2px solid #ffffff;border-bottom:2px solid #ffffff;display:flex;align-items:center;justify-content:center}.center{text-align:center}.controls{display:flex;gap:8px;justify-content:center;margin-bottom:8px}.level-btn{padding:6px 10px;border:2px solid #fff;background:silver;cursor:pointer}.content-card{background:#0009;border:1px solid #333;border-radius:4px;padding:32px;box-shadow:0 4px 6px -1px #00000080;max-width:700px;width:100%;margin:0 auto;color:#e2e8f0;font-family:sans-serif;text-align:left}.content-card h1,.content-card h2,.content-card h3{color:#fff;margin-top:1.5rem;margin-bottom:.75rem;font-weight:700;font-family:"Press Start 2P",cursive;font-size:1.2rem;line-height:1.5;text-transform:uppercase;color:silver}.content-card p,.content-card li{color:#ccc;line-height:1.6;margin-bottom:1rem}.content-card strong{color:#fff}.content-card a{color:#fff;text-decoration:underline}.content-card a:hover{text-decoration:none;color:#ccc}.content-card label{display:block;font-weight:700;margin-bottom:.5rem;color:#ccc;font-family:"Press Start 2P",cursive;font-size:.7rem;margin-top:1rem}.content-card input,.content-card textarea{width:100%;background:#111;border:1px solid #444;color:#fff;padding:1rem;border-radius:0;margin-bottom:.5rem;font-family:sans-serif}.content-card input:focus,.content-card textarea:focus{border-color:#fff;outline:1px solid #fff}.content-card button{margin-top:1.5rem;background:silver;color:#000;padding:1rem;border:2px solid #fff;border-right-color:gray;border-bottom-color:gray;border-radius:0;font-weight:700;font-family:"Press Start 2P",cursive;font-size:.8rem;cursor:pointer;width:100%;transition:none}.content-card button:active{border:2px solid #808080;border-right-color:#fff;border-bottom-color:#fff;transform:translate(1px,1px)}.content-card button:hover{background:#d4d4d4}.pixel-header{font-family:"Press Start 2P",cursive;background:linear-gradient(to bottom,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(3px 3px 0px #000);font-size:2.5rem;margin-bottom:2rem;text-align:center;line-height:1.5}@media(min-width:768px){.pixel-header{font-size:3.5rem}}.pixel-title{font-family:"Press Start 2P",cursive;background:linear-gradient(to bottom,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(4px 4px 0px #000);font-size:2.5rem;margin-bottom:1rem}@media(min-width:768px){.pixel-title{font-size:4rem}}
