:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090b0a;--foreground:#f4f3ed;--muted:#a9ada8;--accent:#e8b94f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%, #e8b94f14, transparent 36rem), var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.thought{width:min(100%,44rem);animation:.6s cubic-bezier(.22,1,.36,1) both reveal}.thought h1{letter-spacing:-.055em;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:520;line-height:.96}.thought p:last-child{max-width:38rem;color:var(--muted);margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.65}@keyframes reveal{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.thought{animation:none}}.choices{gap:.75rem;margin-top:2rem;animation:.25s .6s both choices-appear;display:grid}@keyframes choices-appear{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.choices{animation:none}}.choices a{width:fit-content;color:var(--foreground);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-underline-offset:.35rem}.choices a:hover{color:var(--accent)}.identity-list{color:var(--muted);gap:.5rem;margin-top:2rem;display:grid}.identity-list p{margin:0}.error-text{margin-top:1rem;color:#ff9b8f!important}button{color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #f4f3ed40;border-radius:999px;padding:.55rem .85rem}button:hover{border-color:var(--accent);color:var(--accent)}.logout-form{margin-top:2rem}.choice-reveal{opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translateY(-.25rem)}.choice-reveal[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(0)}.task-list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.task-list li{border-left:2px solid;padding:.25rem 0 .25rem 1rem}.task-list h2{margin:0 0 .35rem;font-size:1.1rem}.task-list p{color:var(--muted);margin:0}.match-form{gap:.75rem;margin-top:2rem;display:grid}.match-form label{color:var(--muted)}.match-form input{width:min(100%,36rem);color:var(--foreground);font:inherit;background:#111411;border:1px solid #f4f3ed40;border-radius:.5rem;padding:.8rem}.match-form button{width:fit-content}.preview{margin-top:2rem}.player-list{color:var(--muted);gap:.35rem;padding-left:1.5rem;display:grid}.player-list li[data-current=true]{color:var(--accent);font-weight:650}.preview-actions{align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.preview-actions a{color:var(--foreground)}.success-text{color:#8fd694}.admin-shell{width:min(100% - 2rem,76rem);margin:0 auto;padding:1rem 0 4rem}.admin-header{border-bottom:1px solid #2b2e2b;justify-content:space-between;gap:1rem;padding:1rem 0 2rem;display:flex}.admin-header nav{flex-wrap:wrap;gap:1rem;display:flex}.admin-shell a{color:var(--foreground)}.admin-shell section{padding-top:2rem}.admin-title{justify-content:space-between;align-items:center;display:flex}.metrics,.admin-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;display:grid}.metrics article,.admin-card{background:#0f120f;border:1px solid #30342f;border-radius:.75rem;padding:1rem}.metrics article{gap:.5rem;display:grid}.metrics b{font-size:2rem}.metrics span,small{color:var(--muted)}.admin-form{gap:.75rem;display:grid}.admin-form label{color:var(--muted);gap:.35rem;display:grid}.admin-form input,.admin-form textarea{min-width:0;color:var(--foreground);font:inherit;background:#080a08;border:1px solid #383c38;border-radius:.4rem;padding:.65rem}.admin-form textarea{min-height:7rem}.admin-form.inline{flex-wrap:wrap;margin:1rem 0;display:flex}.narrow{max-width:28rem;margin:10vh auto}.thought button,.thought .choices a,.thought .preview-actions a{width:fit-content;max-width:100%;font:inherit;text-align:left;color:var(--foreground);cursor:pointer;text-underline-offset:.35rem;background:0 0;border:0;border-radius:0;padding:.35rem 0;line-height:1.6;-webkit-text-decoration:underline #e8b94fa6;text-decoration:underline #e8b94fa6;display:inline-block}.thought button:hover,.thought .choices a:hover,.thought .preview-actions a:hover{color:var(--accent)}.thought button:disabled{opacity:.6;cursor:wait}.thought :is(button,a,input):focus-visible{outline:2px solid var(--accent);outline-offset:5px}.thought .dialog-feedback,.thought .error-text{background:#bb927b12;border-left:2px solid #bb927b;margin:.75rem 0;padding:.8rem 1rem;font-size:1rem;line-height:1.65;color:#e4c4b4!important}.instruction-body{color:var(--muted);overflow-wrap:anywhere;margin-top:2rem;line-height:1.8}.instruction-body h2{color:var(--foreground);margin:2rem 0 .5rem;font-size:1.3rem;font-weight:550}.instruction-body p{margin:.75rem 0;font-size:1.1rem;line-height:1.8}.instruction-body strong{color:var(--foreground);font-weight:550}.greeting-message{background:#101510;border:1px solid #353c35;border-radius:.75rem;margin:1.5rem 0;padding:1.25rem}.greeting-message .greeting-message-label{color:var(--muted);margin:0 0 .75rem;font-size:.8rem}.greeting-message .greeting-message-text{color:var(--foreground);white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0 0 .75rem}.copy-status{color:var(--muted);font-size:.85rem;line-height:1.6;display:block}.identity-list{gap:.75rem}.identity-card{background:#0e130e;border:1px solid #303830;border-radius:.75rem;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.steam-avatar{object-fit:cover;border-radius:.65rem;width:56px;height:56px}.avatar-fallback{color:#b3c2b3;background:#273027;place-items:center;font-size:1.4rem;display:grid}.identity-details{min-width:0}.identity-details p{color:var(--foreground);overflow-wrap:anywhere}.identity-details small{overflow-wrap:anywhere;margin-top:.3rem;display:block}.match-reference{color:var(--muted)}.preview-actions{flex-wrap:wrap}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:480px){.shell{padding:2rem 1.25rem}.identity-card{grid-template-columns:56px minmax(0,1fr)}.identity-card form{grid-column:2}}table{border-collapse:collapse;width:100%;margin-top:1.5rem}th,td{text-align:left;border-bottom:1px solid #292c29;padding:.7rem}pre{background:#050605;border-radius:.5rem;padding:1rem;overflow:auto}
