:root{--ink:#273b4a;--sea:#166b70;--coral:#e87568;--cream:#fff9ed;--line:#d9e4df}*{box-sizing:border-box}body{margin:0;background:#f5f4e9;color:var(--ink);font-family:"Malgun Gothic",system-ui,sans-serif}header{max-width:1120px;margin:auto;padding:25px 28px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:1px;font-size:21px;color:var(--ink);text-decoration:none}.brand span{color:var(--coral);font-size:28px}.brand small{display:block;color:#71827d;font-size:10px;letter-spacing:0;margin-left:34px}nav{margin-left:auto;display:flex;gap:6px}button{font:inherit;border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:13px;padding:11px 16px;cursor:pointer}button:hover{border-color:var(--sea)}nav button{border:0;background:transparent;font-size:13px}nav button.active{background:var(--sea);color:white}main{max-width:1120px;margin:auto;padding:34px 28px 70px}.kicker{font:11px monospace;letter-spacing:2px;color:#71918b}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center}.hero h1{font-size:60px;line-height:1.1;letter-spacing:-4px;margin:15px 0}.hero h1 em{font-style:normal;color:var(--coral)}.hero p{color:#62756f;line-height:1.9}.hero-art{background:url('./assets/summer-h.png') 0 0/300% 200%;aspect-ratio:1;border:12px solid var(--cream);border-radius:24px;box-shadow:0 15px 50px #22504c22}.pill{display:inline-block;border:1px solid #bfd5ca;border-radius:30px;padding:7px 12px;font-size:11px;margin:3px}.primary{background:var(--sea);border-color:var(--sea);color:white;font-weight:bold;padding:15px 20px}.cast{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.person{padding:0;overflow:hidden;text-align:left}.person .portrait{aspect-ratio:1;background-size:300% 200%;background-image:url('./assets/summer-f.png')}.person:nth-child(1) .portrait{background-position:0 0}.person:nth-child(2) .portrait{background-position:50% 0}.person:nth-child(3) .portrait{background-position:100% 0}.person:nth-child(4) .portrait{background-image:url('./assets/summer-g.png');background-position:0 0}.person:nth-child(5) .portrait{background-image:url('./assets/summer-g.png');background-position:50% 0}.person:nth-child(6) .portrait{background-image:url('./assets/summer-g.png');background-position:100% 0}.person:nth-child(n+7) .portrait{background-image:url('./assets/summer-h.png')}.person:nth-child(7) .portrait{background-position:0 0}.person:nth-child(8) .portrait{background-position:50% 0}.person:nth-child(9) .portrait{background-position:100% 0}.person strong,.person small{display:block;padding:8px 12px 0}.person small{padding-top:0;color:#71827d;font-size:11px}.scene{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:24px;max-width:850px;margin:auto}.scene h2{margin-top:8px;font-size:29px}.scene p{line-height:1.9}.scene-art{float:right;width:42%;aspect-ratio:1;background-size:300% 200%;border-radius:14px;margin:0 0 16px 22px}.choices{display:grid;gap:10px;clear:both}.choices button{text-align:left;background:white}.choices button:hover{background:#eaf3e9;border-color:var(--sea)}.meter{height:9px;background:#e3ebe3;border-radius:8px;overflow:hidden}.meter i{display:block;height:100%;background:var(--coral);transition:.3s}.clues{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.clue{background:var(--cream);padding:18px;border:1px solid var(--line);border-radius:14px}.clue.locked{opacity:.5}.note{background:#fff0d4;padding:14px;border-radius:12px;margin:18px 0}footer{max-width:1120px;margin:auto;padding:20px 28px;border-top:1px solid var(--line);color:#71827d;font-size:12px}footer span{float:right}@media(max-width:680px){header{padding:18px 16px;display:block}.brand{display:block}nav{margin-top:15px}.hero{grid-template-columns:1fr}.hero h1{font-size:43px}.cast,.clues{grid-template-columns:1fr 1fr}main{padding:25px 16px}.scene-art{float:none;width:100%;margin:0 0 16px}.scene h2{font-size:24px}footer{padding:18px 16px}footer span{float:none;display:block;margin-top:6px}}