:root{--paper:#f5f0e5;--ink:#263e32;--green:#3f6548;--orange:#df6638;--line:#d8d6c6;--muted:#70776a;--white:#fffdf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Malgun Gothic',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{opacity:.4;cursor:default}header{height:88px;margin:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:32px}header>span{font-size:12px;color:var(--muted);letter-spacing:.03em}.brand{text-decoration:none;color:var(--ink);font-size:24px;font-weight:900;letter-spacing:-1px}header button{margin-left:auto;background:none;border:0;font-size:13px}main{max-width:1320px;padding:40px 32px 24px;margin:auto;display:grid;grid-template-columns:1fr 440px 1fr;gap:46px}.edition{font-size:11px;letter-spacing:.12em;color:var(--green);font-weight:700}h1{font-family:'Batang',serif;font-size:58px;line-height:1.18;letter-spacing:-4px;margin:21px 0 23px;word-break:keep-all}.dot{color:var(--orange)}.lead{font-size:14px;line-height:1.9;color:var(--muted)}.destination{margin-top:46px;border-top:1px solid var(--line);padding-top:22px;position:relative}.destination>span{font-size:11px;display:block;color:var(--muted)}.destination b{font-size:19px;display:block;margin-top:10px}.destination p{font-size:12px;line-height:1.9;color:var(--muted)}#hero{width:210px;height:187px;display:block;margin-top:-8px}.note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:16px}.play{min-width:0}.scorebar{display:flex;align-items:center;gap:28px;height:61px}.scorebar span{font-size:10px;color:var(--muted);display:block}.scorebar strong{font-size:27px;display:block;font-variant-numeric:tabular-nums}.scorebar button{border:1px solid var(--line);background:transparent;border-radius:50%;width:36px;height:36px;font-size:13px;padding:0}.scorebar button:first-of-type{margin-left:auto}.scorebar #sound{width:58px;border-radius:18px;font-size:10px}.nextbar{display:flex;justify-content:space-between;padding:12px 10px 14px;font-size:12px}.nextbar span:last-child{color:var(--muted)}.board{position:relative;border:7px solid #b9946b;border-top:0;border-radius:6px 6px 25px 25px;background:#eee5cf;box-shadow:0 7px 0 #a98158,0 15px 26px #49331a0b;overflow:hidden}.board:after{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 79px,#9e7a4c0a 80px,#9e7a4c0a 81px)}#game{display:block;width:100%;height:auto;touch-action:none;position:relative;z-index:1}.hint{position:absolute;top:39%;width:100%;text-align:center;font-size:13px;color:#89836c;pointer-events:none}.tools{display:flex;gap:8px;margin-top:22px}.tools button{border:1px solid var(--line);background:var(--white);border-radius:7px;padding:12px 10px;font-size:11px;flex:1;white-space:nowrap}.tools small{background:#e6ebde;padding:2px 6px;border-radius:4px;margin-left:5px}.tools #restart{flex:0;padding:9px 13px;font-size:22px}.tools button[aria-pressed=true]{background:var(--green);color:var(--white)}.instruction{font-size:11px;text-align:center;color:var(--muted);min-height:16px}.collection-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:6px 0 16px}.collection-head h2{font-size:21px;letter-spacing:-1px;margin:8px 0 0}.collection-head>b{font-size:12px;color:var(--green);white-space:nowrap}#catalog{display:grid;gap:0}.catalog-item{display:flex;align-items:center;border:0;border-bottom:1px solid var(--line);padding:5px 0;background:none;text-align:left;width:100%;gap:10px}.catalog-item canvas{width:42px;height:42px}.catalog-item .location{font-size:10px;color:var(--muted);display:block}.catalog-item .name{font-size:13px;display:block;margin-top:3px;font-weight:700}.catalog-item .order{margin-left:auto;font-size:10px;color:var(--muted)}.catalog-item.locked canvas{filter:grayscale(1);opacity:.26}.catalog-item.locked .name{color:#919587;font-weight:400}.fieldnote{margin-top:24px;font-size:11px}.fieldnote b{font-size:12px}.fieldnote p{line-height:1.9;color:var(--muted)}.fieldnote span{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);margin:15px 4vw 0;padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}#overlay{position:absolute;z-index:3;inset:0;background:#f5f0e5ed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}#overlay[hidden]{display:none}#overlay h2{font-family:'Batang',serif;font-size:30px}#overlay p{font-size:14px;line-height:1.9}#resume{background:var(--green);color:white;border:0;border-radius:6px;padding:14px 32px;margin-top:15px}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:35px;max-width:420px;width:calc(100% - 32px);line-height:1.9}dialog::backdrop{background:#263e3266}#close{float:right;border:0;background:none;font-size:28px;line-height:1}dialog h2{font-family:'Batang',serif;font-size:30px;margin-top:8px}dialog p,dialog li{font-size:14px}dialog .region{color:var(--orange);font-size:12px}button:hover:not(:disabled){filter:brightness(.96)}@media(min-width:1450px){main{gap:65px}}@media(max-width:1150px){main{grid-template-columns:200px 390px 1fr;gap:26px;padding:30px 22px}h1{font-size:49px}.tools button{font-size:10px;padding:11px 6px}}@media(max-width:960px){main{grid-template-columns:minmax(300px,440px) 250px;justify-content:center;gap:30px}.intro{grid-column:1/-1;display:flex;align-items:center;gap:20px}.intro .edition,.destination,.note{display:none}h1{font-size:34px;letter-spacing:-2px;margin:0}h1 br{display:none}.lead{font-size:12px;margin:0}.collection{padding-top:6px}header{height:65px}header>span{display:none}footer{margin-top:0}}@media(max-width:650px){main{display:flex;flex-direction:column;padding:22px 15px;gap:24px;max-width:470px}.intro{display:block}.intro h1{font-size:32px}.lead{margin-top:8px}.lead br{display:none}.play{width:100%}.collection{width:100%;margin-top:6px}#catalog{grid-template-columns:1fr 1fr;column-gap:18px}.catalog-item{min-height:60px}.fieldnote p br{display:none}footer{display:block;line-height:2}footer span{display:block}.scorebar{height:50px}.nextbar{padding:10px 5px}.tools button{font-size:11px}.collection-head h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.character-detail{display:block;width:176px;height:176px;margin:-8px auto 16px;max-width:100%}