:root{--ink:#172f38;--muted:#617177;--paper:#f5f6f3;--accent:#ce5227;--accent-soft:#fff1e9;--line:#dce3df;--green:#237759;--bs-primary:#172f38;--bs-body-color:#172f38;--bs-body-bg:#f5f6f3;--bs-border-color:#dce3df}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;background:var(--paper);color:var(--ink)}a{color:var(--ink)}button,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #be522b;outline-offset:4px}h1,h2,h3{font-weight:750;letter-spacing:-.035em}h1{font-size:clamp(1.85rem,4.5vw,3rem);line-height:1.12;max-width:680px}h2{font-size:1.6rem}h3{font-size:1.08rem}.shell{max-width:1120px;padding-inline:24px}.site-header{border-bottom:1px solid var(--line);background:#fff}.brand-row{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:800;line-height:1;letter-spacing:.09em}.brand small{display:block;font-size:10px;letter-spacing:.22em;margin-top:7px;font-weight:600}.brand-mark{position:relative;display:grid;place-items:center;width:44px;height:44px;background:var(--ink);color:white;border-radius:11px;font-size:34px;font-weight:750;letter-spacing:-4px;padding-right:4px}.brand-mark span{position:absolute;right:-3px;top:18px;width:16px;height:8px;background:#eb7446}.event-tag{font-size:11px;font-weight:750;letter-spacing:.16em;padding:8px 12px;border:1px solid var(--line);border-radius:6px}.intro{padding:42px 0 30px;display:flex;align-items:center;gap:30px;justify-content:space-between}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--accent);margin-bottom:12px}.subtitle{font-size:1.25rem;margin:12px 0 9px;font-weight:600}.intro-note{color:var(--muted);margin:0;max-width:540px}.intro-count{border-left:1px solid var(--line);padding-left:40px;min-width:175px}.intro-count strong{font-size:3.6rem;font-weight:750;line-height:1.1;display:block;letter-spacing:-.06em}.intro-count span{display:block;font-size:14px;color:var(--muted);margin-top:6px}.activity-nav{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.activity-nav a{padding:16px 13px;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--accent);font-weight:750;border-right:1px solid var(--line)}.activity-nav a:last-child{border:0}.activity-nav a span{font-size:14px;color:var(--ink)}.activity-nav a:hover{background:var(--accent-soft)}.privacy-note{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--muted);padding:18px 0 5px}.privacy-note>span{color:var(--green)}.live-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin:15px 0}.status-dot{height:7px;width:7px;background:#8e999c;border-radius:50%;flex-shrink:0}.status-dot.online{background:#268262}.status-dot.offline{background:#c1562d}.text-button{border:0;background:none;text-decoration:underline;font-size:14px;color:var(--ink);min-height:44px}.loading-card{padding:40px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--muted);display:flex;gap:12px;align-items:center}.activity-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:22px;overflow:hidden}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.activity-title{display:flex;gap:14px;align-items:center}.activity-icon{height:48px;width:48px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.activity-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.activity-title h2{margin:0;font-size:1.45rem}.activity-title .kicker{font-size:11px;letter-spacing:.12em;color:var(--muted);margin:0 0 4px;font-weight:700}.badge-status{display:inline-block;white-space:nowrap;padding:5px 10px;border-radius:30px;font-size:12px;font-weight:650;background:#e9f4ee;color:#24644d}.badge-status.closed{background:#f1f0ee;color:#655e56}.activity-counter{display:flex;align-items:baseline;gap:7px;margin:0 0 6px}.activity-counter strong{font-size:1.75rem;letter-spacing:-.04em}.activity-counter span{font-size:14px;color:var(--muted)}.activity-description{font-size:14px;color:var(--muted);margin:0 0 20px}.slot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.slot{min-height:104px;width:100%;padding:10px 6px;border:1px solid #b7cfc3;border-radius:9px;background:#f5faf7;color:#24644d;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.35;transition:background .15s,border-color .15s}.slot:hover:not(:disabled){background:#e2f1e8;border-color:#397457}.slot-number{font-size:14px;font-weight:650}.slot-state{font-size:10px;letter-spacing:.04em;font-weight:800}.slot-area{font-size:12px;overflow-wrap:anywhere;font-weight:500}.slot-sign{font-size:20px;line-height:1}.slot.occupied{background:#f1f3f2;border-color:#e0e4e1;color:#63716e;cursor:default}.slot.unavailable{background:#f7f7f5;border-color:#e1e3df;color:#7a807b}.area-summary{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.summary-label{font-size:12px;font-weight:650;color:var(--muted);margin:0 0 10px}.area-chips{display:flex;flex-wrap:wrap;gap:7px}.area-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e7eae7;border-radius:6px;padding:4px 8px;font-size:12px;color:var(--muted)}.area-chip strong{font-size:12px;color:var(--ink)}.free-activities{display:grid;grid-template-columns:1fr 1fr;gap:22px}.free-activities .activity-card{display:flex;flex-direction:column}.free-activities .card-heading{gap:8px}.free-activities .activity-title{gap:10px}.free-activities .activity-title h2{font-size:1.25rem}.free-activities .area-summary{margin-top:auto;padding-top:18px}.free-activities .content-list{margin-bottom:22px}.register-button{width:100%;margin-bottom:20px}.btn{font-size:15px;font-weight:650;border-radius:9px;padding:11px 18px;min-height:46px}.btn-primary{--bs-btn-bg:var(--ink);--bs-btn-border-color:var(--ink);--bs-btn-hover-bg:#274c58;--bs-btn-hover-border-color:#274c58;--bs-btn-active-bg:#274c58;--bs-btn-active-border-color:#274c58;--bs-btn-disabled-bg:#77858a;--bs-btn-disabled-border-color:#77858a}.btn-outline-primary{--bs-btn-color:var(--ink);--bs-btn-border-color:#a6b9be;--bs-btn-hover-bg:var(--ink);--bs-btn-hover-border-color:var(--ink)}.empty-state{padding:24px 16px;background:#f8f9f7;border:1px dashed #d4dcd6;border-radius:10px;text-align:center;font-size:14px;color:var(--muted)}.list-entry{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid #edf0ec;padding:12px 0}.list-entry:last-child{border:0}.list-number{font-size:12px;color:var(--accent);font-weight:750;background:var(--accent-soft);border-radius:7px;padding:4px 8px;flex-shrink:0}.entry-title{display:block;font-weight:650;font-size:14px;overflow-wrap:anywhere}.entry-detail{display:block;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.content-list{max-height:370px;overflow:auto;scrollbar-width:thin}.ranking-section{margin-top:16px;padding:28px 0 34px}.section-heading{display:flex;justify-content:space-between;gap:12px}.section-heading .eyebrow{margin-bottom:6px}.section-symbol{font-size:32px;color:var(--accent)}.muted{color:var(--muted)}.ranking-section>.muted{font-size:14px;max-width:660px}.ranking-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:44px;row-gap:21px;margin-top:25px}.rank-row{display:grid;grid-template-columns:22px 1fr;gap:10px}.rank-position{font-size:12px;color:var(--muted);padding-top:2px}.rank-label{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:8px}.rank-label strong{font-size:14px}.rank-bar{height:7px;background:#e3e9e3;border-radius:5px;overflow:hidden}.rank-fill{height:100%;background:#5b8f7e;border-radius:5px;transition:width .3s}.rank-row:first-child .rank-fill{background:var(--accent)}.footer{padding-top:23px;padding-bottom:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.footer a{text-decoration:none;font-size:13px}.form-control,.form-select{background-color:white;font-size:16px;min-height:48px;border-color:#c6d0ca;border-radius:8px}.form-control:focus,.form-select:focus{border-color:#5b8f7e;box-shadow:0 0 0 .2rem #5b8f7e26}.form-label{font-size:14px;font-weight:650}.modal-content{border:0;border-radius:17px;background:#fff}.modal-header,.modal-body,.modal-footer{padding:22px}.modal-footer{gap:8px}.modal-footer .btn{flex:1}.member-title{font-size:15px;font-weight:700;padding-top:8px}.slot-label{background:var(--accent-soft);padding:10px 14px;border-radius:8px;color:#9b452a;font-weight:650}.skip-link{position:fixed;top:-100px;left:15px;z-index:10000;background:#fff;padding:12px}.skip-link:focus{top:10px}.alert{font-size:14px;border-radius:10px}.login-shell{max-width:460px;margin:45px auto;padding:0 20px}.login-card{background:#fff;padding:30px;border:1px solid var(--line);border-radius:15px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0}.admin-heading h1{font-size:2rem}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-card{padding:18px;background:white;border:1px solid var(--line);border-radius:11px}.stat-card strong{display:block;font-size:1.9rem;line-height:1.2}.stat-card span{font-size:13px;color:var(--muted)}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.control-card{background:#fff;padding:15px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:12px}.control-card h3{font-size:14px;letter-spacing:0;margin:0}.control-card .btn{margin-top:auto;font-size:13px;padding:9px;min-height:44px}.admin-section{padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:22px 0}.admin-section h2{font-size:1.3rem;margin-bottom:18px}.table{font-size:14px;--bs-table-bg:white;vertical-align:middle}.table th{font-size:12px;color:var(--muted);font-weight:650;white-space:nowrap}.table td{max-width:240px;overflow-wrap:anywhere}.table .btn{font-size:12px;min-height:40px;padding:8px 11px}.actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.actions form{margin:0}.btn-outline-danger{--bs-btn-color:#b3342f;--bs-btn-border-color:#d9aba8}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.edit-container{max-width:650px;margin:30px auto}.small-meta{font-size:12px;color:var(--muted)}
@media(min-width:900px){.ranking-grid{grid-auto-flow:column;grid-template-rows:repeat(3,auto)}}
@media(max-width:767px){.shell{padding-inline:18px}.brand-row{height:76px}.intro{padding:30px 0 24px;gap:16px}.intro-count{display:none}.subtitle{font-size:1.1rem}.intro-note{font-size:14px}.activity-nav{grid-template-columns:1fr 1fr}.activity-nav a{padding:13px 10px}.activity-nav a:nth-child(2){border-right:0}.activity-nav a:nth-child(-n+2){border-bottom:1px solid var(--line)}.privacy-note{font-size:12px;line-height:1.5}.activity-card{padding:20px 16px;margin-bottom:16px}.activity-title{gap:10px}.activity-title h2{font-size:1.2rem}.activity-icon{width:39px;height:39px;border-radius:9px}.activity-icon svg{width:23px}.badge-status{font-size:10px;padding:5px 8px}.card-heading{gap:8px}.slot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.slot{min-height:100px}.free-activities{grid-template-columns:1fr;gap:0}.ranking-grid{grid-template-columns:1fr}.ranking-section{padding-top:20px}.footer{flex-direction:column;gap:10px}.admin-heading{align-items:flex-start;flex-direction:column;gap:10px}.admin-summary{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:repeat(2,1fr)}.admin-section{padding:18px 12px}.modal-dialog{margin:12px}.modal-header,.modal-body,.modal-footer{padding:19px}.modal-dialog-scrollable .modal-content{max-height:calc(100dvh - 24px)}.modal-dialog-scrollable form{display:flex;flex-direction:column;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-footer .btn{font-size:14px;padding-inline:10px}.admin-heading h1{font-size:1.7rem}}
@media(max-width:440px){.slot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand{font-size:21px}.brand-mark{width:39px;height:39px;font-size:30px}.event-tag{font-size:9px;padding:6px 8px;letter-spacing:.1em}.activity-title h2{font-size:1.12rem}.activity-title .kicker{font-size:10px}.activity-nav a span{font-size:12px}.slot-area{font-size:12px}.area-chip{font-size:11px}.card-heading{flex-wrap:wrap}.badge-status{font-size:11px}.intro h1{font-size:1.9rem}}
@media(max-width:350px){.shell{padding-inline:12px}.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-nav a{gap:6px}.activity-card{padding:18px 12px}.event-tag{font-size:8px}.brand{gap:9px}.intro h1{font-size:1.7rem}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex-basis:100%}.control-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}