:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root.dark,:root{--bg-primary: #0b0c0f;--bg-secondary: #1a1d25;--bg-tertiary: #2b2f38;--bg-panel: #11131a;--bg-input: #10131a;--bg-button: #1a1d25;--bg-button-hover: #1f2330;--bg-board: #1f1f23;--bg-cell: #0f1115;--bg-cell-letter: #1a1d26;--bg-cell-bonus-2l: #0d1a26;--bg-cell-bonus-3l: #0f1f2e;--bg-cell-bonus-2p: #2a1a0f;--bg-cell-bonus-3p: #331f0f;--text-primary: #eaeaf0;--text-secondary: #9aa0b5;--text-cell: #e8e8ef;--text-cell-letter: #ffffff;--text-bonus-2l: #7db3d8;--text-bonus-3l: #9bc4e0;--text-bonus-2p: #e8a87c;--text-bonus-3p: #f0b896;--border-color: #2b2f38;--border-panel: #1f2330;--border-board: #2f2f34;--border-cell: #2a2d33;--border-cell-letter: #3f4a5a;--accent: #6b8cff;--accent-hover: #3f6df6;--gradient-start: #3f6df6;--gradient-end: #6b8cff;--body-bg: radial-gradient(circle at 20% 20%, #111422, #0b0c0f 50%)}:root.light{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ef;--bg-panel: #ffffff;--bg-input: #f5f5f7;--bg-button: #f5f5f7;--bg-button-hover: #e8e8ef;--bg-board: #f0f0f2;--bg-cell: #ffffff;--bg-cell-letter: #f5f5f7;--bg-cell-bonus-2l: #e3f2fd;--bg-cell-bonus-3l: #bbdefb;--bg-cell-bonus-2p: #fff3e0;--bg-cell-bonus-3p: #ffe0b2;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-cell: #1a1a1a;--text-cell-letter: #000000;--text-bonus-2l: #1976d2;--text-bonus-3l: #1565c0;--text-bonus-2p: #f57c00;--text-bonus-3p: #ef6c00;--border-color: #d1d1d6;--border-panel: #e8e8ef;--border-board: #d1d1d6;--border-cell: #e0e0e0;--border-cell-letter: #bdbdbd;--accent: #007aff;--accent-hover: #0051d5;--gradient-start: #007aff;--gradient-end: #0051d5;--body-bg: linear-gradient(135deg, #f5f5f7 0%, #ffffff 100%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--body-bg);color:var(--text-primary)}button{border-radius:6px;border:1px solid var(--border-color);padding:.55rem .9rem;font-weight:600;background:var(--bg-button);color:var(--text-primary);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--accent-hover);background:var(--bg-button-hover);color:var(--text-primary)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border:none;color:var(--bg-primary)}button.ghost{background:transparent;border-style:dashed}input,select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:.45rem .6rem;color:var(--text-primary)}label{display:flex;gap:4px;align-items:center;font-size:.9rem}#app{max-width:1200px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.hero h1{margin:0 0 6px}.header-logo-title{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.header-logo-title:hover{opacity:.8}.header-logo-title .logo-small{height:60px;width:auto;display:block}.header-logo-title h1.clickable-title{margin:0 0 6px;cursor:pointer;transition:color .2s ease}.header-logo-title:hover h1.clickable-title{color:var(--accent)}.new-game{display:flex;gap:8px;align-items:center}.homepage{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 200px);padding:0 20px 40px}.homepage-content{max-width:500px;width:100%;display:flex;flex-direction:column;gap:24px;align-items:center}.homepage-logo{max-width:400px;width:100%;height:auto;display:block;margin-top:-8px}.players-input-section{width:100%;display:flex;flex-direction:column;gap:16px}.player-input-group{display:flex;flex-direction:column;gap:8px}.player-input-group label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.player-input-group input{width:100%;padding:12px 16px;font-size:1rem}.create-game-button{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:700;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border:none;color:var(--bg-primary);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px}.create-game-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.create-game-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.board-panel{background:var(--bg-panel);border:1px solid var(--border-panel);padding:12px;border-radius:12px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.game-id{font-size:.8rem;color:var(--text-secondary)}.controls{display:flex;flex-direction:column;gap:12px}.panel{background:var(--bg-panel);border:1px solid var(--border-panel);padding:12px;border-radius:12px}.placements{display:flex;flex-direction:column;gap:10px;margin:12px 0}.placement-row.single{display:flex;flex-direction:column;gap:10px;background:var(--bg-tertiary);border:1px dashed var(--border-color);padding:12px;border-radius:10px}.placement-row .row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.placement-row label{font-size:.9rem;min-width:120px}.placement-row input{flex:1;min-width:180px}.segmented{display:inline-flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.segmented button{border:none;border-right:1px solid var(--border-color);background:var(--bg-button);padding:.45rem .9rem;color:var(--text-primary)}.segmented button:last-child{border-right:none}.segmented button.active{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:var(--bg-primary)}.start-coord{display:flex;gap:10px;align-items:center}.muted{color:var(--text-secondary)}.actions{display:flex;gap:10px}.error{color:#ffb3c1}.total{font-size:1.2rem;font-weight:700}.word{display:flex;gap:8px;align-items:center}.save-actions{display:flex;gap:10px;align-items:center}.file{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.file input{display:none}.empty{text-align:center;color:var(--text-secondary)}@media(max-width:900px){.layout{grid-template-columns:1fr}.hero,.placement-row .row{flex-direction:column;align-items:flex-start}.placement-row input{width:100%;min-width:0}}.current-player{display:flex;gap:8px;align-items:center;padding:8px;background:var(--bg-secondary);border-radius:6px;margin-bottom:12px}.current-player strong{color:var(--accent)}.current-player .score{color:var(--text-secondary);font-size:.9rem}.end-game{background:var(--bg-secondary);border:2px solid var(--accent-hover)}.end-game h3{color:var(--accent);margin-bottom:12px}.final-results{margin-top:16px}.final-results h4{margin:0 0 8px;font-size:1rem}.final-results ul{list-style:none;padding:0;margin:0}.final-results li{padding:6px 0;border-bottom:1px solid var(--border-panel)}.final-results li:last-child{border-bottom:none}.final-results-table{width:100%;border-collapse:collapse;margin-top:12px}.final-results-table thead{background:var(--bg-secondary)}.final-results-table th{padding:10px;text-align:left;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.final-results-table td{padding:10px;border-bottom:1px solid var(--border-color)}.final-results-table tbody tr:last-child td{border-bottom:none}.tiles-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}.tiles-controls label{font-size:.9rem;color:#9aa0b5}.tiles-sort{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-button);color:var(--text-primary);font-size:.9rem;cursor:pointer}.remaining-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-top:12px}.tile-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:var(--bg-button);border:1px solid var(--border-color);border-radius:6px;transition:all .2s ease}.tile-item:hover{background:var(--bg-button-hover);border-color:var(--border-panel)}.tile-item.scarabeo-tile{border-color:#4ade80;background:var(--bg-tertiary)}.tile-letter{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tile-item.scarabeo-tile .tile-letter{color:#4ade80}.tile-count{font-size:.85rem;color:var(--text-secondary)}.scarabeo-icon-small{width:24px;height:24px;display:block;margin:0 auto}.adjustment{color:#9aa0b5;font-size:.85rem;margin-left:8px}.ranking{margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-panel)}.ranking h3{margin:0 0 8px;font-size:.9rem;color:var(--text-secondary)}.ranking ol{list-style:none;padding:0;margin:0}.ranking li{display:flex;gap:8px;padding:4px 0;align-items:center}.ranking .rank{font-weight:700;color:var(--accent);min-width:24px}.ranking .name{flex:1}.ranking .score{font-size:.9rem}.collapsible-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.header-score{font-weight:600;margin-left:auto;margin-right:8px}.collapsible-header:hover{color:#6b8cff}.toggle{font-size:.8rem;color:#9aa0b5}.word-detail{margin:12px 0;padding:8px;background:var(--bg-tertiary);border-radius:6px}.word-detail h4{margin:0 0 8px;font-size:.9rem;color:var(--accent);display:flex;align-items:center;gap:8px}.word-multiplier{display:inline-block;background:#ff8c42;color:#1a1a1a;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:4px;margin-left:4px}.letter-breakdown{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.letter-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-secondary);border-radius:4px;font-size:.85rem}.letter-item .letter{font-weight:700;color:var(--text-primary)}.letter-item .value{color:var(--text-secondary)}.letter-item.has-bonus{background:#7db3d833;border:1px solid rgba(125,179,216,.4)}.letter-item.has-bonus .letter{color:#7db3d8;font-weight:800}.letter-item.has-bonus .value{color:#9bc4e0;font-weight:600}.letter-item.scarabeo-volante{background:#ffc85726;border:1px solid rgba(255,200,87,.4)}.letter-item.placed-in-move{background:#6b8cff40;border:1px solid rgba(107,140,255,.5);box-shadow:0 0 4px #6b8cff4d}.letter-item.placed-in-move .letter{color:#6b8cff;font-weight:800}.letter-item.placed-in-move .value{color:#8ba3ff;font-weight:600}.scarabeo-badge{font-size:.7rem;margin-left:4px}.word-total{margin:8px 0 0;font-weight:600;color:var(--accent)}.bonuses-detail{margin-top:12px;padding:8px;background:var(--bg-tertiary);border-radius:6px}.bonuses-detail h4{margin:0 0 8px;font-size:.9rem;color:var(--accent)}.bonuses-detail ul{list-style:none;padding:0;margin:0}.bonuses-detail li{padding:4px 0;color:var(--text-secondary);font-size:.85rem}.no-bonuses{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin:8px 0 0}.word-type-label{color:var(--text-secondary);font-size:.8rem;font-style:italic}.score-positive{color:#4ade80;font-weight:600}.score-negative{color:#f87171;font-weight:600}.score-zero{color:#6b8cff;font-weight:600}.move-history{width:100%;border-collapse:collapse;font-size:.85rem}.move-history th{text-align:left;padding:8px;background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-panel)}.move-history td{padding:8px;border-bottom:1px solid var(--border-panel)}.move-history tr:last-child td{border-bottom:none}.dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:var(--bg-panel);border:1px solid var(--border-panel);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.dialog-compact{max-width:400px;padding:20px}.dialog-large{max-width:600px;padding:28px}.dialog h2{margin:0 0 16px;color:var(--accent)}.remaining-tiles-input{display:flex;flex-direction:column;gap:12px;margin:16px 0}.player-tiles{display:flex;flex-direction:column;gap:4px}.player-tiles label{font-size:.9rem;color:var(--text-secondary)}.player-tiles input{width:100%}.replace-scarabeo-input{display:flex;flex-direction:column;gap:8px;margin:16px 0}.replace-scarabeo-input label{font-size:.9rem;color:var(--text-secondary)}.replace-scarabeo-input input{width:100%;padding:8px 12px;font-size:1.2rem;text-align:center;text-transform:uppercase;font-weight:700}.replace-scarabeo-display{display:flex;flex-direction:column;gap:8px;margin:16px 0}.replace-scarabeo-display label{font-size:.9rem;color:var(--text-secondary)}.scarabeo-letter-display{width:100%;padding:12px;font-size:2rem;text-align:center;text-transform:uppercase;font-weight:700;background:var(--bg-button);border:2px solid var(--border-panel);border-radius:8px;color:#4ade80}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.header-actions{display:flex;gap:16px;align-items:center}.theme-toggle{display:flex;align-items:center;gap:8px}.theme-toggle label{font-size:.9rem;color:var(--text-secondary)}.theme-toggle select{padding:6px 10px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-button);color:var(--text-primary);font-size:.9rem;cursor:pointer}.info-icon{background:transparent;border:none;padding:2px 6px;font-size:.9rem;cursor:pointer;opacity:.7;transition:opacity .2s ease;margin-left:4px}.info-icon:hover{opacity:1}.help-content{margin:16px 0}.help-content h3{margin:16px 0 8px;font-size:1rem;color:var(--accent)}.help-content p{margin:8px 0;color:var(--text-primary);line-height:1.5}.example{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:12px;margin:12px 0}.example code{display:block;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:8px}.example-note{margin:8px 0 0;font-size:.85rem;color:var(--text-secondary);font-style:italic}.note{margin-top:16px;padding:12px;background:var(--bg-tertiary);border-left:3px solid var(--accent);border-radius:4px}.move-history .clickable-row{cursor:pointer;transition:background-color .2s ease}.move-history .clickable-row:hover{background-color:var(--bg-secondary)}.move-history .clickable-row.selected{background-color:var(--bg-tertiary);outline:1px solid var(--accent)}.move-history .actions-cell{text-align:center;width:60px}.undo-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.undo-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.undo-button:disabled{opacity:.5;cursor:not-allowed}.board-container[data-v-bd8209ab]{position:relative}.board[data-v-bd8209ab]{display:grid;gap:2px;background:var(--bg-board);padding:8px;border-radius:8px;border:1px solid var(--border-board)}.word-overlay[data-v-bd8209ab]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.cell[data-v-bd8209ab]{position:relative;aspect-ratio:1;min-width:32px;min-height:32px;background:var(--bg-cell);border:1px solid var(--border-cell);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-cell);font-size:.85rem;cursor:pointer}.cell[data-bonus="2L"][data-v-bd8209ab]{background:var(--bg-cell-bonus-2l);color:var(--text-bonus-2l)}.cell[data-bonus="3L"][data-v-bd8209ab]{background:var(--bg-cell-bonus-3l);color:var(--text-bonus-3l)}.cell[data-bonus="2P"][data-v-bd8209ab]{background:var(--bg-cell-bonus-2p);color:var(--text-bonus-2p)}.cell[data-bonus="3P"][data-v-bd8209ab]{background:var(--bg-cell-bonus-3p);color:var(--text-bonus-3p)}.cell[data-v-bd8209ab]:has(.letter){background:var(--bg-cell-letter);border-color:var(--border-cell-letter)}.cell:has(.letter) .letter[data-v-bd8209ab]{font-size:1.2rem;font-weight:800;color:var(--text-cell-letter)}.cell:has(.letter) .letter.scarabeo-volante[data-v-bd8209ab]{color:#4ade80!important;font-weight:700}.cell[data-selected=true][data-v-bd8209ab]{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:inset 0 0 0 1px var(--accent);opacity:.7;z-index:1}.cell[data-preview-main=true][data-v-bd8209ab]{background:#ffc85726}.cell[data-preview-cross=true][data-v-bd8209ab]{background:#6b8cff26}.cell[data-preview-error=true][data-v-bd8209ab]{background:#ef444440!important;border:2px solid rgba(239,68,68,.8)!important;box-shadow:0 0 6px #ef444480}.cell[data-preview-error=true] .letter.preview-letter[data-v-bd8209ab]{color:#ef4444!important;font-weight:700;opacity:1}.cell[data-start=true][data-v-bd8209ab]{background:#ff8c42;color:#1a1a1a}.cell[data-valid-start=true][data-v-bd8209ab]{background:#6b8cff40;border:1px solid rgba(107,140,255,.5);box-shadow:0 0 4px #6b8cff4d}.cell[data-valid-start=true][data-v-bd8209ab]:hover{background:#6b8cff59;border-color:#6b8cffb3;box-shadow:0 0 6px #6b8cff80}.bonus[data-v-bd8209ab]{position:absolute;top:2px;right:4px;font-size:.55rem;opacity:.8;font-weight:600}.letter[data-v-bd8209ab]{font-size:1.2rem;z-index:2}.letter.preview-letter[data-v-bd8209ab]{color:#9aa0b5;opacity:.6;font-weight:500}.letter.preview-letter.scarabeo-volante[data-v-bd8209ab]{color:#4ade80;opacity:.9;font-weight:700}.letter.scarabeo-volante[data-v-bd8209ab]{color:#4ade80;font-weight:700}.scarabeo-icon[data-v-bd8209ab]{width:100%;height:100%;display:block}.direction-arrow[data-v-bd8209ab]{position:absolute;font-size:.7rem;color:#6b8cff;z-index:3;pointer-events:none}.direction-arrow[data-direction=H][data-v-bd8209ab]{right:2px;top:50%;transform:translateY(-50%)}.direction-arrow[data-direction=V][data-v-bd8209ab]{bottom:2px;left:50%;transform:translate(-50%)}