.ts-dslr-game{font-family:Arial,Helvetica,sans-serif;max-width:1180px;margin:25px auto;padding:18px;background:linear-gradient(135deg,#f8fbf3,#e9f5ff);border-radius:24px;box-shadow:0 20px 60px rgba(18,45,31,.15);color:#102018;position:relative;overflow:hidden}.ts-dslr-game *{box-sizing:border-box}.ts-dslr-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(135deg,#15351f,#305c2c 55%,#0a2540);color:#fff}.ts-dslr-badge{display:inline-block;background:#ffdf6f;color:#1d2714;font-weight:800;border-radius:999px;padding:7px 12px;font-size:12px;letter-spacing:.4px}.ts-dslr-hero h2{margin:12px 0 8px;font-size:clamp(25px,4vw,42px);line-height:1.05;color:#fff}.ts-dslr-hero p{margin:0;opacity:.92;max-width:760px}.ts-dslr-scorebox{min-width:125px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px;text-align:center;display:grid;gap:5px}.ts-dslr-scorebox span{font-size:22px;font-weight:900}.ts-dslr-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}.ts-left-panel,.ts-right-panel{background:rgba(255,255,255,.88);border:1px solid rgba(10,40,20,.08);border-radius:22px;padding:18px;box-shadow:0 8px 25px rgba(0,0,0,.06)}.ts-level-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.ts-level-meta span{background:#eaf4e5;color:#1d522b;border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px}.ts-level-meta .ts-difficulty{background:#fff1c6;color:#7d4b00}.ts-photo-frame{height:390px;border-radius:22px;background:#111;position:relative;overflow:hidden;border:9px solid #1d211d;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),0 14px 30px rgba(0,0,0,.18)}.ts-photo-scene{position:absolute;inset:0;filter:blur(var(--blur,8px)) brightness(var(--bright,.82)) contrast(var(--contrast,.92)) saturate(var(--sat,.9));transform:scale(var(--motion,1.02));transition:.25s ease}.ts-scene-bg,.ts-scene-subject,.ts-scene-extra{position:absolute;inset:0}.ts-scene-bg{background:linear-gradient(180deg,#9dd7ff 0%,#ffd88d 48%,#326c34 49%,#162a1b 100%)}.ts-scene-subject:before{content:var(--subject,'📷');position:absolute;font-size:82px;left:50%;top:48%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.ts-scene-extra:before,.ts-scene-extra:after{content:'✦';position:absolute;color:rgba(255,255,255,.75);font-size:32px}.ts-scene-extra:before{left:16%;top:22%}.ts-scene-extra:after{right:18%;bottom:24%}.ts-photo-noise{position:absolute;inset:0;pointer-events:none;opacity:var(--noise,.12);background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.45) 0 1px,transparent 1px),radial-gradient(circle at 80% 60%,rgba(0,0,0,.35) 0 1px,transparent 1px);background-size:9px 9px,11px 11px;mix-blend-mode:overlay}.ts-photo-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,140,0,var(--warm,0)),rgba(0,0,0,0),rgba(0,95,255,var(--cool,0)));pointer-events:none}.ts-photo-label{position:absolute;left:15px;bottom:15px;background:rgba(0,0,0,.65);color:#fff;padding:8px 12px;border-radius:99px;font-size:13px;font-weight:800}.ts-video-mark{display:none;position:absolute;right:16px;top:16px;background:rgba(0,0,0,.55);color:#ff4e4e;border-radius:999px;padding:7px 10px;font-weight:900}.ts-photo-scene.is-video .ts-video-mark{display:block}.ts-hint-box{margin-top:12px;background:#f5f9ef;border-left:5px solid #67a43b;border-radius:14px;padding:12px}.ts-feedback{margin-top:10px;min-height:32px;font-weight:800}.ts-feedback.good{color:#1e7d32}.ts-feedback.bad{color:#b22a1f}.ts-camera-top{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:12px}.ts-small-label{display:block;font-size:12px;font-weight:900;text-transform:uppercase;color:#607064;margin-bottom:5px}.ts-mode{width:210px;max-width:100%;padding:11px;border-radius:12px;border:1px solid #ccd8c8;background:#fff;font-weight:800}.ts-reset-btn,.ts-hint-btn{border:0;background:#eaf2e5;color:#244426;border-radius:12px;padding:12px 14px;font-weight:900;cursor:pointer}.ts-controls-grid{display:grid;gap:12px}.ts-controls-grid label{display:block;background:#f7faf5;border:1px solid #e2ebdf;border-radius:15px;padding:12px;font-weight:900}.ts-controls-grid span{float:right;color:#2b6a33}.ts-controls-grid input{width:100%;margin-top:10px;accent-color:#2f7a35}.ts-action-row{display:flex;gap:10px;margin-top:16px}.ts-check-btn{flex:1;border:0;border-radius:16px;background:linear-gradient(135deg,#ffb000,#ff6b00);color:#1c1200;padding:15px;font-size:16px;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(255,124,0,.25)}.ts-hint-btn{background:#0c2d4b;color:#fff}.ts-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ts-stats div{background:#102018;color:#fff;border-radius:16px;padding:12px}.ts-stats strong{display:block;color:#ffdf6f;font-size:12px;text-transform:uppercase}.ts-stats span{font-weight:800}.ts-level-map{margin-top:18px;display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.ts-level-dot{height:18px;border-radius:999px;background:#dbe8d7;border:1px solid #c9d7c4}.ts-level-dot.done{background:#6bae40}.ts-level-dot.current{background:#ffb000}.ts-modal{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:9;display:grid;place-items:center;padding:20px}.ts-modal[hidden]{display:none}.ts-modal-card{background:#fff;border-radius:22px;padding:25px;max-width:430px;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.25)}.ts-modal-card h3{margin-top:0;font-size:28px}.ts-next-btn{border:0;border-radius:14px;background:#245f2b;color:#fff;padding:14px 20px;font-weight:900;cursor:pointer}@media(max-width:850px){.ts-dslr-stage{grid-template-columns:1fr}.ts-dslr-hero{display:block}.ts-dslr-scorebox{margin-top:14px}.ts-photo-frame{height:320px}.ts-level-map{grid-template-columns:repeat(5,1fr)}.ts-action-row,.ts-stats,.ts-camera-top{display:block}.ts-action-row button,.ts-reset-btn,.ts-hint-btn{width:100%;margin-top:8px}}