@font-face{font-family:'Roboto Condensed';src:url('/reference-fonts/roboto-condensed-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('/reference-fonts/roboto-condensed-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Font Awesome 5 Free';src:url('/reference-fonts/fa-solid-900.woff2') format('woff2');font-style:normal;font-weight:900;font-display:block}
/* "far" (regular-weight) icons — All Sports list item bullets (fa-plus-square)
   and the mobile sidebar close button (fa-times-circle) — need this second
   weight of the same family; only the solid 900 weight was ever self-hosted,
   so every far icon sitewide was silently rendering as a blank glyph box. */
@font-face{font-family:'Font Awesome 5 Free';src:url('/reference-fonts/fa-regular-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}

html,body,#v2n-app{min-height:100%;margin:0}
body,button,input,select,textarea{font-family:'Roboto Condensed',sans-serif;letter-spacing:0}
a{cursor:pointer}
.v2n-loading{padding:20px}
.v2n-error{min-height:14px;margin-top:3px;color:#c00;font-size:11px;text-align:center}
/* Success / error messages - the reference's react-hot-toast defaults
   (<Toaster/> with no options): top centre, white rounded card, animated
   green tick or red cross, newest on top. */
.v2n-toaster{position:fixed;z-index:9999;top:16px;left:16px;right:16px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.v2n-toast{display:flex;justify-content:center;pointer-events:none}
.v2n-toast-bar{display:flex;align-items:center;background:#fff;color:#363636;line-height:1.3;will-change:transform;box-shadow:0 3px 10px rgba(0,0,0,.1),0 3px 3px rgba(0,0,0,.05);max-width:350px;pointer-events:auto;padding:8px 10px;border-radius:8px;animation:v2n-toast-enter .35s cubic-bezier(.21,1.02,.73,1) forwards}
.v2n-toast-leaving .v2n-toast-bar{animation:v2n-toast-exit .4s forwards cubic-bezier(.06,.71,.55,1)}
.v2n-toast-message{display:flex;justify-content:center;margin:4px 10px;color:inherit;flex:1 1 auto;white-space:pre-line;font-size:16px}
.v2n-toast-icon{position:relative;display:flex;justify-content:center;align-items:center;min-width:20px;min-height:20px}
.v2n-toast-check,.v2n-toast-cross{width:20px;height:20px;opacity:0;border-radius:10px;position:relative;transform:rotate(45deg);animation:v2n-toast-circle .3s cubic-bezier(.175,.885,.32,1.275) forwards;animation-delay:100ms}
.v2n-toast-check{background:#61d345}
.v2n-toast-check:after{content:'';box-sizing:border-box;animation:v2n-toast-checkmark .2s ease-out forwards;opacity:0;animation-delay:200ms;position:absolute;border-right:2px solid;border-bottom:2px solid;border-color:#fff;bottom:6px;left:6px;height:10px;width:6px}
.v2n-toast-cross{background:#ff4b4b}
.v2n-toast-cross:after,.v2n-toast-cross:before{content:'';animation:v2n-toast-line1 .15s ease-out forwards;animation-delay:150ms;position:absolute;border-radius:3px;opacity:0;background:#fff;bottom:9px;left:4px;height:2px;width:12px}
.v2n-toast-cross:before{animation:v2n-toast-line2 .15s ease-out forwards;animation-delay:180ms;transform:rotate(90deg)}
@keyframes v2n-toast-enter{0%{transform:translate3d(0,-200%,0) scale(.6);opacity:.5}100%{transform:translate3d(0,0,0) scale(1);opacity:1}}
@keyframes v2n-toast-exit{0%{transform:translate3d(0,0,-1px) scale(1);opacity:1}100%{transform:translate3d(0,-150%,-1px) scale(.6);opacity:0}}
@keyframes v2n-toast-circle{from{transform:scale(0) rotate(45deg);opacity:0}to{transform:scale(1) rotate(45deg);opacity:1}}
@keyframes v2n-toast-checkmark{0%{height:0;width:0;opacity:0}40%{height:0;width:6px;opacity:1}100%{opacity:1;height:10px}}
@keyframes v2n-toast-line1{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes v2n-toast-line2{from{transform:scale(0) rotate(90deg);opacity:0}to{transform:scale(1) rotate(90deg);opacity:1}}

/* Only dynamic adapters live here. The visual measurements come from the saved reference CSS. */
.header .dropdown{position:relative}
.header .dropdown-menu.show{top:100%!important;right:0!important;left:auto!important;transform:none!important}
.header .dropdown-menu a{color:var(--text-body);text-decoration:none}
.header .dropdown-menu .dropdown-item{white-space:nowrap}
.header .user-name{white-space:nowrap}
.header .user-balance>div{white-space:nowrap}
.header .search-box .form-control{border-radius:0;width:0;opacity:0;padding-left:0;padding-right:0;transition:width .35s ease,opacity .2s ease,padding .35s ease}
.header .logo-header>a{display:inline-flex;align-items:center}
.header .search-box .form-control.search-input-show{width:200px;opacity:1;padding:.375rem .75rem}
.header-bottom .navbar-expand .navbar-nav .aviator .aviator-reference-icon{width:auto;height:25px;margin-right:0;transform:rotate(10deg)}
.main-container .nav-tabs .nav-item.aviator .aviator-reference-icon{width:auto;height:22px;margin-right:0;transform:rotate(10deg)}

/* Header-top has 3 flex children (logo-header, user-details, the always-empty
   .depowith placeholder) under justify-content:space-between — leaving the
   empty div in flow reserves it a slot and pushes user-details off the true
   right edge instead of flush against it. */
body{overflow-x:hidden}
.header-top>.depowith:empty{display:none}
.header-top>.user-details{margin-left:auto}
.left-sidebar>div:not(.sidebar-backdrop){width:100%}
.home-page .sports-tab{-ms-overflow-style:none;scrollbar-width:none}
.home-page .sports-tab::-webkit-scrollbar{display:none}
.policy-page .center-container{width:100%;padding:0 8px}
.policy-panel{background:#fff;min-height:calc(100vh - 140px);padding:18px 22px}
.policy-title{font-size:24px;font-weight:400;margin:0 0 18px}
.policy-body h3{font-size:20px;margin:14px 0 10px}
.policy-body h4{font-size:18px;margin:12px 0 6px}
.policy-body h5{font-size:14px;font-weight:400;line-height:1.35;margin:0 0 7px}
.public-policy-wrapper{min-height:100vh;background:#fff}

.latest-event-item a{min-width:0}
.latest-event-empty{opacity:.55}
.market-empty{min-height:38px;justify-content:center!important;background:#ccc!important;font-weight:700}
.bet-nation-game-name{cursor:pointer}
.bet-nation-odd .odd-box{display:flex;align-items:center;justify-content:center}
.bet-nation-odd .odd-box.back{background:var(--back)}
.bet-nation-odd .odd-box.lay{background:var(--lay)}
/* A clickable odds cell is a real <button>, which keeps browser default
   white/bordered chrome unless reset — that chrome was covering the
   back/lay fill color from .odd-box above it. */
.bet-nation-odd .odd-box button.bet-odd{background:transparent;border:0;margin:0;padding:0;width:100%;height:100%;min-height:28px;cursor:pointer;font:inherit;color:inherit;appearance:none;-webkit-appearance:none}

.casino-list-item{cursor:pointer}
.casino-list-item-banner{background-color:#111;background-position:center;background-repeat:no-repeat;background-size:cover}
.empty-catalog{width:100%;padding:20px;background:#eee;text-align:center}
.slot-page .col-xl-2{padding-right:0}
.slot-page .col-xl-10{padding-left:5px}

.sidebar-search input{border-radius:0}
.sidebar-search .close-sidebar{border:0;background:transparent}
.sidebar .nav-item.hidden-by-search{display:none}

.report-page .center-container{width:100%}
/* .card/.card-header/.card-title/.card-body/.form-control/.form-select/.btn/
   .table are the reference's own classes (see style.css: .report-page .card,
   .report-page .btn/.form-control/.form-select{height:38px}, .report-page
   .table td/th{padding:4px 8px}) — those rules apply automatically here and
   are the actual source of truth for sizing, not overridden below. Only the
   layout wrapper and the two modifiers the reference doesn't name are ours. */
/* Our own pages only (Deposit, Withdraw, Profile, Refer, Set Button Values):
   their fields sit straight inside the form. The reference's report pages
   (Account Statement, Current Bets, ...) use .report-form as a plain block
   around Bootstrap rows, so they are left to the reference's own rules. */
form.report-form,.report-form.refer-field,.report-form.v2n-own-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
/* Direct-child only: pages like Deposit/Withdraw/Profile still put their
   .form-control/.form-select/.date-field straight inside .report-form and
   need this sizing. The real Bootstrap .row.row5 toolbars (Statement,
   Casino Results, etc.) nest theirs several levels deep inside a <form>, and
   a descendant selector here would force-overflow their column width. */
form.report-form>.form-control,form.report-form>.form-select,.report-form.refer-field>.form-control,.report-form.v2n-own-form>.form-control{min-width:200px;flex:1 1 200px}
/* Change Password's .row.row10 rows reach 10px past the 5px card padding on
   phones, so the whole page wiggles 5px sideways - on the reference too. The
   overhang is empty margin, so it's clipped: nothing visible changes. */
.report-form>form{overflow-x:clip}
/* Poker 6: row5 hangs 5px past the unpadded casino-table (empty gutter, as in the reference) - clip it so the page does not scroll sideways. */
.poker6player .tab-content{overflow-x:clip}
/* Terms / Responsible Gaming: the page logo is the header's file (675x290);
   keep it inside the page and at the header's logo size. */
.about-us-container .logo img{max-width:100%;max-height:65px;height:auto}
.report-compact{min-width:70px!important;width:120px;flex:0 0 auto!important}
/* Report date box: react-datepicker's own two wrapper rules (the reference
   loads them with the library), and the hidden native date input that does
   the picking - the visible input is disabled, as the reference's, so clicks
   go to the box. */
.react-datepicker-wrapper{display:inline-block;padding:0;border:0}
.react-datepicker__input-container{position:relative;display:inline-block;width:100%}
.custom-datepicker{cursor:pointer}
.custom-datepicker input[disabled]{pointer-events:none}
.date-native-hidden{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;border:0;padding:0}
.report-toolbar{display:flex;align-items:center;justify-content:space-between;margin:10px 0 20px;flex-wrap:wrap;gap:10px}
.report-toolbar span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.current-bets-filter-row{justify-content:flex-start;gap:20px;margin-bottom:10px}
.current-bets-filter-row .form-check{margin-bottom:0}
.current-bets-totals{font-weight:600;white-space:nowrap}
.current-bets-totals span{margin:0 4px}
.secure-auth-status-badge{display:inline-block;margin-left:12px;padding:4px 10px;background:#dc3545;color:#fff;font-weight:600}
.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.wallet-box{padding:12px;border:1px solid #ccc;background:#f7f7f7}
.wallet-box strong{display:block;font-size:24px}




@media(max-width:1199px){
  .header .dropdown-menu.show{right:0!important}
  .header .search-box .form-control.search-input-show{width:150px}
  .policy-panel{padding:12px 10px}
  .policy-body h5{font-size:12px}

  /* The section bar (Crash ... Fantasy) and the match page's Odds / Matched
     Bet tabs share the reference's .menu-tabs look from its own CSS - text
     size, tabs sharing the width, long names wrapping onto two lines. The
     only addition: seven sections don't fit a narrow phone, and the
     reference just runs them off the edge, so the section bar (and only it)
     scrolls sideways so Fantasy can still be reached. */
  .main-container>.menu-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-top:2px}
  /* (padding-top: the active tab's marker is a 2px bar drawn just above it -
     style.css .nav-tabs .nav-link.active::after top:-12px - which the
     sideways scroll would otherwise clip.) */
  .main-container>.menu-tabs::-webkit-scrollbar{display:none}
  form.report-form .form-control,form.report-form .form-select,form.report-form .btn,.report-form.refer-field .form-control,.report-form.v2n-own-form .form-control,.report-form.v2n-own-form .btn{width:100%;min-width:0}
  .wallet-summary{grid-template-columns:1fr}

  .header-top>.logo-header{flex:0 0 50%;width:50%;max-width:50%}
  .header-top>.user-details{flex:0 0 50%;width:50%;max-width:50%;margin-left:0;justify-content:flex-end}
  .header-top>.search-box-container.d-xl-none{flex:0 0 28px;width:28px;max-width:28px;height:26px}
  .header-top>.search-box-container.d-xl-none .search-box{width:24px;margin-right:0}
  .header-top>.news{flex:1 1 calc(100% - 28px);width:calc(100% - 28px);max-width:calc(100% - 28px);height:26px;margin-top:4px}
}

@media(max-width:767px){
  .report-toolbar{align-items:flex-start;gap:8px;flex-direction:column}
  .report-toolbar.quick-amount-row{flex-direction:row;flex-wrap:wrap;align-items:stretch}
  .quick-amount-row .quick-amount-btn{flex:1 1 calc(33.33% - 6px)}
  .home-page .casino-list{margin-top:8px!important}
}

.modal-18plus img{max-width:120px;margin-bottom:12px}
.modal-18plus p{font-size:12px;line-height:1.6}
.home-reference-games .casino-list-item{cursor:pointer}
/* Diamond casino tables rendered by app.js casinoSubMarkets(): the reference
   sizes each game separately; these keep runner and price columns aligned on
   every table. */
.casino-generic{width:100%}
.casino-generic .casino-nation-detail{width:calc(100% - 100px)}
.casino-generic.has-lay .casino-nation-detail{width:calc(100% - 200px)}
.casino-generic .casino-odds-box{width:100px}
.casino-generic .casino-odds-box.casino-view-only{cursor:default}
/* Per-game casino layouts in app.js (Goal, Lucky 6, V VIP Teenpatti 1-day,
   Doli Dana, Matka): text cards and badges standing in for the reference's
   card/seven images, which this app doesn't have. */
.casino-page .casino-view-only{cursor:default}
.v2n-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:50px;margin-right:5px;background:#fff;border:2px solid #fdcf13;border-radius:2px;color:#000;font-weight:700;font-size:18px;line-height:1}
.v2n-card.red,.v2n-card .red,.v2n-suits.red{color:#e11d1d}
.v2n-card .black,.v2n-suits.black{color:#000}
.v2n-card-back{background:repeating-linear-gradient(45deg,#6f8fcf 0 2px,#b7c8ee 2px 4px)}
.v2n-card-lucky{width:60px;height:84px;font-size:30px}
.v2n-card-lucky b{font-size:14px}
.v2n-suits{font-size:22px;letter-spacing:2px}
/* A card image we don't have yet (the export carries only part of the deck):
   show a blank card rather than a broken-image icon. */
.v2n-card-missing img{display:none}
.flip-card-front.v2n-card-missing,.flip-card-back.v2n-card-missing{background:#fff;border:1px solid #d0d0d0;border-radius:3px}
.lucky5 .lucky7cards{background:transparent;height:auto;padding:0}
.lucky5 .card-odd-box .casino-odds-box,.dt20 .card-odd-box .casino-odds-box{border:0;padding:0;min-height:0;background:transparent;margin:0}
.lucky5 .v2n-card-odds .v2n-card,.dt20 .v2n-card-odds .v2n-card{margin:0;width:44px;height:60px;border-color:#444}
.dt20 h4{font-size:18px}
.dt1day .casino-table-header .v2n-suits,.dtl20 .v2n-suits,.dt20 .v2n-suits{font-size:18px}
.dtl20 .casino-nation-name .v2n-card{width:28px;height:36px;font-size:14px;margin:0}
.doli-dana .v2n-seven{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#fdcf13;color:#b30000;font-size:48px;font-weight:900;font-style:italic;text-shadow:1px 1px 0 #000}
.matka .v2n-matka-clock{font-style:normal;color:#fff;font-size:16px}
.matka .matka-tabs .nav-link,.matka .matka-board .nav-link{cursor:pointer}
/* .detail-page-container is a wrapping flex row (style.css), so the notice,
   remark and Last Result strip need an explicit full width on every table. */
.casino-page .casino-detail>p,.casino-page .casino-detail>.casino-remark,.casino-page .casino-detail>.casino-last-result-title,.casino-page .casino-detail>.casino-last-results{width:100%}
/* style.css makes .casino-table a flex box with no width, so inside the
   casino page it shrank to its content - the per-game layouts (D T L, Dragon
   Tiger, Teenpatti 1-day, Doli Dana, Mogambo, the roulette board) rendered
   squeezed to the left. They take the page's full width, as on the reference. */
.casino-page .casino-detail .casino-table{width:100%}
.matka [data-action="matka-bet"],.matka [data-action="matka-pick"],.matka [data-action="matka-coin"]{cursor:pointer}
.matka .worli-clear-box .btn{margin-left:4px}
/* Roulette (app.js rouletteBoard/rouletteCoins): style.css scopes the coin
   button colours to .roulette11; the other roulette tables use the same. */
.roulette .coin-btns .btn-danger{background-color:#ff0000;color:#fff}
.roulette .coin-btns .btn-info{background-color:var(--bg-info);color:#fff}
.roulette .coin-btns .btn-warning{background-color:var(--bg-fancy);color:#000}
.roulette [data-action="roulette-bet"],.roulette [data-action="roulette-chip"]{cursor:pointer}

/* button-values-modal reuses the reference's own .modal-header/.nav-pills/.row10
   cascade (style.css) for exact styling — no local overrides needed here. */

/* Place-bet slip: no overrides here - the reference's own .place-bet-*
   rules (style.css right sidebar, responsive.css .place-bet-modal) apply as-is.
   A custom slip design used to live here and overrode them. */

.event-detail-head{padding:8px 4px}
.event-detail-head h1{font-size:16px;margin:0;font-weight:700}
.event-detail-head p{margin:2px 0 0;font-size:12px;color:var(--text-info)}

/* Deposit / Withdraw / Profile / Refer / Notifications, sharing the
   .card/.card-header/.card-title/.card-body/.report-form/.form-control
   design language already established for the account report pages. */
.report-subtitle{margin:20px 0 10px;padding:10px 15px;background:var(--bg-secondary);color:var(--text-secondary);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.limit-note{color:#666;font-size:12px;justify-content:flex-end}
.form-message{margin:10px 0;padding:8px 12px;background:#eef7ff;border:1px solid #b8daff;border-radius:4px;color:#0c5aa6;font-size:14px}
.quick-amount-row{gap:8px;flex-wrap:wrap}
.quick-amount-btn{height:36px;padding:0 12px;border:1px solid var(--bg-primary);background:#fff;color:var(--bg-primary);border-radius:4px;cursor:pointer;font-weight:700;font-size:13px;flex:0 0 auto}
.quick-amount-btn.active{background:var(--bg-primary);color:var(--text-primary)}
.quick-amount-btn:disabled{opacity:.5;cursor:not-allowed}

.profile-summary{display:flex;gap:16px;align-items:center;padding:0 0 20px;border-bottom:1px solid #eee;margin-bottom:18px;flex-wrap:wrap}
.profile-avatar-upload{position:relative;width:80px;height:80px;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 80px}
.profile-avatar-upload img{width:100%;height:100%;object-fit:cover}
.profile-avatar-upload i{font-size:40px;color:#999}
.profile-avatar-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.profile-avatar-upload span{position:absolute;bottom:0;left:0;right:0;background:#0008;color:#fff;font-size:10px;text-align:center;padding:2px 0}
.profile-summary h2{margin:0 0 4px;font-size:18px}
.profile-summary p{margin:2px 0;font-size:13px;color:#555}

.refer-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.refer-summary-grid article{border:1px solid #ddd;border-radius:4px;padding:12px;text-align:center}
.refer-summary-grid strong{display:block;font-size:18px;color:var(--bg-primary)}
.refer-summary-grid span{font-size:12px;color:#666}
.refer-field{align-items:center}
.refer-field .form-control{flex:1;min-width:0}
.share-row{gap:10px}
.share-row span{font-weight:700;margin-right:4px}

.notification-list{display:flex;flex-direction:column;gap:8px}
.notification-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #eee;border-radius:4px}
.notification-item i{font-size:18px;color:var(--bg-primary);margin-top:2px}
.notification-item h2{margin:0 0 4px;font-size:14px}
.notification-item p{margin:0 0 4px;font-size:13px;color:#555}
.notification-item small{color:#999;font-size:11px}
.notification-item.empty{justify-content:center;color:#999}

@media(max-width:767px){
  .profile-summary{flex-direction:column;text-align:center}
  .refer-summary-grid{gap:6px}
  .refer-summary-grid strong{font-size:15px}
  .report-subtitle{font-size:14px}
}

/* First-login "Change Password" title: the words between two rules, as the
   panel's own first-login screen draws it. */
.login-form .login-title.v2n-lined-title{display:flex;align-items:center;gap:10px;color:#212529;margin-bottom:16px}
.login-form .login-title.v2n-lined-title:before,.login-form .login-title.v2n-lined-title:after{content:"";flex:1;border-top:1px solid #212529}
.login-form .login-chage-pass .error-form{position:static;margin:2px 0 0;text-align:left}
/* Super Over balls: the reference's card component shows each ball's runs as
   an image (front/img/superover/balls/<rank>.png); the rank shows as text for
   the balls whose image the export didn't include. */
.super-over .casino-video-cards .mt-1{display:flex;gap:4px;justify-content:center}
.v2n-ball{display:inline-flex;align-items:center;justify-content:center;min-width:28px}
.v2n-ball span{display:none;font-size:13px;font-weight:700;color:#fff;background:#444;border-radius:50%;width:28px;height:28px;line-height:28px;text-align:center}
.v2n-ball.v2n-card-missing span{display:inline-block}
/* 20-20 Teenpatti C: the suit icons in its Red / Black boxes. */
.teenpatti20 .teenpatti20-other-oods .casino-odds-box img{height:16px;width:auto;margin:0 2px}
/* Match page Live Match box: Diamond sends no stream URL, so the open box is
   an empty black 16:9 screen (style.css .live-tv gives the shape), as the
   casino tables' video box. */
.live-tv{background:#000}

/* Lucky 15 (reference style.css v106, export worlimtka-lucky15): the result
   ball in the middle of the screen, and the countdown at the top right. */
.cricket20ballpopup{position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-50px;z-index:10;animation:zoom-in-zoom-out 1s ease;animation-iteration-count:1}
.cricket20ballpopup img{width:150px}
/* The same ball inside the result popup (reference .cricket20ballresult). */
.cricket20ballpopup.cricket20ballresult{position:relative;width:auto;left:unset;top:unset;margin:0;display:inline-block;animation:none}
.cricket20ballpopup span{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);color:#fff;font-weight:bold;text-transform:uppercase;font-size:26px}
@keyframes zoom-in-zoom-out{0%{transform:scale(1,1)}50%{transform:scale(1.5,1.5)}100%{transform:scale(1,1)}}
.v2n-lucky15 .clock{position:absolute !important;right:10px;top:10px;text-align:right !important;left:unset;margin:0 !important;width:auto !important}

/* Worli bet slip: how many numbers the stake is on and the total. */
.v2n-worli-note{padding:4px 8px;font-size:12px;font-weight:700;color:#8a1c1c}

/* Admin view of a casino table (app.js ADMIN_VIEW): the game alone, full
   width, with no My Bet column or Placed Bet tab. */
.v2n-admin-view .main-container{margin:0;padding:0}
.v2n-admin-view .center-main-container{width:100% !important;max-width:100%}
.v2n-admin-view .sidebar.right-sidebar{display:none !important}
.v2n-admin-view .casino-title-header-mobile .nav-item:nth-child(2){display:none}
.v2n-admin-view .casino-last-result-title a{display:none}
.v2n-admin-view [data-action]:not([data-action="casino-table-tab"]):not([data-action="matka-bet-tab"]):not([data-action="matka-pana-tab"]):not([data-action="matka-session"]){cursor:default}

/* The Trap: each side's dealt cards, one under another (the reference's vertical card strip). */
.trap .casino-video-cards .v2n-trap-cards{height:auto;margin-top:6px}
.trap .casino-video-cards .v2n-trap-cards img{display:block;width:100%;margin-bottom:3px}