/* Duhan2 V4.4 — gerçek metin drop tabloları */
.game-drops-section .section-title {
    margin-bottom: 16px;
}

.game-drops-section .lead-text {
    max-width: 900px;
    margin: 0 auto 30px;
    color: rgba(227, 235, 247, .78);
    text-align: center;
    line-height: 1.75;
}

.game-drops-section .duhan-drop-note {
    display: block;
    margin-top: 8px;
    color: rgba(245, 201, 92, .78);
    font-size: .88rem;
}

.game-drop-shell {
    grid-template-columns: 245px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}

.game-drop-sidebar,
.game-drop-main {
    border-color: rgba(79, 180, 255, .22);
    background:
        radial-gradient(circle at 100% 0, rgba(31, 128, 222, .14), transparent 38%),
        linear-gradient(155deg, rgba(11, 23, 40, .96), rgba(5, 11, 21, .98));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255,255,255,.025);
}

.game-drop-side-title {
    color: #f2ca67;
    letter-spacing: .13em;
}

.game-drop-map-list {
    gap: 9px;
    max-height: none;
}

.game-drop-map-btn {
    position: relative;
    overflow: hidden;
    min-height: 72px;
    border-color: rgba(80, 172, 238, .15);
    background: rgba(5, 14, 26, .78);
    color: rgba(225, 237, 250, .82);
    padding: 12px;
}

