:root{
  --bg:#070b13; --panel:#101827; --panel2:#0d1422; --line:rgba(255,255,255,.10);
  --text:#eef5ff; --muted:#91a1b8; --accent:#79f2c0; --accent2:#7aa7ff;
  --red:#ff5c7a; --blue:#5ca8ff; --yellow:#ffd166; --green:#53e3a6;
  --shadow:0 20px 70px rgba(0,0,0,.35); --radius:22px;
}
*{box-sizing:border-box} body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;background:radial-gradient(circle at 20% 0%,#14253d 0,#070b13 36%,#05070d 100%);color:var(--text);min-height:100vh} a{color:inherit;text-decoration:none} input,select,button{font:inherit} small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.app-body{overflow-x:hidden}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;padding:22px;background:rgba(8,13,23,.72);backdrop-filter:blur(22px);border-right:1px solid var(--line);z-index:10}.brand-mini{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand-mark,.logo-big{display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#06111b;font-weight:900}.brand-mark{width:44px;height:44px}.logo-big{width:82px;height:82px;font-size:44px;box-shadow:0 20px 70px rgba(121,242,192,.25)}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:14px;color:#c8d6ea}.sidebar nav a:hover{background:rgba(255,255,255,.08);color:white}.side-user{position:absolute;left:22px;right:22px;bottom:22px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04)}.side-user span{display:block;color:var(--muted);font-size:12px}.side-user a{display:inline-block;margin-top:10px;color:var(--accent)}.main{width:100%;margin-left:250px;padding:28px 30px 90px}.main-full{margin-left:0;padding:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.topbar h1{margin:4px 0 0;font-size:30px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;margin:0 0 8px}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:#c7d4e8;background:rgba(255,255,255,.05);font-size:12px}.pill.live{background:rgba(83,227,166,.14);border-color:rgba(83,227,166,.32);color:var(--accent)}.top-actions{display:flex;gap:8px}.card,.glass{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:22px;margin-bottom:18px}.hero-card{position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;right:-60px;top:-60px;width:190px;height:190px;background:radial-gradient(circle,rgba(121,242,192,.22),transparent 65%)}.grid{display:grid;gap:18px}.dashboard-grid{grid-template-columns:2fr 1fr 1fr}.two{grid-template-columns:1fr 1fr}.order-grid{grid-template-columns:1.1fr .9fr .7fr}.stat-row,.split2,.stat-list{display:flex;gap:12px;flex-wrap:wrap}.stat-row span,.split2 span,.stat-list span{padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.04)}.hero-card h2{font-size:34px;margin:0 0 6px}.big{font-size:28px;font-weight:800}.gain{font-size:24px;font-weight:900}.up{color:var(--red)}.down{color:var(--blue)}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:14px;padding:12px 16px;background:rgba(255,255,255,.09);color:white;cursor:pointer;border:1px solid var(--line)}.btn:hover{filter:brightness(1.13)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06111b;border:none;font-weight:900}.btn.full{width:100%}.btn.small{padding:7px 10px;border-radius:10px;font-size:12px}.btn.danger{background:rgba(255,92,122,.14);border-color:rgba(255,92,122,.35)}.chip{display:inline-flex;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid var(--line);margin:4px}.quick-links{display:flex;flex-wrap:wrap}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head h3{margin:0}.card-head a{color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.075);text-align:left}th{color:var(--muted);font-weight:600;font-size:13px}.right{text-align:right}.rank{font-weight:900;color:var(--accent);font-size:20px}.list{display:flex;flex-direction:column;gap:12px}.list-item{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04)}.list-item span{display:block;color:#d6e1f2;margin-top:4px}.search{display:flex;gap:10px}.search input,.form input,.form-grid input,.form select,.form-grid select,.order-card input,.order-card select,.login-card input,.inline input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(2,7,15,.55);color:white;outline:none}.form{display:grid;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.check{display:flex;gap:8px;align-items:center;color:var(--muted)}.inline{display:inline-flex;gap:6px;align-items:center;margin:2px}.inline input{width:110px;padding:7px 9px;border-radius:10px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap}.admin-nav a{padding:10px 13px;border-radius:12px;background:rgba(255,255,255,.06)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.segmented input{display:none}.segmented span{display:block;text-align:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);cursor:pointer}.segmented input:checked+span{background:linear-gradient(135deg,rgba(121,242,192,.95),rgba(122,167,255,.95));color:#06111b;font-weight:900}.order-card label{display:block;color:var(--muted);font-size:13px;margin:12px 0 6px}.form-hint,.notice-small{font-size:12px;color:var(--muted);margin:10px 0}.price-line{font-size:44px;font-weight:900}.orderbook pre{white-space:pre-wrap;background:rgba(0,0,0,.22);border-radius:14px;padding:12px;max-height:260px;overflow:auto;color:#bdd0eb}.empty-card{padding:40px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.flash-stack{position:fixed;right:22px;top:22px;z-index:99;display:flex;flex-direction:column;gap:10px}.toast{min-width:260px;max-width:520px;padding:14px 16px;border-radius:16px;background:rgba(16,24,39,.96);border:1px solid var(--line);box-shadow:var(--shadow);animation:toastIn .25s ease}.toast.success{border-color:rgba(83,227,166,.4)}.toast.error{border-color:rgba(255,92,122,.5)}.toast.trade{background:linear-gradient(135deg,rgba(83,227,166,.92),rgba(122,167,255,.92));color:#06111b;font-weight:900}@keyframes toastIn{from{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;padding:50px;position:relative;overflow:hidden}.market-bg{position:absolute;inset:0;opacity:.14;pointer-events:none}.market-bg span{position:absolute;color:#fff;border:1px solid rgba(255,255,255,.22);padding:8px 14px;border-radius:999px}.market-bg span:nth-child(1){left:8%;top:12%}.market-bg span:nth-child(2){right:20%;top:18%}.market-bg span:nth-child(3){left:25%;bottom:16%}.market-bg span:nth-child(4){right:8%;bottom:26%}.market-bg span:nth-child(5){left:55%;top:58%}.hero-copy{position:relative;z-index:2;max-width:680px}.hero-copy h1{font-size:76px;line-height:.9;margin:20px 0;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;color:transparent}.hero-desc{font-size:20px;color:#c4d2e5}.battle-strip{margin-top:26px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05)}.battle-strip span,.battle-strip small{display:block;color:var(--muted)}.battle-strip b{display:block;font-size:20px;margin:6px 0}.login-card{position:relative;z-index:2;padding:30px;max-width:430px;width:100%;justify-self:center}.login-card h2{font-size:32px;margin:0 0 8px}.login-card p{color:var(--muted)}.login-card label{display:block;margin:14px 0 7px;color:#cad7ea}.demo-box{margin-top:16px;padding:13px;border-radius:14px;background:rgba(255,255,255,.06);color:#d6e1f2;font-size:13px}.bottom-nav{display:none}
@media(max-width:960px){.sidebar{display:none}.main{margin-left:0;padding:18px 16px 82px}.dashboard-grid,.two,.order-grid,.login-page{grid-template-columns:1fr}.login-page{padding:28px 18px}.hero-copy h1{font-size:48px}.login-card{max-width:none}.topbar h1{font-size:23px}.price-line{font-size:34px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);gap:3px;left:10px;right:10px;bottom:10px;z-index:50;padding:8px;border-radius:20px;background:rgba(8,13,23,.86);backdrop-filter:blur(18px);border:1px solid var(--line)}.bottom-nav a{text-align:center;font-size:12px;padding:9px 0;color:#c9d6e8}.flash-stack{left:12px;right:12px;top:12px}.toast{min-width:0;max-width:none}.search{flex-direction:column}th:nth-child(4),td:nth-child(4){display:none}}



/* === MTS ORDERBOOK PATCH START === */
.order-page{display:block}
.order-quote-card{margin-bottom:16px}
.order-mts-grid{
  display:grid;
  grid-template-columns:minmax(190px,.78fr) minmax(260px,1.22fr);
  gap:14px;
  align-items:start;
}
.card-head.compact{margin-bottom:12px}
.orderbook-card{padding:18px}
.mts-orderbook{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(2,7,15,.42);
}
.ob-head,.ob-row,.ob-mid{
  display:grid;
  grid-template-columns:1fr .92fr;
  align-items:center;
  min-height:34px;
}
.ob-head{
  padding:8px 12px;
  color:var(--muted);
  font-size:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.ob-row{
  width:100%;
  border:0;
  color:var(--text);
  font:inherit;
  cursor:pointer;
  padding:7px 12px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.035);
  background:transparent;
}
a.ob-row{text-decoration:none}
.ob-row:hover,.ob-mid:hover{
  filter:brightness(1.18);
  transform:translateX(1px);
}
.ob-row.ask{
  background:linear-gradient(90deg,rgba(92,168,255,.18),rgba(92,168,255,.05));
}
.ob-row.bid{
  background:linear-gradient(90deg,rgba(255,92,122,.18),rgba(255,92,122,.05));
}
.ob-row.ask .ob-price{color:#78b7ff}
.ob-row.bid .ob-price{color:#ff6d87}
.ob-price{font-weight:900;font-variant-numeric:tabular-nums}
.ob-qty{
  text-align:right;
  color:#d8e3f6;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.ob-mid{
  width:100%;
  border:1px solid rgba(121,242,192,.45);
  background:linear-gradient(135deg,rgba(121,242,192,.20),rgba(122,167,255,.12));
  color:white;
  padding:10px 12px;
  cursor:pointer;
}
.ob-mid span{color:var(--accent);font-size:12px;font-weight:800}
.ob-mid b{text-align:right;font-size:18px;font-variant-numeric:tabular-nums}
.mts-form-card{min-height:100%}
.trade-side label:first-child input:checked+span{
  background:linear-gradient(135deg,#66f0c1,#77a7ff);
  color:#06111b;
}
.trade-side label:nth-child(2) input:checked+span{
  background:linear-gradient(135deg,#ff6d87,#ffb36d);
  color:#18070b;
}
.order-mini-balance{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:14px 0 4px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.045);
}
.order-mini-balance span{color:var(--muted)}
.balance-card{margin-top:16px}
@media(max-width:960px){
  .order-mts-grid{
    grid-template-columns:43% 57%;
    gap:10px;
  }
  .orderbook-card,.mts-form-card{padding:14px}
  .ob-head,.ob-row,.ob-mid{
    grid-template-columns:1fr .72fr;
    min-height:30px;
  }
  .ob-row{padding:6px 8px}
  .ob-head{padding:7px 8px}
  .ob-price{font-size:13px}
  .ob-qty{font-size:11px}
  .ob-mid{padding:8px}
  .ob-mid b{font-size:15px}
  .mts-form-card label{font-size:12px;margin:9px 0 5px}
  .mts-form-card input,.mts-form-card select{padding:11px 10px}
  .segmented span{padding:11px 8px}
}
@media(max-width:430px){
  .order-mts-grid{
    grid-template-columns:44% 56%;
    gap:8px;
  }
  .orderbook-card,.mts-form-card{padding:12px}
  .ob-price{font-size:12px}
  .ob-qty{font-size:10px}
}
/* === MTS ORDERBOOK PATCH END === */


/* === LOGOUT BUTTON PATCH START === */
.logout-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  padding:9px 12px;
  border-radius:12px;
  background:rgba(255,92,122,.12);
  border:1px solid rgba(255,92,122,.32);
  color:#ff9aaa!important;
  font-weight:800;
}
.top-logout-btn{
  background:rgba(255,92,122,.12)!important;
  border-color:rgba(255,92,122,.32)!important;
  color:#ffb3c0!important;
}
@media(max-width:960px){
  .bottom-nav{
    grid-template-columns:repeat(6,1fr)!important;
  }
  .bottom-nav a{
    font-size:11px!important;
  }
}
/* === LOGOUT BUTTON PATCH END === */

/* === ADMIN BATTLE MANAGEMENT PATCH START === */
.admin-form input,
.admin-form select {
  width:100%;
  margin-bottom:12px;
}
.check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:14px 0 18px;
}
.check-grid label{
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.045);
  color:var(--muted);
}
.check-grid input{
  width:auto;
  margin-right:8px;
}
.actions-cell{
  white-space:nowrap;
}
.btn.danger{
  background:rgba(255,92,122,.14)!important;
  border-color:rgba(255,92,122,.32)!important;
  color:#ff9aaa!important;
}
.pill.live{
  background:rgba(121,242,192,.14);
  border-color:rgba(121,242,192,.35);
  color:#79f2c0;
}
@media(max-width:720px){
  .check-grid{grid-template-columns:1fr;}
}
/* === ADMIN BATTLE MANAGEMENT PATCH END === */









/* === RESTORED TOP ADMIN HOME BUTTON START === */
.top-admin-home-btn{
  background:linear-gradient(135deg,var(--accent),var(--accent2))!important;
  color:#06111b!important;
  border:none!important;
  font-weight:900!important;
}
.top-admin-home-btn:hover{
  filter:brightness(1.1);
}
/* === RESTORED TOP ADMIN HOME BUTTON END === */


/* === ADMIN MEMBERS EDIT DELETE UI START === */
.members-table-wrap{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
}

.admin-members-table{
  min-width:980px;
  width:100%;
  table-layout:auto;
}

.admin-members-table th,
.admin-members-table td{
  white-space:nowrap;
  vertical-align:middle;
}

.admin-members-table input[type="text"],
.admin-members-table input:not([type]){
  min-width:130px;
}

.admin-members-table input{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(2,7,15,.58);
  color:#fff;
  outline:none;
}

.admin-members-table td:nth-child(2) input{
  min-width:130px;
  font-weight:800;
}

.admin-members-table td:nth-child(3) input{
  min-width:120px;
}

.admin-members-table td:nth-child(4) input{
  min-width:150px;
}

.member-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.inline-action-form{
  display:inline-flex;
  margin:0;
}

.mini-check{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#dce8ff;
  font-weight:800;
}

.mini-check input{
  width:auto!important;
  min-width:0!important;
}

.danger-pill{
  border-color:rgba(255,92,122,.35)!important;
  color:#ff9aaa!important;
  background:rgba(255,92,122,.12)!important;
}

.deleted-row{
  opacity:.58;
}

.member-view-links{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}

.mobile-scroll-hint{
  margin-top:10px;
  margin-bottom:12px;
}

@media(max-width:960px){
  .admin-members-table th,
  .admin-members-table td{
    display:table-cell!important;
  }

  .members-table-wrap{
    margin-left:-6px;
    margin-right:-6px;
    width:calc(100% + 12px);
  }

  .admin-members-table{
    min-width:1020px;
  }

  .member-actions .btn{
    min-width:62px;
  }
}
/* === ADMIN MEMBERS EDIT DELETE UI END === */


/* === ADMIN BATTLE PAGE CLEANUP START === */
.admin-battle-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}

.admin-battle-nav a{
  white-space:nowrap;
}

.admin-battle-create-card{
  padding:22px;
}

.admin-battle-create-card h3,
.admin-battle-list-card h3{
  margin:0;
}

.admin-battle-create-form{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.battle-form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.battle-form-row.title-row{
  grid-template-columns:1fr;
}

.battle-form-row label{
  display:grid;
  gap:7px;
}

.battle-form-row label span{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.battle-form-row input{
  width:100%;
  min-height:52px;
  padding:13px 16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(2,7,15,.62);
  color:#fff;
  outline:none;
  font-weight:800;
}

.battle-create-submit{
  min-height:54px;
  border-radius:18px;
  font-size:16px;
}

.admin-battle-list-card{
  padding:22px;
}

.admin-battle-table-wrap{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  margin-top:12px;
}

.admin-battle-table{
  min-width:1040px;
  width:100%;
  table-layout:auto;
}

.admin-battle-table th,
.admin-battle-table td{
  display:table-cell!important;
  white-space:nowrap;
  vertical-align:middle;
}

.admin-battle-table th{
  position:sticky;
  top:0;
  background:rgba(10,16,28,.96);
  z-index:1;
}

.battle-id-cell{
  font-weight:900;
  color:#dce8ff;
}

.battle-title-cell b{
  display:block;
  max-width:180px;
  white-space:normal;
  line-height:1.25;
}

.battle-title-cell small,
.battle-period-cell small{
  display:block;
  margin-top:5px;
  color:var(--muted);
}

.battle-period-cell span{
  display:block;
  font-weight:800;
}

.battle-member-cell{
  min-width:260px;
}

.battle-add-member-form{
  display:flex;
  gap:8px;
  align-items:center;
}

.battle-add-member-form select{
  min-width:190px;
  height:42px;
  padding:0 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(2,7,15,.62);
  color:#fff;
  font-weight:800;
}

.battle-actions-cell{
  display:flex!important;
  gap:8px;
  align-items:center;
  min-width:230px;
}

.battle-actions-cell form{
  margin:0;
  display:inline-flex;
}

.mobile-scroll-hint{
  margin:10px 0 8px;
}

@media(max-width:960px){
  .admin-battle-create-card,
  .admin-battle-list-card{
    padding:18px;
    border-radius:24px;
  }

  .battle-form-row{
    grid-template-columns:1fr;
  }

  .battle-form-row input{
    min-height:48px;
    font-size:15px;
  }

  .admin-battle-table-wrap{
    margin-left:-6px;
    margin-right:-6px;
    width:calc(100% + 12px);
  }

  .admin-battle-table{
    min-width:1020px;
  }

  .battle-actions-cell .btn{
    min-width:68px;
  }
}

@media(max-width:430px){
  .admin-battle-nav{
    gap:8px;
  }

  .admin-battle-nav a{
    padding:9px 11px;
    font-size:12px;
  }

  .admin-battle-create-card{
    margin-top:8px;
  }
}
/* === ADMIN BATTLE PAGE CLEANUP END === */


/* === PAST BATTLES PAGE START === */
.past-hero h2{
  margin:0 0 8px;
}

.past-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}

.past-summary-grid div{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.past-summary-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:8px;
}

.past-summary-grid b{
  font-size:20px;
}

.past-battle-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:14px;
}

.past-battle-item{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  text-decoration:none!important;
}

.past-battle-item.active{
  border-color:rgba(121,242,192,.42);
  background:rgba(121,242,192,.08);
}

.past-battle-item b{
  display:block;
  font-size:17px;
}

.past-battle-item small{
  margin-top:6px;
}

.past-battle-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
}

