@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#000;color:#182e2a;font-family:'DM Sans',sans-serif}main.container{max-width:1120px;margin:0 auto;padding:10px 24px 6px;height:100vh;height:100dvh;display:flex;flex-direction:column}.eyebrow,.stats span{font-size:11px;font-weight:700;letter-spacing:1.8px}.intro{padding:0 0 8px;flex-shrink:0}.eyebrow{color:#577a54}.intro p{font-size:13px;line-height:1.35;margin:0}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3vw,34px);line-height:1.1;letter-spacing:-1px;margin:0 0 5px}p{color:#67766c;line-height:1.6;margin:10px 0}.stats.row{flex-shrink:0;--bs-gutter-y:0;--bs-gutter-x:8px;margin-bottom:8px!important}.stats .card{border:1px solid #d5ddcf;background:#fafbf5;border-radius:14px}.stats .card-body{padding:7px 14px}.stats span{display:block;color:#71816e}.stats strong{font-family:'Space Grotesk',sans-serif;font-size:25px;line-height:1.1;display:block;margin-top:2px}#arena{position:relative;height:auto;flex:1 1 0;min-height:120px;border:1px solid #c9d5be;border-radius:20px;overflow:hidden;background:#e4edda;touch-action:none}canvas{display:block}#overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:25px;background:#e4eddaf2}#overlay[hidden]{display:none}h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,4vw,40px);letter-spacing:-1px;margin:14px 0 0}#start{border:0;border-radius:50px;background:#203e30;color:white;font:600 15px 'DM Sans',sans-serif;padding:17px 30px;margin-top:22px;cursor:pointer}#start:hover{background:#365b40}#start:focus-visible{outline:3px solid #db7c49;outline-offset:4px}footer{display:flex;justify-content:space-between;gap:10px;color:#75806f;font-size:12px;padding:7px 2px;flex-shrink:0}@media(max-width:600px){main.container{padding:8px 12px 4px}.stats .card-body{padding:6px 8px}.stats span{font-size:8px;letter-spacing:.7px}.stats strong{font-size:23px}footer{font-size:10px}.intro{padding-top:0}}

@media(max-height:500px){main.container{padding-top:5px}.intro h1{font-size:22px;line-height:1.05}.intro h1 br{display:none}.intro h1 br::after{content:" "}.intro p{display:none}.stats .card-body{padding:4px 10px}.stats strong{font-size:21px}footer{padding:4px 2px;font-size:10px}#overlay{padding:12px}#overlay h2{font-size:24px;margin:5px 0 0}#overlay p{margin:5px 0;font-size:12px}#start{padding:10px 22px;margin-top:8px}}

/* Contraste dos textos sobre o fundo preto da página. */
.intro h1{color:#fff}.intro p{color:#c5c5c5}footer{color:#b8b8b8}

/* Fundo particles.js com a configuração original do LinuxKafe. */
#particles-js{position:fixed;inset:0;z-index:0;width:100%;height:100%}
main.container{position:relative;z-index:1;pointer-events:none}
#arena{pointer-events:auto}

#ranking-open{pointer-events:auto;padding:2px 10px;font-size:12px}footer{align-items:center}.ranking-modal{border:0;border-radius:18px;padding:24px;width:min(440px,calc(100% - 24px));max-height:85dvh;overflow:auto;color:#182e2a;background:#f8faf4}.ranking-modal::backdrop{background:rgba(0,0,0,.75)}.ranking-modal h2{font-size:27px;margin:0 0 12px}.ranking-modal p{font-size:14px}.ranking-modal .list-group-item{background:transparent}