:root {
  --bg:#090a0c;
  --panel:#17181b;
  --ink:#fff5e9;
  --muted:#d2c8bf;
  --border:#6d625e;
  --accent:#ffb955;
  --red:#ff574c;
  --green:#a1d981;
  --steel:linear-gradient(139deg,#c7c6c4,#484449 18%,#a19a94 27%,#3c3739 52%,#773530 71%,#a84736 85%,#c1b4a7);
  --metal:linear-gradient(151deg,#27282d,#111215 42%,#151215 80%,#321c1b);
  --red-button:linear-gradient(#ad2820,#70100e 50%,#390c0b 52%,#9c2017);
  --metal-grain:repeating-linear-gradient(133deg,#fff0 0 4px,#fff1 5px,#0000 7px 13px);
}
body,body.lottery-view {
  background:radial-gradient(ellipse at 64% 12%,#2d1717 0%,#121317 38%,#08090b 72%);
  color:var(--ink);
}
.top,.lottery-view .top {
  background:linear-gradient(0deg,#08090bf2 8%,#08090b32 56%,#08090b3b),url("classic-header.webp") center 46%/cover;
  border-bottom:1px solid #82504a;
  box-shadow:0 6px 20px #000b;
}
.top-inner {
  grid-template-columns:minmax(0,1fr) minmax(180px,300px);
  gap:9px 12px;
  max-width:1130px;
  padding:9px 13px;
}
.brand {grid-area:1/1;width:min(82%,365px);max-width:none;margin-left:clamp(7px,8vw,102px)}
.prison-logo {
  aspect-ratio:400/167;
  background:url("classic-logo.webp") center/contain no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 4% 96%,transparent),linear-gradient(0deg,transparent,#000 6% 96%,transparent);
  mask-composite:intersect;
}
.top-actions {grid-area:1/2;align-self:end;gap:8px}
.top-actions .profile {max-width:none;padding:6px;gap:6px;min-height:49px}
.profile .avatar:not(.account-avatar,.fish-portrait) {background:#211514 url("classic-avatar.webp") center/cover}
.profile-meter {--stat-color:#ffc24c}
.crew-shortcut {min-width:64px;min-height:55px}
.crew-shortcut img {width:53px;height:34px}
.resources {grid-area:2/1/3/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.resource {min-height:59px;padding:6px 7px 11px;gap:6px}
.resource-art {width:clamp(23px,4.3vw,45px);height:auto;flex:none;mix-blend-mode:screen}
.resource small,.profile small {color:#f9eee3}
.resource small {font:800 clamp(10px,1.7vw,16px)/1.1 var(--display);text-transform:uppercase}
.resource strong {font-size:clamp(12px,1.8vw,17px);overflow-wrap:anywhere}
.resource-meter,.profile-meter {background:#464045}
.resource[data-stat="energy"] {--stat-color:#ffc246}
.resource[data-stat="hp"] {--stat-color:#ff493a}
.resource[data-stat="cash"] strong {color:#c1eea6}

:where(.layout,.top,.game-menu,dialog) :is(
  .panel,.card,.row,.section-head,.hero,.sector,.row-icon,.profile,.resource,.crew-shortcut,
  .wing-heading,.wing-marker,.wing-marker .btn,.wing-corridor .btn,.wing-board-panel,.wing-mode,
  .blueprint,.block-room,.gym-console,.gym-station,.gym-station-head,.gym-stat,.gym-workout,
  .addon-row,.course-row,.equipment-row,.equipment-slots,.equipment-info,.equipment-art,
  .character-board,.character-heading,.character-stats,.character-record,.character-equipment,
  .trophy-tier,.trophy-details,.victim-row,.victim-toolbar,.attack-report,
  .club-comparison,.club-ranks,.club-fighter,.leaderboard,.leaderboard tr,.premium-strip,
  .bank-panel,.bank-balances div,.cash-pack,.black-market-panel,.account-panel,
  .gitny-card,.gitny-toolbar,.gitny-effects,.fragment-card,.fragment-exchange,.fragment-note,
  .bandit-symbol,.bandit-ticket,.bandit-chances,.deal-row,.deal-good,.drug-offer,
  .drug-bonus-values div,.tattoo-selection,.crew-empty,.crew-join-tabs
),dialog,.toast {
  background:var(--metal-grain) padding-box,var(--metal) padding-box,var(--steel) border-box;
  border:1px solid transparent;
  border-radius:9px 3px;
  box-shadow:inset 0 0 0 1px #fff1,0 3px 8px #0008;
}
.block-navigation .nav-strip,.lottery-view .nav-strip {
  background:#101014;
  border-color:#69605d;
  gap:5px;
}
.block-navigation .nav-strip>nav {scrollbar-color:#a84b39 #211b1c}
.block-navigation .nav-strip>nav .nav-button,.block-navigation .game-menu summary {
  background:var(--metal-grain) padding-box,var(--metal) padding-box,var(--steel) border-box;
  border:1px solid transparent;
  border-radius:8px 3px;
  color:#fff6eb;
}
.block-navigation .nav-strip>nav .nav-button {min-height:61px;flex-basis:74px;text-transform:uppercase}
.block-navigation .nav-strip>nav svg {color:#fff4e8}
.block-navigation .nav-strip>nav .active,.lottery-view .nav-strip>nav .nav-button.active,
:where(.layout,.top,dialog) .btn[aria-pressed="true"], .crew-shortcut:hover {
  background:var(--red-button);
  border-color:#f37b65;
  color:#fff6eb;
  box-shadow:0 0 10px #e9352b88,inset 0 0 7px #ff93786b;
}
.block-navigation .nav-strip>nav .active svg {color:#fff4e8}
.block-navigation .game-menu-list {background:#19171b;border-color:#88726b}
.btn,.wing-corridor .btn {
  color:#fff5ea;
  background:linear-gradient(#383637,#141416);
  border-color:#8d7870;
  border-radius:7px 3px;
}
.btn:hover,.wing-corridor .btn:hover {background:#4b2422;border-color:#de6d59}
.btn.primary,.callouts .btn,.rest-panel .btn {
  background:var(--red-button);
  border-color:#e5836b;
  box-shadow:inset 0 0 7px #ff725752,0 0 9px #f1413050;
}
.btn.primary:hover:not(:disabled),.callouts .btn:hover {background:linear-gradient(#db4433,#8e1510)}
.btn:disabled,.btn.primary:disabled,.btn.primary:disabled:hover {color:#cbbcb4;background:#282427;border-color:#675858;box-shadow:none}
:where(.layout,.top,dialog) :is(input,select,textarea) {background-color:#141417;color:var(--ink);border-color:#756661}
:where(.layout,.top,dialog) :is(button,a,summary,input,select):focus-visible {outline:2px solid #ffb953;outline-offset:2px}
.row-icon,.quick svg, .crumb span {color:#ff6c56}
.bar,.resource-meter,.profile-meter {border:1px solid #756154}
.progress-panel .bar i,.profile-meter i {background:linear-gradient(#ffd77c,#b66a17)}
.crumb {background:linear-gradient(100deg,#232326,#130f13 70%,#421915);padding:8px 12px;margin-bottom:0;border:1px solid #66514d}
.page-head {
  background:linear-gradient(104deg,#231417 0,#131416 65%,#302021);
  border-color:#6a625f;
  border-radius:7px 3px;
}
.page-head h1,.status-title h2,.rest-panel h2 {text-transform:uppercase;font-weight:900;font-style:italic;text-shadow:0 2px #000}
.page-head h1 {font-size:clamp(30px,6vw,64px);overflow-wrap:anywhere}
.page-head .eyebrow,.right .eyebrow {
  width:fit-content;max-width:100%;
  background:linear-gradient(100deg,#8b1d18,#b32920 65%,#a8282000);
  padding:5px 17px 5px 8px;color:#ffeadb;
}
.right .eyebrow {display:flex;gap:6px;align-items:center;margin-bottom:8px}
.right .eyebrow svg,.bounty-shortcuts svg,.bounty-online svg {width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:2;fill:none}
.right .panel {margin:0}
.right .rest-panel {
  background:linear-gradient(90deg,#101013f5 0 25%,#131216d1 51%,#15111122),url("classic-rest.webp") right center/cover;
  border-color:#866e61;
}
.rest-panel p {max-width:31ch;color:#fff0df}
.rest-panel .btn {margin-top:8px}
.prison-footer-art {
  height:clamp(100px,19vw,213px);max-width:1130px;margin:12px auto 0;
  background:linear-gradient(#090a0d 0%,transparent 55%,#08090b 100%),url("classic-corridor.webp") center/cover;
}
.bounty-view .layout {display:block}
.bounty-view #right {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:12px;gap:8px}
.bounty-view .right .log-panel {grid-column:auto}
.bounty-hero {
  min-height:clamp(252px,36vw,425px);display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(90deg,#06080bea 0%,#06080ba6 38%,transparent 75%),url("classic-bounty.webp") right center/cover;
  border:1px solid #5c5551;padding:clamp(10px,3.5vw,38px);
}
.bounty-hero .page-head {background:none;border:0;box-shadow:none;padding:0;max-width:74%}
.bounty-hero .page-head h1 {line-height:.94}
.bounty-hero .page-head h1::after {content:"";display:block;width:min(100%,480px);height:4px;margin-top:9px;background:linear-gradient(90deg,#620a06,#ff402e 72%,transparent);transform:skewY(-1deg)}
.bounty-hero .page-head p {max-width:38ch;color:#fff2e7;text-shadow:0 1px 4px #000}
.bounty-shortcuts {margin-bottom:0;gap:8px}
.bounty-shortcuts .btn,.bounty-online .btn {display:inline-flex;gap:8px;align-items:center;justify-content:center}
.bounty-online {display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:8px}
.bounty-online p {font-size:clamp(12px,2.5vw,17px);margin:0}
.bounty-online .btn {flex:none}
.lottery-view .layout {max-width:1460px}

@media(max-width:680px){
  .top-inner {grid-template-columns:minmax(0,1fr) auto;padding:6px 7px;gap:6px}
  .brand {width:min(100%,245px);margin-left:0}
  .resources {gap:4px}
  .resource {min-height:44px;padding:4px 3px 9px;gap:3px}
  .resource-art {width:clamp(15px,5.5vw,30px)}
  .resource small {font-size:clamp(9px,2.9vw,13px)}
  .resource strong {font-size:clamp(10px,2.9vw,14px)}
  .resource-meter{height:3px}
  .top-actions .profile {min-height:38px}
  .crew-shortcut {min-width:43px;min-height:41px}
  .crew-shortcut img {width:34px;height:23px}
  .block-navigation .nav-strip>nav .nav-button {flex-basis:60px;min-height:49px}
  .bounty-hero .page-head {max-width:76%}
  .bounty-shortcuts .btn,.bounty-online .btn {padding-inline:7px;min-height:40px}
  .bounty-shortcuts svg,.bounty-online svg {width:16px;height:16px}
  .bounty-online {flex-wrap:wrap}
  .right .panel {min-width:0}
  .right .eyebrow{font-size:10px;letter-spacing:.04em}
  .right .status-title {flex-wrap:wrap}
}

.block-navigation .nav-strip>nav [data-view="goals"] {--nav-art:url("classic-nav-goals.webp")}
.block-navigation .nav-strip>nav [data-view="victim"] {--nav-art:url("classic-nav-victim.webp")}
.block-navigation .nav-strip>nav [data-view="bounties"] {--nav-art:url("classic-nav-bounties.webp")}
.block-navigation .nav-strip>nav [data-view="mercenaries"] {--nav-art:url("classic-nav-mercenaries.webp")}
.block-navigation .nav-strip>nav [data-view="attacks"] {--nav-art:url("classic-nav-attacks.webp")}
.block-navigation .nav-strip>nav [data-view="defenses"] {--nav-art:url("classic-nav-defenses.webp")}
.block-navigation .nav-strip>nav :is([data-view="goals"],[data-view="victim"],[data-view="bounties"],[data-view="mercenaries"],[data-view="attacks"],[data-view="defenses"]) svg {display:none}
.block-navigation .nav-strip>nav :is([data-view="goals"],[data-view="victim"],[data-view="bounties"],[data-view="mercenaries"],[data-view="attacks"],[data-view="defenses"])::after {
  content:"";order:-1;width:27px;height:24px;flex:none;background:var(--nav-art) center/contain no-repeat;mix-blend-mode:screen;
}
@media(max-width:680px){
  .block-navigation .nav-strip>nav .nav-button::after {width:21px;height:19px}
}

dialog.check-in {
  width:min(990px,calc(100% - 24px));
  max-height:calc(100dvh - 24px);
  padding:clamp(12px,2.4vw,26px);
  overflow:auto;
  border:2px solid transparent;
  border-radius:15px 5px;
  background:linear-gradient(90deg,#07090be3 0%,#08090cc7 64%,transparent 95%) padding-box,
    url("rewards-prison.webp") right center/cover padding-box,
    var(--steel) border-box;
  box-shadow:inset 0 0 0 2px #070708,inset 0 -5px 24px #bd1d234d,0 0 26px #000d;
}
.check-in::backdrop {background:#030407bf}
.check-in .reward-banner {display:grid;position:relative;justify-items:center;gap:4px;padding:5px 38px 0 0;margin-right:13%}
.reward-logo,.reward-title-art {
  display:block;height:auto;mask-image:radial-gradient(ellipse 74% 71% at center,#000 54%,transparent 89%);
}
.reward-logo {width:min(24%,155px);justify-self:start}
.reward-title-art {width:min(100%,590px);margin-top:-5px}
.reward-title-text {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reward-banner p {margin:0;text-align:center;text-transform:uppercase;font:700 clamp(12px,2.1vw,19px)/1.2 var(--display);color:#fff5ee}
.reward-banner p strong {color:#ff6353}
.check-in .check-in-close {position:absolute;top:0;right:-14%;font:900 32px/.8 var(--display);min-width:44px;min-height:44px;z-index:1}
.reward-main {display:grid;grid-template-columns:45px minmax(0,1fr);align-items:stretch;margin-right:22%;gap:10px}
.reward-tallies {display:grid;grid-template-rows:repeat(3,minmax(0,1fr));padding:16px 0;gap:7px}
.reward-tallies span {width:100%;height:54%;align-self:center;position:relative;background:repeating-linear-gradient(90deg,#ece5d7 0 2px,transparent 2px 10px);transform:skew(-8deg) rotate(-4deg)}
.reward-tallies span::after {content:"";position:absolute;left:-3px;right:-3px;height:2px;top:50%;background:#ece5d7;transform:rotate(-35deg)}
.check-in .check-in-grid {gap:clamp(4px,1vw,10px);margin:12px 0 8px;grid-template-columns:repeat(5,minmax(0,1fr))}
.check-in .check-in-cell {
  position:relative;min-width:0;justify-content:flex-start;
  padding:6px 2px 4px;gap:4px;
  background:radial-gradient(ellipse at center,#201f21,#09090a 70%);
  border:1px solid #8a3536;border-radius:7px 2px;
  color:#fff3ec;box-shadow:inset 0 0 8px #bf242531,0 2px 5px #000c;
}
.check-in .check-in-cell.ready {border-color:#ff8b68;box-shadow:0 0 12px #ff453d9c,inset 0 0 13px #ec332272}
.check-in .check-in-cell.collected {border-color:#d84b49}
.reward-check {position:absolute;top:-2px;right:3px;color:#fff;font:900 clamp(14px,2.4vw,27px)/1 var(--display);text-shadow:0 0 3px #fff,0 0 8px #fe1f31,0 0 11px #fe000b}
.check-in .check-in-icon {width:100%;height:clamp(25px,5.5vw,58px);color:#ffd17e}
.check-in-icon img {width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.check-in .check-in-icon svg {width:68%;height:86%;max-width:48px;stroke:currentColor;stroke-width:1.6;fill:none;filter:drop-shadow(0 0 5px #ca82146b)}
.reward-day {width:100%;background:linear-gradient(90deg,transparent,#7f1518,transparent);text-transform:uppercase;font:800 clamp(11px,2vw,18px)/1.15 var(--display)}
.check-in .check-in-cell strong {font:700 clamp(10px,1.45vw,14px)/1.12 var(--display);overflow-wrap:anywhere}
.check-in .check-in-footer {display:grid;justify-items:center;gap:6px;margin-right:16%}
.check-in-footer p {color:#ffe6cf;text-align:center}
.check-in .check-in-footer .btn {display:flex;align-items:center;justify-content:center;gap:9px;min-width:min(100%,280px);font:900 clamp(19px,3vw,27px)/1 var(--display);text-transform:uppercase}
.check-in-footer .btn svg {width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:650px){
  dialog.check-in {width:calc(100% - 14px);padding:10px;background-position:76% top;background-size:auto 100%}
  .check-in .reward-banner {margin-right:0;padding-right:0;padding-top:29px}
  .check-in .check-in-close {right:0;top:0}
  .reward-logo {position:absolute;width:100px;left:0;top:0}
  .reward-title-art {width:min(92%,460px)}
  .reward-main {display:block;margin:0}
  .reward-tallies {display:none}
  .check-in .check-in-footer {margin:0}
}

.game-login{display:grid;gap:10px;max-width:460px;margin:12px 0}
.game-login label{display:grid;gap:5px}
.game-login input{width:100%;font-size:16px}
.game-login .gym-tabs{margin:0}