:root{--ink:#2b2d42;--muted:#6c757d;--surface:#f7f7f7}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-loading,.app-error{text-align:center;color:var(--muted);padding:5vh 20px}.game{max-width:620px;margin:0 auto;padding:8vh 20px}.game__info{text-align:center}.game__header{letter-spacing:.5px;margin:0 0 8px;font-size:2.2em;font-weight:700}.game__description{color:var(--muted);margin:1.2em 0 2.4em;line-height:1.6}.game__settings{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.home{box-sizing:border-box;background:#f7f7f7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.home-logo{width:72px;height:72px;margin-bottom:20px}.home-title{color:#2b2d42;text-align:center;letter-spacing:1px;margin:0 0 10px;font-size:2.8rem;font-weight:700}.home-subtitle{color:#6c757d;text-align:center;margin:0 0 40px;font-size:1.1rem}.container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;max-width:1000px;display:grid}.container .box{height:260px;font:inherit;cursor:pointer;background:#000;border:none;padding:0;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000002e}.container .box:hover{transform:translateY(-6px);box-shadow:0 16px 36px #00000047}.container .box:focus-visible{outline-offset:3px;outline:3px solid #2b2d42}.container .box .icon{z-index:1;background:red;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute;top:0;left:0}.container .box:hover .icon{border-radius:50%;width:80px;height:80px;top:20px;left:calc(50% - 40px)}.container .box .icon svg{color:#fff;width:80px;height:80px;transition:all .5s}.container .box:hover .icon svg{width:40px;height:40px}.container .box .content{text-align:center;box-sizing:border-box;opacity:0;width:100%;height:calc(100% - 100px);padding:20px;transition:all .5s;position:absolute;top:100%}.container .box:hover .content{opacity:1;top:100px}.container .box .content h3{color:#fff;margin:0 0 10px;padding:0;font-size:24px}.container .box .content p{color:#fff;margin:0;padding:0}.container .box:first-child .icon{background:#319635}.container .box:first-child{background:#4caf50}.container .box:nth-child(2) .icon{background:#d03852}.container .box:nth-child(2){background:#f54967}.container .box:nth-child(3) .icon{background:#23798e}.container .box:nth-child(3){background:#328fa5}@media (width<=640px){.home-title{font-size:2rem}.container .box{height:220px}}