/* Yuki — Collection & deck building screen */

#collection-screen{flex-direction:column}
.coll-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 24px;background:var(--bg-hud);border-bottom:1px solid var(--gold-border);flex-shrink:0}
.coll-header-left{display:flex;align-items:center;gap:20px}
.coll-title{font-size:1.4rem;font-weight:400;color:var(--gold);letter-spacing:3px}
.coll-count{font-size:0.85rem;color:var(--text-muted);letter-spacing:1px}

.coll-toolbar{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--bg-hud);border-bottom:1px solid var(--gold-border);flex-shrink:0;flex-wrap:wrap}
.coll-search{position:relative;flex:0 0 240px}
.coll-search input{width:100%;padding:7px 12px;border:1px solid var(--gold-border);border-radius:4px;background:rgba(180,140,60,0.04);color:var(--text);font-family:inherit;font-size:0.85rem;outline:none}
.coll-search input:focus{border-color:var(--gold)}
.coll-search input::placeholder{color:var(--text-muted)}
.coll-filters{display:flex;gap:2px}
.coll-filter{padding:7px 16px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:0.8rem;cursor:pointer;transition:all 0.2s;letter-spacing:1px}
.coll-filter:hover{color:var(--text-dim);background:rgba(180,140,60,0.04)}
.coll-filter.active{color:var(--gold);border-color:var(--gold-border);background:rgba(180,140,60,0.06)}
.coll-filter-count{font-size:0.7rem;opacity:0.6;margin-left:4px}
.coll-deck-filter{margin-left:auto}
.coll-deck-filter select{padding:7px 12px;border:1px solid var(--gold-border);border-radius:4px;background:var(--bg-hud);color:var(--text);font-family:inherit;font-size:0.8rem;cursor:pointer;outline:none;min-width:180px}
.coll-deck-filter select:focus{border-color:var(--gold)}

/* Mobil tab bar — desktop'ta gizli */
.coll-mobile-tabs{display:none}

.coll-main{display:flex;flex:1;overflow:hidden}
.coll-grid-area{flex:1;padding:16px 20px;overflow-y:auto;overflow-x:hidden}
.coll-grid-area::-webkit-scrollbar{width:4px}
.coll-grid-area::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:2px}
.coll-results{font-size:0.78rem;color:var(--text-muted);margin-bottom:12px;letter-spacing:1px}
.coll-results .hl{color:var(--gold)}
.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:12px}

