/* Shared game interface: midnight enamel, copper edges and quiet task feedback. */
body.rq-world,body.rq-object{--game-ink:#151c28;--game-panel:#222c3b;--game-line:#ba95604a;--game-gold:#dbb480;--game-text:#f0e5d1;--game-muted:#aeb7c4}
.rq-top-actions{gap:5px}.rq-top .rq-icon{border:0!important;background:transparent!important;opacity:.75}
#rq-root .rq-camera-tools{display:flex!important;flex-direction:row;align-items:center;gap:0;right:20px;bottom:157px;top:auto;background:linear-gradient(145deg,#2d3746ed,#171e2aef);border:1px solid var(--game-line);border-radius:17px;padding:4px;box-shadow:0 7px 22px #0004,inset 0 1px #fff1;backdrop-filter:blur(14px)}
#rq-root[data-mode=room] .rq-camera-tools{bottom:24px}
#rq-root[data-mode=object] .rq-camera-tools,#rq-root[data-mode=fridge] .rq-camera-tools{display:none!important}
#rq-root .rq-camera-tools>button{display:flex!important;align-items:center;justify-content:center;gap:8px;border:0!important;background:transparent;color:#dbcfb9;min-height:42px;padding:8px 12px;font-size:11px;border-radius:12px}
#rq-root .rq-camera-tools svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#rq-root .rq-camera-tools .rq-control-home{border-right:1px solid #ad966a30!important;border-radius:0;width:42px;padding:8px}
#rq-tools-popup{position:absolute;right:0;bottom:calc(100% + 10px);width:236px;background:linear-gradient(145deg,#293343,#19212e);padding:16px;border:1px solid #bd98615c;border-radius:18px;box-shadow:0 14px 40px #0006;display:grid;gap:10px;color:#e5dccb}
#rq-tools-popup[hidden]{display:none!important}#rq-tools-popup p{font-size:9px;letter-spacing:1.7px;color:#d6b587;margin:0 0 2px}
#rq-tools-popup button{display:flex;align-items:center;gap:8px;background:#ffffff07;color:inherit;border-radius:10px;min-height:42px;padding:9px 11px;font-size:12px;border:1px solid #ffffff0d}
.rq-zoom-row{display:flex;align-items:center;gap:6px;font-size:12px}.rq-zoom-row>span{flex:1}.rq-zoom-row button{width:42px;justify-content:center;font-size:20px!important}
#rq-labels{justify-content:space-between}#rq-labels i{width:27px;height:15px;border-radius:20px;background:#141b25;border:1px solid #75819466;position:relative}#rq-labels i:after{content:'';position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:#7d8999}#rq-labels[aria-pressed=true] i:after{left:14px;background:#e3b981}#rq-labels[aria-pressed=true]{background:#d7ac7310!important;border-color:#d7ac7335!important}
#rq-root[data-mode=build] .rq-camera-tools>*{display:flex}
/* The selected station is a game workspace; compact mode remains the entrance. */
body.rq-object #appFrame{--bg:#171f2b;--surface:#263142;--surface-2:#2d3a4d;--panel:#222d3e;--panel-2:#2d3a4d;--line:#a98c614d;--text:#f0e5d1;--muted:#b2bbc9;--acc:#d7ad79;--acc-lite:#edd1a8;--lime:#bbcda6;background:linear-gradient(145deg,#293344,#17202d 75%)!important;border:1px solid #b997656e;box-shadow:0 18px 70px #0009,inset 0 0 0 4px #c9a47108;border-radius:24px;inset:108px 10px 12px!important}
body.rq-object.rq-compact #appFrame{max-height:190px;bottom:calc(16px + env(safe-area-inset-bottom))!important;box-shadow:0 12px 40px #0006}
#rq-object-bar{background:linear-gradient(110deg,#303b4d,#232d3c);border-color:#c4a2713b;padding:14px 16px;color:#f0e3cd}
.rq-station-seal{width:35px;height:39px;display:grid;place-items:center;flex-shrink:0;border:1px solid #c7a16b6b;border-radius:12px 3px;color:#d9b27b;background:#c4a06d0b;font-size:24px}
.rq-station-title{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.rq-station-title small{font-size:8px;letter-spacing:1.8px;color:#c5a776}.rq-station-title strong{font-size:16px;letter-spacing:.1px;font-weight:600}
#rq-object-size,#rq-object-close{background:#ffffff05;color:#bdc5d1;border:1px solid #ffffff0c;border-radius:10px;width:33px;height:33px;margin:0;flex-shrink:0}
#rq-object-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;padding-top:12px}
#rq-object-tabs button{display:flex;align-items:center;gap:14px;justify-content:space-between;background:linear-gradient(135deg,#3a4659,#2c384a);border-color:#bd9a613e;border-radius:12px;padding:10px 12px;font-size:11px;color:#ddd4c4;flex:1 1 auto;min-height:42px}
#rq-object-tabs button i{font-style:normal;color:#c9a574}#rq-object-tabs button[aria-current=true]{background:#c6a06b1c;border-color:#cfad78;color:#f3debb}
body.rq-object:not(.rq-compact) #rq-object-tabs button{min-height:34px;padding:6px 10px}
body.rq-object:not(.rq-compact) #rq-root .rq-heading{display:none}
body.rq-object #screenViewport,body.rq-object .nutrition-feature .ov{background:radial-gradient(ellipse at 85% 0,#c7965820,transparent 45%),linear-gradient(145deg,#232e3e,#161e2b)!important;padding:0 10px 20px;color:#eee2ce}
body.rq-object #screenViewport :is(h1,h2,h3){font-family:ui-rounded,'Avenir Next',system-ui,sans-serif!important;letter-spacing:-.5px;text-shadow:none!important}
body.rq-object #screenViewport h1{font-size:25px!important}body.rq-object #screenViewport h2{font-size:21px!important}
body.rq-object #screenViewport :is(.card,.panel,.sheet,.jobrow,.recipe-book-dish,.route-training-option,.focus-exercise,.weight-instrument,.diary-summary,.provision-header,.journal-chart-panel,.weight-station-header,.profile-crew-banner,.meal-picker-hero,.history-heading,.profile-character-compact,[data-art-scene]){background:linear-gradient(145deg,#2b3647,#202b3a)!important;background-image:linear-gradient(145deg,#2b3647,#202b3a)!important;border-color:#b59a6742!important;box-shadow:inset 0 1px #ffffff08,0 7px 20px #0002;border-radius:16px;color:#eee3d1}
body.rq-object #screenViewport :is(input,select,textarea){color:#f3e5cd;background:#141f2e!important;border:1px solid #8b9bad40!important;border-radius:9px;accent-color:#d5ae78;color-scheme:dark}
body.rq-object #screenViewport :is(button,.btn){border-radius:11px;border-color:#b49a693f;min-height:40px}
body.rq-object #screenViewport :is(.btn.accent,.btn.solid,.focus-save,.rest-main-button){background:linear-gradient(145deg,#e1bc87,#b38a57)!important;color:#222735!important;border-color:#efc995!important;box-shadow:0 3px 0 #765532,0 8px 17px #0003;font-weight:650}
body.rq-object #screenViewport :is(.btn:not(.accent),.focus-bottom button,.focus-stepper button,.focus-rir button,.focus-exercise-nav button,.focus-set-nav button){background:#303e51;color:#e1d6c4}
body.rq-object #screenViewport :is(.jobhint,.muted,.sub,.subtext){color:#b0bbcb}
body.rq-object dialog[open]{background:linear-gradient(145deg,#2c3748,#1b2534);border-color:#b99b695e;color:#eadfc9;border-radius:20px;top:120px;max-height:calc(100dvh - 145px)}
body.rq-object dialog .personal-top{background:#283445!important}
@media(min-width:800px){body.rq-object #appFrame{inset:112px 24px 24px auto!important;width:min(620px,60vw)!important}body.rq-object.rq-compact #appFrame{width:460px!important}body.rq-object dialog[open]{width:560px;top:120px;right:30px;max-height:calc(100dvh - 150px)}}
/* Real training progress is the reward track. No invented points. */
.rq-training-progress{display:none}body.rq-object .rq-training-progress{display:block;padding:11px 13px;border:1px solid #c2a47145;border-radius:14px;background:#101a2877;flex-shrink:0}
.rq-training-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.rq-training-progress>div>span{font-size:9px;letter-spacing:1.5px;color:#bca47e}.rq-training-progress strong{font-weight:600;color:#e6c38d}
.rq-training-progress progress{display:block;appearance:none;width:100%;height:6px;border:0;border-radius:6px;overflow:hidden;margin:9px 0;background:#0d1723}.rq-training-progress progress::-webkit-progress-bar{background:#0d1723}.rq-training-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#9bab91,#e4bd85);border-radius:6px}.rq-training-progress progress::-moz-progress-bar{background:#d5b380}.rq-training-progress small{font-size:10px;color:#aebac9}
body.rq-object .training-feature .focus-session{height:auto;min-height:100%;gap:12px;padding:16px 2px}
body.rq-object .training-feature .focus-header{gap:6px}body.rq-object .training-feature .focus-header h1{font-size:16px!important}.focus-header .eyebrow{letter-spacing:1px}
body.rq-object .training-feature .focus-rest{background:#263344;border:1px solid #b89a6552;border-radius:15px;padding:12px}
body.rq-object .training-feature .focus-rest.running{border-color:#d0ad72;box-shadow:inset 3px 0 #d0ad72}
body.rq-object .training-feature .focus-rest.finished{border-color:#9db68e}
body.rq-object .training-feature .focus-exercise{padding:17px;gap:15px;flex:none}
body.rq-object .training-feature .focus-title{min-height:94px;max-height:none;flex:none}.training-feature .focus-title .focus-art{border-radius:14px}
body.rq-object .training-feature .focus-stepper{background:#101b28;border-color:#af936951;min-height:58px;padding:3px;border-radius:12px}
body.rq-object .training-feature .focus-stepper input{font-size:25px;border:0!important;background:transparent!important;font-variant-numeric:tabular-nums}
body.rq-object .training-feature .focus-rir button[aria-pressed=true]{background:#c09a6450;border-color:#d4b784}
body.rq-object .training-feature .route-training-option{margin:10px 0;padding:20px!important}.route-training-option strong{letter-spacing:-.2px}
/* Cooking becomes a three-part journey with one recipe step at a time. */
body.rq-object .rq-cooking-journey{padding:16px 2px}
.rq-journey-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px}
.rq-journey-map button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px!important;background:#253245;border:1px solid #ac936141;color:#bcc5d2;font-size:10px;border-radius:14px!important}
.rq-journey-map b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:1px solid #ab93674a;color:#cbae81;font-size:11px}
.rq-journey-map button[aria-current=true]{background:linear-gradient(140deg,#635445,#303547)!important;color:#f1d9b4!important;border-color:#d4b078!important}.rq-journey-map button[aria-current=true] b{background:#d4b078;color:#242a34}
.rq-cook-progress{font-size:11px!important;color:#bfad8d!important;margin:10px 0 20px}
.rq-journey-navigation,.rq-recipe-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 12px}.rq-recipe-pager span{font-size:11px;color:#cbb894}
.rq-cook-stage .jobstep{display:flex;align-items:flex-start;gap:14px;min-height:170px;padding:24px 18px;border:1px solid #c4a57460;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#dcb47615,transparent 70%),#233042;font-size:17px;line-height:1.7}
.rq-cook-stage .jobstep input{width:23px;height:23px;flex-shrink:0;margin-top:4px}.rq-cook-stage .jobstep:has(input:checked){border-color:#b2c39a;background:#293e38}.rq-cook-stage .jobrow{padding:15px;margin:10px 0}.rq-cook-review{font-size:18px;line-height:1.6;padding:28px 20px;margin-bottom:20px;border:1px solid #c9a36c55;border-radius:18px;background:#c8a5740e;color:#e1cdad}
.rq-cook-stage[hidden],.rq-cook-stage .jobstep[hidden]{display:none!important}
body.rq-object #screenViewport .nutrition-feature{--bg:#182232;--surface:#263244;--surface-2:#303e50;--text:#eee3cd;--muted:#b5bfcc;--acc:#d9b57e;--line:#a68d6344}
@media(prefers-reduced-motion:no-preference){#rq-tools-popup:not([hidden]),body.rq-object:not(.rq-compact) #screenViewport,.rq-cook-stage:not([hidden]){animation:rq-page-arrive .22s ease-out both!important}@keyframes rq-page-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(max-width:360px){#rq-object-bar{padding:10px}.rq-station-title strong{font-size:14px}.rq-station-seal{display:none}body.rq-object .training-feature .focus-rest{padding:8px;gap:5px}.rq-station-title small{font-size:7px}}

body.rq-object #screenViewport :is(input,select,textarea){font-family:ui-rounded,system-ui,sans-serif!important}

body.rq-object #screenViewport .shead{font-family:ui-rounded,system-ui,sans-serif!important;font-size:14px;color:#d8bf99;letter-spacing:.2px}
body.rq-object #screenViewport .jobstep:has(input:checked){color:#d6dfc9;opacity:1}