.past-battle-meta span{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#cdd8ea;
  font-size:12px;
  white-space:nowrap;
}

.past-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  margin-top:12px;
}

.past-ranking-table{
  min-width:860px;
}

.past-ranking-table th,
.past-ranking-table td{
  display:table-cell!important;
  white-space:nowrap;
  vertical-align:middle;
}

.past-ranking-table th{
  background:rgba(10,16,28,.96);
}

.mobile-scroll-hint{
  margin:10px 0 8px;
}

@media(max-width:960px){
  .bottom-nav{
    grid-template-columns:repeat(6,1fr)!important;
  }

  .bottom-nav a{
    font-size:11px;
  }

  .past-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .past-battle-item{
    flex-direction:column;
  }

  .past-battle-meta{
    justify-content:flex-start;
  }

  .past-table-wrap{
    margin-left:-6px;
    margin-right:-6px;
    width:calc(100% + 12px);
  }
}

@media(max-width:430px){
  .past-summary-grid{
    grid-template-columns:1fr;
  }
}
/* === PAST BATTLES PAGE END === */


/* === ASSET SEARCH MOBILE TABLE FIX START === */
.asset-table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  border-radius:18px;
}

.asset-table-scroll table{
  width:100%;
  min-width:620px;
  table-layout:auto;
}

