@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Doto:wght@100..900&display=swap";.module-sandbox[data-v-847ccfbe],.code-editor[data-v-847ccfbe]{width:100%}.code-editor textarea[data-v-847ccfbe]{width:100%;min-height:300px;background-color:#1e1e1e;color:#d4d4d4;font-family:monospace;padding:1rem;border:1px solid #333;border-radius:.25rem}.grid-wrapper[data-v-847ccfbe]{width:200px;height:200px;margin:0 auto}.battle-canvas[data-v-847ccfbe]{width:100%;max-width:500px;margin:0 auto;border:1px solid #333}:root{--bg-color: #000;--text-color: #fff;--grid-bg: #111;--grid-hover: #333;--panel-bg: #111;--primary: #f39c12;--danger: #e74c3c;--success: #22dd22;--info: #4287f5;--warning: #f5a142;--cell-core: #f39c12;--cell-hull: #ffffff;--cell-thruster: #22dd22;--cell-gun: #e74c3c;--cell-shield: #4287f5;--rarity-common: #ffffff;--rarity-uncommon: #9ad65a;--rarity-rare: #4287f5;--rarity-epic: #9642f5;--rarity-legendary: #f5a142;--font-mono: "Anonymous Pro", monospace;--font-display: "Doto", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--border-radius: .25rem;--border-width: 1px;--border-color: rgba(255, 255, 255, .1);--transition-speed: .2s;--transition-timing: ease;--container-width: 75rem;--header-height: 4rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin:var(--space-5) 0;text-transform:uppercase;letter-spacing:.125rem}h1{font-size:3.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--text-color);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing)}a:hover{color:var(--primary)}button{cursor:pointer;font-family:var(--font-mono)}input,select,textarea{font-family:var(--font-mono)}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 64rem){h1{font-size:3rem}h2{font-size:1.8rem}h3{font-size:1.5rem}}@media (max-width: 48rem){html{font-size:14px}}@media (max-width: 30rem){html{font-size:12px}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333%}.w-2\/3{width:66.666%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.mx-auto{margin-left:auto;margin-right:auto}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-info{color:var(--info)}.text-warning{color:var(--warning)}.container{width:100%;max-width:var(--container-width);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.cursor-pointer{cursor:pointer}@media (max-width: 64rem){.hidden-lg{display:none!important}.block-lg{display:block!important}.flex-col-lg{flex-direction:column!important}}@media (max-width: 48rem){.hidden-md{display:none!important}.block-md{display:block!important}.flex-col-md{flex-direction:column!important}.w-full-md{width:100%!important}}@media (max-width: 30rem){.hidden-sm{display:none!important}.block-sm{display:block!important}.flex-col-sm{flex-direction:column!important}.w-full-sm{width:100%!important}}.btn{display:inline-block;background-color:var(--bg-color);color:var(--text-color);border:var(--border-width) solid var(--text-color);padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:1rem;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);border-radius:var(--border-radius);text-align:center;line-height:1.5}.btn:hover:not(:disabled){background-color:var(--text-color);color:var(--bg-color)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:var(--primary);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary);color:var(--bg-color)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover:not(:disabled){background-color:var(--danger);color:var(--bg-color)}.btn-success{color:var(--success);border-color:var(--success)}.btn-success:hover:not(:disabled){background-color:var(--success);color:var(--bg-color)}.btn-info{color:var(--info);border-color:var(--info)}.btn-info:hover:not(:disabled){background-color:var(--info);color:var(--bg-color)}.btn-warning{color:var(--warning);border-color:var(--warning)}.btn-warning:hover:not(:disabled){background-color:var(--warning);color:var(--bg-color)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.875rem}.btn-lg{padding:var(--space-3) var(--space-5);font-size:1.125rem}.panel{padding:var(--space-4);margin-bottom:var(--space-4);flex-grow:0;text-align:center}.panel-title{margin-top:0;margin-bottom:var(--space-3);font-size:1.25rem;font-weight:700}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:700}.form-control{width:100%;padding:var(--space-2);background-color:var(--bg-color);border:var(--border-width) solid var(--border-color);color:var(--text-color);font-family:var(--font-mono);font-size:1rem;border-radius:var(--border-radius);transition:border-color var(--transition-speed) var(--transition-timing)}.form-control:focus{outline:none;border-color:var(--primary)}.form-control::placeholder{color:#ffffff80}.status-message{padding:var(--space-4);border-radius:var(--border-radius);margin:var(--space-4) 0}.status-success{background-color:#2ecc7133;border-left:.1875rem solid var(--success)}.status-error{background-color:#e74c3c33;border-left:.1875rem solid var(--danger)}.status-info{background-color:#3498db33;border-left:.1875rem solid var(--info)}.status-warning{background-color:#f39c1233;border-left:.1875rem solid var(--warning)}.card{background-color:var(--panel-bg);border-radius:var(--border-radius);padding:var(--space-4);margin-bottom:var(--space-4);transition:all var(--transition-speed) var(--transition-timing)}.card:hover{background-color:var(--grid-hover)}.card-header{margin-bottom:var(--space-3);font-weight:700}.card-body{margin-bottom:var(--space-3)}.card-footer{margin-top:var(--space-3);display:flex;justify-content:flex-end}.tooltip{position:absolute;background-color:#000000e6;color:#fff;padding:var(--space-2);border-radius:var(--border-radius);z-index:100;pointer-events:none;font-size:.875rem;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing);max-width:15rem}.tooltip-trigger:hover .tooltip{opacity:1}.instructions-panel{padding:var(--space-4);border-radius:var(--border-radius);line-height:1.6;text-align:left;align-items:flex-start}.instructions-panel h3{margin-top:0;margin-bottom:var(--space-3)}.instructions-panel ul{list-style-type:none;padding-left:0}.instructions-panel li{margin-bottom:var(--space-3);position:relative;padding-left:var(--space-4)}.instructions-panel li:before{content:"•";position:absolute;left:0}.tabs{display:flex;border-bottom:var(--border-width) solid var(--border-color);margin-bottom:var(--space-4)}.tab{padding:var(--space-2) var(--space-4);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-speed) var(--transition-timing)}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.toggle{position:relative;display:inline-block;width:3.75rem;height:2.125rem}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--grid-bg);transition:.4s;border-radius:2.125rem}.toggle-slider:before{position:absolute;content:"";height:1.625rem;width:1.625rem;left:.25rem;bottom:.25rem;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(1.625rem)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--primary);color:var(--bg-color)}.badge-success{background-color:var(--success);color:var(--bg-color)}.badge-danger{background-color:var(--danger);color:var(--bg-color)}.badge-info{background-color:var(--info);color:var(--bg-color)}.badge-warning{background-color:var(--warning);color:var(--bg-color)}.alert{padding:var(--space-3);margin-bottom:var(--space-4);border-radius:var(--border-radius);border-left:4px solid transparent}.alert-success{background-color:#2ecc7133;border-left-color:var(--success)}.alert-danger{background-color:#e74c3c33;border-left-color:var(--danger)}.alert-info{background-color:#3498db33;border-left-color:var(--info)}.alert-warning{background-color:#f39c1233;border-left-color:var(--warning)}.spinner{display:inline-block;width:2rem;height:2rem;border:.25rem solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite}.coming-soon{background-color:var(--panel-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:var(--space-5);margin:var(--space-4) 0;width:100%;max-width:37.5rem;text-align:center;line-height:1.6}.coming-soon-content{max-width:25rem;margin:0 auto}.coming-soon h3{font-size:1.5rem;margin-bottom:var(--space-4);color:var(--primary)}.coming-soon li{margin-bottom:var(--space-3)}.action-button{display:inline-block;background-color:var(--bg-color);color:var(--primary);border:var(--border-width) solid var(--primary);padding:var(--space-2) var(--space-4);margin-top:var(--space-4);font-family:var(--font-mono);font-size:1rem;border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing)}.action-button:hover{background-color:var(--primary);color:var(--bg-color)}.auth-view .panel{width:70%;min-width:20rem;min-height:24rem;display:flex;flex-direction:column}.auth-view .panel form{flex:1;display:flex;flex-direction:column}.auth-view .panel h2{margin-bottom:var(--space-4)}.auth-view .text-center a{color:var(--primary);cursor:pointer;text-decoration:underline}.auth-view .text-center a:hover{color:var(--text-color)}.purchase-history{margin-top:var(--space-4);font-size:.9rem}.purchase-item{margin-bottom:var(--space-2)}.purchase-item .rarity{font-weight:700}.cell-selector{display:flex;flex-direction:column;gap:var(--space-4);max-height:30rem;align-items:center}.cell-selector-header,.cell-selector-footer{display:flex;justify-content:space-between;align-items:center}@media (max-width: 64rem){.cell-selector-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}.loading-spinner{width:2.5rem;height:2.5rem;border:.25rem solid var(--text-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);color:var(--text-color);padding:0 var(--space-4)}.top-bar{display:flex;justify-content:space-between;width:100%;padding:var(--space-3) 0}.logo{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.125rem;text-align:center;margin:var(--space-2) 0 var(--space-5);font-size:5.5rem}.content-area{display:flex;width:100%}.column{display:flex;flex-direction:column;align-items:center}.nav-column{width:24%;padding-right:var(--space-4)}.main-column{width:50%;min-height:100%;padding:0 var(--space-4)}.instructions-column{width:24%;padding-left:var(--space-4)}.nav-column nav,.instructions-panel{width:60%;max-width:60%}nav{padding-top:7rem;display:flex;flex-direction:column;gap:var(--space-3);width:100%;text-align:right;align-items:flex-end}nav a{color:var(--text-color);text-decoration:none;font-size:1.2rem;transition:all var(--transition-speed) var(--transition-timing);padding:var(--space-2) 0;width:45%;padding:var(--space-2)}nav a:hover{color:var(--bg-color);background-color:var(--text-color);border-radius:var(--border-radius)}nav a.router-link-active{color:var(--primary);font-weight:700}.nav-divider{height:.0625rem;align-self:flex-end;width:40%;background-color:var(--text-color);margin:var(--space-3) 0;opacity:.3}.discord-button a{display:inline-block;background-color:var(--bg-color);font-family:var(--font-mono);font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing);color:#5865f2;border:.0625rem solid #5865F2}.discord-button a:hover{background-color:#5865f2;color:var(--bg-color)}.logout-button{display:flex;align-items:center;gap:var(--space-2)}.currency-display{color:var(--text-color);font-size:1.1rem;padding-right:3em}.logout-button a{display:inline-block;background-color:var(--bg-color);font-family:var(--font-mono);font-weight:700;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-speed) var(--transition-timing);color:var(--danger);border:.0625rem solid var(--danger);cursor:pointer}.logout-button a:hover{background-color:var(--danger);color:var(--bg-color)}.auth-view{display:flex;justify-content:center;align-items:center;min-height:60vh;width:60%}.content-row{display:flex;flex-direction:row;gap:var(--space-4);width:100%;max-height:100%;margin-bottom:var(--space-4)}.content-column{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-height:100%;margin:0 auto}.build-ship-container,.buy-cells-container,.my-cells-container,.my-ships-container,.home-container{width:100%;display:flex;flex-direction:column;align-items:center}@media (max-width: 64rem){.content-area{flex-direction:column}.column{width:100%;max-width:37.5rem;margin:0 auto var(--space-4);padding:0}.nav-column{order:2}.main-column{order:1}.instructions-column{order:3}nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding-top:var(--space-4)}.nav-divider{display:none}.logo{font-size:3rem}.auth-view{width:100%}}@media (max-width: 48rem){nav a{width:auto;min-width:8rem;text-align:center}.top-bar{flex-direction:column;gap:var(--space-3)}.currency-display{padding-right:0}}@media (max-width: 64rem){.content-row{flex-direction:column}.content-row>*{width:100%!important;margin-bottom:var(--space-4)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:100}.modal-container{width:80%;max-width:60rem;background-color:var(--panel-bg);border-radius:var(--border-radius);box-shadow:0 0 20px #00000080;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color)}.modal-body{padding:var(--space-4);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--space-2)}.modal-close{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background-color:#ffffff1a}.game-grid{display:grid;gap:.25rem;width:100%;max-height:10rem;aspect-ratio:1/1;min-width:0;min-height:0}.game-grid.ship{grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}.game-grid.inventory{grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr}.grid-cell{background-color:var(--grid-bg);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);position:relative;aspect-ratio:1/1;width:100%;height:100%;box-sizing:border-box}.grid-cell:hover{background-color:var(--grid-hover)}.grid-cell.selected{border:.15rem solid #fff;transition:border .1s;border-radius:var(--border-radius);z-index:10}.game-grid.is-dragging .cell-tooltip{display:none!important;opacity:0!important;visibility:hidden!important}.grid-cell.droppable{background-color:#2ecc7133!important;box-shadow:inset 0 0 0 2px #2ecc71;z-index:5}.grid-cell.non-draggable{cursor:not-allowed}.grid-cell.non-draggable:after{content:"Cannot move core";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:var(--border-radius);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.grid-cell.non-draggable:hover:after{opacity:1}.empty-cell{background-color:var(--grid-bg);opacity:.7}.cell-content{width:75%;height:75%;display:flex;justify-content:center;align-items:center;transition:all var(--transition-speed) var(--transition-timing)}.cell-tooltip{position:absolute;background-color:#000;color:#fff;padding:var(--space-2);border-radius:var(--border-radius);font-size:1.5rem;z-index:100;pointer-events:none;min-width:9rem;text-align:left;opacity:0;transition:opacity var(--transition-speed) var(--transition-timing);bottom:calc(100% + var(--space-4));left:-10rem;transform:translate(-50%);white-space:nowrap}.cell-controls{width:25%;min-height:10rem;height:100%!important;overflow-y:hidden;flex-grow:0!important}.cell-controls .panel{height:100%;min-height:10rem;display:flex;flex-direction:column}.cell-controls .form-group{margin-bottom:var(--space-4)}.cell-controls .panel.empty,.cell-controls .panel:empty{display:flex;justify-content:center;align-items:center;min-height:10rem}.cell-controls .form-group,.cell-controls .form-group-placeholder{height:5rem;width:100%;margin-bottom:var(--space-4)}.cell-controls .form-group-placeholder{position:relative}.grid-cell:hover .cell-tooltip{opacity:1}.cell-content.basic-core{background-color:var(--cell-core)}.cell-content.basic-hull{background-color:var(--cell-hull)}.cell-content.basic-thruster{background-color:var(--cell-thruster)}.cell-content.basic-gun{background-color:var(--cell-gun)}.cell-content.shield{background-color:var(--cell-shield)}.grid-wrapper{min-width:20rem;aspect-ratio:1/1;display:flex;justify-content:center;max-width:100%;max-height:100%}.rarity-common{box-shadow:none}.rarity-uncommon{box-shadow:0 0 .25rem var(--rarity-uncommon);border:.0625rem solid var(--rarity-uncommon)}.rarity-rare{box-shadow:0 0 .375rem var(--rarity-rare);border:.0625rem solid var(--rarity-rare)}.rarity-epic{box-shadow:0 0 .5rem var(--rarity-epic);border:.0625rem solid var(--rarity-epic)}.rarity-legendary{box-shadow:0 0 .625rem var(--rarity-legendary);border:.0625rem solid var(--rarity-legendary)}.control-bar{display:flex;justify-content:center;align-items:center;width:100%}.ship-name-field,.filter-field{display:flex;align-items:center;gap:var(--space-2)}.ship-name-field{min-width:30rem}.cell-counter{font-size:1.1rem;font-weight:700;margin:var(--space-3) 0;text-align:center}.action-buttons{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.direction-controls-container{display:flex;flex-direction:column;align-items:center;margin:var(--space-3) 0}.direction-controls{display:grid;place-items:center;grid-template-columns:repeat(3,1fr);gap:.25rem;margin-top:var(--space-3);max-width:7.5rem}.direction-btn{background-color:var(--bg-color);color:var(--text-color);min-width:2.25rem;min-height:2.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing);border:none}.direction-btn:hover,.direction-btn.active{background-color:var(--text-color);color:var(--bg-color)}.info-panel{width:100%;padding:var(--space-3);border-radius:var(--border-radius);overflow-y:auto}.info-panel-title{margin-top:0;margin-bottom:var(--space-3);text-align:center}.cell-stats{margin-bottom:var(--space-3)}.cell-actions{margin-top:var(--space-3);display:flex;justify-content:center}.place-cell-notice{visibility:hidden}.place-cell-notice.visible{visibility:visible;animation:pulse 2s infinite}.inventory-grid-container{display:flex;flex-direction:column;width:100%;margin:0 auto;align-items:center}.filter-controls{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.selected-count{text-align:center;margin-top:var(--space-4);font-weight:700}.grid-cell.multi-selected .cell-content{opacity:.25}@media (max-width: 64rem){.grid-wrapper{max-width:25rem;margin:0 auto}.control-bar{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media (max-width: 48rem){.grid-wrapper{max-width:20rem}}.battle-canvas{background-color:var(--bg-color);margin:var(--space-4) auto;display:block;width:100%;max-width:31.25rem;aspect-ratio:1/1;border:.125rem solid var(--panel-bg);box-shadow:0 0 var(--space-4) #00000080}.ship-preview-container{width:100%;display:flex;flex-direction:column;align-items:center}.preview-controls{margin-top:var(--space-4);display:flex;justify-content:center;gap:var(--space-3)}.battle-stats{margin-top:var(--space-3);font-size:.875rem;text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.battle-stats .winner{font-size:1.5rem;font-weight:700;color:var(--primary);margin-top:var(--space-2)}.matchmaking-container{margin:var(--space-3) 0}.matchmaking-status{display:flex;flex-flow:column;align-items:center;animation:pulse 1.5s infinite}.matchmaking-error{display:flex;flex-flow:column;align-items:center;color:var(--danger);margin-bottom:var(--space-3)}.matchmaking-error p{margin-bottom:var(--space-3)}.battle-preview{display:flex;flex-direction:column;align-items:center;background-color:var(--panel-bg);padding:var(--space-4);border-radius:var(--border-radius);margin:var(--space-3) 0;min-width:15rem}.preview-header{font-weight:700;margin-bottom:var(--space-3)}.preview-outcome{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-3)}.preview-outcome.win{color:var(--success)}.preview-outcome.loss{color:var(--danger)}.preview-outcome.draw{color:var(--warning)}.preview-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.battle-view-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}.battle-actions{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-4) 0}.battle-results{width:100%;max-width:30rem;margin:var(--space-4) auto;padding:var(--space-4);background-color:var(--panel-bg);border-radius:var(--border-radius)}.battle-results-title{text-align:center;margin-bottom:var(--space-3)}.battle-stat-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.battle-result-victory{color:var(--success);font-weight:700;text-align:center;font-size:1.5rem;margin:var(--space-3) 0}.battle-result-defeat{color:var(--danger);font-weight:700;text-align:center;font-size:1.5rem;margin:var(--space-3) 0}.battle-result-draw{color:var(--warning);font-weight:700;text-align:center;font-size:1.5rem;margin:var(--space-3) 0}@keyframes explosion{0%{transform:scale(0);opacity:1}80%{opacity:.8}to{transform:scale(1.5);opacity:0}}.explosion{position:absolute;background-color:var(--danger);border-radius:50%;pointer-events:none;animation:explosion .5s ease-out forwards}.cell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%;max-width:60rem;margin:0 auto}.cell-card{background-color:var(--panel-bg);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-speed) var(--transition-timing);border:1px solid var(--border-color)}.cell-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0003}.cell-preview{height:8rem;display:flex;justify-content:center;align-items:center;padding:var(--space-4);cursor:pointer}.cell-info{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.cell-info h3{margin-top:0;margin-bottom:var(--space-2);font-size:1.2rem}.cell-description{flex:1;margin-bottom:var(--space-3);opacity:.8;font-size:.9rem}.cell-basic-hull{background-color:var(--cell-hull, #ffffff)}.cell-basic-thruster{background-color:var(--cell-thruster, #22dd22)}.cell-basic-gun{background-color:var(--cell-gun, #e74c3c)}@media (max-width: 64rem){.cell-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 36rem){.cell-grid{grid-template-columns:1fr}}