:root{
  --ink:#0d281f;--ink2:#15382a;--lime:#dbe90f;--cream:#fbf7e5;--paper:#fffdf4;--mint:#d8ead6;
  --shadow:0 24px 70px rgba(13,40,31,.22);--line:rgba(13,40,31,.15)
}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#d9ead6;color:var(--ink);font-family:Inter,ui-rounded,"Arial Rounded MT Bold",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit;color:inherit}.boot{position:fixed;z-index:999;inset:0;display:grid;place-items:center;align-content:center;gap:13px;background:var(--ink);color:white;transition:.5s}.boot.hide{opacity:0;visibility:hidden}.boot-egg{width:82px;height:96px;border-radius:53% 47% 50% 50%/62% 60% 40% 38%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:2.6rem;font-weight:1000;transform:rotate(-5deg);box-shadow:0 12px 0 rgba(0,0,0,.2)}.boot b{font-size:1rem;letter-spacing:.12em}.boot span{font-size:.72rem;opacity:.67}.topbar{height:78px;position:fixed;z-index:50;left:0;right:0;top:0;display:flex;align-items:center;gap:18px;padding:10px 20px;background:rgba(251,247,229,.91);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:max-content}.egg{width:48px;height:56px;background:var(--ink);color:var(--lime);display:grid;place-items:center;border-radius:52% 48% 49% 51%/59% 60% 40% 41%;font-size:1.55rem;font-weight:1000;transform:rotate(-5deg)}.brand strong{display:block;letter-spacing:.08em;font-size:1.04rem;line-height:1}.brand small{display:block;margin-top:6px;letter-spacing:.28em;font-weight:900;font-size:.56rem;color:#4f715e}.status-pill{margin-left:auto;display:flex;align-items:center;gap:9px;padding:10px 14px;background:white;border:1px solid var(--line);border-radius:999px;box-shadow:0 4px 14px rgba(13,40,31,.05);font-size:.78rem;font-weight:900}.status-pill i,.eyebrow i{width:10px;height:10px;border-radius:50%;background:#58bd77;box-shadow:0 0 0 5px rgba(88,189,119,.14)}.controls{display:flex;gap:8px}.controls button{width:44px;height:44px;border:0;border-radius:14px;background:white;box-shadow:0 5px 14px rgba(13,40,31,.08);cursor:pointer;font-weight:1000}.controls .phone-avatar{position:relative;border-radius:50%;background:var(--ink);color:var(--lime)}.phone-avatar b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#df6558;color:white;border:2px solid var(--cream);font-size:.63rem;display:grid;place-items:center}
main{height:100%}.world-stage{position:relative;height:100%;padding-top:78px;background:linear-gradient(#c9dfca,#dcecd9)}#worldCanvas{position:absolute;inset:78px 0 0;width:100%;height:calc(100% - 78px);display:block;touch-action:none;cursor:grab}#worldCanvas.dragging{cursor:grabbing}.drag-hint{position:absolute;z-index:8;left:50%;top:96px;transform:translateX(-50%);background:rgba(13,40,31,.82);color:white;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:.68rem;font-weight:900;letter-spacing:.02em;backdrop-filter:blur(9px);pointer-events:none;transition:.35s}.drag-hint.hide{opacity:0;transform:translate(-50%,-7px)}.drag-hint span{color:var(--lime);margin-right:6px}.inspector{position:absolute;z-index:12;left:28px;bottom:92px;width:min(390px,calc(100vw - 56px));background:rgba(255,253,244,.94);border:2px solid rgba(13,40,31,.19);border-radius:26px;padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(16px);transition:.25s}.eyebrow{display:flex;gap:9px;align-items:center;font-size:.62rem;font-weight:1000;letter-spacing:.15em}.inspector h1{font-size:clamp(1.9rem,3vw,2.6rem);margin:10px 0 6px;line-height:.98}.inspector p{font-size:.86rem;line-height:1.52;margin:0 0 13px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#e8eadb;border-radius:13px;margin-bottom:11px}.timeline button{border:0;background:transparent;border-radius:10px;padding:8px 5px;font-size:.57rem;font-weight:1000;cursor:pointer}.timeline button.active{background:var(--lime);box-shadow:inset 0 0 0 2px var(--ink)}.facts{display:flex;justify-content:space-between;padding:8px 0;border-top:1px dashed var(--line);font-size:.76rem}.resident-pills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.resident-pills span{background:#ebf0df;border-radius:999px;padding:5px 8px;font-size:.56rem;font-weight:900}.primary{border:0;width:100%;background:var(--ink);color:white;border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;font-weight:1000;cursor:pointer}.primary:hover{background:#193a2c}.dock{position:absolute;z-index:11;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:5px;background:rgba(13,40,31,.93);padding:7px;border-radius:22px;box-shadow:0 18px 40px rgba(13,40,31,.28);backdrop-filter:blur(15px)}.dock button{width:72px;height:56px;border:0;border-radius:15px;color:white;background:transparent;display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer}.dock button b{font-size:1.12rem}.dock button small{font-size:.53rem;font-weight:900;opacity:.75}.dock button.active,.dock button:hover{background:var(--lime);color:var(--ink)}.dock button.active small{opacity:1}.mini-map{position:absolute;z-index:9;right:22px;bottom:22px;width:180px;height:120px;border:2px solid rgba(13,40,31,.22);border-radius:19px;overflow:hidden;background:rgba(255,253,244,.88);box-shadow:0 12px 30px rgba(13,40,31,.15);backdrop-filter:blur(10px)}#miniCanvas{display:block;width:100%;height:100%}.mini-map span{position:absolute;left:8px;top:7px;background:rgba(13,40,31,.88);color:white;border-radius:999px;padding:4px 7px;font-size:.48rem;font-weight:1000;letter-spacing:.09em}
.drawer,.phone{position:fixed;z-index:100;inset:0;background:rgba(13,40,31,.58);backdrop-filter:blur(8px);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.2s;padding:20px}.drawer.open,.phone.open{opacity:1;visibility:visible}.drawer-card{position:relative;width:min(610px,96vw);max-height:84vh;overflow:auto;background:var(--paper);border:3px solid var(--ink);border-radius:27px;padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:12px;background:var(--ink);color:white;font-size:1.2rem;cursor:pointer}.drawer-card h2{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1;margin:8px 42px 8px 0}.drawer-card p{line-height:1.58}.tag{display:inline-block;background:var(--lime);border:2px solid var(--ink);border-radius:999px;padding:5px 8px;font-size:.59rem;font-weight:1000}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.actions button{border:2px solid var(--ink);background:white;border-radius:12px;padding:9px 12px;font-weight:1000;cursor:pointer}.actions button.primary2{background:var(--ink);color:white}.journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:14px}.journal-card{border:2px solid var(--line);border-radius:16px;padding:14px;background:white}.journal-card.locked{opacity:.42;border-style:dashed}.journal-card b{display:block;margin:5px 0}.journal-card p{font-size:.75rem;margin:0}.network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.network-node{border:2px solid var(--ink);border-radius:16px;padding:14px;background:#eef0df}.network-node small{display:block;font-weight:900;opacity:.65}.device{width:min(385px,92vw);height:min(760px,88vh);background:#0f1513;border:8px solid #0c0f0e;border-radius:42px;padding:8px;box-shadow:0 30px 90px rgba(0,0,0,.42);position:relative;display:flex;flex-direction:column;overflow:hidden}.island{position:absolute;z-index:5;top:18px;left:50%;transform:translateX(-50%);width:104px;height:24px;border-radius:999px;background:#090c0b}.phone-head{background:var(--ink);color:white;padding:35px 17px 12px;display:grid;grid-template-columns:1fr auto;align-items:center}.phone-head small{grid-column:1;font-size:.53rem;letter-spacing:.16em;opacity:.65}.phone-head strong{grid-column:1;font-size:1.05rem}.phone-head button{grid-column:2;grid-row:1/3;border:0;background:rgba(255,255,255,.1);color:white;width:34px;height:34px;border-radius:10px;cursor:pointer}.household-card{margin:11px;background:var(--lime);border:3px solid var(--ink);border-radius:15px;padding:10px}.household-card small,.household-card b{display:block}.household-card small{font-size:.53rem;letter-spacing:.1em;font-weight:1000;margin-bottom:5px}.household-card b{font-size:.67rem;line-height:1.45}.messages{flex:1;overflow:auto;padding:4px 11px 14px;display:flex;flex-direction:column;gap:8px;background:#f5f1e2}.msg{max-width:84%;padding:9px 11px;border-radius:14px;background:white;font-size:.75rem;line-height:1.4;box-shadow:0 3px 8px rgba(13,40,31,.08)}.msg b{display:block;font-size:.5rem;letter-spacing:.08em;margin-bottom:3px}.msg.gary,.msg.keith{align-self:flex-start;border-bottom-left-radius:4px}.msg.keith{background:#dcebf0}.msg.joe{align-self:flex-end;background:var(--lime);border-bottom-right-radius:4px}.msg.system{align-self:center;max-width:94%;background:#e8e5d8;border:1px dashed #819087}.phone-tabs{display:flex;background:white;padding:5px}.phone-tabs button{flex:1;border:0;background:transparent;border-radius:11px;padding:7px;display:grid;place-items:center;gap:1px}.phone-tabs button.active{background:#edf0df}.phone-tabs small{font-size:.49rem;font-weight:900}.toast{position:fixed;z-index:150;left:50%;bottom:92px;transform:translate(-50%,18px);opacity:0;visibility:hidden;background:var(--ink);color:white;border-radius:14px;padding:10px 14px;font-size:.72rem;font-weight:900;box-shadow:0 12px 30px rgba(13,40,31,.28);transition:.2s;max-width:85vw;text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:900px){.mini-map{display:none}.inspector{left:14px;bottom:84px}.status-pill{display:none}}@media(max-width:640px){.topbar{height:66px;padding:7px 9px}.world-stage{padding-top:66px}#worldCanvas{inset:66px 0 0;height:calc(100% - 66px)}.brand strong{font-size:.82rem}.brand small{font-size:.47rem}.egg{width:39px;height:45px;font-size:1.25rem}.controls button{width:39px;height:39px}.controls #resetCamera,.controls #soundBtn{display:none}.inspector{left:8px;bottom:75px;width:calc(100vw - 16px);padding:13px;border-radius:19px}.inspector h1{font-size:1.45rem}.inspector p{font-size:.73rem;line-height:1.4;margin-bottom:8px}.resident-pills{display:none}.facts{display:none}.timeline button{font-size:.5rem;padding:7px 3px}.primary{padding:10px 12px;font-size:.76rem}.dock{bottom:8px;border-radius:18px}.dock button{width:60px;height:48px}.drag-hint{top:78px;font-size:.58rem}.drawer,.phone{padding:10px}.network-grid{grid-template-columns:1fr}.device{height:91svh}.toast{bottom:69px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}