:root{font-family:'Nunito',system-ui,'Noto Sans',sans-serif;color:#324842;background:#ebe5d4;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#fff8e7,#e9e1cc);min-height:100dvh}button,select,input{font:inherit;font-weight:800;min-height:44px;border:1px solid #b7b49f;border-radius:12px;background:#fffdf3;color:#314c43;padding:10px 12px}button{cursor:pointer;box-shadow:0 3px 0 #6f7e6740}button:active{transform:translateY(2px);box-shadow:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #cd7852;outline-offset:2px}button.primary{background:#277d76;color:#fff9e7;border-color:#1e625b;box-shadow:0 4px 0 #1e625b}button[aria-pressed=false]{opacity:.5}[hidden]{display:none!important}#app{max-width:1050px;margin:auto;padding:12px 16px max(16px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;margin-bottom:12px}header a{font-size:30px;color:#bd6542;text-decoration:none}header div{flex:1}header span{font-size:10px;font-weight:900;letter-spacing:2px}header strong{display:block;font-size:24px;line-height:1;letter-spacing:2px}header button{min-width:48px;font-size:22px}.hud{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;font-weight:800;margin-bottom:12px;padding:10px 12px;background:#fffcf0;border:1px solid #c2b69b;border-radius:12px;flex-wrap:wrap}.desk{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px;align-items:start}.postcard{background:#fffdf1;padding:10px;border:1px solid #c9bca1;box-shadow:0 5px 20px #6f563720;transform:rotate(-.6deg);border-radius:5px}.postcard img{width:100%;display:block;height:260px;object-fit:contain;background:#eae4d5;border-radius:3px}.caption h2{font:800 21px 'Baloo 2',system-ui;margin:8px 0 4px}.caption p{font-size:13px;line-height:1.5;margin:4px 0}.hintrow{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.hintrow span{font-size:12px;font-weight:800}.hintrow button{font-size:12px}.postcard #clue{font-size:13px;line-height:1.4;margin:8px 2px}details{font-size:11px;line-height:1.5;margin:8px 2px}summary{cursor:pointer;text-decoration:underline;padding:6px 0;min-height:30px}a{color:#277d76;overflow-wrap:anywhere}#credit p{margin:4px 0}.mapbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.mapbar p{font-size:12px;line-height:1.4;flex:1}.mapbar>div{display:flex;gap:4px;flex-shrink:0}.mapbar button{padding:4px;min-width:44px;font-size:20px}canvas{width:100%;aspect-ratio:2/1;display:block;height:auto;min-height:200px;touch-action:none;background:#b9ddd9;border:1px solid #749b90;border-radius:16px}.maphint{font-size:11px;margin:6px 0 12px;color:#647e71}#countryfields,#pinfields{display:grid;grid-template-columns:1fr 1fr;gap:8px}label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:800;min-width:0}label input,label select{width:100%;min-width:0;font-size:13px}#countries{font-size:12px}.actionbar{display:flex;gap:8px;margin-top:12px}.actionbar .primary{flex:1}.actionbar button{min-width:44px}.actionbar #guide{font-size:20px}#answer{margin-top:10px;border-left:4px solid #c9734c;padding:8px 12px;background:#fff9e8;border-radius:4px}#answer h2{font:800 20px 'Baloo 2',system-ui;margin:0 0 4px}#answer p{font-size:13px;margin:4px 0;line-height:1.5}dialog{width:min(94vw,500px);padding:22px;max-height:94dvh;border:1px solid #bcb095;border-radius:24px;background:#fff7e2;color:#324c42;box-shadow:0 18px 60px #344e4355;overflow:auto}dialog::backdrop{background:#233e37dc;backdrop-filter:blur(5px)}dialog h1,dialog h2{font-family:'Baloo 2',system-ui;margin:0 0 8px;line-height:1.12}dialog h1{font-size:33px}dialog h1 em{font-style:normal;color:#c3734c}dialog>button,.menu-content>button{display:block;width:100%;margin-top:10px}dialog p,dialog li{font-size:14px;line-height:1.5}dialog ol{padding-left:22px}dialog li{margin:8px 0}#menu{padding:0}.cover{height:180px;background:url('cover.webp') center/cover}.menu-content{padding:20px}.mode-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.mode-label select{max-width:65%}.records{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;margin:12px 0}.settings{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.settings select{flex:1;min-width:140px}.settings button{padding:8px 12px;min-width:44px}.content-note{font-size:11px!important;color:#637b6b}.stamp{font-size:80px;color:#be6d48;text-align:center}#result{text-align:center}#summary{display:grid;gap:5px;text-align:left;font-size:12px;margin:12px 0}#summary p{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin:4px 0}#albumgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#albumgrid article{background:#fffdf1;border:1px solid #c5bda6;padding:6px;border-radius:8px;font-size:12px}#albumgrid img{width:100%;height:110px;object-fit:contain;display:block}#albumgrid h3{font-size:13px;margin:6px 0 3px}#albumgrid p{font-size:11px;margin:4px 0}#albumgrid details{font-size:10px}#status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:92%;border-radius:12px;background:#314e42;color:white;padding:8px 16px;font-size:13px;opacity:0;pointer-events:none}#status.visible{opacity:1}@media(max-width:750px){#app{max-width:480px;padding:10px 12px}.desk{grid-template-columns:1fr;gap:12px}.postcard img{height:180px}.postcard{transform:none}.caption h2{font-size:20px}header{margin-bottom:10px}.hud{padding:8px 10px;font-size:11px}.mapbar p{font-size:11px}canvas{min-height:180px}.cover{height:155px}}@media(max-width:350px){#app{padding:8px}.postcard img{height:145px}.mapbar{flex-wrap:wrap}.mapbar p{flex-basis:100%;margin:0 0 4px}.mapbar>div{margin-bottom:6px}#countryfields{grid-template-columns:1fr}.menu-content{padding:16px}.cover{height:120px}.menu-content h1{font-size:29px}#albumgrid{grid-template-columns:1fr}}@media(orientation:landscape) and (max-height:540px){#app{max-width:100%;padding:8px 12px}.desk{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px}.postcard img{height:150px}.cover{height:100px}.mapbar{flex-wrap:nowrap}.mapbar p{flex-basis:auto}.mapbar button{min-width:40px}.mapbar>div{margin:0}canvas{min-height:150px}header{margin-bottom:6px}header strong{font-size:19px}.hud{margin-bottom:8px}.menu-content{padding:16px}#countryfields{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){button:active{transform:none}.postcard{transform:none}dialog::backdrop{backdrop-filter:none}}