.character-walk{color:#f4f7f9;background:#223e4b;font-family:Arial,sans-serif;position:fixed;inset:0;overflow:hidden}.character-walk-scene{position:absolute;inset:0}.character-walk-scene canvas{touch-action:none;width:100%;height:100%;display:block}.character-walk button,.character-walk a{font:inherit;color:inherit;font-size:.875rem}.character-walk button{cursor:pointer}.character-walk button:disabled{opacity:.4;cursor:wait}:is(.character-walk button:focus-visible,.character-walk a:focus-visible){outline-offset:3px;outline:3px solid #baf57d}.character-walk-header{padding:max(20px,env(safe-area-inset-top)) 24px 36px;pointer-events:none;background:linear-gradient(#102431c9,#0000);justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.character-walk-header>*{pointer-events:auto}.character-walk-header h1{margin:0 0 3px;font-size:1.15rem;font-weight:600}.character-walk-header p{color:#e1e8ed;margin:0;font-size:.875rem}.character-walk-header>div{text-align:center}.character-walk-header>a{align-items:center;gap:7px;text-decoration:none;display:flex}.character-walk-header>button{background:#17313e9e;border:1px solid #ffffff4a;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.character-walk-controls{bottom:max(20px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:#10212aeb;border:1px solid #b7d0d43a;border-radius:20px;width:min(690px,100% - 32px);padding:18px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 60px #07131b55}.character-walk-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.character-walk-title>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.character-walk-title strong{font-size:1.125rem}.character-walk-title span,.character-walk-title output{color:#c6d6dd;font-size:.875rem}.character-walk-title>output{white-space:nowrap}.character-walk-people{scrollbar-width:thin;scrollbar-color:#62818b transparent;gap:6px;padding:1px 1px 8px;display:flex;overflow-x:auto}.character-walk-people button{white-space:nowrap;background:#243b45;border:1px solid #78959f54;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;display:flex}.character-walk-people i{border-radius:50%;width:8px;height:8px;display:block}.character-walk-people button[aria-pressed=true]{color:#183229;background:#e5f0e4;border-color:#e5f0e4}.character-walk-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.character-walk-actions button{background:#2a414c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 12px;display:flex}.character-walk-actions .character-walk-play{color:#163222;background:#baf57d;min-width:107px;font-weight:600}.character-walk-segment{border:1px solid #78959f54;border-radius:12px;gap:2px;padding:3px;display:flex}.character-walk-segment button{background:0 0;min-height:32px;padding:5px 11px}.character-walk-segment button[aria-pressed=true]{background:#45616c}.character-walk-actions .character-walk-reset{background:0 0;margin-left:auto}.character-walk-hint{color:#aabec7;margin:11px 0 0;font-size:.875rem}.character-walk-camera{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.character-walk-camera button{color:#bacdd6;background:0 0;border:0;border-radius:6px;padding:5px 8px}.character-walk-camera button[aria-pressed=true]{color:#fff;background:#45616c}.character-walk-camera a{color:#d1e4d5;text-underline-offset:4px;margin-left:auto}.character-walk-loading{text-align:center;background:#10212aeb;border-radius:16px;padding:22px;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.character-walk-loading button{color:#163222;background:#baf57d;border:0;border-radius:8px;padding:9px 12px}.character-walk-error{color:#ffbda6;margin:10px 0 0;font-size:.875rem}@media (max-width:560px){.character-walk-header{padding:18px 16px 40px}.character-walk-header p{display:none}.character-walk-controls{bottom:max(12px,env(safe-area-inset-bottom));border-radius:16px;width:calc(100% - 20px);padding:14px}.character-walk-title>div{flex-direction:column;gap:4px}.character-walk-title>output{font-size:.8125rem}.character-walk-people button{flex:none;padding:9px 10px}.character-walk-actions{gap:6px}.character-walk-actions .character-walk-play{min-width:38px}.character-walk-play span{display:none}.character-walk-segment button{padding:5px 9px}.character-walk-hint{font-size:.8125rem}.character-walk-camera a{margin-left:0}.character-walk-header h1{font-size:1rem}}@media (max-height:560px){.character-walk-controls{width:min(700px,100% - 24px);padding:10px;bottom:8px}.character-walk-title,.character-walk-hint{display:none}.character-walk-camera{margin-top:4px}.character-walk-header{padding:10px 16px}.character-walk-header p{display:none}}