fmt

src/lib/components/Battle/ActionViewSelector.svelte

@@ -83,10 +83,10 @@
             {/each}
           </div>
         {:else if currentView === 'piclets'}
+          {@const availableHealthyPiclets = availablePiclets.filter(p => 
+            p.currentHp > 0 && p.id !== currentPicletId
+          )}
           <div class="sub-view-list">
-            {@const availableHealthyPiclets = availablePiclets.filter(p => 
-              p.currentHp > 0 && p.id !== currentPicletId
-            )}
             {#if availableHealthyPiclets.length === 0}
               <div class="empty-message">
                 No other healthy piclets available

src/lib/components/Battle/BattleControls.svelte

@@ -14,7 +14,6 @@
   export let onAction: (action: string) => void;
   export let onMoveSelect: (move: any) => void;
   export let onPicletSelect: (piclet: PicletInstance) => void;
-  export let onBack: () => void;
   
   let availablePiclets: PicletInstance[] = [];
   
@@ -95,152 +94,6 @@
     flex-direction: column;
   }
   
-  /* Move Selection */
-  .move-select, .piclet-select {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-  }
-  
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1rem;
-  }
-  
-  .section-header h3 {
-    margin: 0;
-    font-size: 1.125rem;
-    color: #1a1a1a;
-  }
-  
-  .back-btn {
-    background: none;
-    border: none;
-    color: #007bff;
-    font-size: 0.875rem;
-    cursor: pointer;
-    padding: 0.25rem 0.5rem;
-  }
-  
-  .moves-grid {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 0.75rem;
-  }
-  
-  .move-button {
-    padding: 1rem;
-    background: #f8f9fa;
-    border: 2px solid #e0e0e0;
-    border-radius: 8px;
-    cursor: pointer;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 0.25rem;
-    transition: all 0.2s ease;
-  }
-  
-  .move-button:hover:not(:disabled) {
-    background: #e9ecef;
-    border-color: #007bff;
-  }
-  
-  .move-button:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-  
-  .move-name {
-    font-weight: 600;
-    color: #1a1a1a;
-  }
-  
-  .move-type {
-    font-size: 0.75rem;
-    color: #666;
-    text-transform: uppercase;
-  }
-  
-  .move-pp {
-    font-size: 0.75rem;
-    color: #999;
-  }
-  
-  /* Piclet Selection */
-  .piclets-list {
-    flex: 1;
-    overflow-y: auto;
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-  
-  .no-piclets {
-    text-align: center;
-    color: #666;
-    padding: 2rem;
-  }
-  
-  .piclet-option {
-    display: flex;
-    align-items: center;
-    gap: 1rem;
-    padding: 0.75rem;
-    background: #f8f9fa;
-    border: 2px solid #e0e0e0;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-  }
-  
-  .piclet-option:hover {
-    background: #e9ecef;
-    border-color: #007bff;
-  }
-  
-  .piclet-option img {
-    width: 50px;
-    height: 50px;
-    object-fit: cover;
-    border-radius: 4px;
-  }
-  
-  .piclet-details {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-  }
-  
-  .piclet-name {
-    font-weight: 600;
-    color: #1a1a1a;
-  }
-  
-  .piclet-stats {
-    font-size: 0.75rem;
-    color: #666;
-  }
-  
-  .hp-preview {
-    width: 80px;
-  }
-  
-  .hp-preview-bar {
-    height: 6px;
-    background: #e0e0e0;
-    border-radius: 3px;
-    overflow: hidden;
-  }
-  
-  .hp-preview-fill {
-    height: 100%;
-    background: #4caf50;
-    transition: width 0.3s ease;
-  }
   
   /* Battle End */
   .battle-end {

src/lib/components/Pages/Pictuary.svelte

@@ -249,27 +249,6 @@
     background: white;
   }
   
-  .page-header {
-    padding: 1rem;
-    padding-top: 0.5rem;
-    background: white;
-    position: sticky;
-    top: 0;
-    z-index: 100;
-  }
-  
-  .page-header h1 {
-    margin: 0;
-    font-size: 1.75rem;
-    font-weight: bold;
-    color: #333;
-  }
-  
-  .piclet-count {
-    margin: 0.25rem 0 0;
-    color: #666;
-    font-size: 0.9rem;
-  }
   
   .loading-state,
   .empty-state {