@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--md-sys-color-surface:#070d0a;--md-sys-color-surface-dim:#050907;--md-sys-color-surface-container-lowest:#0a110d;--md-sys-color-surface-container-low:#0e1713;--md-sys-color-surface-container:#131e19;--md-sys-color-surface-container-high:#182620;--md-sys-color-surface-container-highest:#1f3028;--bg-main:var(--md-sys-color-surface);--bg-sidebar:var(--md-sys-color-surface-container-low);--bg-card:var(--md-sys-color-surface-container);--bg-card-elevated:var(--md-sys-color-surface-container-high);--bg-hover:var(--md-sys-color-surface-container-highest);--border-color:#f472b626;--border-subtle:#ffffff14;--border-focus:#f472b6;--border-emerald:#34d39938;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--color-rose:#f472b6;--color-rose-light:#fbcfe8;--color-rose-dark:#be185d;--color-rose-container:#f472b624;--color-rose-border:#f472b64d;--color-rose-glow:0 0 16px #f472b640;--color-emerald:#34d399;--color-emerald-light:#a7f3d0;--color-emerald-dark:#059669;--color-emerald-container:#34d39924;--color-emerald-border:#34d3994d;--color-emerald-glow:0 0 16px #34d39940;--color-accent:var(--color-rose);--color-accent-glow:#f472b62e;--color-amber:#fbbf24;--color-violet:#a78bfa;--color-cyan:#38bdf8;--color-crimson:#fb7185;--color-violet-team:#c084fc;--m3-elevation-1:0 1px 3px 1px #00000040, 0 1px 2px 0 #0000002e;--m3-elevation-2:0 2px 8px 2px #00000059, 0 1px 3px 0 #00000040;--m3-elevation-3:0 4px 16px 4px #00000073, 0 2px 6px 0 #0000004d;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1);--radius-card:16px;--radius-btn:10px;--radius-chip:9999px;--radius-input:10px}*{box-sizing:border-box;margin:0;padding:0}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}p,span,div,li,label,strong,a,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;word-wrap:break-word}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(at 85% 5%,#f472b61a 0%,#0000 45%),radial-gradient(at 15% 0,#34d39917 0%,#0000 45%),radial-gradient(circle at 50% 100%,#c084fc0f 0%,#0000 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.app-container{min-height:100vh;display:none}html.logged-in .app-container{display:flex}html.logged-in .auth-container{display:none}.sidebar-top-bar{display:contents}aside.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;width:300px;height:100vh;box-shadow:var(--m3-elevation-2);flex-direction:column;padding:1.5rem;display:flex;position:fixed}.logo-container{border-bottom:1px solid var(--border-color);order:1;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.logo-icon{background:var(--border-focus);width:28px;height:28px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;font-size:1rem;display:flex}.logo-text{letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);font-size:1rem;font-weight:700}nav.nav-menu{flex-direction:column;flex:1;order:2;gap:.25rem;display:flex}.nav-item,.nav-burger-btn{color:var(--text-secondary);border-radius:var(--radius-chip);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover,.nav-burger-btn:hover{color:var(--text-primary);background-color:#f472b614}.nav-item.active,.nav-burger-btn.active{color:var(--color-rose-light);background:#f472b629;border-color:#f472b659;font-weight:600;box-shadow:0 0 16px #f472b626}#requests-badge,.requests-badge{color:#fff;text-align:center;box-sizing:border-box;letter-spacing:normal;text-indent:0;background:#ef4444;border:1px solid #ef44444d;border-radius:9999px;justify-content:center;align-items:center;min-width:1.5rem;height:1.5rem;padding:0;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;order:4;padding-top:1rem;font-size:.75rem}main.main-content{box-sizing:border-box;flex:1;min-width:0;max-width:100%;margin-left:300px;padding:2.5rem}.top-header{border-bottom:1px solid var(--border-color);justify-content:center;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;display:flex}.header-title h1{color:var(--text-primary);text-align:center;font-size:1.75rem;font-weight:700}.header-title p{color:var(--text-secondary);text-align:center;margin-top:.15rem;font-size:.9rem}.badge-info{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:flex}.tab-content{display:none}.tab-content.active{animation:.2s ease-out forwards fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);display:grid}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--m3-elevation-1);-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth);box-sizing:border-box;min-width:0;max-width:100%;padding:1.75rem}.glass-card:hover{box-shadow:var(--m3-elevation-2);border-color:#f472b640}.card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.info-banner{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1rem;min-width:0;max-width:100%;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.info-banner-icon{color:var(--text-primary);font-size:1.5rem}.info-banner-content h4{margin-bottom:.2rem;font-size:.95rem;font-weight:700}.info-banner-content p{color:var(--text-secondary);font-size:.9rem}.flowchart-container{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;display:flex}.flowchart-row{justify-content:space-around;align-items:stretch;gap:1.5rem;display:flex}.flowchart-node{text-align:center;border:1px solid var(--border-color);background:#ffffff03;border-radius:6px;flex-direction:column;flex:1;justify-content:center;padding:1.25rem;display:flex;position:relative}.flowchart-node.active-violet{border-color:var(--border-focus)}.flowchart-arrow{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;font-weight:400;display:flex}.player-grid{grid-template-columns:repeat(8,1fr);gap:.5rem;margin-bottom:2rem;display:grid}.player-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--m3-elevation-1);border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;font-size:.9rem;font-weight:600;display:flex}.player-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#f472b64d;transform:translateY(-1px)}.player-btn.active{border-color:var(--color-rose);color:#fff;background:linear-gradient(135deg,#f472b638,#f472b614);box-shadow:0 0 16px #f472b64d}.player-btn.violet-team:hover{background:var(--bg-hover);border-color:var(--border-focus)}.player-btn.violet-team.active{background:var(--text-primary);color:var(--bg-main);border-color:var(--text-primary)}.player-btn.my-slot{color:#a78bfae6;border-color:#a78bfa99}.player-btn.my-slot.active{background:var(--text-primary);color:var(--bg-main);border-color:var(--text-primary);box-shadow:none}.player-subtitle{text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-size:.6rem}.player-detail-card{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:stretch;gap:1.5rem;min-width:0;max-width:100%;display:grid}@media (width<=960px){.player-detail-card{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}}html.is-electron .player-detail-card,html.is-electron.electron-compact .player-detail-card{grid-template-columns:minmax(0,1fr)!important}.player-detail-card.no-puzzle{display:block}.player-detail-card.no-puzzle .puzzle-sidebar-panel{display:none}.puzzle-sidebar-panel{border:1px solid var(--border-color);box-sizing:border-box;background:#ffffff04;border-radius:8px;flex-direction:column;gap:1.5rem;min-width:0;max-width:100%;height:100%;padding:1.25rem;display:flex;overflow:hidden;box-shadow:0 4px 16px #00000026}.puzzle-panel-toggle{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;user-select:none;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:0;transition:opacity .15s;display:flex}.puzzle-panel-toggle:hover{opacity:.88}.puzzle-panel-toggle-left{align-items:center;gap:.6rem;min-width:0;display:flex}.puzzle-panel-icon{font-size:1.15rem;line-height:1}.puzzle-panel-heading{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin:0!important}.puzzle-panel-toggle-right{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.puzzle-panel-badge{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;line-height:1.2;transition:all .2s}.puzzle-panel-chevron{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.puzzle-panel-chevron svg{width:18px;height:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.puzzle-sidebar-panel:not(.is-collapsed) .puzzle-panel-chevron svg{transform:rotate(0)}.puzzle-sidebar-panel.is-collapsed{cursor:pointer;align-self:start;transition:background-color .2s,border-color .2s;box-shadow:0 2px 8px #0000001f;background:#ffffff06!important;border-color:#ffffff17!important;gap:0!important;height:auto!important;padding:.65rem 1rem!important}.puzzle-sidebar-panel.is-collapsed:hover{background:#ffffff0b!important;border-color:#ffffff2e!important}.puzzle-sidebar-panel.is-collapsed .puzzle-panel-chevron svg{transform:rotate(-90deg)}.puzzle-sidebar-panel.is-collapsed #puzzle-section-container{display:none!important}.target-monster-card{margin-top:auto}.roadmap-indication-box{border-left:4px solid var(--color-cyan);color:var(--text-primary);box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;background:#38bdf80d;border-radius:4px;align-items:center;gap:.75rem;min-width:0;max-width:100%;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.9rem;display:flex;box-shadow:0 2px 8px #00000026}.roadmap-indication-box>div,.roadmap-indication-box>span:last-child{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.checklist-step-container{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.step-images-container{flex-direction:column;gap:1rem;margin-top:.5rem;margin-left:2.2rem;display:flex}.step-images-container .image-card{align-self:flex-start;max-width:600px}.player-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.player-meta{gap:.5rem;display:flex}.pill-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.pill-badge.red{color:#c4899a;background-color:#a8384f14;border:1px solid #a8384f33}.pill-badge.violet{color:#a48fc4;background-color:#6b4fad14;border:1px solid #6b4fad33}.pill-badge.gray{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#ffffff08}.checklist{flex-direction:column;gap:.5rem;display:flex}.checklist-item{border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--m3-elevation-1);box-sizing:border-box;background:#ffffff05;border-radius:12px;align-items:flex-start;gap:.85rem;min-width:0;max-width:100%;padding:.75rem 1rem;display:flex;overflow:hidden}.checklist-item:hover{background:var(--bg-hover);border-color:#f472b64d;transform:translateY(-1px)}.checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--text-primary);cursor:pointer;border-radius:4px;flex-shrink:0;margin-top:.25rem}.checklist-item.checked{opacity:.5}.checklist-item.readonly{cursor:not-allowed;opacity:.7}.checklist-item.readonly:hover{border-color:var(--border-color);background:#ffffff03}.checklist-item.readonly input[type=checkbox]{cursor:not-allowed}.checklist-item.checked .checklist-text{color:var(--text-muted);text-decoration:line-through}.checklist-text{min-width:0;max-width:100%;color:var(--text-primary);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;flex:1;font-size:.9rem}.highlight-text{color:var(--text-secondary);text-decoration:underline;text-decoration-color:var(--border-focus);font-weight:500}.highlight-green{color:var(--text-primary);font-weight:600}.highlight-cyan{color:var(--text-primary);border-bottom:1px dotted var(--border-focus);font-weight:600}.image-card{transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-card img{opacity:.85;border:1px solid var(--border-color);max-width:100%;height:auto;transition:var(--transition-smooth);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:6px;display:block}.image-card:hover img{opacity:1;border-color:var(--border-focus)}.image-caption{width:100%;color:var(--text-secondary);text-align:center;background:0 0;justify-content:center;align-items:center;padding:.5rem 0;font-size:.75rem;display:flex}@media (width<=768px){.grid-2,.grid-3,.player-detail-card{grid-template-columns:1fr}.flowchart-row{flex-direction:column;gap:1rem}.flowchart-arrow{margin:.5rem 0;transform:rotate(90deg)}}.desktop-app-banner{border-radius:var(--radius-btn);background:#ffffff05;border:1px solid #ffffff14;justify-content:flex-start;align-items:center;gap:1.5rem;width:fit-content;max-width:100%;margin-bottom:1.25rem;padding:.75rem 1.25rem;transition:border-color .2s,background-color .2s;display:flex}.desktop-app-banner:hover{background:#ffffff09;border-color:#ffffff24}.desktop-app-banner-left{align-items:center;gap:.85rem;min-width:0;display:flex}.desktop-app-banner-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.desktop-app-banner-icon svg{width:20px;height:20px}.desktop-app-banner-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.desktop-app-banner-title{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.desktop-app-badge-neutral{color:var(--text-muted);border:1px solid #ffffff1a;border-radius:4px;padding:.05rem .4rem;font-size:.68rem;font-weight:500;line-height:1.2}.desktop-app-banner-text p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.4}.desktop-app-download-btn{white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;color:var(--text-primary)!important}.desktop-app-download-btn svg{width:15px;height:15px}.desktop-app-download-btn:hover{background:#ffffff17;border-color:#ffffff3d;color:#fff!important}@media (width<=768px){.desktop-app-banner{flex-direction:column;align-items:stretch;gap:.85rem;width:100%;padding:.85rem 1rem}.desktop-app-banner-left{align-items:flex-start}.desktop-app-download-btn{width:100%}}#lobby-grid{margin-top:1rem}.lobby-slot-card{background:var(--bg-card);transition:var(--transition-smooth);border:1.5px solid #ffffff1f;border-radius:8px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.lobby-slot-card:hover,.lobby-slot-card.occupied{border-color:var(--border-focus)}.lobby-slot-card.my-slot{border-color:var(--text-primary);background:#ffffff03}.slot-header{justify-content:space-between;align-items:center;display:flex}.slot-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.slot-subgroup{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.slot-body{align-items:center;min-height:30px;font-size:.85rem;display:flex}.slot-occupant-status{align-items:center;gap:.4rem;font-weight:500;display:flex}.status-indicator{border-radius:50%;width:6px;height:6px;display:inline-block}.slot-occupant-name{color:var(--text-primary);font-weight:600}.lobby-btn{cursor:pointer;width:100%;transition:var(--transition-smooth);border:1px solid var(--border-color);color:var(--text-secondary);background:0 0;border-radius:4px;padding:.5rem;font-size:.8rem;font-weight:600}.lobby-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-focus)}.lobby-btn.join{border-color:var(--border-color)}.lobby-btn.leave{color:#f43f5e;border-color:#e11d4833}.lobby-btn.leave:hover{background:#e11d480d;border-color:#f43f5e}.lobby-btn.captain:hover{color:#c084fc;background:#8b5cf60d;border-color:#c084fc}.lobby-btn.roadmap{color:#22c55e;border-color:#22c55e33}.lobby-btn.roadmap:hover{color:#22c55e;background:#22c55e0d;border-color:#22c55e}.lobby-btn.disabled{color:var(--text-muted);cursor:not-allowed;background:0 0;border-color:#0000}.lobby-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.lobby-btn.danger-outline{border-radius:var(--radius-btn);color:#fda4af;background:#f43f5e0f;border:1px solid #f43f5e59;width:auto;padding:.45rem 1rem}.lobby-btn.danger-outline:hover{color:#fff;background:#f43f5e26;border-color:#f43f5e}.lobby-btn.danger-solid{border-radius:var(--radius-btn);color:#fff;cursor:pointer;width:auto;transition:var(--transition-smooth);background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid #f43f5e;padding:.45rem 1.15rem;font-weight:700;box-shadow:0 0 14px #e11d4859}.lobby-btn.danger-solid:hover{background:linear-gradient(135deg,#f43f5e,#e11d48);transform:translateY(-1px);box-shadow:0 0 20px #f43f5e80}.lobby-btn.warning-solid{border-radius:var(--radius-btn);color:#fff;cursor:pointer;width:auto;transition:var(--transition-smooth);background:linear-gradient(135deg,#d97706,#b45309);border:1px solid #f59e0b;padding:.45rem 1.15rem;font-weight:700;box-shadow:0 0 14px #d9770659}.lobby-btn.warning-solid:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-1px);box-shadow:0 0 20px #f59e0b80}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:3000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;width:100%;max-width:360px;padding:1.5rem;box-shadow:0 10px 30px #00000080}.modal-input{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);border-radius:6px;margin-top:.5rem;padding:.6rem .8rem;font-size:.9rem}.modal-input:focus{border-color:var(--border-focus);outline:none}.modal-btn{cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.modal-btn.cancel{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;width:100%;padding:.5rem;font-size:.85rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0003}.modal-btn.cancel:hover{cursor:pointer;background:#ef444433;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 15px #ef444440}.modal-btn.confirm{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-main);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0003}.modal-btn.confirm:hover{background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 4px 15px #6b4fad59}.modal-btn.confirm-green{color:#22c55e;background:#22c55e26;border:1px solid #22c55e40;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0003}.modal-btn.confirm-green:hover{cursor:pointer;background:#22c55e40;border-color:#22c55e80;transform:translateY(-1px);box-shadow:0 4px 15px #22c55e4d}.auth-card a{transition:all .2s ease-in-out}.auth-card a:hover{text-shadow:0 0 8px #ffffff4d;color:var(--text-primary)!important}.status-dot.online{animation:2s infinite pulse;background-color:#10b981!important}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.auth-container{background-color:var(--bg-main);z-index:2000;background-image:radial-gradient(circle,#ffffff05 0%,#0000 60%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.auth-card{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;width:100%;max-width:360px;padding:2rem;display:flex;box-shadow:0 10px 40px #00000080}.puzzle-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;margin-top:1.5rem;padding:1.25rem;box-shadow:0 4px 20px #0003}.puzzle-title{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:flex}.puzzle-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.85rem}.stars-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.star-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.star-toggle-btn:hover:not(.disabled){border-color:var(--border-focus);background:var(--bg-hover);transform:translateY(-2px)}.star-toggle-btn.active{background:#f59e0b0d;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b26}.star-toggle-btn.active .star-icon{color:#f59e0b;transform:scale(1.2)}.star-icon{color:var(--text-muted);transition:var(--transition-smooth);font-size:1.5rem}.star-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.star-coords{color:var(--text-muted);font-size:.75rem}.pillar-container{flex-direction:column;gap:1.5rem;display:flex}.pillar-block{border:1px solid var(--border-color);background:#ffffff03;border-radius:6px;padding:1rem}.pillar-title{color:var(--color-violet-team);margin-bottom:.75rem;font-size:.95rem;font-weight:600}.chips-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (width<=600px){.chips-grid{grid-template-columns:repeat(2,1fr)}}.chip-btn{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);user-select:none;box-shadow:var(--m3-elevation-1);border-radius:10px;justify-content:center;align-items:center;padding:.55rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.chip-btn:hover:not(.disabled){background:var(--bg-hover);color:var(--text-primary);border-color:#f472b659;transform:translateY(-1px)}.chip-btn.selected{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 0 14px #34d39973}.chip-btn.muted{opacity:.5}.chip-btn.disabled,.star-toggle-btn.disabled{cursor:not-allowed;opacity:.6}.result-box{background:linear-gradient(145deg, var(--bg-card), #f472b614);border:1px solid #f472b659;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 0 20px #f472b626}.result-header{color:var(--color-rose-light);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.result-flow{background:#00000040;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-around;align-items:center;gap:.5rem;padding:.85rem;display:flex}.flow-step{color:#fff;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.flow-step-num{background:linear-gradient(135deg, var(--color-rose), #be185d);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;display:inline-flex;box-shadow:0 0 8px #f472b666}.flow-arrow{color:var(--color-rose);font-weight:700}.result-copy-container{gap:.75rem;display:flex}.copy-input{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);text-align:center;border-radius:6px;flex:1;padding:.5rem;font-size:.9rem;font-weight:600}.copy-btn{color:#fff;cursor:pointer;transition:var(--transition-smooth);background:#10b981;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.copy-btn:hover{background:#059669}.copy-btn.success{background:var(--color-accent);color:var(--bg-main)}.warning-box{background:#f59e0b08;border:1px solid #f59e0b33;border-radius:8px;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:1.25rem;display:flex}.warning-header{color:#f59e0b;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:flex}.warning-list{color:var(--text-secondary);flex-direction:column;gap:.4rem;font-size:.85rem;list-style:none;display:flex}.warning-list li{align-items:center;gap:.4rem;display:flex}.warning-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px}.warning-dot.ok{background:#10b981}.warning-text.ok{color:var(--text-muted);text-decoration:line-through}.strategy-tip-box{border-left:4px solid var(--color-amber);background:#c078420d;border-radius:4px 8px 8px 4px;flex-direction:column;gap:.5rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 20px #00000026}.strategy-tip-title{color:var(--color-amber);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.strategy-tip-content{color:var(--text-primary);font-size:.875rem;line-height:1.5}.step-strategy-container{transition:var(--transition-smooth);background:#e11d4808;border:1px solid #e11d4833;border-radius:6px;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:1rem;display:flex}.step-strategy-container.collapsed{display:none}.step-strategy-container h4{color:var(--text-primary);border-bottom:1px solid #e11d4826;align-items:center;gap:.5rem;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.95rem;font-weight:700;display:flex}.step-strategy-container ul.boss-bullets{flex-direction:column;gap:.5rem;margin:.5rem 0;padding:0;list-style:none;display:flex}.step-strategy-container ul.boss-bullets li{color:var(--text-secondary);padding-left:1.25rem;font-size:.85rem;position:relative}.step-strategy-container ul.boss-bullets li:before{content:"—";color:#e11d4899;position:absolute;left:0}.boss-strategy-content{flex-direction:column;gap:.75rem;display:flex}.boss-strategy-content p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.boss-strategy-content p.boss-subtitle{border-left:2px solid #e11d484d;margin-bottom:.25rem;padding-left:.5rem;font-weight:500}.boss-strategy-content p.boss-subtitle.highlight-red{border-left-color:#f43f5e;font-weight:600;color:#f43f5e!important}.strategy-image-wrapper{border:1px solid var(--border-color);background:var(--bg-card);border-radius:6px;width:fit-content;max-width:100%;margin:.75rem auto;overflow:hidden}.strategy-image-wrapper img{object-fit:contain;max-width:100%;height:auto;max-height:350px;margin:0 auto;display:block}.strategy-image-wrapper .image-caption{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-color);background:#0006;padding:.5rem;font-size:.75rem}.boss-strategy-content h5.phase-title{color:var(--text-primary);border-bottom:1px solid #e11d4833;margin-top:.75rem;margin-bottom:.25rem;padding-bottom:.25rem;font-size:.95rem;font-weight:700}.boss-strategy-content .mechanic-block{background:#e11d4803;border-left:3px solid #e11d484d;border-radius:0 4px 4px 0;margin:.25rem 0;padding:.5rem .75rem}.boss-strategy-content .mechanic-block h6{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.8rem;font-weight:700}.strategy-toggle-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:4px;margin-top:.75rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.strategy-toggle-btn:hover{color:var(--text-primary);background:#e11d480d;border-color:#e11d484d}.pill-badge.rouge{color:#f87171;background-color:#ef44441a;border:1px solid #ef444433}.pill-badge.bleu{color:#60a5fa;background-color:#3b82f61a;border:1px solid #3b82f633}.pill-badge.ambre{color:#fbbf24;background-color:#f59e0b1a;border:1px solid #f59e0b33}.pill-badge.vert{color:#34d399;background-color:#10b9811a;border:1px solid #10b98133}.boat-placement-layout{flex-wrap:wrap;justify-content:space-around;gap:1.5rem;margin-top:1rem;display:flex}.grid-3x3-wrapper{flex-direction:column;align-items:center;gap:.5rem;display:flex}.grid-title{color:var(--text-secondary);font-size:.9rem;font-weight:600}.grid-3x3{border:1px solid var(--border-color);background:#0003;border-radius:8px;grid-template-columns:repeat(4,32px);gap:4px;padding:8px;display:grid}.grid-cell-label{color:var(--text-secondary);justify-content:center;align-items:center;height:32px;font-size:.75rem;font-weight:700;display:flex}.grid-cell-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;transition:all .2s;display:flex}.grid-cell-btn:hover:not(.disabled){border-color:var(--color-cyan);background:#38bdf81a}.grid-cell-btn.active{background:var(--color-cyan);border-color:var(--color-cyan);color:#000;box-shadow:0 0 8px var(--color-cyan)}.grid-cell-btn.other-active{background:var(--color-emerald);border-color:var(--color-emerald);color:#000;box-shadow:0 0 8px var(--color-emerald)}.grid-cell-btn.disabled{cursor:not-allowed}.chess-inputs-list{flex-direction:column;gap:.5rem;min-width:0;max-width:100%;display:flex}.chess-input-row{box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;min-width:0;max-width:100%;padding:.5rem .65rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.chess-input-row:hover{background:#ffffff0a;border-color:#ffffff24}.chess-input-row.is-set{background:#10b9810f;border-color:#34d39959;box-shadow:0 0 10px #10b98114}.chess-piece-name{color:var(--text-primary);align-items:center;gap:.5rem;min-width:0;font-size:.88rem;font-weight:600;display:flex}.piece-icon{justify-content:center;align-items:center;font-size:1.35rem;line-height:1;display:inline-flex}.piece-icon.white{color:#fff;filter:drop-shadow(0 0 4px #fff9)}.piece-icon.black{color:#c084fc;filter:drop-shadow(0 0 4px #c084fc80)}.chess-piece-controls{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.chess-owner-select,.chess-col-select,.chess-row-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#e2e8f0;cursor:pointer;background-color:#121c16d9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .6rem center;background-repeat:no-repeat;background-size:10px 10px;border:1.5px solid #34d3994d;border-radius:7px;outline:none;padding:.38rem 1.7rem .38rem .65rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000040}.chess-owner-select:hover:not(:disabled),.chess-col-select:hover:not(:disabled),.chess-row-select:hover:not(:disabled){background-color:#18261ef2;border-color:#34d399a6;box-shadow:0 0 8px #34d39940}.chess-owner-select:focus,.chess-col-select:focus,.chess-row-select:focus{border-color:#34d399;box-shadow:0 0 0 2.5px #34d39959}.chess-col-select.has-value,.chess-row-select.has-value{color:#fff;background-color:#10b98129;border-color:#10b981;box-shadow:0 0 8px #10b98147}.chess-col-select:disabled,.chess-row-select:disabled{opacity:.55;cursor:not-allowed;background-color:#0003;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");border-color:#ffffff1a}.chess-owner-select{width:110px}.chess-col-select{width:96px;min-width:90px}.chess-row-select{width:108px;min-width:100px}.chess-col-select option,.chess-row-select option{color:#f1f5f9;background-color:#0b1510;padding:6px 10px;font-weight:600}.chess-board-wrapper{flex-direction:column;align-items:center;gap:1.25rem;margin-top:1rem;display:flex}.chess-board-11x11{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;grid-template-columns:24px repeat(11,1fr);width:100%;max-width:320px;padding:4px;display:grid}.chess-square{aspect-ratio:1;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;position:relative}.chess-square.light{background-color:#f5f5f50f}.chess-square.dark{background-color:#00000040}.chess-label{color:var(--text-secondary);justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.chess-piece-marker{cursor:help;border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;font-size:1rem;font-weight:700;display:flex;position:relative}.chess-piece-marker.white-piece{color:#111;background:linear-gradient(135deg,#fff 0%,#e0e0e0 100%);border:1.5px solid #333;box-shadow:0 2px 6px #fff6}.chess-piece-marker.black-piece{color:#fff;border:1.5px solid var(--color-violet);background:linear-gradient(135deg,#5b21b6 0%,#1e1b4b 100%);box-shadow:0 2px 6px #8b5cf680}.chess-board-legend{width:100%;max-width:320px;color:var(--text-secondary);grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0 auto;font-size:.85rem;display:grid}.legend-item{border:1px solid var(--border-color);overflow-wrap:break-word;background:#ffffff05;border-radius:4px;flex-direction:column;gap:.15rem;min-width:0;padding:.4rem .5rem;display:flex}.color-choice-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.color-choice-btn{text-align:center;cursor:pointer;border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff05;border-radius:6px;padding:.65rem;font-size:.85rem;font-weight:700;transition:all .2s}.color-choice-btn:hover{background:#ffffff0d}.color-choice-btn.active.rouge{color:#f87171;background:#ef444426;border-color:#ef4444;box-shadow:0 0 10px #ef44444d}.color-choice-btn.active.bleu{color:#60a5fa;background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 10px #3b82f64d}.color-choice-btn.active.ambre{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}button,input,select{font:inherit}button.nav-item{text-align:left;background:0 0;width:100%}.sidebar-mark,.auth-emblem{object-fit:contain;filter:saturate(.85)}.logo-container{justify-content:flex-start;margin-bottom:1.5rem}.logo-text{font-size:.9rem}.logo-kicker,.section-kicker,.eyebrow{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.3}.nav-item{justify-content:flex-start}.admin-only{display:none}html.is-admin .admin-only{display:flex!important}.captain-or-admin-only{display:none}html.is-admin .captain-or-admin-only{display:inline-block!important}html.is-admin .lobby-header-actions .admin-only,html.is-admin .lobby-header-actions .captain-or-admin-only{display:inline-flex!important}.nav-burger-wrapper{flex-shrink:0;display:inline-block;position:relative}.nav-burger-btn{cursor:pointer;align-items:center;gap:.45rem;display:inline-flex;position:relative}.burger-dot{background-color:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:-2px;box-shadow:0 0 6px #ef4444}.nav-burger-dropdown{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#0e1713fa;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:.25rem;min-width:210px;padding:.4rem;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 30px #000000b3,0 0 16px #0006}.nav-burger-dropdown.show{animation:.15s ease-out forwards dropdownFadeIn;display:flex!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.burger-dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #ffffff0f;margin-bottom:.2rem;padding:.4rem .65rem .25rem;font-size:.68rem;font-weight:700}.nav-burger-dropdown .nav-item{color:var(--text-secondary);text-align:left;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.82rem;font-weight:500;display:flex;justify-content:flex-start!important;width:100%!important}.nav-burger-dropdown .nav-item:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff1a}.nav-burger-dropdown .nav-item.active{color:var(--color-rose-light);background:#f472b626;border-color:#f472b64d;font-weight:600}.nav-burger-btn.active{border-color:var(--color-rose);color:#fff;background:#f472b62e}.admin-nav-first{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}@media (width>=821px){.nav-burger-wrapper,#nav-burger-wrapper,.mobile-only-burger{display:none!important}.desktop-only-nav-item{display:flex}.admin-nav-first{border-top:1px solid var(--border-color);margin-top:auto!important;padding-top:1rem!important}}.sidebar-user-info{border-top:1px solid var(--border-color);order:3;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 0;display:flex}#user-connection-status{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.logout-button{color:#f87171;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:none}.logout-button:hover{background:#ef44441a}main.main-content{max-width:1700px;margin-inline:300px 0}.top-header{justify-content:space-between}.header-title h1,.header-title p{text-align:left}.badge-info .status-dot{background:#6b7280;border-radius:50%;width:8px;height:8px;display:inline-block}.section-heading,.player-selector-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.section-heading .card-title,.player-selector-heading h2{margin:.25rem 0 0;font-size:1.15rem}.player-selector-heading>p{color:var(--text-secondary);text-align:right;max-width:330px;font-size:.82rem}.danger-outline{color:#fb7185;border-color:#f43f5e40;width:auto;display:none}.roadmap-left-column>h3,.puzzle-sidebar-panel>h3{margin-bottom:1rem;font-size:1.05rem}.player-header h2{font-size:1.5rem}#active-player-group,.admin-list>p{color:var(--text-secondary);font-size:.9rem}.admin-list{margin-top:1rem}.auth-container{overflow:hidden}.auth-card{text-align:center;z-index:10;max-width:390px;padding:2.25rem;position:relative}.auth-emblem{align-self:center;margin-bottom:.75rem}.auth-kicker{margin-bottom:.35rem}.auth-card>.card-title{justify-content:center;margin-bottom:1.35rem;font-size:1.35rem;display:block}.auth-intro{color:var(--text-secondary);margin-bottom:1.1rem;font-size:.88rem}.auth-card .modal-input{min-height:44px;margin:0 0 .7rem}.auth-card .modal-btn{width:100%;min-height:44px;margin-top:.4rem}.captcha-zone{border:1px solid var(--border-color);background:#ffffff08;border-radius:6px;margin:.5rem 0 .8rem;padding:.65rem .75rem}.captcha-header{flex-direction:column;gap:.4rem;margin-bottom:.5rem;display:flex}.captcha-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.captcha-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.captcha-svg-wrapper svg{border-radius:4px;display:block}.captcha-refresh-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:#ffffff0f;border-radius:4px;justify-content:center;align-items:center;font-size:1rem;display:flex}.captcha-refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-focus)}.captcha-input{letter-spacing:.1em;text-transform:uppercase;text-align:center;font-family:monospace,sans-serif;font-weight:700}.admin-ip-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:monospace,sans-serif;font-size:.75rem;display:inline-block}.status-badge-active{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-block}.status-badge-banned{color:#ef4444;background:#ef444426;border:1px solid #ef444459;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-block}.admin-ban-btn{color:#fca5a5;cursor:pointer;transition:var(--transition-smooth);background:#ef44441f;border:1px solid #ef44444d;border-radius:4px;padding:.28rem .65rem;font-size:.76rem;font-weight:600}.admin-ban-btn:hover:not(:disabled){color:#fff;background:#ef444440;border-color:#ef4444}.admin-unban-btn{color:#86efac;cursor:pointer;transition:var(--transition-smooth);background:#22c55e1f;border:1px solid #22c55e4d;border-radius:4px;padding:.28rem .65rem;font-size:.76rem;font-weight:600}.admin-unban-btn:hover:not(:disabled){color:#fff;background:#22c55e40;border-color:#22c55e}.admin-delete-btn{color:#cbd5e1;cursor:pointer;transition:var(--transition-smooth);background:#94a3b81a;border:1px solid #94a3b840;border-radius:4px;padding:.28rem .65rem;font-size:.76rem;font-weight:600}.admin-delete-btn:hover:not(:disabled){color:#fff;background:#ef444433;border-color:#ef4444}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1.1rem;display:flex}.auth-links-centered{justify-content:center}.auth-links a{color:var(--text-secondary);font-size:.78rem;text-decoration:none}.waiting-title{color:#34d399;margin-bottom:.35rem;font-weight:700}.waiting-orbit{border:1px solid #34d39940;border-radius:50%;width:42px;height:42px;margin:0 auto 1rem;position:relative}.waiting-orbit span{background:#34d399;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;position:absolute;top:15px;left:15px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){aside.sidebar{width:230px;padding:1.25rem}.logo-text,.nav-item span,.sidebar-user-info{display:flex!important}main.main-content{margin-left:230px}}.nav-icon{flex-shrink:0;transition:transform .2s,stroke .2s}.nav-icon-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.nav-label-full{display:inline}.nav-label-short{display:none}@media (width<=820px){.app-container{flex-direction:column!important;width:100%!important;min-height:100vh!important;display:flex!important}aside.sidebar{z-index:500;-webkit-backdrop-filter:blur(16px);background:#070d0af5;border-top:0;border-bottom:1px solid #f472b638;border-right:0;flex-direction:column;flex:none;gap:.35rem;width:100%;height:auto;max-height:none;padding:.45rem .75rem .4rem;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 22px #0000008c}.sidebar-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-container{border-bottom:0;align-items:center;gap:.5rem;margin-bottom:0;padding:0;display:flex}.sidebar-mark{width:24px;height:24px}.logo-text{font-size:.92rem;font-weight:700}.logo-kicker{display:none}.sidebar-user-info{background:0 0;border:0;align-items:center;gap:.5rem;margin:0;padding:0;display:flex!important}#user-connection-status{border:1px solid var(--border-subtle);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0f;border-radius:6px;max-width:140px;padding:.2rem .5rem;font-size:.72rem;overflow:hidden}.logout-button{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:.3rem;display:inline-flex}.logout-button:hover{color:#fff;background:#ef444433}nav.nav-menu{flex-direction:row;flex:none;align-items:center;gap:.35rem;width:100%;padding:2px 2px 4px;display:flex;overflow:visible}.nav-burger-dropdown{left:auto;right:0}nav.nav-menu::-webkit-scrollbar{display:none}button.nav-item,.nav-burger-btn{min-height:32px;color:var(--text-secondary);white-space:nowrap;text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;flex-direction:row;flex-shrink:0;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.78rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;width:auto!important}button.nav-item:hover,.nav-burger-btn:hover{color:#fff;background:#ffffff17;border-color:#f472b64d}button.nav-item.active,.nav-burger-btn.active{border-color:var(--color-rose);color:#fff;background:#f472b633;font-weight:700;box-shadow:0 0 14px #f472b64d}button.nav-item .nav-icon,.nav-burger-btn .nav-icon{width:15px;height:15px}button.nav-item.active .nav-icon{stroke:var(--color-rose-light)}button.nav-item .nav-label-full{display:inline!important}button.nav-item .nav-label-short{display:none!important}.nav-icon-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}html .desktop-only-nav-item,html.is-admin .desktop-only-nav-item,.sidebar .desktop-only-nav-item{display:none!important}#requests-badge,.requests-badge{color:#fff;background:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:15px;height:15px;margin-left:.2rem;padding:0 4px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.admin-nav-first{border-top:0!important;margin-top:0!important;padding-top:0!important}.sidebar-footer{display:none!important}main.main-content{flex:auto;width:100%!important;margin-left:0!important;padding:.85rem .75rem 3rem!important}.top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem 0 .55rem}.header-title h1{font-size:1.2rem!important}.header-title .eyebrow{margin-bottom:.15rem;font-size:.72rem}.badge-info{padding:.25rem .55rem;font-size:.75rem}.player-grid{gap:.35rem;margin-bottom:1rem;grid-template-columns:repeat(4,1fr)!important}.player-btn{border-radius:8px;gap:2px;min-height:42px;padding:.45rem .3rem}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.lobby-slot-card{min-height:auto;padding:.75rem}.player-header{flex-direction:column;align-items:flex-start;gap:.5rem}.player-meta{flex-wrap:wrap;gap:.35rem;display:flex}}@media (width<=600px){aside.sidebar{padding:.35rem .6rem .3rem!important}.logo-text{font-size:.85rem!important}.sidebar-mark{width:22px!important;height:22px!important}#user-connection-status{max-width:110px!important;padding:.15rem .4rem!important;font-size:.7rem!important}.logout-button{width:26px!important;height:26px!important}nav.nav-menu{gap:.25rem!important;padding:1px 0 3px!important}button.nav-item{gap:.3rem!important;min-height:28px!important;padding:.25rem .55rem!important;font-size:.74rem!important}button.nav-item .nav-icon{width:14px!important;height:14px!important}button.nav-item .nav-label-full{display:none!important}button.nav-item .nav-label-short{display:inline!important}main.main-content{padding:.45rem .55rem 2.5rem!important}.top-header{border-bottom:1px solid #ffffff0f!important;justify-content:flex-end!important;margin-bottom:.45rem!important;padding:.1rem 0 .35rem!important}.header-title{display:none!important}.badge-info{padding:.15rem .45rem!important;font-size:.68rem!important}.player-selector-heading{margin-bottom:.35rem!important}.player-selector-heading>div{justify-content:space-between!important;align-items:center!important;display:flex!important}.player-selector-heading h2{font-size:.88rem!important}.player-selector-heading p{display:none!important}.player-grid{grid-template-columns:repeat(8,1fr)!important;gap:.2rem!important;margin-bottom:.5rem!important}.player-btn{border-radius:6px!important;min-height:28px!important;padding:.15rem .1rem!important;font-size:.72rem!important;font-weight:600!important}.player-subtitle{display:none!important}.glass-card{border-radius:10px!important;padding:.75rem!important}.player-header{gap:.25rem!important;margin-bottom:.6rem!important}.player-header h2{font-size:1.05rem!important}#active-player-group{font-size:.8rem!important}.tutorial-toggle-wrapper{margin-bottom:.25rem!important}.tutorial-toggle-label{gap:.35rem!important;font-size:.75rem!important}.pill-badge{padding:.15rem .45rem!important;font-size:.72rem!important}.player-detail-card{grid-template-columns:1fr!important;gap:1rem!important}.checklist-step-container{margin-bottom:.3rem!important}.checklist-item{border-radius:8px!important;gap:.45rem!important;padding:.4rem .55rem!important}.checklist-text{font-size:.8rem!important;line-height:1.35!important}.roadmap-indication-box{border-radius:6px!important;margin-top:.35rem!important;margin-bottom:.35rem!important;padding:.45rem .65rem!important;font-size:.78rem!important}.image-card img{object-fit:contain!important;width:auto!important;max-height:170px!important}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.35rem!important}.lobby-slot-card{border-radius:8px!important;gap:.35rem!important;padding:.5rem!important}.slot-title{font-size:.78rem!important}.slot-subgroup{font-size:.65rem!important}.slot-occupant-name{font-size:.72rem!important}.lobby-btn{border-radius:6px!important;padding:.25rem .45rem!important;font-size:.72rem!important}.statue-pin.clos-pin{width:28px!important;height:28px!important;font-size:.78rem!important}.statue-pin.clos-pin.selected{font-size:.95rem!important}.statue-pin.cour-pin.active-highlight{width:32px!important;height:32px!important;font-size:.82rem!important}.pedestal-hotspot.active-highlight{width:38px!important;height:38px!important}.pedestal-callout-badge{padding:2px 6px!important;font-size:.62rem!important}.statue-tooltip.pedestal-tooltip{max-width:140px!important;padding:4px 6px!important;font-size:.7rem!important;right:-4px!important}}@media (width<=460px){.statue-pin.clos-pin{width:24px!important;height:24px!important;font-size:.72rem!important}.statue-pin.clos-pin.selected{font-size:.85rem!important}.statue-pin.cour-pin.active-highlight{width:26px!important;height:26px!important;font-size:.74rem!important}.pedestal-hotspot.active-highlight{width:32px!important;height:32px!important}.pedestal-callout-badge{padding:2px 4px!important;font-size:.56rem!important}.statue-tooltip.pedestal-tooltip{max-width:120px!important;padding:3px 5px!important;font-size:.65rem!important;right:-2px!important}.top-header{flex-direction:column;align-items:flex-start}.section-heading{flex-direction:column;align-items:stretch}.danger-outline{align-self:flex-start}.auth-card{padding:1.5rem}}.color-choice-btn.active.vert{color:#34d399;background:#10b98126;border-color:#10b981;box-shadow:0 0 10px #10b9814d}.monster-choice-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:.75rem;display:grid}@media (width<=680px){.monster-choice-grid{grid-template-columns:repeat(2,1fr)}}.monster-choice-btn{border:1px solid var(--border-color);cursor:pointer;background:#ffffff08;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:140px;padding:1rem .6rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.monster-choice-btn:hover{border-color:var(--color-cyan);background:#38bdf814;transform:translateY(-2px)}.monster-choice-btn.active{border-color:var(--color-emerald);background:#10b98126;box-shadow:0 0 16px #10b98159}.monster-choice-btn.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.monster-btn-img{object-fit:contain;background:#00000040;border:1px solid #ffffff0f;border-radius:8px;width:80px;max-width:100%;height:80px;padding:4px;transition:transform .2s}.monster-choice-btn:hover .monster-btn-img{transform:scale(1.08)}.monster-btn-label{color:var(--text-primary);text-align:center;font-size:.95rem;font-weight:700}.monster-help-wrap{align-items:center;display:inline-flex;position:relative}.monster-help-btn{width:22px;height:22px;color:var(--color-cyan);cursor:pointer;background:#38bdf826;border:1px solid #38bdf866;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.82rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.monster-help-btn:hover{border-color:var(--color-cyan);background:#38bdf84d;transform:scale(1.15);box-shadow:0 0 8px #38bdf873}.monster-help-tooltip{visibility:hidden;opacity:0;color:#f1f5f9;white-space:nowrap;pointer-events:none;z-index:100;background:#0f172af5;border:1px solid #38bdf859;border-radius:6px;padding:.35rem .65rem;font-size:.76rem;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 6px 16px #00000073}.monster-help-tooltip:after{content:"";border:4px solid #0000;border-top-color:#38bdf859;position:absolute;top:100%;left:50%;transform:translate(-50%)}.monster-help-wrap:hover .monster-help-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(-2px)}.monster-preview-modal-content{background:var(--bg-sidebar);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;box-shadow:0 20px 50px #000000a6;width:94%!important;max-width:680px!important}.monster-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.monster-modal-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.monster-modal-subtitle{color:var(--text-muted);margin:.35rem 0 0;font-size:.88rem}.monster-modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 .4rem;font-size:1.5rem;line-height:1;transition:color .2s,transform .2s}.monster-modal-close-btn:hover{color:var(--text-primary);transform:scale(1.15)}.monster-modal-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=620px){.monster-modal-grid{grid-template-columns:repeat(2,1fr)}}.monster-modal-card{border:1px solid var(--border-color);text-align:center;background:#ffffff05;border-radius:10px;flex-direction:column;align-items:center;gap:.65rem;padding:1.1rem .6rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.monster-modal-card:hover{border-color:var(--color-cyan);background:#38bdf814;transform:translateY(-3px);box-shadow:0 6px 16px #00000040}.monster-modal-card.selected{border-color:var(--color-emerald);background:#10b98124;box-shadow:0 0 16px #10b98159}.monster-modal-img-wrap{background:#0000004d;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:120px;max-width:100%;height:120px;padding:6px;display:flex}.monster-modal-img{object-fit:contain;width:108px;max-width:100%;height:108px;max-height:100%}.monster-modal-name{color:var(--text-primary);font-size:1.05rem;font-weight:700}.monster-modal-badge{color:#10b981;background:#10b98129;border:1px solid #10b98159;border-radius:4px;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.monster-modal-select-hint{color:var(--text-muted);font-size:.72rem}.monster-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;padding-top:.75rem;display:flex}.target-monster-click-img{transition:transform .15s,box-shadow .15s}.target-monster-click-img:hover{transform:scale(1.08)}.target-monster-click-text{user-select:none;transition:color .15s}.target-monster-click-text:hover{text-decoration:underline;color:var(--color-cyan)!important}.target-monster-modal-content{background:var(--bg-sidebar);border:1px solid var(--border-color);text-align:center;border-radius:14px;padding:1.5rem;box-shadow:0 20px 50px #000000b3;width:92%!important;max-width:440px!important}.target-monster-modal-body{flex-direction:column;align-items:center;gap:.85rem;padding:.75rem 0;display:flex}.target-monster-large-img-wrap{border:3px solid var(--color-cyan);background:#00000059;border-radius:14px;justify-content:center;align-items:center;width:200px;height:200px;padding:12px;transition:transform .2s;display:flex}.target-monster-large-img{object-fit:contain;filter:drop-shadow(0 4px 12px #0009);width:176px;max-width:100%;height:176px;max-height:100%}.target-monster-large-name{color:var(--text-primary);font-size:1.4rem;font-weight:800}.target-monster-color-info{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.captain-only{display:none}button,select,input{font:inherit}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}aside.sidebar{background:linear-gradient(#0f1915fa,#0a110ffa);box-shadow:18px 0 55px #00000038}.nav-item{border-radius:9px;justify-content:flex-start;min-height:42px}.nav-item.active{color:#dcffec;box-shadow:inset 3px 0 0 var(--color-accent);background:linear-gradient(90deg,#79d7aa24,#79d7aa0d);border-color:#79d7aa47}.glass-card{background:linear-gradient(145deg,#141f1bf5,#0f1815f5);border-radius:14px;box-shadow:0 14px 36px #00000029}.lobby-slot-card,.puzzle-card,.puzzle-sidebar-panel,.player-btn{border-radius:11px}.lobby-slot-card{background:#0f1815b3;border-color:#7897892e;min-height:175px}.lobby-slot-card:hover{background:#15211ce0;transform:translateY(-2px)}.lobby-slot-card.my-slot{background:linear-gradient(145deg,#79d7aa1f,#0f1815d1);border-color:#79d7aa99;box-shadow:0 0 0 1px #79d7aa1a,0 10px 26px #00000038}.lobby-btn-container{flex-direction:column;gap:.45rem;width:100%;display:flex}.lobby-btn{border-radius:7px;min-height:34px}.lobby-btn.join,.lobby-btn.roadmap{color:#8ee4ba;border-color:#79d7aa4d}.lobby-btn.captain{color:#f8cf65;border-color:#fbbf2459}.status-indicator.free{background-color:#fb7185}.status-indicator.occupied{background-color:#5ee0a2}.status-indicator.captain{background-color:#fbbf24;box-shadow:0 0 9px #fbbf248c}.slot-occupant-name.free{color:#fb8da0}.slot-occupant-name.occupied{color:#79d7aa}.slot-occupant-name.captain{color:#f8cf65}.image-disclosure{width:100%;min-width:0;margin:.7rem 0}.image-toggle-btn{color:#9ce8c4;cursor:pointer;min-height:38px;transition:var(--transition-smooth);background:#79d7aa0f;border:1px dashed #79d7aa52;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .8rem;display:inline-flex}.image-toggle-btn:hover{background:#79d7aa1f;border-color:#79d7aa94}.image-disclosure>.strategy-image-wrapper,.image-disclosure>.step-images-container{margin-top:.65rem}.strategy-image-wrapper[hidden],.step-images-container[hidden]{display:none!important}.chess-board-card{margin:.7rem 0 0}.progress-dashboard+.progress-dashboard{margin-top:1.25rem}.progress-summary-pill{color:#9ce8c4;white-space:nowrap;background:#79d7aa1a;border:1px solid #79d7aa47;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:700}.global-progress-track,.player-progress-track{background:#ffffff0f;border-radius:999px;display:block;overflow:hidden}.global-progress-track{height:10px;margin-bottom:1.5rem}.global-progress-track>span,.player-progress-track>span{border-radius:inherit;background:linear-gradient(90deg,#3fac7b,#91e7bd);height:100%;transition:width .35s;display:block}.progress-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.progress-metric{border:1px solid var(--border-color);background:#ffffff06;border-radius:10px;align-items:center;gap:.75rem;min-height:78px;padding:.9rem;display:flex}.progress-metric.complete{background:#79d7aa12;border-color:#79d7aa4d}.progress-metric-icon{font-size:1.25rem}.progress-metric strong{font-size:1rem;display:block}.progress-metric span:last-child{color:var(--text-secondary);font-size:.72rem;display:block}.player-progress-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.player-progress-card{border:1px solid var(--border-color);border-left:3px solid var(--border-focus);color:var(--text-primary);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:#ffffff05;border-radius:10px;grid-template-columns:1fr auto;gap:.65rem;padding:.85rem;display:grid}.player-progress-card:hover{background:var(--bg-hover);border-color:var(--border-focus);transform:translateY(-1px)}.player-progress-card.subgroup-livre{border-left-color:var(--color-emerald)}.player-progress-card.subgroup-reserve{border-left-color:var(--color-amber)}.player-progress-card.subgroup-clos{border-left-color:var(--color-violet)}.player-progress-card.subgroup-cour{border-left-color:var(--color-cyan)}.player-progress-heading{min-width:0}.player-progress-heading strong,.player-progress-heading small{display:block}.player-progress-heading small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-progress-count{color:var(--text-secondary);font-size:.78rem}.player-progress-track{grid-column:1/-1;height:5px}.pill-badge.orange,.color-choice-btn.active.orange,.pill-badge.ambre,.color-choice-btn.active.ambre{color:#fb923c;background:#f9731624;border-color:#f97316;box-shadow:0 0 10px #f973162e}@media (width<=1100px){.progress-metric-grid,.player-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.progress-metric-grid,.player-progress-grid{grid-template-columns:1fr}.captain-only{min-width:0}}.chess-piece-marker.bishop-marker{border-radius:4px}.eternal-flame-container{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:hidden}.flame-glow{filter:blur(90px);mix-blend-mode:screen;border-radius:50% 50% 35% 35%/60% 60% 40% 40%;animation:5s ease-in-out infinite alternate flame-pulse;position:absolute;bottom:-350px;left:50%;transform:translate(-50%)}.flame-glow.pink{background:radial-gradient(#f43f5e40 0%,#f43f5e00 70%);width:750px;height:950px;animation-delay:0s}.flame-glow.violet{background:radial-gradient(#8b5cf633 0%,#8b5cf600 70%);width:650px;height:850px;animation-delay:-2.5s}.particle-emitter{width:100%;height:120%;position:absolute;bottom:-50px;left:0}.flame-particle{filter:blur(8px);opacity:0;background:radial-gradient(circle,#f43f5e80 0%,#a8384f00 70%);border-radius:50%;animation:5s linear infinite rise-and-fade;position:absolute;bottom:0}.flame-particle.p1{width:120px;height:120px;animation-duration:4.5s;animation-delay:0s;left:20%}.flame-particle.p2{width:160px;height:160px;animation-duration:5.5s;animation-delay:1.2s;left:35%}.flame-particle.p3{width:140px;height:140px;animation-duration:4.8s;animation-delay:2.5s;left:48%}.flame-particle.p4{width:180px;height:180px;animation-duration:6s;animation-delay:.7s;left:52%}.flame-particle.p5{width:130px;height:130px;animation-duration:5.2s;animation-delay:1.8s;left:68%}.flame-particle.p6{width:150px;height:150px;animation-duration:4.2s;animation-delay:3s;left:80%}@keyframes flame-pulse{0%{opacity:.7;transform:translate(-50%)scale(.95)translateY(0)}to{opacity:1;transform:translate(-50%)scale(1.05)translateY(-30px)}}@keyframes rise-and-fade{0%{opacity:0;transform:translateY(0)scale(.3)}10%{opacity:.6}80%{opacity:.25}to{opacity:0;filter:blur(25px);transform:translateY(-95vh)scale(1.3)}}.alert-modal-content{background-color:var(--bg-sidebar);border:1px solid var(--border-color);text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:12px;width:90%;max-width:380px;padding:2.25rem 2rem;box-shadow:0 20px 40px #0009}.alert-modal-title{color:var(--text-primary);letter-spacing:.5px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:700;display:flex}.alert-modal-title:before{content:"";background-color:#ef4444;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #ef4444}.alert-modal-message{color:var(--text-secondary);margin-bottom:1.75rem;font-size:.9rem;line-height:1.5}.alert-modal-btn{background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;width:100%;padding:.7rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s ease-in-out}.alert-modal-btn:hover{background:var(--border-focus);border-color:var(--border-focus);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.tutorial-toggle-wrapper{align-items:center;margin-top:.25rem;margin-bottom:.65rem;display:inline-flex}.tutorial-toggle-label{color:var(--text-secondary);cursor:pointer;user-select:none;border:1px solid var(--border-color);background:#ffffff0a;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .65rem;font-size:.85rem;transition:all .2s;display:inline-flex}.tutorial-toggle-label:hover{background:#ffffff12}.tutorial-checkbox{cursor:pointer;width:15px;height:15px;accent-color:var(--color-emerald,#10b981)}.tutorial-status-text{color:#94a3b8;min-width:26px;font-weight:700}.tutorial-status-text.active{color:#10b981}.star-question-widget{box-shadow:var(--m3-elevation-1);transition:var(--transition-smooth);background:#f472b60a;border:1px solid #f472b629;border-radius:12px;flex-direction:column;gap:.6rem;margin-top:.75rem;padding:.85rem 1.15rem;display:flex}.star-question-widget:hover{border-color:#f472b647}.star-question-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.star-question-actions{gap:.6rem;display:flex}.question-btn{border-radius:var(--radius-btn);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);padding:.45rem 1.25rem;font-size:.85rem;font-weight:600}.question-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:#f472b64d}.question-btn.btn-oui.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 0 14px #10b98166}.question-btn.btn-non.active{color:#fff;background:linear-gradient(135deg,#f43f5e47,#be185d38);border-color:#f43f5e;font-weight:700;box-shadow:0 0 12px #f43f5e59}.question-btn:disabled{opacity:.5;cursor:not-allowed}.statue-picker-card,.statue-viewer-card{border:1px solid var(--border-color);background:#ffffff06;border-radius:10px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.25rem;display:flex;box-shadow:0 4px 20px #00000040}.statue-picker-card.inline-step-card,.statue-viewer-card.inline-step-card,.puzzle-card.inline-step-card{border-left:4px solid var(--color-violet);background:#8b5cf60a;margin-top:.75rem;margin-bottom:.75rem}.statue-viewer-card.inline-step-card{border-left:4px solid var(--color-cyan);background:#06b6d40a}.statue-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.statue-header-flex .puzzle-title{margin-bottom:.25rem}.statue-header-flex .puzzle-subtitle{margin-bottom:0}.statue-counter-badge{color:#facc15;white-space:nowrap;background:#eab30826;border:1px solid #eab30866;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.statue-counter-badge.ready{color:#34d399;background:#10b98133;border-color:#10b981;box-shadow:0 0 10px #10b9814d}.statue-status-badge{white-space:nowrap;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.statue-status-badge.pending{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.statue-status-badge.warning{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b66}.statue-status-badge.success{color:#34d399;background:#10b98133;border:1px solid #10b981;box-shadow:0 0 12px #10b98159}.statue-map-wrapper{border:1px solid var(--border-color);user-select:none;background:#111;border-radius:8px;width:100%;max-width:680px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 6px 20px #0006}.statue-map-image{object-fit:contain;width:100%;height:auto;display:block}.statue-pin{cursor:pointer;z-index:5;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background-color .2s,border-color .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.statue-pin:before{content:"";border-radius:50%;position:absolute;inset:-8px}.statue-pin.clos-pin{color:#fef08a;text-shadow:0 1px 2px #000,0 0 4px #000000e6;background:#18140ab8;border:2px solid #facc15f2;width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);font-size:1rem;font-weight:800;animation:3s ease-in-out infinite pin-target-breathe;box-shadow:0 0 10px #facc1580,inset 0 0 6px #facc1533,0 2px 6px #000000d9}.statue-pin.clos-pin:hover:not(.disabled){color:#0f172a;z-index:8;background:#eab308e0;border:2px solid #fff;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 20px #facc15f2,0 3px 8px #000000e6}.statue-pin.clos-pin.selected{color:#0f172a;text-shadow:none;z-index:9;background:#eab308;border:2.5px solid #fff;font-size:1.15rem;font-weight:900;animation:none;transform:translate(-50%,-50%)scale(1.15);box-shadow:0 0 0 3px #eab308d9,0 0 22px #facc15,0 4px 12px #000000e6}.statue-pin.clos-pin.disabled{cursor:not-allowed;opacity:.6;animation:none}.statue-pin.cour-pin{opacity:.45;pointer-events:none;background:#ffffff14;border:1.5px dashed #ffffff59;width:clamp(20px,4vw,24px);height:clamp(20px,4vw,24px);box-shadow:0 0 4px #0009}.statue-pin.cour-pin.active-highlight{color:#fff;opacity:1;pointer-events:auto;cursor:default;user-select:none;z-index:10;text-shadow:0 1px 3px #000,0 0 8px #000,0 0 12px #0284c7;background:#06b6d44d;border:2.5px solid #fff;width:clamp(30px,6vw,38px);height:clamp(30px,6vw,38px);font-size:.9rem;font-weight:900;animation:2s ease-in-out infinite cour-beacon-pulse;box-shadow:0 0 0 3px #06b6d4bf,0 0 20px #06b6d4,inset 0 0 12px #06b6d459,0 4px 10px #000000d9}@keyframes pin-target-breathe{0%,to{border-color:#facc15cc;box-shadow:0 0 8px #facc1580,inset 0 0 6px #facc1526,0 2px 4px #000000a6}50%{border-color:#fef08a;box-shadow:0 0 16px #facc15d9,inset 0 0 10px #facc154d,0 2px 6px #000000d9}}@keyframes cour-beacon-pulse{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #06b6d4cc,0 0 14px #06b6d4,inset 0 0 10px #06b6d459}50%{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 0 0 12px #06b6d400,0 0 24px #06b6d4,inset 0 0 14px #06b6d473}to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 #06b6d400,0 0 14px #06b6d4,inset 0 0 10px #06b6d459}}.pedestal-hotspot{cursor:pointer;z-index:12;box-sizing:border-box;user-select:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.pedestal-hotspot.idle{opacity:.65;background:#0f172a8c;border:2px dashed #fff6;width:clamp(28px,5vw,36px);height:clamp(28px,5vw,36px);box-shadow:0 2px 8px #0009}.pedestal-hotspot.idle:hover{opacity:1;background:#0f172acc;border-color:#ffffffe6;transform:translate(-50%,-50%)scale(1.1)}.pedestal-hotspot.idle .pedestal-icon{opacity:.7;font-size:1.1rem}.pedestal-hotspot.active-highlight{z-index:15;background:radial-gradient(circle,#22c55e4d 0%,#10b9811a 60%,#10b98100 100%);border:2px solid #4ade80;width:clamp(42px,6.5vw,54px);height:clamp(42px,6.5vw,54px);animation:2.4s ease-in-out infinite pedestal-active-glow;box-shadow:0 0 0 2px #22c55e40,0 0 14px #22c55e80,inset 0 0 10px #22c55e40,0 2px 8px #000000b3}.pedestal-pulse-aura{pointer-events:none;border:1.5px solid #4ade80b3;border-radius:50%;animation:2.4s cubic-bezier(.2,.6,.35,1) infinite pedestal-aura-ripple;position:absolute;inset:-6px}.pedestal-center-reticle{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pedestal-center-reticle .pedestal-icon{filter:drop-shadow(0 2px 4px #000000e6);font-size:clamp(1.1rem,2.5vw,1.4rem)}.pedestal-callout-badge{color:#fff;white-space:nowrap;pointer-events:none;z-index:20;background:linear-gradient(135deg,#15803d,#16a34a);border:1.5px solid #86efac;border-radius:20px;align-items:center;gap:5px;padding:3px 8px;font-size:clamp(.66rem,1.5vw,.75rem);font-weight:800;animation:2.2s ease-in-out infinite pedestal-badge-float;display:flex;position:absolute;top:calc(100% + 7px);bottom:auto;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #000000b3,0 0 10px #22c55e80}.pedestal-callout-badge .pedestal-bounce-arrow{font-size:.85rem;animation:1s ease-in-out infinite alternate pedestal-arrow-bounce;display:inline-block}@keyframes pedestal-active-glow{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 2px #22c55e40,0 0 12px #22c55e73,inset 0 0 8px #22c55e33}50%{transform:translate(-50%,-50%)scale(1.03);box-shadow:0 0 0 4px #22c55e66,0 0 20px #4ade80bf,inset 0 0 12px #4ade8059}}@keyframes pedestal-aura-ripple{0%{opacity:.75;transform:scale(.95)}to{opacity:0;transform:scale(1.28)}}@keyframes pedestal-badge-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(3px)}}@keyframes pedestal-arrow-bounce{0%{transform:translateY(0)}to{transform:translateY(-2.5px)}}.statue-tooltip{color:#f8fafc;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border:1px solid var(--border-color);z-index:20;background:#0f172af2;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0006}.statue-tooltip.pedestal-tooltip{text-align:center;width:max-content;max-width:170px;padding:6px 10px;line-height:1.35;inset:auto -8px calc(100% + 8px) auto;transform:none;white-space:normal!important}.statue-pin:hover .statue-tooltip,.pedestal-hotspot:hover .statue-tooltip{opacity:1;visibility:visible}.statue-bottom-toolbar{flex-direction:column;gap:.75rem;display:flex}.statue-selection-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.statue-chips-wrapper{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.statue-chip{border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff0a;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.8rem;display:inline-flex}.statue-chip.clos-chip{background:#eab30814;border-color:#eab30866}.statue-chip.cour-chip{background:#06b6d414;border-color:#06b6d466}.statue-chip-num{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:inline-flex}.statue-chip.clos-chip .statue-chip-num{color:#1e1b4b;background:#eab308}.statue-chip.cour-chip .statue-chip-num{color:#fff;background:#06b6d4}.statue-reset-btn{color:#fca5a5;cursor:pointer;transition:var(--transition-smooth);background:#ef44441f;border:1px solid #ef444459;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.statue-reset-btn:hover:not(:disabled){color:#fff;background:#ef444440;border-color:#ef4444}.statue-reset-btn:disabled{opacity:.4;cursor:not-allowed}.statue-banner-info{border-left:3px solid var(--color-cyan);color:var(--text-primary);background:#06b6d414;border-radius:6px;padding:.6rem .85rem;font-size:.85rem}.statue-banner-info.success{border-left-color:var(--color-emerald);background:#10b98114}.statue-banner-info.pending{border-left-color:var(--text-secondary);color:var(--text-secondary);background:#94a3b80f}@keyframes orbital-border-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes alert-pulse-glow{0%{box-shadow:0 0 14px #10b98159,0 0 25px #34d39926}to{box-shadow:0 0 24px #10b981b3,0 0 45px #34d39966}}@keyframes alert-icon-beat{0%{transform:scale(1)}to{transform:scale(1.22)}}.monster-target-alert-wrapper{box-sizing:border-box;background:#10b9812e;border-radius:12px;min-width:0;max-width:100%;margin:.75rem 0 .5rem;padding:2.5px;animation:2.2s ease-in-out infinite alternate alert-pulse-glow;display:block;position:relative;overflow:hidden}.monster-target-alert-wrapper:before{content:"";z-index:1;pointer-events:none;background:conic-gradient(#0000 0deg 280deg,#10b98126 295deg,#10b9818c 320deg,#10b981 340deg,#34d399 352deg,#fff 358deg,#0000 360deg);width:300%;height:0;padding-bottom:300%;animation:2.8s linear infinite orbital-border-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.monster-target-alert-banner{z-index:2;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:linear-gradient(135deg,#052618fa 0%,#093422fa 100%);border:1px solid #34d39980;border-radius:9.5px;align-items:center;gap:.85rem;min-width:0;max-width:100%;padding:.75rem 1rem;display:flex;position:relative}.monster-target-alert-banner .alert-icon{filter:drop-shadow(0 0 8px #34d399);flex-shrink:0;font-size:1.6rem;line-height:1;animation:1.1s ease-in-out infinite alternate alert-icon-beat}.monster-target-alert-banner .alert-text{color:#a7f3d0;text-shadow:0 0 10px #34d39980;overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;font-size:.95rem;font-weight:800;line-height:1.35}.monster-target-alert-banner .alert-text strong{color:#fff;text-transform:uppercase;letter-spacing:.025em;overflow-wrap:break-word;word-break:break-word;white-space:normal;margin-bottom:.15rem;font-size:1.02rem;font-weight:900;display:block}.roadmap-indication-box.monster-not-on-map-box{color:#cbd5e1;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;background:#ffffff08;border-left:3px solid #94a3b873;border-radius:6px;align-items:center;gap:.75rem;min-width:0;max-width:100%;margin-top:.5rem;margin-bottom:.5rem;padding:.65rem .95rem;font-size:.92rem;display:flex;box-shadow:0 2px 8px #0003}.roadmap-indication-box.monster-not-on-map-box .not-on-map-icon{opacity:.9;flex-shrink:0;font-size:1.35rem;line-height:1}.roadmap-indication-box.monster-not-on-map-box>div{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.roadmap-indication-box.monster-not-on-map-box strong,.roadmap-indication-box.monster-not-on-map-box .highlight-cyan{font-weight:700}.inline-step-card{box-sizing:border-box;min-width:0;max-width:100%;background:#0e1713c7!important;border:1px solid #ffffff1f!important;border-radius:10px!important;margin-top:.65rem!important;margin-bottom:.65rem!important;padding:.75rem .85rem!important;box-shadow:0 4px 16px #00000059!important}.inline-step-card .puzzle-title{margin-bottom:.25rem!important;font-size:.95rem!important}.inline-step-card .puzzle-subtitle{margin-bottom:.5rem!important;font-size:.8rem!important}.map-step-wrapper{margin:.65rem 0 .85rem}.map-step-wrapper .image-disclosure{width:100%}.map-step-wrapper .image-toggle-btn{color:#fff;background:#f472b61f;border:1px solid #f472b64d;border-radius:8px;justify-content:center;width:100%;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.map-step-wrapper .image-toggle-btn:hover{border-color:var(--color-rose);background:#f472b638}@media (width<=820px){.boat-placement-layout{justify-content:center!important;gap:.75rem!important}.inline-step-card .boat-placement-layout{flex-flow:wrap!important}.chess-inputs-list{gap:.35rem!important}.chess-input-row{padding:.4rem 0!important}.monster-target-alert-banner{gap:.65rem!important;padding:.65rem .8rem!important}.monster-target-alert-banner .alert-icon{font-size:1.35rem!important}.monster-target-alert-banner .alert-text{font-size:.88rem!important}.monster-target-alert-banner .alert-text strong{font-size:.92rem!important}}