/* Kelime Dedektifi: krem ve altın tonlu, tatlı ekran. duel.css üstüne yerleşim. */
.dd-screen{--dd-card:#fffaf0;--dd-ink:#3b3040;--dd-muted:#8a7a86;--dd-gold:#c9923a;--dd-gold2:#e8b45a;--dd-plum:#6c4a74;--dd-line:#eadcc2;--dd-ok:#4d8450;--dd-bad:#b4533f;background:#fbf3e3;color:var(--dd-ink);border-radius:26px;position:relative;overflow:hidden}
.dd-screen:before{content:"";position:absolute;inset:0 0 auto 0;height:190px;background:radial-gradient(120% 100% at 50% 0,#f6dcab 0,rgba(246,220,171,0) 70%);pointer-events:none}
.dd-screen>*{position:relative}
.dd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
#dd-back{border:0;background:rgba(255,255,255,.75);border-radius:12px;padding:8px 12px;font:inherit;font-weight:700;color:var(--dd-plum);cursor:pointer}
.dd-mode{font-size:12px;font-weight:700;color:var(--dd-muted);background:rgba(255,255,255,.75);padding:6px 10px;border-radius:999px}
.dd-hero{text-align:center;margin:2px 0 8px}
.dd-avatar{width:84px;height:84px;margin:0 auto 4px;border-radius:50%;background:linear-gradient(160deg,#fff4d9,#f2d08f);display:grid;place-items:center;box-shadow:0 6px 0 #d9b266,0 10px 20px rgba(150,110,40,.25)}
.dd-hero h1{margin:6px 0 2px;font-size:22px;color:var(--dd-ink)}
.dd-hero p{margin:0;font-size:13px;color:var(--dd-muted)}
.dd-word{display:flex;gap:6px;justify-content:center;margin:12px 0 4px;flex-wrap:wrap}
.dd-word i{width:36px;height:44px;border-radius:11px;background:var(--dd-card);border:2px dashed #d8bf8a;display:grid;place-items:center;font-style:normal;font-weight:850;font-size:20px;color:var(--dd-plum)}
.dd-word i.on{border:2px solid var(--dd-gold);background:#fff1cf}
.dd-meterlbl{display:flex;justify-content:space-between;font-size:12px;color:var(--dd-muted);margin:6px 8px 4px}
.dd-meterlbl b{color:var(--dd-ink)}
.dd-meter{display:flex;gap:4px;margin:0 6px 10px}
.dd-meter span{flex:1;height:9px;border-radius:5px;background:var(--dd-line)}
.dd-meter span.u{background:linear-gradient(90deg,var(--dd-gold),var(--dd-gold2))}
.dd-chat{background:var(--dd-card);border-radius:20px;border:1.5px solid var(--dd-line);padding:10px;display:flex;flex-direction:column;gap:8px;height:196px;overflow-y:auto}
.dd-b{max-width:82%;padding:8px 12px;border-radius:16px;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.dd-u{align-self:flex-end;background:var(--dd-plum);color:#fff;border-bottom-right-radius:5px}
.dd-a{align-self:flex-start;background:#fbe9c2;border-bottom-left-radius:5px;display:flex;gap:7px;align-items:center}
.dd-a i{font-style:normal;width:22px;height:22px;flex:none;border-radius:50%;background:var(--dd-gold);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;margin:0}
.dd-a.dd-yes{background:#dcefd9}.dd-a.dd-yes i{background:var(--dd-ok)}
.dd-a.dd-no{background:#f6dcd4}.dd-a.dd-no i{background:var(--dd-bad)}
.dd-empty{margin:auto;text-align:center;color:var(--dd-muted);font-size:14px;padding:0 20px}
.dd-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px}
.dd-chip{border-radius:14px;padding:11px 6px;min-height:46px;background:var(--dd-card);box-shadow:0 3px 0 var(--dd-line);border:1.5px solid var(--dd-line);font:inherit;font-size:13px;font-weight:700;color:var(--dd-ink);line-height:1.15;cursor:pointer;display:grid;place-items:center;text-align:center}
.dd-chip:active{transform:translateY(2px);box-shadow:none}
.dd-row{display:flex;gap:8px;margin:8px 0}
.dd-row input{flex:1;min-width:0;border-radius:14px;border:2px solid var(--dd-line);background:#fff;padding:12px 14px;font:inherit;font-size:15px;color:var(--dd-ink);outline:none}
.dd-row input:focus{border-color:var(--dd-gold)}
.dd-btn{border:0;border-radius:14px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer;color:#fff;background:var(--dd-plum);box-shadow:0 3px 0 #4d3355}
.dd-btn.gold{background:var(--dd-gold);box-shadow:0 3px 0 #9c6f27}
.dd-wide{width:100%}
.dd-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.dd-tools button{border:1.5px solid var(--dd-line);background:transparent;border-radius:14px;padding:11px;font:inherit;font-weight:700;color:var(--dd-muted);cursor:pointer}
.dd-tools button:disabled{opacity:.4}
.dd-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0}
.dd-screen .duel-intro{background:var(--dd-card);border-radius:20px;border:1.5px solid var(--dd-line);padding:12px;color:var(--dd-ink)}
.dd-screen .duel-intro h3{color:var(--dd-ink)}
.dd-screen .duel-sub,.dd-screen .duel-notice{color:var(--dd-muted)}
.dd-screen .duel-result{background:var(--dd-card);border:2px solid var(--dd-gold);border-radius:20px;color:var(--dd-ink);margin-top:10px}
.dd-picktitle{margin:12px 4px 6px;font-size:13px;font-weight:800;color:var(--dd-muted);text-align:center}
.dd-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 6px}
.dd-cat{border:1.5px solid var(--dd-line);border-radius:14px;padding:10px 4px;min-height:42px;background:var(--dd-card);box-shadow:0 3px 0 var(--dd-line);font:inherit;font-size:13px;font-weight:700;color:var(--dd-ink);line-height:1.15;cursor:pointer;display:grid;place-items:center;text-align:center;overflow-wrap:anywhere}
.dd-cat:active{transform:translateY(2px);box-shadow:none}
.dd-cat.on{background:#fff1cf;border-color:var(--dd-gold);box-shadow:0 3px 0 #9c6f27;color:#5E4719}

.dd-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 6px}
.dd-lvl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px}
.dd-lvl b{font-size:14px}
.dd-lvl.locked{opacity:.5;cursor:not-allowed}
.dd-lockhint{margin:4px 0 6px;font-size:12px;opacity:.75;text-align:center}
.dd-lvl small{font-size:10.5px;font-weight:600;opacity:.75;line-height:1.25}