:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17263b;background:#f4f7f8;font-synthesis:none;font-weight:400;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:300px}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f5bc57;outline-offset:3px}a{color:inherit}.shell{width:min(1160px,calc(100% - 44px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}.top{background:#0b1524;color:#fff;border-bottom:1px solid #22364d}.top-inner{height:75px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;font-weight:600;font-size:19px;letter-spacing:-.5px}.brand strong{font-weight:800;color:#93e1c9}.brand-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#a3f0d5;color:#09362f;font-weight:900}.top nav,.footer-inner nav{display:flex;gap:26px;flex-wrap:wrap}.top nav a,.footer-inner nav a{text-decoration:none;color:#cfdbeb;font-size:14px}.top nav a:hover,.footer-inner nav a:hover{text-decoration:underline;color:#fff}
.hero{padding-block:49px 43px;display:flex;justify-content:space-between;gap:30px;align-items:center}.hero:before{content:"";position:absolute;inset:75px 0 auto;height:295px;z-index:-1;background:linear-gradient(120deg,#0b1524 15%,#163b47 100%)}.hero{color:#fff}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#96e1c9;margin:0 0 9px}.eyebrow.dark{color:#397e74}.hero h1{font-size:clamp(37px,5vw,62px);line-height:1.07;letter-spacing:-.06em;margin:10px 0 15px}.hero h1 em{font-style:normal;color:#a2e7d1}.hero p{margin:0;color:#cbd7e4;line-height:1.65;max-width:530px}.hero-chip{max-width:220px;line-height:1.6;font-size:14px;color:#cee5e5;background:#ffffff15;border:1px solid #ffffff35;padding:16px 19px;border-radius:17px}.hero-chip span{color:#a3efd6;font-size:24px;display:block}
.page-grid{display:grid;grid-template-columns:minmax(0,700px) minmax(240px,1fr);align-items:start;gap:28px}.game-card,.side-panel,.content{background:#fff;border:1px solid #e0e8eb;box-shadow:0 11px 30px #2133490c;border-radius:22px}.game-card{padding:29px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-heading h2{font-size:26px;letter-spacing:-.04em;margin:0 0 4px}.muted{color:#6d7e91;font-size:13px;margin:0}.timer{color:#326b63;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid #d5e9e1;background:#eef9f5;padding:9px 13px;border-radius:13px}
.game-tabs{display:flex;gap:5px;background:#f0f4f5;padding:5px;border-radius:13px;margin:23px 0 17px}.tab{flex:1;border:0;background:transparent;padding:11px 6px;border-radius:9px;color:#607181;font-size:14px;font-weight:700}.tab.active{color:#0f4c43;background:#fff;box-shadow:0 2px 7px #142f4912}.game-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.game-controls label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}.game-controls select{border:1px solid #d6e2e2;background:#fff;border-radius:9px;padding:8px 28px 8px 10px;color:#1b3b3c}.meta{display:flex;gap:13px;color:#607486;font-size:12px;font-variant-numeric:tabular-nums}
.board-wrap{max-width:550px;margin-inline:auto}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(9,minmax(0,1fr));border:3px solid #173b45;border-radius:9px;overflow:hidden;background:#fff;user-select:none;touch-action:manipulation}.cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:0;border:0;border-right:1px solid #d7e1e6;border-bottom:1px solid #d7e1e6;background:#fff;color:#143c42;font-weight:650;font-size:clamp(17px,3.4vw,30px);font-variant-numeric:tabular-nums}.cell[data-c="2"],.cell[data-c="5"]{border-right:2px solid #234b58}.cell[data-r="2"],.cell[data-r="5"]{border-bottom:2px solid #234b58}.cell[data-c="8"]{border-right:0}.cell[data-r="8"]{border-bottom:0}.cell.given{font-weight:850;color:#142339;background:#f8fafb}.cell.related{background:#edf5f2}.cell.same{background:#daf3ea}.cell.selected{background:#a6e8d1!important;box-shadow:inset 0 0 0 2px #18776b;z-index:1}.cell.wrong{color:#be4451;background:#ffe6e6}.cell.selected.wrong{background:#f7b9b9!important}.cell:focus-visible{outline:3px solid #186c60;outline-offset:-3px;z-index:2}.notes{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:1px;color:#528075;font-weight:600;font-size:clamp(8px,1.25vw,12px)}.notes span{display:grid;place-items:center;min-width:0;min-height:0}.status{min-height:21px;text-align:center;font-size:13px;color:#517266;margin:15px 0 11px}.status.warning{color:#af4353}.status.win{color:#16705d;font-weight:800}.number-pad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-width:550px;margin:auto}.number-pad button{min-width:0;background:#edf6f3;border:1px solid #d6e9e2;border-radius:10px;color:#176252;font-size:clamp(18px,3vw,25px);font-weight:800;padding:11px 0}.number-pad button:hover,.actions button:hover,.game-footer button:hover{filter:brightness(.96)}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:550px;margin:13px auto 0}.actions button{border:1px solid #e1e8ee;background:#f7f9fa;border-radius:11px;padding:12px 5px;font-size:13px;font-weight:700;color:#334e62}.actions button[aria-pressed=true]{background:#d8f1e9;color:#086a57;border-color:#80cfb6}.actions span{font-size:10px}.game-footer{max-width:550px;margin:19px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subtle{background:transparent;border:0;color:#47786f;font-size:13px;font-weight:700;padding:12px 0}.primary{background:#173b48;color:#fff;border:0;border-radius:11px;padding:12px 18px;font-weight:750;box-shadow:0 5px 10px #183f3f15}.small-note{max-width:550px;margin:17px auto 0;color:#7b8793;font-size:11px;line-height:1.7}
.side{display:grid;gap:17px}.side-panel{padding:26px}.side-panel.soft{background:#e8f4ef;border-color:#cce5d9}.mini-title{color:#2c8173;font-size:11px;font-weight:900;letter-spacing:.09em}.side h3{font-size:24px;line-height:1.2;letter-spacing:-.04em;margin:14px 0}.side p{line-height:1.7;color:#637787;font-size:14px}.side .tiny{font-size:12px}.rule-grid{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);width:max-content;border:2px solid #316960;border-radius:6px;overflow:hidden}.rule-grid span{display:grid;place-items:center;border:1px solid #d9e8e1;font-weight:750;color:#356358}.rule-grid .highlight{background:#9ce2c8;color:#064b3b}
.ad-section{margin-top:172px;max-width:1090px}.ad-label{font-size:10px;letter-spacing:.15em;text-align:center;color:#85919a;margin-bottom:12px}.ad-slot{min-height:120px;border:1px dashed #b8c7cb;background:#f6f8f9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:18px;text-align:center;border-radius:13px;color:#71838a}.ad-slot p{margin:0;font-size:14px;font-weight:700}.ad-slot span{font-size:11px}
.content{margin-top:55px;padding:37px 43px;line-height:1.75}.content h2{font-size:clamp(27px,4vw,38px);line-height:1.2;letter-spacing:-.045em;margin:0 0 14px;color:#172e3c}.content h3{font-size:19px;letter-spacing:-.02em;color:#1d3f4a}.content p{color:#536879;margin:10px 0 16px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin:26px 0}.guide article{padding:22px;border-radius:13px;background:#f2f8f5}.guide article>span{font-size:13px;font-weight:850;color:#398775}.guide article h3{font-size:17px;margin:10px 0}.guide article p{font-size:13px;margin:0}.language-note{border-left:4px solid #59b69a;padding:13px 20px;background:#f3f9f6;border-radius:0 10px 10px 0;margin-top:25px}.language-note p{margin-bottom:0}.faq{margin-bottom:62px}.faq details{border-top:1px solid #e3ebed;padding:15px 0}.faq summary{cursor:pointer;font-weight:800;color:#203d49}.faq details p{margin:10px 0 4px}.footer-inner{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer-inner>div p,.copyright{color:#8292a2;font-size:12px}.footer-inner .brand{color:#fff}.footer-inner .brand-icon{width:29px;height:29px;border-radius:9px}.top + main{}footer{background:#0b1524;color:#fff;padding:34px 0}.legal-shell{padding-block:35px 65px;max-width:800px}.legal-shell h1{font-size:clamp(32px,5vw,46px);letter-spacing:-.05em}.legal-shell h2{margin-top:28px}.legal-shell p,.legal-shell li{line-height:1.8;color:#526476}.legal-shell a{color:#165b51}
@media(max-width:930px){.page-grid{grid-template-columns:minmax(0,1fr)}.side{grid-template-columns:repeat(2,1fr)}.hero-chip{display:none}.hero:before{height:295px}.ad-section{margin-top:160px}}@media(max-width:570px){.shell{width:min(100% - 22px,550px)}.top-inner{height:auto;min-height:68px;gap:8px}.top nav{gap:12px}.top nav a{font-size:11px}.brand{font-size:16px}.brand-icon{width:30px;height:30px}.hero{padding-block:27px 30px}.hero:before{inset:67px 0 auto;height:280px}.hero h1{font-size:36px}.hero p{font-size:13px}.hero .eyebrow{font-size:9px}.game-card{padding:17px 11px;border-radius:15px}.game-heading h2{font-size:21px}.game-heading .eyebrow{font-size:9px}.timer{padding:8px;font-size:13px}.game-tabs{margin:17px 0 14px}.meta{gap:9px;font-size:11px}.board{border-width:2px}.cell{font-size:clamp(17px,5.6vw,29px)}.notes{font-size:clamp(7px,2.3vw,11px)}.number-pad{gap:3px}.number-pad button{padding:10px 0;border-radius:7px}.actions{gap:5px}.actions button{font-size:11px;padding:10px 2px}.game-footer{gap:5px}.game-footer button{font-size:12px}.side{grid-template-columns:1fr}.side-panel{padding:22px}.ad-section{margin-top:164px}.content{margin-top:30px;padding:24px 20px}.guide{grid-template-columns:1fr;gap:12px}.footer-inner nav{gap:13px}.footer-inner{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}