*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,rgba(78,204,163,.06),transparent 12%),radial-gradient(circle at 85% 80%,rgba(138,43,226,.04),transparent 16%),linear-gradient(180deg,#0306178c,#0a0c1c99);background-repeat:no-repeat;background-size:cover}[data-theme=light] body{background:linear-gradient(180deg,#fff,#f9faff);color:var(--color-text-primary)}[data-theme=light] body:before{background-image:radial-gradient(circle at 10% 20%,rgba(78,204,163,.07) 0 1px,transparent 1px),radial-gradient(circle at 85% 80%,rgba(138,43,226,.06) 0 1px,transparent 1px),linear-gradient(180deg,#fffffff2,#f9fafff2);background-size:18px 18px,22px 22px,cover;opacity:1}[data-theme=light] .section-card{background:#ffffffe6!important;border-color:#0f172a0f!important;color:var(--color-text-primary)!important}img,svg,picture{max-width:100%;height:auto}pre,code,.font-mono{white-space:pre-wrap;word-break:break-word}.flex>*{min-width:0}button{white-space:normal}.overflow-x-auto{-webkit-overflow-scrolling:touch}.container{padding-left:1rem;padding-right:1rem}@media (max-width: 767px){header .container{gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.multiplayer-grid{display:grid;grid-template-columns:1fr!important;gap:.75rem}.lobby-card{padding:1rem!important;border-radius:.75rem}.exit-multiplayer-btn{top:5.5rem!important;right:.75rem!important;left:auto!important}.pl-9{padding-left:1.5rem!important}.w-20{width:4.5rem}.h-20{height:4.5rem}.tracking-widest{letter-spacing:.02em}}@media (min-width: 768px) and (max-width: 1023px){.container{padding-left:1rem;padding-right:1rem}.pl-9{padding-left:1.75rem!important}}pre{overflow-x:auto}textarea,textarea.font-mono{min-height:140px;max-height:48vh;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.45}.flex-grow,.rounded-md,.bg-bg-light\/50,.bg-bg-dark\/30,.flex,.flex-col,.flex-row{min-height:0}@media (max-width: 767px){.p-4{padding:.75rem!important}.p-0\.5{padding:.25rem!important}.pl-9{padding-left:1.25rem!important}.container{padding-left:.75rem;padding-right:.75rem}.font-mono,pre,code,textarea{font-size:.88rem}.w-20{width:4.25rem}.h-20{height:4.25rem}}:root{font-size:16px}@media (max-width: 1200px){:root{font-size:15px}}@media (max-width: 992px){:root{font-size:14.5px}}@media (max-width: 768px){:root{font-size:14px}}@media (max-width: 420px){:root{font-size:13.5px}}@media (max-width: 767px){.w-full.sm\:w-auto{width:100%!important}.flex-shrink-0.flex.flex-col.sm\:flex-row{flex-direction:column!important}button.w-full{width:100%!important}}@media (max-width: 1024px){.grid.grid-cols-1.md\:grid-cols-2{grid-template-columns:1fr!important}}@media (max-width: 640px){header .container{padding-left:.5rem;padding-right:.5rem}header .container svg{width:2.25rem;height:2.25rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1rem}}textarea,.flex-grow>textarea{max-height:55vh}