:root{--paper:#f6f4ec;--ink:#253d33;--muted:#707970;--line:#ddded4;--green:#284d3e;--accent:#d8e4aa;--white:#fffefa;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #718849;outline-offset:3px}button:disabled{opacity:.38;cursor:default}.skip{position:absolute;left:12px;top:-60px;background:white;padding:12px;z-index:3}.skip:focus{top:8px}.header,main,footer{max-width:1200px;margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:23px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:10px}.brand-icon{font-size:35px;line-height:1}.beta{font-size:11px;color:var(--muted);font-weight:500;border-left:1px solid var(--line);padding-left:18px;margin-left:12px;letter-spacing:0}nav{display:flex;gap:28px;font-size:13px}.layout{display:grid;grid-template-columns:1fr 520px;gap:70px;padding:64px 32px 72px}.intro{padding-top:23px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 20px}h1{font-size:clamp(34px,3.5vw,48px);line-height:1.4;letter-spacing:-2.2px;font-weight:600;margin:0 0 22px}.lead{font-size:16px;line-height:1.9;color:var(--muted)}.intro-line{width:42px;height:1px;background:#a1ad93;margin:35px 0}.issue{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.dot{width:7px;height:7px;border-radius:50%;background:#6c844a}.quiet{font-size:13px;color:var(--muted);line-height:1.9}.small-card{margin-top:40px;border:1px solid #d5d9c9;background:#eeefe3;padding:26px 28px;max-width:330px;border-radius:3px;position:relative}.card-number{position:absolute;right:20px;top:23px;font-size:10px;letter-spacing:2px}.small-card h2{font-weight:500;font-size:21px;line-height:1.6;letter-spacing:-.5px;margin:0 0 10px}.small-card p{font-size:12px;line-height:1.9;color:var(--muted)}.small-card a{font-size:11px;display:inline-block;margin-top:10px}.play-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:27px;box-shadow:0 10px 36px #293d3306;scroll-margin-top:15px}.game-top{display:flex;justify-content:space-between;align-items:center}.game-top .eyebrow{margin-bottom:8px;letter-spacing:1px}.game-top h2{font-size:23px;letter-spacing:-.8px;margin:0}.issue-no{font-size:9px;letter-spacing:2px;line-height:1.6;color:#8c9380;text-align:right}.game-options{display:flex;justify-content:space-between;align-items:center;margin:22px 0 18px}.modes{display:flex;gap:3px;background:#eff1e9;border-radius:6px;padding:3px}.modes button{border:0;border-radius:4px;background:transparent;padding:8px 20px;font-size:12px}.modes button[aria-pressed=true]{background:var(--green);color:white}#progress{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid var(--ink);aspect-ratio:1;background:var(--ink);gap:0}.cell{min-width:0;padding:0;aspect-ratio:1;background:var(--white);border:0;border-right:1px solid #d8dcd3;border-bottom:1px solid #d8dcd3;font-size:clamp(20px,2.4vw,28px);font-weight:400;font-variant-numeric:tabular-nums;position:relative;color:#326b87;border-radius:0}.cell.given{font-weight:500;color:var(--ink)}.cell:nth-child(3n){border-right:2px solid var(--ink)}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--ink)}.cell:nth-child(n+73){border-bottom:0}.cell.related{background:#f0f3e9}.cell.match{background:#e2eacb}.cell.selected{background:#cedda1;box-shadow:inset 0 0 0 2px #58733d}.cell.wrong{color:#ab3b36;background:#fce8e3}.cell:focus-visible{outline:3px solid #58733d;outline-offset:-3px;z-index:1}.pencil{display:grid;grid-template-columns:repeat(3,1fr);height:100%;align-items:center;padding:2px;color:#768471;font-size:10px;line-height:1}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:16px 0}.tools button{background:none;border:0;font-size:10px;white-space:nowrap;padding:5px 0}.tools button>span{display:block;font-size:22px;margin-bottom:5px}.tools button[aria-pressed=true]{background:#edf1df;border-radius:5px}small{font-size:8px;color:#7b855f}.keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.keypad button{height:46px;background:#edf1e5;border:1px solid #e3e8d8;border-radius:5px;font-size:23px}.keypad button:hover{background:var(--accent)}#message{min-height:33px;font-size:12px;line-height:1.6;text-align:center;color:var(--muted);margin:17px 0 7px}#message.success{color:#315f30;font-weight:700}.game-bottom{border-top:1px solid #eeeee5;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.game-bottom button{border:0;background:none;color:var(--muted);font-size:10px}.archive{border-top:1px solid var(--line);padding:38px 32px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-top .eyebrow{margin-bottom:12px}.section-top h2,.guide h2{font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0}.section-top button{border:0;background:none;font-size:12px}.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:24px}.day{background:transparent;border:1px solid var(--line);border-radius:7px;text-align:left;padding:15px 14px}.day span{display:block;font-size:11px;color:var(--muted)}.day strong{display:block;font-size:24px;font-weight:500;margin:9px 0}.day small{font-size:10px}.day[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.day[aria-pressed=true] span,.day[aria-pressed=true] small{color:#dbe4cb}.date-picker{display:flex;gap:12px;align-items:center;font-size:12px;margin-top:20px}.date-picker input{border:1px solid var(--line);padding:8px;border-radius:4px;background:var(--white);color:var(--ink)}.date-picker span{font-size:11px;color:var(--muted)}.guide{margin:15px 32px 35px;padding:36px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide p{font-size:13px;line-height:1.8;color:var(--muted)}.guide ol{margin:0;padding-left:23px}.guide li{padding-left:10px;margin-bottom:18px}.guide li::marker{color:#849270}.guide strong,.guide li span{display:block;font-size:13px;line-height:1.7}.guide li span{color:var(--muted);font-size:12px}.about{margin:0 32px 40px;font-size:12px;color:var(--muted);line-height:1.8}.about summary{cursor:pointer}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer .brand{font-size:16px;color:var(--ink)}@media(max-width:1240px){.header,main,footer{margin-left:24px;margin-right:24px}.layout{gap:35px;padding-left:0;padding-right:0}.archive{padding-left:0;padding-right:0}.guide,.about{margin-left:0;margin-right:0}}@media(max-width:850px){.header{height:76px}.beta{display:none}.layout{grid-template-columns:1fr;gap:26px;padding:28px 0 38px}.intro{text-align:center;padding:0}.intro .eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:30px;line-height:1.35;letter-spacing:-1.3px;margin:0 0 10px}h1 br{display:none}.lead{font-size:13px;margin:0}.lead br{display:none}.intro-line,.issue,.quiet,.small-card{display:none}.play-card{width:100%;max-width:520px;justify-self:center}.cell{font-size:27px}.days{gap:6px}.day{padding:12px 9px}.guide{grid-template-columns:1fr;gap:20px}.guide .eyebrow{margin-bottom:12px}}@media(max-width:480px){.header,main,footer{margin-left:16px;margin-right:16px}.brand{font-size:20px}nav{font-size:11px;gap:16px}.brand-icon{font-size:27px}.play-card{padding:17px 14px;border-radius:10px}.game-top h2{font-size:21px}.game-options{margin:17px 0 14px}.cell{font-size:24px}.pencil{font-size:9px;padding:1px}.keypad{gap:3px}.keypad button{height:43px;font-size:21px}.tools{margin:12px 0}.section-top h2,.guide h2{font-size:20px}.section-top button{font-size:10px;max-width:100px;text-align:right}.days{grid-template-columns:repeat(4,1fr)}.day strong{font-size:21px}.date-picker{flex-wrap:wrap}.date-picker span{flex-basis:100%}footer>span:nth-child(2){display:none}}