.asset-table-scroll th,
.asset-table-scroll td{
  white-space:nowrap;
  vertical-align:middle;
}

/* 이름 칸은 너무 길면 줄바꿈 허용 */
.asset-table-scroll th:nth-child(3),
.asset-table-scroll td:nth-child(3){
  white-space:normal;
  min-width:190px;
  max-width:280px;
  overflow-wrap:anywhere;
}

/* 마지막 보기 버튼 열은 오른쪽 안쪽에 붙여서 카드 밖으로 안 나가게 */
.asset-table-scroll th:last-child,
.asset-table-scroll td:last-child{
  position:sticky;
  right:0;
  z-index:2;
  min-width:72px;
  text-align:center;
  background:rgba(22,31,48,.96);
  box-shadow:-14px 0 24px rgba(0,0,0,.28);
}

.asset-table-scroll th:last-child{
  z-index:3;
}

.asset-table-scroll td:last-child a,
.asset-table-scroll td:last-child button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:54px;
  max-width:64px;
  padding:8px 10px;
  border-radius:12px;
  white-space:nowrap;
  word-break:keep-all;
  writing-mode:horizontal-tb;
}

@media(max-width:720px){
  .asset-table-scroll{
    margin:0 -4px;
    padding-bottom:6px;
  }

  .asset-table-scroll table{
    min-width:560px;
  }

  .asset-table-scroll th,
  .asset-table-scroll td{
    padding:11px 8px;
  }

  .asset-table-scroll th:nth-child(3),
  .asset-table-scroll td:nth-child(3){
    min-width:170px;
    max-width:220px;
  }

  .asset-table-scroll th:last-child,
  .asset-table-scroll td:last-child{
    min-width:64px;
  }
}
/* === ASSET SEARCH MOBILE TABLE FIX END === */


