.board-wrap{width:min(1280px,96vw);margin:115px auto 90px;display:grid;gap:16px;direction:rtl}
.board-hero,.board-create-card,.board-live-panel,.board-empty,.players-panel,.logs-panel,.dice-result,.last-action-card,.dice-modal-box,.history-modal-box{background:linear-gradient(180deg,rgba(11,24,39,.98),rgba(4,10,17,.96));border:1px solid rgba(255,215,106,.16);box-shadow:0 16px 34px rgba(0,0,0,.25);border-radius:24px}
.board-hero{padding:22px;text-align:center;background:radial-gradient(circle at 15% 20%,rgba(255,215,106,.16),transparent 34%),linear-gradient(135deg,rgba(8,21,33,.98),rgba(3,10,17,.96))}
.board-hero h2{margin:0 0 8px;color:#ffd76a;font-size:38px}.board-hero p{margin:0;color:rgba(255,255,255,.68);line-height:1.8}
.board-control-panel{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.board-create-card{padding:18px;display:grid;gap:10px;text-align:center}.board-create-card h3{margin:0;color:#ffd76a;font-size:24px}.board-create-card p{margin:0;color:rgba(255,255,255,.62);line-height:1.7}
.board-create-card input{height:48px;border-radius:14px;background:#07111d;color:#fff;border:1px solid rgba(255,215,106,.25);text-align:center;font-weight:900;font-size:17px}.board-btn{min-height:50px;border:0;border-radius:16px;font-weight:1000;cursor:pointer;padding:0 18px}.board-btn.gold{background:linear-gradient(180deg,#ffd76a,#c58a1b);color:#111}.board-btn.green,.board-btn.dice{background:linear-gradient(180deg,#20f060,#0fa24a);color:#fff}.board-btn.secondary{background:linear-gradient(180deg,#304358,#152332);color:#fff;border:1px solid rgba(255,255,255,.12)}.board-btn.dice{font-size:18px}.board-btn:disabled{opacity:.55;background:#2b3846!important;color:#fff!important;cursor:not-allowed}
.room-list{display:grid;gap:8px}.room-list a{color:#fff;text-decoration:none;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.room-list a.active{background:rgba(255,215,106,.12);border-color:rgba(255,215,106,.24);color:#ffd76a}
.board-live-panel{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:center;padding:16px}.board-live-panel div,.dice-result{text-align:center}.board-live-panel span,.dice-result span,.last-action-card span{display:block;color:rgba(255,255,255,.55);font-weight:800;margin-bottom:6px}.board-live-panel strong,.dice-result strong{color:#ffd76a;font-size:24px}.board-live-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.board-roll-summary{display:grid;grid-template-columns:320px 1fr;gap:12px}.dice-result,.last-action-card{padding:16px}.dice-result strong{font-size:34px}.last-action-card strong{display:block;color:#fff;font-size:22px;margin-bottom:6px}.last-action-card p{margin:0;color:rgba(255,255,255,.62);line-height:1.7}
.monopoly-shell{display:grid;place-items:center;padding:14px;border-radius:28px;background:linear-gradient(180deg,rgba(255,215,106,.08),rgba(255,255,255,.02));border:1px solid rgba(255,215,106,.12)}
.monopoly-board{width:min(94vw,980px);height:min(94vw,980px);max-height:980px;display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);gap:4px;background:#0c1622;border:3px solid rgba(255,215,106,.35);border-radius:20px;padding:8px;position:relative}
.board-center{grid-column:2 / 11;grid-row:2 / 11;background:radial-gradient(circle at center,rgba(255,215,106,.12),rgba(4,10,17,.94));border:1px dashed rgba(255,215,106,.22);border-radius:22px;display:grid;place-items:center;text-align:center;padding:18px}.baghdad-logo{font-size:46px;font-weight:1000;color:#ffd76a;text-shadow:0 0 20px rgba(255,215,106,.22)}.center-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.center-cards div{padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:900}.board-center p{color:rgba(255,255,255,.65);margin:0}
.board-tile{border-radius:10px;padding:5px;background:linear-gradient(180deg,#edf6dd,#cfe6c9);border:1px solid rgba(0,0,0,.25);display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;color:#0c1724;min-width:0}.board-tile.corner{border-radius:14px;background:linear-gradient(180deg,#ffe6a3,#ffd06a)}.tile-color{height:8px;border-radius:6px;margin:-1px -1px 4px}.cg-brown{background:#7b4b2a}.cg-sky{background:#7dcff3}.cg-pink{background:#cf4e9e}.cg-orange{background:#f39a26}.cg-red{background:#e34848}.cg-yellow{background:#ffd93d}.cg-green{background:#1ca66a}.cg-blue{background:#1e65d8}.cg-rail{background:#111}.cg-utility{background:#8b8b8b}.board-tile h4{margin:0;font-size:11px;line-height:1.25;font-weight:1000}.board-tile p{margin:2px 0;font-size:9px;line-height:1.2;opacity:.78}.tile-price,.rent,.owner{font-size:9px;font-weight:900}.rent{color:#0b8b3b}.owner{color:#111}.tile-icon{font-size:17px}.tokens{display:flex;gap:3px;flex-wrap:wrap}.player-token{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffd76a;color:#111;font-weight:1000;box-shadow:0 0 12px rgba(0,0,0,.25);font-size:11px}.player-token.p2{background:#20f060;color:#03110a}
.board-side{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.players-panel,.logs-panel{padding:18px}.players-panel h3,.logs-panel h3{margin:0 0 12px;color:#ffd76a;font-size:24px;text-align:center}.player-row,.log-row{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);margin-bottom:8px}.player-row strong{color:#fff}.player-row span,.log-row span{color:rgba(255,255,255,.56);font-size:13px}.log-row p{margin:0;color:rgba(255,255,255,.75);line-height:1.55}
.dice-modal,.history-modal{position:fixed;inset:0;z-index:3000;display:none}.dice-modal.open,.history-modal.open{display:block}.dice-modal-backdrop,.history-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}.dice-modal-box,.history-modal-box{position:relative;width:min(780px,calc(100vw - 28px));margin:5vh auto;padding:22px;z-index:2}.dice-modal-close,.history-modal-close{position:absolute;top:12px;left:12px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}.dice-modal-header,.history-modal-header{text-align:center;margin-bottom:12px}.dice-modal-header h3,.history-modal-header h3{margin:0;color:#ffd76a;font-size:30px}.dice-modal-header p,.history-modal-header p{margin:6px 0 0;color:rgba(255,255,255,.62)}
.real-dice-stage{display:flex;align-items:center;justify-content:center;gap:26px;min-height:165px;margin-top:10px}.real-die{width:110px;height:110px;border-radius:24px;background:linear-gradient(180deg,#fff,#ececec);box-shadow:0 20px 30px rgba(0,0,0,.35),inset 0 -6px 10px rgba(0,0,0,.06);padding:14px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px}.real-die.rolling{animation:dieBounce .28s linear infinite}@keyframes dieBounce{0%{transform:rotate(0deg) scale(.92)}25%{transform:rotate(8deg) scale(1)}50%{transform:rotate(-8deg) scale(1.06)}75%{transform:rotate(6deg) scale(1)}100%{transform:rotate(0deg) scale(.92)}}.pip{width:18px;height:18px;border-radius:50%;align-self:center;justify-self:center;background:radial-gradient(circle at 35% 35%,#555,#111 70%);opacity:0}.pip.on{opacity:1}.dice-total-center{text-align:center;font-size:38px;font-weight:1000;color:#20f060;margin:8px 0 14px}
.roll-details-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-item{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:12px}.detail-item .k{display:block;color:rgba(255,255,255,.58);font-size:13px;margin-bottom:5px}.detail-item .v{display:block;color:#fff;font-size:17px;font-weight:900;line-height:1.5}.details-notes{margin-top:12px;display:grid;gap:8px}.details-note{background:rgba(255,215,106,.08);border:1px solid rgba(255,215,106,.18);border-radius:14px;padding:10px 12px;color:#fff;line-height:1.7}.buy-action-box{margin-top:12px}.buy-action-box .board-btn{width:100%;font-size:18px}
.history-modal-list{max-height:62vh;overflow:auto;display:grid;gap:10px;padding-right:4px}.history-entry{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.history-entry p{margin:0;color:#fff;line-height:1.7}.history-entry span{display:block;color:rgba(255,255,255,.56);font-size:12px;margin-top:6px}.screen-flash{position:fixed;inset:0;pointer-events:none;opacity:0;z-index:2800;transition:opacity .26s ease}.screen-flash.flash-red{background:radial-gradient(circle at center,rgba(255,75,105,.25),rgba(255,75,105,.02) 60%);opacity:1}.screen-flash.flash-green{background:radial-gradient(circle at center,rgba(32,240,96,.24),rgba(32,240,96,.02) 60%);opacity:1}.screen-flash.flash-gold{background:radial-gradient(circle at center,rgba(255,215,106,.24),rgba(255,215,106,.02) 60%);opacity:1}.screen-flash.flash-blue{background:radial-gradient(circle at center,rgba(96,178,255,.22),rgba(96,178,255,.02) 60%);opacity:1}
@media(max-width:900px){.board-wrap{width:calc(100vw - 20px);margin-top:100px}.board-control-panel,.board-live-panel,.board-side,.board-roll-summary{grid-template-columns:1fr}.board-live-actions{justify-content:stretch}.board-live-actions .board-btn{flex:1}.monopoly-board{height:96vw;gap:2px;padding:5px}.board-tile h4{font-size:8px}.board-tile p,.tile-price,.rent,.owner{font-size:7px}.tile-icon{font-size:13px}.baghdad-logo{font-size:26px}.center-cards{gap:6px}.center-cards div{padding:8px;font-size:11px}}
@media(max-width:560px){.real-dice-stage{gap:14px;min-height:145px}.real-die{width:88px;height:88px;border-radius:18px;padding:10px;gap:8px}.pip{width:14px;height:14px}.details-grid{grid-template-columns:1fr}.dice-modal-box,.history-modal-box{margin:3vh auto;padding:18px}.board-tile{padding:3px}}


/* V20.7 Mobile UX repair */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.monopoly-shell {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: both proximity;
}
.monopoly-board {
  flex: 0 0 auto;
}
.dice-modal-box,
.history-modal-box {
  max-height: 90vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.roll-details-box {
  padding-bottom: 12px;
}
.buy-action-box {
  position: sticky;
  bottom: 0;
  z-index: 4;
  padding-top: 10px;
  background: linear-gradient(180deg, rgba(4,10,17,0), rgba(4,10,17,.96) 28%, rgba(4,10,17,.98));
}
.buy-action-box .board-btn {
  min-height: 58px;
  box-shadow: 0 14px 28px rgba(0,0,0,.30);
}
.mobile-game-bar {
  display: none;
}
.mobile-roll-btn,
.mobile-buy-btn {
  border: 0;
  border-radius: 18px;
  min-height: 56px;
  padding: 0 18px;
  font-weight: 1000;
  font-size: 16px;
  cursor: pointer;
}
.mobile-roll-btn {
  background: linear-gradient(180deg,#20f060,#0fa24a);
  color: #fff;
  box-shadow: 0 10px 28px rgba(32,240,96,.22);
}
.mobile-buy-btn {
  background: linear-gradient(180deg,#ffd76a,#c58a1b);
  color: #111;
  box-shadow: 0 10px 28px rgba(255,215,106,.18);
}
.mobile-roll-btn:disabled,
.mobile-buy-btn:disabled {
  opacity: .55;
  filter: grayscale(.25);
}
@media(max-width:900px){
  .board-wrap {
    margin-top: 86px;
    margin-bottom: 110px;
    width: calc(100vw - 14px);
    gap: 12px;
  }
  .board-hero {
    padding: 16px 12px;
  }
  .board-hero h2 {
    font-size: 28px;
  }
  .board-hero p {
    font-size: 13px;
  }
  .board-control-panel {
    grid-template-columns: 1fr;
  }
  .board-live-panel {
    grid-template-columns: repeat(3,1fr);
    gap: 8px;
    padding: 10px;
    position: sticky;
    top: 72px;
    z-index: 20;
    backdrop-filter: blur(10px);
  }
  .board-live-panel .board-live-actions {
    grid-column: 1 / -1;
  }
  .board-live-actions .board-btn.dice {
    display: none;
  }
  .board-roll-summary {
    grid-template-columns: 1fr;
  }
  .last-action-card,
  .dice-result {
    padding: 12px;
  }
  .monopoly-shell {
    justify-content: flex-start;
    padding: 8px;
    border-radius: 22px;
    max-height: calc(100vh - 190px);
  }
  .monopoly-board {
    width: 760px !important;
    height: 760px !important;
    min-width: 760px;
    min-height: 760px;
    max-width: none;
    max-height: none;
  }
  .board-tile h4 {
    font-size: 9px;
  }
  .board-tile p,
  .tile-price,
  .rent,
  .owner {
    font-size: 8px;
  }
  .tile-icon {
    font-size: 15px;
  }
  .player-token {
    width: 20px;
    height: 20px;
  }
  .board-side {
    grid-template-columns: 1fr;
  }
  .mobile-game-bar {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 14px;
    z-index: 2500;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px;
    border-radius: 24px;
    background: rgba(3,10,17,.92);
    border: 1px solid rgba(255,215,106,.22);
    box-shadow: 0 -10px 35px rgba(0,0,0,.38);
    backdrop-filter: blur(14px);
  }
  .mobile-game-bar.has-buy {
    grid-template-columns: 1fr 1fr;
  }
  .dice-modal-box {
    margin: 2vh auto;
    width: calc(100vw - 18px);
    max-height: 94vh;
    padding: 16px;
  }
  .dice-modal-header h3 {
    font-size: 24px;
  }
  .real-dice-stage {
    min-height: 118px;
    gap: 12px;
  }
  .real-die {
    width: 78px;
    height: 78px;
    border-radius: 16px;
    padding: 9px;
    gap: 6px;
  }
  .pip {
    width: 12px;
    height: 12px;
  }
  .dice-total-center {
    font-size: 26px;
    margin: 4px 0 8px;
  }
  .details-grid {
    grid-template-columns: 1fr;
    gap: 7px;
  }
  .detail-item {
    padding: 9px;
    border-radius: 13px;
  }
  .detail-item .v {
    font-size: 15px;
  }
  .details-note {
    padding: 8px 10px;
    font-size: 13px;
  }
}
@media(max-width:520px){
  .monopoly-board {
    width: 700px !important;
    height: 700px !important;
    min-width: 700px;
    min-height: 700px;
  }
  .board-live-panel strong {
    font-size: 18px;
  }
  .board-live-panel span {
    font-size: 11px;
  }
}


/* V20.8 money movement + bigger readable mobile board */
.money-fx-layer{position:fixed;inset:0;pointer-events:none;z-index:2700}
.money-fly{
  position:fixed;
  right:50%;
  top:48%;
  transform:translate(50%,0);
  font-size:34px;
  font-weight:1000;
  text-shadow:0 8px 24px rgba(0,0,0,.55);
  animation:moneyFlyToBalance 1.15s ease forwards;
  white-space:nowrap;
}
.money-fly.plus{color:#20f060}
.money-fly.minus{color:#ff4b69}
@keyframes moneyFlyToBalance{
  0%{opacity:0;transform:translate(50%,20px) scale(.7)}
  18%{opacity:1;transform:translate(50%,0) scale(1.05)}
  100%{opacity:0;transform:translate(50%,-110px) scale(.82)}
}
.balance-changed-plus{animation:balancePulsePlus .8s ease}
.balance-changed-minus{animation:balancePulseMinus .8s ease}
@keyframes balancePulsePlus{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 2px rgba(32,240,96,.35),0 0 24px rgba(32,240,96,.20)}}
@keyframes balancePulseMinus{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 2px rgba(255,75,105,.35),0 0 24px rgba(255,75,105,.20)}}
.board-tile.mortgaged{filter:grayscale(.45);opacity:.78;border-style:dashed}
.mortgage-badge{
  display:inline-block;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(255,75,105,.18);
  border:1px solid rgba(255,75,105,.25);
  color:#b00020;
  font-size:8px;
  font-weight:1000;
}
.cash-panel{
  margin-top:12px;
  display:grid;
  gap:8px;
}
.cash-option{
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  display:grid;
  gap:7px;
}
.cash-option strong{color:#fff}
.cash-option span{color:rgba(255,255,255,.62);font-size:13px}
.cash-option button{min-height:42px}
@media(max-width:900px){
  .monopoly-board {
    width: 980px !important;
    height: 980px !important;
    min-width: 980px;
    min-height: 980px;
  }
  .board-tile h4{font-size:12px!important}
  .board-tile p,.tile-price,.rent,.owner{font-size:10px!important}
  .tile-icon{font-size:18px!important}
  .monopoly-shell{max-height:calc(100vh - 170px)}
}
@media(max-width:520px){
  .monopoly-board {
    width: 960px !important;
    height: 960px !important;
    min-width: 960px;
    min-height: 960px;
  }
  .money-fly{font-size:28px}
}


/* V20.9 readability + ownership clarity */
.board-money-panel{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  gap:12px;
}
.money-card{
  background:linear-gradient(180deg,rgba(11,24,39,.98),rgba(4,10,17,.96));
  border:1px solid rgba(255,215,106,.18);
  box-shadow:0 14px 28px rgba(0,0,0,.22);
  border-radius:22px;
  padding:16px;
  text-align:center;
}
.money-card span{
  display:block;
  color:rgba(255,255,255,.62);
  font-weight:900;
  margin-bottom:6px;
}
.money-card strong{
  color:#ffd76a;
  font-size:25px;
  font-weight:1000;
}
.money-card.main-balance strong{
  color:#20f060;
  font-size:32px;
}
.board-tile{
  padding:7px !important;
}
.board-tile h4{
  font-size:13px !important;
  line-height:1.2 !important;
}
.board-tile p{
  font-size:10px !important;
  line-height:1.25 !important;
  max-height:26px;
  overflow:hidden;
}
.tile-price,.rent,.owner{
  font-size:10px !important;
  line-height:1.25 !important;
}
.owner-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:100%;
  padding:4px 5px;
  border-radius:10px;
  margin-top:3px;
  font-size:10px;
  font-weight:1000;
  border:1px solid rgba(0,0,0,.18);
  color:#07111d;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.owner-badge.mine{
  background:linear-gradient(180deg,#20f060,#08b84f);
  color:#03110a;
}
.owner-badge.other{
  background:linear-gradient(180deg,#ff5d75,#d72f4b);
  color:#fff;
}
.owner-badge.bank{
  background:linear-gradient(180deg,#e6edf5,#b9c5d2);
  color:#111;
}
.board-tile.owned-mine{
  outline:3px solid rgba(32,240,96,.95);
  box-shadow:0 0 0 2px rgba(32,240,96,.30),0 0 18px rgba(32,240,96,.18);
}
.board-tile.owned-other{
  outline:3px solid rgba(255,75,105,.88);
  box-shadow:0 0 0 2px rgba(255,75,105,.24),0 0 18px rgba(255,75,105,.14);
}
.board-tile.unowned-property{
  outline:2px dashed rgba(255,215,106,.58);
}
.tile-owned-label{
  position:absolute;
  left:4px;
  top:4px;
  z-index:2;
  min-width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:1000;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.tile-owned-label.mine{background:#20f060;color:#03110a}
.tile-owned-label.other{background:#ff4b69;color:#fff}
.tile-owned-label.bank{background:#ffd76a;color:#111}
.tile-color{
  height:12px !important;
}
.tokens{
  min-height:22px;
}
@media(max-width:900px){
  .board-money-panel{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .money-card{
    padding:12px 8px;
    border-radius:18px;
  }
  .money-card strong{
    font-size:20px;
  }
  .money-card.main-balance{
    grid-column:1 / -1;
  }
  .money-card.main-balance strong{
    font-size:30px;
  }
  .monopoly-board {
    width: 1180px !important;
    height: 1180px !important;
    min-width: 1180px;
    min-height: 1180px;
  }
  .board-tile{
    padding:8px !important;
  }
  .board-tile h4{
    font-size:15px !important;
  }
  .board-tile p,
  .tile-price,
  .rent,
  .owner,
  .owner-badge{
    font-size:12px !important;
  }
  .tile-icon{
    font-size:21px!important;
  }
  .tile-color{
    height:14px!important;
  }
  .monopoly-shell{
    max-height:calc(100vh - 155px);
  }
}
@media(max-width:520px){
  .monopoly-board {
    width: 1120px !important;
    height: 1120px !important;
    min-width: 1120px;
    min-height: 1120px;
  }
}


/* V21.0 money counter above dice + clearer readable tiles */
.dice-money-fx{
  min-height:62px;
  display:grid;
  place-items:center;
  margin:4px 0 6px;
}
.dice-money-pill{
  min-width:220px;
  text-align:center;
  padding:12px 18px;
  border-radius:999px;
  font-size:34px;
  font-weight:1000;
  line-height:1;
  animation:diceMoneyPop 1.7s ease forwards;
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}
.dice-money-pill.plus{
  color:#03110a;
  background:linear-gradient(180deg,#39ff78,#0fc75a);
  border:1px solid rgba(32,240,96,.55);
}
.dice-money-pill.minus{
  color:#fff;
  background:linear-gradient(180deg,#ff6b82,#d92748);
  border:1px solid rgba(255,75,105,.60);
}
@keyframes diceMoneyPop{
  0%{opacity:0;transform:translateY(18px) scale(.82)}
  18%{opacity:1;transform:translateY(0) scale(1.08)}
  55%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-18px) scale(.96)}
}

/* Make board cells easier on eyes */
.board-tile{
  color:#000 !important;
  text-align:center !important;
  align-content:center !important;
  justify-items:center !important;
  grid-template-rows:auto auto 1fr auto auto !important;
  min-height:96px !important;
}
.board-tile h4{
  color:#000 !important;
  text-align:center !important;
  font-weight:1000 !important;
  width:100%;
  margin-top:2px !important;
}
.board-tile p,
.tile-price,
.rent,
.owner{
  color:#000 !important;
  text-align:center !important;
  font-weight:900 !important;
}
.rent{
  color:#006b2f !important;
}
.tile-color{
  width:92%;
  margin-left:auto !important;
  margin-right:auto !important;
}
.tokens{
  justify-content:center !important;
  width:100%;
}
.owner-badge{
  max-width:96%;
  justify-content:center !important;
}
.monopoly-board{
  width:min(96vw,1120px) !important;
  height:min(96vw,1120px) !important;
  max-width:1120px !important;
  max-height:1120px !important;
}
@media(max-width:900px){
  .dice-money-fx{
    min-height:58px;
  }
  .dice-money-pill{
    min-width:190px;
    font-size:28px;
    padding:11px 16px;
  }
  .monopoly-board {
    width: 1320px !important;
    height: 1320px !important;
    min-width: 1320px;
    min-height: 1320px;
  }
  .board-tile{
    min-height:114px !important;
    padding:10px !important;
    border-radius:14px !important;
  }
  .board-tile h4{
    font-size:18px !important;
    line-height:1.22 !important;
  }
  .board-tile p,
  .tile-price,
  .rent,
  .owner,
  .owner-badge{
    font-size:14px !important;
    line-height:1.25 !important;
  }
  .tile-icon{
    font-size:25px!important;
  }
  .tile-color{
    height:17px!important;
  }
  .player-token{
    width:26px;
    height:26px;
    font-size:13px;
  }
}
@media(max-width:520px){
  .monopoly-board {
    width: 1280px !important;
    height: 1280px !important;
    min-width: 1280px;
    min-height: 1280px;
  }
  .board-tile h4{
    font-size:17px !important;
  }
  .board-tile p,
  .tile-price,
  .rent,
  .owner,
  .owner-badge{
    font-size:13px !important;
  }
}