@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap);body{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input[type=submit]{cursor:pointer}:root{--nav-dark:#020c1b;--nav-blue:#0a192f;--nav-light:#112240;--nav-lighter:#233554;--nav-slate:#8892b0;--nav-text:#ccd6f6;--nav-teal:#64ffda;--nav-red:#f55;--nav-gold:#fc0;--nav-radar-bg:#0a192fd9;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--border-radius:4px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020c1b;background-color:var(--nav-dark);background-image:radial-gradient(circle at 50% 50%,#112240 0,#020c1b 100%);color:#ccd6f6;color:var(--nav-text);font-family:Chakra Petch,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}body:before{background:linear-gradient(#12101000 50%,#0000001a 0),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}h1,h2,h3,h4,h5,h6{color:#ccd6f6;color:var(--nav-text);font-weight:600;letter-spacing:2px;margin-top:0;text-transform:uppercase}h1{color:#64ffda;color:var(--nav-teal);display:inline-block;font-size:2.5rem;position:relative;text-shadow:0 0 10px #64ffda4d}p{color:#8892b0;color:var(--nav-slate);line-height:1.6}.mono,code{font-family:JetBrains Mono,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;margin:0 auto;max-width:1200px;padding:0 20px}.tactical-panel{background:#112240;background:var(--nav-light);border:1px solid #233554;border:1px solid var(--nav-lighter);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 10px 30px -10px #020c1bb3;overflow:hidden;padding:2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.tactical-panel:after{background:linear-gradient(90deg,#0000,#64ffda,#0000);background:linear-gradient(90deg,#0000,var(--nav-teal),#0000);content:"";height:2px;left:0;opacity:.5;position:absolute;top:0;width:100%}.tactical-panel:hover{border-color:#64ffda;border-color:var(--nav-teal);box-shadow:0 20px 30px -15px #020c1bb3;transform:translateY(-2px)}.btn{background:#0000;border:1px solid #64ffda;border:1px solid var(--nav-teal);border-radius:4px;border-radius:var(--border-radius);color:#64ffda;color:var(--nav-teal);cursor:pointer;display:inline-block;font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:1px;padding:1rem 1.75rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .25s cubic-bezier(.645,.045,.355,1)}.btn:hover{background:#64ffda1a;box-shadow:0 0 15px #64ffda4d;transform:translateY(-2px)}.btn:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(100%);opacity:.5}.btn-secondary{border-color:#8892b0;border-color:var(--nav-slate);color:#8892b0;color:var(--nav-slate)}.btn-secondary:hover{background:#8892b01a;box-shadow:0 0 15px #8892b04d;color:#ccd6f6;color:var(--nav-text)}.btn-danger{border-color:#f55;border-color:var(--nav-red);color:#f55;color:var(--nav-red)}.btn-danger:hover{background:#ff55551a;box-shadow:0 0 15px #ff55554d}.form-control{background:#233554;background:var(--nav-lighter);border:1px solid #233554;border:1px solid var(--nav-lighter);border-radius:4px;border-radius:var(--border-radius);box-sizing:border-box;color:#ccd6f6;color:var(--nav-text);font-family:JetBrains Mono,monospace;margin-bottom:1rem;padding:1rem;transition:all .2s;width:100%}.form-control:focus{background:#112240;background:var(--nav-light);border-color:#64ffda;border-color:var(--nav-teal);outline:none}.form-control::placeholder{color:#8892b0;color:var(--nav-slate);opacity:.5}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192ff2;border-bottom:1px solid #233554;border-bottom:1px solid var(--nav-lighter);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar .logo{color:#ccd6f6;color:var(--nav-text);font-size:1.5rem;font-weight:700;letter-spacing:1px;text-decoration:none}.navbar .logo span{color:#64ffda;color:var(--nav-teal)}.alert{background:#112240;background:var(--nav-light);border-left:4px solid;color:#ccd6f6;color:var(--nav-text);font-size:.9rem;margin:1rem 0;padding:1rem}.alert-info{border-color:#64ffda;border-color:var(--nav-teal)}.alert-danger{border-color:#f55;border-color:var(--nav-red)}.alert-success{border-color:#64ffda;border-color:var(--nav-teal)}.radar-grid-container{display:flex;justify-content:center;perspective:1000px}.radar-grid{grid-gap:2px;background:#112240cc;border:1px solid #233554;border:1px solid var(--nav-lighter);box-shadow:0 0 20px #00000080;display:grid;gap:2px;grid-template-columns:repeat(10,36px);padding:10px;position:relative}.radar-grid:after{animation:radarScan 3s linear infinite;background:#64ffda;background:var(--nav-teal);box-shadow:0 0 20px #64ffda;box-shadow:0 0 20px var(--nav-teal);content:"";height:5px;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}@keyframes radarScan{0%{opacity:0;top:0}10%{opacity:.5}90%{opacity:.5}to{opacity:0;top:100%}}.radar-cell{align-items:center;border:1px solid #8892b01a;cursor:crosshair;display:flex;height:36px;justify-content:center;position:relative;transition:all .2s;width:36px}.radar-cell:hover{background:#64ffda1a;border-color:#64ffda;border-color:var(--nav-teal)}.radar-cell.ship{background:#8892b04d;border-color:#8892b0;border-color:var(--nav-slate)}.player-board .radar-cell.ship,.ship-placement .radar-cell.ship{background:#64ffda26;border:1px solid #64ffda4d}.radar-cell.hit{background:#f553;border-color:#f55;border-color:var(--nav-red)}.radar-cell.hit:before{color:#f55;color:var(--nav-red);content:"✕";font-size:1.2rem;font-weight:700}.radar-cell.miss{background:#ffffff0d}.radar-cell.miss:before{color:#8892b0;color:var(--nav-slate);content:"·";font-size:2rem;line-height:0}.status-indicator{background:#8892b0;background:var(--nav-slate);border-radius:50%;display:inline-block;height:10px;margin-right:8px;width:10px}.status-indicator.online{background:#64ffda;background:var(--nav-teal);box-shadow:0 0 5px #64ffda;box-shadow:0 0 5px var(--nav-teal)}.status-indicator.offline{background:#f55;background:var(--nav-red)}.blink-slow{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.text-center{text-align:center}.mt-3{margin-top:1rem}.mb-3{margin-bottom:1rem}
/*# sourceMappingURL=main.1f3de878.css.map*/