:root{--coral-clay: #d9825f;--mango-gold: #f2a93b;--driftwood: #8a6b4f;--lagoon: #41c0c4;--seafoam: #9fd8c4;--plaster: #f2e8d4;--charcoal: #4a463f;--ui-card-bg: rgba(242, 232, 212, .92);--ui-shadow: 0 4px 14px rgba(74, 70, 63, .28)}html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#000}#game-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}#ui-root,#hud{position:fixed;inset:0;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif}.hud-chip{position:absolute;pointer-events:auto;background:var(--ui-card-bg);border-radius:16px;box-shadow:var(--ui-shadow);padding:10px 16px;color:var(--charcoal);font-size:14px;display:flex;align-items:center;gap:8px}#hud-companion{top:14px;left:14px;min-height:20px}#hud-district{top:14px;left:50%;transform:translate(-50%);font-weight:600;letter-spacing:.02em;max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud-finder{top:14px;right:14px}#hud-clock{top:62px;right:14px;font-size:13px;opacity:.85}@media(max-width:480px){#hud-district{max-width:26vw;font-size:12px;padding:7px 10px}#hud-finder{font-size:11px;padding:7px 9px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud-clock{font-size:11px;padding:6px 10px}}#hud-dialog{bottom:84px;left:50%;transform:translate(-50%);width:min(560px,88vw);min-height:20px;display:none;border-radius:18px}#hud-dialog.visible{display:block}#hud-belt{bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:8px}.belt-slot{width:40px;height:40px;border-radius:10px;background:#ffffff59;display:flex;align-items:center;justify-content:center;font-size:20px}#btn-menu{bottom:14px;right:14px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;border:none;cursor:pointer}#menu-overlay{position:fixed;inset:0;background:#1e28288c;display:none;align-items:center;justify-content:center;pointer-events:auto}#menu-overlay.open{display:flex}#menu-overlay .menu-card{background:var(--ui-card-bg);border-radius:22px;box-shadow:var(--ui-shadow);padding:28px 32px;min-width:240px;color:var(--charcoal)}#menu-overlay .menu-card h2{margin:0 0 12px;font-size:18px}#menu-overlay .menu-card button{display:block;width:100%}#menu-overlay #btn-open-newspaper{border:none;border-radius:12px;background:#fff9;padding:10px 18px;cursor:pointer;font-size:14px;margin-bottom:8px}#menu-overlay button.menu-close{margin-top:8px;border:none;border-radius:12px;background:var(--coral-clay);color:#fff;padding:8px 18px;cursor:pointer}#newspaper{position:fixed;inset:0;pointer-events:auto;z-index:22}#newspaper[hidden]{display:none}#newspaper-backdrop{position:absolute;inset:0;background:#141e1e80}#newspaper-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,90vw);background:var(--ui-card-bg);border-radius:20px;box-shadow:var(--ui-shadow);padding:24px 28px;color:var(--charcoal);font-family:Segoe UI,system-ui,sans-serif}#newspaper-title{margin:0 0 2px;font-size:19px}#newspaper-day{font-size:12px;opacity:.6;margin-bottom:14px}#newspaper-body{font-size:14px;line-height:1.55;margin-bottom:16px;font-style:italic}#newspaper-close{border:none;border-radius:12px;padding:8px 18px;cursor:pointer;background:var(--coral-clay);color:#fff}#encounter{position:fixed;inset:0;pointer-events:auto;z-index:20}#encounter[hidden]{display:none}#encounter-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center,#141e1e26,#141e1e8c)}#encounter-card{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);width:min(640px,92vw);background:var(--ui-card-bg);border-radius:20px;box-shadow:var(--ui-shadow);padding:18px 22px;color:var(--charcoal);font-family:Segoe UI,system-ui,sans-serif}#encounter-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}#enc-name{font-size:20px;font-weight:700}#enc-family{font-size:12px;opacity:.65}#enc-sync{margin-left:auto;font-size:11px;padding:3px 10px;border-radius:999px;background:var(--coral-clay);color:#fff;font-weight:600}#enc-bond-bar{height:10px;border-radius:6px;background:#0000001f;overflow:hidden;margin-bottom:10px}#enc-bond-fill{height:100%;background:linear-gradient(90deg,var(--mango-gold),var(--coral-clay));transition:width .25s ease}#enc-text{min-height:44px;font-size:15px;line-height:1.4;margin-bottom:8px}#enc-actions-left{display:flex;gap:6px;margin-bottom:12px}.enc-pip{width:10px;height:10px;border-radius:50%;background:#00000026}.enc-pip.filled{background:var(--coral-clay)}#enc-commands{display:grid;grid-template-columns:1fr 1fr;gap:8px}.enc-cmd{border:none;border-radius:12px;padding:12px;font-weight:700;letter-spacing:.03em;background:var(--seafoam);color:var(--charcoal);cursor:pointer;font-size:14px}.enc-cmd:disabled{opacity:.45;cursor:default}#enc-cmd-place{grid-column:span 2;background:var(--mango-gold)}#enc-item-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}#enc-item-picker[hidden]{display:none}.enc-item,.enc-item-cancel{border:none;border-radius:10px;padding:8px 12px;background:#fff9;cursor:pointer;font-size:13px}#enc-leave{margin-top:12px;border:none;background:none;color:var(--charcoal);opacity:.6;cursor:pointer;font-size:13px;text-decoration:underline}#placement{position:fixed;inset:0;pointer-events:auto;z-index:21}#placement[hidden]{display:none}#placement-backdrop{position:absolute;inset:0;background:#141e1e80}#placement-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,90vw);max-height:80vh;overflow-y:auto;background:var(--ui-card-bg);border-radius:20px;box-shadow:var(--ui-shadow);padding:20px 24px;color:var(--charcoal);font-family:Segoe UI,system-ui,sans-serif}#placement-title{margin:0 0 12px;font-size:18px}#placement-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.placement-row{display:flex;justify-content:space-between;align-items:center;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;background:#ffffff80;font-size:14px}.placement-row.selected{outline:2px solid var(--coral-clay)}.placement-row-score{font-weight:700}.placement-row.score-excellent .placement-row-score{color:#2f8f4e}.placement-row.score-good .placement-row-score{color:#3f7d9e}.placement-row.score-workable .placement-row-score{color:#b8842f}.placement-row.score-poor .placement-row-score{color:#b3503f}#placement-selected{border-top:1px solid rgba(0,0,0,.1);padding-top:12px}#placement-score{font-weight:700;font-size:15px;margin-bottom:6px}#placement-hint{font-size:13px;opacity:.8;margin-bottom:12px}#btn-confirm-place{width:100%;border:none;border-radius:12px;padding:12px;background:var(--mango-gold);font-weight:700;cursor:pointer}#placement-cancel{margin-top:10px;border:none;background:none;opacity:.6;cursor:pointer;font-size:13px;text-decoration:underline}#touch-controls{position:fixed;inset:0;pointer-events:none;display:none;z-index:15}@media(pointer:coarse){#touch-controls{display:block}}body.force-touch #touch-controls{display:block}#joystick-base{position:absolute;left:28px;bottom:28px;width:100px;height:100px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.4);pointer-events:auto;touch-action:none}#joystick-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#ffffff8c;transition:transform .05s linear}#btn-interact{position:absolute;right:28px;bottom:40px;width:68px;height:68px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:var(--coral-clay);color:#fff;font-size:22px;pointer-events:auto;touch-action:none}#title-screen{position:fixed;inset:0;z-index:30;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#41c0c459,#141e1eb8);transition:opacity .5s ease}#title-screen.closing{opacity:0;pointer-events:none}#title-card{text-align:center;color:#fff;font-family:Segoe UI,system-ui,sans-serif;background:#141e1e59;border-radius:24px;padding:40px 48px;backdrop-filter:blur(2px)}#title-card h1{margin:0 0 10px;font-size:40px;letter-spacing:.02em}#title-card p{margin:0 0 24px;font-size:15px;opacity:.85}#btn-begin{border:none;border-radius:14px;padding:14px 32px;background:var(--mango-gold);font-weight:700;font-size:16px;cursor:pointer}@media(prefers-reduced-motion:reduce){#hud-dialog,.hud-chip,#enc-bond-fill,#joystick-knob,#title-screen{transition:none!important}}