.dg-main{max-width:1040px;margin:auto;padding:25px 18px 70px;position:relative;z-index:2}.dg-head{text-align:center;margin:30px auto}.dg-head h1{font-size:clamp(2rem,5vw,4rem);background:linear-gradient(90deg,#fff4a8,#ff95d7,#a8ddff);color:transparent;background-clip:text;margin:10px 0}.dg-head p{color:#f1d8fc}.dg-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0}.dg-nav a{border:1px solid #d8a4ff70;background:#361d5caa;color:#fff3c8;text-decoration:none;border-radius:30px;padding:11px 14px}.dg-panel{background:linear-gradient(135deg,#2a1644ed,#141c43e8);border:1px solid #d9ad6b88;border-radius:26px;padding:clamp(16px,4vw,34px);box-shadow:0 15px 80px #d855ef40, inset 0 0 45px #d1a65d14}.dg-top{display:flex;justify-content:space-between;color:#ffe9a7}.dg-question{text-align:center;color:#fff1bb;font-size:clamp(1.3rem,3vw,2rem);margin:14px auto}.dg-english{text-align:center;color:#d5c6ff}.dg-portrait{margin:18px auto;max-width:440px;height:270px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:radial-gradient(ellipse,#dca5fa55,#2e1b55 70%);box-shadow:0 0 50px #df8dff55;overflow:hidden}.dg-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px #ffe3a6);animation:dgFloat 4s ease-in-out infinite}.dg-mystery img{filter:blur(var(--blur,22px)) drop-shadow(0 0 20px #ffd66b);transition:filter .55s}.dg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.dg-option,.dg-actions button,.dg-clue{padding:15px 10px;border:1px solid #f8c56e99;background:linear-gradient(135deg,#552a85,#273c7a);color:#fff;border-radius:14px;font-weight:700;cursor:pointer}.dg-option.correct{background:#236c4c}.dg-option.wrong{background:#8c2c51}.dg-option:disabled{opacity:.8;cursor:default}.dg-clue{display:block;margin:auto;background:#714c32}.dg-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:18px auto}.dg-primary{background:linear-gradient(110deg,#aa5e1e,#de9b4b)!important}.dg-panel #feedback{text-align:center;min-height:25px;color:#ffeab2}.dg-memory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:650px;margin:25px auto}.dg-tile{aspect-ratio:3/4;position:relative;border:1px solid #e9c37b;border-radius:14px;background:linear-gradient(135deg,#562783,#1c3765);cursor:pointer;box-shadow:0 6px 18px #10071e;overflow:hidden}.dg-tile-back,.dg-tile-front{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dg-tile-back{font-size:clamp(2rem,6vw,4rem);color:#ffd88a;text-shadow:0 0 20px #ffdc81}.dg-tile-front{visibility:hidden;background:radial-gradient(#bd7ab45c,#261744)}.dg-tile-front img{width:100%;height:100%;object-fit:contain}.dg-tile.flipped .dg-tile-back,.dg-tile.matched .dg-tile-back{visibility:hidden}.dg-tile.flipped .dg-tile-front,.dg-tile.matched .dg-tile-front{visibility:visible}.dg-tile.matched{border-color:#7cffa4;box-shadow:0 0 17px #7cffa477}.dg-foot{text-align:center;color:#e0c7e9;font-size:.85rem;margin:28px 0}@keyframes dgFloat{50%{transform:translateY(-10px) scale(1.03)}}@media(max-width:560px){.dg-options{grid-template-columns:1fr}.dg-memory{gap:5px}.dg-tile{border-radius:8px}}@media(prefers-reduced-motion:reduce){.dg-portrait img{animation:none}}