/* 따뜻한 종이와 동네 풍경. 게임·편집의 모든 글자는 불투명 패널 위에 표시한다. */
:root{color-scheme:light;--bg:#efe8dc;--panel:#fffaf1;--line:#d8cdbc;--text:#343d3b;--muted:#68746e;--accent:#427c78}
body{background:linear-gradient(90deg,#f2eadcd9,#f7f1e5a8,#f2eadcd9),url('assets/neighborhood.png') center/cover fixed;color:var(--text)}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#fff6e324,transparent 60%,#d8dfd85c);pointer-events:none}
header{background:#fffaf0f2;border-bottom:1px solid #d1c2aa;box-shadow:0 3px 20px #5a4b3910;padding:16px 5%}h1{color:#315b56;font-weight:650;letter-spacing:.02em}
button{background:#fbf6ec;border:1px solid #c8c9b9;color:#3c514a;box-shadow:0 2px 3px #334b4010;transition:background .15s,border-color .15s}
button:hover{background:#e8f0e9;border-color:#5b8e82}button.active,.primary{background:#427c78;color:#fffaf1;border-color:#427c78}button:disabled{opacity:.5;box-shadow:none}
button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b57b4b;outline-offset:3px}
.game-topbar{background:#fffaf2ed;border:1px solid #d4cab9;border-radius:15px;padding:12px 16px;box-shadow:0 6px 25px #4e514214;backdrop-filter:blur(10px);top:10px}
.hud-group{background:#e8efdf;border:1px solid #bac9b0;color:#3a5a4b;box-shadow:inset 0 1px #fff;padding:8px 18px}.hud-group:first-child{background:#f6e7cf;border-color:#dfc49b;color:#6c573b}.hud-group strong{color:#314d42}
.hud-details summary{background:#fffaf0;border-color:#c6c9b7;color:#446b5c}.hud-details[open] summary{background:#e4ecdf}.hud-popover{background:#fffaf1;border-color:#c7caba;color:#343d3b;box-shadow:0 12px 28px #554b3526}
.text-stage{background:#fffaf2;border:1px solid #cfc4b1;box-shadow:0 10px 36px #4e43321c;position:relative;overflow:hidden}
.text-stage::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#6f9d87,#d3ab79);pointer-events:none}
.scene-heading small{color:#7d8069;letter-spacing:.08em}.scene-heading h2{color:#3b6056;font-family:Georgia,'Malgun Gothic',serif;font-size:26px}.story{color:#38453e}
.choice-button{background:#e5eee6;border-color:#a9c1b2;color:#345a4e;box-shadow:none;text-align:left}.choice-button:hover{background:#f0dfdf;border-color:#c9969b;color:#754956}
.action-result{background:#eef0e5;border-left-color:#7e9d7f;color:#3d5041}.speaker{color:#547859}.action-result p{font-size:16px}
.change{background:#fffaf0;border-color:#c3cbb6;box-shadow:0 3px 8px #5a4b3910;color:#596452}.change strong{color:#397552}.change.loss strong{color:#a14d53}
.action-dock{background:#fff8ecf5;border-color:#d2c4ad;box-shadow:0 7px 22px #4e433214}.action-dock .places{border-color:#dfd3bf}.places button,.quiet{background:#fffaf0;color:#4a6257}.places button.active{background:#648b79;color:white;border-color:#648b79}
.event-button{background:#a46b7a;border-color:#a46b7a;color:white}.event-button:hover{background:#915867;border-color:#915867;color:white}
.game-footer summary{background:#fff9eef2;padding:7px 14px;border:1px solid #d5c8b2;border-radius:15px;color:#5d6b5a}.game-footer details[open]{background:#fffaf1;border:1px solid #d5c8b2;border-radius:13px;padding:10px}
.panel{background:#fffaf2;border-color:#d3c8b6;box-shadow:0 5px 18px #4e43320d}input,textarea,select{background:#fffdf8;color:#343d3b;border-color:#c6cbbd}.condition{border-color:#ddd8c7}a{color:#326b62}#notice{background:#3f7566;color:#fffaf1;box-shadow:0 8px 24px #243c342a}.editor hr{border-color:#ddd1bb}
@media(max-width:600px){body{background-attachment:scroll}.game-topbar{top:0;padding:10px;border-radius:12px}.hud-group{padding:6px 10px}.scene-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}