/* Non-combat facilities. Opt-in class keeps every selector outside the battle HUD. */
#app > .rem-port {
  --port-accent:#9ee8ed; --port-rgb:126,213,225; --port-panel:#0d1c2a;
  --port-text:#edf5f7; --port-muted:#b3c4ce; --port-line:rgba(144,189,209,.24);
  --port-font:"Yu Gothic UI","Meiryo",sans-serif;
  --fac-body:var(--port-font); --final-ui:var(--port-font); --reward-ui:var(--port-font);
  color:var(--port-text); font-family:var(--port-font);
  background:radial-gradient(ellipse at 90% 0,rgba(var(--port-rgb),.09),transparent 46%),#040b14 !important;
  overscroll-behavior-y:contain; scroll-padding-top:70px; -webkit-tap-highlight-color:transparent;
}
#app > #shop-screen.rem-port, #app > #starlight-treasure-screen.rem-port,
#app > #starlight-inventory-screen.rem-port { --port-accent:#f3d197; --port-rgb:224,175,94; }
#app > #ship-training-screen.rem-port, #app > #hangar-screen.rem-port,
#app > #protocol-forge-screen.rem-port { --port-accent:#a3eed0; --port-rgb:117,222,184; }
#app > #record-screen.rem-port, #app > #events-screen.rem-port { --port-accent:#c3ccff; --port-rgb:160,178,246; }
#app > #stage-clear-screen.rem-port, #app > #login-bonus-screen.rem-port { --port-accent:#f8daa1; --port-rgb:242,202,124; }
#app > .rem-port > .panel-wrap {
  box-sizing:border-box; width:min(100%,560px) !important; max-width:560px !important;
  min-height:100%; height:auto !important; max-height:none !important;
  margin:0 auto !important; padding:calc(10px + env(safe-area-inset-top)) 18px calc(26px + env(safe-area-inset-bottom)) !important;
  overflow:visible !important; border:0 !important; background:transparent !important; box-shadow:none !important;
}
#app > #stage-select-screen.rem-port > .panel-wrap { width:min(100%,720px) !important; max-width:720px !important; }
#app > .rem-port :is(.facility-backdrop,.reward-backdrop,.integration-backdrop) { opacity:.22 !important; }
#app > .rem-port :is(.facility-backdrop,.reward-backdrop,.integration-backdrop)::after { animation:none !important; }
#app > .rem-port .panel-head {
  display:flex !important; flex-wrap:wrap; align-items:center; justify-content:space-between;
  min-height:0 !important; gap:18px !important; padding:22px 0 20px !important;
  margin:0 0 16px !important; border:0 !important; border-bottom:1px solid var(--port-line) !important;
  clip-path:none !important; background:transparent !important; box-shadow:none !important;
}
#app > .rem-port .panel-head::after { display:none !important; }
#app > .rem-port :is(.facility-head-copy,.reward-head-copy,.final-head-copy) { flex:1 1 220px; min-width:0; text-align:left; }
#app > .rem-port :is(.facility-kicker,.reward-kicker,.final-kicker) {
  display:block; margin:0 0 7px !important; color:var(--port-accent) !important;
  font:600 10px/1.5 "Bahnschrift",monospace !important; letter-spacing:.1em !important;
  overflow-wrap:anywhere; white-space:normal !important;
}
#app > .rem-port .panel-head h2, #app > .rem-port .panel-wrap > h2 {
  font:800 clamp(23px,6vw,30px)/1.35 var(--port-font) !important;
  letter-spacing:.025em !important; margin:0 !important; color:var(--port-text) !important;
  text-shadow:none !important; white-space:normal !important; overflow-wrap:anywhere;
}
#app > .rem-port .panel-head p {
  margin:8px 0 0 !important; font:400 12px/1.7 var(--port-font) !important; color:var(--port-muted) !important;
}
#app > .rem-port .rem-port-toolbar {
  position:relative; z-index:4; display:flex; align-items:center; justify-content:space-between;
  min-height:46px; margin:0 !important; padding:0; gap:12px;
}
#app > .rem-port .rem-port-back {
  display:flex; align-items:center; justify-content:flex-start; gap:10px;
  flex:0 0 auto; min-width:88px !important; min-height:44px !important; height:44px !important;
  padding:0 14px 0 8px !important; border:1px solid var(--port-line) !important; border-radius:4px !important;
  background:rgba(12,29,43,.7) !important; color:var(--port-text) !important;
  font:700 13px/1 var(--port-font) !important; box-shadow:none !important;
}
#app > .rem-port .rem-port-back > span:first-child { font:400 30px/1 sans-serif; color:var(--port-accent); }
#app > .rem-port .rem-port-mark { color:#7f9aaa; font:600 10px/1 monospace; letter-spacing:.18em; }
#app > .rem-port :is(.panel-note,.record-line,.stage-note,.stb-cost-note) {
  font:400 13px/1.8 var(--port-font) !important; color:var(--port-muted) !important;
  white-space:normal !important; overflow-wrap:anywhere;
}
#app > .rem-port :is(.facility-section-head,.reward-section-label) {
  padding:12px 0 !important; margin-top:14px; border:0 !important; background:transparent !important;
}
#app > .rem-port .facility-section-head h3 { font:800 16px/1.5 var(--port-font) !important; color:var(--port-text) !important; }
#app > .rem-port .facility-section-head > i { display:none !important; }
#app > .rem-port :is(.facility-resource-strip,.ship-training-resources) {
  flex:1 1 100%; display:grid !important; grid-template-columns:repeat(auto-fit,minmax(90px,1fr));
  gap:8px !important; width:100%; margin:0 !important;
}
#app > .rem-port .facility-resource-strip > div {
  padding:10px 12px !important; min-width:0; border:1px solid var(--port-line) !important;
  border-radius:4px; background:rgba(10,25,39,.8) !important;
}
#app > .rem-port .facility-resource-strip span { font:500 10px/1.5 var(--port-font) !important; color:#b5c4ce !important; overflow-wrap:anywhere; }
#app > .rem-port .facility-resource-strip strong { font:700 20px/1.5 "Bahnschrift",monospace !important; color:var(--port-accent) !important; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }

