/* Flat SisuBet surfaces: color, spacing and outlines carry the hierarchy. */
:root{--bg:#0d131d;--panel:#141e2b;--line:#263343;--blue:#1689ff}
.topbar{background:#111923;backdrop-filter:none}
.sidebar{background:#111923;box-shadow:none}
.wallet,.profile{background:#1b2838;border-color:#2a394b;border-radius:5px}
.icon-button,.nav-item,.game-nav button{border-radius:5px}
.nav-item.active{background:#17324c;box-shadow:none;border-left:2px solid #268eff;padding-left:12px}
.sidebar-compact .nav-item.active{padding-left:0}
.hero,.game-card,.game-shell,dialog{border-radius:7px;box-shadow:none}
.hero{background:#16263a;border-color:#283c51}
.hero-grid,.aurora,.game-card:before,.game-card:after,.game-stage:before{display:none}
.hero-emblem{filter:none;opacity:.55}
.mountains{opacity:.5}
.primary-button,.bet-action,.bet-action.cashout,#mobile-cashout,.play-again{background:#1682ec;border-color:#1682ec;border-radius:5px;box-shadow:none;transition:background .2s ease,border-color .2s ease}
.primary-button:hover,.bet-action:not(:disabled):hover,.play-again:hover{background:#2995ff;border-color:#2995ff;transform:none;box-shadow:none}
.primary-button:active,.bet-action:not(:disabled):active{background:#0c70ce;transform:none}
.game-card{background:#182b3c;border-color:#293e51;transition:background .22s ease,border-color .22s ease}
.game-card.limbo{background:#1a2a40}
.game-card.plinko{background:#153040}
.game-card.tower{background:#1b2a3d}
.game-card:hover{background:#20374c;border-color:#42627e;transform:none;box-shadow:none}
.artwork .game-emblem,.artwork>svg,.tile-content img,.banknote svg{filter:none}
.game-card:hover .game-emblem,.game-card:hover .artwork>svg{transform:scale(1.025)}
.game-shell{background:#141f2d;border-color:#293748}
.bet-panel{background:#162231;border-color:#293748}
.game-stage{background:#0f1927}
.back-lobby,.rules-button{background:#172332;border-color:#2c3a4d;border-radius:5px}
.manual-badge>span{box-shadow:none}
.bet-field,.bet-panel select{background:#0f1927;border-color:#2a3a4e;border-radius:5px}
.bet-field button{background:#1b2c40;border-color:#2a3a4e}
.bet-field:focus-within{border-color:#4fa7ef;box-shadow:none}
.current-return{background:#121e2d;border-color:#2a3a4e;border-radius:5px}
.board-stats{background:#142131;border-color:#293b4e;border-radius:5px}

/* Unrevealed tiles are plain flat squares, with no bevel or raised edge. */
.tile,.tower-grid .tile{background:#26384c;background-image:none;border:1px solid #31465b;border-radius:5px;box-shadow:none;transform:none;transition:background-color .18s ease,border-color .18s ease,opacity .25s ease}
.tile-mark{display:none}
.tile.available:not(:disabled):hover,.tower-grid .tile.available:not(:disabled):hover{background:#344e68;border-color:#5a85a8;transform:none;box-shadow:none}
.tile.available:not(:disabled):active{background:#213c56;transform:none}
.tile.safe,.tower-grid .tile.safe{background:#163047;border-color:#2e658d;box-shadow:none}
.tile.selected,.tower-grid .tile.selected{background:#193950;border-color:#58a5d7;box-shadow:none}
.tile.bomb,.tower-grid .tile.bomb{background:#352335;border-color:#8b4560;box-shadow:none}
.current-floor .tile{background:#253f58;border-color:#4c789c;box-shadow:none}
.tower-grid .tile{background:#1b2b3d;border-color:#293e53}
.current-floor .tile.available{background:#253f58;border-color:#4c789c}
.reveal-animation:after{border-width:1px}
.mine-symbol{background:#df5276;box-shadow:none}
.win-card{background:#121e2c;box-shadow:none;border-radius:6px}
dialog{background:#152131;border-color:#33465d}
dialog::backdrop{background:#050c17bf;backdrop-filter:none}
.toast{background:#192b40;border-color:#35516d;border-radius:5px;box-shadow:none}
.sidebar .nordic-mark .language-globe{background:transparent;color:#7997b9}

/* Keep the intro animated while matching the flatter interface. */
#site-loader{background:#09111e}
.loader-atmosphere{background:none}
.loader-orbit{box-shadow:none;border-color:#234260}
.orbit-one:before,.loader-track span{box-shadow:none}
.loader-crown{filter:none}
.loader-logo:after{display:none}
@keyframes logo-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:650px){.sidebar{box-shadow:none}.tile,.tower-grid .tile{border-radius:4px;box-shadow:none}.hero,.game-shell,.game-card{border-radius:6px}#mobile-cashout{background:#1682ec;border-color:#1682ec;box-shadow:none;border-radius:5px}}
@media(prefers-reduced-motion:reduce){.tile,.game-card,.primary-button,.bet-action{transition:none}}