html,body,#root{height:100%;margin:0}body{background:#3b6b33;font-family:system-ui,-apple-system,sans-serif;color:#2b2b2b;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.screen{background:#7ab55c;min-height:100%;box-sizing:border-box;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}h1,h2{margin:0}button{font:inherit;cursor:pointer}.link{background:none;border:none;text-decoration:underline;color:inherit;padding:8px}.error{color:#8b1a1a;min-height:1.2em;margin:0;font-weight:600}.persons{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:340px}.person{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:3px solid #4d7a38;border-radius:12px;background:#f4ecd2;font-size:18px;font-weight:600}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#fff;text-shadow:0 1px 2px #0006}.pinpad{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:320px}.dots{display:flex;gap:14px;margin:8px 0}.dot{width:18px;height:18px;border-radius:50%;border:3px solid #2b2b2b}.dot.filled{background:#2b2b2b}.keys{display:grid;grid-template-columns:repeat(3,72px);gap:12px}.keys button{height:72px;font-size:28px;border:3px solid #4d7a38;border-radius:50%;background:#f4ecd2}.keys button:active{background:#e0d5aa}.village{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;overflow:hidden;background:#3b6b33}@media(display-mode:standalone){.village{height:var(--app-height, 100%)}}html{background:#3b6b33}.canvas{position:absolute;top:env(safe-area-inset-top);left:0;right:0;bottom:0;touch-action:none}.canvas canvas{display:block}.topbar{position:absolute;left:0;right:0;top:env(safe-area-inset-top);display:flex;justify-content:space-between;align-items:flex-start;padding:10px calc(10px + env(safe-area-inset-right)) 0 calc(10px + env(safe-area-inset-left));pointer-events:none}.topbar>*{pointer-events:auto}.zoom{display:flex;flex-direction:column;gap:8px}.chip{border:2px solid #4d7a38;background:#f4ecd2;border-radius:20px;padding:8px 14px;font-size:15px;font-weight:600;min-height:40px;min-width:40px;box-shadow:0 2px 4px #0003}.sheet{position:absolute;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));background:#f4ecd2;border:3px solid #4d7a38;border-radius:14px;padding:14px;display:flex;gap:12px;align-items:center;box-shadow:0 4px 10px #0004;line-height:1.5}.avatar.small{width:44px;height:44px;font-size:22px;flex:none}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:600}.hud{display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 56px)}.hud .chip{min-height:36px;padding:6px 12px;font-size:14px;display:inline-flex;align-items:center}.statusbar{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;text-align:left;background:#f4ecd2;border:3px solid #4d7a38;border-radius:14px;padding:10px 14px;box-shadow:0 4px 10px #0004;color:inherit}.statustext{flex:1;display:flex;flex-direction:column;min-width:0}.statustext small{color:#5a5a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end}.modal{width:100%;box-sizing:border-box;max-height:90%;overflow-y:auto;background:#f4ecd2;border-top:3px solid #4d7a38;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.modal h2{font-size:20px;margin-bottom:10px}.modal h3{font-size:15px;margin:16px 0 8px;color:#5a5a5a}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick button,.places button{border:2px solid #4d7a38;background:#fffbe8;border-radius:12px;font-size:14px;font-weight:600;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;color:inherit}.quick .emoji{font-size:26px}.places{display:flex;flex-wrap:wrap;gap:8px}.places button{flex-direction:row;padding:8px 12px}.places button.on{background:#7ab55c;color:#fff}.modal input{width:100%;box-sizing:border-box;margin-top:10px;padding:12px;font:inherit;font-size:16px;border:2px solid #4d7a38;border-radius:10px;background:#fffbe8}.row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.primary{background:#4d7a38;color:#fff;border:none;border-radius:12px;padding:12px 28px;font-size:16px;font-weight:700}.hud button.chip{color:inherit;font-family:inherit}.modal.tall{height:85%}.modal .head{margin-top:0;gap:8px}.modal .head h2{flex:1;margin:0}.modal section h3{margin-top:14px}.tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.task{display:flex;gap:8px;align-items:center;justify-content:space-between;background:#fffbe8;border:2px solid #4d7a38;border-radius:12px;padding:10px}.task.approved{opacity:.6}.task.done{border-style:dashed}.taskmain{display:flex;flex-direction:column;gap:2px;min-width:0}.taskmain small{color:#5a5a5a}.taskbtns{display:flex;gap:6px;align-items:center;flex:none;flex-wrap:wrap;justify-content:flex-end;max-width:45%}.taskbtns small{color:#5a5a5a;text-align:right}button.small{border:2px solid #4d7a38;background:#fffbe8;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:600;color:inherit}button.primary.small{background:#4d7a38;color:#fff}.form{display:flex;flex-direction:column}.form input{margin-top:8px}.task.stack{flex-direction:column;align-items:stretch}.task.stack .taskbtns{max-width:none;justify-content:flex-end}.tabs{display:flex;gap:6px;margin-bottom:4px}.tabs button{flex:1;border:2px solid #4d7a38;background:#fffbe8;border-radius:10px;padding:10px 4px;font-size:15px;font-weight:600;color:inherit}.tabs button.on{background:#4d7a38;color:#fff}.task.clickable{cursor:pointer;align-items:center}.task.clickable:active{background:#f0e8c4}button.add{margin-top:12px}button.danger,.link.danger{color:#8b1a1a}.inline{display:flex;gap:6px;align-items:center}.inline input{margin-top:0;min-width:0}.inline input[type=number]{width:90px;flex:none}.swatches{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swatches button{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #4d7a38;padding:0}.swatches button.on{box-shadow:0 0 0 4px #2b2b2b}.swatches input[type=color]{width:44px;height:36px;padding:0;margin:0;border:none;background:none}.minimap{position:relative;background:#7ab55c;border:2px solid #4d7a38;border-radius:6px;touch-action:manipulation;background-image:linear-gradient(#0000001a 1px,transparent 1px),linear-gradient(90deg,#0000001a 1px,transparent 1px);background-size:20px 20px;margin:4px 0}.footprint{position:absolute;box-sizing:border-box;border-radius:4px;display:grid;place-items:center;font-weight:700;font-size:14px;pointer-events:none}.footprint.other{background:#9a8f70;color:#fff;border:2px solid #6d6450}.footprint.mine{background:#e8d27a;border:3px solid #2b2b2b;color:#2b2b2b}.footprint.mine.clash{background:#e8a0a0;border-color:#8b1a1a}.primary:disabled{opacity:.4}.linkbox{display:flex;flex-direction:column;gap:8px;align-items:flex-start}a.primary.small{background:#4d7a38;color:#fff;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:700;font-size:15px}a.linkbtn{display:inline-block;border:2px solid #4d7a38;background:#fffbe8;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600;color:inherit;text-decoration:none}.figures{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.figures button{background:#fffbe8;border:3px solid transparent;border-radius:12px;padding:0}.figures button.on{border-color:#4d7a38;background:#dfeccb}.figures img{width:100%;display:block}