.skin-deposit-sheet[hidden],
.skin-deposit-stage[hidden],
.skin-deposit-footer[hidden],
.skin-deposit-message[hidden],
.skin-deposit-offer[hidden] { display:none!important; }
body.skin-deposit-open { overflow:hidden; }

.skin-deposit-sheet { position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;background:#03070366;backdrop-filter:blur(3px); }
.skin-deposit-card { display:grid;grid-template-columns:315px minmax(0,1fr);width:min(980px,100%);min-height:635px;max-height:calc(100dvh - 36px);overflow:hidden;border:1px solid #527d31;border-radius:17px;color:#f6fff1;background:#0d130b;box-shadow:0 24px 70px #0009,0 0 45px #8cf0001d,inset 0 0 0 1px #baff0014; }

.skin-deposit-visual { position:relative;display:flex;min-width:0;flex-direction:column;justify-content:space-between;overflow:hidden;padding:27px;border-right:1px solid #394639;background:radial-gradient(circle at 53% 45%,#86e10042,transparent 35%),radial-gradient(circle at 50% 45%,#21470d90,transparent 64%),#111710; }
.skin-deposit-visual::before { position:absolute;inset:0;border:1px solid #ffffff08;content:'';pointer-events:none; }
.skin-deposit-visual::after { position:absolute;right:-73px;bottom:-126px;width:260px;height:260px;border:1px solid #8bda1530;border-radius:50%;content:'';pointer-events:none; }
.skin-deposit-visual-top { position:relative;z-index:1;display:flex;align-items:center;gap:7px;color:#a6ff00;font-family:Inter,Arial,sans-serif;font-size:17px;font-weight:900;letter-spacing:-.9px; }
.skin-deposit-visual-top img { width:28px;height:28px;filter:drop-shadow(0 0 8px #a6ff00a8); }
.skin-deposit-visual-top b { color:#f2f7ef; }
.skin-deposit-emblem { position:relative;display:grid;flex:1;place-items:center;min-height:200px; }
.skin-deposit-emblem::before { position:absolute;width:225px;height:225px;border:1px solid #baff2430;border-radius:50%;box-shadow:0 0 0 30px #a6ff0009,0 0 70px #9cff0033,inset 0 0 45px #a6ff001e;content:''; }
.skin-deposit-emblem img { position:relative;z-index:1;width:136px;height:136px;filter:drop-shadow(0 0 20px #a6ff00) drop-shadow(0 0 55px #9dff0090); }
.skin-deposit-visual-bottom { position:relative;z-index:1; }
.skin-deposit-visual-bottom h2 { margin:9px 0 11px;color:#f5f8f2;font-size:31px;font-weight:850;letter-spacing:-1.5px;line-height:1.09; }
.skin-deposit-visual-bottom h2 em { color:#a6ff00;font-style:normal; }
.skin-deposit-visual-bottom p { max-width:255px;margin:0;color:#b3c2ac;font-size:11px;line-height:1.6; }

.skin-deposit-workspace { position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;background:radial-gradient(circle at 82% 42%,#8dff001a,transparent 50%),linear-gradient(145deg,#19261b,#121d14);box-shadow:inset 1px 0 #a6ff0020; }
.skin-deposit-workspace-head { display:flex;flex:none;align-items:center;justify-content:space-between;height:68px;padding:0 30px; }
.skin-deposit-workspace-head>span { display:flex;align-items:center;gap:9px;color:#98ac8d;font-size:10px;font-weight:700;letter-spacing:.3px; }
.skin-deposit-workspace-head>span::before { width:5px;height:5px;border-radius:50%;background:#a6ff00;box-shadow:0 0 9px #a6ff0070;content:''; }
.skin-deposit-close { display:grid;place-items:center;width:31px;height:31px;padding:0;border:0;border-radius:7px;color:#adbd9f;background:transparent;font-size:24px;font-weight:300;line-height:1; }
.skin-deposit-close:hover { color:#f3ffe9;background:#1b2b15; }
.skin-deposit-workspace-main { display:flex;min-height:0;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:22px 30px 17px;scrollbar-color:#75b33e #101b0d; }
.skin-deposit-stage-link { width:100%;margin:auto 0; }
.skin-deposit-stage-link h3 { margin:0 0 16px;color:#fff;font-size:30px;font-weight:850;letter-spacing:-1.4px;line-height:1.08; }
.skin-deposit-stage-description { max-width:440px;margin:0 0 34px;color:#9eae95;font-size:12px;line-height:1.6; }
.skin-deposit-label { display:block;margin:0 0 9px;color:#e2f2d9;font-size:11px;font-weight:750; }
.skin-deposit-controls input { width:100%;height:49px;padding:0 14px;border:1px solid #5d8c3b;border-radius:8px;outline:0;color:#f4ffeb;background:#080e07;font-size:11px;box-shadow:inset 0 0 14px #0008;transition:border-color .16s,box-shadow .16s; }
.skin-deposit-controls input::placeholder { color:#829879; }
.skin-deposit-controls input:focus { border-color:#a6ff00;box-shadow:0 0 0 3px #a6ff0024,0 0 20px #a6ff0021; }
.skin-deposit-controls input:disabled { opacity:.62; }
.skin-deposit-load { display:block;width:100%;height:49px;margin-top:11px;border:1px solid #c5ff55;border-radius:8px;color:#102000;background:linear-gradient(135deg,#d5ff66,#9dff00);box-shadow:0 0 24px #a6ff0030,inset 0 1px #fff8;font-size:12px;font-weight:900; }
.skin-deposit-load:hover:not(:disabled) { filter:brightness(1.1);box-shadow:0 0 22px #a6ff0038; }
.skin-deposit-load:disabled { cursor:progress;opacity:.55; }

.skin-deposit-stage-items { width:100%; }
.skin-deposit-items-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:12px; }
.skin-deposit-items-heading h3 { margin:0;color:#fff;font-size:25px;font-weight:850;letter-spacing:-.9px; }
.skin-deposit-items-heading button { padding:0;border:0;border-bottom:1px solid #a6ff00;color:#c5ff8a;background:transparent;font-size:10px;font-weight:700;white-space:nowrap; }
.skin-deposit-items-heading button:hover { border-color:#a6ff00;color:#c9ff9a; }
.skin-deposit-items-meta { display:flex;justify-content:space-between;gap:10px;margin:22px 0 11px;color:#a6bd99;font-size:10px;font-weight:650; }
.skin-deposit-items-meta span:first-child { color:#b5ff5a;font-weight:800; }
.skin-deposit-items { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:215px;align-content:start;gap:12px;min-height:330px;max-height:350px;overflow:auto;padding:2px;scrollbar-color:#75b33e transparent; }
.skin-deposit-no-items { grid-column:1/-1;display:grid;place-items:center;min-height:260px;margin:0;border:1px solid #46752c;border-radius:8px;color:#bad4ac;background:radial-gradient(circle,#75c90014,transparent 60%),#0c140a;font-size:11px; }
.skin-deposit-item { position:relative;display:flex;min-width:0;min-height:215px;flex-direction:column;align-items:stretch;overflow:hidden;padding:0;border:1px solid #425b3a;border-radius:10px;color:#f4ffef;background:#172218;box-shadow:0 8px 22px #0002;transition:border-color .16s,transform .16s,box-shadow .16s; }
.skin-deposit-item:hover:not(:disabled) { border-color:#8dc94e;transform:translateY(-2px);box-shadow:0 10px 24px #0005; }
.skin-deposit-item.selected { border-color:#baff36;background:#1b2b18;box-shadow:inset 0 0 0 1px #a6ff0040,0 0 18px #a6ff002e; }
.skin-deposit-item:disabled { cursor:not-allowed;opacity:.45; }
.skin-deposit-item-check { position:absolute;z-index:1;top:10px;right:10px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #749064;border-radius:6px;color:transparent;background:#172218d9;font-size:13px;font-weight:900; }
.skin-deposit-item.selected .skin-deposit-item-check { border-color:#a6ff00;color:#152607;background:#a6ff00; }
.skin-deposit-item-image { position:relative;display:grid;flex:none;place-items:center;width:100%;height:145px;overflow:hidden;border-bottom:1px solid #ffffff0d;background:radial-gradient(circle at 50% 59%,#89e5282d,transparent 63%),linear-gradient(145deg,#1b2b1d,#101a12); }
.skin-deposit-item.selected .skin-deposit-item-image { background:radial-gradient(circle at 50% 59%,#a6ff0040,transparent 63%),linear-gradient(145deg,#22351b,#142111); }
.skin-deposit-item-image img { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.25);filter:drop-shadow(0 12px 10px #0008); }
.skin-deposit-item strong { display:block;width:100%;overflow:hidden;padding:10px 13px 0;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap;text-align:left; }
.skin-deposit-item-price { display:block;margin-top:auto;padding:5px 13px 12px;color:#bcff67;font-size:12px;font-weight:850;text-align:left; }
.skin-deposit-promo{margin-top:16px}
.skin-deposit-promo label{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:#e4f3d9;font-size:11px;font-weight:800}
.skin-deposit-promo label span{color:#bded9d;font-size:10px;font-weight:600;text-align:right}
.skin-deposit-promo input{width:100%;height:42px;padding:0 12px;border:1px solid #587347;border-radius:7px;outline:0;color:#f2ffec;background:#0e180d;font-size:11px;text-transform:uppercase}
.skin-deposit-promo input:focus{border-color:#a6ff00}
.skin-deposit-promo input::placeholder{text-transform:none;color:#8da182}
.skin-deposit-message { margin:16px 0 0;padding:10px 12px;border-left:2px solid #a6ff00;border-radius:3px;color:#d5ffc0;background:#13240dcf;font-size:11px;line-height:1.5; }
.skin-deposit-message.error { border-color:#fa8e79;color:#ffd0c6;background:#392622; }
.skin-deposit-offer { display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:10px 12px;border:1px solid #9ae65a;border-radius:7px;color:#deffb9;background:#162c0e;font-size:11px;font-weight:800;text-decoration:none;box-shadow:0 0 18px #a6ff001c; }
.skin-deposit-offer:hover { border-color:#c7ff73;background:#214313; }
.skin-deposit-offer span { font-size:17px; }
.skin-deposit-footer { display:flex;flex:none;align-items:center;justify-content:space-between;gap:15px;min-height:81px;padding:12px 30px;border-top:1px solid #49752c;background:linear-gradient(90deg,#182519,#1b2b19);box-shadow:0 -10px 35px #83d80012; }
.skin-deposit-summary { display:flex;min-width:0;flex-direction:column;gap:3px; }
.skin-deposit-summary>span { color:#a8ce90;font-size:9px;font-weight:850;letter-spacing:1.2px; }
.skin-deposit-summary strong { font-size:17px;font-weight:850;letter-spacing:-.4px; }
.skin-deposit-summary small { color:#c3f594;font-size:10px; }
.skin-deposit-footer button { min-width:204px;height:48px;padding:0 17px;border:1px solid #c5ff56;border-radius:8px;color:#102000;background:linear-gradient(135deg,#d5ff66,#9dff00);box-shadow:0 0 20px #a6ff0028;font-size:12px;font-weight:900; }
.skin-deposit-footer button:hover:not(:disabled) { filter:brightness(1.1);box-shadow:0 0 24px #a6ff003d; }
.skin-deposit-footer button:disabled { border-color:#38572a;color:#8caa78;background:#172514;box-shadow:none;cursor:not-allowed; }
.skin-deposit-card button:focus-visible,.skin-deposit-card a:focus-visible { outline:2px solid #c5ff67;outline-offset:3px; }

@media(max-width:760px) {
  .skin-deposit-sheet { padding:8px; }
  .skin-deposit-card { display:flex;max-height:calc(100dvh - 16px);min-height:0;flex-direction:column;border-radius:12px; }
  .skin-deposit-visual { min-height:132px;flex:none;padding:15px 18px;border-right:0;border-bottom:1px solid #384737;background:radial-gradient(circle at 76% 54%,#8ee6003f,transparent 26%),#121a10; }
  .skin-deposit-visual-top { font-size:14px; }
  .skin-deposit-visual-top img { width:22px;height:22px; }
  .skin-deposit-emblem { position:absolute;top:22px;right:27px;min-height:0;width:110px;height:110px;opacity:.75; }
  .skin-deposit-emblem::before { width:99px;height:99px;box-shadow:0 0 0 12px #a6ff0009,0 0 34px #9cff0033; }
  .skin-deposit-emblem img { width:63px;height:63px; }
  .skin-deposit-visual-bottom h2 { position:relative;z-index:2;margin:4px 0 0;font-size:24px;line-height:1.1; }
  .skin-deposit-visual-bottom p { display:none; }
  .skin-deposit-workspace { min-height:0;flex:1; }
  .skin-deposit-workspace-head { height:54px;padding:0 17px; }
  .skin-deposit-workspace-head>span { font-size:10px; }
  .skin-deposit-close { width:27px;height:27px;font-size:20px; }
  .skin-deposit-workspace-main { padding:18px 17px; }
  .skin-deposit-stage-link h3 { font-size:26px; }
  .skin-deposit-stage-description { margin-bottom:24px; }
  .skin-deposit-items-heading h3 { font-size:21px; }
  .skin-deposit-items { grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;min-height:210px;max-height:285px; }
  .skin-deposit-item { min-height:190px; }
  .skin-deposit-item-image { height:116px; }
  .skin-deposit-item strong { padding:9px 10px 0;font-size:11px; }
  .skin-deposit-item-price { padding:5px 10px 11px;font-size:11px; }
  .skin-deposit-promo label{flex-wrap:wrap}
  .skin-deposit-footer { min-height:74px;padding:10px 16px; }
  .skin-deposit-footer button { min-width:150px;height:44px;padding:0 10px;font-size:10px; }
  .skin-deposit-summary strong { font-size:15px; }
  .skin-deposit-summary small { font-size:9px; }
  .topup { display:inline-flex!important;align-items:center;height:34px!important;padding:0 7px!important;font-size:9px!important; }
}
@media(max-width:370px) {
  .skin-deposit-footer { flex-direction:column;align-items:stretch; }
  .skin-deposit-footer button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .skin-deposit-item,.skin-deposit-controls input { transition:none; } }