/* srem67.pl — napis, licznik wejść, ranking (srem67-extras.mjs). */
.srem67-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 18px}
.srem67-brand{margin:0;line-height:0}
/* .cabinet canvas z gry rozciąga każdy canvas na 100% — tu potrzebna wyższa specyficzność. */
.cabinet .srem67-logo{height:84px;width:auto;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 6px 0 #0006)}

.srem67-rank-button{background:#102035;color:#ffe144;border:1px solid #ffe144;border-bottom:4px solid #ae8516;border-radius:4px;padding:15px 18px;font:inherit;font-weight:900;font-size:13px;letter-spacing:.7px;cursor:pointer;box-shadow:0 4px 0 #0005}
.srem67-rank-button:hover{background:#1b3150;transform:translateY(-1px)}
.srem67-rank-button:active{transform:translateY(2px);border-bottom-width:2px}
.modal .srem67-rank-button{display:block;margin:12px auto 0}

.srem67-visits{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px;font-size:10px;letter-spacing:2px;color:#9cb6d2}
.srem67-visits b{background:#02070f;color:#7dff8a;border:1px solid #2a3d55;border-radius:3px;padding:3px 6px;letter-spacing:3px;font-size:12px;text-shadow:0 0 6px #7dff8a99}

/* fixed, nie absolute: na telefonie kabina gry jest za niska na listę. */
.srem67-layer{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:4%;background:#060c19d0;backdrop-filter:blur(3px);text-align:center}
.srem67-rank{width:min(560px,100%);max-height:100%;overflow-y:auto;box-sizing:border-box}
.srem67-list{list-style:none;margin:0;padding:0;text-align:left;border-block:1px solid #2b3b51}
.srem67-list li{display:grid;grid-template-columns:2.4em 1fr auto 6.5em;gap:10px;align-items:center;padding:8px 6px;font-size:13px;color:#dce7f4;border-bottom:1px solid #1a2739}
.srem67-list li:last-child{border-bottom:0}
.srem67-list li:nth-child(-n+3) .place{color:#ffe144}
.srem67-list li.mine{background:#29313a;box-shadow:inset 3px 0 #ffe144}
.srem67-list .place{font-weight:900;color:#9ab0ca}
.srem67-list .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srem67-list .dist{color:#9ab0ca;font-size:11px}
.srem67-list strong{text-align:right;color:#fff;letter-spacing:1px}
.srem67-rank-status{min-height:1em}

.srem67-over{margin:16px 0 4px}
.srem67-submit{display:flex;gap:8px;justify-content:center}
.srem67-submit input{width:12em;min-width:0;background:#02070f;color:#fff;border:1px solid #485c78;border-radius:4px;padding:10px 12px;font:inherit;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.srem67-submit input:focus{outline:2px solid #ffe144;outline-offset:1px}
.srem67-save{background:#60dbec;color:#09121f;border:0;border-bottom:3px solid #2f9fc0;border-radius:4px;padding:10px 14px;font:inherit;font-weight:900;font-size:12px;cursor:pointer}
.srem67-save:disabled{opacity:.6;cursor:wait}
.modal p.srem67-save-status{margin:8px 0 0;min-height:1em;color:#ffe144}

@media(max-width:700px){
 .srem67-head{margin-bottom:8px}
 .cabinet .srem67-logo{height:28px}
 .srem67-rank-button{padding:9px 11px;font-size:10px;border-bottom-width:3px}
 .srem67-visits{margin-bottom:0;font-size:8px;gap:5px}
 .srem67-visits b{font-size:9px;padding:2px 4px}
 .srem67-list li{font-size:11px;padding:5px 4px;gap:6px;grid-template-columns:2em 1fr auto 5.5em}
 .srem67-submit input{font-size:11px;padding:7px 8px;width:9em}
 .srem67-save{font-size:10px;padding:7px 9px}
}
@media(max-height:550px) and (orientation:landscape){.cabinet .srem67-logo{height:42px}.srem67-head{margin-bottom:8px}}