.gv-frame{aspect-ratio:16/10;isolation:isolate;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#10204a;border-radius:26px;width:100%;max-height:calc(100svh - 120px);position:relative;overflow:hidden;box-shadow:0 6px #1d2b4f2e,0 16px 36px #1d2b4f33}@media (width<=640px){.gv-frame{aspect-ratio:3/4;border-radius:20px;max-height:calc(100svh - 110px)}}.gv-frame:fullscreen,.gv-frame.is-pseudo-fs{z-index:1000;aspect-ratio:auto;border-radius:0;width:100vw;height:100dvh;max-height:none;position:fixed;inset:0}.gv-frame:-webkit-full-screen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh;max-height:none}.gv-cover{z-index:3;place-items:center;display:grid;position:absolute;inset:0}.gv-cover__img{object-fit:cover;filter:saturate(1.05);width:100%;height:100%;position:absolute;inset:0}.gv-cover__shade{background:radial-gradient(circle at 50% 60%,#10204a26 0%,#10204a8c 100%);position:absolute;inset:0}.gv-cover__panel{text-align:center;-webkit-backdrop-filter:blur(6px);background:#ffffffe6;border-radius:26px;flex-direction:column;align-items:center;gap:12px;max-width:min(90%,420px);padding:18px 26px 20px;display:flex;position:relative;box-shadow:0 10px 30px #00000040}.gv-cover__panel h2{margin:0;font-size:clamp(1.4rem,3.4vw,2.1rem)}.gv-cover__panel p{color:var(--ink-soft);margin:0;font-weight:700}.gv-play{--b:var(--green);--bd:var(--green-d);min-width:190px;min-height:66px;font-size:1.6rem;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.gv-frame.is-started .gv-cover{display:none}.gv-frame.is-loading .gv-cover{visibility:hidden}.gv-stage{z-index:1;font-family:var(--font-body);color:var(--ink);position:absolute;inset:0;overflow:hidden;container:stage/size}.gv-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.gv-shellhud{z-index:6;gap:8px;display:flex;position:absolute;top:10px;right:10px}.gv-iconbtn{width:46px;height:46px;color:var(--ink);cursor:pointer;background:#ffffffe6;border:0;border-radius:14px;place-items:center;font-size:1.15rem;font-weight:800;display:grid;box-shadow:0 3px #1d2b4f40}.gv-iconbtn:active{transform:translateY(2px);box-shadow:0 1px #1d2b4f40}.gv-overlay{z-index:8;-webkit-backdrop-filter:blur(3px);background:#10204a99;place-items:center;padding:14px;display:grid;position:absolute;inset:0;overflow:auto}.gv-overlay[hidden]{display:none}.gv-overlay.is-soft{background:#10204a}.gv-card{text-align:center;background:#fff;border-radius:26px;width:min(100%,460px);max-height:100%;padding:20px 22px 22px;animation:.35s cubic-bezier(.3,1.5,.6,1) pop-in;position:relative;overflow:auto;box-shadow:0 14px 40px #0000004d}.gv-card h2{margin:0 0 12px}.gv-card h3{margin:14px 0 6px;font-size:1.05rem}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.gv-row{justify-content:center;gap:10px;margin-top:12px;display:flex}.gv-row--wrap{flex-wrap:wrap}.gv-btn{--b:#fff;--bd:#c9d6ea;background:var(--b);min-height:48px;color:var(--ink);font-family:var(--font-head);cursor:pointer;box-shadow:0 4px 0 var(--bd), inset 0 0 0 2px var(--bd);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.gv-btn:hover{color:var(--ink);filter:brightness(1.04)}.gv-btn:active{box-shadow:0 1px 0 var(--bd), inset 0 0 0 2px var(--bd);transform:translateY(3px)}.gv-btn--primary{--b:var(--green);--bd:var(--green-d);color:#fff;box-shadow:0 4px 0 var(--bd)}.gv-btn--primary:hover{color:#fff}.gv-btn--blue{--b:var(--blue);--bd:var(--blue-d);color:#fff;box-shadow:0 4px 0 var(--bd)}.gv-btn--blue:hover{color:#fff}.gv-btn--ghost{--b:transparent;box-shadow:inset 0 0 0 2px #d9e5f5}.gv-btn--big{min-height:58px;padding:8px 28px;font-size:1.3rem}.gv-btn[disabled]{opacity:.5;pointer-events:none}.gv-link{margin-top:6px;font-weight:800;display:inline-block}.gv-settings{text-align:left;border-top:2px solid #eef2f8;margin-top:16px;padding-top:8px}.gv-setting{justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-weight:700;display:flex}.gv-setting--col{flex-direction:column;align-items:stretch}.gv-toggle{min-width:72px;min-height:40px;font-family:var(--font-head);cursor:pointer;color:var(--ink-soft);background:#e3e9f3;border:0;border-radius:999px;font-weight:650}.gv-toggle[aria-checked=true]{background:var(--green);color:#fff}.gv-seg{background:#eef2f8;border-radius:999px;gap:4px;padding:4px;display:flex}.gv-seg__btn{min-height:38px;font-family:var(--font-head);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;font-weight:600}.gv-seg__btn[aria-checked=true]{color:var(--ink);background:#fff;box-shadow:0 2px 6px #0000001a}.gv-results__title{color:var(--blue-d);font-size:clamp(1.7rem,5vw,2.3rem)}.gv-stars{justify-content:center;gap:6px;margin:2px 0 8px;display:flex}.gv-star{color:#dfe6f1;text-shadow:0 3px #00000014;font-size:3.2rem;line-height:1}.gv-star:nth-child(2){font-size:3.9rem;transform:translateY(-8px)}.gv-star.is-on{color:#ffbe0b;text-shadow:0 3px #d99b00,0 0 18px #ffbe0b8c;animation:.45s cubic-bezier(.3,1.8,.5,1) star-pop}.gv-star:nth-child(2).is-on{animation-name:star-pop-mid}@keyframes star-pop{0%{transform:scale(.2)rotate(-40deg)}to{transform:scale(1)rotate(0)}}@keyframes star-pop-mid{0%{transform:translateY(-8px)scale(.2)rotate(-40deg)}to{transform:translateY(-8px)scale(1)rotate(0)}}.gv-results__score{margin:0;font-size:1.1rem}.gv-results__summary{color:var(--green-d);margin:6px 0 0;font-weight:800}.gv-badge{font-family:var(--font-head);border-radius:999px;margin:8px 0 0;padding:4px 12px;font-weight:650;display:inline-block}.gv-badge--best{color:#8a5a00;background:#fff1c2}.gv-learned{text-align:left;max-width:360px;margin:0 auto;padding:0;list-style:none}.gv-learned li{padding:4px 0 4px 30px;position:relative}.gv-learned li:before{content:"✓";background:var(--green);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.8rem;font-weight:900;display:grid;position:absolute;top:3px;left:4px}.gv-newstickers{background:#fff8e1;border-radius:18px;margin-top:12px;padding:10px}.gv-newstickers__grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.gv-newstickers figure{margin:0;animation:.5s cubic-bezier(.3,1.8,.5,1) 1.4s both pop-in}.gv-newstickers figcaption{font-family:var(--font-head);font-size:.9rem;font-weight:600}.gv-sticker-img{width:72px;height:72px;margin:0 auto}.gv-loading{text-align:center;color:#fff;font-family:var(--font-head);font-size:1.2rem}.gv-loading__beep{background:radial-gradient(circle at 34% 46%,#5ef2ff 0 7%,#0000 8%),radial-gradient(circle at 66% 46%,#5ef2ff 0 7%,#0000 8%),radial-gradient(#18233f 0 46%,#0000 47%),#f4f7fb;border-radius:46% 46% 44% 44%;width:88px;height:80px;margin:0 auto 10px;animation:1.2s ease-in-out infinite float;box-shadow:inset -6px -8px #00000014,0 0 0 6px #3a86ff66}.gv-toast{z-index:7;font-family:var(--font-head);color:#fff;background:var(--blue);box-shadow:0 4px 0 var(--blue-d);white-space:nowrap;pointer-events:none;border-radius:999px;padding:10px 20px;font-size:clamp(1.05rem,2.6vw,1.4rem);font-weight:650;transition:opacity .35s,transform .35s;animation:.3s cubic-bezier(.3,1.6,.6,1) toast-in;position:absolute;top:18%;left:50%;transform:translate(-50%)}.gv-toast--good{background:var(--green);box-shadow:0 4px 0 var(--green-d)}.gv-toast--bad{background:var(--red);box-shadow:0 4px #c22d52}.gv-toast.is-out{opacity:0;transform:translate(-50%,-16px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}}.gv-float{z-index:7;font-family:var(--font-head);text-shadow:0 2px #00000059,0 0 8px #00000040;pointer-events:none;white-space:nowrap;font-size:1.35rem;font-weight:700;animation:1s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{to{opacity:0;transform:translate(-50%,-150%)}}.gv-bubble{z-index:7;width:max-content;max-width:min(92%,560px);color:var(--ink);background:#fff;border-radius:20px;align-items:center;gap:10px;padding:12px 16px;font-size:clamp(.98rem,2.3vw,1.12rem);font-weight:700;line-height:1.35;transition:opacity .3s;animation:.3s cubic-bezier(.3,1.5,.6,1) pop-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px #1d2b4f26,0 10px 24px #0003}.gv-bubble--top{top:66px}.gv-bubble--bottom{bottom:16px}.gv-bubble.is-out{opacity:0}.gv-bubble b,.gv-bubble strong{color:var(--blue-d)}.gv-bubble__speak{cursor:pointer;background:#eaf2ff;border:0;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:1.1rem}.gv-confetti{pointer-events:none;z-index:9;position:absolute;inset:0;overflow:hidden}.gv-confetti i{border-radius:2px;width:9px;height:14px;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes confetti-fall{to{top:105%;transform:rotate(720deg)translate(40px)}}.gv-mockad{z-index:20;background:#2b2d42;place-items:center;display:grid;position:absolute;inset:0}.gv-mockad__box{color:#edf2f4;font-family:var(--font-head);border:3px dashed #8d99ae;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:30px 40px;display:flex}.gv-mockad__box strong{font-size:2rem}.gv-hud{z-index:5;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:120px}.gv-pill{min-height:40px;font-family:var(--font-head);white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:1.1rem;font-weight:650;display:inline-flex;box-shadow:0 3px #1d2b4f33}.gv-pill--big{font-size:1.3rem}.gv-hearts{color:var(--pink);letter-spacing:2px}.gv-hearts .is-lost{color:#d8dfea}.gv-meter{z-index:5;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:58px;display:flex;position:absolute;top:64px;bottom:18px;left:12px}.gv-meter__track{background:linear-gradient(180deg, #ff9f1c 0%, #ffb703 var(--hi), #06d6a0 var(--hi), #06d6a0 var(--lo), #ef476f var(--lo), #ef476f 100%);border-radius:999px;flex:1;width:26px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #ffffffe6,0 4px 0 4px #1d2b4f2e}.gv-meter__mark{height:6px;box-shadow:0 0 0 2px var(--ink);background:#fff;border-radius:4px;margin-top:-3px;transition:top .25s ease-out;position:absolute;left:-6px;right:-6px}.gv-meter__val{min-width:58px;font-family:var(--font-head);text-align:center;background:#fff;border-radius:12px;padding:4px 6px;font-size:.85rem;font-weight:700;line-height:1.1;box-shadow:0 3px #1d2b4f33}.gv-meter__val.is-low{background:var(--red);color:#fff}.gv-meter__val.is-high{background:var(--amber)}.gv-meter__val.is-in{background:var(--green);color:#fff}.gv-meter__arrow{font-size:1.1rem}.gv-labels{z-index:4;pointer-events:none;position:absolute;inset:0}.gv-label{font-family:var(--font-head);white-space:nowrap;background:#fffffff2;border-radius:999px;padding:2px 9px;font-size:.95rem;font-weight:700;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px #1d2b4f33}.gv-label--low{color:#037a5a;background:#e7fbf4}.gv-label--fast{color:#c22d52;background:#fff1f4}.gv-choices{grid-template-columns:repeat(auto-fit,minmax(min(140px,42%),1fr));gap:10px;width:100%;display:grid}.gv-choice{min-height:56px;font-family:var(--font-head);color:var(--ink);cursor:pointer;background:#fff;border:3px solid #dfe8f5;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 10px 12px;font-size:1.02rem;font-weight:600;transition:transform .1s,border-color .15s,background .15s;display:flex;box-shadow:0 4px #dfe8f5}.gv-choice img{width:76px;height:76px}.gv-choice:hover{border-color:var(--blue)}.gv-choice:active{transform:translateY(3px)}.gv-choice[aria-pressed=true]{border-color:var(--blue);background:#eaf2ff}.gv-choice.is-right{border-color:var(--green);box-shadow:0 4px 0 var(--green-d);background:#e7fbf4}.gv-choice.is-wrong{border-color:var(--red);background:#fff1f4;animation:.4s shake;box-shadow:0 4px #c22d52}.gv-choice[disabled]{cursor:default}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.gv-panel{z-index:6;text-align:center;background:#fffffff5;border-radius:24px;width:min(96%,720px);max-height:64%;padding:14px 16px 16px;animation:.35s cubic-bezier(.3,1.4,.6,1) panel-in;position:absolute;bottom:12px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,30px)}}.gv-panel h2{margin:0 0 10px;font-size:clamp(1.15rem,3vw,1.5rem)}.gv-panel p{margin:0 0 10px}.gv-panel__q{justify-content:center;align-items:center;gap:10px;display:flex}.qz{background:linear-gradient(160deg,#eaf3ff 0%,#fdf3ff 100%);grid-template-columns:minmax(150px,32%) minmax(0,1fr);display:grid;position:absolute;inset:0;container-type:size}@container stage (aspect-ratio<=1){.qz{grid-template-rows:minmax(110px,26%) minmax(0,1fr);grid-template-columns:1fr}}.qz__host{min-height:0;position:relative}.qz__main{flex-direction:column;justify-content:safe center;gap:12px;min-height:0;padding:60px 16px 14px;display:flex;position:relative;overflow:auto}.qz__progress{gap:5px;margin-right:110px;display:flex}@container stage (aspect-ratio<=1){.qz__progress{margin-right:0}}.qz__progress i{background:#dbe5f3;border-radius:999px;flex:1;height:9px}.qz__progress i.is-right{background:var(--green)}.qz__progress i.is-wrong{background:var(--red)}.qz__progress i.is-now{background:var(--blue)}.qz__q{align-items:flex-start;gap:12px;display:flex}.qz__q h2{margin:0;font-size:clamp(1.2rem,3.2vw,1.75rem);line-height:1.25}.qz__speak{cursor:pointer;background:#fff;border:0;border-radius:50%;flex-shrink:0;width:46px;height:46px;font-size:1.2rem;box-shadow:0 3px #1d2b4f26}.qz__img{align-self:center;width:clamp(80px,18vh,140px);height:clamp(80px,18vh,140px)}.qz__answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=480px){.qz__answers{grid-template-columns:1fr}}.qz__answers .gv-choice{text-align:left;flex-direction:row;justify-content:flex-start;min-height:60px;font-size:clamp(.98rem,2.2vw,1.12rem)}.qz__key{width:30px;height:30px;color:var(--ink-soft);background:#eef3fa;border-radius:10px;flex-shrink:0;place-items:center;font-size:.9rem;display:grid}.qz__main.is-answered .qz__img{display:none}.qz__explain{border:3px solid var(--green);text-align:left;background:#fff;border-radius:18px;padding:12px 16px;font-weight:700;animation:.3s pop-in}.qz__explain.is-wrong{border-color:var(--amber)}.qz__explain p{margin:0 0 8px}.qz__tf{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qz__tf .gv-choice{min-height:74px;font-size:1.3rem}.qz__statement{font-family:var(--font-head);text-align:center;touch-action:pan-y;background:#fff;border-radius:22px;padding:20px 18px;font-size:clamp(1.2rem,3.4vw,1.7rem);font-weight:600;line-height:1.3;transition:transform .25s;box-shadow:0 6px #1d2b4f1f}@container stage (aspect-ratio<=1){.qz__main{justify-content:flex-start;padding-top:14px}}@container (height<=470px){.qz__img{width:64px;height:64px}.qz__q h2{font-size:1.15rem}.qz__answers .gv-choice{min-height:46px;padding:6px 8px}.qz__main{gap:8px}}@container (height<=340px){.qz__img{display:none}}.mm{background:radial-gradient(circle at 50% 30%,#fff8e6 0%,#ffe3b3 100%);flex-direction:column;justify-content:center;align-items:center;padding:64px 12px 12px;display:flex;position:absolute;inset:0}.mm__grid{gap:clamp(6px,1.4vw,12px);width:100%;max-width:900px;height:100%;display:grid}.mm__card{perspective:600px;cursor:pointer;background:0 0;border:0;min-width:0;min-height:0;padding:0;position:relative}.mm__inner{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,1.3,.6,1);position:absolute;inset:0}.mm__card.is-up .mm__inner,.mm__card.is-done .mm__inner{transform:rotateY(180deg)}.mm__face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:clamp(10px,1.6vw,18px);place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 4px #1d2b4f2e}.mm__back{background:radial-gradient(circle,#ffffff59 0 22%,#0000 23%),linear-gradient(135deg,#3a86ff,#8b5cf6);border:4px solid #fff}.mm__back:after{content:"";aspect-ratio:1;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);opacity:.9;background:#fff;width:34%}.mm__front{background:#fff;border:4px solid #fff;transform:rotateY(180deg)}.mm__front img{object-fit:contain;width:82%;height:82%}.mm__card.is-done .mm__front{border-color:var(--green);animation:.5s matched}@keyframes matched{50%{transform:rotateY(180deg)scale(1.08)}}.kp-list{z-index:5;pointer-events:none;background:#fffffff0;border-radius:18px;width:min(44%,240px);padding:10px 12px;position:absolute;top:62px;left:10px;box-shadow:0 4px #1d2b4f26}.kp-list h3{margin:0 0 6px;font-size:1rem}.kp-list ul{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.kp-list li{aspect-ratio:1;background:#f1f5fb;border-radius:12px;place-items:center;display:grid;position:relative}.kp-list li img{width:90%;height:90%}.kp-list li.is-packed:after{content:"✓";background:var(--green);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:900;display:grid;position:absolute;top:-4px;right:-4px}.kp-zone{z-index:4;pointer-events:none;border:4px dashed #fffffff2;border-radius:22px;position:absolute;box-shadow:0 0 0 9999px #10204a14}.cc-target{z-index:5;text-align:center;pointer-events:none;background:#fffffff2;border-radius:20px;width:min(46%,380px);padding:8px 12px 10px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px #1d2b4f26}.cc-target__meal{font-family:var(--font-head);font-size:1.05rem;font-weight:650}.cc-time{background:#eef3fa;border-radius:999px;margin-left:6px;padding:0 8px;display:inline-block}.cc-time.is-low{background:var(--red);color:#fff}.cc-bar{background:#e8eef7;border-radius:999px;height:22px;margin-top:6px;position:relative;overflow:hidden}.cc-bar__fill{background:linear-gradient(90deg,#ffd166,#ff9f1c);border-radius:999px;width:0;transition:width .25s ease-out;position:absolute;inset:0 auto 0 0}.cc-bar__goal{border-left:3px solid var(--green);border-right:3px solid var(--green);background:#06d6a059;position:absolute;top:0;bottom:0}.cc-bar__txt{font-family:var(--font-head);place-items:center;font-size:.95rem;font-weight:700;display:grid;position:absolute;inset:0}.ik-energy{font-family:var(--font-head);white-space:nowrap;pointer-events:none;background:#fffffff0;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px #1d2b4f2e}.ik-energy b{background:#e3e9f3;border-radius:999px;width:clamp(36px,7cqw,64px);height:10px;display:block;overflow:hidden}.ik-energy i{background:var(--green);border-radius:999px;width:50%;height:100%;display:block}.ik-actions{z-index:6;gap:10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.gv-meter--right{inset:70px 12px 70px auto}.ik-keys{gap:2px;display:inline-flex}.ik-keys i{font-style:normal}.ik-keys i.is-used{opacity:.25}.hh-thought{z-index:5;letter-spacing:4px;pointer-events:none;background:#fff;border-radius:20px 20px 4px;padding:6px 12px;font-size:clamp(1.4rem,4cqw,2rem);animation:2.4s ease-in-out infinite float;position:absolute;top:0;left:0;translate:-100% -100%;box-shadow:0 4px #1d2b4f26}.hh-note{min-height:1.4em;color:var(--ink-soft);font-weight:700;margin:10px 0 0!important}.hh-note:empty{display:none}.hh-clock{font-size:3rem;line-height:1}.hh-symptoms{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hh-symptoms .gv-choice{flex-direction:row;min-height:48px;padding:6px 14px;font-size:1rem}.hh-wait{flex-direction:column;align-items:center;gap:8px;display:flex}.hh-wait__bar{background:#e8eef7;border-radius:999px;width:100%;height:16px;overflow:hidden}.hh-wait__bar i{background:linear-gradient(90deg, var(--blue), var(--green));width:0;height:100%;display:block}.rr-graph{width:100%;max-width:380px;margin:8px auto 0;display:block}.rr-touchhint{z-index:5;text-align:center;width:max-content;max-width:calc(100% - 24px);font-family:var(--font-head);pointer-events:none;background:#ffffffe6;border-radius:999px;margin:0 auto;padding:8px 16px;font-weight:650;animation:1.6s infinite pulse;position:absolute;bottom:18%;left:0;right:0}.rr-vignette{z-index:2;pointer-events:none;transition:box-shadow .4s;position:absolute;inset:0}.rr-vignette.is-low{animation:1s ease-in-out infinite vignette-pulse;box-shadow:inset 0 0 70px 10px #ef476f8c}.rr-vignette.is-high{box-shadow:inset 0 0 60px 6px #ffb70373}@keyframes vignette-pulse{50%{box-shadow:inset 0 0 90px 18px #ef476fb3}}.rr-time{min-width:96px}@container stage (width<=620px){.cc-target{width:min(92%,380px);top:62px}.gv-toast{white-space:normal;text-align:center;max-width:90%;top:38%}.kp-list{width:min(60%,220px)}}.cg-badges{z-index:5;pointer-events:none;position:absolute;inset:0}.cg-badge{background:var(--purple);color:#fff;width:44px;height:44px;font-family:var(--font-head);cursor:pointer;pointer-events:auto;border:3px solid #fff;border-radius:50%;place-items:center;margin:-22px 0 0 -22px;padding:0;font-size:1.25rem;font-weight:700;transition:transform .15s,background .15s,opacity .3s;display:grid;position:absolute;box-shadow:0 3px #1d2b4f40,0 6px 14px #1d2b4f33}.cg-badge.is-hidden{opacity:0;pointer-events:none;transform:scale(.4)}.cg-badge.is-pick{animation:1.1s ease-in-out infinite cg-pulse}.cg-badge.is-hot{background:var(--blue);transform:scale(1.18)}.cg-badge.is-wrong{background:var(--red);animation:.4s shake}.cg-badge.is-solved{border-color:var(--green);cursor:default;background:#fff;animation:.35s cubic-bezier(.3,1.5,.6,1) pop-in}.cg-badge.is-solved img{width:34px;height:34px}@keyframes cg-pulse{50%{transform:scale(1.12);box-shadow:0 0 0 6px #8b5cf64d,0 6px 14px #1d2b4f33}}.cg-tick,.cg-sky,.cg-yval,.cg-zone{font-family:var(--font-head);white-space:nowrap;pointer-events:none;font-weight:650;position:absolute;transform:translate(-50%)}.cg-tick{color:#4a5a80;font-size:.8rem}.cg-sky{font-size:.85rem;line-height:1;transform:translate(-50%,-50%)}.cg-yval{font-size:.78rem;font-weight:700;transform:translate(-100%,-50%)}.cg-yval--high{color:#b86e00}.cg-yval--low{color:#c22d52}.cg-yval--unit{color:#6b7a99;font-size:.66rem;transform:translate(-100%)}.cg-zone{opacity:.85;border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:700;transform:translateY(-50%)}.cg-zone--high{color:#b86e00;background:#fff1d6}.cg-zone--low{color:#c22d52;background:#ffe3ea}.cg-tip{z-index:6;background:var(--ink);color:#fff;font-family:var(--font-head);white-space:nowrap;pointer-events:none;border-radius:10px;padding:3px 9px;font-size:.85rem;font-weight:650;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.cg-tip.is-low{background:#c22d52}.cg-tip.is-high{background:#b86e00}.cg-tray{z-index:6;background:#fffffff2;border-radius:22px;flex-direction:column;gap:8px;width:min(96%,780px);padding:8px 12px 10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.cg-explain{text-align:start;align-items:center;gap:10px;min-height:2.8em;margin:0;font-size:clamp(.88rem,2.1vw,1.02rem);font-weight:700;line-height:1.3;display:flex}.cg-explain.is-good{color:#037a5a}.cg-explain.is-bad{color:#b02a4c}.cg-cards{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.cg-card{width:92px;min-height:82px;font-family:var(--font-head);color:var(--ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #dfe8f5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 4px 6px;font-size:.85rem;font-weight:600;line-height:1.1;transition:transform .1s,border-color .15s,opacity .15s;display:flex;box-shadow:0 4px #dfe8f5}.cg-card img{pointer-events:none;width:50px;height:50px}.cg-card:hover{border-color:var(--blue)}.cg-card[aria-pressed=true]{border-color:var(--blue);background:#eaf2ff;transform:translateY(-4px)}.cg-card.is-dragging{opacity:.35}.cg-ghost{z-index:8;border-color:var(--blue);pointer-events:none;margin:0;position:absolute;transform:translate(-50%,-70%)rotate(-5deg)scale(1.08);box-shadow:0 12px 26px #1d2b4f4d}.cg-tray.is-side{justify-content:flex-start;width:clamp(180px,29%,270px);inset:60px 10px 10px auto;overflow:auto;transform:none}.cg-tray.is-side .cg-explain,.cg-tray.is-side .cg-cards{flex-shrink:0}.cg-tray.is-side .cg-explain{align-items:flex-start;min-height:7.8em}.cg-tray.is-side .cg-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.cg-tray.is-side .cg-card{width:auto}.cg-tray.is-side .cg-cards>.gv-btn{grid-column:1/-1}@container stage (height<=470px){.cg-tray.is-side .cg-explain{min-height:6.6em;font-size:.84rem}.cg-tray.is-side .cg-card{min-height:66px;font-size:.75rem}.cg-tray.is-side .cg-card img{width:36px;height:36px}}@container stage (width<=620px){.cg-hud,.bp-hud{flex-wrap:nowrap}.cg-hud .gv-pill:first-child,.bp-hud .gv-pill:first-child{text-overflow:ellipsis;min-width:0;line-height:28px;display:block;overflow:hidden}.cg-hud .gv-pill{min-height:36px;padding:4px 11px;font-size:.95rem}.cg-tray{gap:6px;width:calc(100% - 12px);padding:6px 8px 8px;bottom:6px}.cg-explain{min-height:3.9em;font-size:.84rem}.cg-card{width:70px;min-height:66px;font-size:.72rem}.cg-card img{width:36px;height:36px}.cg-tick,.cg-yval{font-size:.66rem}.cg-zone{font-size:.6rem}}.bp-note{z-index:6;text-align:start;background:#fffffff2;border-radius:20px;align-items:center;gap:10px;margin:0;padding:8px 12px;font-size:clamp(.86rem,2vw,1rem);font-weight:700;line-height:1.3;display:flex;position:absolute;top:10px;left:200px;right:118px;box-shadow:0 4px #1d2b4f26}.bp-note.is-good{color:#037a5a}.bp-note.is-bad{color:#b02a4c}.bp-secs{z-index:5;pointer-events:none;position:absolute;inset:0}.bp-sec{transform:var(--tx,translate(-50%, -50%));min-height:44px;font-family:var(--font-head);white-space:nowrap;cursor:pointer;pointer-events:auto;border:3px solid;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;font-weight:650;transition:transform .15s;display:inline-flex;position:absolute;box-shadow:0 3px #1d2b4f2e}.bp-sec kbd{min-width:20px;height:20px;font:inherit;background:#ffffffd9;border-radius:6px;place-items:center;padding:0 4px;font-size:.75rem;display:inline-grid}.bp-sec--veg{color:#1b6b3a;background:#d8f3dc;border-color:#52b788}.bp-sec--protein{color:#b02a4c;background:#ffe0e9;border-color:#ff8fab}.bp-sec--carbs{color:#8a5a00;background:#fff1c1;border-color:#ffbe0b}.bp-sec.is-pick{animation:1.1s ease-in-out infinite bp-pulse}.bp-sec.is-hot{transform:var(--tx,translate(-50%, -50%)) scale(1.12)}@keyframes bp-pulse{50%{box-shadow:0 0 0 6px #3a86ff59,0 3px #1d2b4f2e}}.bp-panel{width:auto;padding:10px 14px}.bp-hud .gv-pill:last-child{justify-content:center;min-width:92px}@container stage (width<=620px){.bp-hud .gv-pill{min-height:36px;padding:4px 11px;font-size:.95rem}.bp-hud .gv-pill:last-child{flex-shrink:0;min-width:0}.bp-note{font-size:.84rem}.bp-sec{gap:4px;padding:4px 9px;font-size:.8rem}}
