@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{--ink:#17211f;--muted:#687773;--paper:#f7f8f4;--white:#fff;--line:#dfe5df;--accent:#e2f14b;--green:#1e5249;--mint:#e9f0e8;--orange:#e28b56;--shadow:0 18px 45px rgba(23,33,31,.08)}
*{box-sizing:border-box}html{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 32px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.03em}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--accent);border-radius:50%;font-size:17px}.site-nav{display:flex;gap:28px;font-size:14px;color:var(--muted)}.site-nav a:hover,.text-link:hover{color:var(--green)}.header-admin{font:12px 'DM Mono';text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.site-footer{max-width:1240px;margin:70px auto 0;padding:25px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font:12px 'DM Mono'}.site-footer span:last-child{display:flex;gap:20px}.eyebrow,.card-label{font:11px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:3px;font-weight:600;font-size:14px;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(23,33,31,.12)}.button-primary{background:var(--green);color:white}.button-quiet{background:var(--white);border:1px solid var(--line)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:3px}.muted{color:var(--muted);font-size:13px}.dot{padding:0 8px;color:#b5c0bb}
.home-hero{max-width:1240px;margin:55px auto 115px;padding:0 32px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}.home-copy h1{font:600 clamp(50px,7vw,92px)/.98 Fraunces,serif;margin:20px 0 28px}.home-copy h1 em{color:var(--green);font-style:normal}.home-copy p{max-width:450px;font-size:18px;line-height:1.6;color:var(--muted);margin-bottom:32px}.hero-card{min-height:350px;background:var(--green);color:white;border-radius:3px;padding:35px;position:relative;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-card .eyebrow{color:#b7cbc1}.hero-card p{font:500 38px/1.1 Fraunces,serif;max-width:350px}.hero-mark{font-size:80px;color:var(--accent);align-self:flex-end;line-height:.6}.home-section{max-width:1240px;margin:auto;padding:0 32px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2,.home-note h2{font:500 44px/1.05 Fraunces,serif;margin:12px 0 0}.puzzle-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.puzzle-card{min-height:330px;padding:32px;background:var(--accent);position:relative;overflow:hidden;transition:transform .2s}.puzzle-card:hover{transform:translateY(-5px)}.puzzle-card-dark{background:var(--green);color:#fff}.puzzle-card-dark .card-label{color:#bfd2ca}.puzzle-card h3{font:500 32px Fraunces,serif;margin:55px 0 8px}.puzzle-card p{font-size:13px;color:var(--muted)}.puzzle-card-dark p{color:#bfd2ca}.card-grid{position:absolute;right:26px;bottom:-28px;width:144px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;transform:rotate(-8deg)}.card-grid i{display:block;aspect-ratio:1;background:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.3)}.puzzle-card:not(.puzzle-card-dark) .card-grid i:nth-child(3n){background:var(--green)}.home-note{max-width:700px;margin:150px auto 120px;text-align:center;padding:0 24px}.home-note p{color:var(--muted);line-height:1.7;max-width:450px;margin:25px auto 0}
.puzzle-page{max-width:1240px;margin:55px auto 0;padding:0 32px}.puzzle-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.puzzle-heading h1{font:500 48px Fraunces,serif;margin:12px 0 7px}.game-shell{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:30px;align-items:start}.game-board{background:var(--white);padding:18px;box-shadow:var(--shadow)}.game-toolbar{display:flex;gap:5px;align-items:center;margin-bottom:18px}.toolbar-button{background:var(--paper);padding:9px 11px;color:var(--muted);font-size:12px;border:1px solid var(--line);border-radius:2px}.toolbar-button:hover{color:var(--ink);background:var(--mint)}.toolbar-spacer{flex:1}.timer{font:12px 'DM Mono';color:var(--green);padding-left:12px}.grid-wrap{width:min(100%,680px);margin:auto}.crossword-grid{display:grid;grid-template-columns:repeat(var(--cols,9),1fr);border:2px solid var(--ink);background:var(--ink);aspect-ratio:1}.grid-cell{aspect-ratio:1;min-width:0;position:relative;padding:0;background:var(--paper);border:1px solid #c7d0ca;color:var(--ink)}.grid-cell.black{background:var(--ink);border-color:var(--ink)}.grid-cell.open{z-index:1}.grid-cell.active-word{background:#eaf2a9}.grid-cell.active-cell{background:var(--accent);box-shadow:inset 0 0 0 2px var(--green)}.cell-number{position:absolute;top:2px;left:3px;font:9px 'DM Mono';line-height:1}.cell-letter{display:block;font:500 clamp(18px,4vw,34px)/1 Fraunces,serif;margin-top:45%;transform:translateY(-38%)}.grid-cell.incorrect{animation:shake .35s;background:#ffd1bf}.current-clue-mobile{display:none}.clue-sidebar{background:var(--white);box-shadow:var(--shadow);padding:27px}.current-clue-desktop{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:24px}.current-clue-desktop strong,.current-clue-mobile strong{display:block;font:500 25px/1.15 Fraunces,serif;margin:12px 0 20px}.clue-nav{display:flex;gap:5px}.clue-nav button{border:1px solid var(--line);background:var(--paper);padding:8px 11px;font-size:12px;color:var(--muted)}.clue-nav button:hover{background:var(--accent);color:var(--ink)}.clue-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.clue-columns h2{font:500 17px Fraunces,serif;border-bottom:2px solid var(--green);padding-bottom:8px}.clue-item{display:grid;grid-template-columns:25px 1fr;text-align:left;gap:3px;width:100%;padding:9px 4px;background:none;color:var(--muted);font-size:12px;line-height:1.25}.clue-item b{font:11px 'DM Mono';color:var(--green)}.clue-item.selected{background:var(--accent);color:var(--ink)}.mobile-keyboard{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(23,33,31,.55);z-index:9;display:grid;place-items:center;padding:20px}.modal{background:var(--paper);max-width:430px;width:100%;padding:38px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.2)}.modal h2{font:500 35px Fraunces,serif;margin:15px 0}.modal p{color:var(--muted);line-height:1.6}.modal-close{position:absolute;right:15px;top:12px;background:none;font-size:25px;color:var(--muted)}
.empty-state{max-width:650px;margin:140px auto;text-align:center;padding:30px}.empty-state h1{font:500 50px Fraunces,serif;margin:15px 0}.empty-state p{color:var(--muted);margin-bottom:25px}.setup-shell{min-height:100vh;background:var(--green);display:grid;place-items:center;padding:25px}.setup-card{background:var(--paper);width:min(100%,590px);padding:42px;box-shadow:0 30px 80px rgba(0,0,0,.15)}.setup-brand{display:flex;gap:10px;align-items:center;font-weight:700;margin-bottom:45px}.setup-progress{display:flex;gap:4px;margin-bottom:42px}.setup-progress span{height:3px;background:var(--line);flex:1}.setup-progress span.is-active{background:var(--green)}.setup-card h1{font:500 42px Fraunces,serif;margin:12px 0}.lede{color:var(--muted);line-height:1.6;margin-bottom:28px}.requirements{border-top:1px solid var(--line);margin:30px 0}.requirements>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.ok{color:var(--green);font:11px 'DM Mono';text-transform:uppercase}.bad{color:#b54e36;font:11px 'DM Mono';text-transform:uppercase}.setup-form{display:grid;gap:17px}.field{display:grid;gap:7px;font-size:13px;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;padding:12px;border-radius:2px;color:var(--ink)}.form-note{color:var(--muted);font-size:13px}.setup-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-size:25px;margin:0 0 16px}.flash{padding:12px 15px;margin:0 0 18px;font-size:13px;border:1px solid}.flash-error{background:#fff0ea;border-color:#eab19f;color:#923e2a}.flash-success{background:#eef9e9;border-color:#b5d5ae;color:#29612a}
.content-page{max-width:920px;margin:75px auto 120px;padding:0 32px}.content-page.narrow{max-width:760px}.content-page h1{font:500 clamp(44px,7vw,72px)/1 Fraunces,serif;margin:15px 0 18px}.page-intro{font-size:19px;line-height:1.55;color:var(--muted);max-width:560px}.archive-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:45px 0 0}.archive-tabs a{padding:12px 16px;color:var(--muted);font-size:13px}.archive-tabs a.active{background:var(--green);color:white}.archive-list{background:#fff}.archive-item{display:grid;grid-template-columns:130px 1fr 150px 25px;gap:15px;align-items:center;padding:22px 20px;border-bottom:1px solid var(--line);transition:background .2s}.archive-item:hover{background:var(--mint)}.archive-date,.archive-type{font:11px 'DM Mono';color:var(--muted)}.archive-item strong{font:500 20px Fraunces,serif}.archive-arrow{font-size:20px;color:var(--green)}.rich-copy{margin-top:55px;border-top:1px solid var(--line);padding-top:15px}.rich-copy h2{font:500 27px Fraunces,serif;margin:35px 0 10px}.rich-copy p{color:var(--muted);font-size:16px;line-height:1.8;max-width:620px}.contact-card{background:var(--accent);padding:25px!important;color:var(--ink)!important;max-width:430px!important}.contact-card strong{font:500 24px Fraunces}
.admin-shell{background:#eef1ec}.admin-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:var(--green);color:white;padding:28px 20px;display:flex;flex-direction:column}.brand-light{color:#fff;margin-bottom:48px}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a,.admin-logout{padding:12px 13px;color:#c0d0c9;font-size:13px;border-radius:2px}.admin-sidebar nav a:hover,.admin-logout:hover{background:rgba(255,255,255,.1);color:#fff}.admin-logout{margin-top:auto}.admin-main{max-width:1200px;width:100%;padding:25px 42px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;border-bottom:1px solid #d6dfd9;padding-bottom:23px;margin-bottom:32px}.admin-topbar .eyebrow{color:var(--green)}.admin-main h1{font:500 44px Fraunces,serif;margin:12px 0}.admin-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:35px}.metric{background:#fff;padding:22px;border:1px solid var(--line)}.metric span{font:11px 'DM Mono';color:var(--muted);text-transform:uppercase}.metric strong{display:block;font:500 35px Fraunces,serif;margin-top:15px}.panel{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:22px}.panel h2{font:500 23px Fraunces,serif;margin:0 0 20px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;color:var(--muted);font:10px 'DM Mono';text-transform:uppercase;border-bottom:1px solid var(--line);padding:10px 8px}.admin-table td{border-bottom:1px solid var(--line);padding:14px 8px}.admin-table td:last-child{text-align:right}.badge{display:inline-block;padding:5px 7px;background:var(--mint);color:var(--green);font:10px 'DM Mono';text-transform:uppercase}.badge-draft{background:#f3eee3;color:#8c6b35}.badge-scheduled{background:#e8edff;color:#435a9e}.inline-form{display:inline}.action-link{background:none;color:var(--green);font-size:12px;margin-left:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.admin-grid-editor{display:grid;grid-template-columns:minmax(320px,1fr) 330px;gap:25px}.editor-grid{display:grid;gap:2px;background:var(--ink);border:2px solid var(--ink);max-width:600px;margin:auto}.editor-cell{aspect-ratio:1;border:0;background:var(--paper);font-size:18px}.editor-cell.black{background:var(--ink)}.editor-cell:focus{outline:3px solid var(--accent);outline-offset:-3px}.clue-editor{display:grid;gap:8px;max-height:470px;overflow:auto}.clue-editor-row{display:grid;grid-template-columns:32px 1fr;gap:6px;align-items:center}.clue-editor-row b{font:11px 'DM Mono';color:var(--green)}.clue-editor-row input{padding:8px;border:1px solid var(--line);width:100%}.json-area{min-height:300px;font:12px 'DM Mono'}.generator-input{min-height:180px;font:13px 'DM Mono'}.grid-preview{font:12px 'DM Mono';white-space:pre;overflow:auto;background:var(--ink);color:var(--accent);padding:18px}.admin-help{font-size:13px;color:var(--muted);line-height:1.6}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:850px){.site-nav{gap:14px}.home-hero{gap:40px}.game-shell{grid-template-columns:1fr}.clue-sidebar{display:none}.current-clue-mobile{display:flex;justify-content:space-between;align-items:center;padding:18px 2px 7px}.current-clue-mobile strong{margin:7px 0 0;font-size:21px}.mobile-keyboard{display:grid;gap:6px;padding-top:18px}.keyboard-row{display:flex;gap:4px;justify-content:center}.keyboard-row button{flex:1;max-width:52px;min-height:44px;background:var(--paper);border:1px solid var(--line);font:500 14px 'DM Mono';color:var(--ink)}.keyboard-row button:active{background:var(--accent)}.keyboard-backspace{max-width:none!important;flex:1.7!important;font-size:11px!important}.admin-grid-editor{grid-template-columns:1fr}.admin-sidebar{position:static}.admin-layout{grid-template-columns:190px 1fr}.admin-main{padding:25px}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.site-header{height:65px;padding:0 17px}.site-nav{display:none}.header-admin{font-size:10px}.site-footer{margin-top:70px;padding:20px 17px;display:block;line-height:2}.site-footer span:last-child{gap:14px}.home-hero{display:block;margin:45px auto 85px;padding:0 17px}.home-copy h1{font-size:55px}.home-copy p{font-size:16px}.hero-card{min-height:225px;margin:50px 12px 0;padding:22px}.hero-card p{font-size:28px}.home-section{padding:0 17px}.section-heading{display:block}.section-heading h2,.home-note h2{font-size:34px;margin-bottom:20px}.puzzle-cards{grid-template-columns:1fr}.puzzle-card{min-height:280px}.puzzle-heading{display:block}.puzzle-heading h1{font-size:38px}.puzzle-page{padding:0 12px;margin-top:32px}.game-board{padding:10px}.toolbar-button{padding:8px 7px;font-size:11px}.timer{font-size:11px;padding-left:4px}.cell-number{font-size:8px}.cell-letter{font-size:clamp(16px,7vw,27px)}.setup-card{padding:27px 22px}.setup-card h1{font-size:34px}.admin-layout{display:block}.admin-sidebar{padding:15px;position:relative}.admin-sidebar .brand-light{margin-bottom:16px}.admin-sidebar nav{display:flex;overflow:auto;gap:3px}.admin-sidebar nav a{white-space:nowrap;padding:9px}.admin-logout{position:absolute;right:15px;top:8px}.admin-main{padding:20px 15px}.admin-header{display:block}.admin-header .button{margin-top:15px}.metric-grid{gap:7px}.metric{padding:14px}.metric strong{font-size:27px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.admin-table{display:block;overflow-x:auto;white-space:nowrap}}
@media(max-width:580px){.content-page{padding:0 17px;margin-top:45px}.content-page h1{font-size:48px}.archive-tabs{overflow:auto;white-space:nowrap}.archive-item{grid-template-columns:1fr 20px;gap:5px;padding:18px 15px}.archive-date,.archive-type{grid-column:1}.archive-item strong{grid-column:1;grid-row:2}.archive-type{grid-row:3}.archive-arrow{grid-column:2;grid-row:1/4}.rich-copy{margin-top:40px}}