@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#26223d;--muted:#817c96;--purple:#7854df;--paper:#f6f3ed;--line:#e6e0ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #a580ff;outline-offset:4px}a{color:inherit;text-decoration:none}.topbar{max-width:1460px;margin:auto;padding:23px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:800;color:var(--purple)}.brand>span{font-size:12px;color:var(--ink);letter-spacing:1.5px}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1px;color:var(--muted);margin-top:3px}.back{font-size:12px;font-weight:700}main{max-width:1460px;margin:auto;padding:32px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:var(--muted)}h1{font-size:clamp(32px,4vw,55px);letter-spacing:-2.5px;margin:8px 0 5px;line-height:1.1}h1 em{color:var(--purple);font-style:normal}.heading p{color:var(--muted);font-size:13px;margin:12px 0 0}.quiet{background:transparent;border:1px solid #d7cfe5;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:700;white-space:nowrap}.game-shell{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 14px 60px #3523420d;border:1px solid #e2dce9}.hud{display:flex;align-items:center;gap:38px;background:#26223e;color:white;padding:20px 27px}.hud>div{min-width:0}.hud small{display:block;font-size:9px;letter-spacing:1.4px;color:#bab0d1}.hud strong{display:block;font-size:18px;margin-top:6px}.day-stat{display:flex;align-items:center;gap:14px;margin-right:auto}.sun{color:#ffcf8b;font-size:30px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px}.world-wrap{position:relative;background:#e6e0ef;align-self:start}canvas{width:100%;display:block;touch-action:none;aspect-ratio:960/660}.room-label{position:absolute;top:20px;left:25px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#746a89;pointer-events:none}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#759c82;margin-right:7px}.world-tip{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);background:#2d2748e8;color:white;padding:10px 17px;font-size:11px;border-radius:30px;white-space:nowrap;pointer-events:none}.sidebar{padding:27px 23px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:23px}.chapter h2{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.chapter p,.inbox-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 12px}.mission-track{height:5px;background:#eee8f6;border-radius:5px;overflow:hidden}.mission-track span{display:block;background:var(--purple);height:100%;width:0;transition:width .4s}.chapter small{font-size:10px;display:block;margin-top:7px;color:var(--muted)}.inbox-card{padding:15px;border:1px solid #e5dcef;border-radius:13px;background:#faf7ff}.inbox-card strong{display:block;font-size:14px;margin-top:8px}.inbox-card p{margin-bottom:0}.activity ol{list-style:none;margin:12px 0 0;padding:0}.activity li{font-size:11px;line-height:1.6;color:#77718a;padding:0 0 10px 13px;position:relative}.activity li:before{content:'';position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#ac93d9}.legend{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.legend span{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);line-height:2}.legend b{font-weight:500;color:var(--ink)}.locations{display:flex;border-top:1px solid var(--line);padding:10px 20px;gap:8px}.locations button{flex:1;border:0;background:transparent;color:var(--purple);border-radius:10px;font-size:19px;padding:9px}.locations span{font-size:11px;font-weight:700;color:var(--ink);margin-left:6px}.locations button:hover{background:#f3eefc}.below{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}.below p,.disclaimer{font-size:10px;color:var(--muted);line-height:1.8}.disclaimer{margin-top:0}.text-button{background:none;border:0;color:var(--muted);font-size:10px;white-space:nowrap;text-decoration:underline}.mobile-controls{display:none}dialog{border:1px solid #e6dfef;border-radius:24px;width:min(850px,calc(100% - 28px));padding:25px;max-height:88dvh;overflow:auto;color:var(--ink);background:#faf9fc;box-shadow:0 25px 100px #14102450}dialog::backdrop{background:#19132685;backdrop-filter:blur(5px)}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.close{background:#eae5f1;border:0;width:34px;height:34px;border-radius:50%;font-size:23px;color:var(--ink)}dialog h2{font-size:30px;letter-spacing:-1px;margin:8px 0 12px}dialog h3{margin:0 0 8px;font-size:17px}.intro-text{font-size:13px;line-height:1.8;color:var(--muted)}.primary{border:0;background:var(--purple);color:white;border-radius:12px;padding:14px 22px;font-weight:800;font-size:12px}.primary:hover{background:#6742cc}.secondary{border:1px solid #ddd3eb;background:white;border-radius:12px;padding:13px 19px;font-size:12px;color:var(--ink)}.actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.step{padding:18px;background:white;border:1px solid var(--line);border-radius:15px}.step>b{font-size:25px;color:var(--purple)}.step p{font-size:12px;line-height:1.7;color:var(--muted)}.laptop-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:5px 0 17px;margin-bottom:20px}.laptop-tabs button{border:0;background:#ede7f7;color:#6e608c;padding:10px 14px;border-radius:10px;font-size:12px}.laptop-tabs button.active{background:var(--purple);color:white}.client-list{display:grid;gap:10px}.client-card{display:flex;align-items:center;gap:15px;padding:16px;border:1px solid var(--line);background:white;border-radius:15px}.avatar{flex-shrink:0;display:grid;place-items:center;width:45px;height:45px;background:#eee6f9;border-radius:14px;color:#7a53b4;font-weight:800}.client-info{flex:1;min-width:0}.client-info h3{font-size:14px;margin-bottom:5px}.client-info p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.client-card button{padding:11px 14px}.badge{font-size:9px;color:#7e58b1;background:#eee5fb;padding:5px 8px;border-radius:6px;display:inline-block;margin-bottom:10px}.conversation{background:white;border:1px solid var(--line);border-radius:15px;padding:21px;margin:15px 0;font-size:14px;line-height:1.85}.conversation small{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.choices{display:grid;gap:9px}.choice{text-align:left;background:#fff;border:1px solid #ddd3ec;border-radius:12px;padding:15px 18px;color:var(--ink);font-size:12px;line-height:1.65}.choice:hover{border-color:var(--purple);background:#f1ebfc}.choice strong{display:block;margin-bottom:3px;font-size:13px}.choice small{color:var(--muted)}.feedback{border-radius:12px;padding:14px 18px;background:#eee7fa;font-size:12px;line-height:1.8;margin:15px 0}.project{padding:18px;border:1px solid var(--line);background:white;border-radius:15px;margin-bottom:10px}.project p{font-size:12px;color:var(--muted);line-height:1.8}.project-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.project strong{font-size:13px}.project small{font-size:10px;color:var(--muted)}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shop-item{padding:20px;background:white;border:1px solid var(--line);border-radius:16px}.shop-icon{font-size:30px;margin-bottom:12px}.shop-item p{font-size:12px;color:var(--muted);line-height:1.7;min-height:42px}.shop-item button{width:100%}.stats-row{display:flex;gap:12px;margin:20px 0}.stats-row>div{flex:1;background:#eee7f7;border-radius:14px;padding:17px}.stats-row strong{display:block;font-size:27px;color:var(--purple)}.stats-row small{font-size:11px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#2c2542;color:white;padding:13px 22px;border-radius:12px;font-size:12px;max-width:90%;opacity:0;transition:.2s;pointer-events:none;z-index:9}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1250px){.world-wrap{min-height:550px}canvas{height:100%;min-height:550px;object-fit:contain}}
@media(max-width:1050px){.sidebar{padding:20px 16px;gap:16px}.play-layout{grid-template-columns:minmax(0,1fr) 220px}.hud{gap:25px}.chapter h2{font-size:23px}.legend{display:none}}
@media(max-width:760px){.topbar{padding:16px}.brand>span{font-size:10px}.back{font-size:10px}main{padding:24px 16px}.heading{gap:9px;margin-bottom:20px}.heading .eyebrow{font-size:8px;letter-spacing:1px}.heading p{font-size:11px;max-width:240px}.quiet{font-size:10px;padding:10px}.heading h1{letter-spacing:-1.5px}.game-shell{border-radius:18px}.hud{gap:10px;padding:15px 12px;justify-content:space-between}.hud small{font-size:7px;letter-spacing:.5px}.hud strong{font-size:13px}.day-stat{gap:7px;margin-right:0}.sun{font-size:20px}.play-layout{display:block}.sidebar{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:20px;border-left:0;border-top:1px solid var(--line)}.chapter h2{font-size:21px}.chapter p,.inbox-card p{font-size:11px}.activity{grid-column:1/-1}.activity ol{display:flex;gap:12px;flex-wrap:wrap}.activity li{flex:1;min-width:120px;font-size:10px}.room-label{font-size:7px;top:12px;left:15px}.world-tip{bottom:103px;font-size:10px;padding:8px 12px}.mobile-controls{display:flex;justify-content:space-between;align-items:center;padding:3px 22px 15px}.dpad{display:grid;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,34px);gap:4px}.dpad button{border:1px solid #c9bfd9;background:#f4effa;color:#65537d;border-radius:9px;touch-action:none;user-select:none}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.action-button{border:0;background:var(--purple);color:white;padding:15px;border-radius:13px;font-size:11px;font-weight:700}.locations{padding:9px 7px;gap:0}.locations button{font-size:18px;padding:8px 3px}.locations span{display:block;margin:4px 0 0;font-size:8px}.below{align-items:start;gap:10px}.below p{margin-top:0;font-size:9px}.disclaimer{font-size:9px}dialog{padding:18px;border-radius:18px}dialog h2{font-size:25px}.steps{grid-template-columns:1fr;gap:8px;margin:15px 0}.step{padding:12px 15px}.step>b{font-size:19px}.step p{margin:4px 0;font-size:11px}.client-card{gap:10px;padding:12px;flex-wrap:wrap}.client-card button{margin-left:55px}.laptop-tabs button{font-size:10px;padding:10px}.shop-grid{gap:8px}.shop-item{padding:14px}.shop-item h3{font-size:14px}.shop-item p{font-size:11px}.stats-row{gap:7px}.stats-row>div{padding:12px}.stats-row strong{font-size:23px}.conversation{padding:16px;font-size:13px}}
@media(max-width:760px){.client-card{display:grid;grid-template-columns:45px minmax(0,1fr);align-items:start}.client-card button{grid-column:2;margin-left:0;justify-self:start}.client-info h3{line-height:1.5}.client-info p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}