:root{--win:#24305e;--win2:#1b2449;--edge:#f3e7c5;--edge-dark:#0e1330;--text:#fbf6e6;--muted:#b9c0dc;--accent:#ffd34a;--good:#7dffa0;--bad:#ff7a6a;--btn:#f6d67a;--btn-text:#3a2814;--font:"DotGothic16", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Sans", "Yu Gothic", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", monospace}*{box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;height:100%;color:var(--text);font-family:var(--font);background:#1b2333;margin:0;font-size:14px;overflow:hidden}canvas#game{width:100vw;height:100vh;image-rendering:pixelated;touch-action:none;cursor:pointer;position:fixed;inset:0}.hidden{display:none!important}img.ic{width:24px;height:24px;image-rendering:pixelated;vertical-align:-7px;margin:-2px 1px -2px 0}img.ic.big{width:36px;height:36px}img.tic{width:32px;height:22px;image-rendering:pixelated;vertical-align:middle;margin-right:3px}.paving .btn{padding:2px 6px}img.bimg{width:64px;image-rendering:pixelated}img.bimg.sm{width:40px}img.pimg{width:38px;image-rendering:pixelated}img.mimg{width:34px;image-rendering:pixelated}img.mimg.sm{vertical-align:middle;width:22px}.q{text-align:center;color:var(--muted);font-size:20px;line-height:32px;display:inline-block}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud>#log{pointer-events:none}.win{background:linear-gradient(var(--win), var(--win2));border:3px solid var(--edge);box-shadow:0 0 0 3px var(--edge-dark), 4px 6px 0 3px #00000059;border-radius:6px}.win-title{border-bottom:2px solid #f3e7c559;align-items:center;gap:8px;padding:6px 8px;display:flex}.win-title>span{flex:1}.win-body{padding:8px 10px;overflow-y:auto}#top{background:linear-gradient(var(--win), var(--win2));border:3px solid var(--edge);box-shadow:0 0 0 3px var(--edge-dark);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;top:8px;left:8px;right:8px}.tb-date{align-items:center;gap:10px;display:flex}.tb-date b{color:var(--accent)}.tb-res{flex-wrap:wrap;flex:1;gap:12px;display:flex}.tb-res span{white-space:nowrap}.tb-speed{gap:4px;display:flex}#toolbar{background:linear-gradient(var(--win), var(--win2));border:3px solid var(--edge);box-shadow:0 0 0 3px var(--edge-dark);border-radius:6px;flex-wrap:wrap;justify-content:center;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}#panel{flex-direction:column;width:min(440px,100vw - 16px);display:flex;position:absolute;top:64px;bottom:70px;right:8px}#panel .win-body{flex:1}#info{flex-direction:column;width:min(340px,100vw - 16px);max-height:60vh;display:flex;position:absolute;bottom:70px;left:8px}#log{text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;width:min(420px,60vw);font-size:13px;position:absolute;top:64px;left:10px}.log-line{margin-bottom:2px}.log-date{color:var(--accent)}#placing{border:2px solid var(--accent);background:#141a3ceb;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 16px);padding:6px 10px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}#zoom{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:70px;right:8px}#expbar{cursor:pointer;width:min(452px,100vw - 16px);padding:4px 6px 6px;position:absolute;bottom:66px;left:50%;transform:translate(-50%)}#exp-label{white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12px;overflow:hidden}#exp-cv{width:100%;image-rendering:pixelated;border:2px solid var(--edge-dark);border-radius:3px;display:block}#hud.exp-on #info,#hud.exp-on #zoom,#hud.exp-on #panel{bottom:166px}#panel:not(.hidden)~#zoom{right:calc(min(440px,100vw - 16px) + 16px)}.btn{font-family:var(--font);color:var(--btn-text);background:var(--btn);border:2px solid var(--edge-dark);cursor:pointer;white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:14px;box-shadow:inset 0 -3px #0003,inset 0 2px #ffffff80}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.on{background:var(--accent);outline:2px solid #fff}.btn.x{background:#e8c0b0;padding:2px 8px}.btn.danger{background:#f09a8a}.btn.primary{background:#9af0a8}#toolbar .btn{padding:5px 8px}h3{color:var(--accent);border-bottom:1px dashed #f3e7c54d;margin:12px 0 6px;font-size:15px;font-weight:400}.meta{color:var(--muted);font-size:12px}.desc{color:#dfe3f2;margin:2px 0 4px;font-size:13px;line-height:1.4}.good{color:var(--good)}.bad{color:var(--bad)}.grow{flex:1;min-width:0}small{color:var(--muted)}a[data-act]{color:var(--accent);cursor:pointer;text-decoration:underline}.grid{flex-direction:column;gap:6px;display:flex}.card{background:#ffffff0f;border:1px solid #f3e7c540;border-radius:4px;align-items:center;gap:8px;margin-bottom:6px;padding:6px;display:flex}.card.dim{opacity:.6}.card-img{justify-content:center;width:64px;display:flex}.card-main{flex:1;min-width:0}.row{border-bottom:1px solid #f3e7c51f;align-items:center;gap:8px;padding:5px 4px;display:flex}.row.click{cursor:pointer}.row.dim{opacity:.5}.mimg.q{text-align:center;width:34px;font-size:20px;display:inline-block}.row.click:hover{background:#ffffff14}.box{background:#ffffff12;border-radius:4px;margin-bottom:8px;padding:6px 8px}.btns{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.btns.center{justify-content:center}.btns.right{justify-content:flex-end}.tag{background:#00000040;border-radius:3px;align-items:center;gap:2px;margin:2px 2px 0 0;padding:1px 6px;font-size:12px;display:inline-flex}.tag.bad{color:var(--bad)}.tags{flex-wrap:wrap;display:flex}.cost{white-space:nowrap;margin-right:4px}.cost.bad{color:var(--bad)}.kv{grid-template-columns:auto 1fr;align-items:center;gap:3px 12px;margin:4px 0 6px;display:grid}.kv>span{color:var(--muted)}.kv b{font-weight:400}.kv .big{color:var(--accent);font-size:20px}.rank{font-size:26px}.rank.rS{color:#ffd34a}.rank.rA{color:#7dffa0}.rank.rB{color:#7dd6ff}.rank.rC{color:#e0c0ff}.rank.rD{color:silver}.bar{vertical-align:middle;background:#0e1330;border:1px solid #000;border-radius:2px;width:110px;height:8px;display:inline-block;overflow:hidden}.bar>span{background:linear-gradient(#a8e8ff,#4ab0e8);height:100%;display:block}.bar.hp>span{background:linear-gradient(#a8ffb0,#3ac05a)}.bar.food>span{background:linear-gradient(#ffd8a0,#e8903a)}.bar.mood>span{background:linear-gradient(#ffc0e0,#e86aa8)}.bar.fam>span{background:linear-gradient(#fff0a0,#e8b83a)}.items{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;display:grid}.item{text-align:center;background:#ffffff0f;border-radius:4px;flex-direction:column;align-items:center;padding:6px 2px;font-size:12px;display:flex}.item.dim{opacity:.5}#title{background:radial-gradient(at top,#34508a,#141a33 70%);justify-content:center;padding:24px 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.title-box{width:min(720px,100%)}.title-box h1{text-align:center;color:var(--accent);text-shadow:3px 3px #0e1330,-1px -1px #0e1330;letter-spacing:2px;margin:16px 0 4px;font-size:40px;font-weight:400}.sub{text-align:center;color:var(--muted);margin:0 0 12px}.villages{margin-top:16px}.card.village{background:linear-gradient(var(--win), var(--win2));border:3px solid var(--edge);box-shadow:0 0 0 3px var(--edge-dark);flex-wrap:wrap;padding:10px}#modal{z-index:10;background:#0508148c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{width:min(420px,100vw - 24px)}#toast{z-index:20;pointer-events:none;border:2px solid var(--accent);background:#141a3cf2;border-radius:6px;padding:6px 14px;position:fixed;top:110px;left:50%;transform:translate(-50%)}@media (width<=700px){html,body{font-size:13px}#top{gap:4px 6px;padding:4px 6px}.tb-date{flex:1;gap:6px;font-size:12px}.tb-speed .btn{padding:2px 6px;font-size:12px}.tb-res{flex:100%;order:3;gap:8px;font-size:12px}.log-line:nth-last-child(n+4){display:none}#toolbar .btn{padding:4px 6px;font-size:12px}#panel{top:92px;bottom:96px}#info{max-height:45vh;bottom:96px}#log{font-size:11px;top:84px}#zoom{bottom:96px}#expbar{bottom:92px}#hud.exp-on #info,#hud.exp-on #zoom,#hud.exp-on #panel{bottom:192px}.bar{width:80px}}.dot{border:1px solid #000;border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.modal-box.wide{flex-direction:column;width:min(680px,100vw - 24px);max-height:calc(100vh - 24px);display:flex}.share-img{image-rendering:auto;border:2px solid #000;width:100%}.ach{text-align:center;color:#6a7090;width:28px;font-size:22px}.ach.got{color:var(--accent)}#import-text{width:100%;color:var(--text);border:1px solid var(--edge);background:#0e1330;border-radius:4px;margin:8px 0;font-family:monospace;font-size:11px}#import-file{color:var(--text)}.fest{color:#ffb0d0;margin-left:6px}.bossbadge{color:#fff;cursor:pointer;background:#c83a3a;border-radius:3px;margin-left:8px;padding:1px 6px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.6}to{opacity:1}}img.bimg.xs{width:26px;margin-right:2px}.tag.good{color:var(--good)}.shiny{color:#ffd34a}.paper .win-body{color:#3a2a1a;background:#f2e8d0}.paper .kv>span,.paper .meta,.paper small{color:#7a6a50}.paper h3{color:#8a3a2a;border-color:#c8b890}ul.news{margin:4px 0;padding-left:18px;line-height:1.5}.bio{max-height:170px;margin:4px 0;padding:0;font-size:12px;list-style:none;overflow-y:auto}.bio li{border-bottom:1px dotted #ffffff1f;padding:2px 0}.tag.dim{opacity:.5}.btn.sm{margin-right:4px;padding:1px 6px;font-size:12px}svg.chart{background:#00000040;border-radius:4px;width:100%;height:80px}svg.chart rect{fill:#ffd34a}.row.on{outline:1px solid var(--accent)}.bio li.good{color:#8ae08a}.bio li.dim{opacity:.5}