*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.main-content{min-height:calc(100vh - 160px);padding:clamp(20px,4vw,40px) 12px 48px;background:#fff}[data-theme=dark] .main-content{background:linear-gradient(180deg,#090f16f5,#050a10eb)}.mod-container{max-width:900px;margin:0 auto}.mod-card{background:#fff;border-radius:36px;padding:clamp(18px,2.5vw,36px);box-shadow:0 10px 24px #0f172a14;border:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden}[data-theme=dark] .mod-card{background:linear-gradient(155deg,#0a1f2ff7,#051019fa 58%,#081b28f7),#0b1d2b;box-shadow:0 20px 48px #00000052;border-color:#5ebcf53d}.mod-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,194,92,.12),transparent 24%),radial-gradient(circle at top left,rgba(74,219,255,.12),transparent 24%)}.mod-title{font-weight:800;font-size:clamp(1.4rem,3.8vw,2.4rem);background:linear-gradient(145deg,#0f5fd0,#00a7d8 48%,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 4px;line-height:1.1;text-align:center}[data-theme=dark] .mod-title{background:linear-gradient(145deg,#f8fdff,#7bd7ff 48%,#ffd27a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mod-sub{text-align:center;color:#87bfdb;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px}.puzzle-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.meta-chip{background:linear-gradient(180deg,#0e2a3cf5,#081c2af5);padding:8px 16px;border-radius:100px;border:1px solid rgba(98,177,223,.38);color:#ceecff;font-size:.8rem;font-weight:600;letter-spacing:.05em}.meta-chip span{color:#fff7b5;font-weight:800;margin-left:4px}.puzzle-shell{background:linear-gradient(180deg,#071824eb,#071824bd);border:1px solid rgba(95,179,228,.22);border-radius:26px;padding:clamp(18px,3vw,28px);margin-bottom:18px;position:relative}.puzzle-category{display:inline-block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;background:#4adbff1f;border:1px solid rgba(74,219,255,.3);color:#4adbff;padding:4px 14px;border-radius:30px;margin-bottom:14px}.puzzle-q{font-size:clamp(1rem,3vw,1.25rem);font-weight:600;color:#eef8ff;line-height:1.65;margin-bottom:18px}.puzzle-diagram{background:#00000040;border-radius:14px;padding:14px;margin-bottom:18px;font-family:Courier New,monospace;font-size:clamp(.72rem,2vw,.88rem);color:#7bd7ff;line-height:1.7;white-space:pre;overflow-x:auto;display:none}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.options-grid{grid-template-columns:1fr}}.option-btn{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px;text-align:left;color:#cbeeff;font-size:clamp(.84rem,2.5vw,.97rem);font-weight:500;cursor:pointer;transition:.12s;line-height:1.4}.option-btn:hover{background:#4adbff1a;border-color:#4adbff66;color:#fff}.option-btn.selected-correct{background:#4affb524;border-color:#4affb5;color:#c0fff0}.option-btn.selected-wrong{background:#ff3c3c1f;border-color:#f44;color:#ffc0c0}.option-btn.reveal-correct{background:#4affb514;border-color:#4affb580;color:#c0fff0}.option-btn:disabled{cursor:default}.explanation{background:#4adbff0f;border:1px solid rgba(74,219,255,.2);border-radius:14px;padding:14px 16px;color:#cbeeff;font-size:.88rem;line-height:1.6;margin-top:14px;display:none}.explanation strong{color:#7bd7ff}.nav-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.btn-nav{background:linear-gradient(180deg,#0e2a3cf5,#081c2af5);border:1px solid rgba(98,177,223,.38);border-radius:60px;color:#ceecff;font-size:.92rem;font-weight:700;padding:11px 22px;cursor:pointer;transition:.08s;user-select:none}.btn-nav:hover{border-color:#4adbff;color:#fff}.btn-primary{background:linear-gradient(160deg,#ffae5a,#f57c2e);border:none;font-size:clamp(.9rem,3vw,1.1rem);font-weight:700;padding:12px 24px;border-radius:60px;color:#0e2b37;letter-spacing:1px;box-shadow:0 6px #a1440b,0 6px 20px #ffb45b;cursor:pointer;transition:.08s;user-select:none}.btn-primary:active{transform:translateY(5px);box-shadow:0 1px #a1440b}.progress-dots{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.dot{width:10px;height:10px;border-radius:50%;background:#0f172a42;border:1px solid rgba(15,23,42,.18);transition:.2s}[data-theme=dark] .dot{background:#ffffff2e;border-color:#ffffff0f}.dot.done-ok{background:#4affb5;border-color:#4affb5;box-shadow:0 0 8px #4affb5}.dot.done-err{background:#f55;border-color:#f55;box-shadow:0 0 8px #f55}.dot.current{background:#fff7b5;border-color:#facc15;box-shadow:0 0 10px #ffbf00d9;transform:scale(1.35)}