@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#eef5ff;--muted:#9aacc7;--navy:#0a1220;--surface:#111e32;--line:#293a55;--cyan:#35d9ee;--blue:#4487f7;--purple:#aa70f8;--green:#43d6b0;--yellow:#f3b65c;--gray:#586a82;font-family:'DM Sans',Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -28%,#1a2b4c 0,transparent 50%),var(--navy);color:var(--ink);line-height:1.5;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}img{max-width:100%}.hidden{display:none!important}.shell{width:min(1160px,calc(100% - 36px));margin-inline:auto}.background-glow{position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(circle at 94% 20%,rgba(153,85,255,.1),transparent 27%),radial-gradient(circle at 4% 56%,rgba(25,191,232,.08),transparent 30%)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;line-height:1.08}h1{font-size:clamp(2.9rem,6vw,5.5rem);letter-spacing:-.07em}h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#619cff 48%,var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}h2{font-size:1.45rem;letter-spacing:-.04em}h3{font-size:1rem}.eyebrow{font-size:.77rem;letter-spacing:.18em;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.glass{background:linear-gradient(145deg,rgba(28,44,69,.9),rgba(13,25,43,.94));border:1px solid rgba(129,165,211,.16);box-shadow:0 22px 70px rgba(1,8,20,.25);border-radius:24px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(132,170,214,.12)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font:700 1.65rem 'Space Grotesk',sans-serif;letter-spacing:-.065em}.brand-mark{width:40px;height:40px;object-fit:contain}.brand-accent{color:var(--cyan)}.header-right{display:flex;align-items:center;gap:24px}.header-kicker{color:var(--muted);font-size:.85rem;letter-spacing:.02em}.text-button{border:0;background:none;color:var(--cyan);padding:5px 0;font-weight:700}.text-button:hover{text-decoration:underline}.primary-button{border:0;background:linear-gradient(100deg,#2ad3ed,#5990ff 55%,#a172ef);color:#071324;font-weight:800;border-radius:12px;padding:15px 20px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 9px 30px rgba(49,137,245,.22);transition:transform .15s,filter .15s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.07)}.outline-button{display:inline-block;text-decoration:none;border:1px solid var(--line);padding:13px 18px;border-radius:12px;font-weight:700}.outline-button:hover{border-color:var(--cyan)}label{display:block;font-size:.86rem;font-weight:700;margin:0 0 8px;color:#d4e1f5}input{color:var(--ink);width:100%;height:52px;padding:0 16px;border:1px solid #39506d;outline:0;background:#0b1729;border-radius:11px}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(53,217,238,.13)}form .primary-button{width:100%;margin-top:14px}
.auth-layout{min-height:calc(100vh - 164px);display:grid;grid-template-columns:1fr 430px;align-items:center;gap:6%;padding:48px 0 62px}.auth-copy h1{margin:28px 0 20px}.auth-copy>p{font-size:1.15rem;max-width:520px;color:var(--muted);line-height:1.7}.auth-perks{display:flex;flex-wrap:wrap;gap:9px;margin-top:31px}.auth-perks span{border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:#c7d7ee;font-size:.82rem;font-weight:700}.auth-card{padding:28px}.auth-logo{display:block;width:240px;height:200px;object-fit:cover;object-position:center 45%;margin:-8px auto 19px;border-radius:16px}.auth-card h2{font-size:1.8rem;margin-bottom:8px}.auth-card p{color:var(--muted)}.auth-card .privacy-small{font-size:.77rem;line-height:1.6;margin:22px 0 0}.privacy-small a{color:var(--cyan)}.dev-code{background:rgba(53,217,238,.11);border:1px solid rgba(53,217,238,.35);border-radius:9px;padding:10px;color:#d6f9ff!important;font-size:.9rem}.site-footer{padding:25px 0 13px;display:flex;justify-content:space-between;color:#7f91ab;font-size:.78rem;border-top:1px solid rgba(132,170,214,.12)}.privacy-footer{padding-bottom:30px;font-size:.74rem;color:#788ca8}.privacy-footer strong{color:#9fb4d1;margin-right:4px}
.app-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:41px 0 29px}.app-heading h1{font-size:clamp(2.8rem,5vw,4.3rem);margin:14px 0 0}.welcome-pill{border:1px solid var(--line);border-radius:999px;padding:10px 16px;color:var(--muted);font-size:.86rem}.welcome-pill strong{color:var(--ink)}.app-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:20px;align-items:start}.play-card,.progress-card,.leaderboard-card{padding:25px}.play-card{min-height:650px}.play-head,.section-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.play-head h2{font-size:1.7rem;margin:9px 0 0}.status-pill{white-space:nowrap;border-radius:999px;padding:7px 10px;color:#bfe5ff;background:#1a3554;border:1px solid #2c5a79;font-size:.75rem;font-weight:800}.play-message{text-align:center;min-height:31px;margin:18px 0 7px;color:var(--muted);font-size:.92rem}.word-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:min(100%,312px);margin:5px auto 27px}.tile{aspect-ratio:1;border-radius:9px;border:2px solid #3b4d68;background:#13233a;display:grid;place-items:center;font:700 clamp(1.25rem,3vw,1.85rem) 'Space Grotesk',sans-serif;transition:background .15s,transform .15s}.tile.filled{border-color:#6e86a5}.tile.correct{background:#258f79;border-color:#258f79}.tile.present{background:#bd8740;border-color:#bd8740}.tile.absent{background:#3b4b61;border-color:#3b4b61}.keyboard{display:grid;gap:6px;max-width:520px;margin:auto}.key-row{display:flex;justify-content:center;gap:5px}.key{min-width:0;flex:1;height:48px;border:1px solid #38506a;border-radius:7px;background:#25364d;color:#e9f1fc;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.9rem;touch-action:manipulation}.key.wide{flex:1.48;font-size:.72rem}.key.correct{background:#258f79;border-color:#258f79}.key.present{background:#bd8740;border-color:#bd8740}.key.absent{background:#3b4b61;border-color:#3b4b61}.key:hover{filter:brightness(1.16)}.game-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:26px;color:#a7b9d1;font-size:.75rem}.game-footer span{display:flex;align-items:center;gap:5px}.legend-dot{width:9px;height:9px;border-radius:2px;display:inline-block}.legend-dot.correct{background:#258f79}.legend-dot.present{background:#bd8740}.legend-dot.absent{background:#586a82}.result-panel{text-align:center;border:1px solid #385879;border-radius:15px;padding:18px;margin:18px auto 0;max-width:420px;background:rgba(23,52,74,.6)}.result-panel h3{font-size:1.45rem;margin:0 0 5px}.result-panel p{color:var(--muted);margin-bottom:12px}.result-panel .primary-button{min-height:43px;padding:10px 15px}.side-stack{display:grid;gap:20px}.section-header h2{margin:6px 0 0}.section-header strong{font:700 1.2rem 'Space Grotesk',sans-serif}.progress-track{height:9px;border-radius:99px;background:#26364d;margin:22px 0 22px;overflow:hidden}.progress-track>div{height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));border-radius:99px;transition:width .35s}.day-track{display:flex;gap:6px;justify-content:space-between;margin-bottom:28px}.day-step{display:grid;gap:6px;justify-items:center;min-width:0;color:#7789a3;font-size:.72rem;font-weight:800}.day-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#253750;border:1px solid #3d536e;color:#a8bbd4}.day-step.complete .day-icon{background:#1c736b;border-color:#2baf9b;color:white}.day-step.current .day-icon{background:#263f72;border-color:#548de5;color:white;box-shadow:0 0 0 4px rgba(72,129,236,.11)}.today-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.today-header h3{margin:0}.today-header span{font-size:.77rem;color:var(--muted)}.puzzle-list{display:grid;gap:7px}.puzzle-item{border:1px solid #2c415d;border-radius:10px;background:#152841;color:var(--ink);min-height:48px;padding:9px 12px;text-align:left;display:flex;justify-content:space-between;align-items:center}.puzzle-item:not(:disabled):hover,.puzzle-item.selected{border-color:var(--cyan);background:#173752}.puzzle-item:disabled{opacity:.62}.puzzle-item span:first-child{font-weight:700}.puzzle-state{font-size:.75rem;color:#9bb0cc}.puzzle-item.done .puzzle-state{color:var(--green)}.day-complete{background:rgba(67,214,176,.1);border:1px solid rgba(67,214,176,.35);padding:14px;border-radius:10px;margin-top:15px;color:#b8f6e6;font-size:.87rem}.tabs{display:flex;background:#0d1c31;border:1px solid #2b415c;border-radius:9px;padding:3px;margin:20px 0 10px}.tab{flex:1;background:none;border:0;border-radius:7px;color:var(--muted);min-height:37px;font-weight:700}.tab.active{background:#27476c;color:white}.board-list{min-height:130px}.board-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:11px 2px;border-bottom:1px solid rgba(132,170,214,.12)}.rank{color:var(--cyan);font-weight:800}.board-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-meta{font-size:.73rem;color:var(--muted)}.board-score{font-weight:800;font-family:'Space Grotesk',sans-serif}.empty-board{color:var(--muted);text-align:center;padding:28px 10px;font-size:.85rem}.score-note{color:#7f93af;font-size:.74rem;line-height:1.5;margin:15px 0 0}.username-panel{margin-top:25px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.username-panel h2{margin:8px 0}.username-panel p{color:var(--muted);font-size:.9rem;margin:0}.inline-form{display:flex;gap:8px}.inline-form .primary-button{width:auto;white-space:nowrap;margin:0}.about-band{margin:32px 0 45px;border:1px solid rgba(75,161,237,.25);background:linear-gradient(95deg,rgba(23,59,91,.54),rgba(80,41,121,.34));border-radius:20px;padding:25px 30px}.about-band h2{font-size:1.7rem;margin:9px 0}.about-band p{color:#aec2dd;margin-bottom:12px}.about-band a{color:var(--cyan);text-decoration:none;font-weight:700}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(500px,calc(100% - 32px));padding:12px 18px;border-radius:10px;background:#eaf6ff;color:#09223a;box-shadow:0 12px 40px rgba(0,0,0,.4);font-weight:700;text-align:center}
.admin-main{padding:45px 0 80px}.admin-login{max-width:450px;margin:55px auto;padding:32px}.admin-login h1{font-size:2.5rem;margin:13px 0}.admin-login p{color:var(--muted)}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.admin-heading h1{font-size:clamp(2.5rem,5vw,4rem);margin:12px 0 0}.admin-tabs{display:flex;gap:7px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:25px;padding-bottom:8px}.admin-tab{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:11px 15px;border-radius:9px;font-weight:700}.admin-tab.active{background:#213e60;color:var(--ink)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.metric{padding:20px;border-radius:15px;background:#152840;border:1px solid #2e4460}.metric strong{display:block;font:700 1.9rem 'Space Grotesk',sans-serif;margin-top:5px}.metric span{color:var(--muted);font-size:.8rem}.admin-box{padding:25px;margin-bottom:20px}.participation-chart{margin-top:25px;display:grid;gap:14px}.chart-row{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:12px;font-size:.84rem}.bar-bg{height:16px;border-radius:99px;background:#1a304c;overflow:hidden}.bar{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.admin-note{padding:15px 18px;border-radius:12px;background:#123451;border:1px solid #31678a;color:#bfe7f5;margin-bottom:20px}.admin-day{margin-bottom:24px}.admin-day h2{margin:0 0 12px}.admin-puzzle{padding:18px;margin-bottom:10px;display:grid;grid-template-columns:95px minmax(120px,1fr) 150px minmax(170px,1.2fr) auto;align-items:end;gap:12px}.admin-puzzle label{font-size:.74rem}.admin-puzzle .puzzle-identity{font-weight:700;align-self:center}.admin-puzzle .puzzle-identity small{display:block;color:var(--muted);font-weight:500}.admin-puzzle input[type=checkbox]{height:21px;width:21px;accent-color:var(--cyan)}.active-toggle{display:flex;align-items:center;gap:8px;min-height:52px}.admin-puzzle-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mini-button{border:1px solid #426487;color:#e5f3ff;background:#1b3856;padding:8px 10px;min-height:38px;border-radius:8px;font-size:.78rem;font-weight:700;white-space:nowrap}.mini-button:hover{border-color:var(--cyan)}.mini-button.release{background:#225a6e}.release-status{font-size:.75rem;color:var(--muted);grid-column:1/-1}.settings-box{max-width:760px}.settings-box h2{margin:8px 0 22px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.count-inputs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0 8px}.count-inputs label{font-size:.75rem}.settings-box .primary-button{width:auto}.subtle{color:var(--muted);font-size:.8rem;margin:15px 0 0}.table-scroll{overflow-x:auto}.participants-table{border-collapse:collapse;width:100%;min-width:650px;margin-top:18px}.participants-table th,.participants-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:.84rem}.participants-table th{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.participants-table td{color:#d4e0f0}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr 390px;gap:20px}.app-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr;align-items:start}.metric-grid{grid-template-columns:repeat(3,1fr)}.admin-puzzle{grid-template-columns:75px minmax(130px,1fr) 90px minmax(170px,1fr)}.admin-puzzle-actions{grid-column:2/-1}}
@media(max-width:700px){.shell{width:min(100% - 28px,500px)}.site-header{height:69px}.brand{font-size:1.35rem}.brand-mark{width:32px;height:32px}.header-kicker{display:none}.auth-layout{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:36px 0 50px}.auth-copy h1{font-size:clamp(2.75rem,12vw,4.5rem);margin:18px 0 13px}.auth-copy>p{font-size:1rem}.auth-perks{margin-top:18px}.auth-card{padding:20px}.auth-logo{height:120px;width:190px;object-fit:cover;object-position:center 40%;margin:0 auto 15px}.app-heading{padding:30px 0 20px;align-items:start;flex-direction:column}.app-heading h1{font-size:3.2rem}.welcome-pill{font-size:.8rem}.side-stack{grid-template-columns:1fr}.play-card,.progress-card,.leaderboard-card{padding:18px;border-radius:19px}.play-card{min-height:0}.play-head h2{font-size:1.45rem}.word-grid{width:min(100%,300px);gap:5px}.tile{border-radius:6px}.key{height:46px;font-size:.8rem}.key-row{gap:3px}.game-footer{gap:8px;font-size:.65rem}.username-panel{grid-template-columns:1fr}.inline-form{flex-direction:column}.inline-form .primary-button{width:100%}.about-band{padding:22px}.site-footer{gap:10px;flex-wrap:wrap}.admin-main{padding-top:28px}.admin-heading{align-items:start;flex-direction:column}.admin-heading h1{font-size:2.65rem}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-puzzle{grid-template-columns:1fr 1fr;gap:10px}.admin-puzzle .puzzle-identity{grid-column:1/-1}.admin-puzzle .release-field{grid-column:1/-1}.admin-puzzle-actions{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.count-inputs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.key{height:40px;font-size:.72rem}.key.wide{font-size:.63rem}.word-grid{width:min(100%,270px)}.auth-copy h1{font-size:2.65rem}.status-pill{font-size:.67rem}}
@media(max-width:700px){.auth-card{order:-1}.auth-layout{padding-top:22px}.auth-copy{padding:8px 3px 0}.auth-copy h1{font-size:clamp(2.5rem,10vw,3.5rem)}}
.day-step{border:0;background:transparent;cursor:pointer;padding:0}.day-step:disabled{cursor:not-allowed}.day-step.selected .day-icon{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(53,217,238,.13)}
.preview-dialog{width:min(430px,calc(100vw - 28px));border:1px solid #426084;border-radius:20px;padding:25px;background:#15253c;color:var(--ink);box-shadow:0 25px 80px #030913}.preview-dialog::backdrop{background:rgba(2,8,19,.78)}.preview-dialog h2{margin:10px 0}.preview-dialog p{color:var(--muted)}.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:17px 0}.preview-grid .tile{font-size:1.4rem}.preview-dialog .text-button{margin-top:7px}