/* === LOGIN MEMBER LIST CLEAN START === */
.login-member-list{
  margin-top:16px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.09);
}

.login-member-title{
  font-size:13px;
  font-weight:900;
  color:var(--accent);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}

.login-member-sub{
  font-size:12px;
  color:var(--muted);
  margin-bottom:10px;
}

.login-member-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 11px;
  border-radius:13px;
  background:rgba(2,7,15,.38);
  border:1px solid rgba(255,255,255,.06);
  margin-top:8px;
}

.login-member-id{
  font-weight:900;
  color:#eef5ff;
  word-break:break-all;
}

.login-member-name{
  color:#aebbd0;
  font-weight:700;
  white-space:nowrap;
}

.login-member-empty{
  color:var(--muted);
  font-size:13px;
  padding:10px 0;
}

@media(max-width:720px){
  .login-member-row{
    padding:10px;
  }
  .login-member-name{
    font-size:13px;
  }
}
/* === LOGIN MEMBER LIST CLEAN END === */


/* === BATTLE MEMBER MANAGE UI START === */
.battle-create-card label,
.battle-mini-form label{
  display:block;
  margin:12px 0 7px;
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.battle-create-form input,
.battle-member-actions select{
  width:100%;
  min-width:0;
}

.battle-list-card{
  overflow:hidden;
}

.battle-list-help{
  margin-top:8px;
}

.battle-list-scroll{
  margin-top:14px;
  max-height:58vh;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
}

.battle-manage-list{
  display:grid;
  gap:14px;
}

.battle-manage-item{
  padding:18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:rgba(255,255,255,.045);
}

.battle-main-info{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:14px;
  align-items:start;
}

.battle-main-info h3{
  margin:10px 0 4px;
  line-height:1.25;
}

.battle-date-box{
  padding:13px 14px;
  border-radius:16px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
}

.battle-date-box span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}

