@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&display=swap");:root{--ink:#002a54;--paper:#fafbfc;--paper-deep:#eef2f6;--accent:#0096d6;--accent-hot:#ffd700;--veil:#0a1f33;--line:#c5d0db;--white-cell:#ffffff;--black-cell:#1a1a1a;--highlight:#d6eef8;--active:#fff3b0;--danger:#9b2c2c;--shadow:rgba(0,42,84,0.12);--font-display:"Fraunces","Iowan Old Style","Palatino Linotype",Palatino,serif;--font-body:"Source Serif 4","Source Serif Pro",Georgia,serif;--font-ui:"DM Sans","Avenir Next","Segoe UI",sans-serif}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#ffffff 0,transparent 55%),radial-gradient(900px 500px at 100% 0,#e3f3fb 0,transparent 50%),linear-gradient(165deg,var(--paper) 0,var(--paper-deep) 100%)}button,input{font:inherit}button{cursor:pointer;border:none;border-radius:999px;background:var(--accent);color:#ffffff;font-family:var(--font-ui);font-weight:700;letter-spacing:.02em;padding:.85rem 1.4rem;transition:transform .16s ease,background .16s ease,opacity .16s ease}button:hover:not(:disabled){transform:translateY(-1px);background:#007bb3}button:disabled{opacity:.55;cursor:not-allowed}button.primary{min-width:12rem}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{min-height:100vh;padding:1.5rem clamp(1rem,4vw,3rem) 3rem}.brand-logo{display:block;height:auto;animation:rise .7s ease both}.brand-logo--hero{width:min(22rem,100%);margin:0 auto .75rem}.brand-logo--compact{width:7.5rem;margin:0 0 .35rem}h1{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);margin:0 0 1rem;font-weight:600}.gate,.veil{max-width:40rem;margin:8vh auto 0;text-align:center}.gate-hint,.gate-info{font-family:var(--font-ui);opacity:.8;margin:.5rem 0 0;line-height:1.45}.gate-form{display:grid;grid-gap:.85rem;gap:.85rem;margin-top:1.5rem}.gate-form input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.95);border-radius:.75rem;padding:.9rem 1rem;font-size:1.1rem}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.secondary:hover:not(:disabled){background:rgba(0,150,214,.08);transform:none}.error{color:var(--danger);font-family:var(--font-ui);margin-top:1rem}.veil-header{display:flex;flex-direction:column;align-items:center;gap:.35rem}.nickname-chip{font-family:var(--font-ui);font-size:.95rem;opacity:.75;margin:0}.veil-stage{margin:1.75rem auto;width:min(100%,22rem);aspect-ratio:5/4;border-radius:1.25rem;overflow:hidden;box-shadow:0 24px 50px var(--shadow);background:var(--veil);animation:softPulse 3.6s ease-in-out infinite}.veil-blur{width:100%;height:100%;filter:blur(7px) saturate(.7);transform:scale(1.08);display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#1a3a55,transparent 45%),radial-gradient(circle at 80% 70%,#0d4a6e,transparent 40%),#0a1f33}.fake-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:3px;gap:3px;width:85%;height:75%}.fake-grid .wht{background:rgba(255,255,255,.55)}.fake-grid .blk{background:rgba(10,10,10,.85)}.veil-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.playing{position:relative;max-width:min(1480px,100%);margin:0 auto}.playing--dimmed .play-header,.playing--dimmed .play-layout{filter:blur(1.5px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:1.25rem;border-bottom:2px solid var(--ink);padding-bottom:.85rem}.play-header>.logout-link{justify-self:start}.play-brand-block{justify-self:center;display:flex;flex-direction:row;align-items:center;gap:1rem}.play-header .brand-logo--compact{margin-bottom:0}.play-header h1{margin:0}button.logout-link{background:rgba(255,255,255,.95);border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-family:var(--font-ui);font-size:.85rem;font-weight:700;letter-spacing:.02em;padding:.4rem .95rem;text-decoration:none}button.logout-link:hover:not(:disabled){background:rgba(0,150,214,.08);color:#007bb3;transform:none}.play-meta{justify-self:end;display:flex;flex-direction:row;align-items:center;gap:1rem}.timer{font-family:var(--font-ui);font-size:2rem;font-weight:700;margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.play-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(16rem,.85fr);grid-gap:1.75rem;gap:1.75rem;align-items:start}.grid-wrap{overflow:auto;padding:.25rem;min-width:0}.crossword{border-collapse:collapse;background:var(--white-cell);box-shadow:0 10px 30px var(--shadow);width:max-content;max-width:100%}.cell{--cell:clamp(2.15rem,2.6vw,2.85rem);width:var(--cell);height:var(--cell);min-width:var(--cell);min-height:var(--cell);border:1px solid var(--ink);position:relative;padding:0}.cell.black{background:var(--black-cell);border-color:var(--black-cell)}.cell.white{background:var(--white-cell)}.cell.hi{background:var(--highlight)}.cell.focus{background:var(--active)}.cell .num{position:absolute;top:2px;left:3px;font-size:clamp(.55rem,.7vw,.72rem);line-height:1;pointer-events:none}.cell .num,.cell input{font-family:var(--font-ui)}.cell input{width:100%;height:100%;border:0;background:transparent;text-align:center;text-transform:uppercase;font-weight:700;font-size:clamp(1.05rem,1.35vw,1.35rem);padding-top:.25rem;color:var(--ink);caret-color:transparent}.cell input:focus{outline:none}.clues{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.clue-col h2{font-family:var(--font-display);font-size:1.15rem;margin:0 0 .5rem;border-bottom:1px solid var(--line);padding-bottom:.25rem}.clue-col ol{list-style:none;margin:0;padding:0;display:grid;grid-gap:.2rem;gap:.2rem}.clue{display:block;width:100%;text-align:left;background:transparent;color:var(--ink);border-radius:.4rem;padding:.35rem .4rem;font-family:var(--font-body);font-weight:400;font-size:.92rem;line-height:1.35}.clue.active,.clue:hover:not(:disabled){background:var(--highlight);transform:none}.result-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.25rem;background:rgba(0,42,84,.42);animation:overlayIn .22s ease both}.result-card{width:min(100%,26rem);text-align:center;padding:1.6rem 1.4rem 1.5rem;border-radius:1rem;background:linear-gradient(165deg,rgba(255,255,255,.98),rgba(238,242,246,.96));border:1px solid var(--line);box-shadow:0 28px 60px rgba(0,42,84,.28);animation:rise .28s ease both}.result-card h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2rem);margin:0 0 .35rem}.result-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:.85rem 0 .55rem}.result-card .duration{font-size:1.35rem;margin:.65rem 0 0}.result-card .error{margin:.75rem 0 1.1rem;font-size:1.05rem}.result-card .celebrate{margin:.85rem 0 1.1rem;opacity:.55;letter-spacing:.2em}.result-card .primary{margin-top:.35rem}.result-card--failure h2{color:var(--danger)}.rank-slice{list-style:none;margin:0 auto 1.15rem;padding:0;display:grid;grid-gap:.4rem;gap:.4rem}.rank-slice li{display:grid;grid-template-columns:3rem 1fr auto;grid-gap:.5rem;gap:.5rem;padding:.55rem .75rem;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:.6rem;font-family:var(--font-ui);text-align:left}.rank-slice li.you{border-color:var(--accent);background:var(--highlight)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media (max-width:1100px){.play-layout{grid-template-columns:1fr}.grid-wrap{display:flex;justify-content:center}.cell{--cell:clamp(1.85rem,4.2vw,2.5rem)}}@media (max-width:700px){.clues{grid-template-columns:1fr}.play-header{grid-template-columns:auto auto;justify-content:space-between;row-gap:.75rem}.play-brand-block{grid-column:1/-1;order:-1}}.admin-shell{max-width:1080px;margin:0 auto;padding:1.5rem 1rem 3rem;font-family:var(--font-ui)}.admin-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.admin-header h1{margin:0;font-family:var(--font-display);font-size:1.5rem}.admin-nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.95rem}.admin-nav a{text-decoration:none;font-weight:600}.admin-nav a:hover{color:var(--accent)}.admin-main h2{margin:0 0 1rem;font-family:var(--font-display);font-size:1.25rem}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));grid-gap:.75rem;gap:.75rem}.admin-kpi-card{background:var(--white-cell);border:1px solid var(--line);border-radius:.75rem;padding:.85rem 1rem;box-shadow:0 2px 8px var(--shadow)}.admin-kpi-label{margin:0 0 .35rem;font-size:.85rem;color:color-mix(in srgb,var(--ink) 75%,transparent)}.admin-kpi-value{margin:0;font-size:1.75rem;font-weight:700;font-family:var(--font-display)}.admin-overview-layout{display:grid;grid-template-columns:minmax(11rem,16rem) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.admin-overview-nav{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.35rem;border:1px solid var(--line);border-radius:.75rem;background:var(--paper-deep)}.admin-overview-nav button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.65rem .75rem;border-radius:.55rem;background:transparent;color:var(--ink);font-family:var(--font-ui);font-size:.85rem;font-weight:600;text-align:left;box-shadow:none}.admin-overview-nav button:hover:not(.active){background:color-mix(in srgb,var(--white-cell) 80%,transparent);transform:none}.admin-overview-nav button.active{background:var(--white-cell);box-shadow:0 1px 4px var(--shadow)}.admin-overview-count{flex-shrink:0;min-width:1.75rem;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--white-cell));color:var(--ink);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.admin-overview-nav button.active .admin-overview-count{background:var(--accent);color:#fff}.admin-overview-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.admin-overview-panel-header h3{margin:0;font-family:var(--font-display);font-size:1.1rem}.admin-overview-panel-count{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:720px){.admin-overview-layout{grid-template-columns:1fr}.admin-overview-nav{flex-direction:row;flex-wrap:wrap}.admin-overview-nav button{width:auto;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 0.35rem)}}.admin-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:.75rem;background:var(--white-cell)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table td,.admin-table th{padding:.65rem .85rem;text-align:left;border-bottom:1px solid var(--line)}.admin-table th{font-weight:700;background:var(--paper-deep)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-puzzle-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.admin-puzzle-nav a{display:inline-block;padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:600;background:var(--white-cell)}.admin-puzzle-nav a:hover{border-color:var(--accent);color:var(--accent)}.admin-puzzle-nav a.active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-tabs{display:flex;gap:.35rem;margin-bottom:.85rem;padding:.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--paper-deep);width:-moz-fit-content;width:fit-content}.admin-tabs button{padding:.55rem 1rem;border-radius:.55rem;background:transparent;color:var(--ink);font-family:var(--font-ui);font-size:.9rem;font-weight:600;box-shadow:none}.admin-tabs button:hover:not(.active){background:color-mix(in srgb,var(--white-cell) 80%,transparent);transform:none}.admin-tabs button.active{background:var(--white-cell);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}.admin-filters{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end;margin-bottom:1rem}.admin-filters label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600}.admin-filters select{padding:.5rem .65rem;border:1px solid var(--line);border-radius:.5rem;background:var(--white-cell);min-width:6rem}.admin-link-button{display:inline-block;margin-top:1rem;padding:.75rem 1.25rem;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}