*{box-sizing:border-box} [hidden]{display:none!important}:root{--ink:#332e37;--berry:#854354;--paper:#fff8e9;--line:#cbbba7;--sage:#43635b}body{margin:0;color:var(--ink);background:#f6eddc;background-image:radial-gradient(#a27a4622 .8px,transparent .8px);background-size:5px 5px;font:15px/1.55 "Malgun Gothic",system-ui,sans-serif;padding-bottom:96px}main{max-width:1220px;margin:auto;padding:0 4vw}button,a{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px 14px}button:hover{background:#f2dcc3}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #e59b59}header,.title,.bar,nav,footer{display:flex;align-items:center}header{justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}header b,small{letter-spacing:.13em;font-size:11px;font-weight:750;color:var(--berry)}.title{justify-content:space-between;padding:22px 0 18px}.title p,aside p{color:#746858;font-size:14px}.title h1{margin:0;font:700 clamp(32px,4vw,52px)/1.25 Georgia,'Batang',serif;letter-spacing:-.06em}.title em{font-style:normal;color:var(--berry)}.layout{display:grid;grid-template-columns:minmax(0,2.75fr) minmax(230px,1fr);gap:20px;align-items:start}.window,aside{border:1px solid var(--line);border-radius:13px;background:var(--paper);overflow:hidden;box-shadow:0 7px 18px #66453219}.bar{justify-content:space-between;background:#394d48;color:#fff7dc;padding:9px 17px;font-size:12px}.bar span{color:#e3d8ab}#world{position:relative;isolation:isolate;background:#a67c59}.back{width:100%;display:block}#welcome{position:absolute;left:5%;bottom:7%;background:#fff7e9f5;border:1px solid #aa7961;box-shadow:5px 5px #50352544;padding:clamp(14px,2.3vw,30px);border-radius:3px 16px 3px 3px}#welcome h2,dialog h2,aside h2{font-family:Georgia,'Batang',serif;letter-spacing:-.055em}#welcome h2{font-size:clamp(23px,3vw,36px);line-height:1.28;margin:8px 0}#welcome p{margin:6px 0 15px;font-size:14px}.primary{background:var(--berry);color:white;border-color:var(--berry);font-weight:700}.primary:hover{background:#70394a}nav{padding:9px 13px;gap:8px}nav span{font-size:13px;flex:1;text-align:center}aside{padding:21px}aside h2{margin:4px 0;font-size:23px}aside p{margin:0 0 14px}.entry{display:flex;text-align:left;align-items:center;gap:12px;width:100%;border:none;border-bottom:1px dashed var(--line);border-radius:0;padding:6px 0;background:transparent}.thumb,#illustration{background-image:url(art/objects.png);background-size:300% 200%}.thumb{width:40px;height:40px;border-radius:7px}.entry span:last-child{margin-left:auto;color:var(--sage)}aside .primary{margin-top:15px;width:100%}.pin{position:absolute;transform:translate(-50%,-50%);background:#fff4ce;border:2px solid #574334;color:#47372d;border-radius:100%;padding:0;width:28px;height:28px;font-weight:bold;box-shadow:2px 2px #583e3e77}.pin.current{background:#8c4153;color:white}.pin.done{background:#c7dac1}#sprite{position:absolute;bottom:7%;transition:left .28s ease;transform:translateX(-50%);width:26px;height:38px;background-size:100% 100%;image-rendering:pixelated;filter:drop-shadow(1px 2px 0 #62473070)}footer{position:fixed;z-index:2;bottom:0;width:100%;padding:10px max(4vw,calc((100vw - 1130px)/2));gap:12px;background:#313941;color:#ffefd5;box-shadow:0 -3px 18px #33293322}footer button{background:transparent;color:#ffead0;border-color:#75807d;padding:4px 11px}.disc{border-radius:100%;width:43px;height:43px;display:grid;place-items:center;border:4px double #bb9f87;background:#5d464d}.song{display:grid;min-width:110px}.song small{color:#edc2a0;font-size:9px}#seek{flex:1;min-width:45px;accent-color:#d99b81}dialog{width:min(720px,94vw);max-height:86dvh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid #a68d77;border-radius:16px;padding:25px;box-shadow:0 20px 70px #21141c55}dialog::backdrop{background:#241d28a8}.close{position:absolute;top:8px;right:8px;border:0;background:var(--paper);z-index:1}.storyGrid{display:grid;grid-template-columns:1fr 1.25fr;gap:20px;align-items:center}#illustration{aspect-ratio:1;border-radius:10px}dialog h2{font-size:28px;margin:6px 0}dialog p{margin:5px 0 15px}#choices button{width:100%;text-align:left;margin:3px 0}#choices button:not(:only-child)::before{content:'◇';color:#945261;margin-right:9px}#tracks div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0}#tracks button{border:0}#tracks a{font-size:13px}#memories{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}#memories div{max-width:150px;font-size:13px}#memories .thumb{display:block;width:66px;height:66px}@media(max-width:750px){.layout{grid-template-columns:1fr;gap:12px}main{padding:0 12px}.title{padding:12px 0}.title p{font-size:12px}.entry{width:50%;display:inline-flex;padding-right:8px}aside{padding:15px}.storyGrid{display:block}#illustration{width:100%;aspect-ratio:1;margin:auto;max-width:160px}dialog{padding:18px}dialog h2{font-size:24px}footer{gap:6px;padding:8px 12px}.disc{display:none}.song{min-width:80px}#welcome p{font-size:12px}nav{gap:4px}nav button{padding:6px 9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#sprite{width:auto;height:clamp(42px,26%,108px);aspect-ratio:24/30;bottom:6%;transition:none;pointer-events:none;filter:drop-shadow(1px 1px 0 #68453955)}
#sprite svg{display:block;width:100%;height:100%}
#memories{display:grid;gap:12px}
#memories section{padding:12px 16px;background:#f4ecd9;border-left:3px solid #aa7d75;border-radius:4px}
#memories h3{margin:0 0 4px;font-size:15px;color:var(--berry)}
#memories p{margin:0;line-height:1.65}
#result #desc{font-weight:650;color:var(--sage)}
#result button.primary{margin-top:8px}
.keepsake{padding:12px 15px;margin:8px 0;background:#f7eddd;border-left:3px solid #ad7580;border-radius:4px}.keepsake strong{color:#804154}.keepsake p{margin:4px 0;white-space:pre-line;line-height:1.65;word-break:keep-all}#story{max-height:85dvh;overflow:auto}