.battle-date-box b,
.battle-date-box small{
  display:block;
  word-break:break-word;
}

.battle-member-panel{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.08);
}

.battle-member-panel h4{
  margin:0 0 8px;
}

.battle-member-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.battle-mini-form{
  padding:12px;
  border-radius:16px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,255,255,.07);
}

.battle-inline-control{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}

.battle-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.battle-admin-actions form{
  display:inline-flex;
}

@media(max-width:760px){
  .battle-create-two{
    grid-template-columns:1fr!important;
  }

  .battle-list-scroll{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }

  .battle-main-info{
    grid-template-columns:1fr;
  }

  .battle-member-actions{
    grid-template-columns:1fr;
  }

  .battle-inline-control{
    grid-template-columns:1fr;
  }

  .battle-inline-control .btn{
    width:100%;
  }

  .battle-admin-actions .btn{
    min-width:92px;
  }
}
/* === BATTLE MEMBER MANAGE UI END === */




/* === BATTLE PARTICIPANT LIST UI START === */
.battle-create-card label,
.battle-member-form-box label{
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  margin:8px 0 6px;
  display:block;
}

.battle-card-scroll{
  display:flex;
  flex-direction:column;
  gap:16px;
  max-height:62vh;
  overflow-y:auto;
  overflow-x:hidden;
  padding:4px 4px 90px 0;
  -webkit-overflow-scrolling:touch;
}

