:root{--sand:#f1db9e;--coral:#ef8354;--sky:#357ca5;--sage:#729b60;--slate:#344657;--cream:#fff7e6;--ink:#5a3d2b;--cream2:#f6e8c8}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;width:100%;overflow:hidden;background:#e9cf91;
 background-image:radial-gradient(circle at 20% 30%,#f1db9e 0 8px,transparent 9px),radial-gradient(circle at 70% 70%,#efc98a 0 10px,transparent 11px);background-size:90px 90px,120px 120px;
 font-family:MpFontDisplay,"PingFang SC","Hiragino Sans","Noto Sans CJK SC","Noto Sans CJK JP","Microsoft YaHei",sans-serif;color:var(--slate);user-select:none;-webkit-user-select:none}
#app{position:relative;width:min(100%,520px);height:100%;margin:0 auto;overflow:hidden;background:var(--cream);font-size:clamp(13px,3.7vw,17px);touch-action:none;box-shadow:0 0 0 2px var(--ink),0 0 40px rgba(90,61,43,.3)}
#stage{position:absolute;inset:0}
#stage canvas{display:block}
.hidden{display:none!important}
button{font-family:inherit;color:inherit;cursor:pointer}
.panel{background:var(--cream);border:2px solid var(--ink);border-radius:16px;box-shadow:0 3px 0 rgba(90,61,43,.25)}
#hud{position:absolute;left:0;right:0;top:0;padding:8px;display:flex;gap:8px;align-items:flex-start;pointer-events:none;z-index:5}
#badge{display:flex;align-items:center;gap:6px;padding:6px 10px;min-width:92px;height:62px}
#badgeIcon{font-size:34px;line-height:1}
#badgeTxt{display:flex;flex-direction:column;line-height:1.1}
#badgeTxt small{font-size:.7em;letter-spacing:1px;opacity:.7;white-space:nowrap}
#badgeTxt b{font-size:1.5em;white-space:nowrap}
#stats{flex:1;padding:6px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.srow{display:flex;align-items:center;gap:6px;height:22px}
.srow .ico{width:22px;height:22px;flex:none;font-size:17px;text-align:center;line-height:22px}
.srow img{width:22px;height:22px}
.srow .tr{flex:1;height:11px;border:2px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden;position:relative}
.srow .tr i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transition:width .5s}
.srow .nm{width:26px;text-align:right;font-size:.85em;font-weight:700}
.srow .lb{font-size:.62em;width:0;overflow:hidden}
#gear{position:absolute;left:8px;top:76px;pointer-events:auto;width:44px;height:44px;font-size:22px}
.round{border:2px solid var(--ink);background:var(--cream);border-radius:50%;box-shadow:0 3px 0 rgba(90,61,43,.25);display:flex;align-items:center;justify-content:center;padding:0}
#fruitNote{position:absolute;left:60px;top:80px;font-size:.78em;background:rgba(255,247,230,.92);border:1.5px solid var(--ink);border-radius:12px;padding:3px 8px;max-width:50%}
#bottom{position:absolute;left:0;right:0;bottom:0;padding:6px 8px calc(8px + env(safe-area-inset-bottom));z-index:5}
#apRow{display:flex;align-items:center;gap:8px;margin:0 0 5px 2px;font-size:.85em}
#apLbl{background:var(--cream);border:2px solid var(--ink);border-radius:10px;padding:2px 8px;font-weight:700}
#apPips i{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid var(--ink);background:var(--coral);margin-right:5px;vertical-align:middle}
#apPips i.off{background:#fff;opacity:.6}
#actRow{display:flex;gap:8px;align-items:center}
#acts{flex:1;display:flex;gap:7px;overflow-x:auto;padding:3px 3px 6px;min-width:0;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}
#acts::-webkit-scrollbar{display:none}
.act{flex:none;width:68px;height:86px;border:2px solid var(--ink);background:var(--cream);border-radius:14px;box-shadow:0 3px 0 rgba(90,61,43,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:2px;position:relative}
.act img{width:42px;height:42px}
.act .em{font-size:34px;line-height:42px;height:42px}
.act span{font-size:.78em;font-weight:700;text-align:center;line-height:1.1}
.act:active{transform:translateY(2px)}
.act.dis{opacity:.45;filter:grayscale(.5)}
.act .lk{position:absolute;right:3px;top:2px;font-size:14px}
#nextBtn{flex:none;width:80px;height:80px;border-radius:50%;border:3px solid #fff7e6;outline:2px solid var(--ink);background:var(--coral);color:#fff7e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:.8em;box-shadow:0 4px 0 rgba(90,61,43,.35);line-height:1.1;padding:0 4px}
#nextBtn:active{transform:translateY(2px)}
#nextTxt{text-align:center}
#toast{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);background:rgba(52,70,87,.92);color:#fff7e6;border-radius:14px;padding:8px 14px;font-size:.9em;max-width:90%;text-align:center;opacity:0;transition:opacity .25s;pointer-events:none;z-index:30}
#toast.on{opacity:1}
#layer{position:absolute;inset:0;z-index:20;pointer-events:none}
#layer>*{pointer-events:auto}
.modal{position:absolute;inset:0;background:rgba(52,70,87,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.box{background:var(--cream);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 rgba(90,61,43,.3);padding:16px;width:100%;max-height:92%;overflow:auto;display:flex;flex-direction:column;gap:10px;touch-action:pan-y}
.box h2{margin:0;font-size:1.3em;text-align:center}
.box p{margin:0;line-height:1.5}
.btn{border:2px solid var(--ink);background:var(--cream);border-radius:14px;min-height:48px;padding:8px 14px;font-size:1em;font-weight:700;box-shadow:0 3px 0 rgba(90,61,43,.3);line-height:1.25}
.btn:active{transform:translateY(2px)}
.btn.pri{background:var(--coral);color:#fff7e6}
.btn.sky{background:var(--sky);color:#fff7e6}
.btn.sage{background:var(--sage);color:#fff7e6}
.btn.good{background:#dff0d4}
.btn.bad{background:#fbd9cb}
.btn[disabled]{opacity:.5}
.btnrow{display:flex;gap:8px;flex-wrap:wrap}
.btnrow .btn{flex:1}
.disc{font-size:.78em;text-align:center;color:var(--slate);opacity:.85;background:#f6e8c8;border-radius:10px;padding:4px 8px}
.langs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.langs button{min-height:44px;min-width:76px;border:2px solid var(--ink);border-radius:14px;background:var(--cream);font-weight:700;font-size:1em;padding:4px 12px}
.langs button.on{background:var(--sky);color:#fff7e6}
.title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(rgba(255,247,230,.55),rgba(255,247,230,0) 40%,rgba(255,247,230,.0) 55%,rgba(255,247,230,.7))}
.logo{font-size:3.2em;font-weight:900;color:var(--coral);text-shadow:0 3px 0 #fff7e6,0 -2px 0 #fff7e6,2px 0 0 #fff7e6,-2px 0 0 #fff7e6,0 6px 0 rgba(90,61,43,.35);letter-spacing:2px;margin-top:6px;text-align:center;max-width:92%;word-break:keep-all;text-wrap:balance;line-height:1.15;font-size:clamp(1.6em,9.5vw,3.2em)}
.sub{background:var(--cream);border:2px solid var(--ink);border-radius:14px;padding:4px 12px;font-size:.9em;text-align:center;margin-top:8px}
.tbtns{display:flex;flex-direction:column;gap:10px;width:min(280px,100%)}
.tbtns .btn{font-size:1.15em}
.tbot{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}
.panelg{position:absolute;inset:10px;background:var(--cream);border:3px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 rgba(90,61,43,.3);display:flex;flex-direction:column;padding:12px;gap:8px;overflow:hidden}
.panelg h2{margin:0;text-align:center;font-size:1.25em}
.hint{background:#e6f1f7;border:2px solid var(--sky);color:var(--slate);border-radius:12px;padding:6px 10px;font-size:.88em;line-height:1.4;text-align:center}
.gbody{flex:1;position:relative;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}
.msg{min-height:2.6em;text-align:center;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1.3;font-size:.95em}
.tile{width:84px;height:84px;border:2px solid var(--ink);background:#fff;border-radius:16px;box-shadow:0 3px 0 rgba(90,61,43,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;position:relative}
.tile .e{font-size:36px;line-height:1.1}
.tile .l{font-size:.72em;font-weight:700;text-align:center;line-height:1.1;padding:0 2px}
.tile.drag{z-index:50;box-shadow:0 8px 12px rgba(0,0,0,.25)}
.grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-content:flex-start;padding:4px}
.target{align-self:center;width:min(230px,70%);aspect-ratio:1.3;border:3px dashed var(--ink);border-radius:50%/45%;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;font-size:30px;padding:10px;transition:background .2s}
.target.hit{background:#dff0d4}
.target.big{border-radius:24px}
.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.pop{animation:pop .4s}
@keyframes pop{50%{transform:scale(1.2)}}
.bubble{position:absolute;width:64px;height:64px;border-radius:50%;border:2px solid var(--sky);background:radial-gradient(circle at 30% 30%,#fff,#bfe0f2);display:flex;align-items:center;justify-content:center;font-size:28px;animation:bub 2.2s linear forwards;touch-action:none}
@keyframes bub{0%{transform:scale(.3);opacity:0}10%{transform:scale(1);opacity:1}85%{opacity:1}100%{transform:scale(1.05);opacity:0}}
.usscr{height:34%;min-height:130px;background:#1f3b47;border:3px solid var(--ink);border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c8f5e8;overflow:hidden;gap:4px}
.usscr .big{font-size:56px;line-height:1}
.usscr .noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 2px,transparent 2px 5px);animation:scan 1s linear infinite}
@keyframes scan{to{background-position:0 10px}}
.usfound{display:flex;gap:6px;justify-content:center}
.chip{border:2px solid var(--ink);border-radius:12px;padding:3px 8px;font-size:.78em;background:#fff;font-weight:700}
.chip.on{background:#dff0d4}
.belly{flex:1;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none}
.bellyo{width:min(300px,86%);aspect-ratio:1.25;background:#f7c9a3;border:3px solid var(--ink);border-radius:50%;position:relative;touch-action:none}
.bellyo:after{content:"";position:absolute;left:50%;top:60%;width:10px;height:10px;border-radius:50%;background:#e3a982;transform:translate(-50%,-50%)}
.probe{position:absolute;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50% 50% 30% 30%;background:var(--sky);border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;font-size:26px;touch-action:none;z-index:5}
.hintring{position:absolute;width:56px;height:56px;margin:-28px;border:3px dashed var(--coral);border-radius:50%;animation:pop 1s infinite}
.cbtn{align-self:center;width:150px;height:150px;border-radius:50%;border:4px solid var(--ink);background:var(--coral);color:#fff7e6;font-size:1.2em;font-weight:900;box-shadow:0 6px 0 rgba(90,61,43,.35);touch-action:none;line-height:1.2;padding:8px;flex:none}
.cbtn.on{transform:translateY(4px) scale(.97);background:#d96b3d;box-shadow:0 2px 0 rgba(90,61,43,.35)}
.cbtn.sky{background:var(--sky)}
canvas.wv{width:100%;height:130px;border:2px solid var(--ink);border-radius:14px;background:#fff;display:block;flex:none}
.ring{align-self:center;width:130px;height:130px;position:relative;flex:none}
.ring .o{position:absolute;inset:0;border-radius:50%;border:3px solid var(--ink);background:#f7c9a3;display:flex;align-items:center;justify-content:center}
.ring .i{border-radius:50%;background:#fff7e6;border:3px solid var(--ink);transition:width .3s,height .3s;display:flex;align-items:center;justify-content:center;font-size:20px}
.ring .lbl{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);background:var(--cream);border:2px solid var(--ink);border-radius:10px;padding:0 8px;font-weight:900;white-space:nowrap}
.note{text-align:center;font-size:.85em;line-height:1.35;min-height:2.7em}
.mw{text-align:center;font-size:.85em;color:var(--sage);font-weight:700;min-height:2.4em;line-height:1.3}
.trk{height:26px;border:2px solid var(--ink);border-radius:14px;background:#fff;position:relative;flex:none}
.trk i{position:absolute;left:0;top:0;bottom:0;background:var(--sage);border-radius:12px;transition:width .2s}
.trk b{position:absolute;top:-4px;font-size:26px;line-height:1;transform:translateX(-50%)}
.rec{font-size:.82em;line-height:1.5;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:6px 10px;min-height:5.2em;max-height:7em;overflow:auto}
.crit{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.card{background:#fffdf5;border:3px solid var(--sky);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:6px}
.card h3{margin:0;color:var(--sky);font-size:1.2em}
.card p{margin:0;line-height:1.55;font-size:.95em}
.card .ic{font-size:30px}
.bg-photo{position:relative;height:150px;border:3px solid var(--ink);border-radius:10px;overflow:hidden;background-size:cover;background-position:center}
.pol{background:#fff;padding:6px 6px 4px;border:2px solid var(--ink);border-radius:6px;box-shadow:0 3px 0 rgba(90,61,43,.25);text-align:center;font-size:.78em;font-weight:700;width:calc(50% - 6px)}
.pol .bg-photo{height:120px;border-width:1.5px;margin-bottom:4px}
.pol .bg-photo img{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);height:118%}
.alb{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.opts{display:flex;flex-direction:column;gap:8px}
.opts .btn{text-align:left}
.cgrid{display:flex;flex-direction:column;gap:6px}
.cg{display:flex;align-items:center;gap:10px;border:2px solid var(--ink);border-radius:12px;background:#fff;padding:8px 10px;min-height:48px;text-align:left;font-weight:700}
.cg.lk{opacity:.5}
.cgh{font-weight:900;color:var(--sky);margin-top:6px}
.swipe{position:relative;flex:1;display:flex;align-items:center;justify-content:center;touch-action:none}
.cradle{width:220px;height:150px;border:3px solid var(--ink);border-radius:20px 20px 110px 110px;background:#f3b79d;position:relative;display:flex;align-items:flex-start;justify-content:center;transition:transform .15s}
.cradle img{width:150px;margin-top:-62px}
.therm{align-self:center;width:70px;flex:1;min-height:200px;border:3px solid var(--ink);border-radius:35px;background:#fff;position:relative;touch-action:none;overflow:hidden}
.therm .zone{position:absolute;left:0;right:0;background:rgba(114,155,96,.45)}
.therm .fill{position:absolute;left:14px;right:14px;bottom:0;background:var(--coral);border-radius:12px}
.therm .knob{position:absolute;left:4px;right:4px;height:20px;border:3px solid var(--ink);background:#fff7e6;border-radius:10px;margin-bottom:-10px}
.babyimg{width:120px;align-self:center}
.dropbaby{align-self:center;width:130px;height:130px;position:relative;touch-action:none}
.zone{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px dashed var(--ink);border-radius:18px;background:#fff;padding:6px;font-size:.8em;font-weight:700;text-align:center;min-height:70px;flex:1;line-height:1.2}
.zone.good{border-color:var(--sage);background:#dff0d4;animation:pop 1s infinite}
.fixed-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(255,247,230,.8);gap:12px;padding:20px;text-align:center}
.glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(255,250,235,.15),rgba(255,226,180,.4) 75%);animation:glow 3s ease-in-out infinite alternate;pointer-events:none}
@keyframes glow{from{opacity:.75}to{opacity:1}}
#loading{position:absolute;inset:0;background:var(--cream);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .4s}
.ld-logo{font-size:2.8em;font-weight:900;color:var(--coral);letter-spacing:2px;max-width:92%;text-align:center;line-height:1.15;text-wrap:balance;word-break:keep-all;font-size:clamp(1.5em,8.5vw,2.8em)}
.ld-baby{width:46px;height:46px;border-radius:50%;background:var(--coral);border:3px solid var(--ink);animation:bounce 0.8s ease-in-out infinite alternate}
@keyframes bounce{from{transform:translateY(0) scale(1.05,.9)}to{transform:translateY(-22px) scale(.95,1.05)}}
.ld-bar{width:60%;height:16px;border:2px solid var(--ink);border-radius:10px;background:#fff;overflow:hidden}
.ld-bar i{display:block;height:100%;width:0;background:var(--sage);transition:width .2s}
@media (max-height:620px){.act{height:72px;width:62px}.act img{width:34px;height:34px}.act .em{font-size:28px}#nextBtn{width:68px;height:68px}.tile{width:72px;height:72px}.cbtn{width:110px;height:110px}.ring{width:100px;height:100px}}
/* ===== scenes ===== */
#scn{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
#idle{position:absolute;inset:0;z-index:3;overflow:hidden}
.sc-tap{position:absolute;inset:0;pointer-events:auto}
.sc-w{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;pointer-events:none}
.sc-spr{max-width:96%;object-fit:contain;transform-origin:50% 100%;user-select:none;-webkit-user-drag:none}
.sc-prop{position:absolute;font-size:2.6em;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 0 rgba(90,61,43,.25))}
.sc-float{position:absolute;font-size:1.7em;pointer-events:none;color:#ef6f5e;transform:translate(-50%,0)}
.sc-float.big{font-size:2em}
.sc-rip{position:absolute;width:70px;height:70px;border-radius:50%;border:4px solid #ef8354;pointer-events:none}
.sc-bub{position:absolute;z-index:3;transform:translate(-50%,0);max-width:78%;background:#fff;border:3px solid var(--ink);border-radius:18px;padding:8px 14px;font-weight:800;line-height:1.35;text-align:center;box-shadow:0 4px 0 rgba(90,61,43,.25);pointer-events:none}
.sc-bub:after{content:"";position:absolute;left:50%;bottom:-11px;width:16px;height:16px;background:#fff;border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:translateX(-50%) rotate(45deg)}
.sc-chip{position:absolute;z-index:30;display:flex;align-items:center;gap:3px;padding:4px 10px;border-radius:999px;font-weight:900;font-size:1.05em;border:3px solid var(--ink);background:#fff;pointer-events:none;white-space:nowrap}
.sc-chip img{width:22px;height:22px}.sc-chip.up{color:#2f7d3a}.sc-chip.dn{color:#c0392b}
#hosp{position:absolute;inset:0;z-index:15;background:var(--cream);overflow:hidden;touch-action:manipulation}
.h-bg{position:absolute;inset:0;background:center/cover no-repeat}
.h-st{position:absolute;inset:0;pointer-events:none}
.h-world{position:absolute;pointer-events:none}.h-pos{position:absolute;transform:translateX(-50%);display:flex;align-items:flex-end}.h-spr{height:100%;width:auto;display:block;transform-origin:50% 100%}
.h-skip{position:absolute;right:10px;top:calc(10px + env(safe-area-inset-top));min-width:64px;min-height:48px;padding:0 14px;border-radius:24px;border:3px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit;font-weight:800;z-index:3}
.h-dlg{position:absolute;left:10px;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));background:var(--cream);border:3px solid var(--ink);border-radius:20px;padding:12px 16px 10px;box-shadow:0 5px 0 rgba(90,61,43,.3);min-height:96px;z-index:2}
.h-dlg.hidden{display:none}
.h-dlg .nm{position:absolute;top:-16px;left:14px;background:var(--coral);color:#fff;border:3px solid var(--ink);border-radius:12px;padding:1px 12px;font-weight:800;font-size:.9em}
.h-dlg .nm:empty{display:none}
.h-dlg .tx{font-weight:700;line-height:1.5;margin-top:4px}
.h-hint{text-align:right;font-size:.75em;opacity:.55;margin-top:2px}
.h-board{position:absolute;left:34.5%;top:4.8%;width:32%;height:10%;display:flex;flex-direction:column;justify-content:center;background:#1f3b44;border:3px solid var(--ink);border-radius:12px;color:#ffc24b;text-align:center;padding:4px 12px;font-family:monospace}
.h-board small{display:block;font-size:.7em;color:#9fd0c8}.h-board b{font-size:1.9em;letter-spacing:2px}.h-board.hit b{animation:blink .4s 3}
@keyframes blink{50%{opacity:.2}}
.h-ticket{position:absolute;left:50%;top:calc(8px + 16.6%);background:#fff;border:3px dashed var(--ink);border-radius:10px;padding:2px 12px;text-align:center;transform:rotate(-4deg)}
.h-ticket small{display:block;font-size:.7em}.h-ticket b{font-size:1.5em;color:var(--coral)}
.h-mon{position:absolute;left:10%;right:10%;top:calc(66px + env(safe-area-inset-top));height:21%;background:#10343a;border:4px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 rgba(90,61,43,.3);overflow:hidden}
.mon-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#bfeee4}
.mon-in .lbl{position:absolute;right:10px;bottom:6px;font-weight:800;font-family:monospace}
.mon-in .sac{width:54px;height:54px;border-radius:50%;border:3px solid #6fb7ac;background:radial-gradient(#2c6e72,#10343a)}
.mon-in .hb{position:absolute;color:#ff7b7b;font-size:1.6em;display:inline-block}.nst .lbl .hb{position:static;font-size:1em}
.nt .fan{position:absolute;inset:-30% 10% auto;height:150%;background:conic-gradient(from 160deg at 50% 0,transparent,#2f6f73 8%,#4a8e8f 20%,#2f6f73 30%,transparent 40%);opacity:.7}
.nt .bb{font-size:3em;filter:grayscale(1) brightness(1.5) contrast(1.2);position:relative}
.nt .ms{position:absolute;left:34%;right:34%;top:60%;border-top:3px dotted #ffd35c;opacity:0;transition:.4s}.nt .ms.on{opacity:1}
.big{gap:12px;font-size:2em}.big span{filter:grayscale(.6);transition:.4s;position:relative}.big span.ok:after{content:"✓";position:absolute;right:-6px;top:-8px;font-size:.55em;color:#7bff9a;font-weight:900}
.nst .trace{position:absolute;left:0;right:0;top:20%;height:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath d='M0 30h30l6-4 6 8 8-26 8 40 8-18h10l6-4 6 4h22' fill='none' stroke='%237bff9a' stroke-width='3'/%3E%3C/svg%3E") repeat-x;background-size:120px 100%;animation:trace 2s linear infinite}
@keyframes trace{to{background-position-x:-120px}}
.h-res{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);width:min(82%,380px);background:#fff;border:4px solid var(--ink);border-radius:20px;padding:16px;text-align:center;box-shadow:0 6px 0 rgba(90,61,43,.3)}
.h-res h3{margin:8px 0 4px}.h-res p{margin:0;line-height:1.5;font-size:.92em}
.us-photo{position:relative;width:130px;height:130px;margin:0 auto;background:#10343a;border:4px solid #fff;outline:3px solid var(--ink);border-radius:8px;transform:rotate(-4deg);overflow:hidden;display:flex;align-items:center;justify-content:center}
.us-photo i{position:absolute;inset:-30% 5% auto;height:150%;background:conic-gradient(from 160deg at 50% 0,transparent,#2f6f73 8%,#5aa3a2 20%,#2f6f73 30%,transparent 40%)}
.us-photo b{position:relative;font-size:3.4em;filter:grayscale(1) brightness(1.5)}
.rep{font-size:4em;position:relative;display:inline-block}.rep b{position:absolute;right:-8px;bottom:-4px;font-size:.45em;color:#fff;background:#3a9b4a;border-radius:50%;width:1.3em;height:1.3em;line-height:1.3em;border:3px solid var(--ink)}
.h-prop{position:absolute;left:46%;top:44%;font-size:2.6em;transform:translate(-50%,-50%)}
.h-clock{position:absolute;top:14%;left:50%;transform:translateX(-50%);background:#fff;border:3px solid var(--ink);border-radius:16px;padding:6px 16px;font-weight:900;font-size:1.3em;display:flex;gap:8px;align-items:center}
.h-clock b{display:inline-block;animation:spin 1.5s infinite}@keyframes spin{50%{transform:rotate(180deg)}}
.hold *{animation-iteration-count:1!important}