:root{
  color-scheme:light;
  --bg:#e8edf5;
  --shell:#f5f8fc;
  --panel:#fff;
  --panel2:#eef3f9;
  --panel3:#dfe7f1;
  --text:#111722;
  --muted:#667184;
  --line:#cdd6e4;
  --blue:#2f66c8;
  --green:#4f8a36;
  --red:#b94756;
  --gold:#b68a34;
  --shadow:0 16px 36px rgba(25,40,65,.10);
  --item-bg-top:#f8fafc;
  --item-bg-bottom:#e7edf5;
  --ui-control-height:36px;
  --ui-control-radius:5px;
  --ui-control-bg:var(--panel);
  --ui-control-border:var(--line);
  --ui-control-text:var(--text);
  --ui-control-font-size:14px;
  --ui-control-line-height:20px;
  --ui-control-padding-x:10px;
  --ui-control-select-padding-right:30px;
  --ui-control-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23667184' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ui-control-arrow-position:right 9px center;
  --ui-control-arrow-size:12px 12px;
  --ui-label-font-size:13px;
  --ui-label-color:var(--muted);
  --ui-panel-bg:var(--panel);
  --ui-panel-border:1px solid var(--line);
  --ui-panel-radius:8px;
  --ui-panel-padding:14px;
  --ui-panel-gap:12px;
  --m1-storage-control-height:var(--ui-control-height);
  --m1-storage-control-radius:var(--ui-control-radius);
  --m1-translucent-surface:rgba(255,255,255,.42);
  --m1-translucent-border:rgba(205,214,228,.42);
  --m1-translucent-shadow:0 18px 44px rgba(22,34,52,.14);
  --m1-translucent-blur:16px;
}
html[data-theme=dark]{
  color-scheme:dark;
  --bg:#171a20;
  --shell:#20232b;
  --panel:#24272f;
  --panel2:#30333d;
  --panel3:#3a3f4a;
  --text:#e7edf8;
  --muted:#9da7b8;
  --line:#363b46;
  --blue:#7fa7ff;
  --green:#3f6f2f;
  --red:#b84050;
  --gold:#bd913b;
  --shadow:none;
  --item-bg-top:#3b3e47;
  --item-bg-bottom:#333740;
  --ui-control-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23d7dfef' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --m1-translucent-surface:rgba(36,39,47,.52);
  --m1-translucent-border:rgba(54,59,70,.52);
  --m1-translucent-shadow:0 18px 44px rgba(0,0,0,.28);
}
*{
  box-sizing:border-box;
}
html,
body{
  min-height:100%;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-synthesis-weight:none;
}
body{
  margin:0;
  background:radial-gradient(circle at 26% -18%,color-mix(in srgb,var(--blue) 15%,transparent),transparent 34%),linear-gradient(180deg,var(--shell),var(--bg));
  color:var(--text);
  font-family:Inter,Arial,sans-serif;
  padding-bottom:72px;
}
button,
input,
select{
  font:inherit;
  border:1px solid var(--line);
  background:var(--panel2);
  color:var(--text);
  border-radius:9px;
  padding:10px 12px;
  min-height:40px;
}
button{
  cursor:pointer;
  box-shadow:none;
  text-shadow:none;
  transition:border-color .14s,background-color .14s,color .14s;
}
.game-topbar .balance-pill,
.sort-dir,
body[data-page="storage"] #storageDirBtn.storage-dir-btn,
body[data-page="market"] #marketDirBtn,
body[data-page="market"] .market-class-trigger,
body[data-page="home"] .home-view button{
  transition:none!important;
}
button:hover{
  filter:none;
  border-color:color-mix(in srgb,var(--blue) 34%,var(--line));
}
@media(hover:none),(pointer:coarse){
  a,
  button,
  input,
  select,
  label,
  .item-card,
  .ui-control,
  .ui-input,
  .ui-select{
    -webkit-tap-highlight-color:transparent;
  }
}
input,
select{
  width:100%;
}
input::placeholder{
  color:color-mix(in srgb,var(--muted) 76%,transparent);
}
input:focus,
select:focus,
button:focus-visible{
  outline:2px solid color-mix(in srgb,var(--blue) 38%,transparent);
  outline-offset:1px;
}
.panel,
.hero-card,
.side-card,
.table-card,
.detail-shell{
  background:color-mix(in srgb,var(--panel) 96%,transparent);
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow);
}
.primary{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
  font-weight:900;
  box-shadow:none;
  text-shadow:none;
}
.m1-action-btn{
  height:30px;
  min-height:30px;
  padding:0 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  color:#fff;
  box-shadow:none;
  text-shadow:none;
}
.m1-action-btn--green{
  background:#8bc34a;
  border-color:#8bc34a;
}
.m1-action-btn--blue{
  background:#6f91b3;
  border-color:#6f91b3;
}
.m1-action-btn:hover{
  filter:brightness(1.06);
}
.ghost{
  background:transparent;
  box-shadow:none;
  text-shadow:none;
}
.ui-control,
.ui-input,
.ui-select{
  height:var(--ui-control-height);
  min-height:var(--ui-control-height);
  min-width:0;
  border:1px solid var(--ui-control-border);
  border-radius:var(--ui-control-radius);
  background-color:var(--ui-control-bg);
  color:var(--ui-control-text);
  font-size:var(--ui-control-font-size);
  line-height:var(--ui-control-line-height);
  box-shadow:none;
}
.ui-input,
.ui-select{
  width:100%;
  padding-top:0;
  padding-bottom:0;
}
.ui-input{
  padding-left:var(--ui-control-padding-x);
  padding-right:var(--ui-control-padding-x);
}
.ui-select{
  appearance:none;
  -webkit-appearance:none;
  padding-left:var(--ui-control-padding-x);
  padding-right:var(--ui-control-select-padding-right);
  background-image:var(--ui-control-arrow);
  background-repeat:no-repeat;
  background-position:var(--ui-control-arrow-position);
  background-size:var(--ui-control-arrow-size);
}
.ui-label{
  font-size:var(--ui-label-font-size);
  color:var(--ui-label-color);
}
.ui-panel{
  border:var(--ui-panel-border);
  border-radius:var(--ui-panel-radius);
  background:var(--ui-panel-bg);
}
.market-tools .search-wrap,.storage-tools .search-wrap{position:relative;display:block;min-width:0;width:100%}.market-tools .search-wrap input,.storage-tools .search-wrap input{width:100%}.market-tools .search-clear,.storage-tools .search-clear{position:absolute;top:50%;right:6px;transform:translateY(-50%);z-index:3;display:none;place-items:center;width:30px;height:30px;min-height:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}body[data-page="market"] .market-tools .search-clear,body[data-page="storage"] .storage-tools .search-clear{width:30px!important;height:30px!important;min-height:0!important;padding:0!important;border-radius:999px!important}.market-tools .search-clear.show,.storage-tools .search-clear.show{display:grid}.market-tools .search-clear:hover,.storage-tools .search-clear:hover{background:color-mix(in srgb,var(--panel2) 80%,transparent);color:var(--text)}#marketSearch,#storageSearch{padding-right:38px!important}@media(max-width:760px){body[data-page="market"] .market-tools .search-wrap,body[data-page="storage"] .storage-tools .search-wrap{grid-column:1/-1}}