/* Only action controls; map nodes, skill-tree coordinates and thumbnails retain their sizes. */
#app > .rem-port :is(.primary-btn,.shop-btn,.ship-training-tab,.stb-ship-choice,.ship-gear-claim-btn) {
  min-height:48px !important; height:auto !important; max-height:none !important; padding:12px 16px !important;
  min-width:0 !important; border-radius:4px !important; clip-path:none !important;
  font:700 13px/1.5 var(--port-font) !important; white-space:normal !important; text-shadow:none !important;
  transition:background-color .16s,border-color .16s,transform .14s !important;
}
#app > .rem-port .primary-btn {
  border:1px solid rgba(var(--port-rgb),.7) !important;
  background:linear-gradient(105deg,rgba(var(--port-rgb),.2),rgba(var(--port-rgb),.08)) !important;
  box-shadow:inset 0 1px rgba(234,255,255,.05) !important; color:var(--port-accent) !important;
}
#app > .rem-port .primary-btn::before, #app > .rem-port .primary-btn::after { display:none !important; }
#app > .rem-port .shop-btn {
  border:1px solid rgba(var(--port-rgb),.5) !important;
  background:rgba(var(--port-rgb),.1) !important; color:var(--port-accent) !important;
}
#app > .rem-port :is(.primary-btn,.shop-btn):disabled {
  opacity:1 !important; color:#8da1af !important; background:#101b28 !important; border-color:#30404d !important;
  box-shadow:none !important; cursor:not-allowed;
}
#app > .rem-port .panel-back-btn {
  display:block !important; width:100% !important; margin:24px 0 0 !important;
  border-color:var(--port-line) !important; background:transparent !important;
  color:#c0d1da !important; box-shadow:none !important;
}
#app > .rem-port :is(button,input,select):focus-visible { outline:2px solid #e3fcff !important; outline-offset:3px !important; }
#app > .rem-port :is(.primary-btn,.shop-btn,.rem-port-back,.rem-port-filter,.ship-training-tab,.ship-training-card,.stb-ship-choice):active:not(:disabled) { transform:translateY(1px) scale(.985) !important; }
#app > .rem-port .ui-press-feedback { animation:none !important; }
#app > .rem-port.active.screen-entering > .panel-wrap { animation:rem-port-arrive .28s ease-out both !important; }
#app > .rem-port [hidden] { display:none !important; }