.battle-manage-card{
  padding:20px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.045);
}

.battle-manage-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.battle-manage-head h3{
  margin:12px 0 8px;
  font-size:24px;
}

.battle-member-count{
  flex:0 0 auto;
  padding:10px 13px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(255,255,255,.05);
  font-weight:800;
}

.battle-member-count b{
  color:var(--accent);
}

.battle-period-box{
  margin:18px 0;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.14);
}

.battle-period-box span,
.battle-period-box small{
  display:block;
  color:var(--muted);
}

.battle-period-box b{
  display:block;
  margin:8px 0 4px;
  font-size:20px;
}

.battle-participant-section{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
}

.battle-participant-section h4,
.battle-member-form-box h4{
  margin:0 0 12px;
  font-size:18px;
}

.participant-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.participant-chip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
}

.participant-chip b{
  display:block;
  font-size:17px;
}

.participant-chip span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-top:2px;
}

.battle-member-form-box{
  margin-top:18px;
  padding:16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.12);
}

.battle-member-add-form{
  display:grid;
  grid-template-columns:1fr 110px;
  gap:10px;
}

.battle-member-add-form select{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(2,7,15,.55);
  color:white;
}

.battle-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

@media(max-width:720px){
  .battle-list-card{
    padding:18px;
  }

  .battle-card-scroll{
    max-height:none;
    padding-bottom:110px;
  }

  .battle-manage-card{
    padding:18px;
  }

  .battle-manage-head{
    flex-direction:column;
  }

  .battle-member-count{
    align-self:flex-start;
  }

  .battle-member-add-form{
    grid-template-columns:1fr;
  }

  .participant-chip{
    align-items:flex-start;
  }

  .participant-chip form{
    flex:0 0 auto;
  }

  .battle-actions .btn{
    min-width:96px;
  }
}
/* === BATTLE PARTICIPANT LIST UI END === */








/* === LOGIN MAIN TITLE ICON PATCH START === */
.login-main-title-row{
  display:flex;
  align-items:center;
  gap:24px;
  margin:22px 0 24px;
}

.login-main-title-icon{
  width:190px!important;
  height:auto!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 14px 32px rgba(0,0,0,.38));
}

.login-main-title-row h1{
  margin:0!important;
}

@media(max-width:960px){
  .login-main-title-row{
    gap:20px;
    align-items:center;
    margin:20px 0 22px;
  }

  .login-main-title-icon{
    width:160px!important;
  }

  .login-main-title-row h1{
    font-size:52px!important;
    line-height:.88!important;
  }
}

@media(max-width:430px){
  .login-main-title-row{
    gap:16px;
  }

  .login-main-title-icon{
    width:145px!important;
  }

  .login-main-title-row h1{
    font-size:48px!important;
    line-height:.88!important;
  }
}
/* === LOGIN MAIN TITLE ICON PATCH END === */


/* === ASSET SEARCH MOBILE LAYOUT START === */
.asset-search-card{
  overflow:hidden;
}

.asset-search-form{
  display:grid;
  grid-template-columns:1fr 160px;
  gap:14px;
}

.asset-results-card{
  overflow:hidden;
}

.asset-results-head{
  margin-bottom:14px;
}

.asset-result-list{
  display:flex;
  flex-direction:column;
}

.asset-result-row{
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 82px;
  gap:18px;
  align-items:center;
  padding:20px 4px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.asset-result-row:last-child{
  border-bottom:0;
}

.asset-market-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  height:42px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#dce8ff;
  font-weight:900;
}

.asset-result-main{
  min-width:0;
}

.asset-name{
  color:#f4f8ff;
  font-size:24px;
  line-height:1.22;
  font-weight:1000;
  word-break:keep-all;
  overflow-wrap:anywhere;
}

.asset-symbol-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:7px;
  color:#aebbd0;
  min-width:0;
}

.asset-symbol-line b{
  color:#dce8ff;
  font-size:17px;
  letter-spacing:.02em;
}

.asset-symbol-line span{
  color:#96a4ba;
  font-size:14px;
  font-weight:800;
}

