:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{width:100%;max-width:100%;overflow-x:hidden}body{color:#f1eadc;background:radial-gradient(circle at top,#8b1e1e38,#0000 34rem),#11100e;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;max-width:100%;overflow-x:hidden}button,input,select{font:inherit;min-width:0;max-width:100%}.app{max-width:760px;margin:0 auto;padding:16px}.app-header{margin-bottom:18px;padding:18px 0 4px}.eyebrow{color:#d6aa66;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.85rem;font-weight:800}.app-header h1{color:#fff7e8;margin:0;font-size:1.8rem;line-height:1.1}.app-header p{color:#b9ad9a;margin:6px 0 0}.filters{scrollbar-width:none;gap:8px;min-width:0;max-width:100%;margin-bottom:16px;padding-bottom:6px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters button{color:#f1eadc;white-space:nowrap;cursor:pointer;background:#1d1a16;border:1px solid #5e5140;border-radius:999px;padding:8px 12px;font-weight:700}.filters button.active{color:#fff7e8;background:#9f2d2d;border-color:#c44a4a}.session-list{gap:14px;min-width:0;max-width:100%;display:grid}.game-card{background:linear-gradient(#211d18,#171512);border:1px solid #5e5140;border-radius:16px;min-width:0;max-width:100%;padding:14px;box-shadow:0 8px 24px #00000059}.game-card-top{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.game-card-top>div{min-width:0}.game-card h2{color:#fff7e8;overflow-wrap:anywhere;margin:0;font-size:1.25rem;line-height:1.2}.date-time{color:#c8bda9;overflow-wrap:anywhere;margin:5px 0 0;font-weight:600}.availability{color:#8be0a2;white-space:nowrap;background:#3f945733;border:1px solid #8be0a259;border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:800}.availability.full{color:#f0a0a0;background:#96393933;border-color:#f0a0a059}select.availability{appearance:auto;cursor:pointer;max-width:210px}select.availability:disabled{opacity:.7;cursor:not-allowed}select.availability:focus{outline-offset:1px;outline:2px solid #d6aa66}.game-info{margin-top:14px}.game-info p{color:#e7dcc9;overflow-wrap:anywhere;margin:8px 0;line-height:1.35}.game-info strong{color:#d6aa66}.signup-area{border-top:1px solid #4d4234;margin-top:14px;padding-top:12px}.signup-area label{color:#c8bda9;margin-bottom:7px;font-size:.95rem;font-weight:700;display:block}.signup-box{gap:8px;width:100%;max-width:100%;display:flex}.signup-box input{color:#fff7e8;background:#100f0d;border:1px solid #5e5140;border-radius:10px;flex:1;min-width:0;padding:10px}.signup-box input::placeholder{color:#867b6b}.signup-box input:focus{outline-offset:1px;outline:2px solid #d6aa66}.signup-box button{color:#fff7e8;cursor:pointer;background:#9f2d2d;border:none;border-radius:10px;padding:10px 12px;font-weight:800}.signup-box button:hover{background:#b93636}.signup-box button:disabled{opacity:.6;cursor:not-allowed}.signup-message{color:#c8bda9;overflow-wrap:anywhere;margin:8px 0 0;font-size:.95rem}.closed-message{color:#f0a0a0;border-top:1px solid #4d4234;margin:14px 0 0;padding-top:12px;font-weight:700}.empty-message{color:#c8bda9;overflow-wrap:anywhere;background:#1d1a16;border:1px solid #5e5140;border-radius:12px;padding:12px}.error-message{color:#f0a0a0;overflow-wrap:anywhere;background:#9639392e;border:1px solid #f0a0a059;border-radius:12px;padding:12px}.view-toggle{grid-template-columns:1fr 1fr;gap:8px;min-width:0;max-width:100%;margin-bottom:16px;display:grid}.view-toggle button{color:#f1eadc;cursor:pointer;background:#1d1a16;border:1px solid #5e5140;border-radius:12px;padding:10px 12px;font-weight:800}.view-toggle button.active{color:#fff7e8;background:#9f2d2d;border-color:#c44a4a}.calendar-panel{background:linear-gradient(#211d18,#171512);border:1px solid #5e5140;border-radius:16px;min-width:0;max-width:100%;margin-bottom:16px;padding:12px;box-shadow:0 8px 24px #00000059}.calendar-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.calendar-header h2{color:#fff7e8;overflow-wrap:anywhere;text-align:center;margin:0;font-size:1.15rem}.calendar-header button{color:#fff7e8;cursor:pointer;background:#100f0d;border:1px solid #5e5140;border-radius:10px;flex:none;width:42px;height:38px;font-size:1.4rem;font-weight:800}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;width:100%;min-width:0;max-width:100%;display:grid}.calendar-weekdays{margin-bottom:6px}.calendar-weekdays span{color:#d6aa66;text-align:center;min-width:0;font-size:.75rem;font-weight:800}.calendar-day{color:#f1eadc;text-align:left;cursor:pointer;background:#100f0d;border:1px solid #3f362b;border-radius:10px;min-width:0;min-height:58px;padding:6px;overflow:hidden}.calendar-day.blank{cursor:default;background:0 0;border-color:#0000}.calendar-day.has-games{background:#d6aa661f;border-color:#d6aa66}.calendar-day.selected{outline-offset:1px;outline:2px solid #c44a4a}.day-number{color:#fff7e8;font-weight:900;display:block}.game-count{color:#8be0a2;white-space:nowrap;margin-top:5px;font-size:.72rem;font-weight:800;line-height:1.1;display:block}.selected-day-list{gap:14px;min-width:0;max-width:100%;display:grid}.selected-day-list h2{color:#fff7e8;overflow-wrap:anywhere;margin:4px 0 0;font-size:1.2rem}.remove-button{color:#f0a0a0;cursor:pointer;background:#9639392e;border:1px solid #f0a0a059;border-radius:10px;width:100%;margin-top:8px;padding:10px 12px;font-weight:800}.remove-button:hover{background:#96393947}.remove-button:disabled{opacity:.6;cursor:not-allowed}.admin-panel{min-width:0;max-width:100%;margin-bottom:16px}.admin-toggle{color:#f1eadc;cursor:pointer;background:#1d1a16;border:1px solid #5e5140;border-radius:12px;width:100%;padding:10px 12px;font-weight:800}.add-game-form{background:linear-gradient(#211d18,#171512);border:1px solid #5e5140;border-radius:16px;gap:10px;min-width:0;max-width:100%;margin-top:10px;padding:14px;display:grid}.add-game-form label{color:#c8bda9;gap:5px;min-width:0;max-width:100%;font-size:.95rem;font-weight:700;display:grid}.add-game-form input,.add-game-form select{color:#fff7e8;background:#100f0d;border:1px solid #5e5140;border-radius:10px;width:100%;padding:10px}.add-game-form input:focus,.add-game-form select:focus{outline-offset:1px;outline:2px solid #d6aa66}.add-game-form button{color:#fff7e8;cursor:pointer;background:#9f2d2d;border:none;border-radius:10px;padding:10px 12px;font-weight:800}.add-game-form button:disabled{opacity:.6;cursor:not-allowed}.remove-action-area{margin-top:10px}.remove-action-row{gap:8px;width:100%;max-width:100%;display:flex}.remove-action-row select{color:#fff7e8;background:#100f0d;border:1px solid #5e5140;border-radius:10px;flex:1;min-width:0;padding:10px}.remove-action-row select:focus,.remove-referee-code:focus{outline-offset:1px;outline:2px solid #d6aa66}.remove-action-row .remove-button{width:auto;min-width:96px;margin-top:0}.remove-button.danger{color:#fff7e8;background:#96393959}.remove-button.danger:hover{background:#9639398c}.remove-referee-code{color:#fff7e8;background:#100f0d;border:1px solid #5e5140;border-radius:10px;width:100%;margin-top:8px;padding:10px}.availability-select.available{color:#8be0a2;background:#3f945733;border-color:#8be0a259}.availability-select.full{color:#f0a0a0;background:#96393933;border-color:#f0a0a059}@media (width<=480px){.app{width:calc(100% - 40px);max-width:760px;margin:0 auto;padding:12px 0}.app-header h1{font-size:1.55rem}.game-card{padding:12px}.game-card-top{flex-direction:column;align-items:flex-start}.game-card-top>div{width:100%;min-width:0}.availability,select.availability{align-self:center;width:auto;max-width:100%}.signup-box{flex-direction:column}.signup-box button{width:100%}.calendar-weekdays,.calendar-grid{gap:4px}.calendar-day{text-align:center;min-height:64px;padding:4px 2px}.day-number{text-align:center}.game-count{white-space:nowrap;font-size:.58rem;line-height:1.1}.remove-action-row{flex-direction:column}.remove-action-row .remove-button{width:100%}}.refresh-button{color:#d6aa66;cursor:pointer;background:#100f0d;border:1px solid #5e5140;border-radius:12px;width:100%;margin:-6px 0 16px;padding:8px 10px;font-size:.9rem;font-weight:800}.refresh-button:hover{background:#1d1a16}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.month-year-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;min-width:0;max-width:100%;display:grid}@media (width<=480px){.month-year-row{grid-template-columns:minmax(0,1fr)}}.add-game-form,.add-game-form label,.month-year-row{width:100%;min-width:0;max-width:100%}.add-game-form label{overflow:hidden}.add-game-form input,.add-game-form select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.add-game-form input[type=date],.add-game-form input[type=time]{box-sizing:border-box;width:100%;min-width:0;max-width:100%;color:#fff7e8;inline-size:100%;min-inline-size:0;max-inline-size:100%;padding:8px 10px;line-height:normal;display:block}@supports (-webkit-touch-callout:none){.add-game-form input[type=date],.add-game-form input[type=time]{width:-webkit-fill-available;max-width:-webkit-fill-available}}.add-game-form input[type=date]:invalid,.add-game-form input[type=time]:invalid{color:#867b6b}.add-game-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.8}.add-game-form input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.8}.add-game-form input[type=date]::-webkit-date-and-time-value{text-align:left;min-width:0;max-width:100%}.add-game-form input[type=time]::-webkit-date-and-time-value{text-align:left;min-width:0;max-width:100%}.game-card{position:relative}.game-card-actions{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.edit-card-button{color:#d6aa66;cursor:pointer;background:#100f0d;border:1px solid #5e5140;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900;line-height:1}.edit-card-button:hover{background:#1d1a16}.edit-card-button:disabled{opacity:.6;cursor:not-allowed}.card-edit-panel{margin-top:12px}@media (width<=480px){.game-card-actions{align-items:center;width:100%;padding-top:6px}.edit-card-button{z-index:2;padding:4px 8px;font-size:.68rem;position:absolute;top:10px;right:10px}.game-card-top>div{text-align:center;width:100%;padding-right:0}.game-card h2{text-align:center;max-width:none;padding:0 46px}.date-time{text-align:center}}.signup-button-row{flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0;display:grid}.signup-button-row .remove-button{width:auto;margin-top:0}.edit-form-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;min-width:0;max-width:100%;display:grid}.edit-form-actions .remove-button{margin-top:0}.card-edit-panel .remove-button.danger{width:100%}@media (width<=480px){.signup-box{gap:8px}.signup-button-row{width:100%}.signup-button-row button,.signup-button-row .remove-button{width:100%;min-width:0;padding-left:8px;padding-right:8px;font-size:.88rem}.edit-form-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.signup-box{flex-direction:column;align-items:stretch}.signup-box input{flex:0 auto;width:100%}.signup-button-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.signup-button-row button,.signup-button-row .remove-button{width:100%;min-width:0}.signup-button-row .remove-button{margin-top:0}.signup-button-row .signup-button{color:#fff7e8;background:#9f2d2d;border:none}.signup-button-row .signup-button:hover{background:#b93636}.signup-button-row .remove-button{color:#f0a0a0;background:#9639392e;border:1px solid #f0a0a059}.signup-button-row .remove-button:hover{background:#96393947}