/* Shop: clear departments, spacious product copy, separate price/actions. */
#app > #shop-screen.rem-port .rem-port-shortcuts {
  display:flex; flex-wrap:wrap; gap:6px; padding:0 0 12px; margin:0;
}
#app > #shop-screen.rem-port .rem-port-shortcuts button,
#app > .rem-port .rem-port-filter {
  flex:1 1 auto; min-height:44px !important; padding:10px 12px;
  border:1px solid var(--port-line); border-radius:4px; color:var(--port-text);
  background:#102131; font:700 12px/1.5 var(--port-font);
}
#app > #shop-screen.rem-port .shop-grid { grid-template-columns:1fr !important; gap:12px !important; }
#app > #shop-screen.rem-port .shop-item {
  display:grid !important; gap:14px; padding:18px !important; border:1px solid var(--port-line) !important;
  border-radius:6px !important; background:linear-gradient(125deg,#142332,#0a1623) !important; box-shadow:none !important;
}
#app > #shop-screen.rem-port .shop-item-meta { min-width:0; font:400 12px/1.7 var(--port-font) !important; color:var(--port-muted) !important; }
#app > #shop-screen.rem-port .shop-item-meta strong { font:800 16px/1.5 var(--port-font) !important; color:var(--port-text) !important; white-space:normal !important; }
#app > #shop-screen.rem-port .shop-item-meta small { font-size:12px !important; line-height:1.8 !important; color:var(--port-muted) !important; }
#app > #shop-screen.rem-port .shop-item-meta em { display:inline-block; margin-top:6px; color:var(--port-accent); font:600 11px/1.5 var(--port-font) !important; }
#app > #shop-screen.rem-port .shop-buy-row { display:flex !important; align-items:center; flex-wrap:wrap; gap:8px; }
#app > #shop-screen.rem-port .shop-buy-row button { flex:1 1 100px; }
#app > #shop-screen.rem-port .protocol-copy-meter { flex:1 1 100%; font:700 14px/1.5 "Bahnschrift",var(--port-font) !important; color:var(--port-accent); }

/* Training: browse frames horizontally and keep the selected details close. */
#app > #ship-training-screen.rem-port .ship-training-list {
  display:grid !important; grid-auto-flow:column; grid-auto-columns:minmax(230px,76%);
  grid-template-columns:none !important; gap:10px !important; overflow-x:auto; overflow-y:hidden;
  padding:4px 2px 12px; scroll-snap-type:x proximity; scrollbar-width:thin;
}
#app > #ship-training-screen.rem-port .ship-training-card {
  scroll-snap-align:start; min-height:124px !important; padding:14px !important;
  grid-template-columns:62px minmax(0,1fr); border-radius:6px; background:#0e202e !important;
}
#app > #ship-training-screen.rem-port .ship-training-card.is-selected { border-color:var(--port-accent) !important; box-shadow:inset 0 -3px var(--port-accent) !important; }
#app > #ship-training-screen.rem-port .ship-training-card > strong { font:800 15px/1.5 var(--port-font) !important; white-space:normal !important; overflow-wrap:anywhere; }
#app > #ship-training-screen.rem-port .ship-training-card > small { font-size:12px !important; }
#app > #ship-training-screen.rem-port .ship-training-card__badge { font-size:10px !important; }
#app > #ship-training-screen.rem-port .ship-training-tabs { gap:6px; }
#app > #ship-training-screen.rem-port .ship-training-tab { padding:10px 6px !important; font-size:12px !important; background:#0c1927; }
#app > #ship-training-screen.rem-port .ship-training-tab.active { background:#15352f !important; border-color:var(--port-accent) !important; box-shadow:inset 0 -2px var(--port-accent) !important; color:#e5fff4 !important; }
#app > #ship-training-screen.rem-port .ship-training-detail {
  padding:20px 16px !important; gap:14px; border-radius:6px; background:linear-gradient(150deg,#102d33,#091522 65%) !important;
  border-color:rgba(var(--port-rgb),.4) !important; box-shadow:none !important;
}
#app > #ship-training-screen.rem-port .ship-training-detail::after { display:none !important; }
#app > #ship-training-screen.rem-port .ship-training-detail__head { max-width:100% !important; gap:8px; }
#app > #ship-training-screen.rem-port .ship-training-detail__head strong { font:800 25px/1.4 var(--port-font) !important; }
#app > #ship-training-screen.rem-port .ship-training-detail :is(small,p) { font:400 12px/1.8 var(--port-font) !important; color:#bfd3da !important; }
#app > #ship-training-screen.rem-port .ship-training-detail :is(h4,.ship-training-trait > strong) { font:800 15px/1.5 var(--port-font) !important; }
#app > #ship-training-screen.rem-port .ship-training-level strong { font:700 34px/1.4 "Bahnschrift",monospace !important; text-shadow:none !important; }
#app > #ship-training-screen.rem-port .ship-training-stat-grid > div { padding:12px !important; border:0; border-bottom:1px solid var(--port-line); }
#app > #ship-training-screen.rem-port .ship-training-stat-grid span { font-size:11px !important; line-height:1.5 !important; }
#app > #ship-training-screen.rem-port .ship-training-stat-grid strong { font-size:14px !important; line-height:1.5 !important; white-space:normal !important; }
#app > #ship-training-screen.rem-port .ship-break-node { opacity:1; grid-template-columns:64px minmax(0,1fr); padding:12px !important; }
#app > #ship-training-screen.rem-port .ship-break-node > span { font-size:11px !important; line-height:1.6 !important; }
#app > #ship-training-screen.rem-port .ship-training-guide__section { padding:14px 12px !important; }
#app > #ship-training-screen.rem-port #ship-training-upgrade-btn:not(:disabled),
#app > #stage-brief-screen.rem-port #stage-brief-start-btn:not(:disabled),
#app > #login-bonus-screen.rem-port #login-bonus-claim-btn {
  min-height:56px !important; font-size:15px !important; color:#062c2d !important;
  background:linear-gradient(105deg,var(--port-accent),#cdeee6) !important; border:0 !important;
}
#app > #ship-training-screen.rem-port.ship-training-levelup .ship-training-level { animation:rem-port-growth .65s ease-out; }

