:root{
  --bg:#0d0711;--panel:#17101d;--panel2:#23142d;--pink:#ff2c86;--pink2:#ff6db0;--lime:#d7ff43;--cyan:#59e9ff;
  --white:#fff7fb;--muted:#c9b8c8;--danger:#ff4141;--ok:#82ff88;--footer-h:28px;--shadow:0 18px 45px #0009;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% -20%,#381341 0,#160a1a 38%,#09060b 75%);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none}
body{min-height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) var(--footer-h)}
button,a{font:inherit}.is-hidden{display:none!important}

.preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle,#2d1032,#080509 68%);padding:18px}.preloader-card{width:min(460px,92vw);text-align:center;padding:28px;border:1px solid #ffffff22;background:#160d1bcc;backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:22px}.loader-eye{font-size:48px;color:var(--pink);filter:drop-shadow(0 0 15px var(--pink));animation:pulse 1s infinite alternate}.preloader h1{font-size:clamp(1.2rem,4vw,1.8rem);margin:10px 0 5px}.preloader p{color:var(--muted);margin:7px 0}.loading-bar{height:7px;border-radius:99px;background:#ffffff12;overflow:hidden}.loading-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--lime));transition:width .25s}@keyframes pulse{to{transform:scale(1.12)}}

.app{height:100%;min-height:0;overflow:hidden}
.home-screen{height:100%;min-height:0;display:grid;place-items:center;padding:clamp(8px,2vh,18px);position:relative;overflow:hidden}.home-screen:before,.home-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.32;pointer-events:none}.home-screen:before{width:360px;height:360px;background:var(--pink);top:-200px;left:-90px}.home-screen:after{width:400px;height:400px;background:#722cff;right:-190px;bottom:-210px}.home-noise{position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.hero-card{position:relative;z-index:1;width:min(1100px,100%);max-height:100%;padding:clamp(14px,2.5vh,28px);border-radius:24px;border:1px solid #ffffff1f;background:linear-gradient(150deg,#211327ee,#100b14ee);box-shadow:var(--shadow);overflow:hidden}.hero-card:after{content:"";position:absolute;width:210px;height:210px;background:var(--pink);filter:blur(95px);opacity:.16;right:-80px;top:-70px}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:900;color:var(--lime)}.hero-card h1{font-size:clamp(2.15rem,9.2vh,5.35rem);line-height:.82;margin:8px 0 10px;letter-spacing:-.055em;text-transform:uppercase;max-width:900px}.hero-card h1 span{color:var(--pink);text-shadow:0 0 25px #ff2c8666}.lead{font-size:clamp(.84rem,1.55vw,1.08rem);line-height:1.35;color:#eadde8;max-width:930px;margin:0}.rules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.rules-grid article{display:flex;gap:8px;align-items:center;min-height:54px;padding:8px 10px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff12}.rules-grid b{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--pink);color:white;font-size:.86rem}.rules-grid span{font-size:.78rem;line-height:1.25;color:#e8dce7}.home-actions,.result-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:0;border-radius:11px;padding:10px 15px;font-size:.82rem;font-weight:900;cursor:pointer;text-decoration:none;text-align:center;transition:.18s transform,.18s filter;color:white}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,var(--pink),#922cff);box-shadow:0 8px 22px #ff2c8638}.btn-danger{background:linear-gradient(135deg,#ff3c3c,#b41313)}.btn-ghost{background:#ffffff0d;border:1px solid #ffffff20}.warning{margin:9px 0 0;color:#bfaec0;font-size:.72rem;line-height:1.25}

.game-screen{height:100%;min-height:0;padding:7px 12px 6px;max-width:1720px;margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:6px;overflow:hidden}.game-header{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:9px;align-items:center;min-height:42px}.brand-mini span{display:block;color:var(--lime);font-size:.58rem;font-weight:900;letter-spacing:.16em}.brand-mini strong{font-size:clamp(.82rem,1.45vw,1.15rem);white-space:nowrap}.hud{display:flex;gap:6px}.hud-box{min-width:84px;padding:5px 8px;border-radius:10px;background:#ffffff09;border:1px solid #ffffff13;text-align:center}.hud-box small{display:block;color:#aa99ac;font-size:.52rem;letter-spacing:.09em;font-weight:800}.hud-box b{display:block;margin-top:1px;font-size:.88rem}.header-actions{display:flex;gap:6px}.icon-btn{width:37px;height:37px;border-radius:10px;border:1px solid #ffffff1a;background:#ffffff0b;color:white;font-size:1rem;cursor:pointer}.game-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:9px;align-items:stretch}.scene-shell,.side-panel{min-height:0;background:#120d17;border:1px solid #ffffff16;border-radius:15px;box-shadow:0 10px 28px #0005}.scene-shell{padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.scene-viewport{position:relative;width:min(100%,calc((100dvh - 104px)*4/3));max-height:calc(100dvh - 104px);aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#000;touch-action:none;cursor:crosshair;user-select:none;flex:0 1 auto}.scene-transform{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .15s ease}.scene-viewport.is-zooming .scene-transform{transform:scale(1.8);transition:transform .12s ease-out;cursor:zoom-in}.scene-transform img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.hotspots,.solution-layer{position:absolute;inset:0}.solution-layer{pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);width:5.2%;aspect-ratio:1;border-radius:50%;border:0;background:transparent;cursor:pointer;z-index:3}.hotspot:hover{box-shadow:0 0 0 2px #ffffff22}.hotspot.found{pointer-events:none}.hotspot.found:after,.solution-marker:after{content:"";position:absolute;inset:12%;border-radius:50%;border:3px solid var(--lime);box-shadow:0 0 0 2px #0009,0 0 20px #d7ff43aa;animation:markPop .3s ease}.hotspot.found:before{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:clamp(12px,2vw,28px);font-weight:1000;text-shadow:0 2px 4px black;z-index:2}.solution-marker{position:absolute;transform:translate(-50%,-50%);width:6.2%;aspect-ratio:1;border-radius:50%;border:2px dashed #fff;background:#ff2c8633;box-shadow:0 0 24px #ff2c86cc;animation:solutionPulse .8s infinite alternate}.solution-marker:after{inset:0;border-color:var(--pink);box-shadow:none}@keyframes markPop{from{transform:scale(.4);opacity:0}}@keyframes solutionPulse{to{transform:translate(-50%,-50%) scale(1.14)}}.scene-message{padding:4px 4px 0;text-align:center;color:#b9a9ba;font-size:.68rem;line-height:1.15;min-height:18px;flex:0 0 18px}.scene-shell.wrong{animation:wrongFlash .3s}@keyframes wrongFlash{0%,100%{box-shadow:0 10px 28px #0005}50%{box-shadow:0 0 0 4px #ff3232,0 0 34px #ff3232aa}}

.side-panel{padding:11px 12px;overflow:hidden;display:flex;flex-direction:column}.level-copy{flex:0 0 auto}.level-copy span{display:block;color:var(--pink2);font-size:.6rem;font-weight:900;letter-spacing:.11em}.level-copy h2{font-size:1.08rem;line-height:1.02;margin:4px 0 5px}.level-copy p{color:#b9abbc;font-size:.71rem;line-height:1.25;margin:0 0 8px}.side-panel h3{font-size:.62rem;letter-spacing:.12em;color:var(--lime);margin:0 0 5px}.object-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;align-content:start;min-height:0}.object-item{display:flex;align-items:center;gap:6px;min-width:0;min-height:34px;padding:5px 7px;border-radius:8px;background:#ffffff08;border:1px solid #ffffff0d;font-size:.7rem;line-height:1.12}.object-item span{min-width:0;overflow-wrap:anywhere}.object-item i{flex:0 0 17px;width:17px;height:17px;border-radius:5px;background:#ffffff0d;border:1px solid #ffffff20;display:grid;place-items:center;font-style:normal;color:var(--lime);font-weight:900;font-size:.68rem}.object-item.found{opacity:.42;text-decoration:line-through}.object-item.found i{background:#8cff8c20;border-color:#8cff8c66}.hint-box{display:flex;gap:7px;align-items:center;margin-top:auto;padding:7px 0 0;border-top:1px solid #ffffff13;color:#a999aa;font-size:.68rem;flex:0 0 auto}.hint-box kbd{display:grid;place-items:center;min-width:25px;height:25px;background:#26172c;border:1px solid #ffffff28;border-bottom-width:3px;border-radius:6px;color:white;font-weight:900}.ad-wrap{display:none}

.site-footer{height:var(--footer-h);min-height:var(--footer-h);display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 12px;color:#8f8190;font-size:.66rem;border-top:1px solid #ffffff0d;overflow:hidden;white-space:nowrap}.site-footer a{color:#cdbed0;text-decoration:none}.site-footer a:hover{color:white}
.modal-backdrop{position:fixed;inset:0;z-index:9000;background:#060308dd;backdrop-filter:blur(9px);display:grid;place-items:center;padding:14px}.modal{position:relative;width:min(600px,96vw);max-height:88dvh;overflow:auto;padding:23px;border-radius:19px;background:linear-gradient(145deg,#211327,#0e0a11);border:1px solid #ffffff20;box-shadow:var(--shadow)}.modal h2{font-size:clamp(1.35rem,4.5vw,2.25rem);margin:7px 0;line-height:1}.modal p{color:#c8b8c9;line-height:1.35;font-size:.86rem}.modal-x{position:absolute;right:10px;top:10px;width:34px;height:34px;border:1px solid #ffffff1a;background:#ffffff0c;color:white;border-radius:10px;font-size:1.25rem;cursor:pointer}.jump-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.jump-grid .btn{padding:9px 7px}.cheat-modal>.btn{width:100%;margin-top:7px}.result-modal{text-align:center}.result-badge{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#7eff8b;color:#09210c;font-size:2.1rem;font-weight:1000;box-shadow:0 0 30px #7eff8b66}.result-badge.bad{background:#ff4747;color:white;box-shadow:0 0 30px #ff474766}.result-actions{justify-content:center;margin-top:15px}

@media(max-height:640px) and (min-width:641px){
  .hero-card{padding:12px 18px}.hero-card h1{font-size:clamp(2rem,8.2vh,3.3rem);margin:6px 0 7px}.lead{font-size:.78rem;line-height:1.25}.rules-grid{margin:8px 0;gap:6px}.rules-grid article{min-height:45px;padding:6px 8px}.rules-grid span{font-size:.69rem}.home-actions .btn{padding:8px 12px;font-size:.74rem}.warning{margin-top:6px;font-size:.64rem}
  .game-screen{padding-top:5px;gap:4px}.game-header{min-height:38px}.level-copy p{display:none}.side-panel{padding:9px 10px}.level-copy h2{font-size:.98rem;margin-bottom:6px}.object-item{min-height:31px;padding:4px 6px;font-size:.66rem}.hint-box{padding-top:5px}.scene-viewport{width:min(100%,calc((100dvh - 92px)*4/3));max-height:calc(100dvh - 92px)}
}

@media(max-width:760px){
  .hero-card{padding:15px}.hero-card h1{font-size:clamp(2rem,8vh,4rem)}.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-grid article{min-height:48px}.home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.home-actions .btn{width:100%;padding:9px 6px;font-size:.72rem}
  .game-screen{padding:5px 6px 4px;gap:4px}.game-header{grid-template-columns:1fr auto;gap:5px;min-height:37px}.brand-mini{display:none}.hud{grid-column:1/2;gap:3px;min-width:0}.hud-box{min-width:0;flex:1;padding:4px 3px}.hud-box small{font-size:.44rem}.hud-box b{font-size:.73rem}.header-actions{grid-column:2/3;grid-row:1/2;gap:3px}.icon-btn{width:33px;height:33px;font-size:.9rem}.game-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:5px}.scene-shell{padding:4px}.scene-viewport{width:min(100%,520px);max-height:none;aspect-ratio:4/3}.scene-message{min-height:15px;flex-basis:15px;font-size:.59rem;padding-top:3px}.side-panel{padding:7px 8px;border-radius:12px}.level-copy{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:end}.level-copy span{grid-column:1}.level-copy h2{grid-column:2;margin:0;font-size:.86rem}.level-copy p{display:none}.side-panel h3{margin-top:5px;margin-bottom:4px}.object-list{gap:4px}.object-item{min-height:28px;padding:3px 5px;font-size:.62rem}.object-item i{flex-basis:15px;width:15px;height:15px}.hint-box{margin-top:5px;padding-top:4px;font-size:.62rem}.hint-box kbd{min-width:22px;height:22px}.site-footer{font-size:.58rem;gap:4px}
}

@media(max-width:440px){
  :root{--footer-h:25px}.home-screen{padding:6px}.hero-card{padding:11px 10px;border-radius:16px}.eyebrow{font-size:.58rem}.hero-card h1{font-size:clamp(1.8rem,7.2vh,3.2rem);margin:5px 0 7px}.lead{font-size:.72rem}.rules-grid{gap:5px;margin:8px 0}.rules-grid article{min-height:43px;padding:5px 6px;gap:5px}.rules-grid b{flex-basis:23px;height:23px}.rules-grid span{font-size:.62rem}.warning{font-size:.59rem;margin-top:6px}.home-actions .btn{font-size:.62rem;padding:8px 4px}.game-layout{gap:3px}.object-item{font-size:.58rem;min-height:26px}.side-panel{padding:6px}.level-copy h2{font-size:.8rem}.hint-box{font-size:.58rem}
}