:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0d001a;--fg: #f0f0f0;--accent: #ff77ff;--accent2: #77ddff;--terminal-green: #00ff9f;--mono: "Fira Code", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse at top,#0d001a,#000);color:var(--fg);font-family:var(--mono);font-size:16px;line-height:1.6;min-height:100vh;padding:2rem;overflow-x:hidden}html,body,#root{height:100%;width:100%;margin:0;padding:0;display:flex;flex-direction:column}#root{padding-top:48px}.page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-wrapper{font-family:Fira Code,monospace;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;gap:3rem;box-shadow:0 0 6px #f0c,0 0 12px #70f,0 0 24px #0fe;border-radius:16px}.hero-glow{text-align:center;text-shadow:0 0 6px var(--accent);animation:glowfade 4s ease-in-out infinite alternate}.hero-glow h1{font-size:2.5rem;color:var(--accent2)}button{background:none;border:2px solid var(--accent);color:var(--accent);padding:.75em 1.5em;font-family:inherit;border-radius:6px;transition:all .3s ease}button:hover{background:var(--accent);color:#000;text-shadow:none}.glass-block{border:1px solid rgba(255,255,255,.2);background:#ffffff0d;padding:2rem;border-radius:1rem;width:100%;max-width:600px}@keyframes glowfade{0%{text-shadow:0 0 10px var(--accent),0 0 20px var(--accent2)}to{text-shadow:0 0 2px var(--accent2)}}:root{--window-width: 70vw;--window-height: 52.5vm ;--margin: 16px;--card-width: 7vw;--card-height: calc(var(--card-width) * 34 / 21);--foundation-height: calc(var(--card-height) + var(--margin) * 2)}#window{font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none;width:var(--window-width);height:var(--window-height);aspect-ratio:4/3;background-color:#3a3;padding:8px}#window #top-row{display:flex;flex-direction:row;width:100%;height:calc(var(--card-height) + var(--margin) * 2)}#window #top-row #stock-pile{display:flex;flex-direction:row;flex:2}#window #top-row #foundation{display:flex;flex-direction:row;flex:5;justify-content:flex-end}#window .pile{position:relative;display:flex;flex:1;background-color:#0002;border:1px solid rgba(0,0,0,.4);border-radius:4px;margin:var(--margin);height:var(--card-height)}#window .pile#empty{background-color:transparent;border:none}#window .card{padding:0;border:1px solid black;position:absolute;height:100%;width:100%;border-radius:8px;display:flex;margin-left:-1px}#window .card.face-up{background-color:#fff}#window .card.face-up .face svg{height:15%;aspect-ratio:1/1}#window .card.face-down{background-color:#268}#window .card.face-down .card-container{visibility:hidden}#window .card .children{position:relative}#window .card .number{filter:opacity(.8);position:absolute;display:flex;flex-direction:row;flex-grow:0;left:4px;top:-2px;font-weight:600}#window .card .number svg{width:20%}#window .card .number *{margin:auto 0}#window .card .number.red{color:red}#window .card .number.black{color:#000}#window .card .number.bottom{left:unset;top:unset;right:4px;bottom:-2px;transform:rotate(180deg)}#window .card .card-container{position:relative;width:100%;height:100%}#window .card *{pointer-events:none}#window .spacer-horiz{display:flex;height:1px;flex-grow:1}#window #tableau{display:flex;flex-direction:row;margin-bottom:0;margin-top:0}.signup-form{display:flex;flex-direction:column}.signup-form h2{margin:1.5rem}.signup-form label{display:flex;flex-direction:row;margin:.3rem}.signup-form label span{display:block;width:50%;text-align:left;margin:0 10px}.signup-form label input{display:block;flex-grow:1}.message-container{margin:2rem 0;display:flex;flex-direction:column}.message-container button{flex-grow:0}:root{--navbar-height: "48px"}.navbar{font-family:Fira Code,monospace;position:fixed;top:0;left:0;right:0;height:"32px";background-color:#444;background:linear-gradient(to bottom,#707,#309,indigo 80%,#0d001a);color:#fff;z-index:9000;box-shadow:0 2px 5px #0003}.navbar .navbar-content{width:100%;display:flex;justify-content:end}.navbar .navbar-content div{display:flex;align-items:center;font-weight:500}.navbar .navbar-content .user-info .username{margin-right:1rem}.navbar .navbar-content .spacer{flex-grow:1}.navbar .navbar-content a,.navbar .navbar-content button{padding:.3rem .5rem;border-right:1px solid #000;border-radius:2px;color:#fff;text-decoration:none;font-weight:500;background-color:#e8c4;border:none;transition:background-color .4s linear}.navbar .navbar-content a:hover,.navbar .navbar-content button:hover{border:none;background-color:#c8c1}.page-content{padding-top:"32px"}.board .grid .row{display:flex;flex-direction:row}.board .grid .row .cell{text-align:center;align-content:center;-webkit-user-select:none;user-select:none;width:2rem;height:2rem;border:1px solid #000;border-radius:4px;background-color:#888}.board .grid .row .cell:not(.clicked):hover{filter:brightness(.8);cursor:pointer}.board .grid .row .cell:not(.clicked).flagged{background-color:#694}.board .grid .row .cell:not(.clicked).flagged:hover{filter:brightness(1);cursor:default}.board .grid .row .cell.clicked.bomb{background-color:#800}.board .grid .row .cell.clicked:not(.bomb){background-color:#444}