/* Armory and modification: separate illustrations from readable names. */
#app > .rem-port :is(.weapon-card,.profile-design-pack-btn) { padding:14px !important; height:auto !important; border-radius:5px !important; }
#app > .rem-port .weapon-card :is(strong,.weapon-name) { font:800 14px/1.6 var(--port-font) !important; white-space:normal !important; }
#app > .rem-port .weapon-card :is(small,p) { font-size:11px !important; line-height:1.6 !important; }
#app > .rem-port :is(.protocol-detail,.forge-panel,.record-card,.stb-inventory-target,.lobby-season) {
  border:1px solid var(--port-line) !important; border-radius:6px !important;
  padding:18px !important; background:linear-gradient(135deg,#102131,#091522) !important; box-shadow:none !important;
}
#app > .rem-port :is(.protocol-detail,.forge-panel,.record-card) h3 { font:800 17px/1.5 var(--port-font) !important; }
#app > #protocol-forge-screen.rem-port .shop-item-meta { font:400 13px/1.7 var(--port-font) !important; }
#app > #protocol-forge-screen.rem-port .shop-item-meta strong { font-size:14px !important; }
#app > #record-screen.rem-port .profile-design-pack-btn strong { font-size:12px !important; line-height:1.6 !important; }
#app > #record-screen.rem-port .profile-design-pack-btn small { font-size:11px !important; line-height:1.7 !important; }
#app > #record-screen.rem-port .pilot-id-status { display:none !important; }

