:root{--ink:#101612;--paper:#f0ecdf;--dark:#101a15;--panel:#17251d;--mint:#00b7c7;--orange:#ef7c3b;--line:rgba(16,22,18,.22);--serif:"Noto Serif KR",serif;--sans:"Noto Sans KR",sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);word-break:keep-all}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}.skip{position:fixed;left:16px;top:-70px;z-index:100;background:#fff;padding:12px 16px}.skip:focus{top:16px}.grain{position:fixed;z-index:30;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.site-header{height:76px;padding:0 clamp(18px,4vw,62px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:40}.brand{font:700 clamp(14px,1.4vw,19px) var(--serif)}.newsis-logo{position:relative;width:98px;height:36px}.newsis-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.visual-newsis{justify-self:end;font-size:9px;font-weight:800;letter-spacing:.1em}.intro{min-height:620px;padding:clamp(70px,10vw,130px) clamp(24px,7vw,110px);position:relative;overflow:hidden}.intro:after{content:"";position:absolute;width:min(55vw,740px);aspect-ratio:1;right:-11vw;top:-9vw;border-radius:50%;border:1px solid var(--line);box-shadow:0 0 0 8vw rgba(16,22,18,.025),0 0 0 16vw rgba(16,22,18,.018)}.kicker{margin:0;color:#b24632;font-size:9px;font-weight:800;letter-spacing:.2em}.intro h1{position:relative;z-index:2;margin:58px 0 0;font:700 clamp(68px,10vw,145px)/.9 var(--serif);letter-spacing:-.09em}.intro h1 span,.intro h1 strong{display:block}.intro h1 strong{margin-left:clamp(45px,10vw,165px);color:transparent;-webkit-text-stroke:1px var(--ink)}.intro-copy{position:absolute;left:clamp(24px,7vw,110px);bottom:74px;margin:0;font:500 clamp(17px,1.8vw,23px)/1.8 var(--serif)}.coordinate{position:absolute;right:clamp(24px,5vw,80px);bottom:76px;font-size:8px;letter-spacing:.18em;color:#777f79}.play{background:var(--dark);color:var(--paper);padding:clamp(70px,8vw,120px) clamp(18px,5vw,76px) 100px}.play-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:54px}.play-head p{margin:0 0 18px;color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.15em}.play-head h2{margin:0;font:600 clamp(27px,3.5vw,48px)/1.4 var(--serif);letter-spacing:-.05em}.score{display:flex;margin:0;border-top:1px solid rgba(255,255,255,.25);min-width:260px}.score div{flex:1;padding:16px 8px}.score dt{font-size:8px;letter-spacing:.16em;color:#849087}.score dd{margin:8px 0 0;font:600 22px var(--serif)}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:clamp(28px,5vw,78px);align-items:start}.board-wrap{position:relative;width:min(100%,820px);aspect-ratio:3/2;background:#0b100d;box-shadow:0 32px 70px rgba(0,0,0,.35)}.puzzle-board{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:3px;background:#d8d0b9}.piece{position:relative;border:0;padding:0;background-repeat:no-repeat;background-size:300% 300%;outline-offset:-4px;transition:transform .18s,filter .18s;overflow:hidden}.piece:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 18px rgba(0,0,0,.12)}.piece:hover,.piece:focus-visible{z-index:2;filter:brightness(1.08)}.piece.is-selected{z-index:3;transform:scale(.95);outline:3px solid var(--orange)}.piece.is-set:before{content:"";position:absolute;z-index:2;right:8px;top:8px;width:7px;height:7px;background:var(--mint);border-radius:50%}.hint-image{position:absolute;inset:3px;background-position:center;background-size:cover;opacity:0;pointer-events:none;transition:opacity .2s}.hint-image.is-visible{opacity:1}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#111a15;color:#b8c1ba;font:500 14px var(--serif)}.loading[hidden]{display:none}.side-panel{border-top:1px solid rgba(255,255,255,.25);padding-top:24px}.instruction{margin:0;font:500 16px/1.8 var(--serif);color:#aeb9b1}.instruction b{color:#fff}.controls{display:grid;gap:10px;margin-top:36px}.controls button,.result-actions a,.result-actions button{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;padding:15px 18px;text-align:left;font-size:11px;font-weight:700}.controls button:hover,.controls button:focus-visible,.result-actions a:hover,.result-actions a:focus-visible{background:var(--paper);color:var(--ink)}.photo-rule{margin:34px 0 0;color:#718077;font-size:10px;line-height:1.7}.result{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);margin-top:80px;border-top:1px solid rgba(255,255,255,.25);padding-top:44px;gap:clamp(28px,5vw,70px)}.result-photo{aspect-ratio:3/2;background-size:cover;background-position:center}.result-copy small{color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.16em}.result-copy h2{margin:18px 0;font:700 clamp(28px,4vw,52px)/1.3 var(--serif);letter-spacing:-.05em}.result-copy>p{color:#b2bcb5;line-height:1.8}.result-copy .credit{font-size:10px;color:#7d8b82}.result-actions{display:flex;gap:10px;margin-top:30px}.result-actions a{background:var(--orange);border-color:var(--orange);color:#111}.result-actions button{cursor:pointer}footer{min-height:92px;padding:24px clamp(18px,4vw,62px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#080c09;color:#fff}footer a{font:600 14px var(--serif)}footer small,footer span{font-size:8px;letter-spacing:.14em;color:#778179}@media(max-width:760px){.site-header{height:64px;padding:0 16px}.brand{font-size:12px}.newsis-logo{width:84px;height:31px}.visual-newsis{font-size:7px}.intro{min-height:540px;padding:65px 22px}.intro h1{font-size:18vw}.intro h1 strong{margin-left:7vw}.intro-copy{left:22px;bottom:56px;font-size:15px}.coordinate{display:none}.play{padding:62px 16px 72px}.play-head{display:block}.score{margin-top:30px;min-width:0}.game-shell{grid-template-columns:1fr}.board-wrap{width:100%}.side-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.instruction,.photo-rule{grid-column:1/-1}.controls{display:contents}.result{grid-template-columns:1fr;margin-top:55px}.result-actions{flex-direction:column}footer{flex-wrap:wrap}.credit-line{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}