:root{font-family:Inter,system-ui,sans-serif;color:#f5f1e8;background:#0b1117}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:radial-gradient(circle at top right,#223526,transparent 38%),#0b1117;min-height:100vh}.dialog-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#05090dcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdrop-in .16s ease-out}.app-dialog{width:min(460px,100%);padding:clamp(1.25rem,4vw,2rem);border:1px solid #3b4955;border-radius:22px;background:radial-gradient(circle at top right,#2b422f,transparent 45%),#131c24;box-shadow:0 24px 80px #000c;animation:dialog-in .18s ease-out}.dialog-heading{display:flex;align-items:center;gap:1rem}.dialog-heading h2,.dialog-eyebrow{margin:0}.dialog-eyebrow{margin-bottom:.25rem;color:#98a3ad;font-size:.72rem;font-weight:800;letter-spacing:.14em}.dialog-icon,.toast-icon{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#b5e853;color:#101820;font-weight:900}.dialog-icon{width:3rem;height:3rem;font-size:1.4rem;box-shadow:0 0 0 7px #b5e81a1a}.dialog-danger .dialog-icon{background:#ff837a;box-shadow:0 0 0 7px #ff837a1a}.dialog-message{margin:1.5rem 0;color:#c7d0d8;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem}.dialog-danger .dialog-actions button:last-child{background:#ff837a}.app-toast{position:fixed;z-index:1100;top:1rem;right:1rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:min(390px,calc(100% - 2rem));padding:.85rem;border:1px solid #3b4955;border-radius:16px;background:#131c24f5;box-shadow:0 18px 48px #000a;animation:toast-in .22s ease-out}.toast-icon{width:2rem;height:2rem}.toast-danger .toast-icon{background:#ff837a}.app-toast button{padding:.2rem .45rem;background:transparent;color:#98a3ad;font-size:1.4rem}@keyframes backdrop-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@keyframes toast-in{0%{opacity:0;transform:translate(18px)}}header{position:sticky;top:0;display:flex;justify-content:space-between;padding:1rem max(1rem,calc((100% - 1100px)/2));background:#0b1117ed;border-bottom:1px solid #29343e;z-index:20}.impersonation-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:#f2b84b;color:#101820;text-align:center}.mobile-impersonation-banner{display:none}.profile-impersonation-banner{border-radius:14px}.profile-impersonation-banner button{border:2px solid #101820;background:#101820;color:#fff}.brand{display:inline-flex;flex:0 1 auto;align-items:center;gap:.65rem;min-width:0;color:#f5f1e8;text-decoration:none}.brand img{width:2.75rem;height:2.75rem;flex:0 0 auto;border-radius:50%;object-fit:cover}nav{display:flex;gap:1rem;align-items:center}.language-toggle{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid #394653;background:#131c24;color:#f5f1e8;font-size:.8rem;letter-spacing:.04em}.auth>.language-toggle,main>.language-toggle{position:fixed;z-index:30;top:1rem;right:1rem}nav a{text-decoration:none}.nav-impersonation{padding:.55rem .75rem;background:#f2b84b;color:#101820;white-space:nowrap}.profile-menu{position:relative}.profile-menu summary{display:flex;cursor:pointer;list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary:focus-visible{border-radius:50%;outline:2px solid #b5e853;outline-offset:3px}.profile-dropdown{position:absolute;z-index:10;top:calc(100% + .65rem);right:0;display:grid;min-width:10rem;overflow:hidden;border:1px solid #394653;border-radius:12px;background:#131c24;box-shadow:0 16px 36px #0008}.profile-dropdown a,.profile-dropdown .dropdown-action{display:block;width:100%;padding:.8rem 1rem;border-radius:0;background:transparent;color:#f5f1e8;font:inherit;text-align:left;text-decoration:none}.profile-dropdown a:hover,.profile-dropdown .dropdown-action:hover{background:#25313b;color:#b5e853}a{color:#b5e853;text-decoration:none}a:hover,a:focus,a:visited{text-decoration:none}main{width:100%;min-width:0;max-width:1100px;margin:auto;padding:2rem 1rem 5rem}.stack{display:grid;gap:1rem}.card{min-width:0;background:#131c24;border:1px solid #29343e;border-radius:18px;padding:clamp(1rem,3vw,2rem)}.collapsible-card{padding:0;overflow:hidden}.collapsible-heading{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1rem,3vw,2rem);border-radius:0;background:transparent;color:#f5f1e8;text-align:left}.collapsible-heading:hover,.collapsible-heading:focus-visible{background:#19242d}.collapsible-heading h2{margin:0}.plus-icon{display:inline-grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border:1px solid #486052;border-radius:50%;background:#253d2c;color:#b5e853;font-size:1.7rem;line-height:1;transition:transform .18s ease}.plus-icon.open{transform:rotate(45deg)}.collapsible-card form{margin:0;padding:0 clamp(1rem,3vw,2rem) clamp(1rem,3vw,2rem)}.hero h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1;margin:.5rem 0}.hero h1 span,.eyebrow,.stats strong,.debt strong{color:#b5e853}.home-debt{border-color:#486052}.eyebrow{font-weight:800;letter-spacing:.15em}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stats .card{display:grid;gap:.5rem}.stats strong,.debt strong{font-size:2rem}.actions{display:flex;gap:.7rem;margin-top:1.5rem}.availability-choice{border:2px solid #394653;background:#29343e;color:#f5f1e8;opacity:.72}.availability-choice.selected{opacity:1;box-shadow:0 0 0 4px #ffffff12}.waiting-choice.selected{border-color:#98a3ad;background:#394653}.available-choice.selected{border-color:#b5e853;background:#b5e853;color:#101820}.unavailable-choice.selected{border-color:#ff837a;background:#ff837a;color:#101820}button{border:0;border-radius:10px;padding:.75rem 1rem;background:#b5e853;color:#101820;font-weight:800;cursor:pointer}.secondary{background:#29343e;color:#fff}.danger-button{background:#ff837a;color:#101820}.section-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-heading-actions h2{margin:0}.link{background:transparent;color:#b5e853;padding:.2rem;text-decoration:none}.auth-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}form{display:grid;gap:1rem;max-width:550px;margin-bottom:1.5rem}label{display:grid;gap:.4rem}input{width:100%;min-width:0;max-width:100%;border:1px solid #394653;border-radius:10px;background:#0d151c;color:#fff;padding:.8rem}.auth{min-height:100vh;display:grid;place-items:center}.auth .card{width:min(440px,100%)}.row{min-width:0;display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #29343e}.row-main{flex:1;min-width:0}.row-main small{overflow-wrap:anywhere}.member-name{display:block;overflow-wrap:normal;word-break:normal}.member-profile-link{color:#f5f1e8;font-weight:700}.member-profile-link:hover,.member-profile-link:focus{color:#b5e853}.row-actions{display:flex;flex:0 0 auto;gap:.5rem}.history-game{overflow:hidden;margin-top:1rem;border:1px solid #34434f;border-radius:16px;background:linear-gradient(145deg,#16212a,#101820);box-shadow:0 12px 32px #0003}.history-game-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem;border-bottom:1px solid #29343e;background:radial-gradient(circle at top right,#29412e,transparent 55%)}.history-game-header h3,.history-game-header p{margin:0}.history-game-header h3{margin:.25rem 0 .5rem;font-size:clamp(1.25rem,3vw,1.75rem)}.history-game-header h3 span{color:#b5e853}.history-game-meta{color:#aeb8c0}.history-game-summary{display:grid;justify-items:end;gap:.35rem;flex:0 0 auto}.history-game-summary span{padding:.3rem .65rem;border-radius:999px;background:#253d2c;color:#b5e853;font-size:.85rem;font-weight:800}.history-game-summary strong{font-size:1.35rem}.history-game-toolbar{display:flex;justify-content:flex-end;padding:.8rem 1.25rem;border-bottom:1px solid #29343e}.participant-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:none;margin:1rem;padding:1rem;border:1px solid #486052;border-radius:14px;background:#0d151c}.participant-editor-help{grid-column:1 / -1;margin:0 0 .25rem;color:#aeb8c0;line-height:1.5}.participant-option{display:flex;align-items:center;gap:.6rem;padding:.7rem;border:1px solid #34434f;border-radius:10px;background:#131c24;cursor:pointer}.participant-option input{width:auto;accent-color:#b5e853}.participant-option:has(input:checked){border-color:#b5e853;background:#253d2c;color:#eaffc0}.history-participant-row{margin:0 1.25rem}.history-participant-row:last-child{border-bottom:0}.payment-status.paid{background:#253d2c;color:#b5e853}.amount-form{display:flex;align-items:center;gap:.5rem;max-width:none;margin:0}.amount-form input{width:7rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.roster-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.roster-actions button{padding:.55rem .75rem}.avatar{width:2.4rem;height:2.4rem;aspect-ratio:1;min-width:2.4rem;max-width:2.4rem;flex:0 0 auto;display:inline-grid;place-items:center;overflow:hidden;border:1px solid #486052;border-radius:50%;background:#253d2c;color:#b5e853;font-size:.78rem;font-weight:800;letter-spacing:.03em}.avatar-link{display:inline-flex;flex:0 0 auto;border-radius:50%}.avatar-link:focus-visible{outline:2px solid #b5e853;outline-offset:3px}.avatar-link:hover .avatar{border-color:#b5e853;transform:scale(1.05)}.public-profile{display:grid;justify-items:center;gap:.75rem;text-align:center}.public-profile h1,.public-profile p{margin:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:5rem;height:5rem;min-width:5rem;max-width:5rem;font-size:1.35rem}.profile-image-trigger{display:inline-flex;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:transparent}.profile-image-trigger:hover .avatar,.profile-image-trigger:focus-visible .avatar{border-color:#b5e853;transform:scale(1.05)}.profile-image-trigger:focus-visible{outline:2px solid #b5e853;outline-offset:4px}.profile-lightbox{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:#05090df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:backdrop-in .16s ease-out}.profile-lightbox img{display:block;max-width:min(92vw,1000px);max-height:88vh;border:1px solid #486052;border-radius:18px;object-fit:contain;box-shadow:0 24px 80px #000d}.profile-lightbox-close{position:fixed;z-index:1;top:1rem;right:1rem;display:grid;width:2.75rem;height:2.75rem;place-items:center;padding:0;border:1px solid #65717b;border-radius:50%;background:#131c24;color:#f5f1e8;font-size:1.8rem;line-height:1}.profile-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-heading h1,.profile-heading p{margin:0}.row small,.debt small{display:block;color:#98a3ad}.available{color:#b5e853}.unavailable,.error{color:#ff837a}.success{color:#b5e853}.upload-progress{width:100%;margin-top:.75rem;accent-color:#b5e853}button:disabled{cursor:wait;opacity:.65}.pending{color:#98a3ad}@media(max-width:650px){.app-dialog{border-radius:18px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}.app-toast{top:auto;right:1rem;bottom:1rem}.desktop-impersonation-return,.desktop-impersonation-banner{display:none}.mobile-impersonation-banner{display:flex;width:100%;border-radius:0;font:inherit;line-height:1.45}.mobile-impersonation-banner strong{text-decoration:underline;text-underline-offset:.2em}header{align-items:center;gap:.75rem}.brand b{display:none}nav{flex-wrap:wrap;justify-content:flex-end}nav .language-toggle{padding:.5rem}.stats{grid-template-columns:1fr}.actions{flex-direction:column}.row{align-items:center;flex-wrap:wrap}.roster-actions{width:100%;align-items:stretch;flex-direction:column}.roster-actions button{width:100%}.roster-actions b{width:100%;text-align:right}.admin-member-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}.admin-member-row .row-actions{grid-column:1 / -1;width:100%}.admin-member-row .row-actions button{flex:1 1 0;min-width:0}.amount-form{width:100%}.history-game-header{flex-direction:column}.history-game-summary{width:100%;grid-template-columns:1fr 1fr;align-items:center;justify-items:start}.history-game-summary strong{justify-self:end}.history-game-toolbar button{width:100%}.history-participant-row{margin:0 1rem}.amount-form label,.amount-form input,.amount-form button{flex:1 1 0;width:100%}.section-heading-actions{align-items:stretch;flex-direction:column}.section-heading-actions .row-actions button{flex:1 1 0}}.debt{display:grid;gap:.65rem}.debt span,.debt strong,.debt small{display:block}