/* Treasure room keeps the existing artwork and rarity/opening state machine. */
#app > #starlight-treasure-screen.rem-port .panel-head h2 { font-size:24px !important; }
#app > #starlight-treasure-screen.rem-port .stb-shell > .primary-btn { display:block; width:100% !important; margin-top:10px; }
#app > #starlight-treasure-screen.rem-port .stb-balance { padding:14px !important; border:1px solid var(--port-line); background:rgba(64,48,23,.22) !important; }
#app > #starlight-treasure-screen.rem-port .stb-balance strong { font:700 28px/1.2 "Bahnschrift",monospace !important; color:var(--port-accent); }
#app > #starlight-treasure-screen.rem-port .stb-balance :is(span,small) { font-size:12px !important; }
#app > #starlight-treasure-screen.rem-port .stb-chest-stage { height:240px !important; min-height:220px !important; }
#app > #starlight-treasure-screen.rem-port .stb-reward-result { min-height:64px; padding:16px; font:600 14px/1.8 var(--port-font) !important; }
#app > #starlight-treasure-screen.rem-port .stb-guarantee { padding:12px; }
#app > #starlight-treasure-screen.rem-port .stb-guarantee b { font-size:13px !important; }
#app > #starlight-treasure-screen.rem-port .stb-guarantee span { font-size:12px !important; line-height:1.6 !important; }
#app > #starlight-treasure-screen.rem-port #stb-claim-btn:not(:disabled) {
  background:linear-gradient(100deg,#e3b86b,#f5e0ab) !important; color:#352409 !important; font-size:15px !important; min-height:56px !important;
}
#app > #starlight-inventory-screen.rem-port .rem-inventory-tools {
  display:grid; grid-template-columns:1fr; gap:10px; padding:16px; margin:16px 0;
  background:#0c1a28; border:1px solid var(--port-line); border-radius:6px;
}
#app > #starlight-inventory-screen.rem-port .rem-inventory-tools label { display:grid; gap:8px; font-size:12px; color:var(--port-muted); }
#app > #starlight-inventory-screen.rem-port input[type="search"] {
  width:100%; min-height:48px; padding:10px 12px; border:1px solid #4c6472; border-radius:4px;
  background:#040e19; color:var(--port-text); font:400 16px/1.5 var(--port-font);
}
#app > #starlight-inventory-screen.rem-port .rem-port-filter[aria-pressed="true"] { border-color:var(--port-accent); color:var(--port-accent); background:#302a1d; }
#app > #starlight-inventory-screen.rem-port .rem-inventory-count { margin:0; font:400 12px/1.5 var(--port-font); color:var(--port-muted); }
#app > #starlight-inventory-screen.rem-port .rem-inventory-empty { padding:22px; color:var(--port-muted); font:400 14px/1.8 var(--port-font); }
#app > #starlight-inventory-screen.rem-port .stb-inventory-item {
  display:grid; grid-template-columns:38px minmax(0,1fr); gap:12px; padding:16px !important;
  margin-bottom:12px; border:1px solid var(--port-line); border-radius:6px; background:#0d1b28;
}
#app > #starlight-inventory-screen.rem-port .stb-inventory-item strong { font:800 15px/1.5 var(--port-font) !important; }
#app > #starlight-inventory-screen.rem-port .stb-inventory-item p { font:400 12px/1.8 var(--port-font) !important; color:var(--port-muted); }
#app > #starlight-inventory-screen.rem-port .stb-inventory-item small { font-size:11px !important; line-height:1.6 !important; }
#app > #starlight-inventory-screen.rem-port .stb-item-use { grid-column:2; display:flex; gap:16px; align-items:center; justify-content:space-between; }
#app > #starlight-inventory-screen.rem-port .stb-item-use button { min-width:90px !important; }

/* Settings read as a device control panel, with full-sized native inputs. */
#app > #options-screen.rem-port .integration-status-strip { padding:12px !important; display:block !important; background:#0c202a; }
#app > #options-screen.rem-port .integration-status-strip > span,
#app > #options-screen.rem-port .integration-status-strip > strong { display:none !important; }
#app > #options-screen.rem-port .integration-status-strip > small { font:400 12px/1.6 var(--port-font) !important; color:#b7d9ce; }
#app > #options-screen.rem-port .option-row {
  display:grid !important; grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important; align-items:center; padding:18px 0 !important; margin:0 !important;
  border:0 !important; border-bottom:1px solid var(--port-line) !important; background:transparent !important; box-shadow:none !important;
}
#app > #options-screen.rem-port .option-row label { font:700 14px/1.7 var(--port-font) !important; color:var(--port-text) !important; white-space:normal; }
#app > #options-screen.rem-port .option-row:has(input[type="range"]) { grid-template-columns:minmax(0,1fr) 52px !important; }
#app > #options-screen.rem-port .option-row input[type="range"] { grid-row:2; grid-column:1 / -1; width:100% !important; min-height:44px !important; accent-color:var(--port-accent); cursor:pointer; }
#app > #options-screen.rem-port .option-row > span { grid-column:2; grid-row:1; font:700 16px/1.4 "Bahnschrift",monospace !important; color:var(--port-accent) !important; }
#app > #options-screen.rem-port input[type="checkbox"] { width:44px !important; height:44px !important; margin:0 !important; accent-color:#8bddd7; }
#app > #options-screen.rem-port select { min-width:110px; min-height:48px !important; max-width:170px; padding:8px 10px !important; color:var(--port-text); background:#132737; border:1px solid #4e6779; font:400 14px/1.5 var(--port-font) !important; }
#app > #options-screen.rem-port #opt-reset-btn { margin-top:28px !important; border-color:#8a5059 !important; color:#f2b7bc !important; background:#241822 !important; }

