@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-main:#0b111e;--bg-card:#161e31b3;--bg-active-card:#1e2943d9;--border-color:#ffffff1a;--border-active:#f59e0b99;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-gold:#f59e0b;--accent-teal:#0d9488;--accent-red:#ef4444;--font-display:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 10px 30px -10px #00000080;--shadow-glow:0 0 15px #f59e0b66}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0% 0%, #0d94881a 0px, transparent 50%), radial-gradient(at 100% 100%, #f59e0b14 0px, transparent 50%), radial-gradient(at 50% 50%, #0f172af2 0px, var(--bg-main) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}button{font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border:none;outline:none}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:16px;padding:24px}.tile-container{-webkit-user-select:none;user-select:none;cursor:default;border-radius:10px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative}.tile-interactive{cursor:pointer}.tile-interactive:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 6px 12px #0006}.tile-interactive:active{transform:translateY(-1px)scale(.98)}.tile-selected{outline:3px solid var(--accent-gold);outline-offset:2px;z-index:10;box-shadow:var(--shadow-glow)!important;transform:translateY(-4px)scale(1.08)!important}.tile-preview{pointer-events:none}@keyframes tileIn{0%{opacity:0;transform:scale(.3)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.tile-animate{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards tileIn}@keyframes floatPoints{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.floating-score{font-family:var(--font-display);pointer-events:none;z-index:100;font-size:20px;font-weight:800;animation:1.8s cubic-bezier(.25,1,.5,1) forwards floatPoints;position:absolute}.floating-score.plus{color:#4ade80;text-shadow:0 0 10px #4ade8099}.floating-score.minus{color:#f87171;text-shadow:0 0 10px #f8717199}.app-container{flex-direction:column;max-width:1400px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.app-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.app-title{font-family:var(--font-display);letter-spacing:-.5px;background:linear-gradient(135deg, var(--accent-gold), #f59e0b, #0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:32px;font-weight:800;display:flex}.game-layout{flex-grow:1;grid-template-columns:1fr 340px;gap:20px;display:grid}@media (width<=1024px){.game-layout{grid-template-columns:1fr}}.play-area{flex-direction:column;gap:20px;display:flex}.table-container{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.factories-grid{flex-wrap:wrap;justify-content:center;gap:24px;width:100%;display:flex}.factory-rim{border:3px double var(--border-color);width:110px;height:110px;transition:var(--transition-smooth);background:#0f172a99;border-radius:50%;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-content:center;gap:8px;padding:12px;display:grid;position:relative}.factory-rim:after{content:"";transition:var(--transition-smooth);pointer-events:none;border:1px solid #0000;border-radius:50%;position:absolute;inset:0}.factory-rim.can-select{cursor:pointer;background:#f59e0b0d;border-color:#f59e0b66}.factory-rim.can-select:hover{border-color:var(--accent-gold);transform:scale(1.03);box-shadow:0 0 15px #f59e0b26}.factory-rim.selected{border-color:var(--accent-gold);box-shadow:var(--shadow-glow);background:#f59e0b1a}.center-pile-container{border:1px dashed var(--border-color);background:#0f172a80;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:450px;padding:16px;display:flex}.center-pile-container.can-select{border-color:var(--border-active);cursor:pointer;background:#f59e0b08}.center-pile-container.can-select:hover{border-color:var(--accent-gold);background:#f59e0b14}.center-pile-container.selected{border-color:var(--accent-gold);box-shadow:var(--shadow-glow);background:#f59e0b1a}.center-pile-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-size:13px}.center-pile-tiles{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;min-height:52px;display:flex}.color-picker-overlay{border:1px solid var(--accent-gold);box-shadow:var(--shadow-glow);background:#0f172ae6;border-radius:30px;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:8px 16px;animation:.25s cubic-bezier(.175,.885,.32,1.275) forwards tileIn;display:flex}.player-boards-section{flex-direction:column;gap:16px;display:flex}.board-container{grid-template-columns:200px 220px 48px;justify-content:center;align-items:start;gap:24px;display:grid}@media (width<=580px){.board-container{grid-template-columns:1fr;align-items:center;gap:16px}}.pattern-lines-container{flex-direction:column;gap:10px;display:flex}.pattern-row{justify-content:flex-end;gap:6px;height:38px;display:flex}.pattern-slot{border:1px solid var(--border-color);width:32px;height:32px;transition:var(--transition-smooth);background:#0f172a66;border-radius:6px;position:relative}.pattern-row.valid-destination{cursor:pointer}.pattern-row.valid-destination .pattern-slot{background:#4ade800d;border-color:#4ade8080}.pattern-row.valid-destination:hover .pattern-slot{border-color:#4ade80;box-shadow:0 0 8px #4ade8033}.wall-container{grid-template-rows:repeat(5,32px);grid-template-columns:repeat(5,32px);gap:6px;display:grid}.wall-cell{border:1px solid var(--border-color);width:32px;height:32px;transition:var(--transition-smooth);border-radius:6px;position:relative}.wall-cell.blue-empty{background:#1e3c7226;border-color:#1e3c724d}.wall-cell.yellow-empty{background:#f39c1226;border-color:#f39c124d}.wall-cell.red-empty{background:#d3540026;border-color:#d354004d}.wall-cell.black-empty{background:#2c3e5026;border-color:#2c3e504d}.wall-cell.white-empty{background:#ffffff14;border-color:#fff3}.floor-section{flex-direction:column;grid-column:span 3;gap:8px;margin-top:8px;display:flex}@media (width<=580px){.floor-section{grid-column:span 1;align-items:center;width:100%}}.floor-line{gap:6px;display:flex}.floor-slot{color:#ef4444b3;width:32px;height:32px;font-size:10px;font-weight:700;font-family:var(--font-display);background:#ef44440d;border:1px dashed #ef44444d;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex}.floor-section.valid-destination{cursor:pointer}.floor-section.valid-destination .floor-slot{background:#ef44441a;border-color:#ef4444}.floor-section.valid-destination:hover .floor-slot{box-shadow:0 0 8px #ef444433}.sidebar-panel{flex-direction:column;gap:16px;display:flex}.score-card{border:1px solid var(--border-color);transition:var(--transition-smooth);background:#0f172a66;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.score-card.active{background:var(--bg-active-card);border-color:var(--accent-gold);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.score-card-header{justify-content:space-between;align-items:center;display:flex}.player-name-badge{font-family:var(--font-display);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.player-bot-tag{text-transform:uppercase;background:var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.player-score-badge{font-family:var(--font-display);color:var(--accent-gold);font-size:20px;font-weight:800}.action-info-bar{text-align:center;font-family:var(--font-display);background:#0d94880d;border:1px solid #0d948833;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px 24px;font-size:15px;font-weight:500;display:flex}.setup-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;min-height:80vh;margin:0 auto;display:flex}.setup-title{font-family:var(--font-display);text-align:center;background:linear-gradient(135deg, var(--accent-gold), #0d9488);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:40px;font-weight:800}.setup-form{flex-direction:column;gap:20px;width:100%;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{font-family:var(--font-display);color:var(--text-secondary);font-size:14px;font-weight:600}.btn-group{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.setup-btn{border:1px solid var(--border-color);color:var(--text-primary);background:#0f172a99;border-radius:8px;padding:12px;font-weight:600}.setup-btn.active{background:var(--accent-teal);border-color:#14b8a6;box-shadow:0 0 10px #0d94884d}.player-config-list{flex-direction:column;gap:12px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.player-config-row{border:1px solid var(--border-color);background:#0f172a66;border-radius:8px;grid-template-columns:1fr 100px;align-items:center;gap:12px;padding:10px;display:grid}.text-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);background:#0b111e;border-radius:6px;padding:8px 12px;font-size:14px}.text-input:focus{border-color:var(--accent-teal);outline:none}.toggle-btn{border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;background:#0f172a99;border-radius:6px;padding:8px;font-size:12px;font-weight:600}.toggle-btn.active{border-color:var(--accent-gold);color:var(--accent-gold);background:#f59e0b26}.start-game-btn{background:linear-gradient(135deg, var(--accent-gold), #eab308);color:#0b111e;border-radius:10px;margin-top:10px;padding:14px;font-size:16px;font-weight:700;box-shadow:0 4px 15px #f59e0b4d}.start-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.gameover-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:600px;margin:40px auto;display:flex}.podium-container{justify-content:center;align-items:flex-end;gap:16px;width:100%;height:200px;margin:32px 0;display:flex}.podium-place{border:1px solid var(--border-color);width:110px;transition:var(--transition-smooth);background:#161e31cc;border-bottom:none;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;padding:16px 8px;display:flex}.podium-place.first{border-color:var(--accent-gold);background:#f59e0b14;height:180px;box-shadow:0 0 20px #f59e0b26}.podium-place.second{height:140px}.podium-place.third{height:110px}.podium-rank{font-family:var(--font-display);color:var(--text-secondary);font-size:24px;font-weight:800}.first .podium-rank{color:var(--accent-gold)}.podium-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:8px;font-size:15px;font-weight:700;overflow:hidden}.podium-score{font-family:var(--font-display);color:var(--accent-gold);margin-top:4px;font-size:18px;font-weight:800}.gameover-scores-table{border-collapse:collapse;border-radius:8px;width:100%;margin-bottom:24px;overflow:hidden}.gameover-scores-table th,.gameover-scores-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px}.gameover-scores-table th{font-family:var(--font-display);color:var(--text-secondary);background:#0f172a66;font-weight:600}.gameover-scores-table tr:last-child td{border-bottom:none}.win-announcement{font-family:var(--font-display);color:var(--accent-gold);margin-bottom:12px;font-size:28px;font-weight:800}.flex-center{justify-content:center;align-items:center;display:flex}.status-indicator{background-color:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-indicator.active{background-color:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal);animation:1.5s infinite alternate pulseActive}@keyframes pulseActive{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.relative{position:relative}.tiling-phase-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tiling-anim-panel{text-align:center;width:90%;max-width:500px;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards tileIn}.tiling-actions-list{flex-direction:column;gap:10px;max-height:250px;margin:20px 0;display:flex;overflow-y:auto}.tiling-action-row{font-family:var(--font-display);background:#0f172a66;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;display:flex}.pts-badge{font-size:16px;font-weight:800}.pts-badge.plus{color:#4ade80}.pts-badge.minus{color:#f87171}.close-tiling-btn{background:var(--accent-teal);color:var(--text-primary);font-family:var(--font-display);border-radius:6px;padding:10px 24px;font-weight:700;box-shadow:0 4px 10px #0d948833}.close-tiling-btn:hover{background:#14b8a6;transform:translateY(-1px)}