:root{--color-bg:#12211b;--color-surface:#1c2f24;--color-surface-2:#29402f;--color-border:#3a5544;--color-text:#f5f0e1;--color-text-muted:#9bb0a0;--color-accent:#f2a93b;--color-danger:#e2574c;--color-success:#8fd19e;--font-display:"Bebas Neue", sans-serif;--font-body:"Karla", sans-serif;--radius:10px}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;padding:0}h2{color:var(--color-text);margin:0 0 12px;font-size:1.2rem;font-weight:700}.app-header{z-index:10;background:var(--color-surface);position:sticky;top:0}.header-inner{padding:14px 16px}.header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-mark{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 2px;font-size:.7rem;font-weight:700}.app-header h1{font-family:var(--font-display);letter-spacing:.03em;color:var(--color-text);margin:0;font-size:1.7rem;line-height:1.1}.leave-btn{border:2px dashed var(--color-danger);width:auto;color:var(--color-danger);background:0 0;border-radius:999px;flex-shrink:0;padding:10px 18px;font-size:.8rem}.leave-btn:hover,.leave-btn:active{background:var(--color-danger);color:var(--color-bg);border-style:solid}.app-header nav{gap:10px;margin-top:12px;display:flex;overflow-x:auto}.app-header nav a{color:var(--color-text-muted);white-space:nowrap;background:var(--color-surface-2);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none}.app-header nav a:hover,.app-header nav a.active{color:var(--color-bg);background:var(--color-accent)}.header-divider{background:var(--color-accent);width:100%;height:3px}main{max-width:900px;margin:0 auto;padding:16px}.card{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 8px;font-size:.7rem;font-weight:700}.sala-code-hero{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-accent);border:2px dashed var(--color-accent);border-radius:8px;margin-bottom:14px;padding:8px 22px 4px;font-size:2.4rem;line-height:1;display:inline-block}.form-group{margin-bottom:12px}label{color:var(--color-text-muted);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}input[type=text]{border-radius:var(--radius);border:1px solid var(--color-surface-2);background:var(--color-bg);width:100%;color:var(--color-text);font-family:var(--font-body);padding:12px;font-size:1rem}button{border-radius:var(--radius);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:var(--color-accent);color:var(--color-bg);border:none;width:100%;padding:12px 20px;font-size:.95rem;font-weight:700}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:default}.participant-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.chip{background:var(--color-surface-2);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600}.link-muted{color:var(--color-text-muted);cursor:pointer;text-transform:none;letter-spacing:normal;background:0 0;border:none;width:auto;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.grid-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius);background:var(--color-surface);border:1px dashed var(--color-border);padding:8px;overflow-x:auto}.avail-grid{user-select:none;-webkit-touch-callout:none;grid-template-columns:48px repeat(7,minmax(44px,1fr));gap:3px;min-width:380px;display:grid}.avail-cell{-webkit-touch-callout:none;user-select:none}#avail-grid{touch-action:pan-x pan-y}.avail-grid.paint-mode{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.avail-grid .cell-label{color:var(--color-text-muted);justify-content:center;align-items:center;padding:4px;font-size:.7rem;display:flex}.avail-grid .day-label{font-family:var(--font-display);letter-spacing:.05em;text-align:center;color:var(--color-text-muted);padding:6px 2px;font-size:.9rem}.avail-cell{background:var(--color-surface-2);cursor:pointer;border-radius:4px;height:30px;transition:background .1s}.avail-cell.selected{background:var(--color-accent)}.avail-cell.readonly{cursor:default}.avail-cell.level-0{background:var(--color-surface-2)}.avail-cell.level-1{background:#4a5e38}.avail-cell.level-2{background:#6b7a3f}.avail-cell.level-3{background:#9c8c3c}.avail-cell.level-4{background:#c9a038}.avail-cell.level-5{background:var(--color-accent)}.heat-legend{align-items:center;gap:8px;margin-bottom:12px;display:flex}.heat-legend-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.heat-legend-bar{border-radius:999px;flex:1;height:8px;display:flex;overflow:hidden}.heat-legend-bar span{flex:1}.heat-legend-bar .level-0{background:var(--color-surface-2)}.heat-legend-bar .level-1{background:#4a5e38}.heat-legend-bar .level-2{background:#6b7a3f}.heat-legend-bar .level-3{background:#9c8c3c}.heat-legend-bar .level-4{background:#c9a038}.heat-legend-bar .level-5{background:var(--color-accent)}.slot-detail{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);min-height:24px;margin-top:16px;padding:16px;font-size:.9rem}.top-slots{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.top-slot-item{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px 14px;font-size:.9rem;display:flex}.badge{background:var(--color-accent);color:var(--color-bg);font-family:var(--font-display);letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:1rem}.badge.rank-2{background:#c9a038}.badge.rank-3{background:#9c8c3c}.actions-bar{margin-top:16px}.hint{color:var(--color-text-muted);margin-bottom:12px;font-size:.85rem}.save-status{text-align:center;min-height:20px;margin-top:8px;font-size:.85rem;font-weight:600}.player-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px;display:grid}.player-btn{background:var(--color-surface-2);border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:8px;width:auto;padding:16px 8px;display:flex}.player-btn:active{transform:scale(.97)}.player-avatar{background:var(--color-bg);border:2px solid var(--color-accent);width:52px;height:52px;color:var(--color-accent);font-family:var(--font-display);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.player-name{color:var(--color-text);text-align:center;word-break:break-word;font-size:.9rem;font-weight:600}.add-player-card{padding:16px 20px}.hidden{display:none}.tab-toggle{gap:8px;margin-bottom:18px;display:flex}.tab-btn{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:var(--radius);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;flex:1;padding:10px;font-size:.9rem;font-weight:700}.tab-btn.active{background:var(--color-accent);color:var(--color-bg)}.mode-toggle{gap:8px;margin-bottom:10px;display:flex}.mode-btn{background:var(--color-surface-2);color:var(--color-text-muted);border-radius:var(--radius);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;flex:1;padding:10px;font-size:.85rem;font-weight:700}.mode-btn.active{background:var(--color-accent);color:var(--color-bg)}@media (width>=480px){.player-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){main{padding:32px 16px}.avail-grid{grid-template-columns:60px repeat(7,1fr);min-width:100%}.avail-cell{height:36px}.header-inner{padding:18px 32px}.app-header h1{font-size:2.1rem}.player-grid{grid-template-columns:repeat(4,1fr)}.mode-toggle{display:none}}