/* Kart items */
.coll-card{position:relative;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;border:1px solid var(--gold-border);background:var(--bg-hud)}
.coll-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.4),0 0 12px var(--gold-glow);border-color:rgba(180,140,60,0.3)}
.coll-card.in-deck{border-color:var(--gold);box-shadow:0 0 8px var(--gold-glow)}
.coll-card.locked{border-color:rgba(60,50,70,0.3)}
.coll-card.locked:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3);border-color:rgba(100,80,120,0.3);transform:translateY(-2px)}
.coll-card.locked .coll-card-img{filter:grayscale(1) brightness(0.45)}
.coll-card.locked:hover .coll-card-img{filter:grayscale(1) brightness(0.55)}
.coll-card.locked .coll-card-name{color:var(--text-muted)}
.coll-card.locked .coll-lock{display:block}
.coll-lock{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:22px;color:rgba(120,100,140,0.7);text-shadow:0 2px 8px rgba(0,0,0,0.6);pointer-events:none;z-index:2}
.coll-card-img{width:100%;aspect-ratio:421/614;object-fit:cover;display:block;filter:brightness(0.95) saturate(1.05)}
.coll-card:not(.locked):hover .coll-card-img{filter:brightness(1.05) saturate(1.1)}
.coll-card-info{padding:5px 7px 6px}
.coll-card-name{font-size:0.68rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.coll-type-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:middle}
.coll-type-dot.monster{background:var(--atk)}
.coll-type-dot.spell{background:#4a9a6a}
.coll-type-dot.trap{background:#c45a8a}
.coll-type-dot.fusion{background:var(--purple)}
.coll-card-stats{font-size:0.62rem;color:var(--text-muted);margin-top:2px}
.coll-card-stats .atk{color:var(--atk)}
.coll-card-stats .def{color:var(--def)}
.coll-copy-badge{position:absolute;top:4px;right:5px;font-size:0.65rem;color:var(--gold);background:rgba(13,11,14,0.85);padding:1px 5px;border-radius:3px;border:1px solid var(--gold);z-index:2;letter-spacing:0.5px;font-weight:bold}
.coll-deck-badge{position:absolute;top:4px;left:5px;font-size:0.55rem;padding:1px 5px;border-radius:2px;z-index:2;letter-spacing:0.5px;font-style:italic}
.coll-deck-badge.owned{background:rgba(74,154,106,0.8);color:#c0f0d0}
.coll-deck-badge.missing{background:rgba(160,60,80,0.7);color:#f0c0c8}

/* Sidebar */
.coll-sidebar{width:240px;background:var(--bg-hud);border-left:1px solid var(--gold-border);display:flex;flex-direction:column;flex-shrink:0}
.coll-slots{display:flex;border-bottom:1px solid var(--gold-border);flex-shrink:0}
.coll-slot-tab{flex:1;padding:10px 0;border:none;border-right:1px solid var(--gold-border);background:transparent;color:var(--text-muted);font-family:inherit;font-size:0.72rem;cursor:pointer;transition:all 0.15s;text-align:center;letter-spacing:0.5px;position:relative}
.coll-slot-tab:last-child{border-right:none}
.coll-slot-tab:hover{background:rgba(180,140,60,0.04);color:var(--text-dim)}
.coll-slot-tab.active{background:rgba(180,140,60,0.08);color:var(--gold)}
.coll-slot-tab.active::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--gold);border-radius:1px}
.coll-slot-tab .slot-cnt{display:block;font-size:0.6rem;margin-top:2px;opacity:0.6}
.coll-slot-tab.ready .slot-cnt{color:#4a9a6a;opacity:1}
.coll-slot-tab.is-active{border-bottom:2px solid #5cb85c}
.slot-active-badge{display:inline-block;font-size:0.5rem;background:rgba(80,180,80,0.2);color:#5cb85c;padding:1px 5px;border-radius:3px;margin-left:4px;letter-spacing:1px;vertical-align:middle}
.coll-deck-header{padding:10px 16px;border-bottom:1px solid var(--gold-border);display:flex;align-items:center;justify-content:space-between}
.coll-deck-name{font-size:0.9rem;font-weight:400;color:var(--gold);letter-spacing:2px;background:transparent;border:none;border-bottom:1px solid transparent;font-family:inherit;outline:none;padding:2px 0;width:140px;transition:border-color 0.2s}
.coll-deck-name:hover{border-bottom-color:var(--gold-border)}
.coll-deck-name:focus{border-bottom-color:var(--gold)}
.coll-deck-count{font-size:0.8rem;color:var(--text-muted)}
.coll-deck-count .current{color:var(--gold)}
.coll-deck-list{flex:1;overflow-y:auto;padding:0 4px}
.coll-deck-list::-webkit-scrollbar{width:3px}
.coll-deck-list::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:2px}
.coll-dk-section{padding:10px 12px 6px}
.coll-dk-title{font-size:0.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.coll-dk-title::before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px}
.coll-dk-title.monster::before{background:var(--atk)}
.coll-dk-title.spell::before{background:#4a9a6a}
.coll-dk-title.trap::before{background:#c45a8a}
.coll-dk-title.fusion::before{background:var(--purple)}
.coll-dk-card{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:3px;margin-bottom:2px;transition:background 0.15s;cursor:pointer}
.coll-dk-card:hover{background:rgba(180,140,60,0.06)}
.coll-dk-card img{width:28px;height:40px;object-fit:cover;border-radius:2px;border:1px solid var(--gold-border)}
.coll-dk-card-name{font-size:0.72rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.coll-dk-card-rm{font-size:0.65rem;color:var(--text-muted);opacity:0;transition:opacity 0.15s;cursor:pointer}
.coll-dk-card:hover .coll-dk-card-rm{opacity:1;color:var(--danger)}
.coll-deck-footer{padding:12px 16px;border-top:1px solid var(--gold-border)}

/* Koleksiyon preview overlay */
.coll-preview-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.8);z-index:10000;align-items:center;justify-content:center;cursor:pointer}
.coll-preview-overlay.active{display:flex}
.coll-preview-overlay img{max-height:85vh;max-width:90vw;border-radius:6px;border:1px solid var(--gold-border);box-shadow:0 20px 60px rgba(0,0,0,0.6),0 0 30px var(--gold-glow);cursor:default;animation:collPrevIn 0.15s ease-out}
.coll-preview-overlay img.locked{filter:grayscale(1) brightness(0.5)}
@keyframes collPrevIn{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}

/* Dust gostergesi */
.coll-dust-display{font-size:0.95rem;color:var(--gold);letter-spacing:1px;margin-right:16px}

/* Preview inner — kart + butonlar */
.coll-preview-inner{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:default}
.coll-preview-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.coll-prev-btn{padding:10px 28px;border-radius:4px;font-family:inherit;font-size:0.9rem;letter-spacing:1px;cursor:pointer;transition:all 0.2s;border:1px solid}
.coll-prev-btn.craft{background:linear-gradient(135deg,rgba(74,154,106,0.3),rgba(50,120,80,0.3));border-color:rgba(74,154,106,0.5);color:#80e0a0}
.coll-prev-btn.craft:hover{box-shadow:0 0 15px rgba(74,154,106,0.3);color:#a0ffb8}
.coll-prev-btn.craft:disabled{opacity:0.35;cursor:not-allowed;box-shadow:none}
.coll-prev-btn.dis{background:linear-gradient(135deg,rgba(200,100,40,0.25),rgba(160,70,30,0.25));border-color:rgba(200,100,40,0.4);color:#e8a040}
.coll-prev-btn.dis:hover{box-shadow:0 0 15px rgba(200,100,40,0.2);color:#ffb860}
.coll-prev-btn.dis:disabled{opacity:0.35;cursor:not-allowed;box-shadow:none}
.coll-prev-btn.deck-add{background:linear-gradient(135deg,rgba(88,160,240,0.25),rgba(60,120,200,0.25));border-color:rgba(88,160,240,0.4);color:#70b8f0}
.coll-prev-btn.deck-add:hover{box-shadow:0 0 15px rgba(88,160,240,0.2);color:#90d0ff}
.coll-prev-btn.deck-add:disabled{opacity:0.35;cursor:not-allowed;box-shadow:none}
.coll-prev-btn.deck-rm{background:linear-gradient(135deg,rgba(180,80,80,0.25),rgba(140,50,50,0.25));border-color:rgba(180,80,80,0.4);color:#e08080}
.coll-prev-btn.deck-rm:hover{box-shadow:0 0 15px rgba(180,80,80,0.2);color:#ff9090}

/* Onay dialogu */
.coll-confirm-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:10001;align-items:center;justify-content:center}
.coll-confirm-overlay.active{display:flex}
.coll-confirm-box{background:var(--bg-hud);border:1px solid var(--gold-border);border-radius:8px;padding:28px 32px;max-width:400px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.6)}
.coll-confirm-title{font-size:1.1rem;color:var(--gold);letter-spacing:2px;margin-bottom:16px}
.coll-confirm-text{font-size:0.85rem;color:var(--text-dim);line-height:1.7;margin-bottom:20px}
.coll-confirm-buttons{display:flex;gap:12px;justify-content:center}