/* ===== Piele „Barbut Online”: scenă de cartier, masă ovală cu lemn și postav, butoane lucioase ===== */
:root{--gold-g:linear-gradient(#fff0b0,#e8b84c 48%,#a5701c);--wood:#3a2210;--wood2:#6d4521;--glass:linear-gradient(#2e2216ee,#120c06ee);--gb:#c99a3d;--u:calc(100vw/720)}
@media (min-aspect-ratio:6/5){:root{--u:calc(min(100vw/1672,100dvh/941)*1.28)}}
@media (min-aspect-ratio:6/5) and (min-height:600px){:root{--u:calc(min(100vw/1672,100dvh/941)*1.02)}}
body{background:#0a0d12 url(/scene.svg) center/cover no-repeat}
#app{background:transparent;max-width:none}
.top{background:linear-gradient(#0b0705cc,#0b070500);border-bottom:0;gap:calc(10*var(--u));padding:calc(8*var(--u)) calc(14*var(--u));min-height:calc(86*var(--u))}
.top.rt{flex-wrap:nowrap}
.ib{position:relative;width:calc(66*var(--u));min-width:36px;height:calc(66*var(--u));min-height:36px;padding:0;border-radius:calc(14*var(--u));background:var(--glass);border:1px solid var(--gb);font-size:calc(34*var(--u));line-height:1;flex:none;box-shadow:inset 0 1px 0 #ffe4a066,0 2px 6px #000a}
.ib .nb{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:#e23b2e;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}
.logo{display:flex;flex-direction:column;align-items:flex-start;line-height:1;position:relative;flex:none;padding-top:calc(10*var(--u))}
.logo .cr{position:absolute;right:calc(-18*var(--u));top:calc(-8*var(--u));color:#f2c14b;font-size:calc(34*var(--u));transform:rotate(14deg);filter:drop-shadow(0 1px 1px #000)}
.logo .l1{display:flex;align-items:center;gap:calc(6*var(--u))}.logo .dc{font-style:normal;color:#fff6d8;font-size:calc(44*var(--u));text-shadow:0 0 6px #ffcf6a}
.logo b{font:italic 800 calc(58*var(--u))/1 "Brush Script MT","Segoe Script","Snell Roundhand",cursive,Georgia,serif;background:var(--gold-g);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #5a3a0a;filter:drop-shadow(0 2px 2px #000a)}
.logo small{align-self:flex-end;font:700 calc(20*var(--u))/1 system-ui;letter-spacing:.42em;color:#f4e6bf;margin-top:calc(2*var(--u))}
.cap{display:flex;align-items:center;gap:calc(14*var(--u));height:calc(66*var(--u));min-height:34px;padding:0 calc(18*var(--u));border-radius:calc(16*var(--u));background:var(--glass);border:1px solid #5d4a2a;font-size:calc(28*var(--u));white-space:nowrap;color:#e7dcc2;min-width:0}
.cap b{color:#fff}.cap .sep{width:1px;height:60%;background:#5d4a2a}.cap .bk{min-height:0;width:calc(36*var(--u));min-width:24px;height:calc(46*var(--u));padding:0;border:0;background:transparent;font-size:calc(40*var(--u));color:#e8b84c;line-height:1}
.cap.mode{border-color:var(--gb);box-shadow:inset 0 0 0 1px #0008,0 0 10px #e8b84c44}.cap.mode b{font-size:calc(34*var(--u))}.cap.mode .dd{color:#e8b84c;font-style:normal}.cap .dc{font-style:normal;font-size:calc(34*var(--u));color:#ffe9a8}
.top .grow{flex:1}.chipic{display:inline-block;width:calc(44*var(--u));height:calc(34*var(--u));min-width:20px;min-height:16px;flex:none;background:radial-gradient(circle at 30% 40%,#ff6a5a 0 22%,transparent 24%),radial-gradient(ellipse at 50% 50%,#d9382c 0 56%,#fff 58% 62%,#d9382c 64%);border-radius:50%;border:1px solid #6b1209;box-shadow:0 calc(4*var(--u)) 0 #8d1d12,0 calc(8*var(--u)) 0 #d9382c,0 calc(10*var(--u)) 2px #000a;margin-bottom:calc(8*var(--u))}
.balt{display:flex;align-items:center;gap:calc(10*var(--u));background:var(--glass);border:1px solid var(--gb);height:calc(66*var(--u));min-height:34px;border-radius:calc(14*var(--u));padding:0 calc(16*var(--u))}.balt b{color:var(--gold);font-size:calc(38*var(--u))}.balt small{color:#cdb98a}
.chip.prac{background:#6b4a10;color:#ffe2a0;border:1px solid var(--gb)}
/* ---- camera ---- */
.roomv{position:relative;flex:1;min-height:0;display:grid;gap:calc(10*var(--u));padding:0 calc(14*var(--u)) calc(10*var(--u));grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.stage{position:relative;min-height:0;display:flex;flex-direction:column}
.props{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.props i{position:absolute;display:none;background:center/contain no-repeat}
.tbl{position:relative;flex:1;min-height:0;display:grid;gap:calc(8*var(--u)) calc(12*var(--u));padding:calc(20*var(--u)) calc(40*var(--u));border-radius:calc(220*var(--u))/calc(200*var(--u));
 background:linear-gradient(#8a5a2a,#5a3716 30%,#3a210d 70%,#24140a);box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) #000b,inset 0 2px 0 #d9a66a,inset 0 -3px 8px #0009;z-index:1}
.tbl::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(92deg,#0000 0 6px,#0003 6px 7px,#fff1 7px 9px,#0000 9px 20px),radial-gradient(ellipse at 20% 30%,#fff2,#0000 40%);pointer-events:none;mix-blend-mode:overlay}
.tbl::after{content:"";position:absolute;inset:calc(14*var(--u)) calc(26*var(--u));border-radius:calc(190*var(--u))/calc(170*var(--u));z-index:-1;pointer-events:none;
 background:radial-gradient(ellipse at 50% 32%,var(--felt) 0%,var(--felt2) 100%);box-shadow:inset 0 0 calc(50*var(--u)) #000d,inset 0 0 0 3px #0007,0 0 0 2px #c9904e}
.tbl>*{position:relative;z-index:2}
.felt-n{display:none}
.ov.t{position:static;grid-area:rib;display:flex;flex-direction:column;align-items:center;gap:calc(2*var(--u));text-align:center;pointer-events:none}
.rtag{font:italic 600 calc(24*var(--u))/1.2 Georgia,serif;color:#f4e8c8;background:#0007;border:1px solid #c99a3d88;border-radius:calc(12*var(--u));padding:calc(2*var(--u)) calc(16*var(--u));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.paper{font:italic 800 calc(40*var(--u))/1.1 "Brush Script MT","Segoe Script",Georgia,serif;color:#2a1c0e;background:linear-gradient(#e9d9b0,#cdb584);padding:calc(8*var(--u)) calc(26*var(--u));clip-path:polygon(0 12%,6% 0,15% 8%,28% 0,42% 6%,58% 0,72% 7%,88% 0,100% 10%,97% 55%,100% 92%,86% 100%,70% 92%,54% 100%,38% 93%,22% 100%,8% 94%,0 100%,3% 55%);text-shadow:0 1px 0 #fff6;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 4px 10px #0008}
.dz{grid-area:dz;position:relative;min-height:calc(190*var(--u));min-width:0}.dz canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
/* jucători */
.pn{max-width:100%;display:flex;align-items:center;gap:calc(14*var(--u));padding:calc(10*var(--u)) calc(20*var(--u)) calc(10*var(--u)) calc(10*var(--u));border-radius:calc(70*var(--u));min-width:0;align-self:start}
.pn.pa{grid-area:pa;background:linear-gradient(90deg,#0b2d63e6,#0a1d40d9);border:calc(3*var(--u)) solid #2f9bff;box-shadow:0 0 calc(22*var(--u)) #2f9bffaa,inset 0 0 12px #0a4cd055}
.pn.pb{grid-area:pb;background:linear-gradient(90deg,#4b0f19e6,#2b0910d9);border:calc(3*var(--u)) solid #e04545;box-shadow:0 0 calc(22*var(--u)) #e04545aa,inset 0 0 12px #a0202055;justify-self:end}
.pn.empty{opacity:.7}.pn.win{filter:saturate(1.2) brightness(1.15)}
.avw{position:relative;flex:none}.pn .pi{flex:0 1 auto}.pn .av{width:calc(124*var(--u));height:calc(124*var(--u));min-width:34px;min-height:34px;border:calc(4*var(--u)) solid #fff3;font-size:calc(46*var(--u))}
.pa .av{border-color:#58b0ff}.pb .av{border-color:#ff6f6f}.pn .av.ph{background:#0006;color:#fff8}
.pn .dot{position:absolute;right:calc(2*var(--u));bottom:calc(6*var(--u));width:calc(24*var(--u));height:calc(24*var(--u));min-width:9px;min-height:9px;border-radius:50%;background:#3fe06b;border:2px solid #0a2a12;box-shadow:0 0 6px #3fe06b}.pn .dot.x{background:#777;box-shadow:none}
.crown{position:absolute;top:calc(-34*var(--u));left:50%;transform:translateX(-50%) rotate(-8deg);font-style:normal;font-size:calc(46*var(--u));color:#f2c14b;filter:drop-shadow(0 2px 2px #000);z-index:3}
.pi{display:flex;flex-direction:column;gap:calc(2*var(--u));min-width:0}.pnm{font:italic 800 calc(40*var(--u))/1.1 Georgia,"Times New Roman",serif;color:#fff;text-shadow:0 2px 3px #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnm.off{opacity:.55}
.pn.empty .pst{font-size:calc(22*var(--u));overflow:hidden;text-overflow:ellipsis}.pst{display:flex;gap:calc(18*var(--u));font-size:calc(26*var(--u));color:#e6dfcf;white-space:nowrap}
.zar{white-space:nowrap;align-self:flex-start;margin-top:calc(2*var(--u));padding:calc(2*var(--u)) calc(22*var(--u));font:italic 900 calc(28*var(--u))/1.2 system-ui;color:#fff;background:linear-gradient(#2c8cff,#0b4fc4);transform:skewX(-14deg);border-radius:4px;text-shadow:0 2px 2px #002a7a;box-shadow:0 0 12px #2f9bff99;letter-spacing:.04em}
/* susținători */
.sp{display:flex;flex-direction:column;gap:calc(8*var(--u));padding:calc(10*var(--u)) calc(18*var(--u));border-radius:calc(14*var(--u));min-width:0;align-self:end}
.sp.sa{grid-area:sa;background:linear-gradient(#0c2a58cc,#091a38cc);border:2px solid #2f6fd0}.sp.sb{grid-area:sb;background:linear-gradient(#4a0f18cc,#2a0910cc);border:2px solid #c03a3a}
.spt{display:flex;align-items:center;gap:calc(10*var(--u));font:italic 700 calc(28*var(--u))/1.1 Georgia,serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppl{font-style:normal;font-size:calc(32*var(--u))}
.spa:empty{display:none}.spa{display:flex;align-items:center;gap:calc(4*var(--u))}.spa .av{width:calc(56*var(--u))!important;height:calc(56*var(--u))!important;min-width:22px;min-height:22px;border:2px solid #fff4;font-size:12px}.more{margin-left:calc(6*var(--u));font-size:calc(26*var(--u));font-weight:700;background:#0007;border-radius:99px;padding:0 calc(10*var(--u));border:1px solid #fff3}
/* pot, banner, aruncări */
.pot{grid-area:pot;justify-self:center;display:flex;align-items:center;gap:calc(12*var(--u));padding:calc(2*var(--u)) calc(30*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(#2a190b,#150a04);border:calc(3*var(--u)) solid #d9a63f;box-shadow:inset 0 0 0 2px #000a,0 0 14px #e8b84c55,0 4px 8px #000a;white-space:nowrap}
.pot .pl{font:italic 800 calc(40*var(--u))/1 Georgia,serif;color:#f4e8c8}.pot b{font:italic 900 calc(52*var(--u))/1 Georgia,serif;background:var(--gold-g);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #000)}
.ov.b{position:static;grid-area:ban;display:flex;flex-direction:column;align-items:center;gap:calc(8*var(--u));pointer-events:none;min-width:0}
.banner{display:flex;align-items:center;gap:calc(12*var(--u));font:italic 800 calc(34*var(--u))/1.1 Georgia,serif;padding:calc(4*var(--u)) calc(26*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(#15351f,#0a1f12);border:calc(3*var(--u)) solid #cfae55;color:#fff;max-width:100%;text-shadow:0 2px 2px #000}.banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.banner.w{border-color:#56e07f;box-shadow:0 0 16px #56e07f88}.banner.l{border-color:#ff6b5e;background:linear-gradient(#3a1410,#1f0a08);box-shadow:0 0 16px #ff6b5e66}.banner.n{border-color:#8f8a76;color:#ddd}.banner .trophy{font-style:normal;font-size:calc(46*var(--u))}
.chips{display:flex;max-width:100%;overflow:hidden;align-items:center;gap:calc(10*var(--u));flex-wrap:nowrap;justify-content:center;margin:0}.chips .cl{font-size:calc(26*var(--u));color:#f1e6c6;background:#000a;border-radius:99px;padding:calc(4*var(--u)) calc(20*var(--u));white-space:nowrap}
.tc{font-size:calc(28*var(--u));font-weight:600;background:#0b0e12cc;border:2px solid #fff3;border-radius:99px;padding:calc(2*var(--u)) calc(20*var(--u));white-space:nowrap}.tc.W{border-color:#4bdc6e;color:#cfffdc}.tc.L{border-color:#ff5a4f;color:#ffd5d0}
.lists{display:none}
/* ---- dock ---- */
.dock{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.62fr);gap:calc(14*var(--u));align-items:stretch;padding:0 0 env(safe-area-inset-bottom);background:none;border:0;min-height:0}
.dkL,.dkM{display:flex;flex-direction:column;gap:calc(8*var(--u));min-width:0;justify-content:center}
.dkL{padding:calc(10*var(--u)) calc(16*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(#34200fe6,#1a0f07e6);border:2px solid #8a5f2a;box-shadow:inset 0 1px 0 #ffd89a55,0 4px 10px #000a}
.dkM .row{gap:calc(10*var(--u));flex:1}.dkM .row button{min-width:0}
.dock button{min-height:36px;font-size:calc(30*var(--u));border-radius:calc(14*var(--u));font-weight:700;border:2px solid #7a5628;background:linear-gradient(#4a2f17,#241408);color:#f4e8c8;box-shadow:inset 0 1px 0 #ffd89a44,0 3px 0 #0008}
.dock button.pri,.dock button.ok{background:linear-gradient(#52e072 0%,#1fa34a 48%,#0d6a2a 52%,#17863a 100%);border:calc(4*var(--u)) solid #8dff9f;color:#fff;text-shadow:0 2px 2px #04380f;box-shadow:inset 0 2px 0 #c8ffd2aa,0 0 calc(20*var(--u)) #3fe06b77,0 4px 0 #063a14}
.dock button.pri{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.dock .big{font:italic 900 calc(52*var(--u))/1 system-ui;letter-spacing:.03em}.dock button.pri small{font-size:calc(20*var(--u));font-weight:500;opacity:.9}
.dock button.bad{background:linear-gradient(#a8352b,#5a130d);border-color:#ff9a8e}
.dock .sbA{background:linear-gradient(#3d8cff,#0b3f9c);border-color:#9cc8ff}.dock .sbB{background:linear-gradient(#e24a4a,#7d1414);border-color:#ffa3a3}
.cashb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2*var(--u));background:linear-gradient(#ffe99a 0%,#e5a92a 48%,#b97a10 52%,#d9a02a 100%)!important;border:calc(4*var(--u)) solid #fff0b0!important;color:#2a1900!important;text-shadow:0 1px 0 #fff8!important;box-shadow:inset 0 2px 0 #fffbe0cc,0 0 calc(20*var(--u)) #e8b84c77,0 4px 0 #6e4708!important;font:italic 900 calc(46*var(--u))/1 system-ui!important}
.cashic{width:calc(80*var(--u));height:calc(46*var(--u));min-width:30px;background:linear-gradient(#5a8a4a,#2f5a28);border:2px solid #cfe3c0;border-radius:4px;box-shadow:0 -4px 0 -1px #6f9a5f,0 -8px 0 -2px #4a7a3f;position:relative}.cashic::after{content:"QV";position:absolute;inset:0;display:grid;place-items:center;font:900 calc(26*var(--u))/1 Georgia,serif;color:#d9f0c8}
.stake{display:flex;align-items:center;gap:calc(10*var(--u))}.stake .lb{font:italic 700 calc(36*var(--u))/1 Georgia,serif;color:#e9dcb8}.stake .v{flex:1;text-align:center;font:italic 900 calc(60*var(--u))/1 Georgia,serif;background:var(--gold-g);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #000)}.stake .v::after{content:" QV";font-size:.4em}
.stake .pm{width:calc(78*var(--u));min-width:34px;padding:0;font-size:calc(46*var(--u))}.stake .chipic{margin:0}
.qa{display:flex;gap:calc(8*var(--u));flex-wrap:nowrap}.qa button{flex:1;min-width:0;min-height:30px;font-size:calc(26*var(--u));padding:0 4px;border-radius:calc(10*var(--u))}
.qa button.bet.on,.qa button.pri,.qa button.on{border-color:#ffd86a;box-shadow:inset 0 1px 0 #ffd89a66,0 0 12px #ffd86a99,0 3px 0 #0008;color:#ffe9a8;background:linear-gradient(#5b3a14,#2a1808)}
.modebtn{background:linear-gradient(#4a2f17,#241408)!important;border:2px solid #7a5628!important}
.bar{background:#0009;border:1px solid #7a5628}.bar i{background:linear-gradient(#ffe08a,#c8901e)}
.dock .mut{color:#cdbf9c}.dock b{color:#fff}
.dock input{min-height:34px}
/* ---- coloană dreapta (landscape) ---- */
.side{display:none}
.dock .cashb{min-height:40px}
@media (min-aspect-ratio:6/5){
 .roomv{grid-template-columns:minmax(0,1fr) clamp(215px,27vw,340px);grid-template-rows:minmax(0,1fr) auto;column-gap:calc(18*var(--u))}
 .stage{grid-column:1;grid-row:1}.side{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:calc(10*var(--u));min-height:0;overflow:hidden;z-index:2;margin-top:calc(-10*var(--u))}.dock{grid-column:1/-1;grid-row:2}
 .tbl{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"pa rib pb" "pa dz pb" "sa pot sb" "sa ban sb"}
 .ib.x2{display:grid}.cap.mode{display:flex}.modebtn{display:none}.lists{display:flex;gap:calc(14*var(--u));position:absolute;left:calc(10*var(--u));bottom:calc(2*var(--u));z-index:3}
 .lst{min-height:34px;height:calc(60*var(--u));padding:0 calc(26*var(--u));font-size:calc(28*var(--u));background:var(--glass);border:1px solid var(--gb);border-radius:calc(30*var(--u));color:#f4e8c8;font-weight:600;box-shadow:0 3px 8px #000a}
 .lists{position:static;display:flex;gap:calc(10*var(--u))}.lists .lst{flex:1;min-width:0;padding:0 calc(6*var(--u));font-size:calc(22*var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .top .chip.prac{display:none}.cap.mode{max-width:26vw}.cap.mode span{overflow:hidden;text-overflow:ellipsis}.cap.tn{max-width:30vw}.tnm{overflow:hidden;text-overflow:ellipsis}
 .dock{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.55fr)}.dkL{flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;gap:calc(8*var(--u))}.dkL>*{flex:1 1 auto}.dkL .mut{font-size:calc(24*var(--u));line-height:1.2}
 .dkL .qa{display:flex!important}.dock .row.act{align-items:stretch}
 .balc,.chatc,.rulesc{background:var(--glass);border:1px solid var(--gb);border-radius:calc(16*var(--u));box-shadow:inset 0 1px 0 #ffe4a044,0 4px 12px #000a}
 .balc{display:flex;align-items:center;gap:calc(14*var(--u));padding:calc(10*var(--u)) calc(14*var(--u))}.balc .bl{font:italic 700 calc(28*var(--u))/1 Georgia,serif;color:#f4e8c8}.balc b{flex:1;min-width:0;overflow:hidden;font:italic 900 calc(46*var(--u))/1 Georgia,serif;color:var(--gold);text-shadow:0 2px 2px #000}
 .balc .plus{flex:none;width:calc(72*var(--u));min-width:34px;height:calc(62*var(--u));min-height:32px;padding:0;font-size:calc(48*var(--u));background:linear-gradient(#52e072,#0d6a2a);border:2px solid #8dff9f;color:#fff;border-radius:calc(10*var(--u));font-weight:900}
 .chatc{flex:1;min-height:calc(150*var(--u));display:flex;flex-direction:column;padding:calc(8*var(--u));gap:calc(6*var(--u))}
 .ctabs{display:flex;gap:calc(8*var(--u))}.ctabs button{flex:1;min-height:30px;height:calc(60*var(--u));font-size:calc(28*var(--u));padding:0;border-radius:calc(12*var(--u));background:#120c06;border:1px solid #5d4a2a;color:#cdbf9c}.ctabs button.on{border-color:#3fa8ff;color:#fff;background:linear-gradient(#103a6e,#0a2347);box-shadow:0 0 8px #2f9bff88}
 .chatc .msgs{height:auto;flex:1;min-height:0;background:transparent;font-size:calc(26*var(--u));gap:calc(8*var(--u));padding:2px 4px}.cm{display:block;line-height:1.25;color:#efe6cf}.cm b{color:#5db7ff}.cm:nth-child(2n) b{color:#ff8c7a}.cm time{float:right;color:#9a8f78;font-size:.85em;margin-left:6px}.cm.mut{color:#9a8f78}
 .cin{display:flex;gap:calc(8*var(--u))}.cin input{min-height:30px;height:calc(60*var(--u));font-size:calc(26*var(--u));border-radius:calc(30*var(--u));padding:0 calc(20*var(--u));background:#0b0805;border-color:#5d4a2a}.cin button{min-height:30px;width:calc(60*var(--u));height:calc(60*var(--u));padding:0;font-size:calc(30*var(--u));flex:none;border-radius:50%}.cin .snd{background:linear-gradient(#3da2ff,#0a56c4);border-color:#9cd0ff;color:#fff}
 .rulesc{padding:calc(8*var(--u)) calc(14*var(--u));font-size:calc(22*var(--u))}.rh{display:flex;justify-content:space-between;align-items:center;font:italic 700 calc(32*var(--u))/1.1 Georgia,serif;margin-bottom:calc(4*var(--u))}.inf{width:calc(44*var(--u));min-width:24px;height:calc(44*var(--u));min-height:24px;padding:0;border-radius:50%;background:transparent;border:2px solid #cdbf9c;color:#cdbf9c;font-size:calc(26*var(--u))}
 .rl{background:#0008;border-radius:calc(10*var(--u));padding:calc(8*var(--u)) calc(12*var(--u));line-height:1.35}.rl div{display:flex;gap:calc(10*var(--u));flex-wrap:wrap}.rl b{min-width:0}.rl .g{color:#4bdc6e}.rl .r{color:#ff6b5e}.rl .n{color:#e6c66a}
 /* recuzită */
 .props i{display:block}.props .ash{left:calc(230*var(--u));bottom:calc(-14*var(--u));width:calc(300*var(--u));height:calc(190*var(--u));background-image:url(/ashtray.svg)}
 .props .smoke{left:calc(110*var(--u));bottom:calc(170*var(--u));width:calc(60*var(--u));height:calc(160*var(--u));background:radial-gradient(ellipse,#fff5 0,#0000 70%);filter:blur(5px);animation:smoke 6s ease-in infinite;opacity:0}
 .props .scarf{right:calc(380*var(--u));bottom:calc(30*var(--u));width:calc(340*var(--u));height:calc(210*var(--u));background-image:url(/scarf.svg)}
 .props .cash{right:calc(10*var(--u));bottom:calc(0*var(--u));width:calc(330*var(--u));height:calc(190*var(--u));background-image:url(/cash.svg)}
 .stage .tbl{margin-bottom:calc(6*var(--u))}
}
@keyframes smoke{0%{transform:translate(0,0) scale(.5);opacity:0}15%{opacity:.7}100%{transform:translate(30px,-90px) scale(1.6);opacity:0}}
/* ---- portret ---- */
@media (max-aspect-ratio:6/5){
 .top{padding:calc(10*var(--u)) calc(14*var(--u));min-height:calc(104*var(--u));gap:calc(8*var(--u))}.top .logo b{font-size:calc(64*var(--u))}.logo small{display:none}
 .ib{width:calc(88*var(--u));height:calc(88*var(--u));font-size:calc(42*var(--u))}.ib.x2,.cap.mode{display:none}.cap{height:calc(88*var(--u));font-size:calc(30*var(--u));padding:0 calc(14*var(--u))}.cap .sep,.cap .pc,.tnm{display:none}.cap.tn{padding:0;border:0;background:none}.cap .bk{width:calc(88*var(--u));height:calc(88*var(--u));min-height:36px;border-radius:calc(14*var(--u));background:var(--glass);border:1px solid var(--gb);font-size:calc(52*var(--u))}.balt small{display:none}.top .grow{flex:1}.balt{height:calc(88*var(--u))}.balt b{font-size:calc(44*var(--u))}.top .chip.prac{display:none}
 .tbl{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"rib rib" "pa pb" "dz dz" "sa sb" "pot pot" "ban ban";border-radius:calc(70*var(--u));padding:calc(26*var(--u)) calc(24*var(--u));gap:calc(8*var(--u))}
 .tbl::after{inset:calc(20*var(--u));border-radius:calc(56*var(--u))}
 .pn{padding:calc(6*var(--u)) calc(14*var(--u)) calc(6*var(--u)) calc(6*var(--u));gap:calc(10*var(--u));border-radius:calc(48*var(--u))}.pn .av{width:calc(100*var(--u));height:calc(100*var(--u))}.pnm{font-size:calc(34*var(--u))}.pst{font-size:calc(24*var(--u));gap:calc(10*var(--u))}.zar{font-size:calc(26*var(--u))}
 .crown{top:calc(-30*var(--u));font-size:calc(40*var(--u))}
 .sp{padding:calc(6*var(--u)) calc(12*var(--u))}.spt{font-size:calc(24*var(--u))}.spa .av{width:calc(48*var(--u))!important;height:calc(48*var(--u))!important}
 .pot .pl{font-size:calc(34*var(--u))}.pot b{font-size:calc(48*var(--u))}.banner{font-size:calc(34*var(--u))}.tc{font-size:calc(24*var(--u))}.chips .cl{display:none}
 .rtag{font-size:calc(22*var(--u))}.paper{font-size:calc(34*var(--u))}
 .dock{grid-template-columns:1fr;gap:calc(10*var(--u));padding:0 calc(2*var(--u)) env(safe-area-inset-bottom)}
 .dkL,.dkM{padding:calc(10*var(--u)) calc(14*var(--u))}.dkM{padding:0;background:none;border:0}
 .dock button{font-size:calc(32*var(--u));min-height:44px}.dock .big{font-size:calc(48*var(--u))}.stake .v{font-size:calc(56*var(--u))}.stake .pm{width:calc(92*var(--u))}.qa button{font-size:calc(26*var(--u));min-height:36px}
 .cashb{flex-direction:row;gap:calc(14*var(--u));min-height:44px;font-size:calc(38*var(--u))!important}.cashic{width:calc(64*var(--u));height:calc(38*var(--u))}
 .dock{grid-template-areas:"l" "m" "c"}.dkL{grid-area:l}.dkM{grid-area:m}.cashb{grid-area:c}
 .modebtn{display:flex}
 .roomv{padding:0 calc(10*var(--u)) calc(8*var(--u))}
}
@media (max-aspect-ratio:6/5) and (min-height:760px){ .dkM .row{min-height:calc(110*var(--u))} }
/* lobby în aceeași piele */
.card,.room{background:linear-gradient(#34200fe6,#1a0f07e6)!important;border:1px solid #8a5f2a!important}
.room:hover{border-color:#e8b84c!important}
.screen h1,.screen h2{color:#f2c14b;text-shadow:0 2px 2px #000}
button.pri:not(.dock *){background:linear-gradient(#52e072,#0d6a2a);color:#fff;border:2px solid #8dff9f;text-shadow:0 1px 2px #04380f;box-shadow:0 0 14px #3fe06b55,0 3px 0 #063a14}
.sheet{background:linear-gradient(#2a1a0e,#150c06);border:1px solid #8a5f2a}
/* meniu principal (lobby): butoane mari, stil BRB */
.mlogo{display:block;margin:2px auto 0;width:min(240px,62vw);height:auto;-webkit-mask-image:radial-gradient(ellipse 56% 60% at 50% 50%,#000 50%,transparent 98%);mask-image:radial-gradient(ellipse 56% 60% at 50% 50%,#000 50%,transparent 98%)}
.mnu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:8px 0 14px}
.mnu .mb{min-width:0;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;border-radius:12px;border:1px solid #d7ad57;color:#fff;cursor:pointer;min-height:64px;background:linear-gradient(#2b2b32,#141418);box-shadow:0 4px 12px #0009,inset 0 1px 0 #ffffff22}
.mnu .mb.r{grid-column:1/3;background:linear-gradient(#c2202a,#6d0c12);min-height:72px}.mnu .mb.g{grid-column:1/3;background:linear-gradient(#17a152,#094a24)}
.mnu .mi{font-size:24px;flex:none}.mnu .mt{display:flex;flex-direction:column;min-width:0}.mnu .mt b{font:800 14px 'Arial Black',system-ui;letter-spacing:.05em}.mnu .mt small{opacity:.8;font-size:11px;line-height:1.25}
.mnu .mb:focus-visible{outline:2px solid #f4e0a6;outline-offset:2px}

/* ===== v5.2 · masa BRB: 20 locuri, lemn/postav cu textură, lampă, graffiti ===== */
:root{--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='320'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.006 .28' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 .12 0 0 0 0 .06 0 0 0 0 .02 0 0 0 1.7 -.5'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>");--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 -.18'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.tbl{background:var(--grain),linear-gradient(#8a5a2a,#5a3716 30%,#3a210d 70%,#24140a)}
.tbl::after{background:var(--noise),radial-gradient(ellipse at 50% 32%,var(--felt) 0%,var(--felt2) 100%)}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:calc(200*var(--u));background:radial-gradient(ellipse 42% 50% at 50% 22%,#ffd88a38,#0000 72%),radial-gradient(ellipse at 50% 46%,#0000 58%,#000a 108%)}
.ring{position:absolute;inset:0;z-index:3;pointer-events:none}
.seat{--sz:max(24px,calc(52*var(--u)));position:absolute;width:var(--sz);height:var(--sz);transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;background:#1a0f07;border:calc(3*var(--u)) solid #e8b84c;box-shadow:0 2px 5px #000b,inset 0 0 0 1px #0008}
.seat .av{width:100%!important;height:100%!important;min-width:0;min-height:0;border:0;font-size:max(10px,calc(22*var(--u)))}
.seat.sa{border-color:#2f9bff;box-shadow:0 0 calc(14*var(--u)) #2f9bffcc}.seat.sb{border-color:#e04545;box-shadow:0 0 calc(14*var(--u)) #e04545cc}
.seat.sh::after{content:"♛";position:absolute;left:50%;top:-62%;transform:translateX(-50%);font-size:calc(34*var(--u));color:#f2c14b;filter:drop-shadow(0 1px 1px #000)}
.seat.off{filter:grayscale(1) brightness(.6)}
.seat.free{background:#0006;border:1px dashed #e8b84c66;box-shadow:none;display:grid;place-items:center}.seat .chair{width:44%;height:44%;border-radius:30% 30% 12% 12%;background:#e8b84c33}
.stage .tbl{margin:calc(18*var(--u)) calc(22*var(--u)) calc(24*var(--u))}
.props .gfx{display:none}
@media (min-aspect-ratio:6/5){
 .stage{padding:calc(78*var(--u)) 0 0 calc(54*var(--u))}
 .top.rt .balt{display:none}
 .balc{gap:calc(8*var(--u))}.balc .bl{font-size:calc(24*var(--u))}.balc b{font-size:calc(40*var(--u))}
}
@media (max-aspect-ratio:6/5){.stage .tbl{margin:calc(14*var(--u)) calc(18*var(--u)) calc(18*var(--u))}.stage::after{border-radius:calc(70*var(--u))}}
/* v5.2 · recuzită din graficile BRB (poze reale), pe „rafturi” laterale ale dock-ului */
@media (min-aspect-ratio:6/5){
 .dock{padding-left:calc(236*var(--u));padding-right:calc(330*var(--u))}
 .props .ash{left:calc(6*var(--u));bottom:calc(0*var(--u));width:calc(220*var(--u));height:calc(231*var(--u));background-image:url(/img/ash.webp)}
 .props .scarf{right:calc(120*var(--u));bottom:calc(8*var(--u));width:calc(290*var(--u));height:calc(180*var(--u));background-image:url(/img/scarf.webp)}
 .props .cash{right:calc(6*var(--u));bottom:calc(0*var(--u));width:calc(240*var(--u));height:calc(193*var(--u));background-image:url(/img/cash.webp)}
 .props .smoke{left:calc(70*var(--u));bottom:calc(150*var(--u))}
 .props .ash,.props .scarf,.props .cash{filter:drop-shadow(0 calc(6*var(--u)) calc(8*var(--u)) #000a)}
}
@media (min-aspect-ratio:6/5){.dock .big{font-size:calc(40*var(--u))}.dock button.pri small{font-size:calc(18*var(--u))}.dock button{font-size:calc(26*var(--u))}}
.tbl>.ring{z-index:1}
.seat.free{background:transparent;border:1px dashed #e8b84c55}.seat .chair{background:#e8b84c22}