@charset "UTF-8";
:root{--paper:#f6f4eb;--ink:#293f35;--muted:#809083;--line:#dddeda;--green:#54715a;--gold:#dbb979;--dark:#233c32}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo,sans-serif;font-size:13px}button{font:inherit;cursor:pointer;border:0}button:focus-visible,canvas:focus-visible{outline:3px solid #ccaa63;outline-offset:3px}button:disabled{cursor:default}h1,h2,p{margin:0}.masthead{max-width:1510px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 40px 26px}.brand{display:flex;gap:16px;align-items:center}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #79927b;font-size:25px;font-family:serif;position:relative}.brand-mark:after{content:"";position:absolute;inset:4px;border:1px solid #c8d1c2}.eyebrow{font-size:9px;letter-spacing:2.4px;color:var(--muted);font-weight:600}h1{font-size:29px;letter-spacing:5px;font-family:"Yu Mincho",serif;font-weight:600;margin-top:3px}h1 span{display:inline-block;letter-spacing:1px;font-size:11px;margin-left:22px;font-family:"Yu Gothic",sans-serif;color:#7b887b;font-weight:400}.live{color:#819082;font-size:11px;display:flex;gap:8px;align-items:center}.live>span{height:6px;width:6px;border-radius:50%;background:#84a77b;box-shadow:0 0 0 4px #e9ece0}
main{max-width:1510px;margin:auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:24px;align-items:start}.town-panel{border:1px solid #d6dbcf;border-radius:8px;overflow:hidden;background:#fafaf4;box-shadow:0 5px 25px #293f3506}.town-top{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#fbfaf4}.location{letter-spacing:1.6px;font-size:12px;font-weight:600}.town-top p{font-size:10px;color:#8b9383;letter-spacing:1px;margin-top:5px}.clock{display:flex;align-items:center;gap:18px}.clock>span{font-size:11px;color:#7e8c7c}.clock strong{font-family:monospace;font-size:25px;font-weight:400;letter-spacing:1px}.canvas-wrap{position:relative;background:#8db785;overflow:hidden}#town{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:manipulation;cursor:pointer}.map-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(transparent,#22362990);color:#fff9e8;font-size:10px;pointer-events:none;text-shadow:0 1px #253b36}#day-caption{font-size:12px;letter-spacing:1px}.map-caption>span:last-child{opacity:.75}#toast{position:absolute;left:50%;top:16px;transform:translateX(-50%);background:#fbfaf1eb;color:#354837;border-radius:5px;padding:10px 16px;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}.toolbar{padding:12px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:8px}.time-controls{display:flex;align-items:center;gap:14px}.toolbar button{color:#617362;background:transparent;padding:7px 10px;border-radius:4px;font-size:11px}.toolbar button:hover{background:#e8ece0}#pause{font-size:15px;border:1px solid #d7ddcf;width:32px;height:32px;padding:0}.speeds{display:flex;background:#eff1e7;border-radius:5px;padding:3px;gap:2px}.speeds button{min-width:35px;padding:5px 8px}.speeds button.active{background:#53725d;color:white;box-shadow:0 1px 3px #0002}.toolbar-note{font-size:10px;color:#899783}.extras{display:flex;gap:4px}.town-summary{display:flex;align-items:center;gap:30px;padding:21px 24px}.town-summary strong{font-family:monospace;font-size:24px;color:#48634d;font-weight:400}.town-summary strong span{font-size:10px;margin-left:6px;font-family:sans-serif}.town-summary p{font-size:10px;color:#919984;margin-top:4px}.town-summary .slow-note{margin:0 0 0 auto;line-height:1.9;font-size:10px;text-align:right;color:#8d988b}
.sidebar{background:var(--dark);color:#f1efdc;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px #26392c10}.sidebar-heading{padding:23px 22px 18px}.sidebar .eyebrow{color:#99ae95}.sidebar h2{font-family:"Yu Mincho",serif;font-size:21px;letter-spacing:2px;font-weight:500;margin-top:7px}.sidebar h2 span{display:block;font:10px "Yu Gothic",sans-serif;letter-spacing:1px;color:#9aae98;margin-top:6px}.tabs{display:flex;padding:0 21px;border-bottom:1px solid #486050}.tabs button{flex:1;background:transparent;color:#92aa97;font-size:11px;padding:13px 2px;border-bottom:2px solid transparent}.tabs button.active{color:#f2eed7;border-bottom-color:#d3b67c}#event-dot{color:#d3b67c;font-size:7px;margin-left:4px}#resident-list{padding:9px 12px;display:grid;gap:2px}.resident{display:flex;align-items:center;text-align:left;width:100%;padding:6px 9px;background:transparent;border-radius:5px;color:#f2f0df;gap:10px;min-height:44px}.resident:hover{background:#3c5444}.resident.selected{background:#395341;box-shadow:inset 2px 0 #cfb279}.avatar{width:32px;height:36px;image-rendering:pixelated;flex:none;background:#486249;border-radius:3px}.resident .name{font-size:12px;font-weight:500}.resident .age{font-size:9px;margin-left:7px;color:#a1b49c}.resident .status{font-size:9px;color:#a6b99e;margin-top:3px;display:block}.resident .dot{margin-left:auto;width:5px;height:5px;background:#a3bb7d;border-radius:50%;flex:none}.resident .dot.inside{background:#677e6d}.detail{margin:4px 20px 0;padding:15px 0;border-top:1px solid #49604e}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.detail-top h3{font-size:13px;font-weight:500;margin:0}.detail-top button{color:#d7c38e;font-size:9px;border:1px solid #738469;background:transparent;border-radius:4px;padding:5px 7px}.detail .bio{font-size:10px;line-height:1.9;color:#adbfaa}.detail .thought{background:#1d3229;padding:9px 11px;color:#e1dbbc;font-size:10px;margin:9px 0;border-radius:4px;line-height:1.7}.needs{display:flex;gap:12px;font-size:9px;color:#a9bba3}.need{flex:1}.need i{display:block;height:3px;background:#1a3026;border-radius:3px;margin-top:6px;overflow:hidden}.need b{display:block;height:3px;background:#93ac7b;transition:width .6s}.sidebar-foot{display:flex;gap:10px;margin:0 20px;padding:15px 0;border-top:1px solid #49604e;color:#91a68d;font-size:9px;line-height:1.9}.sidebar-foot>span{color:#cfb379;font-size:15px}#diary-panel{height:482px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6e876d #233c32}.diary-intro{padding:20px 22px 8px;color:#adbfaa;font-size:10px}#diary{list-style:none;margin:0;padding:7px 22px}#diary li{padding:10px 0 12px 16px;border-left:1px solid #496451;position:relative;font-size:11px;line-height:1.7;color:#d6dfca}#diary li:before{content:"";position:absolute;left:-3px;top:15px;background:#b6bf89;width:5px;height:5px;border-radius:50%}#diary time{display:block;font:9px monospace;color:#8fa68e;margin-bottom:4px}
footer{max-width:1510px;margin:0 auto;padding:22px 42px 25px;display:flex;justify-content:space-between;color:#8d9888;font-size:10px;letter-spacing:1px}footer small{font-size:9px;letter-spacing:.5px;margin-left:14px;color:#a1a798}footer>div{display:flex;align-items:center;gap:22px}footer button{background:transparent;color:#778974;font-size:10px;padding:5px}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #bcc8b2;border-radius:10px;padding:33px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #0004}dialog::backdrop{background:#162c25a8;backdrop-filter:blur(4px)}dialog h2{font:23px "Yu Mincho",serif;letter-spacing:1px;margin:15px 0 20px}dialog p,dialog li{font-size:12px;line-height:2}dialog ul{padding-left:19px;margin:17px 0}dialog .close{position:absolute;right:12px;top:10px;background:none;color:#6d806c;font-size:25px}.reset{background:#e8e9df;color:#6a7666;margin-top:22px;padding:10px 12px;border-radius:4px;font-size:11px}
@media(min-width:1450px){main{grid-template-columns:minmax(0,1fr) 332px}.resident{min-height:47px}}@media(max-width:1100px){.masthead{padding:24px}main{padding:0 24px;gap:18px;grid-template-columns:minmax(0,1fr) 285px}h1 span{display:block;margin:5px 0 0;font-size:10px}.toolbar-note{display:none}.town-summary{gap:20px;padding:17px}.slow-note{display:none!important}.sidebar-heading{padding-top:20px}.resident{min-height:41px;padding:4px 7px}.sidebar-foot{font-size:9px}footer{padding:22px 24px}.map-caption>span:last-child{display:none}}
@media(max-width:800px){.masthead{padding:20px 16px}.brand{gap:11px}.brand-mark{width:40px;height:40px}h1{font-size:24px}.live{display:none}main{padding:0 12px;grid-template-columns:1fr;gap:18px}.town-top{padding:13px 16px}.clock strong{font-size:22px}.toolbar{padding:10px 12px}.town-summary{gap:30px}.town-summary .slow-note{display:block!important;font-size:9px}.sidebar-heading{padding:18px 20px 13px}.sidebar h2 span{display:inline;margin-left:12px}#resident-list{grid-template-columns:1fr 1fr;padding:12px}.resident{min-height:47px}.detail{padding:15px 0}.sidebar-foot{padding:12px 0}#diary-panel{height:310px}footer{padding:20px 16px}footer small{display:none}.map-caption{padding:10px 12px}#day-caption{font-size:10px}}
@media(max-width:420px){.town-summary{gap:23px}.town-summary .slow-note{display:none!important}.clock{gap:10px}.toolbar .extras button{padding:6px}.time-controls{gap:8px}.resident .age{margin-left:4px;font-size:8px}.resident{gap:7px}}