.rx-root{position:relative;max-width:480px;margin:0 auto;color:#e0e6d9;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;--rx-border:#40514d;--rx-ink:#e0e6d9;--rx-gold:#dec18a;--rx-surface:#17282b;--rx-accent:#a7c2aa;isolation:isolate}.rx-root *{box-sizing:border-box}.rx-root button,.rx-root input{font:inherit}.rx-root button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rx-btn{border:1px solid var(--rx-border);background:#24383a;color:var(--rx-ink);border-radius:6px;min-height:31px;padding:6px 10px;cursor:pointer;line-height:1.15;font-weight:650}.rx-btn:hover:enabled{background:#314a48;border-color:#9bb3a0}.rx-btn:active:enabled{transform:translateY(1px)}.rx-btn:focus-visible,.rx-seed:focus-visible,.rx-map:focus-visible{outline:2px solid #d8b376;outline-offset:2px}.rx-btn:disabled{opacity:.38;cursor:default}.rx-primary{background:#b7c5a2;color:#172727;border-color:#cad5b4}.rx-primary:hover:enabled{background:#d0d6b8;color:#132426}.rx-danger{background:#733f38}.rx-muted{background:#1a2c2e;color:#bac5b9}.rx-icon-btn{min-width:31px;padding:4px 7px}.rx-stage{height:510px;display:flex;flex-direction:column;gap:5px;padding:9px 10px 7px;background:radial-gradient(ellipse at top,#283b36,#142328 70%);border:1px solid #44534a;border-radius:10px;overflow:hidden}.rx-top{display:flex;align-items:center;justify-content:space-between;min-height:31px;gap:5px}.rx-depth{font-size:12px;color:#dfc89b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-tools{display:flex;gap:4px;flex:none}.has-growth{border-color:#e7bf71;box-shadow:0 0 0 1px #e7bf7160;color:#f6d797}.rx-stats{display:flex;align-items:center;gap:8px;min-height:23px;font-size:12px;font-weight:650;direction:ltr}.rx-health{position:relative;height:20px;border-radius:4px;overflow:hidden;background:#412d2a;flex:1;min-width:83px;border:1px solid #704c42}.rx-health-fill{display:block;height:100%;background:#9e6556;transition:width .16s ease}.rx-health-label{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;text-shadow:0 1px 2px #000}.rx-energy{color:#a8c9d1;white-space:nowrap}.rx-money{color:#dbc387;white-space:nowrap;font-size:11px}.rx-map-wrap{flex:1;min-height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a1218;border:1px solid #3d4e49;border-radius:5px}.rx-map{display:block;aspect-ratio:1;max-height:100%;max-width:100%;width:auto;height:100%;image-rendering:pixelated;touch-action:manipulation;cursor:crosshair}.rx-notice{min-height:29px;max-height:33px;line-height:1.35;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:#c2d0bd;overflow:hidden;padding:2px 4px}.rx-notice.rx-warning{color:#ffd0a6;background:#78443b44;border-radius:4px}.rx-notice.rx-error{color:#ffd1b9}.rx-controls{display:grid;grid-template-columns:100px 1fr;gap:7px;direction:ltr;flex:none}.rx-pad{display:grid;grid-template-columns:repeat(3,31px);grid-template-rows:repeat(3,27px);gap:3px;align-content:center;justify-content:center}.rx-pad .rx-btn{padding:0;min-height:27px;font-size:17px;line-height:1}.rx-up{grid-column:2;grid-row:1}.rx-left{grid-column:1;grid-row:2}.rx-wait{grid-column:2;grid-row:2;color:#c8bea1}.rx-right{grid-column:3;grid-row:2}.rx-down{grid-column:2;grid-row:3}.rx-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:4px}.rx-actions .rx-btn{min-height:28px;padding:4px 3px;font-size:11px;overflow-wrap:anywhere}.rx-actions .rx-descend:enabled{color:#f7d69d;border-color:#b99c68;background:#5d503a}.rx-actions .is-selected{border-color:#a4d8e2;background:#39606b;color:#e8fcff;box-shadow:inset 0 0 0 1px #b6ecf0}.rx-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:9px;min-height:12px;color:#82978d;direction:ltr}.rx-bottom>span:first-child{max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rx-welcome{min-height:470px;padding:14px;background:linear-gradient(155deg,#293b34,#132328);border:1px solid #40564a;border-radius:10px;display:flex;flex-direction:column;gap:11px}.rx-welcome-art{height:120px;overflow:hidden;border-radius:6px;background:#111e22}.rx-welcome-art canvas{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.rx-intro{font-size:13px;line-height:1.45;color:#d1dccb;margin:0;text-align:center}.rx-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.rx-class{padding:9px 5px;min-height:91px;text-align:start;background:#213431}.rx-class strong{display:block;color:#e4d1a1;margin-bottom:7px}.rx-class small{display:block;font-size:10px;font-weight:450;line-height:1.45;color:#b8c7b6}.rx-class.is-selected{outline:2px solid #c8c496;outline-offset:-2px;background:#3e4e3c}.rx-seed-label{display:block;color:#b1c1b2;font-size:11px}.rx-seed{display:block;width:100%;margin-top:5px;border:1px solid #486052;border-radius:5px;background:#152729;color:#e9e6d2;padding:8px;font-size:11px;min-width:0}.rx-seed::placeholder{color:#81998a}.rx-start-actions{display:flex;gap:7px;flex-wrap:wrap}.rx-start-actions .rx-btn{flex:1;min-height:35px}.rx-help{font-size:10px;color:#94a997;line-height:1.5;margin:2px 0}.rx-overlay{position:absolute;inset:0;z-index:10;background:#081418e8;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:10px;backdrop-filter:blur(3px)}.rx-panel{background:#1c3030;border:1px solid #657357;border-radius:8px;width:100%;max-height:100%;display:flex;flex-direction:column;box-shadow:0 12px 35px #0005}.rx-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #405648;padding:9px 10px;flex:none}.rx-panel-head h2{margin:0;font-size:16px;font-weight:700;color:#e4d4aa;line-height:1.25}.rx-panel-body{overflow-y:auto;overscroll-behavior:contain;padding:12px;display:flex;flex-direction:column;gap:8px}.rx-panel-text{margin:0 0 4px;line-height:1.6;font-size:12px;color:#c8d3c0}.rx-panel-body>.rx-btn{width:100%;min-height:35px;white-space:normal}.rx-equipment{background:#132627;padding:9px;border-radius:5px;font-size:11px;color:#d3c69b}.rx-equipment p{margin:2px 0}.rx-item{border-bottom:1px solid #3c5245;padding:4px 0 10px;display:flex;flex-direction:column;gap:6px}.rx-item strong{display:block;font-size:12px;color:#e2d3ac}.rx-item small{display:block;font-size:10px;color:#9db49f;line-height:1.4}.rx-item-actions{display:flex;gap:6px}.rx-item-actions .rx-btn{font-size:10px;padding:5px 11px;min-height:27px}.rx-upgrade{text-align:start;padding:10px!important}.rx-upgrade strong{display:block;color:#e0c99a;margin-bottom:5px}.rx-upgrade small{display:block;font-weight:400;color:#b8cbb8;font-size:11px;line-height:1.4}.rx-end-flame{font-size:48px;text-align:center;color:#e9bd70;padding:12px}.rx-result{font-size:13px;margin:0;color:#dfd5b6;text-align:center}.rx-stat{display:inline-flex;gap:4px}.rx-stat-label{color:#a0b19e}.rx-root[dir=rtl] .rx-actions{direction:rtl}.rx-root[dir=rtl] .rx-notice{direction:rtl}.rx-root[dir=rtl] .rx-item-actions{justify-content:flex-start}@media(min-width:650px){.rx-stage{height:552px;padding:10px 14px}.rx-notice{font-size:12px}.rx-depth{font-size:13px}.rx-actions .rx-btn{font-size:12px}.rx-welcome{min-height:510px}}@media(max-width:340px){.rx-stage{padding:7px;gap:4px;height:510px}.rx-controls{grid-template-columns:94px 1fr;gap:5px}.rx-pad{grid-template-columns:repeat(3,28px)}.rx-actions .rx-btn{font-size:10px}.rx-depth{font-size:10px}.rx-stats{gap:5px}.rx-money{font-size:10px}.rx-energy{font-size:11px}.rx-icon-btn{min-width:27px;min-height:28px}.rx-welcome{padding:10px;gap:9px}.rx-class{padding:8px 4px}.rx-class small{font-size:9px}.rx-notice{font-size:10px}}@media(prefers-reduced-motion:reduce){.rx-root *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.rx-root{max-width:500px;--rx-border:#56675e;--rx-ink:#e4e6d8;--rx-gold:#cbb88f;--rx-surface:#263a37;--rx-accent:#a9b9a3;font-family:inherit;color:var(--rx-ink)}
.rx-stage{height:clamp(480px,calc(100dvh - 160px),560px);padding:9px;gap:5px;border-radius:13px;border-color:#5a695e;background:linear-gradient(145deg,#3b4d43,#253936 75%);overflow:hidden}
.rx-top{min-height:28px;gap:6px}.rx-depth{font-size:11px;color:#d9ceaf;min-width:65px;white-space:nowrap}.rx-tools{gap:4px}.rx-tools .rx-btn{min-height:27px;padding:4px 7px;font-size:10px}.rx-tool-label{white-space:nowrap}.rx-icon-btn{border-radius:7px}
.rx-stats{gap:8px;min-height:24px;flex:none}.rx-health{height:21px;border-radius:6px;background:#55443b;border-color:#907760;min-width:90px}.rx-health-fill{background:linear-gradient(90deg,#9d6f5b,#b48a6b)}.rx-health-label{font-size:11px;color:#fff8e4}.rx-energy{color:#c0d2c9;font-size:12px}.rx-money{color:#dbccaa;font-size:11px}
.rx-map-wrap{position:relative;flex:1;min-height:190px;display:block;overflow:hidden;border:1px solid #6b7c6b;border-radius:9px;background:#31443d;box-shadow:inset 0 0 20px #14292344}
.rx-map{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;image-rendering:auto;touch-action:manipulation;cursor:crosshair;outline-offset:-3px}
.rx-map-wrap .rx-btn{background:#263b35ec;border-color:#819078;color:#e2dfc6;box-shadow:0 2px 7px #14272344;font-size:10px;font-weight:600;min-height:26px;padding:4px 7px}
.rx-objective{position:absolute;top:7px;left:7px;max-width:calc(100% - 79px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.rx-map-toggle{position:absolute;top:7px;right:7px;max-width:72px}
.rx-target{position:absolute;inset-inline:7px;bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 7px;background:#273b36ee;border:1px solid #b7a687;border-radius:8px;box-shadow:0 3px 12px #12261d55}.rx-target[hidden]{display:none}.rx-target-info{min-width:0;flex:1}.rx-target-info strong{display:block;font-size:11px;font-weight:700;color:#e8dac0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-target-info span{display:block;font-size:10px;color:#c3d0bd;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-target-actions{display:flex;gap:4px;flex:none}.rx-target .rx-target-attack{min-height:33px;padding:5px 10px;background:#a7b598;color:#1f362d}.rx-target .rx-target-clear{padding:3px 7px;min-height:29px}
.rx-nearby{display:flex;align-items:center;justify-content:center;gap:5px;min-height:27px;flex:none}.rx-near-object{flex:1;min-width:0;min-height:27px;padding:4px 7px;font-size:11px;color:#e0cc9e;border-color:#8e886a;background:#4b5140;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-nearby-empty{font-size:10px;color:#b6c3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rx-notice{min-height:23px;max-height:30px;font-size:11px;color:#d0d8c6;line-height:1.3;padding:2px 5px}.rx-notice.rx-warning{background:#76594655;color:#f3d0ad;border-radius:5px}.rx-notice.rx-error{color:#f2c0a4}
.rx-controls{grid-template-columns:104px 1fr;gap:7px;flex:none}.rx-pad{grid-template-columns:repeat(3,31px);grid-template-rows:repeat(3,25px);gap:3px}.rx-pad .rx-btn{min-height:25px;font-size:17px;background:#334c43;border-color:#6d806c}.rx-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:5px}.rx-actions .rx-btn{min-height:36px;padding:4px 5px;font-size:12px;line-height:1.15;border-radius:7px;background:#40564b;border-color:#74816b;color:#e7e4cd}.rx-actions .rx-btn small{display:block;font-size:9px;font-weight:450;line-height:1.1;margin-top:2px;color:#c5d3be}.rx-actions .rx-btn.is-selected{background:#688477;border-color:#c2d6be;box-shadow:inset 0 0 0 1px #c2d6be66}.rx-actions .rx-descend:enabled{background:#776b4d;border-color:#c6b283;color:#fff0c8}.rx-bottom{font-size:9px;min-height:12px;color:#a2b29d}
.rx-btn{border-radius:7px;background:#364d43;border-color:#6a7b68;color:#e4e5d2}.rx-btn:hover:enabled{background:#50654f;border-color:#afbaa0}.rx-btn:disabled{opacity:.43}.rx-primary{background:#b0bd9c;border-color:#cad3b1;color:#20372c}.rx-primary:hover:enabled{background:#c9d1b1;color:#20372c}.rx-danger{background:#795c4c;border-color:#aa8770;color:#ffe8d4}.rx-muted{background:#2f453e;color:#c8d0bc}.has-growth{border-color:#ccb27a!important;color:#ead29a!important;box-shadow:0 0 0 1px #c0a16a44}
.rx-welcome{min-height:0;gap:10px;padding:12px;background:linear-gradient(140deg,#4a5d4e,#2c423c);border:1px solid #75826c;border-radius:13px}.rx-welcome-art{display:block;width:100%;height:105px;border-radius:9px;image-rendering:auto;object-fit:cover;border:1px solid #879078;background:#354b41}.rx-intro{font-size:12px;line-height:1.4;color:#d6deca;margin:0}.rx-classes{gap:6px}.rx-class{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 5px;background:#334b40;min-height:136px;position:relative;border-color:#71836b}.rx-class canvas{display:block;width:61px;height:67px;image-rendering:auto;margin-bottom:3px}.rx-class strong{display:block;font-size:13px;color:#e4dab7;margin:0 0 4px}.rx-class small{font-size:10px;line-height:1.3;color:#c5d0b9;font-weight:400}.rx-class.is-selected{outline:2px solid #d0c29c;outline-offset:-2px;background:#52654b}.rx-seed-label{font-size:10px;color:#d3d7c1}.rx-seed{padding:7px;background:#2e443c;border-color:#7a8b73;border-radius:6px;color:#efead2;font-size:11px;margin-top:4px}.rx-seed::placeholder{color:#a9bba3}.rx-start-actions .rx-btn{min-height:36px}.rx-help{color:#b1c0a8;font-size:10px}
.rx-overlay{background:#1c302bf2;border-radius:13px;padding:10px}.rx-panel{background:#354d41;border-color:#9eaa86;border-radius:10px}.rx-panel-head{border-bottom-color:#718262;padding:9px 10px}.rx-panel-head h2{color:#e7dcc1;font-family:inherit;font-size:16px;font-weight:700}.rx-panel-body{padding:11px;gap:8px}.rx-panel-text{color:#d4deca;font-size:12px;line-height:1.5}.rx-panel-body>.rx-btn{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:7px}.rx-panel-body>.rx-btn small{font-size:11px;font-weight:500;flex:none}.rx-equipment{background:#283f35;color:#d9cfaf;border:1px solid #657958;border-radius:7px}.rx-item{border-color:#728064}.rx-item strong{color:#e3d8b7}.rx-item small{color:#c3d2b9;font-size:11px}.rx-upgrade strong{color:#e4d7b2}.rx-upgrade small{color:#cbd9bf}.rx-objective-summary{margin:0 0 3px;color:#e1d0a4;font-weight:700;font-size:13px}.rx-quest{background:#294236;border:1px solid #768767;border-radius:7px;padding:8px}.rx-quest strong{display:block;font-size:12px;color:#e5d7b7}.rx-quest small{display:block;color:#c1d0b6;font-size:11px;margin-top:4px}.rx-result{color:#e4d9b7}.rx-end-flame{color:#d3b981}
@media(min-width:650px){.rx-stage{height:560px;padding:10px;gap:5px}.rx-depth{font-size:12px}.rx-map-wrap{min-height:220px}.rx-welcome{min-height:0}.rx-notice{font-size:11px}}
@media(max-width:340px){.rx-stage{height:clamp(480px,calc(100dvh - 160px),540px);padding:7px;gap:4px}.rx-top{gap:3px}.rx-depth{font-size:10px;min-width:57px}.rx-tools{gap:3px}.rx-tools .rx-btn{min-height:26px;padding:3px 5px;font-size:9px}.rx-icon-btn{min-width:25px}.rx-controls{grid-template-columns:97px 1fr;gap:5px}.rx-pad{grid-template-columns:repeat(3,29px);grid-template-rows:repeat(3,25px);gap:3px}.rx-actions .rx-btn{font-size:11px}.rx-stats{gap:5px}.rx-money{font-size:10px}.rx-energy{font-size:11px}.rx-welcome{padding:9px;gap:8px}.rx-welcome-art{height:94px}.rx-class{padding:6px 3px;min-height:137px}.rx-class small{font-size:9px}.rx-class strong{font-size:12px}.rx-notice{font-size:10px}.rx-map-wrap .rx-btn{font-size:9px}.rx-target-info strong{font-size:10px}.rx-target-info span{font-size:9px}.rx-target .rx-target-attack{font-size:10px;padding:5px 7px}}
@media(max-height:500px) and (min-width:600px){.rx-root{max-width:900px}.rx-stage{height:calc(100dvh - 125px);min-height:240px;display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:29px 25px 30px 1fr 26px 15px;gap:4px 9px;padding:6px}.rx-top{grid-column:1/-1;grid-row:1}.rx-stats{grid-column:2;grid-row:2}.rx-map-wrap{grid-column:1;grid-row:2/7;min-height:170px}.rx-nearby{grid-column:2;grid-row:3}.rx-controls{grid-column:2;grid-row:4;align-self:start}.rx-notice{grid-column:2;grid-row:5;font-size:10px}.rx-bottom{grid-column:2;grid-row:6;font-size:8px}.rx-actions .rx-btn{font-size:10px}.rx-depth{font-size:12px}.rx-health{min-width:70px}.rx-money,.rx-energy{font-size:10px}}

/* Square close-up: its actual CSS size is fitted to the available stage height. */
.rx-stage{height:clamp(470px,calc(100dvh - 160px),520px)}
.rx-map-wrap{flex:none;align-self:center;min-height:0;max-width:100%;aspect-ratio:1;margin-block:auto;box-shadow:0 3px 12px #172c2544,inset 0 0 0 1px #a2b0981a}
.rx-map{width:100%;height:100%;aspect-ratio:1}
.rx-notice{position:absolute;inset-inline:6px;bottom:6px;z-index:1;min-height:23px;max-height:34px;padding:4px 6px;border-radius:5px;background:#20372eee;border:1px solid #82907688;font-size:11px;line-height:1.25;color:#e1e4cf;pointer-events:none}
.rx-notice.rx-warning{background:#684d3aee;color:#ffe2be;border-color:#bc9979}.rx-notice.rx-error{background:#574536f2;color:#ffe3c4;border-color:#c1a17d}
.rx-map-wrap:has(.rx-target:not([hidden])) .rx-notice{visibility:hidden}
.rx-target{z-index:2}.rx-map-wrap .rx-btn{font-size:11px}
.rx-objective{max-width:calc(100% - 76px)}.rx-map-toggle{max-width:68px}
.rx-bottom{font-size:10px;color:#bfccb5}.rx-nearby-empty{color:#c5d1bc;font-size:11px}
@media(min-width:650px){.rx-stage{height:520px}}
@media(max-width:340px){.rx-stage{height:clamp(470px,calc(100dvh - 160px),515px)}.rx-notice{font-size:10px}.rx-bottom{font-size:9px}.rx-map-wrap .rx-btn{font-size:10px}}
@media(max-height:500px) and (min-width:600px){.rx-stage{height:calc(100dvh - 125px);min-height:240px;grid-template-rows:29px 25px 30px 1fr 15px}.rx-map-wrap{width:100%;height:100%;min-height:170px;aspect-ratio:auto;margin:0;align-self:stretch;grid-row:2/6}.rx-bottom{grid-row:5}.rx-controls{grid-row:4}.rx-notice{inset-inline:6px;bottom:6px;font-size:10px}.rx-map{aspect-ratio:auto}}