.director-entry{width:100%;margin:18px 0;background:linear-gradient(135deg,#184e55,#082b38);color:#fff;border:1px solid #5acbb7;padding:22px;border-radius:24px;box-shadow:0 7px 0 #092c35,0 18px 30px #174f552b;text-align:left;font:700 20px system-ui}.director-entry small{display:block;font-size:13px;font-weight:400;margin-top:8px;color:#bfe9df}
#director{position:fixed;inset:0;background:#07171f;color:#edf9f4;z-index:1500;overflow:auto;font-family:system-ui}#director[hidden]{display:none}.director-layout{min-height:100dvh;display:grid;grid-template-columns:330px minmax(0,1fr);max-width:1500px;margin:auto}.director-tools{padding:22px;background:linear-gradient(155deg,#12333d,#081b25);border-right:1px solid #ffffff1a}.director-tools h2{font-size:24px;color:#fff;margin:12px 0}.director-tools p{color:#aec5c8;font-size:13px;line-height:1.7}.director-tools label{display:block;font-size:13px;color:#c1dedb;margin:18px 0 7px}.director-tools button,.director-tools select,.director-tools input,.director-tools a{width:100%;border:1px solid #b8f7e72a;border-radius:14px;padding:13px;color:#fff;background:#23434e;box-sizing:border-box;font:600 14px system-ui;margin:4px 0}.director-tools select option{color:#fff;background:#173640}.director-tools button:disabled{opacity:.4;cursor:default}.director-tools button.primary{background:linear-gradient(135deg,#20b99f,#098a89);box-shadow:0 5px 0 #045154}.director-tools .director-row{display:flex;gap:8px}.director-tools a{text-align:center;display:block;text-decoration:none;background:#087b69}.director-tools a[hidden]{display:none}.director-stage{display:flex;align-items:center;justify-content:center;padding:16px;min-width:0}.director-view{width:min(100%,calc((100dvh - 32px)*9/16));aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:28px;background:#102a34;box-shadow:0 25px 80px #0008;border:1px solid #ffffff26}#director-map{position:absolute;inset:0}.director-hud{position:absolute;top:18px;left:18px;right:18px;z-index:4;pointer-events:none}.director-badge{display:inline-block;background:#0a3239dd;border:1px solid #8edbcc66;border-radius:40px;padding:8px 13px;color:#e1fff8;font-size:11px}.director-hud h3{font-size:18px;margin:9px 0;text-shadow:0 2px 8px #000;color:white}.director-stats{position:absolute;bottom:40px;left:16px;right:16px;background:#092833e8;border:1px solid #7cbfb147;border-radius:20px;padding:15px;z-index:4;pointer-events:none;display:flex;justify-content:space-between;gap:8px;font-size:12px}.director-stats strong{display:block;color:#fff;font-size:22px}.director-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;background:#102a34;z-index:6;font-size:16px;line-height:1.8}.director-error[hidden]{display:none}#director-message{min-height:46px;color:#b7eee0;font-size:13px;line-height:1.6}#director-status{font-size:12px;color:#acd6d1}.director-tools input[type=range]{padding:0;accent-color:#2ce0bb}.director-tools .hint{font-size:11px;color:#8ba7ae}.director-tools button.close-director{width:auto;float:right;padding:8px 14px;background:#20414c}.director-tools progress{width:100%;accent-color:#3ae2bc;height:5px} @media(max-width:700px){.director-layout{display:flex;flex-direction:column}.director-stage{order:-1;padding:0}.director-view{border-radius:0;width:100%;height:66dvh;aspect-ratio:auto}.director-tools{padding:18px;border:0}.director-tools h2{font-size:21px}.director-hud h3{font-size:16px}}
.profile-layout{padding:28px!important;max-width:850px}.profile-identity{display:flex;align-items:center;gap:22px;padding-bottom:24px;border-bottom:1px solid #bbced5}.profile-initial{height:82px;width:82px;flex-shrink:0;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#35c9b3,#0a717d);color:white;font:700 34px system-ui;box-shadow:0 7px 0 #0b525c,0 14px 24px #0748542b}.profile-identity h2{margin:0 0 10px;font-size:27px}.profile-identity p{margin:5px 0;overflow-wrap:anywhere;font-size:14px}.profile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:26px}.profile-actions button{width:100%!important;margin:0!important;min-height:78px;text-align:left;padding:16px!important;font-size:16px!important;white-space:normal}.settings-heading p{color:#748e98;font-size:12px}.settings-heading h2{margin-top:4px}.settings-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px}.settings-cards>button{padding:24px;display:grid;grid-template-columns:56px 1fr;gap:6px 16px;text-align:left;align-items:center;min-height:130px;color:#203e48;box-shadow:0 6px 0 #bdcdd4,0 18px 28px #264c5215}.settings-cards>button>span{grid-row:span 2;font-size:34px;color:#0d9e91;filter:drop-shadow(0 4px 1px #14746b55)}.settings-cards strong{font-size:18px}.settings-cards small{font-size:13px;color:#68818b}.settings-cards .jr-icon{display:none}.planning-choices{display:grid;gap:18px;margin-top:24px}.planning-choices>button{padding:22px;text-align:left;display:grid;gap:10px;color:#23444c;box-shadow:0 6px 0 #c2d1d7;font:600 17px system-ui}.planning-choices small{font-size:13px;line-height:1.7;font-weight:400;color:#6b838d}.planning-heading>span{font-size:12px;color:#6b838d}.pin-panel{max-width:340px;width:calc(100% - 100px);right:auto!important;left:16px!important;bottom:28px!important;box-sizing:border-box}.pin-panel .jr-icon{width:26px;height:28px}.pin-panel button{white-space:normal;text-align:left;font-size:13px!important}.pin-panel>strong{font-size:14px}.mapcard.journey-wide{overflow:hidden!important}.avatar .jr-icon{display:none}@media(max-width:560px){.profile-layout{padding:22px!important}.profile-identity{gap:15px}.profile-initial{width:62px;height:62px;font-size:27px;border-radius:18px}.profile-identity h2{font-size:22px}.profile-actions,.settings-cards{grid-template-columns:1fr}.profile-actions{gap:16px}.settings-cards>button{min-height:100px;padding:20px}.pin-panel{max-width:280px}}
@media(min-width:701px){.director-layout{height:100dvh;min-height:0}.director-tools{overflow-y:auto;min-height:0;overscroll-behavior:contain}.director-stage{height:100dvh;box-sizing:border-box}.director-view{flex-shrink:0}}
.director-row>*{min-width:0;flex:1;width:auto!important}.director-tools .jr-icon{width:23px!important;height:25px!important;flex-shrink:0;margin-right:4px}.director-tools button{white-space:normal;overflow-wrap:anywhere}.settings-cards .jr-icon{display:block;grid-row:span 2;width:56px;height:60px}.settings-cards>button>span:not(.jr-icon){display:none}
.main{margin:0 auto;align-self:start}.director-tools{overflow-x:hidden}