.qdungeon-feed-body{font-family:'Tajawal',sans-serif;color:#e6edf3}
.qdungeon-feed{min-height:100vh;padding:24px 16px 40px;box-sizing:border-box;background:linear-gradient(160deg,#0d1117 0%,#161b22 50%,#1a2332 100%)}
.qdungeon-feed-header{text-align:center;margin-bottom:28px;position:relative}
.qdungeon-feed-back{position:absolute;right:0;top:0;color:#58a6ff;text-decoration:none;font-size:13px;padding:6px 10px;border:1px solid #30363d;border-radius:8px}
.qdungeon-feed-back:hover{color:#79c0ff}
.qdungeon-feed-header h1{margin:0 0 8px;font-size:clamp(22px,5vw,32px)}
.qdungeon-feed-header p{margin:0;color:#8b949e;font-size:14px}
.qdungeon-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1100px;margin:0 auto}
.qdungeon-card{background:#21262d;border:1px solid #30363d;border-radius:16px;padding:20px;cursor:pointer;transition:transform .2s,border-color .2s}
.qdungeon-card:hover{transform:translateY(-3px);border-color:#58a6ff}
.qdungeon-card-emoji{font-size:36px;margin-bottom:8px}
.qdungeon-card h3{margin:0 0 8px;font-size:17px}
.qdungeon-card p{margin:0 0 12px;color:#8b949e;font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qdungeon-card-meta{font-size:12px;color:#6e7681;display:flex;gap:12px;flex-wrap:wrap}
.qdungeon-feed-loader{text-align:center;padding:40px;color:#8b949e}

.qdungeon-play{position:fixed;inset:0;z-index:99999;background:#0a0e14;display:flex;flex-direction:column;align-items:center;padding:12px;box-sizing:border-box;overflow:auto}
.qdungeon-close{position:absolute;top:12px;left:12px;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid #30363d;background:#21262d;color:#e6edf3;font-size:18px;cursor:pointer}
.qdungeon-hud{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;width:100%;max-width:720px;padding:8px 0 12px;font-size:13px;color:#8b949e}
.qdungeon-hud strong{color:#e6edf3}
.qdungeon-game-wrap{position:relative;border:4px solid #30363d;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);image-rendering:pixelated}
.qdungeon-controls{margin:10px 0 0;font-size:12px;color:#6e7681;text-align:center}
.qdungeon-controls--desktop{display:block}
@media (max-width:768px){.qdungeon-controls--desktop{display:none}}

.qdungeon-touch{position:fixed;inset:0;z-index:100002;pointer-events:none;display:flex;align-items:flex-end;justify-content:space-between;padding:0 12px 24px;box-sizing:border-box}
.qd-joystick{width:120px;height:120px;border-radius:50%;background:rgba(33,38,45,.75);border:2px solid #30363d;pointer-events:auto;position:relative;touch-action:none}
.qd-joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:0;border-radius:50%;background:linear-gradient(135deg,#58a6ff,#1f6feb);border:2px solid #79c0ff;transform:translate(-50%,-50%);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.qd-touch-actions{display:flex;flex-direction:column;gap:12px;pointer-events:auto;padding-bottom:8px}
.qd-touch-btn{width:64px;height:64px;border-radius:50%;border:2px solid #30363d;background:rgba(33,38,45,.85);color:#e6edf3;font-size:26px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.qd-touch-btn--primary{border-color:#c9a227;background:rgba(80,60,20,.85)}
.qd-touch-btn:active{transform:scale(.92)}

.qdungeon-story-overlay,.qdungeon-puzzle-overlay,.qdungeon-ending-overlay{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.qdungeon-story-box,.qdungeon-puzzle-box,.qdungeon-ending-box{background:linear-gradient(180deg,#21262d,#161b22);border:2px solid #58a6ff;border-radius:16px;padding:24px;max-width:480px;width:100%;max-height:85vh;overflow:auto;text-align:center}
.qdungeon-story-box h2,.qdungeon-ending-box h2{margin:0 0 12px;font-size:20px;color:#58a6ff}
.qdungeon-story-box p,.qdungeon-ending-box p{color:#c9d1d9;line-height:1.8;margin:0 0 20px;font-size:15px}
.qdungeon-puzzle-box{max-width:540px;text-align:right;max-height:90vh;overflow-y:auto;position:relative}
.qdungeon-puzzle-close{position:absolute;top:10px;left:10px;width:34px;height:34px;border:1px solid #30363d;border-radius:8px;background:#21262d;color:#8b949e;font-size:16px;cursor:pointer;line-height:1;padding:0;z-index:2}
.qdungeon-puzzle-close:hover{color:#e6edf3;border-color:#58a6ff}
.qd-puzzle-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;text-align:right}
.qd-puzzle-emoji{font-size:36px;line-height:1;flex-shrink:0}
.qd-puzzle-head-text{flex:1;min-width:0}
.qd-puzzle-type{display:inline-block;font-size:11px;color:#93c5fd;background:rgba(88,166,255,.15);padding:3px 10px;border-radius:999px;margin-bottom:6px}
.qdungeon-puzzle-box h3{margin:0;font-size:18px;color:#e6edf3;line-height:1.4}
.qd-puzzle-gate{margin:0 0 12px;font-size:13px;color:#8b949e;padding:8px 12px;background:rgba(201,162,39,.12);border-right:3px solid #c9a227;border-radius:8px}
.qd-puzzle-story{margin-bottom:16px;padding:16px;background:#0d1117;border:1px solid #30363d;border-radius:12px;text-align:right}
.qd-puzzle-story h4{margin:0 0 10px;font-size:16px;color:#fde68a}
.qd-puzzle-story p{margin:0 0 14px;font-size:14px;line-height:1.85;color:#e6edf3}
.qd-puzzle-question{margin-bottom:16px;padding:14px 16px;background:#0d1117;border:1px solid #30363d;border-radius:12px}
.qd-puzzle-q-label{font-size:11px;font-weight:700;color:#58a6ff;margin-bottom:8px;letter-spacing:.5px}
.qd-puzzle-q-text{margin:0;font-size:15px;line-height:1.85;color:#e6edf3}
.qd-puzzle-rules{margin:10px 0 0;padding-right:18px;color:#c9d1d9;font-size:13px;line-height:1.7}
.qd-puzzle-rules li{margin-bottom:4px}
.qd-puzzle-answers{}
.qdungeon-puzzle-box h3#qd-puzzle-title{color:#e6edf3}

.qdungeon-btn{display:inline-block;margin:6px;padding:10px 20px;border-radius:10px;border:1px solid #30363d;background:#21262d;color:#e6edf3;text-decoration:none;cursor:pointer;font-family:inherit;font-size:14px}
.qdungeon-btn-primary{background:linear-gradient(135deg,#238636,#2ea043);border-color:#238636;color:#fff}
.qdungeon-mini-opt{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.qdungeon-mini-opt button{width:100%;padding:14px 16px;border-radius:12px;border:2px solid #30363d;background:#161b22;color:#e6edf3;cursor:pointer;font-family:inherit;font-size:14px;line-height:1.6;text-align:right;transition:border-color .15s,background .15s}
.qdungeon-mini-opt button:hover{border-color:#58a6ff;background:#1c2333}
.qdungeon-mini-opt button .qd-opt-label{display:block;font-size:11px;color:#58a6ff;margin-bottom:4px;font-weight:700}
.qdungeon-seq-slots{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.qdungeon-seq-slot{padding:12px 14px;border:2px dashed #30363d;border-radius:10px;min-height:44px;background:#0d1117;color:#8b949e;font-size:13px;display:flex;align-items:center}
.qdungeon-seq-slot.filled{border-style:solid;border-color:#58a6ff;color:#e6edf3;background:#161b22}
.qdungeon-seq-pool{display:flex;flex-wrap:wrap;gap:8px}
.qdungeon-seq-item{padding:10px 14px;border-radius:10px;background:#21262d;border:1px solid #30363d;cursor:pointer;font-size:13px;color:#e6edf3;font-family:inherit}
.qdungeon-seq-item.used{opacity:.35;pointer-events:none}
.qdungeon-seq-item:active:not(.used){transform:scale(.97)}
.qdungeon-cw-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;margin:12px 0;direction:ltr}
.qdungeon-cw-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#161b22;border:1px solid #30363d;font-size:14px;font-weight:700;cursor:pointer;user-select:none}
.qdungeon-cw-cell.selected{background:#58a6ff;color:#0d1117}
.qdungeon-cw-input{width:100%;padding:10px;margin-top:8px;border-radius:8px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;font-family:inherit;text-align:center}

.qdungeon-loading{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
.qdungeon-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100002;max-width:90%;padding:12px 18px;background:#21262d;border:1px solid #f85149;border-radius:10px;color:#ffa198;font-size:14px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.45);display:none}
.qdungeon-loading-spin{width:48px;height:48px;border:4px solid #30363d;border-top-color:#58a6ff;border-radius:50%;animation:qdspin .8s linear infinite}
.qdungeon-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100002;max-width:90%;padding:12px 18px;background:#21262d;border:1px solid #f85149;border-radius:10px;color:#ffa198;font-size:14px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.45);display:none}
@keyframes qdspin{to{transform:rotate(360deg)}}