/* First playable: the world gets the space, controls appear when they are useful. */
.title-screen .title-switch{min-height:32px;margin-top:7px;padding:5px 12px;border:0;background:transparent;box-shadow:none;color:#f8edcc;font-size:12px;text-decoration:underline;text-underline-offset:4px}.title-actions{gap:9px}.title-actions [hidden]{display:none}.title-tagline{line-height:1.6;max-width:330px;margin:25px auto}.title-eyebrow{color:#f4d184}.title-foot{font-size:10px}.title-screen::before{filter:none}.title-player{min-height:20px}
.first-playable>header{height:58px;padding:0 22px;background:#173e39;color:#fff3d2;box-shadow:0 2px 0 #e3bf6c;z-index:4}.first-playable>header .academy{display:none}.first-playable>header .brand{color:#fff3d2;font-size:16px}.first-playable>header .brandmark{width:34px;height:34px;font-size:20px}.first-playable>header .player{gap:8px}.first-playable>header #xp{color:#f2d17b}.first-playable>.world-shell{height:calc(100dvh - 58px)}.first-playable .world-top{left:16px;right:16px;top:15px}.first-playable .town-toolbar{max-width:calc(100vw - 225px);gap:7px}.first-playable .town-toolbar button{background:#fff7e9;color:#294d43;border:1px solid #b8c3a5;border-bottom:3px solid #839980;border-radius:4px;font-size:12px;padding:8px 12px;box-shadow:0 3px 12px #112c2430}.first-playable .town-toolbar>button:not(#open-session-menu):not(#open-places):not(#current-mission-open):not(#town-board-open){display:none}.first-playable .quest-card,.first-playable .world-actions,.first-playable .key-guide,.first-playable .character-controls{display:none}.first-playable .bottom-hud{justify-content:center;pointer-events:none}.first-playable .bottom-hud button{pointer-events:auto;border-radius:6px;background:#183f39f0;color:#fff4d7;border:1px solid #e5c483;box-shadow:0 3px 10px #12362b45;padding:12px 19px;min-height:42px;max-width:420px}.first-playable #interact:disabled{visibility:hidden}.first-playable .minimap-panel{width:145px;border-radius:5px;bottom:95px;right:16px;opacity:.94}.first-playable .minimap-panel canvas{height:123px}.first-playable .minimap-panel div{display:none}.first-playable .minimap-panel button{font-size:10px}.first-playable .touch-pad{display:none}@media(pointer:coarse){.first-playable .touch-pad{display:grid}}
#first-task{position:absolute;top:78px;left:16px;width:286px;max-width:calc(100% - 32px);z-index:20;border:1px solid #8b9d78;border-top:3px solid #e2be72;border-radius:5px;padding:13px 15px;background:#fff8e9f2;color:#2b5146;box-shadow:0 5px 25px #14352730;font:13px/1.5 system-ui}#first-task[hidden],#first-task section[hidden],#first-cinema[hidden]{display:none}#first-task>div{display:flex;justify-content:space-between;align-items:center;gap:12px}#first-task small{font-size:10px;line-height:1.5;letter-spacing:.06em}#first-task b{font-size:17px;display:block;margin:3px 0}#first-task p{font-size:13px;margin:8px 0}#first-task section>small{display:block;letter-spacing:0;color:#5e7464;font-size:11px}#first-task button{font:600 11px system-ui;border:1px solid #a1b393;background:#eef0d9;border-radius:3px;padding:7px 9px;color:#315a4c;min-height:30px;cursor:pointer}#first-task>div button{padding:3px 9px;font-size:18px}#first-task footer{margin-top:13px;display:flex;justify-content:space-between;align-items:center;font-size:10px}#first-task.minimized{width:240px;padding:9px 13px}#first-task.minimized b{font-size:14px}.first-camera-buttons{display:flex;gap:8px;margin-top:9px}
.first-adventure .quest-card,.first-adventure .key-guide,.first-adventure #current-activity,.first-adventure .small-talk,.first-adventure .place-tag,.first-adventure #town-board-open,.first-adventure .madrid-clock{visibility:hidden!important}.town-modal-open #first-task{visibility:hidden!important}.town-activity-visible #first-task{top:72px}.first-cinematic .world-shell>:not(#world):not(#first-cinema){visibility:hidden!important}.first-cinematic>header{visibility:hidden}.first-cinematic #first-cinema{visibility:visible!important}
#first-cinema{position:absolute;inset:0;z-index:100;color:#fff8e7;pointer-events:none;background:linear-gradient(0deg,#102820bb,transparent 42%)}.cinema-letterbox{position:absolute;inset:0;border-top:35px solid #122720;border-bottom:35px solid #122720;pointer-events:none}.cinema-caption{position:absolute;left:6%;right:10%;bottom:70px;text-shadow:0 2px 10px #102d24}.cinema-caption small{font:700 11px monospace;letter-spacing:.25em;color:#efce85}.cinema-caption h2{font:800 clamp(24px,3vw,40px)/1.15 system-ui;max-width:760px;margin:14px 0}.cinema-caption p{font:14px/1.5 system-ui;color:#f1e9c7}.cinema-caption h2,.cinema-caption p{animation:first-appear .25s ease-out}#cinema-skip{position:absolute;right:25px;top:48px;pointer-events:auto;padding:9px 17px;background:#183e35d9;border:1px solid #d5c398;color:#fff5db;border-radius:4px;font:600 13px system-ui;min-height:42px;cursor:pointer}
.first-dialog{max-width:570px;padding:27px}.first-dialog p{line-height:1.6}.first-dialog>small{color:#62816e;letter-spacing:.12em;font-size:11px}.first-dialog button{background:#e9edd6;border:1px solid #809c7d;color:#2b5445;padding:10px 14px;font:600 13px system-ui}.first-dialog .block-button{background:#dab665}.first-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0}.first-choices button{display:grid;gap:8px;justify-items:start;text-align:left;border-top:4px solid #c6aa63;min-height:145px}.first-choices span{font-size:32px}.first-choices small{font-size:11px;line-height:1.5;letter-spacing:0}.first-pause-actions{display:grid;gap:8px;margin:18px 0}.first-pause-actions button{background:#eceedd;border:1px solid #91a082;color:#2d5344;min-height:43px;text-align:left;padding:10px 15px;font:650 14px system-ui}.first-pause-actions .block-button{background:#e2c67c}.session-menu{max-width:470px}.session-more{border-top:1px solid #ccd3bb;margin:17px 0;padding-top:14px}.session-more summary{cursor:pointer;font-size:12px;color:#54715d}.session-more .session-tools{margin-top:13px}.first-settings{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px;margin:23px 0}.first-settings label{display:grid;gap:8px;font-size:13px;font-weight:600}.first-settings input[type=range]{width:100%;accent-color:#447e64}.first-settings input[type=checkbox]{width:24px;height:24px;accent-color:#447e64}.first-settings select,.first-settings textarea{font:14px system-ui;padding:9px;border:1px solid #8aa17e;border-radius:4px;background:#fffef4;color:#2e503e;max-width:100%}.first-settings textarea{resize:vertical}
#current-activity [data-current-min]{float:right;padding:2px 9px;font-size:17px;min-height:28px}#current-activity.minimized>p,#current-activity.minimized>div{display:none}#current-activity.minimized{padding:9px 12px;width:240px}.first-playable #current-activity{border-radius:5px;top:76px;left:16px}
@keyframes first-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){#first-task{width:245px;top:72px;font-size:12px}.first-playable .town-toolbar{max-width:calc(100% - 150px)}.first-playable .town-toolbar button{font-size:11px;padding:7px 9px}.first-playable .minimap-panel{width:120px}.first-playable .minimap-panel canvas{height:102px}.cinema-caption{bottom:65px}.first-playable>header{padding:0 14px}.first-playable>header .brand-sub{display:none}.first-playable>header #character-title{display:none}}
@media(max-width:550px){.first-settings{grid-template-columns:1fr}.first-choices{gap:6px}.first-choices button{padding:9px;font-size:11px}.title-foot span:last-child{display:none}.first-dialog{padding:20px}.first-playable>header .brand{font-size:13px}.first-playable>header #avatar{display:none}#first-task{width:225px}.first-playable .town-toolbar{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cinema-caption h2,.cinema-caption p{animation:none}}

#first-cinema .cinema-caption{background:none;border:0;padding:0;border-radius:0;box-shadow:none;max-width:none}#first-task footer{padding:0;border:0;background:none;min-height:0}body.first-cinematic>header{display:none}body.first-cinematic>.world-shell{height:100dvh}body.first-playable .town-toolbar{justify-content:flex-start}body.first-playable .bottom-hud .interaction{margin:0}

.first-adventure #town-board-open{display:none}.first-playable #first-task footer{padding:0}

.first-playable .madrid-clock{left:auto;right:16px;top:75px;font-size:11px;padding:7px 10px}.first-cinematic .madrid-clock{visibility:hidden!important}

.first-playable .welcome-dialog :is(button,select,input){max-width:100%}.first-playable .title-screen{visibility:visible}.first-playable .title-foot{pointer-events:none}
.interest-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.interest-answers button{padding:1rem;text-align:left;border-radius:.8rem}@media(max-width:540px){.interest-answers{grid-template-columns:1fr}}