:root{font-family:Chivo,sans-serif;color:#2c2218;background:#d7c178;font-synthesis:none;--paper: #fff2d1;--ink: #2c2218;--turmeric: #e8a92c;--oxide: #b94c32;--leaf: #35735a;--night: #222e4b}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;overscroll-behavior:none}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#game-shell{position:relative;isolation:isolate;background:#b6c96f}#game{position:absolute;inset:0;width:100%;height:100%;cursor:grab;image-rendering:pixelated;touch-action:none}#game.placing{cursor:crosshair}#game.dragging{cursor:grabbing}.topbar{position:absolute;z-index:3;top:18px;left:20px;right:20px;display:grid;grid-template-columns:minmax(260px,1fr) auto 1fr;align-items:start;pointer-events:none}.brand,.town-vitals,.time-controls,.bottombar,.inspector,.empty-guide,.toast{border:2px solid color-mix(in oklch,var(--ink),transparent 12%);box-shadow:5px 6px #3d2a1838,inset 0 1px #ffffff73;background:color-mix(in oklch,var(--paper),transparent 4%)}.brand{justify-self:start;display:flex;gap:12px;align-items:center;padding:10px 15px 9px 11px;transform:rotate(-.25deg)}.brand-mark{width:42px;height:42px;position:relative;display:flex;align-items:end;gap:3px;padding:7px 6px 5px;background:var(--oxide);border:2px solid var(--ink)}.brand-mark span{flex:1;background:#ffe2a0;border:1px solid var(--ink)}.brand-mark span:nth-child(1){height:18px}.brand-mark span:nth-child(2){height:28px}.brand-mark span:nth-child(3){height:22px}.brand h1{font-family:Yatra One,serif;font-size:clamp(20px,2vw,30px);line-height:.9;margin:2px 0 5px;letter-spacing:.025em}.brand p{margin:0;font-size:10px;font-weight:700;color:#75583d;letter-spacing:.08em;text-transform:uppercase}.brand i{color:var(--oxide);font-style:normal}.town-vitals{display:flex;padding:6px 7px;gap:1px;pointer-events:auto}.town-vitals>div{min-width:104px;height:47px;display:grid;grid-template-columns:24px auto;grid-template-rows:25px 14px;padding:3px 11px;border-right:1px dashed #a98b62}.town-vitals>div:last-child{border-right:0;min-width:118px}.town-vitals strong{font-size:15px;align-self:end}.town-vitals small{grid-column:2;color:#7b6248;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.vital-icon{grid-row:1 / 3;align-self:center;font-weight:900;color:var(--leaf)}.people-icon{position:relative;width:18px;height:13px;border-radius:9px 9px 3px 3px;background:var(--oxide)}.people-icon:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--oxide);top:-7px;left:5px}.smile-icon{font-size:20px;color:var(--turmeric)}.sun-icon{font-size:19px;color:var(--oxide)}.time-controls{justify-self:end;display:flex;padding:5px;pointer-events:auto}.time-controls button{appearance:none;background:none;border:0;min-width:36px;height:36px;cursor:pointer;font-size:12px;border-right:1px dashed #ad8d65}.time-controls button:last-child{border:0;font-size:18px}.time-controls button:hover,.time-controls button.active{color:var(--oxide);background:#efd798}.bottombar{position:absolute;z-index:4;bottom:18px;left:50%;width:min(920px,calc(100% - 32px));transform:translate(-50%);min-height:82px;display:flex;align-items:stretch;padding:7px}.zone-tools{display:flex;gap:4px;flex:1}.tool{position:relative;flex:1;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;min-width:128px;padding:8px 9px;background:transparent;border:0;border-right:1px dashed #aa8b65;text-align:left;cursor:pointer}.tool:after{content:"";position:absolute;inset:3px;border:2px solid transparent;pointer-events:none}.tool:hover{background:#f1dda7}.tool.active{background:#edcf83}.tool.active:after{border-color:var(--ink)}.tool-icon{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);font-weight:900;font-size:22px;background:#f7e9bd}.tool:nth-child(2) .tool-icon{background:#d87855}.tool:nth-child(3) .tool-icon{background:#e7b73e}.tool:nth-child(4) .tool-icon{background:#56887b}.tool strong,.tool small{display:block}.tool strong{font-size:13px}.tool small{margin-top:3px;font-size:9px;color:#745d44;text-transform:uppercase;letter-spacing:.06em}kbd{position:absolute;top:6px;right:7px;font:700 8px Chivo;color:#8c6c48}.mode-note{width:205px;display:flex;align-items:center;gap:9px;padding:7px 11px 7px 15px}#mode-dot{width:9px;height:9px;background:var(--leaf);transform:rotate(45deg);flex:0 0 auto}.mode-note strong,.mode-note small{display:block}.mode-note strong{font-size:12px}.mode-note small{font-size:9px;line-height:1.35;color:#725c43;margin-top:4px}.inspector{position:absolute;z-index:5;width:245px;padding:13px 15px 15px 18px;pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out}.inspector.hidden{opacity:0;transform:translateY(5px)}.inspector-stripe{position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--oxide);border-right:2px solid var(--ink)}.inspector .eyebrow{margin:0 0 4px;color:#8a6339;font-size:9px;font-weight:900;letter-spacing:.12em}.inspector h2{margin:0 0 7px;font:20px/1.05 Yatra One,serif}.inspect-stage{display:inline-block;padding:4px 6px;border:1px solid #a8865d;background:#f3dda1;font-size:9px;font-weight:800;text-transform:uppercase}.inspect-body{margin-top:10px;display:grid;gap:7px;font-size:11px}.inspect-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px dashed #b99a72;padding-bottom:5px}.inspect-row span{color:#765d43}.people-list{display:flex;flex-wrap:wrap;gap:4px}.person-chip{padding:3px 5px;background:#e8d29c;border:1px solid #a8885e;font-size:9px}.empty-guide{position:absolute;z-index:2;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-1deg);display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;pointer-events:none;transition:opacity .3s ease-out,transform .3s ease-out}.empty-guide.gone{opacity:0;transform:translate(-50%,-46%) rotate(-1deg)}.guide-leaf{display:grid;place-items:center;width:42px;height:42px;background:var(--leaf);color:#fff0bd;border:2px solid var(--ink)}.empty-guide strong{font:17px Yatra One}.empty-guide p{margin:3px 0 0;font-size:10px;color:#745c43}.toast{position:absolute;z-index:7;left:50%;bottom:119px;padding:8px 12px;font-size:10px;font-weight:800;opacity:0;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:800px),(max-height:560px)and (orientation:landscape){.topbar{top:calc(env(safe-area-inset-top) + 8px);left:8px;right:8px;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.brand,.town-vitals,.time-controls,.bottombar,.inspector,.empty-guide,.toast{border-width:1.5px;box-shadow:3px 4px #3d2a1833,inset 0 1px #ffffff6b}.brand{min-width:0;height:48px;gap:8px;padding:5px 9px 5px 6px;transform:none}.brand-mark{width:34px;height:34px;flex:0 0 auto;padding:6px 5px 4px;border-width:1.5px}.brand-mark span:nth-child(1){height:14px}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){height:18px}.brand h1{font-size:clamp(15px,4.6vw,19px);margin:1px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand p{display:block;font-size:7px;letter-spacing:.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-controls{grid-column:2;height:48px;padding:2px;align-items:center}.time-controls button{min-width:44px;height:44px;font-size:11px}.time-controls button:last-child{display:none}.town-vitals{grid-row:2;grid-column:1 / 3;width:100%;height:46px;margin:0;padding:3px;transform:none}.town-vitals>div,.town-vitals>div:last-child{flex:1 1 0;min-width:0;height:38px;grid-template-columns:20px minmax(0,1fr);grid-template-rows:21px 12px;padding:2px 6px}.town-vitals strong{font-size:13px;white-space:nowrap}.town-vitals small{font-size:7px}.vital-icon{transform:scale(.78);transform-origin:center}.bottombar{bottom:calc(env(safe-area-inset-bottom) + 8px);width:calc(100% - 16px);height:72px;min-height:72px;padding:4px;overflow:visible}.zone-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%}.mode-note{display:none}.tool{min-width:0;height:62px;grid-template-columns:1fr;grid-template-rows:34px 18px;justify-items:center;align-content:center;text-align:center;gap:2px;padding:4px 2px}.tool:last-child{border-right:0}.tool:after{inset:2px;border-width:1.5px}.tool:active{transform:translateY(1px)}.tool small,kbd{display:none}.tool strong{font-size:clamp(10px,3.1vw,13px);line-height:1}.tool-icon{width:32px;height:32px;border-width:1.5px;font-size:17px}.empty-guide{top:47%;width:max-content;max-width:calc(100% - 40px);gap:9px;padding:10px 12px 10px 9px}.empty-guide.gone{display:none}.guide-leaf{width:36px;height:36px;border-width:1.5px;flex:0 0 auto}.empty-guide strong{font-size:15px}.empty-guide p{font-size:10px;line-height:1.35}.inspector{left:8px!important;right:8px;top:auto!important;bottom:calc(env(safe-area-inset-bottom) + 88px);width:auto;max-height:min(38dvh,280px);overflow:auto;padding:12px 13px 13px 17px;transform-origin:bottom center}.inspector.hidden{transform:translateY(12px)}.inspector h2{font-size:19px}.inspect-body{font-size:11px}.person-chip{font-size:10px;padding:4px 6px}.toast{bottom:calc(env(safe-area-inset-bottom) + 90px);max-width:calc(100% - 28px);text-align:center;font-size:10px}}@media(max-width:360px){.brand{gap:6px;padding-right:6px}.brand-mark{width:31px;height:31px}.brand p{display:none}.town-vitals>div,.town-vitals>div:last-child{padding-inline:3px;grid-template-columns:17px minmax(0,1fr)}.tool strong{font-size:10px}}@media(max-height:560px)and (orientation:landscape){.topbar{grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto}.brand{grid-column:1}.town-vitals{grid-row:1;grid-column:2;height:48px}.time-controls{grid-column:3}.bottombar{left:auto;right:8px;width:min(440px,58%);transform:none}.empty-guide{top:48%}.inspector{left:8px!important;right:auto;width:min(300px,38%);bottom:calc(env(safe-area-inset-bottom) + 8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important}}