/* LW look: chỉ áp dụng cho màn chơi + kết quả; sảnh dùng giao diện cũ (style.css) */

:root { --lw-bg1: #5b5fc7; --lw-bg2: #33357e; --lw-panel1: #6a5fe0; --lw-panel2: #4a3fb8; --lw-line: #8f86ff; }
html:has(body.lw) { background: #2f3178; }
body.lw { font-family: Fredoka, "Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-weight: 500;
  background: radial-gradient(90% 55% at 50% 30%, #6366d0 0%, #4a4ca8 45%, #2f3178 100%) fixed; }
body.lw::before { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .25;
  background: radial-gradient(circle at 15% 85%, #8a7cff 0 2px, transparent 3px) 0 0/46px 46px, radial-gradient(circle at 70% 30%, #9d93ff 0 1.5px, transparent 2.5px) 0 0/63px 63px; }
#game b, #result b, #game h1, #result h1, #game h2, #result h2, #game h3, #result h3, #game button, #result button { font-family: inherit; }
#game button, #result button { font-weight: 700; }


#game .lw-logo, #result .lw-logo { display: flex; flex-direction: column; align-items: center; gap: 10px; }
#game .lw-die, #result .lw-die { width: 84px; height: 84px; border-radius: 20px; background: linear-gradient(#fff, #dfe3f1); box-shadow: inset 0 -8px 0 #b9c0d8, 0 10px 24px rgba(0,0,0,.35); transform: rotate(-12deg); position: relative; animation: lwbob 1.4s ease-in-out infinite; }
#game .lw-die::after, #result .lw-die::after { content: ''; position: absolute; inset: 14px; background: radial-gradient(circle, #e3342f 7px, transparent 8px) center/100% 100% no-repeat, radial-gradient(circle, #1d1d2b 6px, transparent 7px) 0 0/50% 50%; }
#game .lw-word, #result .lw-word { font-size: 40px; font-weight: 700; letter-spacing: 1px; color: #fff; text-shadow: 0 4px 0 #23206e, 0 0 18px rgba(255,255,255,.25); line-height: 1; text-align: center; }
#game .lw-word b, #result .lw-word b { display: block; font-size: 30px; color: #ffd23f; -webkit-text-stroke: 1.5px #a35a00; text-shadow: 0 4px 0 #7a3c00; }
@keyframes lwbob { 50% { transform: rotate(-4deg) translateY(-8px); } }


#game .pill, #result .pill { background: rgba(20, 16, 70, .55); box-shadow: inset 0 2px 4px rgba(0,0,0,.35); font-weight: 700; }
#game .pill .gem, #result .pill .gem { width: 20px; height: 20px; font-size: 0; display: inline-block; vertical-align: -4px; background: linear-gradient(135deg, #f8a8ff, #b04de8 45%, #6d1fb8); clip-path: polygon(50% 0, 100% 30%, 82% 100%, 18% 100%, 0 30%); }
#game .coin, #result .coin { background: radial-gradient(circle at 35% 30%, #fff8c4, #ffd23f 40%, #e09500 80%); box-shadow: inset 0 0 0 2px #f1a800, 0 1px 0 #8a5600; }
#game .coin-pill .plus, #result .coin-pill .plus { background: transparent; color: #ffe14d; font-size: 20px; width: 18px; text-shadow: 0 1px 0 #6b4a00; }
#game .avatar, #result .avatar { border: 3px solid #ffd23f; box-shadow: 0 2px 6px rgba(0,0,0,.4); }


#game .mode-banner, #result .mode-banner { align-self: center; position: relative; display: flex; align-items: center; gap: 6px; padding: 6px 34px 8px; font-size: 30px; font-weight: 700; color: #fff; letter-spacing: 2px;
  background: linear-gradient(#ff8a3d, #f04a1f); border-radius: 14px; box-shadow: inset 0 3px 0 rgba(255,255,255,.4), inset 0 -5px 0 #b02a0c, 0 6px 14px rgba(0,0,0,.35); text-shadow: 0 3px 0 #9b2300; }
#game .mode-banner .bolt, #result .mode-banner .bolt { font-size: 26px; filter: drop-shadow(0 2px 0 #9b2300); }


#game .panel-box, #result .panel-box { background: linear-gradient(180deg, var(--lw-panel1), var(--lw-panel2)); border: 2px solid var(--lw-line); border-radius: 18px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.25), 0 6px 14px rgba(15, 10, 60, .45); }
#game .panel-box h3, #result .panel-box h3 { font-size: 20px; font-weight: 700; text-shadow: 0 2px 0 #2a1f8a; }
#game .pick, #result .pick { border-radius: 14px; background: linear-gradient(#7fb6ff, #3f6ee6 60%, #2f56c8); border: 2px solid #a9cbff; box-shadow: inset 0 2px 0 rgba(255,255,255,.45), inset 0 -4px 0 #2343a3, 0 3px 6px rgba(0,0,0,.25); }
#game .pick .ppl, #result .pick .ppl { display: block; height: 22px; margin-bottom: 3px; background: radial-gradient(circle at 50% 30%, #fff 0 4px, transparent 5px), radial-gradient(ellipse at 50% 100%, #fff 0 8px, transparent 9px); background-size: 18px 22px; background-repeat: repeat-x; background-position: center; }
#game .pick .ppl.two, #result .pick .ppl.two { width: 36px; } #game .pick .ppl.four, #result .pick .ppl.four { width: 72px; }
#game .pick.active, #result .pick.active { background: linear-gradient(#fff08a, #ffcf2e 55%, #f5a400); border-color: #fff4b0; color: #6b3a00; box-shadow: inset 0 2px 0 rgba(255,255,255,.6), inset 0 -4px 0 #c47a00, 0 0 0 3px rgba(255,255,255,.35); }
#game .pick.active .ppl, #result .pick.active .ppl { filter: brightness(.45) sepia(1) hue-rotate(-20deg) saturate(3); }
#game .pick.active::after, #result .pick.active::after { content: ''; width: 20px; height: 20px; right: 6px; bottom: 6px; border-radius: 50%; background: #3fbf4a; box-shadow: inset 0 -2px 0 #1f7a28;
  -webkit-mask: none; clip-path: none; }
#game .pick.active::before, #result .pick.active::before { content: '✓'; position: absolute; right: 9px; bottom: 6px; z-index: 1; font-size: 15px; font-weight: 900; color: #fff; }
#game .round-btn, #result .round-btn { background: linear-gradient(#7fb6ff, #2b5fd6); border: 2px solid #b8d4ff; box-shadow: inset 0 2px 0 rgba(255,255,255,.4), inset 0 -3px 0 #1d3f9c, 0 3px 6px rgba(0,0,0,.3); }
#game .round-btn:disabled, #result .round-btn:disabled { filter: grayscale(.8); opacity: .55; }
#game .bet-box, #result .bet-box { background: #241c74; border: 2px solid #5e54d6; box-shadow: inset 0 3px 6px rgba(0,0,0,.4); }
#game .bet-win, #result .bet-win { font-size: 20px; font-weight: 700; color: #ffd23f; }


#game .btn-start, #result .btn-start { position: relative; overflow: hidden; border-radius: 18px; font-weight: 700; font-size: 28px; letter-spacing: .5px; color: #7a3c00; border: 2px solid #fff3a6;
  background: linear-gradient(#fff28c, #ffd23f 45%, #f5a400); box-shadow: inset 0 -6px 0 #c77a00, 0 6px 0 #7a4800, 0 10px 18px rgba(0,0,0,.35); text-shadow: 0 2px 0 rgba(255,255,255,.55); }
#game .btn-start::after, #result .btn-start::after { content: ''; position: absolute; left: 6%; right: 6%; top: 4px; height: 38%; border-radius: 14px; background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0)); pointer-events: none; }
#game .btn-start:active, #result .btn-start:active, #game .btn-lw:active, #result .btn-lw:active, #game .tile:active, #result .tile:active, #game .pw:active, #result .pw:active { transform: translateY(3px) scale(.98); }


#game .quick-row.tiles, #result .quick-row.tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
#game .tile, #result .tile { position: relative; overflow: hidden; min-height: 76px; border-radius: 16px; border: 2px solid rgba(255,255,255,.55); color: #fff; font-size: 12.5px; line-height: 1.15; padding: 8px 4px; text-shadow: 0 2px 0 rgba(0,0,0,.35);
  box-shadow: inset 0 3px 0 rgba(255,255,255,.35), inset 0 -5px 0 rgba(0,0,0,.25), 0 4px 10px rgba(0,0,0,.3); display: flex; align-items: flex-end; justify-content: center; }
#game .tile::first-letter, #result .tile::first-letter { font-size: 26px; }
#game .tile::after, #result .tile::after { content: ''; position: absolute; left: 8%; right: 8%; top: 3px; height: 32%; border-radius: 12px; background: linear-gradient(rgba(255,255,255,.45), rgba(255,255,255,0)); pointer-events: none; }
#game .t-bot, #result .t-bot { background: linear-gradient(#5ec8ff, #2a7ee8); }
#game .t-room, #result .t-room { background: linear-gradient(#b48bff, #7344e0); }
#game .t-inv, #result .t-inv { background: linear-gradient(#ff8fb6, #e5457a); }
#game .t-shop, #result .t-shop { background: linear-gradient(#ffd166, #f08a00); }


#game .tabs, #result .tabs { background: rgba(20, 16, 70, .55); border-radius: 16px; padding: 4px; gap: 4px; }
#game .tab, #result .tab { border-radius: 12px; border-bottom: 0; color: #c9c3ff; padding: 9px 2px; }
#game .tab.active, #result .tab.active { background: linear-gradient(#7d72ff, #5a4fe0); color: #fff; box-shadow: inset 0 2px 0 rgba(255,255,255,.3), inset 0 -3px 0 rgba(0,0,0,.2); }
#game .chip, #result .chip { background: linear-gradient(#6f63ea, #4d42c4); border: 2px solid var(--lw-line); box-shadow: inset 0 2px 0 rgba(255,255,255,.25), 0 3px 6px rgba(0,0,0,.25); }
#game .btn, #result .btn { box-shadow: inset 0 2px 0 rgba(255,255,255,.35), inset 0 -3px 0 rgba(0,0,0,.25); border-radius: 12px; }

/* ===== Trong ván ===== */
.sq-btn { width: 40px; height: 40px; border-radius: 10px; background: rgba(28, 24, 86, .75); border: 1.5px solid rgba(150, 140, 255, .35); box-shadow: inset 0 2px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.3); font-size: 19px; }
#btnBack { font-size: 30px; }
.prize-badge { background: rgba(20, 16, 70, .7); box-shadow: inset 0 2px 4px rgba(0,0,0,.4); color: #fff; }
.prize-badge .rank { background: radial-gradient(circle at 35% 30%, #fff8c4, #ffd23f 50%, #e09500); color: #7a3c00; box-shadow: 0 0 0 2px #fff3a6; }
/* bàn cờ tràn sát mép như game gốc */
.board-wrap { width: calc(100% + 24px); margin-left: -12px; margin-right: -12px; }
/* avatar có vòng hẹn giờ + hộp xúc xắc tối */
.p-avatar { width: 58px; height: 58px; padding: 4px; background: rgba(20, 16, 70, .55); box-shadow: 0 3px 8px rgba(0,0,0,.35); }
.p-avatar .img { border: 3px solid #fff; }
.p-avatar[data-ring] { box-shadow: 0 0 14px rgba(120, 255, 140, .55); }
.dice-box { width: 58px; height: 58px; border-radius: 14px; background: linear-gradient(#2c2a6e, #1c1a52); border: 2px solid rgba(160, 150, 255, .35); box-shadow: inset 0 2px 0 rgba(255,255,255,.1), 0 3px 8px rgba(0,0,0,.4); padding: 6px; position: relative; }
.dice-box .face { border-radius: 10px; background: linear-gradient(#fff, #e3e6f2); box-shadow: inset 0 -4px 0 #b9c0d8; }
.dice-box .go { font-size: 22px; font-weight: 700; color: #1d1d2b; letter-spacing: .5px; }
.dice-box.mine { animation: lwgo 0.9s ease-in-out infinite; }
.dice-box.mine::after { content: ''; position: absolute; right: -10px; bottom: -12px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 16px solid #ffd23f; transform: rotate(-35deg); filter: drop-shadow(0 2px 0 #7a4800); animation: lwtap .9s ease-in-out infinite; }
@keyframes lwgo { 0%,100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255,210,63,0), 0 3px 8px rgba(0,0,0,.4); } 50% { transform: scale(1.07); box-shadow: 0 0 0 4px rgba(255,210,63,.85), 0 3px 8px rgba(0,0,0,.4); } }
@keyframes lwtap { 50% { transform: rotate(-35deg) translate(-3px, -4px); } }
.six-tray { bottom: auto; top: -18px; background: rgba(20, 16, 70, .8); border-radius: 6px; padding: 3px 5px; }
.bubble { border-radius: 14px; font-weight: 600; border: 2px solid #e1dcff; }
.hint { color: #d5d0ff; font-weight: 500; text-shadow: 0 1px 0 rgba(0,0,0,.4); }

/* Thanh vật phẩm */
.game-bottom { position: relative; justify-content: center; min-height: 76px; }
.game-bottom .spacer { display: none; }
.side-btns { position: absolute; left: 0; bottom: 6px; display: flex; flex-direction: column; gap: 4px; }
.chat-btn { background: rgba(20, 16, 70, .7); border: 1.5px solid rgba(150, 140, 255, .35); padding: 6px 14px; border-radius: 10px; font-size: 14px; }
.powers { gap: 16px; }
.pw { width: 62px; height: 62px; background: radial-gradient(circle at 50% 35%, #ffffff 0%, #d7ecff 30%, #7fb8ff 70%, #3f78e0 100%); border: 3px solid #fff;
  box-shadow: inset 0 -6px 10px rgba(30, 70, 170, .45), 0 4px 0 #23439c, 0 7px 12px rgba(0,0,0,.4); }
.pw .badge { top: -4px; right: -4px; background: linear-gradient(#ff5a4f, #e0201a); min-width: 22px; height: 22px; font-size: 13px; }
.pw.active { box-shadow: 0 0 0 4px #ffd23f, 0 0 18px #ffd23f, 0 4px 0 #23439c; animation: lwgo .9s ease-in-out infinite; }
.dice-picker { background: linear-gradient(#ffffff, #e8ecfb); color: #3a3f8f; border: 3px solid #fff; border-radius: 18px; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.dice-picker .dp-title { color: #4a4fb0; }
.dice-picker .dice-box { background: linear-gradient(#5d63d8, #3c41a8); border: 0; }
.chat-menu { background: linear-gradient(#ffffff, #e8ecfb); border-radius: 16px; }
.chat-menu button { background: linear-gradient(#7d72ff, #5a4fe0); color: #fff; box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); }

/* Xúc xắc lớn lăn + nảy */
.big-dice { animation: lwtumble .42s cubic-bezier(.2,.7,.3,1) forwards; }
@keyframes lwtumble { 0% { transform: translate(0,0) rotate(0) scale(.45); } 45% { transform: translate(calc(var(--dx) * .7), calc(var(--dy) * .7 - 40px)) rotate(420deg) scale(1.15); }
  75% { transform: translate(var(--dx), var(--dy)) rotate(690deg) scale(.95); } 88% { transform: translate(var(--dx), calc(var(--dy) - 10px)) rotate(715deg) scale(1.03); } 100% { transform: translate(var(--dx), var(--dy)) rotate(720deg) scale(1); } }


#result .modal { background: rgba(10, 8, 40, .72); backdrop-filter: blur(2px); }
#result .modal-box { background: linear-gradient(#f4f5ff, #dfe3fa); color: #343a8a; border: 4px solid #6b6ff0; border-radius: 22px; box-shadow: 0 0 0 3px #3b3fa8, 0 14px 40px rgba(0,0,0,.5); padding-top: 54px; }
#result .modal-box h2 { position: absolute; left: 50%; top: -6px; transform: translateX(-50%); min-width: 70%; text-align: center; color: #fff; font-size: 22px; font-weight: 700; padding: 10px 26px 12px;
  background: linear-gradient(#8e8cff, #5d5ae6); border-radius: 0 0 18px 18px; box-shadow: inset 0 2px 0 rgba(255,255,255,.4), 0 4px 0 #3b3fa8; text-shadow: 0 2px 0 #3b3fa8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; }
#result .modal-box .muted { color: #6a6fb0; }
#result .modal-box .list li { border-bottom-color: rgba(80, 80, 180, .15); }
#result .modal-box input, #result .modal-box select { background: #fff; color: #333; border-color: #b9bdf0; }
#result .modal-box .copy { background: #fff; color: #333; }
#result .modal-box .tab { color: #6a6fb0; }
#result .modal-box .tab.active { color: #fff; }
#result .modal-box .tabs { background: rgba(80, 80, 180, .12); }
#result .modal-box .pick { color: #fff; }
#result .modal-box .pick.active { color: #6b3a00; }
#result .modal-box a { color: #d47a00; }
#result .modal-box .order .memo, #result .modal-box .warn { color: #d16a00; }
#result .close-x { top: 8px; right: 8px; background: linear-gradient(#ff7a6e, #e0301f); border: 2px solid #fff; box-shadow: 0 3px 0 #9b1d10; font-weight: 900; z-index: 2; }

/* ===== Kết quả: dải ruy băng, bảng xếp hạng, Back / Restart ===== */
#result { padding: 22px 14px; }
.result-card { position: relative; width: 100%; max-width: 380px; min-height: 60vh; display: flex; flex-direction: column; padding: 70px 14px 16px; border-radius: 22px;
  background: linear-gradient(#f4f5ff, #e2e6fb); border: 4px solid #6b6ff0; box-shadow: 0 0 0 3px #3b3fa8, 0 16px 40px rgba(0,0,0,.55); color: #3a3f8f; animation: lwpop .35s cubic-bezier(.2,1.4,.4,1); }
@keyframes lwpop { 0% { transform: scale(.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.ribbon { position: absolute; left: -18px; right: -18px; top: -14px; height: 66px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(#8f8dff, #5b58e4); border-radius: 18px 18px 40% 40% / 18px 18px 26px 26px; box-shadow: inset 0 3px 0 rgba(255,255,255,.45), inset 0 -5px 0 #3e3bb8, 0 6px 0 #2c2a8a, 0 10px 16px rgba(0,0,0,.35); }
.ribbon::before, .ribbon::after { content: ''; position: absolute; top: 28px; width: 26px; height: 40px; background: #3e3bb8; z-index: -1; }
.ribbon::before { left: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
.ribbon::after { right: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
.ribbon span { color: #fff; font-size: 32px; font-weight: 700; text-shadow: 0 3px 0 #2c2a8a; }
#result.win .ribbon { background: linear-gradient(#ffe066, #f5a400); box-shadow: inset 0 3px 0 rgba(255,255,255,.6), inset 0 -5px 0 #c77a00, 0 6px 0 #8a5000, 0 10px 16px rgba(0,0,0,.35); }
#result.win .ribbon span { text-shadow: 0 3px 0 #a35a00; }
#result.win .ribbon::before, #result.win .ribbon::after { background: #c77a00; }
#result .close-x { top: -30px; right: -14px; }
.res-icon { text-align: center; font-size: 46px; line-height: 1; margin: -8px 0 6px; animation: lwbob 1.4s ease-in-out infinite; }
.res-icon:empty { display: none; }
.res-rows { display: flex; flex-direction: column; gap: 6px; }
.res-row { display: grid; grid-template-columns: 34px 70px 1fr auto; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px; }
.res-row.me { background: #fff; box-shadow: 0 2px 6px rgba(60, 60, 160, .15); }
.crown { width: 34px; height: 30px; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 3px; font-weight: 700; color: #fff; font-size: 15px; text-shadow: 0 1px 0 rgba(0,0,0,.35);
  background: linear-gradient(#c8cbe8, #9ea3d2); clip-path: polygon(0 20%, 25% 45%, 50% 0, 75% 45%, 100% 20%, 92% 100%, 8% 100%); }
.res-row:first-child .crown { background: linear-gradient(#ffe066, #f5a400); }
.res-av { display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 12px; font-weight: 700; min-width: 0; }
.res-av span { max-width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.res-av .img { width: 44px; height: 44px; border-radius: 50%; border: 3px solid #8f8dff; background: #fff center/cover; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 18px; }
.res-stat { display: flex; align-items: center; gap: 4px; background: #d9ddf6; border-radius: 999px; padding: 2px 10px 2px 2px; justify-self: start; }
.res-stat img { width: 24px; height: 28px; object-fit: contain; }
.res-stat b { color: #555a9a; }
.res-word { font-size: 20px; font-weight: 700; }
.res-word.w { color: #e07a00; }
.res-word.l { color: #3a3f8f; }
.res-text { text-align: center; color: #6a6fb0; font-size: 14px; margin: 14px 4px; }
.res-btns { margin-top: auto; display: flex; gap: 14px; }
.btn-lw { flex: 1; border: 2px solid rgba(255,255,255,.7); border-radius: 14px; padding: 12px; font-size: 20px; font-weight: 700; color: #fff; cursor: pointer; position: relative; overflow: hidden; text-shadow: 0 2px 0 rgba(0,0,0,.25); }
.btn-lw::after { content: ''; position: absolute; left: 6%; right: 6%; top: 3px; height: 36%; border-radius: 10px; background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); }
.btn-lw.blue { background: linear-gradient(#7aa2ff, #4a62e8); box-shadow: inset 0 -4px 0 #2f3fb0, 0 4px 0 #26308a; }
.btn-lw.green { background: linear-gradient(#3fe0a0, #1aa874); box-shadow: inset 0 -4px 0 #0f7a52, 0 4px 0 #0b5c3d; }

/* RTL */
[dir=rtl] .side-btns { left: auto; right: 0; }
[dir=rtl] .res-btns, [dir=rtl] .res-row { direction: rtl; }
[dir=rtl] #result .close-x { right: auto; left: -14px; }
[dir=rtl] .pick.active::before { right: auto; left: 9px; }

/* Thống kê đá / bị đá */
.cap-stats { display: flex; flex-direction: column; gap: 3px; justify-self: center; }
.cap { display: flex; align-items: center; gap: 3px; border-radius: 999px; padding: 1px 8px 1px 2px; font-size: 13px; }
.cap svg { width: 20px; height: 20px; }
.cap.kill { background: #ffe9c2; } .cap.kill b { color: #c25e00; }
.cap.dead { background: #dfe1f3; } .cap.dead b { color: #3a3f8f; }
.live-cap { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); display: flex; gap: 2px; z-index: 3; pointer-events: none; }
.live-cap span { display: flex; align-items: center; gap: 1px; background: rgba(20,24,70,.8); color: #fff; border-radius: 8px; padding: 0 4px 0 1px; font-size: 10px; font-weight: 700; line-height: 14px; }
.live-cap svg { width: 12px; height: 12px; }
.cap .kick-ico { width: 30px; height: 27px; object-fit: contain; margin: -4px 0 -3px -2px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)); }
.cap .kicked-ico { width: 30px; height: 22px; object-fit: contain; margin: -2px 0 -2px -2px; filter: drop-shadow(0 1px 1px rgba(0,0,0,.25)); }
.res-row .cap-stats { justify-self: start; gap: 4px; }
.res-row .cap { min-width: 74px; justify-content: space-between; padding: 2px 12px 2px 4px; background: #dfe3f3; }
.res-row .cap b { color: #4a4f80; font-size: 16px; }
.res-prize { display: flex; align-items: center; gap: 4px; font-size: 22px; font-weight: 700; color: #e07a00; }
.res-prize .coin { width: 26px; height: 26px; }
.res-word.l { color: #2bb673; }
.res-net { display: block; font-size: 13px; text-align: center; } .res-net.p { color: #e07a00; } .res-net.m { color: #d9483b; }
.pw .badge { padding: 0 5px; box-sizing: border-box; white-space: nowrap; width: auto; }
.res-av .tg-id { font-size: 9px; }
.p-avatar > .tg-id { position: absolute; left: 50%; bottom: -27px; transform: translateX(-50%); z-index: 3; pointer-events: none; text-shadow: 0 1px 2px #0008; }
.slot[data-corner="0"] .p-avatar > .tg-id, .slot[data-corner="1"] .p-avatar > .tg-id { bottom: auto; top: -14px; }