:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#16223a;background:#f4f8fd;--navy:#012169;--ink:#16223a;--muted:#56657a;--gold:#e8bb55;--light:#e7f1fb;--mint:#def5e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #0c5abb;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:12px;padding:12px;background:white;z-index:10}.skip-link:focus{top:10px}.site-header{background:#eaf3fc;border-bottom:2px solid #d4e3f2;min-height:78px;padding:0 max(4vw,20px);display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:18px;letter-spacing:-.055em;white-space:nowrap}.brand-mark{background:#e9b857;color:var(--navy);border-radius:10px;width:39px;height:39px;display:grid;place-items:center;font-size:26px}.brand-mark span,.brand-light{color:#754d09}.site-header nav{display:flex;align-items:center;gap:27px;min-height:76px;overflow:auto;scrollbar-width:none}.site-header nav a{position:relative;font-size:14px;white-space:nowrap;font-weight:700;color:#374c70}.site-header nav a[aria-current=page]{color:var(--navy)}.site-header nav a[aria-current=page]:after{content:"";height:3px;background:var(--gold);position:absolute;left:0;right:0;bottom:-28px}main{max-width:1300px;margin:auto}.hero{position:relative;min-height:350px;margin:22px 22px 0;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 75% 10%,#2a56a3 0,transparent 35%),linear-gradient(135deg,#012169,#0a1c44);color:#fff;padding:52px clamp(26px,5vw,72px);display:flex;align-items:center}.hero:before{content:"";position:absolute;width:490px;height:490px;border:1px solid #ffffff20;border-radius:50%;right:-65px;top:-240px}.hero-copy{position:relative;z-index:1;max-width:600px}.eyebrow,.kicker{font-size:12px;font-weight:850;letter-spacing:.16em}.eyebrow{color:#f7db9b}.eyebrow span{padding:0 6px}.hero h1{font-size:clamp(40px,5vw,67px);line-height:1.06;letter-spacing:-.065em;margin:19px 0 15px}.hero h1 em{font-family:Georgia,serif;font-weight:500;color:#f3ce77}.hero-lead{color:#dce8fa;font-size:17px;line-height:1.6;max-width:470px;margin:0}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-pills span{font-size:12px;font-weight:750;border:1px solid #ffffff38;background:#ffffff12;padding:8px 11px;border-radius:100px}.hero-art{position:absolute;width:390px;height:290px;right:58px;top:34px}.art-letter{position:absolute;display:grid;place-items:center;width:103px;height:103px;border-radius:22px;background:linear-gradient(150deg,#e5efff,#6699e7 85%);color:var(--navy);font-weight:900;font-size:55px;box-shadow:0 13px 0 #07183c,0 28px 27px #0007}.art-one{left:3px;top:20px;transform:rotate(-12deg)}.art-two{left:150px;top:2px;transform:rotate(10deg);background:linear-gradient(145deg,#ffeab5,#e8bb55)}.art-three{left:57px;top:157px;transform:rotate(8deg)}.art-four{left:219px;top:148px;transform:rotate(-8deg);background:linear-gradient(145deg,#ffeab5,#e8bb55)}.art-spark{position:absolute;right:35px;top:104px;font-size:40px;color:var(--gold)}.play-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:25px;margin:30px 22px 76px;align-items:start}.play-card{border-radius:21px;overflow:hidden;background:white;box-shadow:0 15px 55px #01216913;border:1px solid #dce7f2}.panel-top{background:#e7f1fb;padding:24px clamp(22px,4vw,42px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0e0f1}.panel-top h2{font-size:clamp(22px,2.6vw,29px);margin:6px 0 0;letter-spacing:-.04em}.kicker{color:#184f92}.panel-decoration{font-size:31px;color:#9dc1e9}.setup,.play,.finish{padding:clamp(22px,4vw,42px)}.setup>p{color:var(--muted);line-height:1.6;max-width:520px;margin:0 0 28px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings label{font-weight:750;color:#243650;font-size:14px;display:grid;gap:10px}.settings select{min-width:0;padding:15px 13px;background:white;border:1px solid #b6cee8;border-radius:11px;color:var(--ink)}.setup-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.setup-actions>span{font-size:12px;color:var(--muted)}.primary,.secondary,.quiet{border-radius:11px;min-height:49px;padding:12px 18px;font-weight:800}.primary{background:var(--gold);color:#142341;border:1px solid #c99433;box-shadow:0 4px 0 #bd892d}.primary:hover{background:#f4cc74}.secondary{background:#e6f0fd;color:var(--navy);border:1px solid #a5c3e4}.secondary:hover{background:#d4e7fc}.quiet{background:transparent;color:#284b7c;border:0}.quiet:hover{text-decoration:underline}.guide{padding:27px;background:#dceaf9;border-radius:21px;border:1px solid #cbdff4}.guide-label,.challenge-note>span{font-size:12px;font-weight:850;letter-spacing:.13em;color:#184f92}.guide h2{font-size:clamp(25px,2.5vw,31px);line-height:1.16;letter-spacing:-.05em;margin:16px 0 23px}.guide ol{padding:0;margin:0;list-style:none;counter-reset:steps}.guide li{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;column-gap:9px;margin:0 0 18px}.guide li:before{content:"0" counter(steps);font-size:13px;font-weight:900;color:#144685;grid-row:span 2;background:white;border-radius:9px;padding:9px 6px;height:35px;text-align:center}.guide li strong{font-size:14px}.guide li span{font-size:13px;color:#475d78;line-height:1.48;margin-top:4px}.challenge-note{padding:18px;background:#fff;border-left:4px solid var(--gold);border-radius:10px;margin-top:21px}.challenge-note p,.privacy-note{color:#465a72;font-size:13px;line-height:1.55;margin:9px 0 0}.privacy-note{margin-top:23px}.play-meta{display:flex;align-items:center;justify-content:space-between;gap:24px}.play-meta>div{flex:1;max-width:300px}.play-meta span{font-weight:800;color:#143767}.progress{height:7px;background:#dfebf9;border-radius:8px;margin-top:10px;overflow:hidden}.progress span{display:block;background:#2273c2;height:100%;width:0;transition:width .3s}.timer{font-variant-numeric:tabular-nums;background:#f3f7fc;padding:8px 11px;border-radius:8px;color:#284b7c!important}.game-instruction{font-size:13px;line-height:1.5;color:var(--muted);margin:18px 0 14px}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:10px;background:#cbdcf0;border-radius:17px;max-width:546px;margin:auto;touch-action:none;user-select:none}.cell{aspect-ratio:1;min-width:0;padding:0;border:1px solid #d7e6f8;background:#f8fbff;border-radius:9px;font-weight:900;font-size:clamp(14px,2vw,25px);color:#173866;box-shadow:0 2px 0 #9eb9d9;touch-action:none}.cell:hover,.cell.preview{background:#ffe5a9;border-color:#ddac4a;color:#292f3e}.cell.found{background:#bde8cf;border-color:#67ab7f;color:#175136;box-shadow:0 2px 0 #6baa81}.cell:focus-visible{outline:3px solid #063c8d;outline-offset:-3px}.selection{text-align:center;color:#435c7b;font-weight:700;min-height:25px;font-size:14px;margin:12px 0 22px}.clue-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.clue-head h3{font-size:19px;letter-spacing:-.03em;margin:0}.clue-head span{font-size:11px;letter-spacing:.1em;font-weight:850;color:#30639d}.clues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.clue{min-width:0;border-radius:11px;border:1px solid #d5e2ef;background:#f8fbfe;padding:12px;text-align:left;color:var(--ink);min-height:64px;display:flex;align-items:center;gap:11px}.clue:hover:not(.done){border-color:#5597d5;background:#ecf5ff}.clue.focus{border-color:#255eac;box-shadow:0 0 0 2px #255eac20}.clue.done{background:#e5f6eb;border-color:#9ed8b1}.clue-number{flex:none;display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:#e2edfa;color:#12518f;font-size:12px;font-weight:850}.clue.done .clue-number{background:#29925e;color:#fff}.clue-text{min-width:0;display:grid;gap:3px}.clue-text strong{font-size:14px}.clue-text small{font-size:12px;color:#586b80}.clue.done .clue-text small{color:#276341}.definition{grid-column:1/-1;background:#fff9e9;border-left:3px solid #d69b32;border-radius:8px;padding:12px;font-size:13px;line-height:1.5;color:#354151}.definition strong{color:#713d0c}.game-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;margin-top:22px}.finish{text-align:center}.finish-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:22px;background:#fff0ca;display:grid;place-items:center;font-size:39px;color:#a46c11}.finish h2{font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.055em;margin:14px 0}.finish p:not(.kicker){color:var(--muted)}.finish-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px auto}.finish-words span{background:#e5f5ed;color:#185b3e;border-radius:100px;padding:8px 11px;font-weight:800;font-size:13px}.finish-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:12px 17px;background:#012169;color:#fff;border-radius:10px;z-index:5;box-shadow:0 10px 35px #0b285862;max-width:calc(100% - 32px);margin:0;font-size:14px}.notice:empty{display:none}footer{border-top:1px solid #d6e5f3;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:25px max(4vw,20px);background:#eaf3fc;color:#415571;font-size:13px}footer>a{font-size:17px;color:var(--navy);font-weight:900}footer>a span{color:#ad7a20}footer div{margin-left:auto;display:flex;gap:20px}@media(max-width:980px){.hero-art{right:-45px;opacity:.38}.play-layout{grid-template-columns:1fr}.guide{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.guide-label,.guide h2{grid-column:1}.guide ol{grid-column:2;grid-row:1/4}.challenge-note,.privacy-note{grid-column:1/-1}}@media(max-width:620px){.site-header{display:block;padding:12px 18px 0;min-height:0}.site-header nav{min-height:48px;gap:21px}.site-header nav a[aria-current=page]:after{bottom:-14px}.hero{margin:12px 10px 0;min-height:0;padding:33px 21px 31px}.hero-art{display:none}.hero h1{font-size:clamp(37px,10vw,54px)}.hero-lead{font-size:15px}.hero-pills{gap:6px}.hero-pills span{font-size:10px}.play-layout{margin:15px 10px 48px;gap:15px}.panel-top{padding:20px}.panel-top h2{font-size:22px}.setup,.play,.finish{padding:20px 15px}.settings,.clues{grid-template-columns:1fr}.board{gap:3px;padding:6px;border-radius:12px}.cell{border-radius:5px;font-size:clamp(13px,5vw,21px)}.guide{display:block;padding:23px}.game-bottom button{font-size:13px}.clue{min-height:53px}.clues{gap:7px}footer div{margin-left:0;width:100%}}
.site-header .brand,.site-header .brand-mark .mark-dot{color:#0a2a63}
.site-header .brand-light{color:#b8892c}