:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#87ceeb}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.spacer{height:2rem}#app_container[data-v-cdf46998]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}footer[data-v-cdf46998]{background-color:#333;color:#fff;padding:10px;position:fixed;text-align:center;bottom:0;width:100%}.home-view[data-v-630c7646]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;text-align:center}.title[data-v-630c7646]{font-size:3rem;margin-bottom:1rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.subtitle[data-v-630c7646]{font-size:2rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}form[data-v-630c7646]{display:flex;flex-direction:column;width:300px}.form-group[data-v-630c7646]{margin-bottom:1rem}input[data-v-630c7646]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.login-button[data-v-630c7646]{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.login-button[data-v-630c7646]:hover{background-color:#0056b3}.signup-label[data-v-630c7646]{margin-top:1rem;color:#dde3eb}.signup-link[data-v-630c7646]{color:#007bff}.signup-link[data-v-630c7646]:hover{background-color:transparent;color:#00f}.game-rules[data-v-630c7646]{color:#007bff}.game-rules[data-v-630c7646]:hover{background-color:transparent;color:#00f}.start-game-button[data-v-630c7646]{width:300px;padding:.75rem;background-color:#5bc0de;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.start-game-button[data-v-630c7646]:hover{background-color:#31b0d5}.error-message[data-v-630c7646]{color:red;margin-top:1rem;font-size:1rem}.modal-overlay[data-v-630c7646]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-630c7646]{display:inline-block;background:#fff;padding:20px;font-size:1rem;text-shadow:1px 1px 4px rgba(0,0,0,.2);border-radius:8px;text-align:left;line-height:2}.spacer[data-v-630c7646]{width:100}.modal-bottom[data-v-630c7646]{flex-direction:column;display:flex;align-items:left}.close-button[data-v-630c7646]{background:#007bff;color:#fff;border:none;border-radius:5px;padding:10px;transition:background-color .3s ease;margin-top:10px;cursor:pointer}.signup-view[data-v-6c866312]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;text-align:center}.title[data-v-6c866312]{font-size:3rem;margin-bottom:1rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.subtitle[data-v-6c866312]{font-size:2rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}form[data-v-6c866312]{display:flex;flex-direction:column;width:300px}.form-group[data-v-6c866312]{margin-bottom:1rem}label[data-v-6c866312]{display:block;margin-bottom:.5rem;font-weight:700}input[data-v-6c866312]{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:5px}.signup-button[data-v-6c866312]{padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:1rem}.signup-button[data-v-6c866312]:hover{background-color:#0056b3}.login-label[data-v-6c866312]{margin-top:1rem;color:#dde3eb}.login-link[data-v-6c866312]{color:#007bff}.login-link[data-v-6c866312]:hover{background-color:transparent;color:#00f}.error-message[data-v-6c866312]{color:red;margin-top:1rem;font-size:1rem}.game-home[data-v-a9d61b2c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;text-align:center;padding:2rem}.title[data-v-a9d61b2c]{font-size:3rem;margin-bottom:1rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.buttons-container[data-v-a9d61b2c]{display:flex;flex-direction:column;gap:1rem}.match-button[data-v-a9d61b2c]{padding:.75rem 1.5rem;font-size:1.25rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:250px}.match-button[data-v-a9d61b2c]:hover{background-color:#0056b3}.match-button[data-v-a9d61b2c]:disabled{background-color:gray}.practice-button[data-v-a9d61b2c]{padding:.75rem 2rem;font-size:1.25rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:250px}.practice-button[data-v-a9d61b2c]:hover{background-color:#0056b3}.practice-button[data-v-a9d61b2c]:disabled{background-color:gray}.matching-message[data-v-a9d61b2c]{font-size:1.2rem;color:#dde3eb;margin-bottom:1rem}.logout-button[data-v-a9d61b2c]{padding:.75rem 1.5rem;font-size:1.25rem;background-color:#f66;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:250px}.logout-button[data-v-a9d61b2c]:hover{background-color:#ff4d4d}.logout-button[data-v-a9d61b2c]:disabled{background-color:gray}.grid-board[data-v-1f896192]{display:grid;grid-template-rows:repeat(var(--grid-size),1fr);grid-template-columns:repeat(var(--grid-size),1fr);gap:1px;width:600px;height:600px;background-color:#333;--grid-size: 10}.grid-row[data-v-1f896192]{display:contents}.grid-cell[data-v-1f896192]{background-color:#fff;border:1px solid #ccc;width:60px;height:60px;cursor:pointer;position:relative}.hovered-plane[data-v-1f896192]{background-color:#90ee90}.placed-plane[data-v-1f896192]{background-color:green}.outbound-plane[data-v-1f896192]{background-color:pink}.occupied-plane[data-v-1f896192]{background-color:red}.instruction-panel[data-v-9ea32505]{font-size:2rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.waiting-text[data-v-9ea32505]{color:red;font-size:1.5rem;margin-top:1rem}.btn-start[data-v-cfd18038]{background-color:#28a745;color:#fff}.btn-replace[data-v-cfd18038]{background-color:#e74c3c;color:#fff}.btn-replace[data-v-cfd18038]:hover{background-color:#c0392b;color:#fff}.btn-start[data-v-cfd18038]:hover{background-color:#45a049}.btn-start[data-v-cfd18038]:active{background-color:#3e8e41;transform:scale(.98)}button[data-v-cfd18038]:disabled{background-color:#ccc;cursor:not-allowed;color:#666;pointer-events:none}button[data-v-cfd18038]{background-color:#4caf50;color:#fff;width:200px;height:40px;padding:10px 20px;margin:10px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s,transform .2s}.control-panel[data-v-cfd18038]{font-size:1.2rem;color:#333}.game-placement[data-v-fab9bac4]{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.grid-board[data-v-e029773b]{display:grid;grid-template-rows:repeat(var(--grid-size),1fr);grid-template-columns:repeat(var(--grid-size),1fr);gap:1px;width:600px;height:600px;background-color:#333;--grid-size: 10}.grid-row[data-v-e029773b]{display:contents}.grid-cell[data-v-e029773b]{background-color:#fff;border:1px solid #ccc;width:60px;height:60px;cursor:pointer;position:relative}.hovered-point[data-v-e029773b]{background-color:#90ee90}.miss-point[data-v-e029773b]{background-color:#1e90ff}.hit-point[data-v-e029773b]{background-color:pink}.critical-hit-point[data-v-e029773b]{background-color:red}.opponent-plane-point[data-v-e029773b]{background-color:green}.instruction-panel[data-v-7b2129eb]{display:flex;flex-direction:column;align-items:center;gap:2rem}.indicator[data-v-7b2129eb]{display:flex;flex-direction:row;align-items:center;gap:1rem;margin:5px}.grid-board[data-v-7b2129eb]{display:grid;grid-template-rows:repeat(var(--grid-size),1fr);grid-template-columns:repeat(var(--grid-size),1fr);gap:1px;width:200px;height:200px;background-color:#333;--grid-size: 10}.grid-row[data-v-7b2129eb]{display:contents}.grid-cell[data-v-7b2129eb]{background-color:#fff;border:1px solid #ccc;width:20px;height:20px;cursor:pointer;position:relative}.grid-cell-sample[data-v-7b2129eb]{background-color:#fff;border:1px solid #ccc;width:30px;height:30px;cursor:pointer;position:relative}.grid-cell-text[data-v-7b2129eb]{font-size:1.2rem;color:gray;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.plane-point[data-v-7b2129eb]{background-color:green}.miss-point[data-v-7b2129eb]{background-color:#1e90ff}.hit-point[data-v-7b2129eb]{background-color:pink}.critical-hit-point[data-v-7b2129eb]{background-color:red}.restart-game-button[data-v-7b2129eb]{font-size:1.25rem;padding:.75rem 2rem;background-color:#007bff;color:#fff;margin-top:3rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.restart-game-button[data-v-7b2129eb]:hover{background-color:#0056b3}.game-play[data-v-85ad44e3]{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:2rem;padding:1rem;color:#dde3eb;text-shadow:1px 1px 4px rgba(0,0,0,.2)}.game-play-body[data-v-85ad44e3]{display:flex;flex-direction:row;gap:3rem}.game-view[data-v-2272c6c0]{position:relative;width:100%;height:100%}.overlay[data-v-2272c6c0]{position:relative;top:0;left:0;width:100%;height:100%;background:#000000b3;color:red;display:flex;align-items:center;justify-content:center;font-size:1rem;z-index:10}