/* Tricky Fox 7.5 — accessible, touch-first mini-game playground.
   No external fonts, accounts, advertising or third-party scripts. */
.tr-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:13px;font-weight:900;color:#225951}
.tr-top span{flex:1;text-align:center}
.tr-top .tr-back{font-size:13px;border:1px solid #daf1dc;border-radius:999px;padding:10px 13px;background:#fff}
.tr-top strong{border-radius:999px;background:#fffcdf;padding:10px}
.tr-hero{display:flex;gap:16px;align-items:center;border-radius:28px;padding:19px 16px;background:linear-gradient(127deg,#186f5e,#198c90 60%,#6353ba);color:white;box-shadow:0 20px 33px #196b7660}
.tr-hero h1{font-size:clamp(22px,4.6vw,32px);margin:0 0 7px;color:white}
.tr-hero p{margin:0;font-size:14px;line-height:1.4;color:#ebfff7}
.tr-mascot{font-size:69px;line-height:1;filter:drop-shadow(0 9px 10px #032a327f)}
.tr-home-cta{display:flex;gap:14px;align-items:center;width:100%;text-align:left;border-radius:26px;margin:15px 0;padding:17px 18px;border:2px solid #f3ffe8;
 background:linear-gradient(110deg,#0c8f72,#18a6ac 58%,#526dcb);color:#fff;box-shadow:0 13px 25px #218c9a40}
.tr-home-cta .tr-home-fox{font-size:51px;flex:0 0 auto;filter:drop-shadow(0 4px 7px #1d4c5090)}
.tr-home-cta strong{display:block;font-size:20px;letter-spacing:-.02em}
.tr-home-cta small{display:block;line-height:1.4;font-size:12px;color:#ebfff6;margin-top:5px}
.tr-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}
.tr-levels button{border:2px solid #d5ecf0;background:#fff;padding:12px 3px;border-radius:15px;font-size:13px;color:#24545a;box-shadow:0 6px 11px #25888720}
.tr-levels button[aria-current="step"]{border-color:#44baa2;background:linear-gradient(140deg,#dafdf0,#d9f3fe);box-shadow:0 5px 17px #358e8870}
.tr-levels small{display:block;font-size:10px;color:#567873;margin-top:5px}
.tr-meter{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;color:#25675b}
.tr-track{height:9px;background:#e3eeec;border-radius:12px;margin:9px 0 12px;overflow:hidden}
.tr-track span{height:100%;display:block;background:linear-gradient(90deg,#2ecea4,#5ba4f2);border-radius:12px}
.tr-card{border:1px solid #d8f5e9;border-radius:26px;background:#fffffff5;padding:17px 13px 19px;box-shadow:0 14px 29px #3179692c;text-align:center}
.tr-card-head{display:flex;justify-content:space-between;align-items:center;color:#428675;font-size:12px;font-weight:900;margin-bottom:8px}
.tr-card h2{font-size:clamp(19px,4.7vw,27px);margin:7px 0 15px;color:#1e645d;line-height:1.3}
.tr-card .tr-es{font-size:23px;color:#266d64;font-weight:1000;margin:12px 0}
.tr-prompt-icon{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:17px;background:#e9f9f2;font-size:56px;padding:12px;margin:9px 0}
.tr-prompt-icon strong{font-size:22px;color:#246a61}
.tr-audio{background:linear-gradient(110deg,#6849d9,#9871f1);color:white;box-shadow:0 7px 12px #5942bb42;padding:13px 20px;margin:4px 0 14px}
.tr-audio.tr-small{font-size:12px;padding:10px}
.tr-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:7px 0}
.tr-choice{min-height:128px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border:2px solid #ccebe1;background:linear-gradient(160deg,#fff,#effdf6);box-shadow:0 8px 13px #2259501b;border-radius:19px;color:#20534c;touch-action:manipulation}
.tr-choice:focus-visible,.tr-object:focus-visible,.tr-numbers button:focus-visible{outline:4px solid #ffc66d;outline-offset:2px}
.tr-choice:active,.tr-numbers button:active{transform:scale(.97)}
.tr-choice strong{font-size:16px;color:#237669}
.tr-choice small{font-size:12px;color:#637674}
.tr-animal{display:block;font-size:57px;line-height:1.2;filter:drop-shadow(0 5px 4px #26595137)}
.tr-silhouette{display:block;font-size:55px;line-height:1.25;filter:brightness(0);opacity:.78}
.tr-desc{font-size:13px;color:#4d6e69;margin:8px 0 12px}
.tr-memory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:6px;margin:12px auto 20px;max-width:440px;padding:11px;background:linear-gradient(130deg,#e6fbfa,#f6ffee);border-radius:18px;border:1px solid #d3f4eb}
.tr-memory span{font-size:clamp(37px,9vw,60px);min-width:0}
.tr-memory .tr-question{border:2px dashed #70beb1;border-radius:16px}
.tr-scenes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}
.tr-scenes section{min-width:0;font-size:12px;color:#437d76;font-weight:900}
.tr-scene{margin-top:7px;border:2px solid #c2e7d6;border-radius:18px;height:230px;position:relative;overflow:hidden;
 background:radial-gradient(ellipse at 70% 13%,#fff4c8 0,#ffffff00 25%),linear-gradient(#8ed7ee 0%,#bee6ee 42%,#76bb79 43%,#6dae71 100%)}
.tr-scene:after{content:"";position:absolute;pointer-events:none;bottom:0;left:5%;width:86%;height:28%;border-radius:90% 90% 0 0;background:#86bb67a8}
.tr-object{position:absolute;z-index:2;display:block;line-height:1.1;width:45px;height:47px;transform:translate(-10%,-4%);
 text-align:center;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:12px;padding:4px!important;font-size:33px!important}
.tr-object.tr-found{background:#efffccb9!important;outline:3px solid #fec74f;transform:scale(1.12)}
.tr-count{display:flex;justify-content:center;align-items:center;min-height:115px;gap:15px;padding:18px;border-radius:20px;background:#e8f8f2;margin:12px 0}
.tr-count-animals{font-size:49px;letter-spacing:.05em;max-width:67%;line-height:1.5}
.tr-hidden{display:flex;flex-direction:column;align-items:center}
.tr-hidden span{font-size:64px;line-height:1}
.tr-hidden strong{color:#28746c;background:#fff;padding:2px 14px;border-radius:18px}
.tr-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}
.tr-numbers button{border:2px solid #a5dfca;background:#eafff7;color:#216a60;border-radius:16px;padding:18px 4px;font-size:24px;font-weight:900}
.tr-chest{background:linear-gradient(120deg,#fff6d4,#fff1df,#e9e6fb);border:2px solid #ffe7ac;padding:13px;border-radius:20px;display:flex;align-items:center;gap:8px;margin:8px 0}
.tr-chest span{font-size:37px}.tr-chest strong{font-size:14px;color:#6e543b;flex:1}.tr-chest small{font-size:11px;color:#74554c}
#tr-feedback{font-weight:850;min-height:27px;font-size:14px;color:#367d6b;margin:9px 0;line-height:1.5}
.tr-next{width:100%;background:linear-gradient(100deg,#159275,#26bf99);color:white;box-shadow:0 11px 19px #16765a48;font-size:16px;padding:17px;border-radius:18px}
.tr-review{background:#fff;border:2px solid #bcdacf;color:#3d6e65;font-size:13px;padding:12px 15px;margin:6px 0 10px}
.tr-footer{text-align:center;color:#4a786f;font-size:12px;margin:13px 0 40px}
.tr-finish{border-radius:26px;padding:30px 18px;text-align:center;background:#fff;box-shadow:0 12px 26px #28776a3b}
.tr-finish>div{font-size:66px}.tr-finish h2{font-size:27px;color:#257263}.tr-finish p{font-size:22px;font-weight:900;color:#4d69ac}
.tr-finish .tr-next{margin:10px 0}
@media(min-width:640px){.tr-scene{height:310px}.tr-object{font-size:44px!important;width:59px;height:59px}}
@media(max-width:390px){.tr-card{padding:13px 10px}.tr-choice{min-height:112px}.tr-animal,.tr-silhouette{font-size:46px}.tr-scene{height:195px}.tr-object{font-size:29px!important;width:39px;height:44px}.tr-hero{padding:16px 12px}.tr-hero h1{font-size:22px}.tr-home-cta strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.tr-home-cta,.tr-hero,.tr-choice,.tr-object{animation:none;transition:none}}