/* def4skins - motyw graficzny (wczytywany po style.min.css i game.min.css). Grafiki: images/d4s/, fonty: d4s-fonts.css */
:root{--d4s-gold:#e0b22a;--d4s-gold-light:#ffe68a;--d4s-gold-dark:#a87a10;--d4s-ct:#3f9bd6;--d4s-ct-light:#8fd0ff;--d4s-panel:#17191c;--d4s-panel-2:#22252a;--d4s-line:#3a3d42;--d4s-text:#e9ecef;--d4s-muted:#9aa1a9}

/* tło i tekst */
html{background:#101215 url('../images/d4s/bg.jpg?d4s=1') center top/cover no-repeat fixed !important}
@media(max-height:1075px){html{background:#101215 url('../images/d4s/bg.jpg?d4s=1') center top/cover no-repeat fixed !important}}
html,body{font-family:'Oxanium',sans-serif;color:var(--d4s-text)}
body{background:linear-gradient(180deg,rgba(10,12,15,.55),rgba(10,12,15,.25) 40%,rgba(10,12,15,.65)) fixed}
h1,h2,h3,h4,.site-footer h4,.page-header{font-family:'Conthrax','Oxanium',sans-serif;letter-spacing:.02em}
a{color:var(--d4s-gold)}
a:hover,a:focus{color:var(--d4s-gold-light)}

/* logo */
#logo,#navbar-logo{width:430px;height:60px;margin-top:0}
.logo-0 #logo,.logo-1 #logo,.logo-2 #logo{background:url('../images/d4s/logo.png?d4s=1') left center/contain no-repeat}
#logo{top:46px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.logo-0 .site-footer-logo,.logo-1 .site-footer-logo,.logo-2 .site-footer-logo{background-image:url('../images/d4s/logo.png?d4s=1')}
.site-footer-logo{width:280px;height:40px}

/* przyciski: złote jak "Zaakceptuj wszystkie" w projekcie */
.btn-primary,.btn-new{font-family:'Oxanium',sans-serif;font-weight:700;color:#1b1407 !important;text-shadow:none;border:1px solid var(--d4s-gold-dark);background:linear-gradient(180deg,var(--d4s-gold-light) 0%,var(--d4s-gold) 45%,var(--d4s-gold-dark) 100%) !important;box-shadow:0 2px 0 rgba(0,0,0,.4)}
.btn-primary:hover,.btn-new:hover,.btn-primary:focus{filter:brightness(1.08);color:#1b1407 !important}
.btn-default{font-family:'Oxanium',sans-serif;background:linear-gradient(180deg,#3a3e44,#22252a) !important;border:1px solid #4a4e55;color:var(--d4s-text) !important;text-shadow:none}

/* pola formularzy */
.form-control{background:#111316;border:1px solid var(--d4s-line);color:var(--d4s-text);font-family:'Oxanium',sans-serif}
.form-control:focus{border-color:var(--d4s-gold);box-shadow:0 0 0 2px rgba(224,178,42,.25)}

/* panele i okna */
.modal-content,.panel,.well{background:rgba(23,25,28,.96);border:1px solid var(--d4s-line);color:var(--d4s-text)}
.modal-header,.modal-footer{border-color:var(--d4s-line)}

/* ===== ekran gry ===== */
/* postacie zamiast pirata: terrorysta (moja strona, lewa), antyterrorysta (przeciwnik, prawa) */
#game-container::before{top:-60px;left:-250px;right:auto;width:330px;height:420px;background:url('../images/d4s/t1.png?d4s=1') left top/contain no-repeat;z-index:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
#game-container::after{content:'';position:absolute;top:-60px;right:-250px;width:300px;height:440px;background:url('../images/d4s/ct1.png?d4s=1') right top/contain no-repeat;pointer-events:none;z-index:0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
@media(max-width:1600px){#game-container::before{left:-170px;opacity:.9}#game-container::after{right:-170px;opacity:.9}}
@media(max-width:1350px){#game-container::before,#game-container::after{display:none}}

/* plansze D4S: obraz z ramką i współrzędnymi pod polami (siatka 30 px), stara ramka wyłączona */
#game-container.game10x10 .game-board-ruler-ver,#game-container.game7x7 .game-board-ruler-ver,#game-container .game-board-container-wrapper-own .game-board-ruler-ver{background:none !important}
#game-container.game10x10 .game-board-ruler-hor{top:-13px;left:-11px;width:370px;height:386px;background:url('../images/d4s/board-ct-on-10.png?d4s=1') 0 0/100% 100% no-repeat}
#game-container.game7x7 .game-board-ruler-hor{top:-13px;left:-11px;width:280px;height:296px;background:url('../images/d4s/board-ct-on-7.png?d4s=1') 0 0/100% 100% no-repeat}
#game-container.game10x10 .game-board-container-wrapper-own .game-board-ruler-hor{background-image:url('../images/d4s/board-t-on-10.png?d4s=1')}
#game-container.game7x7 .game-board-container-wrapper-own .game-board-ruler-hor{background-image:url('../images/d4s/board-t-on-7.png?d4s=1')}
/* w trakcie gry jasna jest plansza, na której toczy się ruch (moja tura -> plansza przeciwnika) */
#game-container.game10x10.game-status-32.game-my-turn .game-board-container-wrapper-own .game-board-ruler-hor{background-image:url('../images/d4s/board-t-off-10.png?d4s=1')}
#game-container.game10x10.game-status-32.game-my-turn .game-board-container-wrapper:not(.game-board-container-wrapper-own) .game-board-ruler-hor{background-image:url('../images/d4s/board-ct-on-10.png?d4s=1')}
#game-container.game7x7.game-status-32.game-my-turn .game-board-container-wrapper-own .game-board-ruler-hor{background-image:url('../images/d4s/board-t-off-7.png?d4s=1')}
#game-container.game7x7.game-status-32.game-my-turn .game-board-container-wrapper:not(.game-board-container-wrapper-own) .game-board-ruler-hor{background-image:url('../images/d4s/board-ct-on-7.png?d4s=1')}
#game-container.game10x10.game-status-128 .game-board-ruler-hor{background-image:url('../images/d4s/board-ct-on-10.png?d4s=1')}
#game-container.game10x10.game-status-128 .game-board-container-wrapper-own .game-board-ruler-hor{background-image:url('../images/d4s/board-t-on-10.png?d4s=1')}

/* trafienie / pudło / rozbrojony ładunek */
.game-board-overlay .game-board-field.miss:after{background:url('../images/d4s/miss.png?d4s=1') center/80% no-repeat;animation:none !important;opacity:1}
/* trafienie w ładunek: okrągłe kombinerki (D4S_Rozbrojenie1) zamiast animacji wybuchu */
.game-board-overlay .game-board-field.hit:after,.game-board-overlay .game-board-field.hit:before{background:url('../images/d4s/defused.png?d4s=1') center/contain no-repeat;border-radius:0;animation:none !important;transform:none !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.game-board-overlay-under .game-board-field.hit::before{display:none}
.game-ship .hitmarker::after,.game-ship .hitmarker::before{background:url('../images/d4s/defused.png?d4s=1') center/contain no-repeat;border-radius:0;animation:none !important;transform:none !important}
.game-ship .hitmarker::before{display:none}


/* tabliczki z nickami: moja żółta (T), przeciwnika niebieska (CT) */
.header-player-wrapper{top:-58px;background:url('../images/d4s/panel-short-ct.png?d4s=1') 0 0/100% 100% no-repeat;font-family:'Oxanium',sans-serif;color:#eaf6ff}
.game-board-container-wrapper-own .header-player-wrapper{background-image:url('../images/d4s/panel-short-t.png?d4s=1');color:#fff6d6}

/* stawka nad środkowym panelem i sam panel */
.game-header{background:url('../images/d4s/coin.png?d4s=1') 14px 50%/26px auto no-repeat,url('../images/d4s/field-3.png?d4s=1') 0 0/100% 100% no-repeat;font-family:'Oxanium',sans-serif}
.header-players-stake-total{font-family:'Conthrax',sans-serif;color:var(--d4s-gold-light)}
.game-middle-container-bg{background:url('../images/d4s/field-2.png?d4s=1') 0 0/100% 100% no-repeat}
.game-middle-container-bg::before{display:none}
.game-tab{font-family:'Oxanium',sans-serif;background:linear-gradient(var(--d4s-gold),var(--d4s-gold)) bottom/100% 2px no-repeat}
.game-objective-container::before{background:url('../images/d4s/panel-long-1.png?d4s=1') 0 0/100% 100% no-repeat}
.game-message-wrapper::before{background:rgba(18,20,23,.96);filter:none;border:1px solid var(--d4s-line)}
.game-message-endgame::before{background:url('../images/d4s/t2.png?d4s=1') center/contain no-repeat;width:420px;height:520px;filter:drop-shadow(0 0 60px #000)}

/* listy gier, płatności, ShadowPay: panele D4S są półprzezroczyste - bez kolorowych obwódek z drop-shadow (prześwitywały) */
.game-list:not(.game-list-ingame) .game::before,.game-list:not(.game-list-ingame) .header::before,
.payment-methods-col .form-group>label::before,.payment-form-heading::before,.payment-preset::before,
.payment-presets .payment-preset.active:not(:disabled)::before,.payment-bonus::before,
.shadowpay-status .list-group-item::before,.shadowpay-status .list-group-item.list-group-item-header::before{filter:drop-shadow(0 2px 3px rgba(0,0,0,.55)) !important}
.game-list .header,.table.table-games tr th{color:#1b1407;text-shadow:0 1px 0 rgba(255,240,190,.45)}

/* liczniki na stronie głównej: panel D4S (tytuł u góry, wartość u dołu) */
.games-panel{background:url('../images/d4s/field-1.png?d4s=1') center/100% 100% no-repeat;width:230px;height:114px;padding-top:0}
.games-panel-title{line-height:57px;font-size:1.05em;font-weight:600;color:var(--d4s-text)}
.games-panel-value{line-height:57px;font-size:1.6em;font-family:'Conthrax',sans-serif;color:var(--d4s-gold-light)}

/* przyciski: bez starych grafik (btn.png / btn-sm.png), złoty gradient */
.btn-new,.btn-new.btn-sm{background-image:linear-gradient(180deg,var(--d4s-gold-light) 0%,var(--d4s-gold) 45%,var(--d4s-gold-dark) 100%) !important;border:1px solid var(--d4s-gold-dark);border-radius:4px;margin:0 4px;padding-left:14px !important;padding-right:14px !important}
.btn-new::before,.btn-new::after,.btn-new.btn-sm::before,.btn-new.btn-sm::after{display:none !important}
.btn-new.btn-sm{height:30px;line-height:20px}
.game-animation-container.hit .game-animation-circle{background:#43c14b}
/* komunikat na planszy (np. "Tura przeciwnika") bez ciemnej prześwitującej warstwy */
#game-container.game10x10 .ready-message-container::before,#game-container.game7x7 .ready-message-container::before{display:none}
.ready-message-text{font-family:'Conthrax',sans-serif;font-size:1.05em;text-shadow:0 0 6px #000,0 2px 3px #000,0 0 14px rgba(0,0,0,.8)}