.game-drop-map-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 10px;
    background: var(--gd-accent, #58bdf8);
    box-shadow: 0 0 16px var(--gd-accent, #58bdf8);
    opacity: .48;
}

.game-drop-map-btn:hover,
.game-drop-map-btn.is-active {
    transform: translateX(3px);
    border-color: color-mix(in srgb, var(--gd-accent, #58bdf8) 52%, transparent);
    background: linear-gradient(115deg, color-mix(in srgb, var(--gd-accent, #58bdf8) 14%, rgba(6,14,26,.94)), rgba(6,14,26,.9));
}

.game-drop-map-btn.is-active::before {
    opacity: 1;
}

.game-drop-map-copy {
    display: grid;
    gap: 5px;
    text-align: left;
}

.game-drop-map-name {
    color: #f3f7fc;
    font-size: 13px;
}

.game-drop-map-range {
    color: rgba(169, 202, 232, .62);
    font-size: 11px;
}

.game-drop-map-meta {
    white-space: nowrap;
    color: #f1c85b;
    font-size: 10px;
}

.game-drop-toolbar {
    align-items: center;
}

.game-drop-type-toggle {
    display: inline-flex;
}

.game-drop-type-btn {
    pointer-events: none;
    border-color: rgba(241, 200, 91, .38);
    background: linear-gradient(120deg, rgba(190, 127, 30, .95), rgba(93, 61, 13, .95));
    color: #fff4ca;
    box-shadow: 0 10px 24px rgba(0,0,0,.25), 0 0 22px rgba(241, 200, 91, .12);
}

.game-drop-search-wrap {
    min-width: min(360px, 100%);
}

.game-drop-search-wrap span {
    color: rgba(169, 202, 232, .72);
}

.game-drop-search-wrap input {
    border-color: rgba(77, 166, 235, .22);
    background: rgba(4, 11, 21, .84);
    color: #e8f4ff;
}

.game-drop-search-wrap input:focus {
    border-color: rgba(79, 190, 255, .62);
    box-shadow: 0 0 0 3px rgba(40, 145, 224, .12);
}

.game-drop-map-title {
    color: #f5d47e;
}

.game-drop-list-type {
    color: rgba(164, 200, 232, .68);
}

.game-drop-count {
    border-color: rgba(241, 200, 91, .24);
    background: rgba(54, 36, 9, .36);
    color: #f3d681;
}

.game-drop-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.duhan-drop-card {
    position: relative;
    min-height: 318px;
    overflow: hidden;
    border-color: rgba(80, 172, 238, .16);
    background:
        radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--gd-accent, #58bdf8) 14%, transparent), transparent 40%),
        linear-gradient(160deg, rgba(10, 22, 38, .94), rgba(4, 10, 19, .98));
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.duhan-drop-card::after {
    content: "";
    position: absolute;
    inset: auto 16px 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--gd-accent, #58bdf8), transparent);
    opacity: .6;
}

.duhan-drop-card:hover {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--gd-accent, #58bdf8) 55%, transparent);
    box-shadow: 0 22px 44px rgba(0,0,0,.42), 0 0 28px color-mix(in srgb, var(--gd-accent, #58bdf8) 13%, transparent);
}

.duhan-drop-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.duhan-drop-level,
.duhan-drop-verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 999px;
    padding: 5px 8px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.duhan-drop-level {
    border: 1px solid color-mix(in srgb, var(--gd-accent, #58bdf8) 40%, transparent);
    color: var(--gd-accent, #58bdf8);
    background: color-mix(in srgb, var(--gd-accent, #58bdf8) 9%, transparent);
}

.duhan-drop-verified {
    color: #68e4a5;
    background: rgba(21, 117, 75, .17);
}

.duhan-drop-card-icon {
    width: 136px;
    height: 136px;
    border: none;
    background: transparent;
    padding: 2px;
    margin-top: 2px;
}

.duhan-drop-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 12px 20px rgba(0,0,0,.45));
}

.duhan-drop-card .game-drop-card-title {
    color: #f5f8fd;
    font-size: 15px;
    line-height: 1.35;
    min-height: 42px;
}

.duhan-drop-card .game-drop-card-level {
    color: rgba(170, 205, 235, .64);
}

.duhan-drop-card .game-drop-card-meta {
    align-items: center;
    border-top: 1px solid rgba(81, 164, 226, .11);
    margin-top: auto;
    padding-top: 10px;
    color: rgba(173, 205, 232, .65);
}

.duhan-drop-card .game-drop-card-meta strong {
    max-width: 58%;
    color: #f0ce72;
    font-size: 10px;
    text-align: right;
}

.duhan-drop-card .game-drop-open-btn {
    border-color: rgba(241, 200, 91, .32);
    background: linear-gradient(120deg, rgba(166, 111, 25, .94), rgba(72, 47, 9, .96));
    color: #fff2c2;
    padding: 10px 11px;
}

.duhan-drop-card .game-drop-open-btn:hover {
    border-color: rgba(255, 220, 121, .76);
    background: linear-gradient(120deg, rgba(207, 148, 43, .98), rgba(102, 68, 13, .98));
}

.game-drop-modal-card {
    width: min(980px, 96vw);
    border-color: rgba(69, 169, 239, .3);
    background:
        radial-gradient(circle at 90% 0, rgba(30, 126, 215, .18), transparent 35%),
        linear-gradient(155deg, rgba(10, 22, 39, .99), rgba(3, 8, 16, .99));
}

.game-drop-modal-head {
    grid-template-columns: 92px 1fr;
    border-bottom-color: rgba(75, 164, 229, .16);
}

.game-drop-modal-head img {
    width: 92px;
    height: 92px;
    border-color: rgba(241, 200, 91, .28);
    background: rgba(4, 10, 19, .74);
}

.game-drop-modal-head h3 {
    color: #f6d67d;
}

.game-drop-modal-head p {
    color: rgba(179, 210, 236, .72);
}

.game-drop-modal-body {
    max-height: 69vh;
    padding: 15px 18px 20px;
}

.game-drop-modal-body h4 {
    color: #63c6ff;
}

.game-drop-modal-list:has(.duhan-drop-table-row) {
    display: block;
}

.duhan-drop-table-row {
    list-style: none;
}

.duhan-drop-table-figure {
    margin: 0;
    display: grid;
    gap: 12px;
}

.duhan-drop-table-figure img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 58vh;
    object-fit: contain;
    border: 1px solid rgba(81, 167, 230, .22);
    border-radius: 13px;
    background: #182236;
    box-shadow: 0 18px 40px rgba(0,0,0,.4);
}

.duhan-drop-table-figure figcaption {
    margin: 0;
    border: 1px solid rgba(241, 200, 91, .21);
    border-radius: 11px;
    padding: 10px 12px;
    background: rgba(92, 61, 12, .2);
    color: rgba(238, 224, 183, .82);
    font-size: 12px;
    line-height: 1.55;
}

.duhan-drop-table-figure figcaption i {
    color: #f1c85b;
    margin-right: 5px;
}

html.drop-modal-open,
html.drop-modal-open body {
    overflow: hidden;
}

@media (max-width: 1080px) {
    .game-drop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
    .game-drop-shell { grid-template-columns: 1fr; }
    .game-drop-map-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .game-drop-toolbar { align-items: stretch; flex-direction: column; }
    .game-drop-search-wrap { min-width: 0; }
}

@media (max-width: 560px) {
    .game-drop-map-list,
    .game-drop-grid { grid-template-columns: 1fr; }
    .game-drop-main,
    .game-drop-sidebar { padding: 12px; }
    .game-drop-summary { align-items: flex-start; }
    .game-drop-map-title { font-size: 20px; }
    .duhan-drop-card { min-height: 292px; }
    .game-drop-modal-head { grid-template-columns: 64px 1fr; padding: 14px; }
    .game-drop-modal-head img { width: 64px; height: 64px; }
    .game-drop-modal-head h3 { font-size: 18px; padding-right: 28px; }
    .game-drop-modal-body { padding: 12px; }
    .duhan-drop-table-figure figcaption { font-size: 11px; }
}


/* V4.4.2 — yazıyla hazırlanmış sade drop listeleri */
.game-drop-modal-list:has(.duhan-typed-drop-item) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    margin: 0;
    padding: 0;
}
.duhan-typed-drop-item {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 9px 13px 9px 9px;
    list-style: none;
    overflow: hidden;
    border: 1px solid rgba(79, 176, 239, .18);
    border-radius: 13px;
    background:
        linear-gradient(100deg, rgba(20, 42, 66, .78), rgba(7, 16, 29, .92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.duhan-typed-drop-item::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, #52c7ff, #d8aa49);
    opacity: .82;
}
.duhan-typed-drop-item:hover {
    transform: translateY(-2px);
    border-color: rgba(235, 194, 87, .36);
    background: linear-gradient(100deg, rgba(29, 55, 82, .9), rgba(10, 21, 36, .96));
}
.duhan-typed-drop-icon {
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(235, 194, 87, .2);
    border-radius: 11px;
    background: radial-gradient(circle, rgba(36, 70, 102, .66), rgba(5, 12, 22, .9));
}
.duhan-typed-drop-icon img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 7px 8px rgba(0,0,0,.55));
}
.duhan-typed-drop-copy {
    display: grid;
    min-width: 0;
    gap: 4px;
}
.duhan-typed-drop-copy small {
    color: rgba(87, 197, 255, .7);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
}
.duhan-typed-drop-copy strong {
    color: #f0f4fa;
    font-size: 14px;
    line-height: 1.3;
}
.duhan-typed-drop-count {
    display: inline-grid;
    place-items: center;
    min-width: 36px;
    height: 28px;
    padding: 0 8px;
    border: 1px solid rgba(236, 194, 80, .34);
    border-radius: 999px;
    background: rgba(118, 77, 11, .3);
    color: #f6cf6c;
    font-size: 12px;
    font-weight: 900;
}
@media (max-width: 700px) {
    .game-drop-modal-list:has(.duhan-typed-drop-item) { grid-template-columns: 1fr; }
    .duhan-typed-drop-item { grid-template-columns: 52px minmax(0,1fr) auto; min-height: 68px; }
    .duhan-typed-drop-icon { width: 50px; height: 50px; }
    .duhan-typed-drop-icon img { width: 43px; height: 43px; }
}