.asset-en-name{
  margin-top:4px;
  color:#7f8da4;
  font-size:13px;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.asset-view-btn{
  justify-self:end;
  min-width:68px;
  position:relative;
  z-index:2;
}

@media(max-width:720px){
  .asset-search-form{
    grid-template-columns:1fr;
  }

  .asset-result-row{
    grid-template-columns:58px minmax(0,1fr) 64px;
    gap:12px;
    padding:18px 0;
  }

  .asset-market-pill{
    min-width:50px;
    height:38px;
    padding:0 9px;
    font-size:14px;
  }

  .asset-name{
    font-size:20px;
    line-height:1.22;
  }

  .asset-symbol-line{
    gap:7px;
    margin-top:6px;
  }

  .asset-symbol-line b{
    font-size:15px;
  }

  .asset-symbol-line span{
    font-size:12px;
  }

  .asset-en-name{
    font-size:12px;
  }

  .asset-view-btn{
    min-width:56px;
    padding:8px 10px!important;
    font-size:13px!important;
  }
}

@media(max-width:390px){
  .asset-result-row{
    grid-template-columns:52px minmax(0,1fr) 56px;
    gap:9px;
  }

  .asset-name{
    font-size:18px;
  }

  .asset-market-pill{
    min-width:46px;
    height:34px;
    font-size:13px;
  }
}
/* === ASSET SEARCH MOBILE LAYOUT END === */




/* === PENDING ORDER CONTROL UI START === */
.pending-order-card{
  margin-top:18px;
  border-color:rgba(121,242,192,.24)!important;
}

.pending-order-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:16px;
}

.pending-order-item{
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(135deg,rgba(121,242,192,.07),rgba(122,167,255,.04));
}

.pending-order-summary{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.pending-order-summary b{
  display:block;
  font-size:18px;
}

.pending-order-summary small{
  display:block;
  color:var(--muted);
  margin-top:4px;
}

.order-status.pending{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:999px;
  color:#79f2c0!important;
  border:1px solid rgba(121,242,192,.38);
  background:rgba(121,242,192,.10);
  font-weight:900;
  white-space:nowrap;
}

.pending-order-edit-form{
  display:grid;
  grid-template-columns:1fr 1fr 80px;
  gap:10px;
  align-items:end;
}

.pending-order-edit-form label{
  color:var(--muted);
  font-size:12px;
  font-weight:900;
}

.pending-order-edit-form input{
  width:100%;
  margin-top:6px;
  padding:11px 12px;
  border-radius:13px;
  border:1px solid var(--line);
  background:rgba(2,7,15,.58);
  color:white;
  outline:none;
}

.pending-order-cancel-form{
  margin-top:10px;
}

.pending-order-cancel-form .btn{
  width:100%;
}

.order-submit-loading{
  opacity:.78;
  cursor:wait!important;
}

.order-loading-toast{
  position:fixed;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  z-index:9999;
  padding:14px 18px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(121,242,192,.96),rgba(122,167,255,.96));
  color:#06111b;
  font-weight:1000;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.35);
}

@media(max-width:720px){
  .pending-order-summary{
    align-items:flex-start;
  }

  .pending-order-edit-form{
    grid-template-columns:1fr;
  }

  .order-loading-toast{
    top:12px;
    width:calc(100vw - 32px);
    text-align:center;
  }
}
/* === PENDING ORDER CONTROL UI END === */




/* === PENDING ORDERS ABOVE BALANCE UI START === */
.pending-balance-card{
  margin-top:18px;
  margin-bottom:18px;
  border-color:rgba(121,242,192,.22)!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(121,242,192,.10),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
}

.pending-balance-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}

.pending-balance-row{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) .75fr .55fr 72px;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
}

.pending-balance-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.pending-balance-main b{
  display:block;
  color:#f4f8ff;
  font-size:18px;
  line-height:1.15;
}

.pending-balance-main small{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.order-status.pending{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 10px;
  border-radius:999px;
  color:#79f2c0!important;
  border:1px solid rgba(121,242,192,.38);
  background:rgba(121,242,192,.10);
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}

.pending-balance-price span,
.pending-balance-qty span{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  margin-bottom:3px;
}

.pending-balance-price b,
.pending-balance-qty b{
  display:block;
  color:#f4f8ff;
  font-size:14px;
  line-height:1.2;
}

.pending-balance-row form{
  margin:0;
}

.pending-balance-row .btn{
  width:100%;
  white-space:nowrap;
}

@media(max-width:720px){
  .pending-balance-card{
    padding:20px;
  }

  .pending-balance-row{
    grid-template-columns:1fr 72px;
    gap:12px;
    padding:14px;
  }

  .pending-balance-main{
    grid-column:1 / -1;
  }

  .pending-balance-price,
  .pending-balance-qty{
    padding:10px 12px;
    border-radius:14px;
    background:rgba(0,0,0,.12);
    border:1px solid rgba(255,255,255,.06);
  }

  .pending-balance-row form{
    align-self:stretch;
  }

  .pending-balance-row .btn{
    height:100%;
    min-height:42px;
  }
}
/* === PENDING ORDERS ABOVE BALANCE UI END === */








/* === CENTER ORDER LOADING UI START === */
.order-loading-toast{
  display:none!important;
}

.order-loading-center-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2147483647!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  background:rgba(2,7,15,.58)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}

