:root{--bg: #d8ebff;--surface: #f8faff;--relief: #c8d6ea;--contour: #d7e0ef;--water: #55b8f4;--veg: #82d98c;--shadow: rgba(52, 78, 120, .18);--ink: #34527a}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{overflow:hidden;font-family:"Baloo 2",Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.scene{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 8%,#eef6ff 0%,var(--bg) 55%,#cbe2fb 100%);overflow:hidden;display:grid;place-items:center}.hud{display:contents}.logo{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;z-index:5;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:clamp(20px,5.5vw,30px);letter-spacing:.5px;color:#fff;text-shadow:0 2px 0 #b9d4f2,0 6px 14px rgba(52,78,120,.28);-webkit-user-select:none;user-select:none}.logo b{color:var(--water)}.qa-toggle{z-index:9998;border:none;cursor:pointer;font:700 10px/1 system-ui,sans-serif;letter-spacing:.08em;color:#344e78b3;background:#ffffff8c;padding:4px 7px;border-radius:999px;text-shadow:none;opacity:.6;transition:opacity .15s ease}.qa-toggle:hover,.qa-toggle:focus-visible{opacity:1}.stage{perspective:1200px;perspective-origin:50% 42%;width:100%;height:100%;display:grid;place-items:center}.tilt{width:min(94vw,600px);transform:rotateX(var(--rx, 26deg)) rotate(var(--rz, -3deg)) rotateY(var(--ry, 0deg));animation:float 9s ease-in-out infinite;will-change:transform}.map{display:block;width:100%;height:auto;overflow:visible}@media (min-width: 900px) and (max-width: 1359.98px){.tilt{width:min(600px,calc(100vw - 640px))}}@keyframes float{0%,to{transform:rotateX(var(--rx, 26deg)) rotate(var(--rz, -3deg)) rotateY(var(--ry, 0deg)) translateY(-6px)}50%{transform:rotateX(var(--rx, 26deg)) rotate(var(--rz, -3deg)) rotateY(var(--ry, 0deg)) translateY(8px)}}.tilt{opacity:0;animation:float 9s ease-in-out infinite,appear 1.2s ease-out both}@keyframes appear{0%{opacity:0;transform:rotateX(46deg) rotate(-3deg) translateY(60px) scale(.9)}to{opacity:1}}.dept{transition:transform .25s cubic-bezier(.2,.8,.3,1),filter .25s ease;transform-box:fill-box;transform-origin:center;cursor:pointer}.dept:hover{transform:translateY(-6px);filter:drop-shadow(0 8px 10px rgba(52,78,120,.28))}.tag{position:fixed;z-index:10;pointer-events:none;transform:translate(-50%,-140%);background:#fff;color:var(--ink);font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;box-shadow:0 6px 16px var(--shadow);white-space:nowrap}.cloud{position:absolute;z-index:4;filter:drop-shadow(0 10px 14px rgba(52,78,120,.12));opacity:.95;animation:drift linear infinite}@keyframes drift{0%{transform:translate(-12vw)}to{transform:translate(112vw)}}.panel{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;width:min(92vw,460px);display:flex;flex-direction:column;gap:10px;padding:12px;background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:26px;box-shadow:0 10px 30px var(--shadow),inset 0 1px #ffffffe6}.panel-row{display:flex;gap:8px;align-items:center}.search{flex:1;min-width:0;height:46px;padding:0 16px;border:none;border-radius:16px;background:#eef4ff;color:var(--ink);font:600 16px/1 "Baloo 2",system-ui,sans-serif;box-shadow:inset 0 2px 5px #344e781a}.search::placeholder{color:#9db0cf}.search:focus{outline:2px solid var(--water);outline-offset:1px}.btn-test{height:46px;padding:0 18px;border:none;border-radius:16px;background:linear-gradient(180deg,#6fc6f7,var(--water));color:#fff;font:800 15px/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.5px;cursor:pointer;box-shadow:0 6px 14px #344e7847;transition:transform .12s ease,filter .12s ease}.btn-test:hover{filter:brightness(1.05)}.btn-test:active{transform:translateY(2px)}.btn-test:disabled{opacity:.45;cursor:default;box-shadow:none}.suggestions{list-style:none;margin:0;padding:4px;max-height:min(34vh,260px);overflow-y:auto;display:flex;flex-direction:column;gap:4px;border-radius:18px;background:#eef4ff99}.suggestion{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;cursor:pointer;color:var(--ink);transition:background .12s ease,transform .12s ease}.suggestion.on{background:#fff;box-shadow:0 4px 12px #344e7829;transform:translate(2px)}.sug-code{flex:none;min-width:34px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:9px;background:var(--water);color:#fff;font-weight:800;font-size:13px}.sug-name{font-weight:700;font-size:15px}.bubble{position:fixed;left:50%;top:max(118px,calc(env(safe-area-inset-top) + 104px));transform:translate(-50%);z-index:15;max-width:min(88vw,320px);text-align:center;padding:14px 22px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;border:2px solid var(--accent, var(--water));box-shadow:0 12px 30px var(--shadow);color:var(--ink);animation:bubble-pop .35s cubic-bezier(.2,.9,.3,1.4) both}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.92)}}.bubble-title{font-weight:800;font-size:26px;color:var(--accent);letter-spacing:1px}.bubble-name{font-weight:800;font-size:20px;letter-spacing:.5px}.bubble-dist{font-weight:700;font-size:22px;margin-top:2px;color:var(--accent)}.bubble-arrow{font-size:24px}.bubble-label{margin-top:4px;font-weight:800;font-size:13px;letter-spacing:1.5px;color:var(--accent);opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dept.selected{transform:translateY(-9px);filter:drop-shadow(0 12px 12px rgba(52,78,120,.35)) drop-shadow(0 0 6px var(--accent))}.dept.region-lit{animation:region-pulse .42s ease-out 1}@keyframes region-pulse{0%{filter:none}45%{filter:drop-shadow(0 0 10px rgba(120,190,255,.95))}to{filter:none}}.marker{pointer-events:none}.marker .ring{fill:none;stroke:var(--accent);stroke-width:3;transform-box:fill-box;transform-origin:center;animation:ring-out 1.6s ease-out infinite}.marker .ring.r2{animation-delay:.5s}.marker .ring.r3{animation-delay:1s}@keyframes ring-out{0%{transform:scale(1);opacity:.9}to{transform:scale(5);opacity:0}}.marker .pin{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:pin-pop .4s cubic-bezier(.2,.9,.3,1.5) both}.marker .pin-halo{fill:var(--accent);opacity:.22;transform-box:fill-box;transform-origin:center;animation:pin-pop .4s cubic-bezier(.2,.9,.3,1.5) both}@keyframes pin-pop{0%{transform:scale(0)}}.dir-arrow{animation:arrow-pop .4s cubic-bezier(.2,.9,.3,1.5) both}@keyframes arrow-pop{0%{opacity:0}}.dir-arrow-shape{fill:var(--accent);stroke:#fff;stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgba(52,78,120,.32))}.marker-num{fill:#fff;font:800 12px/1 "Baloo 2",system-ui,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.cmarker .dir-arrow{opacity:.82}.cmarker.active .dir-arrow{opacity:1}.marker .particle{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:particle-burst .8s ease-out forwards}@keyframes particle-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}.marker .name-tag rect{fill:#fff;filter:drop-shadow(0 4px 8px rgba(52,78,120,.3))}.marker .name-tag text{fill:var(--ink);font:800 18px/1 "Baloo 2",system-ui,sans-serif}.marker.win .name-tag text{fill:var(--accent)}.bubble-tag{font-weight:800;font-size:12px;letter-spacing:2px;color:var(--accent);opacity:.85}.dept.played{fill:color-mix(in srgb,var(--accent) 26%,#ffffff);stroke:var(--accent);stroke-width:1.6}.trail path{stroke-width:3;opacity:.5;stroke-linecap:round}@media (max-width: 640px){.trail path{opacity:.32;stroke-width:2.4}}.cmarker{cursor:pointer}.cmarker:focus{outline:none}.cmarker .cdot{fill:var(--accent);stroke:#fff;stroke-width:2.5;filter:drop-shadow(0 3px 4px rgba(52,78,120,.35));transform-box:fill-box;transform-origin:center;animation:pin-pop .4s cubic-bezier(.2,.9,.3,1.5) both}.cmarker:hover .cdot{filter:drop-shadow(0 5px 7px rgba(52,78,120,.45))}.cmarker.active .cdot,.cmarker:focus-visible .cdot{stroke-width:4}.cmarker .cring{fill:none;stroke:var(--accent);stroke-width:3;opacity:.9;transform-box:fill-box;transform-origin:center;animation:ring-out 1.6s ease-out infinite}.history{position:fixed;left:50%;transform:translate(-50%);bottom:calc(max(16px,env(safe-area-inset-bottom)) + 74px);z-index:16;width:min(92vw,460px);background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px;padding:8px 10px;box-shadow:0 10px 26px var(--shadow),inset 0 1px #ffffffe6}.hist-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 2px}.hist-title{font-weight:800;font-size:11px;letter-spacing:1.5px;color:var(--ink);opacity:.7}.counter{font-weight:800;font-size:13px;color:var(--water);background:#eef4ff;border-radius:999px;padding:2px 10px}.hist-list{list-style:none;margin:0;padding:2px;display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.hist-item{flex:0 0 auto}.hist-btn,.hist-item.empty{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:14px;background:#eef4ff;color:var(--ink);border:2px solid transparent;white-space:nowrap}.hist-btn{--accent: var(--water);cursor:pointer;font:inherit}.hist-btn:focus-visible{outline:2px solid var(--water);outline-offset:2px}.hist-item.active .hist-btn{border-color:var(--accent);box-shadow:0 4px 12px #344e7829}.hist-num{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:var(--accent, #b9cbe6);color:#fff;font-weight:800;font-size:12px}.hist-item.empty{opacity:.55}.hist-item.empty .hist-num{background:#b9cbe6}.hist-name{font-weight:700;font-size:14px}.hist-dist{font-weight:700;font-size:12px;color:var(--accent)}.hist-slot{font-size:14px;color:#9db0cf}@media (min-width: 900px){.history{left:auto;right:20px;bottom:auto;top:50%;transform:translateY(-50%);width:236px;padding:14px;border-radius:24px}.hist-list{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:70vh;gap:8px}.hist-item,.hist-btn,.hist-item.empty{width:100%;justify-content:flex-start}.hist-name{flex:1}}.btn-replay{width:100%;height:48px;border:none;border-radius:16px;background:linear-gradient(180deg,#6fc6f7,var(--water));color:#fff;font:800 16px/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.4px;cursor:pointer;box-shadow:0 6px 14px #344e7847;transition:transform .12s ease,filter .12s ease}.btn-replay:hover{filter:brightness(1.05)}.btn-replay:active{transform:translateY(2px)}.btn-share{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:56px;margin-top:14px;padding:0 18px;border:none;border-radius:20px;background:linear-gradient(180deg,#8ee39b 0%,var(--vegetation, #82d98c) 60%,#6cc97a 100%);color:#12331b;font:800 17px/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.3px;cursor:pointer;box-shadow:0 8px #57b167,0 12px 22px #344e7847,inset 0 2px 3px #ffffffb3;transform:translateY(0);transition:transform .1s ease,filter .12s ease,box-shadow .1s ease}.btn-share:hover{filter:brightness(1.05)}.btn-share:active{transform:translateY(3px);box-shadow:0 5px #57b167,0 8px 16px #344e783d,inset 0 2px 3px #fff9}.btn-share:disabled{cursor:progress;filter:saturate(.8)}.btn-share:focus-visible{outline:3px solid #2f7d46;outline-offset:3px}.btn-share .share-icon{flex:0 0 auto}.btn-share.is-copied{animation:share-pulse .4s ease}@keyframes share-pulse{0%{transform:scale(1)}45%{transform:scale(1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.btn-share,.btn-share.is-copied{transition:none;animation:none}}.endpanel{position:fixed;left:50%;transform:translate(-50%);top:max(118px,calc(env(safe-area-inset-top) + 104px));z-index:15;text-align:center;padding:14px 22px;max-width:min(88vw,320px);background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:22px;border:2px solid #ff9f43;box-shadow:0 12px 30px var(--shadow);color:var(--ink)}.endpanel-count{font-weight:800;font-size:24px;color:#ff6f61;letter-spacing:1px}.endpanel-title{font-weight:800;font-size:16px;margin-top:2px}.endpanel-text{font-size:13px;opacity:.8;margin-top:2px}@media (prefers-reduced-motion: reduce){.tilt,.cloud{animation:none;opacity:1}.tilt{opacity:1}.bubble,.dept.region-lit,.marker .pin,.marker .pin-halo,.marker .beam path,.marker .particle{animation:none}.marker .ring{animation:none;opacity:.35}.marker .beam path{opacity:0}.cmarker .cdot{animation:none}.cmarker .cring{animation:none;opacity:.4}}.scene-won:after,.scene-lost:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,transparent 40%,rgba(30,48,82,.28));opacity:0;animation:veil-in .5s ease-out forwards}.scene-won:after{background:radial-gradient(70% 55% at 50% 40%,transparent 55%,rgba(30,48,82,.22))}@keyframes veil-in{to{opacity:1}}.target-reveal{pointer-events:none}.target-reveal-shape{fill:url(#face);stroke:#f2b84b;stroke-width:2.6;stroke-linejoin:round;transform:translateY(-9px);filter:drop-shadow(0 12px 12px rgba(52,78,120,.35)) drop-shadow(0 0 8px #f2b84b);animation:target-rise .6s ease-out both}@keyframes target-rise{0%{transform:translateY(0);filter:none}}.target-reveal-tag rect{fill:#fff;filter:drop-shadow(0 4px 8px rgba(52,78,120,.3))}.target-reveal-tag text{fill:#c88a1e;font:800 17px/1 "Baloo 2",system-ui,sans-serif}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.celebration{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);display:grid;place-items:center}.celebration-word{font:900 clamp(46px,15vw,96px)/1 "Baloo 2",system-ui,sans-serif;color:#3fbf6f;letter-spacing:1px;text-shadow:0 4px 0 #d7f2df,0 14px 26px rgba(52,78,120,.3);animation:hexact-pop .6s cubic-bezier(.18,1.3,.4,1) both}.celebration-word b{color:#f2b84b}@keyframes hexact-pop{0%{transform:scale(.2) translateY(20px);opacity:0}60%{transform:scale(1.12) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0)}}.celebration-particles{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.particle-bit{position:absolute;width:14px;height:14px;background:var(--pc);opacity:0;animation:bit-fly .9s ease-out var(--pd) forwards}.particle-bit.shape-circle{border-radius:50%}.particle-bit.shape-chip{border-radius:4px;transform:rotate(20deg)}.particle-bit.shape-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes bit-fly{0%{transform:translate(0) scale(.4);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:0}}.defeat-reveal{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font:900 clamp(34px,11vw,68px)/1 "Baloo 2",system-ui,sans-serif;color:#c88a1e;letter-spacing:2px;text-shadow:0 3px 0 #f6e6c4,0 12px 22px rgba(52,78,120,.28);animation:defeat-fade .7s ease-out both}@keyframes defeat-fade{0%{opacity:0;transform:translate(-50%,-42%)}}.result-sheet{position:absolute;left:0;right:0;bottom:0;pointer-events:auto;padding:14px 16px calc(18px + env(safe-area-inset-bottom));outline:none;animation:sheet-up .5s cubic-bezier(.2,.9,.3,1) both}@keyframes sheet-up{0%{transform:translateY(105%)}}.result-card{max-width:460px;margin:0 auto;background:linear-gradient(180deg,#fff,#f2f7ff);border-radius:30px 30px 22px 22px;border:1px solid rgba(255,255,255,.9);box-shadow:0 -8px 40px #344e7847,inset 0 -6px 14px #344e780f;padding:20px 22px 22px;text-align:center;color:var(--ink)}.result-eyebrow{font:900 22px/1 "Baloo 2",system-ui,sans-serif;letter-spacing:1px;color:#3fbf6f}.result-eyebrow.muted{color:#c88a1e}.result-answer-lead{margin:8px 0 0;font-size:13px;opacity:.75}.result-head{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.silhouette path{fill:#dcebff;stroke:#9fb4d8;stroke-width:3;stroke-linejoin:round}.result-name{margin:0;font:800 clamp(24px,7vw,34px)/1 "Baloo 2",system-ui,sans-serif}.result-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:13px;font-weight:600;opacity:.85}.result-stats span{background:#344e7814;padding:5px 12px;border-radius:999px}.result-tagline{margin:10px 0 0;font-size:14px;opacity:.8}.score-counter{margin-top:14px;line-height:1}.score-value{font:900 clamp(44px,13vw,60px)/1 "Baloo 2",system-ui,sans-serif;color:var(--water);font-variant-numeric:tabular-nums}.score-unit{display:block;margin-top:2px;font-size:12px;font-weight:700;letter-spacing:2px;opacity:.6}.perf-badge{margin-top:12px}.perf-label{font:800 18px/1 "Baloo 2",system-ui,sans-serif;letter-spacing:.5px;color:#3fbf6f}.result-card.defeat .perf-label{color:#c88a1e}.perf-desc{margin-top:3px;font-size:13px;opacity:.75}.result-card .btn-replay{margin-top:18px}.clue-recap{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.recap-bubble{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:16px;border:1px solid transparent;text-align:left;font-size:12px;font-weight:600;line-height:1.15}.recap-bubble-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}@media (min-width: 900px){.result-sheet{left:auto;top:50%;right:32px;bottom:auto;transform:translateY(-50%);width:380px;padding:0;animation:sheet-in .5s cubic-bezier(.2,.9,.3,1) both}.result-card{border-radius:28px}@keyframes sheet-in{0%{transform:translate(40px,-50%);opacity:0}to{transform:translateY(-50%);opacity:1}}.celebration{left:42%}}@media (prefers-reduced-motion: reduce){.scene-won:after,.scene-lost:after,.target-reveal-shape,.celebration-word,.particle-bit,.defeat-reveal,.result-sheet{animation:none}.scene-won:after,.scene-lost:after{opacity:1}.particle-bit{display:none}}@media (max-width: 899.98px){.scene{display:flex;flex-direction:column;align-items:stretch;padding-top:env(safe-area-inset-top)}.hud{display:block;position:relative;z-index:6;margin:0;padding:0;background:var(--surface);border-radius:0 0 24px 24px;box-shadow:0 12px 28px -8px #344e7847}.logo{position:static;padding:10px 16px 8px;font-size:20px;line-height:1.2;color:var(--ink);text-shadow:none}.logo,.clue-zone,.history,.panel{position:relative;z-index:6}.stage{flex:1;min-height:0;container-type:size}.tilt{width:min(99cqw,108cqh)}.bubble,.endpanel{top:auto;bottom:45%}.history{position:static;transform:none;width:auto;margin:0 10px 8px;flex:none}.panel{position:static;transform:none;width:auto;margin:0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-radius:0;background:var(--surface);box-shadow:0 -3px 12px #344e7814;flex:none}.suggestions{max-height:138px}}.kb{display:flex;flex-direction:column;gap:6px;padding-top:2px;touch-action:manipulation}.kb-row{display:flex;justify-content:center;gap:5px}.kb-key{flex:1 1 0;min-width:0;max-width:42px;height:44px;border:none;border-radius:10px;background:#fff;color:var(--ink);font:700 17px/1 "Baloo 2",system-ui,sans-serif;text-transform:uppercase;cursor:pointer;box-shadow:0 2px #344e7829,0 3px 6px #344e781a;transition:transform .06s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.kb-key:active{transform:translateY(2px);box-shadow:0 0 #344e7829,0 1px 3px #344e781a}.kb-key--digit{height:34px;font-size:14px;background:#eef4ff;box-shadow:inset 0 1px 3px #344e781a}.kb-key--wide{max-width:64px;flex:1.5 1 0;font-size:15px}.kb-key--ok{background:linear-gradient(180deg,#6fc6f7,var(--water));color:#fff;box-shadow:0 2px #2f8ecb,0 3px 6px #344e7833}.kb-key--ok:disabled{opacity:.45;cursor:default}:root{--hook-ink: #17201c;--hook-shadow: rgba(52, 78, 120, .18);--hook-gloss: rgba(255, 255, 255, .85);--clue-primary: #69b96b;--clue-secondary: #dcefdd;--clue-bg: rgba(250, 253, 255, .94)}.clue-zone{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px 12px 4px}@media (min-width: 900px){.clue-zone{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:16;width:min(38vw,440px);padding:0;gap:10px;pointer-events:none}.clue-zone>*{pointer-events:auto}}.clue-counter{font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#17201c8c;background:#ffffffb3;padding:3px 12px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hook-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 12px 12px;color:var(--hook-ink);background:var(--clue-bg);border-radius:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 4px #344e7814,0 10px 22px -8px #344e7829,0 26px 44px -14px var(--hook-shadow),inset 0 2px 0 var(--hook-gloss),inset 0 -10px 20px #344e780d;animation:clue-emerge .62s cubic-bezier(.2,.9,.3,1.25) both;will-change:transform}.hook-card.is-hero{animation-delay:1.05s}@keyframes clue-emerge{0%{opacity:0;transform:translateY(40px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}.hook-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--clue-secondary);color:var(--clue-primary);font-weight:800;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;filter:saturate(1.1) brightness(.82)}.hook-check{color:var(--clue-primary);filter:brightness(.82)}.hook-head{display:flex;align-items:center;gap:10px;width:100%}.hook-head .hook-source{margin-left:auto}.hook-head-icon{flex:none;position:relative}.hook-head-icon:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:radial-gradient(circle,currentColor 0%,transparent 62%);opacity:.22;z-index:-1}.clue-icon{display:inline-block;line-height:1;filter:drop-shadow(0 3px 4px rgba(52,78,120,.18))}.clue-icon.is-animated{animation:clue-part-in .52s cubic-bezier(.2,.9,.3,1.4) .12s both}@keyframes clue-part-in{0%{opacity:0;transform:scale(.4) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.hook-headline{font-weight:800;font-size:clamp(20px,5.2vw,27px);line-height:1.08;letter-spacing:-.5px;max-width:none;margin:4px 0 2px}.hook-headline-value{color:var(--clue-primary);filter:brightness(.8)}.hook-card.is-active .hook-headline{font-size:clamp(15px,4.1vw,21px)}.hook-question{font-weight:800;font-size:14px;color:var(--clue-primary);filter:brightness(.78);margin-top:2px}.hook-source{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#17201c8c;cursor:pointer;border:0;background:none;border-radius:999px;padding:2px 4px;font-family:inherit}.hook-source:focus-visible{outline:2px solid var(--clue-primary);outline-offset:2px}.hook-source.is-open{color:var(--clue-primary);filter:brightness(.82)}.hook-card.is-validated{box-shadow:0 22px 44px -8px var(--hook-shadow),inset 0 2px 0 var(--hook-gloss),0 0 0 3px #3fbf6f}.clue-main{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.clue-main-card{display:flex;flex-direction:column;align-items:center;gap:8px}.clue-track{position:relative;display:flex;flex-direction:row;width:100%;padding-inline:9%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.clue-track::-webkit-scrollbar{display:none}.clue-slide{flex:0 0 82%;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;padding:2px 6px;opacity:.5;transition:opacity .25s ease}.clue-slide.is-current{opacity:1}.clue-steps{display:flex;flex-direction:row;align-items:stretch;gap:6px;width:100%}.clue-step{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;padding:10px 4px;border:none;border-radius:14px;background:#fafdff8c;color:var(--hook-ink);cursor:pointer;opacity:.55;transition:opacity .2s ease,background .2s ease}.clue-step:disabled{cursor:default}.clue-step.is-active{opacity:1;background:var(--clue-secondary);box-shadow:inset 0 0 0 2px var(--clue-primary)}.clue-step.is-locked{color:#344e7852;opacity:.4}.clue-step:focus-visible{outline:2px solid var(--clue-primary);outline-offset:2px}.clue-row{display:flex;flex-direction:row;justify-content:center;gap:8px;width:100%}.clue-bubble{position:relative;flex:1 1 0;max-width:84px;aspect-ratio:1 / 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px;border:none;border-radius:20px;cursor:pointer;color:var(--hook-ink);background:var(--clue-bg, rgba(250, 253, 255, .94));box-shadow:0 10px 20px -6px var(--hook-shadow),inset 0 2px 0 var(--hook-gloss);transition:transform .2s ease,box-shadow .2s ease;animation:clue-bubble-in .4s cubic-bezier(.2,.9,.3,1.3) both}@keyframes clue-bubble-in{0%{opacity:0;transform:translateY(14px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.clue-bubble:hover{transform:translateY(-2px)}.clue-bubble:focus-visible{outline:2px solid var(--clue-primary);outline-offset:2px}.clue-bubble.is-active{box-shadow:0 10px 20px -6px var(--hook-shadow),inset 0 2px 0 var(--hook-gloss),0 0 0 2.5px var(--clue-primary)}.clue-bubble-order{position:absolute;top:4px;left:7px;font-size:15px;font-weight:800;color:#17201c8c}.clue-bubble-value{font-size:11px;font-weight:800;color:var(--clue-primary);filter:brightness(.8);line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.clue-bubble-check{position:absolute;top:4px;right:5px;color:#3fbf6f}.clue-bubble--locked{cursor:default;justify-content:center;color:#344e7852;background:#f0f5fcb3;box-shadow:inset 0 0 0 1.5px #344e781f;animation:none}.clue-lock{color:#344e7866}.hook-card.is-compact-card{flex-direction:row;align-items:center;gap:6px;padding:6px 10px;border-radius:14px}.hook-compact-value{font-weight:800;font-size:14px;color:var(--clue-primary);filter:brightness(.8)}@media (max-width: 899.98px){.clue-counter{display:none}.clue-zone{margin-top:2px;padding-top:14px}.hook-card{padding:9px 12px 8px;gap:3px}.clue-main{gap:6px}.clue-track{margin-inline:-12px}.clue-row{gap:6px}.clue-bubble{aspect-ratio:auto;height:42px;max-width:60px;padding:4px;border-radius:14px}.clue-bubble-order{font-size:12px;top:2px;left:6px}}@media (max-width: 899.98px) and (max-height: 700px){.hook-card.is-hero .hook-question,.hook-card.is-hero .hook-source{display:none}.hook-card.is-hero{padding-bottom:12px}}@media (prefers-reduced-motion: reduce){.hook-card,.clue-bubble,.clue-icon.is-animated{animation:none;opacity:1;transform:none}}