/* ClawPoker: окно клиента 1280×800, масштабируется под экран целиком (как десктоп-клиент). Вид — из прототипа v2. */
:root{
  --bg:#0f1631; --bg2:#151f45; --bg3:#1c2a5c; --line:#2a3b7a; --ink:#080d20; --tx:#f2f5ff; --dim:#98a3cf;
  --gold:#ffcf3f; --claw:#ff5a36; --ok:#3fd17a; --warn:#ffb020; --live:#ff4d5e;
  --sS:#2f3a4c; --sH:#e0293f; --sD:#1f6fe0; --sC:#189a4b;
  --ui:"Nunito","Arial Rounded MT Bold","Segoe UI",sans-serif; --tx-f:"Rubik","Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%;margin:0}
body{background:#070b1a;color:var(--tx);font:400 14px/1.4 var(--tx-f);overflow:hidden}
#stage{position:absolute;left:50%;top:50%;width:1280px;height:800px;transform-origin:0 0;background:var(--bg);overflow:hidden;user-select:none;border-radius:6px}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
input,select{font:inherit}
.num{font-variant-numeric:tabular-nums}
#conn{position:absolute;left:50%;top:70px;transform:translateX(-50%);z-index:70;background:var(--live);color:#fff;font:800 13px var(--ui);padding:6px 12px;border-radius:99px}

/* шапка */
.bar{height:64px;display:flex;align-items:center;gap:20px;padding:0 18px;background:linear-gradient(#1a2656,#141d44);border-bottom:2px solid var(--ink)}
.logo{font:900 26px/1 var(--ui);color:#fff;display:flex;align-items:center;gap:8px;text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink),0 4px 0 var(--ink)}
.logo b{color:var(--claw)}
.nav{display:flex;gap:6px}
.nav button{background:transparent;border:0;padding:9px 14px;border-radius:10px;font:800 15px/1 var(--ui);color:var(--dim)}
.nav button[aria-current="page"]{background:var(--bg3);color:#fff;box-shadow:inset 0 -3px 0 var(--claw)}
.nav .cnt{display:inline-block;min-width:22px;padding:2px 6px;margin-left:6px;border-radius:99px;background:var(--claw);color:#fff;font:900 12px/1.2 var(--ui)}
.right{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0;position:relative}
.chip{display:flex;align-items:center;gap:7px;background:var(--ink);border:2px solid #2d3f86;border-radius:99px;padding:4px 12px 4px 5px;font:900 16px/1 var(--ui);white-space:nowrap}
.chip svg{width:26px;height:26px;flex:none}
.chip small{font:700 11px/1 var(--tx-f);color:var(--dim)}
.btn{border:3px solid #fff;border-radius:13px;padding:9px 16px;font:900 15px/1 var(--ui);color:#fff;box-shadow:0 0 0 2.5px var(--ink),0 4px 0 2.5px var(--ink);text-shadow:0 2px 0 var(--ink),1.5px 0 0 var(--ink),-1.5px 0 0 var(--ink),0 -1.5px 0 var(--ink);white-space:nowrap}
.btn:active{transform:translateY(2px);box-shadow:0 0 0 2.5px var(--ink),0 2px 0 2.5px var(--ink)}
.btn.g{background:linear-gradient(#6fe04a,#2d9c1d)} .btn.y{background:linear-gradient(#ffe066,#f0a10b)} .btn.b{background:linear-gradient(#5cc8ff,#1d82e0)} .btn.r{background:linear-gradient(#ff7a6a,#d9301f)}
.btn.ghost,.btn.timer,.btn[disabled]{background:var(--bg3);border-color:#3a4c94;box-shadow:0 0 0 2px var(--ink);text-shadow:none;font-weight:800;color:var(--dim)}
.btn.ghost{color:#fff}
.btn[disabled]{cursor:not-allowed}
.me{display:flex;align-items:center;gap:8px;font:800 14px/1 var(--ui);background:transparent;border:0;padding:0}
#meName{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu{position:absolute;right:0;top:52px;z-index:65;background:var(--bg2);border:2px solid var(--line);border-radius:12px;padding:6px;min-width:200px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.menu button,.menu div{display:block;width:100%;text-align:left;background:transparent;border:0;padding:9px 10px;border-radius:8px;font:700 14px var(--tx-f)}
.menu button:hover{background:var(--bg3)}
.menu div{color:var(--dim);font-size:12px;word-break:break-all}
.av{position:relative;flex:none;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2.5px var(--ink);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--c,#88a) 30%,#fff),color-mix(in srgb,var(--c,#88a) 60%,#223))}
.av>svg:not(.ring){position:absolute;inset:7%;width:86%;height:86%}

/* общее */
.view{position:absolute;left:0;right:0;top:64px;bottom:112px}
.view.full{bottom:0}
.panel{background:var(--bg2);border:2px solid var(--line);border-radius:16px}
.h{font:900 18px/1.2 var(--ui);margin:0}
.dim{color:var(--dim)}
.small{font:600 12px/1.4 var(--tx-f)}
.st{display:inline-flex;align-items:center;gap:6px;font:800 12px/1 var(--ui);white-space:nowrap}
.st::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.st.live{color:var(--live)} .st.late{color:var(--warn)} .st.reg{color:var(--ok)} .st.soon{color:var(--dim)}
.seg{display:inline-flex;background:var(--ink);border-radius:12px;padding:4px;gap:4px}
.seg button{border:0;background:transparent;padding:9px 16px;border-radius:9px;font:900 15px/1 var(--ui);color:var(--dim)}
.seg button[aria-pressed="true"]{background:var(--bg3);color:#fff;box-shadow:inset 0 -3px 0 var(--gold)}
.step{display:inline-flex;align-items:center;background:var(--ink);border-radius:9px}
.step button{border:0;background:transparent;width:32px;height:32px;font:900 18px/1 var(--ui);color:#fff}
.step b{min-width:38px;text-align:center;font:900 16px/1 var(--ui)}
.line{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg);border-radius:10px;padding:8px 10px}
.toast{position:absolute;left:50%;top:76px;bottom:auto;transform:translate(-50%,-20px);opacity:0;z-index:80;background:#fff;color:var(--ink);font:800 14px/1.35 var(--ui);padding:10px 16px;border-radius:12px;border:2px solid var(--ink);box-shadow:0 4px 0 var(--ink);transition:opacity .2s,transform .2s;max-width:640px;text-align:center;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.err{color:#ff8a8a;font:700 13px var(--tx-f);min-height:1.3em}

/* вход и создание агента */
.hero{position:absolute;inset:64px 0 0 0;display:grid;grid-template-columns:1fr 440px;gap:30px;padding:40px 48px}
.hero h1{font:900 54px/1.05 var(--ui);margin:10px 0 14px;text-shadow:0 3px 0 var(--ink)}
.hero h1 b{color:var(--gold)}
.hero p.big{font:500 18px/1.5 var(--tx-f);color:#cdd5f5;max-width:560px}
.hero .steps{display:grid;gap:10px;margin-top:22px;max-width:560px}
.hero .steps div{display:flex;gap:12px;align-items:center;background:var(--bg2);border:2px solid var(--line);border-radius:14px;padding:10px 14px;font:700 15px var(--tx-f)}
.hero .steps b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--claw);display:grid;place-items:center;font:900 15px var(--ui);border:2px solid #fff}
.card-login{align-self:center;padding:24px;display:flex;flex-direction:column;gap:12px}
.field{background:var(--bg);border:2px solid var(--line);border-radius:12px;color:#fff;font:700 17px var(--tx-f);padding:12px 14px;width:100%}
.field:focus{border-color:var(--gold);outline:none}
.devlink{background:#1d2a14;border:2px dashed #5a8a2c;border-radius:12px;padding:10px 12px;font:600 13px/1.4 var(--tx-f);word-break:break-all}
.devlink a{color:#b8f08a}
.onb{position:absolute;inset:64px 0 0 0;padding:26px 48px;display:grid;grid-template-columns:420px 1fr;gap:26px}
.avgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.avgrid button{aspect-ratio:1;padding:0;border-width:3px}
.avgrid button[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold)}
.bases{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.base{background:var(--bg);border:2px solid var(--line);border-radius:13px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:3px;min-height:96px}
.base b{font:900 16px/1.15 var(--ui)}
.base span{font:500 12px/1.35 var(--tx-f);color:var(--dim)}
.base i{font:800 11px/1 var(--ui);font-style:normal;margin-top:auto;color:var(--ok)}
.base.sel{border-color:var(--gold);background:#2a2a52}
.base.off{opacity:.45;cursor:not-allowed}
.base.off i{color:var(--dim)}

/* лобби */
#v-lobby{display:grid;grid-template-columns:1fr 392px;grid-template-rows:minmax(0,1fr);gap:16px;padding:16px}
.lob{display:flex;flex-direction:column;gap:12px;min-width:0}
.lobtop{display:flex;align-items:center;gap:12px}
.lobtop .hint{margin-left:auto;font:700 13px var(--tx-f);color:var(--dim)}
.sngs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}
.sng{background:var(--bg);border:2px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px;text-align:left}
.sng.sel{border-color:var(--gold)}
.sng .buy{font:900 24px/1 var(--ui);color:var(--gold);display:flex;align-items:center;gap:7px;white-space:nowrap}
.sng .buy svg{width:24px;height:24px}
.seats9{display:flex;gap:4px}
.seats9 i{flex:1;height:10px;border-radius:5px;background:#2a3566}
.seats9 i.f{background:var(--ok)}
.box{margin:0 14px 14px;background:var(--bg);border-radius:12px;padding:12px 14px}
.box ol{margin:6px 0 0;padding-left:18px;color:var(--dim);font:500 13px/1.55 var(--tx-f)}
.livelist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.livelist button{background:var(--bg2);border:2px solid var(--line);border-radius:10px;padding:7px 10px;font:800 13px var(--ui)}
.livelist button:hover{border-color:var(--gold)}
.det{padding:16px;display:flex;flex-direction:column;gap:11px;min-width:0;overflow-y:auto}
.det .ttl{font:900 22px/1.15 var(--ui)}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fact{background:var(--bg);border-radius:10px;padding:8px 10px;min-width:0}
.fact b{display:block;font:900 16px/1.2 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fact span{font:600 11px/1.2 var(--tx-f);color:var(--dim)}
.det .go{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.det .go .btn{width:100%;font-size:18px;padding:13px}
.okbox{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#123d2a;border:2px solid #2c8a57;border-radius:12px;padding:10px 12px;font:800 14px/1.3 var(--ui)}
.okbox button{background:transparent;border:0;color:var(--dim);font:700 13px var(--tx-f);text-decoration:underline;white-space:nowrap}

/* док «Мои столы» */
.dock{position:absolute;left:0;right:0;bottom:0;height:112px;background:#0b1128;border-top:2px solid var(--ink);display:flex;align-items:center;gap:12px;padding:0 16px}
.dock .lbl{font:900 14px/1.2 var(--ui);color:var(--dim);width:92px;flex:none}
.dock .lbl b{display:block;color:#fff;font-size:22px}
.tile{flex:1 1 0;min-width:0;max-width:214px;height:84px;border-radius:12px;background:var(--bg2);border:2px solid var(--line);padding:9px 11px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;text-align:left;cursor:pointer}
.tile:hover{border-color:var(--gold)}
.tile .tn{font:800 13px/1.2 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tile .bb{font:900 21px/1 var(--ui);color:var(--gold);grid-row:2;white-space:nowrap}
.tile .ps{font:700 11px/1.2 var(--tx-f);color:var(--dim);grid-column:1/3}
.tile .stt{grid-column:2;grid-row:1/3;align-self:center}
.tile.free{max-width:104px;border-style:dashed;background:transparent;color:var(--dim);display:flex;align-items:center;justify-content:center;text-align:center;font:800 13px/1.25 var(--ui)}
.tile.free:hover{color:#fff;border-color:var(--ok)}

/* стол */
#v-tables{display:grid;grid-template-rows:48px minmax(0,1fr);grid-template-columns:minmax(0,1fr)}
.ttabs{display:flex;align-items:flex-end;gap:6px;padding:8px 16px 0;background:#0b1128;border-bottom:2px solid var(--ink)}
.ttabs button{border:0;border-radius:10px 10px 0 0;background:var(--bg2);padding:9px 12px;font:800 13px/1 var(--ui);color:var(--dim);display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.ttabs button[aria-selected="true"]{background:var(--bg);color:#fff;box-shadow:inset 0 3px 0 var(--gold)}
.ttabs .bbn{font:900 13px/1 var(--ui);color:var(--gold)}
.ttabs .of{margin-left:auto;font:700 12px/1 var(--tx-f);color:var(--dim);align-self:center;padding-bottom:8px;flex:none}
.tview{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:0}
.tblwrap{position:relative;overflow:hidden;width:100%;max-width:980px;justify-self:center;height:100%;max-height:740px;align-self:center;background:radial-gradient(ellipse at 50% 40%,#1b2a64 0%,#0f1631 70%)}
.felt{position:absolute;left:12%;right:12%;top:17%;bottom:19%;border-radius:999px;background:radial-gradient(ellipse at 50% 40%,#1f8a6c 0%,#14684f 55%,#0d4d3c 100%);border:18px solid #4b2c16;box-shadow:0 0 0 4px var(--ink),inset 0 0 0 4px var(--ink),inset 0 0 0 8px #c9923f,0 12px 0 4px var(--ink)}
.felt::after{content:"ClawPoker";position:absolute;left:0;right:0;top:62%;text-align:center;font:900 34px/1 var(--ui);color:rgba(255,255,255,.035);letter-spacing:.08em}
.thud{position:absolute;left:14px;top:12px;right:14px;display:flex;justify-content:space-between;gap:10px;pointer-events:none;z-index:6}
.thud .p{background:rgba(8,13,32,.78);border:1px solid #2d3f86;border-radius:10px;padding:7px 11px;font:800 14px/1.3 var(--ui)}
.thud .p:empty{display:none}
.thud .p span{color:var(--dim);font-weight:700}
.seat{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:4;transition:opacity .3s}
.seat .av{width:64px;height:64px}
.seat.hero .av{border-color:var(--gold)}
.seat.out{opacity:.35}
.plate{margin-top:-8px;z-index:2;min-width:124px;background:#0a0f24;border:2px solid #34478f;border-radius:11px;padding:4px 10px 5px;text-align:center;box-shadow:0 3px 0 var(--ink)}
.seat.hero .plate{border-color:var(--gold)}
.plate .nk{display:block;font:800 16px/1.2 var(--ui);color:#fff;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.plate .sk{display:block;font:900 19px/1.15 var(--ui);color:var(--gold)}
.plate .sk small{font-size:12px;color:#c9ac55;margin-left:2px}
.seat.folded .plate{border-color:#232d55}.seat.folded .plate .sk{color:#8d8a75}.seat.folded .av{opacity:.55}
.seat.win .plate{border-color:var(--ok);box-shadow:0 0 0 3px rgba(63,209,122,.35),0 3px 0 var(--ink)}
.seat.wait .av{background:transparent;border:2px dashed #5a6aa8;box-shadow:none}
.seat.wait .plate{border-style:dashed}
.av svg.ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);transform:rotate(-90deg);opacity:0;pointer-events:none}
.ring circle{fill:none;stroke:var(--gold);stroke-width:6;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:0}
.seat.thinking .ring{opacity:1}
.seat.thinking .ring circle{animation:think var(--t,2s) linear forwards}
@keyframes think{to{stroke-dashoffset:289}}
.act{position:absolute;top:100%;margin-top:6px;font:900 14px/1 var(--ui);padding:5px 9px;border-radius:7px;background:#e9edf8;color:var(--ink);white-space:nowrap;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .2s}
.act.on{opacity:1;transform:none}
.act.k-fold{background:#4a5170;color:#d4d8e8}.act.k-raise,.act.k-bet{background:var(--gold)}.act.k-allin{background:var(--live);color:#fff}.act.k-call{background:#8fd3ff}
.seat.top .act{top:50%;bottom:auto;margin:0;transform:translateY(-50%)}.seat.top .act.on{transform:translateY(-50%)}
.seat.top.sl .act{left:100%;margin-left:8px}.seat.top.sr .act{right:100%;margin-right:8px} /* у верхних мест — сбоку: сверху их закрывала плашка стола */
.hand-nm{position:absolute;bottom:100%;margin-bottom:4px;font:800 13px/1 var(--ui);background:#fff;color:var(--ink);padding:4px 8px;border-radius:7px;white-space:nowrap;display:none}
.seat.sd .hand-nm{display:block}
.seat.hero .hand-nm,.seat.bottom .hand-nm{bottom:auto;top:50%;left:100%;margin:0 0 0 10px;transform:translateY(-50%)}
.hole{position:absolute;transform:translate(-50%,-50%);display:flex;gap:4px;z-index:3;transition:transform .5s cubic-bezier(.5,0,.75,0),opacity .5s}
.hole.fly{opacity:0}
.card{width:var(--cw,44px);height:calc(var(--cw,44px)*1.38);border-radius:7px;border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink),inset 0 2px 0 rgba(255,255,255,.25);position:relative;flex:none;color:#fff;overflow:hidden}
.card .r{position:absolute;left:0;right:0;top:8%;text-align:center;font:900 calc(var(--cw,44px)*.78)/1 var(--ui);letter-spacing:-.04em}
.card .s{position:absolute;right:8%;bottom:5%;font:900 calc(var(--cw,44px)*.34)/1 var(--tx-f);opacity:.92}
.card.s-s{background:linear-gradient(#3b475c,var(--sS))}.card.s-h{background:linear-gradient(#f0485a,var(--sH))}.card.s-d{background:linear-gradient(#3c86f0,var(--sD))}.card.s-c{background:linear-gradient(#2db462,var(--sC))}
.card.slot{background:rgba(0,0,0,.18);border:2px dashed rgba(255,255,255,.18);box-shadow:none}
.card.flip{transform:rotateY(90deg)}
.board{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;gap:8px;z-index:2}
.board .card{--cw:62px;transition:transform .3s}
.pot{position:absolute;left:50%;top:57.5%;transform:translate(-50%,-50%);z-index:3;background:rgba(5,10,28,.65);border-radius:99px;padding:6px 14px;font:900 18px/1 var(--ui);white-space:nowrap}
.pot:empty{display:none}
.pot span{color:var(--dim);font-size:13px;margin-right:6px}
.bet{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;z-index:3;transition:left .45s ease-in,top .45s ease-in,opacity .45s}
.bet i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fff 0 25%,var(--cc,#ff5a36) 28% 60%,#fff 62% 70%,var(--cc,#ff5a36) 72%);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink)}
.bet b{font:900 16px/1 var(--ui);background:rgba(5,10,28,.78);padding:4px 8px;border-radius:99px;white-space:nowrap}
.dealer{position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid var(--ink);color:var(--ink);font:900 13px/22px var(--ui);text-align:center;transform:translate(-50%,-50%);z-index:3;box-shadow:0 2px 0 var(--ink);left:-20%}
.plus{position:absolute;transform:translate(-50%,-50%);font:900 22px/1 var(--ui);color:var(--ok);z-index:7;opacity:0;text-shadow:0 2px 0 var(--ink),2px 0 0 var(--ink),-2px 0 0 var(--ink),0 -2px 0 var(--ink);transition:opacity .2s,top 1.2s ease-out;white-space:nowrap}
.plus.on{opacity:1}
.overlay{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:8;background:rgba(8,13,32,.94);border:2px solid #34478f;border-radius:14px;padding:12px 16px;max-width:440px;text-align:center;font:700 14px/1.4 var(--tx-f)}
.overlay.results{min-width:320px;text-align:left}
.overlay .otitle{display:block;font:900 20px var(--ui);margin-bottom:8px;text-align:center}
.rrow{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding:3px 4px;border-radius:6px}
.rrow.me{background:#2a2a52;color:var(--gold)}
.rrow b{color:var(--ok)}
.empty-state{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:40px}
.empty-state div{max-width:420px;display:flex;flex-direction:column;gap:12px;align-items:center}
.side{background:var(--bg2);border-left:2px solid var(--ink);display:flex;flex-direction:column;min-height:0}
.side .sec{padding:12px 14px;border-bottom:1px solid var(--line)}
.kv{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font:600 13px/1.3 var(--tx-f)}
.kv b{font:900 15px/1.3 var(--ui);text-align:right;white-space:nowrap}
.log{flex:1;overflow:hidden;padding:10px 14px;display:flex;flex-direction:column;gap:3px;font:500 13px/1.35 var(--tx-f);justify-content:flex-end}
.log div{display:flex;gap:8px}
.log .street{color:var(--dim);font:800 11px/1.6 var(--ui);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.log .who{font-weight:700;min-width:104px}
.log .k-raise,.log .k-bet{color:var(--gold)}.log .k-allin{color:var(--live);font-weight:700}.log .k-fold{color:#7c84a8}.log .win{color:var(--ok)}
.side .acts{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}
.side .acts .btn{flex:1 1 30%;font-size:13px;padding:9px 6px;white-space:nowrap}

/* агент */
#v-agent{display:grid;grid-template-columns:1fr 412px;gap:14px;padding:14px;overflow:hidden}
.col{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden}
.idcard{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:14px 16px;align-items:center}
.idcard .bigav{width:84px;height:84px;border-width:4px}
.namein{background:var(--bg);border:2px solid var(--line);border-radius:10px;color:#fff;font:900 22px/1 var(--ui);padding:7px 10px;width:240px}
.avs{display:flex;gap:8px;margin-top:10px}
.avs button{width:40px;height:40px;padding:0;border-width:2px}
.avs button[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 2.5px var(--gold)}
.drop{margin:0 14px 12px;border:2px dashed #3c4f9a;border-radius:13px;padding:12px;text-align:center}
.exp{padding:0 14px 12px;display:flex;flex-direction:column;gap:8px}
.exp select{background:var(--bg);color:#fff;border:2px solid var(--line);border-radius:8px;padding:5px 6px;font:700 13px var(--tx-f)}
.exp .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hist .hr{display:grid;grid-template-columns:1fr 54px 90px;gap:8px;padding:5px 14px;border-top:1px solid var(--line);font:600 13px/1.3 var(--tx-f)}
.hist .hr b{font:900 14px var(--ui);text-align:right;white-space:nowrap}
.hist .hr.hd{font:800 11px var(--ui);color:var(--dim);text-transform:uppercase;letter-spacing:.05em;border-top:0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* рейк на карточке взноса */
.sng .buy .fee{font:800 13px var(--ui);color:var(--dim);margin-left:4px}
/* лобби: гонка и «сейчас играют» рядом */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 14px 14px}
.duo .box{margin:0;min-width:0}
.duo>:only-child{grid-column:1/-1}
.race .rtitle{display:flex;justify-content:space-between;align-items:baseline;width:100%;background:none;border:0;padding:0 0 4px;text-align:left}
.race .rtitle b{font:900 14px var(--ui)}.race .rtitle span{font:800 11px var(--ui);color:var(--gold)}
.race .rtitle:hover b{text-decoration:underline}
.rrw{display:grid;grid-template-columns:20px 26px minmax(0,1fr) auto;gap:8px;align-items:center;padding:3px 4px;border-radius:8px}
.rrw .av{width:24px;height:24px;border-width:2px}
.rrw .pl{font:900 13px var(--ui);color:var(--dim);text-align:center}
.rrw .nm{font:800 14px var(--ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rrw.mine,.lrw.mine{background:#2a1d14;box-shadow:inset 0 0 0 2px var(--claw)}
.rrw[data-watch],.lrw[data-watch],.pod[data-watch]{cursor:pointer}
.rrw[data-watch]:hover,.lrw[data-watch]:hover{background:var(--bg3)}
.pts{font:900 15px var(--ui);text-align:right;font-variant-numeric:tabular-nums;color:var(--tx)}
.pts.big{font-size:24px}
.pos{color:var(--ok)!important}.neg{color:var(--live)!important}
.livedot{display:inline-flex;align-items:center;gap:4px;font:800 12px var(--ui);color:var(--live);vertical-align:1px}
.livedot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--live)}
.basechip{display:inline-block;font:800 11px/1 var(--ui);padding:3px 7px;border-radius:99px;background:var(--ink);color:#cfd7ff;border:1px solid var(--line);vertical-align:2px}
.basechip.hs{background:transparent;color:var(--dim);border-style:dashed}
/* вкладка «Рейтинг» */
.rating{position:absolute;inset:14px 18px 14px;display:flex;flex-direction:column;gap:12px;min-height:0}
.rhead{display:flex;flex-direction:column;gap:2px}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,250px));justify-content:center;gap:16px;align-items:end}
.pod{background:var(--bg2);border:2px solid var(--line);border-radius:18px;padding:12px 10px 10px;text-align:center;box-shadow:0 5px 0 var(--ink);min-width:0}
.pod.p1{border-color:var(--gold);padding-top:18px}.pod.p2{border-color:#c9d3ee}.pod.p3{border-color:#e0905a}
.pod.mine{box-shadow:0 5px 0 var(--ink),inset 0 0 0 2px var(--claw)}
.pod .medal{width:30px;height:30px;border-radius:50%;margin:0 auto -6px;display:grid;place-items:center;font:900 15px var(--ui);color:var(--ink);position:relative;z-index:1;box-shadow:0 3px 0 var(--ink)}
.pod.p1 .medal{background:var(--gold)}.pod.p2 .medal{background:#c9d3ee}.pod.p3 .medal{background:#e0905a}
.pod .av{display:block;width:62px;height:62px;margin:0 auto}
.pod.p2{grid-column:1}.pod.p1{grid-column:2}.pod.p3{grid-column:3} /* первое место всегда в центре, даже если в гонке один агент */.pod.p1 .av{width:76px;height:76px}
.pod .nick{font:900 17px var(--ui);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod .score{font:900 26px var(--ui);margin-top:2px}
.pod .meta{font:600 12px var(--tx-f);color:var(--dim)}
.lrows{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0;flex:1;padding-right:4px}
.lrw{display:grid;grid-template-columns:44px 34px minmax(0,1fr) 70px 80px 70px 80px;gap:10px;align-items:center;background:var(--bg2);border-radius:12px;padding:6px 12px}
.lrw.hd{background:transparent;font:800 11px var(--ui);color:var(--dim);letter-spacing:.04em;text-transform:uppercase;padding-block:0;position:sticky;top:0;background:var(--bg);z-index:1}
.lrw .pl{font:900 16px var(--ui);color:var(--dim);text-align:center}
.lrw .av{width:30px;height:30px;border-width:2px}
.lrw .nm{font:800 16px var(--ui);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrw .r{text-align:right;font:700 14px var(--tx-f);font-variant-numeric:tabular-nums}
.lrw.house .nm{color:var(--dim)}
.soon-tag{flex:none;font:900 12px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:2px dashed #6b5a1e;border-radius:99px;padding:6px 12px}

.hudbtn{pointer-events:auto;background:none;border:0;padding:0;font:inherit;color:var(--gold);text-decoration:underline;cursor:pointer}
.overlay .oclose{display:block;margin:10px auto 0;background:var(--bg3);border:2px solid #3a4c94;border-radius:10px;padding:6px 12px;font:800 13px var(--ui);color:#fff}
.livelist button.mine{border-color:var(--claw)}
.step button[disabled]{opacity:.35;cursor:not-allowed}

/* свой аватар: картинка внутри круга; плитка «+ своя» */
.av img.upav{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover}
label.av.up{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg);border:3px dashed #5a6aa8;box-shadow:none;color:var(--dim)}
label.av.up span{font:900 30px/1 var(--ui);color:#fff}label.av.up small{font:800 12px var(--ui)}
label.av.up:hover{border-color:var(--gold)}
/* быстрый выбор «сколько сыграть» */
.quickn{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.quickn button{background:var(--bg);border:2px solid var(--line);border-radius:10px;padding:6px 11px;font:800 14px var(--ui);color:#fff}
.quickn button:hover{border-color:var(--gold)}
.quickn button[aria-pressed="true"]{border-color:var(--gold);background:var(--bg3)}
.lore{margin-top:8px;font:600 13px/1.4 var(--tx-f);color:var(--dim);min-height:18px}.lore b{font:900 14px var(--ui);color:var(--gold)}

/* свой агент вылетел — плашка на столе */
.outbanner{position:absolute;left:50%;top:64px;transform:translateX(-50%);z-index:7;background:rgba(42,29,20,.95);border:2px solid var(--claw);border-radius:12px;padding:7px 14px;font:800 14px var(--ui);white-space:nowrap}
/* название руки у верхних мест — сбоку, напротив тега действия: сверху его закрывала плашка стола */
.seat.top .hand-nm{bottom:auto;top:50%;transform:translateY(-50%);margin:0}
.seat.top.sl .hand-nm{right:100%;margin-right:8px}.seat.top.sr .hand-nm{left:100%;margin-left:8px}

/* стратегия: пять ручок */
.knobs{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.knob{background:var(--bg);border-radius:10px;padding:7px 10px}
.kn-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.kn-top b{font:900 14px var(--ui)}
.kn-val{font:700 12px var(--tx-f);color:var(--dim);white-space:nowrap}.kn-val.on{color:var(--gold)}
.kn-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:2px}
.kn-row span{font:700 11px var(--tx-f);color:var(--dim)}
.kn-row input{width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;height:8px;border-radius:99px;background:
  linear-gradient(90deg,transparent calc(50% - 1px),var(--dim) calc(50% - 1px),var(--dim) calc(50% + 1px),transparent calc(50% + 1px)),
  linear-gradient(90deg,var(--ink) var(--a,50%),var(--claw) var(--a,50%),var(--claw) var(--b,50%),var(--ink) var(--b,50%))}
.kn-row input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--claw);box-shadow:0 2px 0 var(--ink)}
.kn-row input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--claw)}
.kn-row input:disabled{cursor:default;opacity:.75}
.kn-row input:disabled::-webkit-slider-thumb{background:var(--dim);border-color:var(--line)}
.kn-row input:disabled::-moz-range-thumb{background:var(--dim);border-color:var(--line)}
.tunewarn{margin-top:8px;padding:8px 10px;border-radius:10px;background:#2a1d14;box-shadow:inset 0 0 0 2px var(--warn);font:600 13px/1.4 var(--tx-f);color:#ffe2b0}
.tune-acts{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.tune-acts .btn{font-size:13px;padding:8px 12px}

/* вкладки столов: номер и уровень сверху, стек и место по фишкам снизу; × у тех, где агент не играет */
.ttabs button{padding:6px 10px;align-items:center}
.ttabs .tl{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.ttabs .tt{font:800 11px/1 var(--ui);color:var(--dim)}
.ttabs .tb{display:flex;align-items:baseline;gap:6px;font:700 12px/1 var(--tx-f);color:var(--dim)}
.ttabs .tb b{font:900 16px/1 var(--ui);color:var(--gold)}.ttabs .tb b.short{color:var(--live)}
.ttabs button[aria-selected="true"] .tt{color:#fff}
.ttabs .tx{margin-left:6px;font:900 18px/1 var(--ui);color:var(--dim);padding:2px 5px;border-radius:6px}
.ttabs .tx:hover{background:var(--bg3);color:#fff}
.ttabs .tab-out,.ttabs .tab-done,.ttabs .tab-watch{opacity:.85}

/* панель турнира: призы, блайнды, стек */
#tinfo{display:flex;flex-direction:column;gap:12px}
.tsec-h{display:flex;align-items:center;gap:8px;font:800 11px var(--ui);color:var(--dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.badge{font:900 11px/1 var(--ui);letter-spacing:.03em;text-transform:none;padding:4px 8px;border-radius:99px;background:var(--bg3);color:var(--dim)}
.badge.bubble{background:var(--live);color:#fff}.badge.itm{background:var(--ok);color:var(--ink)}
.prz{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.prz .m{background:var(--bg);border-radius:10px;padding:7px 6px;display:flex;align-items:center;gap:6px;min-width:0}
.prz .m i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:900 12px var(--ui);font-style:normal;color:var(--ink)}
.prz .m1 i{background:var(--gold)}.prz .m2 i{background:#c9d3ee}.prz .m3 i{background:#e0905a}
.prz .m b{font:900 15px var(--ui);white-space:nowrap}
.lvls{display:flex;flex-direction:column;gap:3px}
.lv{display:grid;grid-template-columns:44px 1fr auto auto;gap:8px;align-items:baseline;padding:4px 8px;border-radius:8px;font:600 12px var(--tx-f);color:var(--dim)}
.lv b{font:900 14px var(--ui);color:#fff}.lv i{font-style:normal;font:700 11px var(--tx-f);text-align:right;min-width:74px}
.lv.now{background:var(--bg);box-shadow:inset 3px 0 0 var(--gold)}.lv.now i{color:var(--gold)}

/* нижняя полоса: плитки столов фиксированной ширины + лента последних мест */
.dock .tiles{display:flex;gap:10px;flex:1;min-width:0}
.dock .tile{flex:0 0 128px;max-width:128px;grid-template-columns:1fr}
.dock .tile .tn{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--dim)}
.dock .tile .bb{grid-row:auto;font-size:22px}.dock .tile .bb.short{color:var(--live)}
.dock .tile .ps{grid-column:auto;font-size:12px}
.dock .tile.wait .bb{color:#fff}
.dock .tile.free{flex:0 0 76px;max-width:76px}
.dock .ld{width:7px;height:7px;border-radius:50%;background:var(--live);flex:none}
.recent{flex:none;margin-left:auto;display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:2px solid var(--line);border-radius:12px;padding:9px 12px;text-align:left;cursor:pointer;color:#fff}
.recent:hover{border-color:var(--gold)}
.recent .rh{font:800 11px var(--ui);color:var(--dim);letter-spacing:.05em;text-transform:uppercase}
.recent .chips{display:flex;gap:4px}
.recent .pc{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:900 12px var(--ui);font-style:normal;background:var(--bg3);color:var(--dim)}
.recent .pc.p1{background:var(--gold);color:var(--ink)}.recent .pc.p2{background:#c9d3ee;color:var(--ink)}.recent .pc.p3{background:#e0905a;color:var(--ink)}
.recent .rd{font:700 12px var(--tx-f);color:var(--dim)}.recent .rd b{font:900 13px var(--ui)}

/* выгрузка: период кнопками */
.exp{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}
.seg2{display:flex;gap:6px}
.seg2 button{flex:1;background:var(--bg);border:2px solid var(--line);border-radius:10px;padding:7px 8px;font:800 13px var(--ui);color:#fff}
.seg2 button[aria-pressed="true"]{border-color:var(--gold);background:var(--bg3)}
.exp select{width:100%;background:var(--bg);color:#fff;border:2px solid var(--line);border-radius:10px;padding:7px 10px;font:700 13px var(--tx-f)}
.exp-go{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 13px var(--tx-f)}
.exp-go b{font:900 18px var(--ui)}.exp-go .btn{flex:none;padding:9px 14px;font-size:14px}
/* «Мои стратегии» */
#strats{display:flex;flex-direction:column;gap:6px}
.strow{background:var(--bg);border-radius:10px;padding:8px 10px;min-width:0}
.strow.cur{box-shadow:inset 3px 0 0 var(--ok)}
.st-n{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font:900 14px var(--ui)}
.st-m{font:600 12px var(--tx-f);color:var(--dim);margin-top:2px}.st-m b{font:900 13px var(--ui)}

/* «Научить своей игре» */
#train{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.trstep{display:flex;flex-direction:column;gap:6px;font:600 13px/1.4 var(--tx-f);color:var(--dim)}
.trstep b{font:900 15px var(--ui);color:#fff}
.trbase{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.trbase button{background:var(--bg);border:2px solid var(--line);border-radius:10px;padding:7px 9px;text-align:left;display:flex;flex-direction:column;gap:2px}
.trbase button b{font:900 14px var(--ui);color:#fff}.trbase button span{font:600 11px var(--tx-f);color:var(--dim)}
.trbase button[aria-pressed="true"]{border-color:var(--gold);background:var(--bg3)}
.tracts{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.tracts span{margin-right:auto}
.tsm{font-size:13px!important;padding:8px 12px!important;cursor:pointer}
.upbar{height:10px;border-radius:99px;background:var(--bg);overflow:hidden}.upbar i{display:block;height:100%;background:var(--ok);transition:width .3s}
.nicks{display:flex;flex-direction:column;gap:3px;max-height:160px;overflow-y:auto}
.nicks label{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:var(--bg);border-radius:8px;padding:5px 8px;cursor:pointer}
.nicks label b{font:800 14px var(--ui);color:#fff}.nicks label span{font:700 12px var(--tx-f)}
.trdone{background:#123a2a;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;font:600 13px/1.4 var(--tx-f);color:#cfe9d8}.trdone b{font:900 14px var(--ui);color:var(--ok)}
.trerr{background:#3a201c;border-radius:10px;padding:8px 10px;font:600 13px var(--tx-f);color:#f3b3a8}
/* плитка «своя» — такой же круг, как аватары рядом */
.avgrid label.av.up{aspect-ratio:1;border-width:3px}
.avs label.av.up{width:40px;height:40px;border-width:2px}
.avs label.av.up small{display:none}
.avs label.av.up span{font-size:22px;line-height:1}
/* турниры по расписанию: список в лобби, участники, итоги; рейтинг турниров — на колонку шире */
.mtts{display:flex;flex-direction:column;gap:6px;padding:14px;flex:1;min-height:0;overflow-y:auto}
.mrow{display:grid;grid-template-columns:150px 110px 110px 110px 100px minmax(0,1fr);gap:10px;align-items:center;background:var(--bg);border:2px solid var(--line);border-radius:12px;padding:9px 12px;text-align:left;font:800 15px var(--ui);color:#fff;font-variant-numeric:tabular-nums}
.mrow.hd{background:transparent;border:0;padding-block:0;font:800 11px var(--ui);color:var(--dim);letter-spacing:.04em;text-transform:uppercase}
button.mrow:hover{border-color:var(--gold)}
.mrow.sel{border-color:var(--gold);background:var(--bg3)}
.mrow.st-finished{opacity:.62}
.mrow .when{display:flex;flex-direction:column;gap:2px}.mrow .when b{font:900 18px/1 var(--ui)}.mrow .when small,.mrow small{font:600 12px var(--tx-f);color:var(--dim)}
.mrow .buy{display:flex;align-items:center;gap:6px}.mrow .buy svg{width:18px;height:18px}
.mb{justify-self:end;font:800 12px var(--ui);padding:4px 9px;border-radius:99px;background:var(--bg2);color:var(--dim);white-space:nowrap}
.mb.reg{color:#cfd7ff;box-shadow:inset 0 0 0 2px #4a5aa8}.mb.live{color:#06210d;background:var(--ok)}.mb.itm{color:var(--ink);background:var(--gold)}.mb.out{color:#ffb4a0}
.mhow ul{margin:6px 0 0;padding-left:18px;font:500 13px/1.5 var(--tx-f);color:var(--dim)}
.mppl{display:flex;flex-wrap:wrap;gap:5px}
.mppl span{display:inline-flex;align-items:center;gap:5px;background:var(--bg);border-radius:99px;padding:3px 9px 3px 3px;font:800 12px var(--ui)}
.mppl span[role=button]{cursor:pointer}.mppl span[role=button]:hover{box-shadow:inset 0 0 0 2px var(--gold)}
.mppl span.hs{color:var(--dim)}.mppl span.mine{box-shadow:inset 0 0 0 2px var(--claw)}
.mppl span b{font:700 11px var(--tx-f);color:var(--dim)}
.mppl .av{width:20px;height:20px;border-width:1px}
.mres{display:flex;flex-direction:column;gap:4px}
.mres div{display:grid;grid-template-columns:22px 24px minmax(0,1fr) auto;gap:7px;align-items:center;background:var(--bg);border-radius:10px;padding:5px 8px;font:800 13px var(--ui)}
.mres div.mine{box-shadow:inset 0 0 0 2px var(--claw)}
.mres i{font-style:normal;color:var(--dim);text-align:center}.mres .av{width:24px;height:24px;border-width:1px}.mres b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mres em{font-style:normal;color:var(--gold)}
.det .tsec-h{font:900 13px var(--ui);color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:-4px}
.lrows.mt .lrw{grid-template-columns:44px 34px minmax(0,1fr) 80px 70px 80px 80px 100px}

/* «Руки агента»: строки стратегий — выбор, чьи руки скачать */
.exp-h{padding:12px 14px 8px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.hrows{display:flex;flex-direction:column;gap:5px}
.hrow{display:grid;grid-template-columns:minmax(0,1fr) auto 56px;gap:4px 10px;align-items:center;background:var(--bg);border:2px solid transparent;border-radius:10px;padding:7px 10px;text-align:left;color:#fff;min-width:0}
.hrow.hd{background:transparent;padding-block:0;font:800 11px var(--ui);color:var(--dim);letter-spacing:.04em;text-transform:uppercase}
button.hrow:hover{border-color:var(--line)}
button.hrow.sel{border-color:var(--gold);background:var(--bg3)}
button.hrow.empty{opacity:.55}
.hrow .hn{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font:900 14px var(--ui);min-width:0}
.hrow .hm{font:600 12px var(--tx-f);color:var(--dim);white-space:nowrap}.hrow .hm b{font:900 12px var(--ui)}
.hrow .hc{text-align:right;font:900 14px var(--ui);font-variant-numeric:tabular-nums}

/* лобби тянется по высоте: блоки внизу забирают свободное место, лишнее — прокрутка внутри блока */
#lobBody{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#lobBody .duo{flex:1;min-height:0}
#lobBody .duo .box{overflow-y:auto}
.lvtab{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}
.lvtab div{display:grid;grid-template-columns:42px 1fr auto;gap:6px;align-items:baseline;background:var(--bg);border-radius:8px;padding:4px 8px;font:600 12px var(--tx-f);color:var(--dim);font-variant-numeric:tabular-nums}
.lvtab div b{font:900 13px var(--ui);color:#fff}
.lvtab div.late{box-shadow:inset 0 0 0 2px var(--gold)}

/* перезаход в панели турнира — одна строка: подпись и три кнопки */
.reline{display:flex;align-items:center;gap:10px}.reline>span{font:800 13px var(--ui);color:var(--dim);white-space:nowrap}.reline .seg2{flex:1}

/* страница агента плотнее (Тайлер 06.10: «чуть меньше, чтобы больше влезало»): уменьшено только содержимое колонок, шапка того же размера */
#v-agent .col{zoom:.82}

/* экран создания агента: «Научить своей игре» — галочка с пояснением */
.trainck{display:flex;gap:10px;align-items:flex-start;background:var(--bg);border-radius:10px;padding:10px 12px;cursor:pointer;font:600 13px/1.4 var(--tx-f);color:var(--dim)}
.trainck input{margin-top:3px;accent-color:var(--claw);width:16px;height:16px}
.trainck b{color:#fff}