.order-loading-center-box{
  width:min(360px, calc(100vw - 48px))!important;
  padding:32px 24px!important;
  border-radius:30px!important;
  border:1px solid rgba(121,242,192,.36)!important;
  background:
    radial-gradient(circle at 80% 0%, rgba(121,242,192,.20), transparent 42%),
    linear-gradient(180deg, rgba(18,28,44,.98), rgba(10,15,26,.98))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.62)!important;
  text-align:center!important;
}

.order-loading-spinner{
  width:56px!important;
  height:56px!important;
  margin:0 auto 18px!important;
  border-radius:999px!important;
  border:5px solid rgba(255,255,255,.14)!important;
  border-top-color:#79f2c0!important;
  animation:orderSpin .8s linear infinite!important;
}

.order-loading-title{
  font-size:31px!important;
  line-height:1.15!important;
  font-weight:1000!important;
  color:#f4fff9!important;
}

.order-loading-sub{
  margin-top:10px!important;
  color:#aebbd0!important;
  font-size:15px!important;
  font-weight:800!important;
}

@keyframes orderSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
/* === CENTER ORDER LOADING UI END === */


/* === PORTFOLIO CLEAN MOBILE START === */
.pf-summary-hero h2{
  margin:4px 0 8px;
}

.pf-mini-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:16px;
}

.pf-mini-stats div{
  padding:13px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
}

.pf-mini-stats span,
.pf-grid span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  margin-bottom:4px;
}

.pf-mini-stats b,
.pf-grid b{
  display:block;
  color:#f4f8ff;
  font-size:15px;
  line-height:1.25;
}

.pf-section{
  overflow:hidden;
}

.pf-list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:16px;
}

.pf-item{
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.pf-main{
  min-width:0;
}

.pf-main b{
  display:block;
  color:#f4f8ff;
  font-size:22px;
  line-height:1.15;
  font-weight:1000;
  word-break:break-word;
}

.pf-main span{
  display:block;
  color:var(--muted);
  margin-top:6px;
  font-size:14px;
  font-weight:800;
  line-height:1.35;
}

.pf-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}

.pf-grid > div{
  min-width:0;
  padding:12px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.12);
}

.pf-order-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.pf-time{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}

.pf-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#dce8ff;
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
}

.pf-status.pending{
  color:#79f2c0;
  border-color:rgba(121,242,192,.38);
  background:rgba(121,242,192,.10);
}

.pf-status.filled{
  color:#7aa7ff;
  border-color:rgba(122,167,255,.38);
  background:rgba(122,167,255,.10);
}

.pf-status.canceled{
  color:#c5cfdd;
  border-color:rgba(197,207,221,.28);
  background:rgba(197,207,221,.08);
}

.pf-status.rejected{
  color:#ff9bb0;
  border-color:rgba(255,92,122,.38);
  background:rgba(255,92,122,.10);
}

@media(max-width:720px){
  .pf-mini-stats{
    grid-template-columns:1fr;
  }

  .pf-item{
    padding:16px;
    border-radius:18px;
  }

  .pf-main b{
    font-size:21px;
  }

  .pf-main span{
    font-size:13px;
  }

  .pf-grid,
  .order-grid-clean,
  .trade-grid-clean{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .pf-grid > div{
    padding:11px 12px;
  }

  .pf-grid b{
    font-size:14px;
  }

  .pf-order-top{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }

  .pf-time{
    font-size:12px;
  }
}

@media(max-width:390px){
  .pf-grid,
  .order-grid-clean,
  .trade-grid-clean{
    grid-template-columns:1fr;
  }
}
/* === PORTFOLIO CLEAN MOBILE END === */


/* === BATTLE EDIT UI START === */
.battle-edit-box{
  margin:18px 0;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.14);
}

.battle-edit-box h4{
  margin:0 0 12px;
  font-size:18px;
}

.battle-edit-form{
  display:grid;
  gap:10px;
}

.battle-edit-form label{
  display:block;
  margin:4px 0 6px;
  color:var(--muted);
  font-size:13px;
  font-weight:900;
}

.battle-edit-form input{
  width:100%;
  padding:13px 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(2,7,15,.55);
  color:white;
  outline:none;
}

.battle-edit-form input:focus{
  border-color:rgba(121,242,192,.55);
  box-shadow:0 0 0 3px rgba(121,242,192,.10);
}

.battle-edit-two{
  gap:10px;
}

@media(max-width:720px){
  .battle-edit-box{
    padding:15px;
  }

  .battle-edit-two{
    grid-template-columns:1fr!important;
  }
}
/* === BATTLE EDIT UI END === */