/* Rewards arrive once; no perpetual flashing on full-screen pages. */
#app > #stage-brief-screen.rem-port .stage-brief-sector { padding:16px !important; }
#app > #stage-brief-screen.rem-port .stage-brief-sector :is(small,p) { font:400 12px/1.8 var(--port-font) !important; color:var(--port-muted) !important; }
#app > #stage-brief-screen.rem-port .stage-brief-threat-card { padding:16px !important; }
#app > #stage-brief-screen.rem-port .stage-brief-threat-card::after { display:none !important; }
#app > #stage-brief-screen.rem-port .stage-brief-threat-card > span { font:600 10px/1.5 monospace !important; }
#app > #stage-brief-screen.rem-port #stage-brief-boss-attack { display:block; margin:8px 0; font:800 16px/1.6 var(--port-font) !important; }
#app > #stage-brief-screen.rem-port #stage-brief-boss-threat { font:400 13px/1.8 var(--port-font) !important; color:var(--port-muted) !important; }
#app > #stage-brief-screen.rem-port .stage-brief-reward-card { padding:18px !important; }
#app > #stage-brief-screen.rem-port .stage-brief-label { font:600 12px/1.7 var(--port-font) !important; }
#app > #stage-brief-screen.rem-port #stage-brief-reward { font:400 13px/1.9 var(--port-font) !important; color:#d7e3e9 !important; }
#app > #stage-brief-screen.rem-port #stage-brief-start-btn { display:block; width:100% !important; margin-top:18px !important; }
#app > #stage-clear-screen.rem-port .panel-head h2 { color:var(--port-accent) !important; letter-spacing:.06em !important; }
#app > #stage-clear-screen.rem-port.active .panel-head,
#app > #login-bonus-screen.rem-port.active .login-supply-crate { animation:rem-port-reward .6s ease-out both; }
#app > #login-bonus-screen.rem-port #login-bonus-day { text-align:center; font-size:22px !important; color:var(--port-accent) !important; }
#app > #login-bonus-screen.rem-port #login-bonus-reward { text-align:center; font-size:16px !important; padding:20px 12px; background:rgba(var(--port-rgb),.07); border-block:1px solid var(--port-line); }
#app > .rem-port .profile-design-pack-head { font-size:12px !important; }
#app > .rem-port .profile-design-pack-head small { font-size:11px !important; }
#app > #stage-select-screen.rem-port .panel-back-btn { display:none !important; }

@keyframes rem-port-arrive { from{opacity:.5;transform:translateY(6px)} to{opacity:1;transform:none} }
@keyframes rem-port-reward { from{opacity:.4;transform:translateY(10px) scale(.97)} to{opacity:1;transform:none} }
@keyframes rem-port-growth { 0%{background-color:rgba(136,240,196,.3)} 100%{background-color:rgba(2,11,19,.58)} }
@media(min-width:640px) {
  #app > #shop-screen.rem-port .shop-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #app > #shop-screen.rem-port .shop-item { padding:14px !important; }
}
@media(max-width:380px) {
  #app > .rem-port > .panel-wrap { padding-inline:14px !important; }
  #app > .rem-port .panel-head h2 { font-size:23px !important; }
  #app > #starlight-treasure-screen.rem-port .panel-head h2 { font-size:21px !important; }
  #app > #options-screen.rem-port select { max-width:140px; min-width:100px; }
}
@media(prefers-reduced-motion:reduce) {
  #app > .rem-port.active > .panel-wrap, #app > .rem-port .panel-head,
  #app > .rem-port .login-supply-crate, #app > .rem-port .ship-training-level { animation:none !important; }
  #app > .rem-port button { transition:none !important; }
}