@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.pc-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#090f11d1;display:flex;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;inset:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:clamp(12px,3vh,32px) clamp(12px,3vw,28px);position:fixed;z-index:200}.pc-overlay,.pc-overlay *,.pc-overlay :after,.pc-overlay :before{box-sizing:border-box}.pc-card{background:#14262b;border:1px solid #ffffff17;border-radius:clamp(16px,2.4vw,24px);box-shadow:0 26px 54px -26px #000000bf;color:#c8e8ed;margin:auto;padding:clamp(20px,3.4vh,34px) clamp(18px,3vw,34px);text-align:center;width:min(100%,620px)}.tt-light-mode .pc-card{background:#fff;border-color:#0f1e221a;color:#334155}.pc-icon{background:#1a8fa02e;border-radius:50%;color:#6fd3e2;display:grid;height:clamp(44px,7vh,56px);margin:0 auto clamp(10px,1.8vh,16px);place-items:center;width:clamp(44px,7vh,56px)}.tt-light-mode .pc-icon{background:#0d5e6b1a;color:#0d5e6b}.pc-title{color:#fff;font-size:clamp(1.15rem,3vh,1.55rem);font-weight:900;line-height:1.2;margin:0 0 8px}.tt-light-mode .pc-title{color:#0f1e22}.pc-body{color:#9fc4cc;font-size:clamp(.88rem,1.9vh,1rem);line-height:1.55;margin:0 auto clamp(14px,2.2vh,22px);max-width:46ch}.tt-light-mode .pc-body{color:#475569}.pc-lists{grid-gap:clamp(9px,1.5vh,14px);display:grid;gap:clamp(9px,1.5vh,14px);grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));margin-bottom:clamp(12px,2vh,18px);text-align:left}.pc-list{background:hsla(0,0%,100%,.035);border:1px solid #ffffff14;border-left-width:3px;border-radius:13px;padding:clamp(11px,1.8vh,15px) clamp(12px,1.6vw,16px)}.tt-light-mode .pc-list{background:#0f1e2208;border-color:#0f1e221a}.pc-list-yes{border-left-color:#1a8fa0}.pc-list-no{border-left-color:#10b981}.pc-list-title{color:#7ba3ab;font-size:.66rem;font-weight:800;letter-spacing:.11em;margin:0 0 7px;text-transform:uppercase}.tt-light-mode .pc-list-title{color:#64748b}.pc-list ul{margin:0;padding-left:17px}.pc-list li{font-size:clamp(.76rem,1.6vh,.86rem);line-height:1.5;margin-bottom:4px}.pc-optional{align-items:center;color:#10b981;display:flex;font-size:clamp(.78rem,1.7vh,.88rem);font-weight:600;gap:7px;justify-content:center;margin:0 0 clamp(14px,2.2vh,20px)}.pc-optional svg{flex:none}.pc-actions{display:flex;flex-wrap:wrap;gap:10px}.pc-actions,.pc-btn{justify-content:center}.pc-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;flex:1 1 auto;font-family:inherit;font-size:clamp(.84rem,1.8vh,.96rem);font-weight:700;gap:8px;min-width:150px;padding:clamp(11px,1.8vh,15px) clamp(16px,2vw,26px);transition:transform .12s ease,filter .15s ease}.pc-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.pc-btn:focus-visible{outline:2px solid #e8841a;outline-offset:2px}.pc-btn-no{background:#ffffff0f;border-color:#ffffff24;color:#c8e8ed}.tt-light-mode .pc-btn-no{background:#f1f5f9;border-color:#0f1e221f;color:#334155}.pc-btn-yes{background:linear-gradient(135deg,#1a8fa0,#2aa9bc);box-shadow:0 8px 22px -10px #1a8fa0e6;color:#fff}@media (max-width:430px){.pc-actions{flex-direction:column-reverse}.pc-btn{width:100%}}@media (prefers-reduced-motion:reduce){.pc-btn{transition:none}.pc-btn:hover{transform:none}}.tmp-pose-video{bottom:0;height:2px;opacity:.01;pointer-events:none;position:fixed;right:0;transform:scaleX(-1);width:2px;z-index:-1}.gp-root{--gp-sp-1:clamp(4px,0.8vh,8px);--gp-sp-2:clamp(8px,1.6vh,18px);--gp-sp-3:clamp(12px,2.4vh,24px);--gp-hairline:#ffffff12}.gp-panels{display:flex;flex:1 1 auto;min-height:0;width:100%}.gp-left,.gp-right{min-height:0;overflow:hidden}.gp-right{gap:var(--gp-sp-2);padding:var(--gp-sp-3) 16px}.camera-box{flex:0 0 auto}.gp-left>:last-child{min-height:0;overflow-y:auto}.gp-center{gap:var(--gp-sp-2);padding:var(--gp-sp-2) 14px}.gp-control-bar{border-color:var(--gp-hairline)!important;border-radius:0!important;border-width:0 0 1px!important;box-shadow:none!important;flex:0 0 auto;gap:clamp(8px,1.1vw,16px)!important;margin:0!important;padding:clamp(4px,.7vh,7px) 16px!important;row-gap:6px!important}.gp-control-bar span{font-size:.58rem!important;letter-spacing:.1em!important}.gp-control-bar>div>div{border-radius:9px!important;padding:2px!important}.gp-control-bar button{border-radius:7px!important;font-size:.68rem!important;padding:3px 10px!important}.gp-control-bar .divider{height:16px!important}.gp-progress{flex:0 0 auto}.gp-progress>div:first-child{font-size:clamp(.68rem,1.5vh,.85rem)!important;margin-bottom:5px!important}.gp-progress>div:last-child{height:7px!important}.word-card{flex:0 0 auto;gap:clamp(4px,.8vh,10px)!important;padding:clamp(8px,1.4vh,16px) clamp(20px,3vw,40px)!important}.word-emoji{font-size:min(5rem,9vh);line-height:1}.gp-target-text{margin-bottom:clamp(4px,.8vh,8px)!important;margin-top:clamp(4px,1vh,10px)!important}.gp-target-text>span{font-size:min(2.2rem,4.6vh)!important}.gp-hint{font-size:clamp(.68rem,1.5vh,.82rem)!important;padding:4px 14px!important}.gp-slots{gap:clamp(6px,1vh,12px)!important}.slot{font-size:min(2rem,4vh);height:min(70px,7.8vh);width:min(58px,6.6vh)}.letter-board{--kb-boost:1.2;--kb-cap:11.5vh;flex:0 0 auto;gap:min(13px,1.4vh);gap:min(var(--kb-row-gap,13px),1.4vh);margin-top:var(--gp-sp-1)}.gp-selfexp{flex:1 1 auto;gap:clamp(6px,1.2vh,14px);min-height:0}.gp-se-actions,.gp-se-header,.gp-se-tip{flex:0 0 auto}.gp-se-header{padding:clamp(8px,1.4vh,16px) 20px!important}.gp-se-editor{display:flex;flex:1 1 auto;min-height:0}.gp-se-editor textarea{flex:1 1 auto;font-size:clamp(.95rem,2.2vh,1.15rem)!important;height:100%;line-height:1.5!important;min-height:0;padding:clamp(12px,1.8vh,20px) 22px!important}.gp-se-actions button{font-size:clamp(.8rem,1.8vh,.95rem)!important;padding:clamp(8px,1.4vh,14px) 18px!important}.gp-se-tip{font-size:clamp(.68rem,1.5vh,.78rem)!important}.gp-controls{flex:0 0 auto;gap:clamp(8px,1.2vw,14px);margin-top:var(--gp-sp-2)}.letter-row{gap:min(11px,1.4vh);gap:min(var(--kb-gap,11px),1.4vh)}.letter-key{flex:none;font-size:min(calc(1.65rem*var(--kb-boost)),calc(var(--kb-cap)*.44));font-size:min(calc(var(--kb-font, 1.65rem)*var(--kb-boost)),calc(var(--kb-cap)*.44));height:min(calc(68px*var(--kb-boost)),var(--kb-cap));height:min(calc(var(--kb-key-h, 68px)*var(--kb-boost)),var(--kb-cap));width:min(calc(68px*var(--kb-boost)),var(--kb-cap));width:min(calc(var(--kb-key-w, 68px)*var(--kb-boost)),var(--kb-cap))}.letter-key.is-backspace{font-size:min(1.188rem,calc(var(--kb-cap)*.3));font-size:min(calc(var(--kb-font, 1.65rem)*.72),calc(var(--kb-cap)*.3));width:min(calc(82px*var(--kb-boost)),calc(var(--kb-cap)*1.25));width:min(calc(var(--kb-bs-w, 82px)*var(--kb-boost)),calc(var(--kb-cap)*1.25))}.letter-key.is-space{font-size:min(.9075rem,calc(var(--kb-cap)*.24));font-size:min(calc(var(--kb-font, 1.65rem)*.55),calc(var(--kb-cap)*.24));width:min(calc(123px*var(--kb-boost)),calc(var(--kb-cap)*1.9));width:min(calc(var(--kb-bs-w, 82px)*1.5*var(--kb-boost)),calc(var(--kb-cap)*1.9))}.letter-key:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}@media (max-height:820px){.letter-board{--kb-cap:10.5vh}.word-emoji{font-size:min(4.2rem,7.6vh)}}@media (max-height:700px){.letter-board{--kb-cap:9.6vh;--kb-boost:1.1}.gp-control-bar{padding:3px 10px!important}.gp-controls button{font-size:.78rem!important;padding:6px 13px!important}}@media (max-height:600px){.letter-board{--kb-cap:8.6vh;--kb-boost:1}.word-emoji{font-size:min(3rem,6vh)}}@media (max-width:1100px){.gp-root{height:auto!important;min-height:100vh;overflow-y:auto!important}.gp-panels{flex-direction:column;min-height:0}.gp-left,.gp-right{border:none!important;overflow:visible;width:100%!important}.gp-left{border-top:1px solid #ffffff1a!important;order:2}.gp-center{min-height:400px;order:1;overflow:visible;padding-top:70px!important;position:relative!important}.gp-right{border-top:1px solid #ffffff1a!important;order:3;padding-bottom:60px!important}.camera-box{flex:none!important;height:300px!important}.letter-board{--kb-cap:999px;--kb-boost:1}.gp-control-bar{flex-wrap:wrap!important;gap:12px!important;height:auto!important;justify-content:center!important;padding:15px!important}.gp-control-bar>div{flex:1 1 auto!important;justify-content:center!important}.gp-control-bar>div:last-child{border-left:none!important}.gp-control-bar .divider{display:none!important}.mobile-settings-btn{align-items:center;background:#0d5e6b80;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 6px 16px #0006;color:#fff;cursor:pointer;display:flex!important;font-size:.85rem;font-weight:800;gap:8px;left:15px;padding:10px 16px;position:fixed!important;top:15px;transition:transform .2s;z-index:5000!important}.mobile-settings-btn:active{transform:scale(.95)}.gp-control-bar.mobile-hidden{display:none!important}.gp-control-bar.mobile-visible{background:#0f1e22fa!important;border:1px solid #ffffff26!important;box-shadow:0 25px 50px #0009!important;display:flex!important;left:10px;pointer-events:auto!important;position:absolute!important;right:10px;top:70px;width:calc(100% - 20px)!important;z-index:5001!important}}@media (max-width:640px){.gp-center{gap:12px!important;padding:10px!important}.slot{font-size:1.4rem!important;height:56px!important;width:44px!important}.word-card{padding:15px 20px!important}.word-emoji{font-size:2.6rem}.letter-key{border-radius:10px!important;font-size:1.2rem!important;height:48px!important;width:48px!important}.letter-key.is-backspace{font-size:1rem!important;width:62px!important}.letter-key.is-space{font-size:.72rem!important;width:96px!important}.letter-row{gap:6px!important}.letter-board{gap:8px!important}}@media (min-width:1101px){.mobile-settings-btn{display:none!important}.gp-control-bar{display:flex!important}}@media (prefers-reduced-motion:reduce){.mobile-settings-btn{transition:none}}@media (max-width:1000px){.cal-body{flex-direction:column;overflow-y:auto}.cal-side{align-items:flex-start;flex-direction:row!important;flex-wrap:wrap;gap:12px!important;order:2;width:100%!important}.cal-side>.cal-cam,.cal-side>div:nth-child(2){flex:1 1 240px}.cal-main{order:1}.cal-field{aspect-ratio:3/2}}@media (max-width:640px){.cal-side{flex-direction:column!important}.cal-field{aspect-ratio:1/1}}@media (prefers-reduced-motion:reduce){.cal-root *,.cal-root :after,.cal-root :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gr-root{--gr-bg:#0f1e22;--gr-surface:#14262b;--gr-surface-2:hsla(0,0%,100%,.035);--gr-hairline:#ffffff17;--gr-text:#c8e8ed;--gr-text-dim:#7ba3ab;--gr-text-bright:#fff;--gr-primary:#1a8fa0;--gr-accent:#e8841a;--gr-good:#10b981;--gr-watch:#f59e0b;--gr-attention:#ef4444;--gr-shadow:0 24px 48px -24px #000000b3;--gr-gap:clamp(14px,2.4vh,26px);--gr-pad:clamp(16px,2.6vw,34px);--gr-radius:clamp(16px,2vw,24px);align-items:flex-start;background:var(--gr-bg);color:var(--gr-text);display:flex;font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;max-height:100dvh;min-height:100%;overflow-y:auto;overscroll-behavior:contain;padding:clamp(12px,2.5vh,40px) clamp(12px,3vw,28px);width:100%}.gr-root,.gr-root *,.gr-root :after,.gr-root :before{box-sizing:border-box}.gr-root.gr-light,.tt-light-mode .gr-root{--gr-bg:#eef6f8;--gr-surface:#fff;--gr-surface-2:rgba(15,30,34,.035);--gr-hairline:#0f1e221a;--gr-text:#334155;--gr-text-dim:#64748b;--gr-text-bright:#0f1e22;--gr-primary:#0d5e6b;--gr-shadow:0 18px 40px -24px #0f1e2259}.gr-card{background:var(--gr-surface);border:1px solid var(--gr-hairline);border-radius:var(--gr-radius);box-shadow:var(--gr-shadow);display:flex;flex-direction:column;gap:var(--gr-gap);margin:auto;padding:var(--gr-pad);width:min(100%,980px)}.gr-head{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,20px)}.gr-head-emoji{flex:none;font-size:clamp(2rem,5vh,3rem);line-height:1}.gr-head-text{flex:1 1 220px;min-width:0}.gr-title{color:var(--gr-text-bright);font-size:clamp(1.25rem,3.4vh,1.9rem);font-weight:900;letter-spacing:-.01em;line-height:1.15;margin:0}.gr-subtitle{color:var(--gr-text-dim);font-size:clamp(.85rem,1.9vh,1rem);line-height:1.4;margin:4px 0 0}.gr-game-name{color:var(--gr-primary);font-size:.7rem;font-weight:700;letter-spacing:.14em;margin:6px 0 0;text-transform:uppercase}.gr-stars{display:flex;flex:none;font-size:clamp(1.4rem,3.6vh,2.1rem);gap:6px;line-height:1}.gr-star.on{color:var(--gr-accent);text-shadow:0 0 18px #e8841a73}.gr-star.off{color:var(--gr-text-dim);opacity:.4}.gr-flag{align-items:flex-start;background:#f59e0b1a;border:1px solid #f59e0b59;border-radius:12px;color:var(--gr-text);display:flex;font-size:clamp(.78rem,1.7vh,.88rem);gap:9px;line-height:1.45;padding:10px 14px}.gr-flag svg{color:var(--gr-watch);flex:none;margin-top:2px}.gr-flag-quiet{background:var(--gr-surface-2);border-color:var(--gr-hairline)}.gr-flag-quiet svg{color:var(--gr-text-dim)}.gr-section{border-top:1px solid var(--gr-hairline);padding-top:var(--gr-gap)}.gr-section:first-of-type{border-top:0;padding-top:0}.gr-section-title{color:var(--gr-text-dim);font-size:clamp(.72rem,1.6vh,.82rem);font-weight:800;letter-spacing:.13em;margin:0 0 4px;text-transform:uppercase}.gr-section-blurb{color:var(--gr-text-dim);font-size:clamp(.8rem,1.8vh,.92rem);line-height:1.5;margin:0 0 14px;max-width:62ch}.gr-performance{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,34px)}.gr-performance-bars{flex:1 1 clamp(240px,50%,520px);min-width:0}.gr-ring{--pct:0;background:conic-gradient(var(--gr-accent) calc(var(--pct)*1%),var(--gr-surface-2) 0);border-radius:50%;display:grid;flex:none;height:clamp(104px,17vh,148px);place-items:center;width:clamp(104px,17vh,148px)}.gr-ring.is-empty{background:var(--gr-surface-2)}.gr-ring-inner{align-items:center;background:var(--gr-surface);border-radius:50%;display:flex;flex-direction:column;gap:2px;height:78%;justify-content:center;width:78%}.gr-ring-value{font-feature-settings:"tnum";color:var(--gr-text-bright);font-size:clamp(1.5rem,4vh,2.2rem);font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.gr-ring-caption{color:var(--gr-text-dim);font-size:.6rem;font-weight:700;letter-spacing:.1em;padding:0 6px;text-align:center;text-transform:uppercase}.gr-bars{display:flex;flex-direction:column;gap:clamp(7px,1.3vh,12px);list-style:none;margin:0;padding:0}.gr-bar-head{align-items:baseline;display:flex;font-size:clamp(.75rem,1.65vh,.87rem);gap:10px;justify-content:space-between;margin-bottom:5px}.gr-bar-label{color:var(--gr-text);min-width:0;overflow-wrap:anywhere}.gr-bar-weight{color:var(--gr-text-dim);font-size:.85em;font-style:normal;margin-left:5px}.gr-bar-value{font-feature-settings:"tnum";color:var(--gr-text-bright);flex:none;font-variant-numeric:tabular-nums;font-weight:800}.gr-bar-value.is-empty{color:var(--gr-text-dim);font-weight:600}.gr-bar-track{background:var(--gr-surface-2);border-radius:99px;height:7px;overflow:hidden}.gr-bar-fill{background:linear-gradient(90deg,var(--gr-primary),var(--gr-accent));border-radius:99px;height:100%}.gr-tiles{grid-gap:clamp(7px,1.2vh,12px);display:grid;gap:clamp(7px,1.2vh,12px);grid-template-columns:repeat(auto-fit,minmax(clamp(92px,26vw,138px),1fr))}.gr-tile{align-items:center;background:var(--gr-surface-2);border:1px solid var(--gr-hairline);border-radius:clamp(11px,1.5vw,15px);display:flex;flex-direction:column;gap:3px;min-width:0;padding:clamp(9px,1.5vh,14px) clamp(6px,1vw,12px);text-align:center}.gr-tile-icon{font-size:clamp(.95rem,2.1vh,1.3rem);line-height:1}.gr-tile-value{font-feature-settings:"tnum";color:var(--gr-text-bright);font-size:clamp(.92rem,2.1vh,1.25rem);font-variant-numeric:tabular-nums;font-weight:900;line-height:1.15;overflow-wrap:anywhere}.gr-tile-label{color:var(--gr-text-dim);font-size:clamp(.57rem,1.25vh,.7rem);font-weight:600;letter-spacing:.05em;line-height:1.2;overflow-wrap:anywhere;text-transform:uppercase}.gr-reflex-list{grid-gap:clamp(9px,1.5vh,14px);display:grid;gap:clamp(9px,1.5vh,14px);grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));list-style:none;margin:0;padding:0}.gr-reflex{background:var(--gr-surface-2);border:1px solid var(--gr-hairline);border-left-width:3px;border-radius:14px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:clamp(11px,1.8vh,16px) clamp(12px,1.6vw,18px)}.gr-reflex.is-attention{border-left-color:var(--gr-attention)}.gr-reflex.is-watch{border-left-color:var(--gr-watch)}.gr-reflex.is-good{border-left-color:var(--gr-good)}.gr-reflex.is-target{border-left-color:var(--gr-primary)}.gr-reflex-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.gr-reflex-id{flex:1 1 auto;min-width:0}.gr-reflex-key{color:var(--gr-text-bright);display:block;font-size:clamp(.92rem,2vh,1.05rem);font-weight:800;line-height:1.2}.gr-reflex-name{color:var(--gr-text-dim);display:block;font-size:clamp(.68rem,1.45vh,.78rem);margin-top:2px;overflow-wrap:anywhere}.gr-tier{border-radius:99px;flex:none;font-size:.6rem;font-weight:800;letter-spacing:.08em;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.gr-tier-primary{background:#1a8fa033;color:#6fd3e2}.gr-tier-secondary{background:var(--gr-surface-2);border:1px solid var(--gr-hairline);color:var(--gr-text-dim)}.gr-light .gr-tier-primary,.tt-light-mode .gr-tier-primary{background:#0d5e6b1f;color:var(--gr-primary)}.gr-reflex-why{color:var(--gr-text);font-size:clamp(.76rem,1.65vh,.86rem);line-height:1.5;margin:0;opacity:.9}.gr-reflex-measure{display:flex;flex-direction:column;gap:6px;margin-top:2px}.gr-reflex-status{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.gr-dot{border-radius:50%;flex:none;height:8px;width:8px}.gr-dot-attention{background:var(--gr-attention)}.gr-dot-watch{background:var(--gr-watch)}.gr-dot-good{background:var(--gr-good)}.gr-dot-none{background:var(--gr-text-dim)}.gr-reflex-status-text{color:var(--gr-text-bright);font-size:clamp(.78rem,1.7vh,.88rem);font-weight:800}.gr-reflex-status-hint{color:var(--gr-text-dim);font-size:clamp(.68rem,1.4vh,.76rem)}.gr-reflex-track{background:var(--gr-surface-2);border-radius:99px;height:5px;overflow:hidden}.gr-reflex-fill{border-radius:99px;height:100%}.gr-reflex-fill.tone-attention{background:var(--gr-attention)}.gr-reflex-fill.tone-watch{background:var(--gr-watch)}.gr-reflex-fill.tone-good{background:var(--gr-good)}.gr-reflex-fill.tone-none{background:var(--gr-text-dim)}.gr-reflex-note{color:var(--gr-text-dim);font-size:clamp(.7rem,1.5vh,.79rem);font-style:italic;line-height:1.45}.gr-disclaimer{border-top:1px solid var(--gr-hairline);color:var(--gr-text-dim);font-size:clamp(.68rem,1.4vh,.76rem);line-height:1.5;margin:0;padding-top:var(--gr-gap);text-align:center}.gr-actions{display:flex;flex-wrap:wrap;gap:10px}.gr-actions,.gr-btn{justify-content:center}.gr-btn{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:clamp(.82rem,1.8vh,.95rem);font-weight:700;gap:8px;padding:clamp(10px,1.7vh,14px) clamp(16px,2vw,26px);transition:transform .12s ease,filter .15s ease,background .15s ease}.gr-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.gr-btn:active{transform:translateY(0)}.gr-btn:focus-visible{outline:2px solid var(--gr-accent);outline-offset:2px}.gr-btn-primary{background:linear-gradient(135deg,var(--gr-primary),#2aa9bc);box-shadow:0 8px 22px -10px #1a8fa0e6;color:#fff}.gr-btn-secondary{background:var(--gr-surface-2);border-color:var(--gr-hairline);color:var(--gr-text)}@media (max-width:430px){.gr-actions{align-items:stretch;flex-direction:column}.gr-btn{width:100%}.gr-head{gap:10px}.gr-stars{font-size:1.35rem}.gr-tiles{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.gr-performance{gap:14px}}@media (max-height:460px) and (orientation:landscape){.gr-head-emoji{display:none}.gr-ring{height:92px;width:92px}}@media (prefers-reduced-motion:reduce){.gr-btn{transition:none}.gr-btn:hover{transform:none}}.sr-narrative{align-items:flex-start;background:var(--gr-surface-2);border:1px solid var(--gr-hairline);border-radius:14px;display:flex;gap:12px;padding:clamp(12px,1.9vh,17px) clamp(13px,1.7vw,19px)}.sr-narrative-icon{flex:none;font-size:1.25rem;line-height:1.3}.sr-narrative-text{color:var(--gr-text);font-size:clamp(.8rem,1.75vh,.92rem);line-height:1.55;margin:0}.sr-feedback{grid-gap:clamp(7px,1.2vh,11px);display:grid;gap:clamp(7px,1.2vh,11px);grid-template-columns:repeat(auto-fit,minmax(clamp(76px,18vw,104px),1fr))}.sr-feedback-btn{align-items:center;background:var(--gr-surface-2);border:1px solid var(--gr-hairline);border-radius:14px;color:var(--gr-text);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:clamp(9px,1.5vh,14px) 8px;transition:transform .14s ease,border-color .14s ease,background .14s ease}.sr-feedback-btn:hover{background:#1a8fa01f;border-color:var(--gr-primary);transform:translateY(-2px)}.sr-feedback-btn:focus-visible{outline:2px solid var(--gr-accent);outline-offset:2px}.sr-feedback-emoji{font-size:clamp(1.5rem,3.4vh,2.1rem);line-height:1}.sr-feedback-label{color:var(--gr-text-dim);font-size:clamp(.62rem,1.35vh,.74rem);font-weight:700;line-height:1.2;text-align:center}.sr-extra-actions{display:flex;justify-content:center}@media (max-width:430px){.sr-extra-actions .gr-btn{width:100%}}@media (prefers-reduced-motion:reduce){.sr-feedback-btn{transition:none}.sr-feedback-btn:hover{transform:none}}@media (min-width:1200px){.gr-card{grid-column-gap:clamp(20px,2.2vw,38px);grid-row-gap:var(--gr-gap);align-content:start;column-gap:clamp(20px,2.2vw,38px);display:grid;grid-auto-flow:row dense;grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:var(--gr-gap);width:min(100%,1380px)}.gr-card>*{grid-column:1/-1}.gr-detail,.gr-performance{grid-column:1}.gr-reflexes{grid-column:2}.gr-detail .gr-tiles{grid-template-columns:repeat(auto-fit,minmax(clamp(84px,8vw,112px),1fr))}.gr-root{--gr-gap:clamp(9px,1.3vh,15px);padding-block:clamp(8px,1.2vh,16px)}.gr-card{--gr-pad:clamp(13px,1.5vw,22px)}.gr-ring{height:clamp(82px,11.5vh,112px);width:clamp(82px,11.5vh,112px)}.gr-head-emoji{font-size:clamp(1.5rem,3.4vh,2.2rem)}.gr-btn{padding-block:clamp(7px,1.1vh,11px)}.gr-performance{flex-wrap:nowrap;gap:clamp(12px,2vw,24px)}.gr-performance-bars{flex:1 1 auto;min-width:0}.gr-bars{gap:clamp(5px,.8vh,9px)}.gr-tile{padding:clamp(6px,1vh,10px) clamp(5px,.8vw,9px)}.gr-tiles{gap:clamp(6px,.9vh,10px)}.gr-section-title{margin-bottom:2px}.gr-disclaimer{padding-top:calc(var(--gr-gap)*.7)}.gr-reflex-list{gap:clamp(7px,1vh,11px)}.gr-section-blurb{margin-bottom:2px}}.pricing-page{background:linear-gradient(180deg,#f0f9ff,#e0f2fe 30%,#f8fafc 60%,#fff);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}.pricing-hero{background:linear-gradient(135deg,#0d5e6b,#0a3d47 40%,#0d5e6b);overflow:hidden;padding:60px 24px 80px;position:relative;text-align:center}.pricing-hero:before{background:radial-gradient(ellipse at 30% 50%,#1a8fa026 0,#0000 60%),radial-gradient(ellipse at 70% 30%,#e8841a14 0,#0000 50%);content:"";height:200%;left:-30%;pointer-events:none;position:absolute;top:-50%;width:160%}.pricing-hero-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.pricing-hero .secure-badge{align-items:center;animation:fadeInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:30px;color:#e0f2fe;display:inline-flex;font-size:.82rem;font-weight:600;gap:8px;margin-bottom:28px;padding:8px 18px}.pricing-hero h1{animation:fadeInUp .6s ease-out .1s both;color:#fff;font-size:2.8rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:14px}.pricing-hero h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5eead4,#22d3ee);-webkit-background-clip:text;background-clip:text}.pricing-hero p{animation:fadeInUp .6s ease-out .2s both;color:#94a3b8;font-size:1.1rem;line-height:1.6;margin:0 auto 32px;max-width:520px}.billing-toggle-wrapper{animation:fadeInUp .6s ease-out .3s both}.billing-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;display:inline-flex;gap:4px;padding:5px}.billing-toggle button{background:#0000;border:none;border-radius:12px;color:#94a3b8;cursor:pointer;font-size:.92rem;font-weight:600;padding:12px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.billing-toggle button.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.billing-toggle button:not(.active):hover{background:#ffffff0f;color:#e2e8f0}.billing-toggle .save-badge{align-items:center;background:#fef3c7;border-radius:8px;color:#92400e;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;margin-left:8px;padding:2px 8px}.billing-toggle button .toggle-subtitle{color:#94a3b8b3;display:block;font-size:.72rem;font-weight:400;margin-top:2px}.billing-toggle button.active .toggle-subtitle{color:#ffffffb3}.pricing-plans-section{margin:-50px auto 0;max-width:1200px;padding:0 24px 60px;position:relative;z-index:2}.pricing-plans-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.plan-card{animation:fadeInUp .5s ease-out both;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;display:flex;flex-direction:column;padding:32px 24px 28px;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.plan-card:first-child{animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}.plan-card:nth-child(4){animation-delay:.4s}.plan-card:hover{border-color:#cbd5e1;box-shadow:0 20px 50px #0d5e6b1f;transform:translateY(-6px)}.plan-card.highlighted{border-color:#1a8fa0;box-shadow:0 8px 30px #1a8fa026}.plan-card.highlighted:hover{box-shadow:0 20px 50px #1a8fa040}.popular-badge{background:linear-gradient(135deg,#1a8fa0,#0d5e6b);border-radius:20px;box-shadow:0 4px 12px #1a8fa04d;color:#fff;font-size:.72rem;font-weight:700;gap:5px;left:50%;letter-spacing:.04em;padding:5px 18px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan-icon,.popular-badge{align-items:center;display:flex}.plan-icon{border-radius:16px;height:56px;justify-content:center;margin-bottom:16px;transition:transform .3s ease;width:56px}.plan-card:hover .plan-icon{transform:scale(1.08)}.plan-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.plan-icon.teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0d9488}.plan-icon.rose{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.plan-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.plan-name{color:#0f172a;font-size:1.2rem;font-weight:800;margin-bottom:2px}.plan-target{color:#94a3b8;font-size:.82rem}.plan-price-block,.plan-target{margin-bottom:16px}.plan-price{color:#0f172a;font-size:2.6rem;font-weight:800;letter-spacing:-.03em;line-height:1}.plan-price .currency{font-size:1.4rem;font-weight:700;margin-right:2px;vertical-align:super}.plan-price .period{color:#64748b;font-size:1rem;font-weight:500}.plan-price-desc{color:#64748b;font-size:.82rem;line-height:1.4;margin-top:6px}.plan-features{flex:1 1;list-style:none;margin:0 0 20px;padding:0}.plan-features li{align-items:flex-start;color:#334155;display:flex;font-size:.85rem;gap:10px;line-height:1.4;padding:6px 0}.plan-features li .feature-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;width:20px}.feature-icon.blue{background:#dbeafe;color:#2563eb}.feature-icon.teal{background:#ccfbf1;color:#0d9488}.feature-icon.rose{background:#fce7f3;color:#db2777}.feature-icon.purple{background:#ede9fe;color:#7c3aed}.plan-divider{background:#e2e8f0;border:none;height:1px;margin:12px 0 18px}.trial-info{margin-bottom:14px;text-align:center}.trial-info .trial-text{color:#0f172a;font-size:.82rem;font-weight:700}.trial-info .trial-subtext{color:#64748b;display:block;font-size:.75rem;margin-top:2px}.plan-cta{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:.92rem;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.plan-cta.outline{background:#0000;border-color:#e2e8f0;color:#0f172a}.plan-cta.outline:hover{background:#f0f9ff;border-color:#0d5e6b;box-shadow:0 4px 12px #0d5e6b1a;color:#0d5e6b;transform:translateY(-2px)}.plan-cta.filled-teal{background:linear-gradient(135deg,#0d5e6b,#1a8fa0);box-shadow:0 4px 15px #0d5e6b4d;color:#fff}.plan-cta.filled-teal:hover{box-shadow:0 8px 25px #0d5e6b66;transform:translateY(-2px)}.plan-cta.filled-rose{background:linear-gradient(135deg,#db2777,#ec4899);box-shadow:0 4px 15px #db27774d;color:#fff}.plan-cta.filled-rose:hover{box-shadow:0 8px 25px #db277766;transform:translateY(-2px)}.plan-cta.filled-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 4px 15px #7c3aed4d;color:#fff}.plan-cta.filled-purple:hover{box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px)}.plan-cta:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.promo-banner{margin:0 auto;max-width:1200px;padding:20px 24px 0;text-align:center}.promo-banner p{color:#64748b;font-size:.88rem}.promo-banner p span{color:#10b981;margin-right:6px}.comparison-section{margin:40px auto 0;max-width:1100px;padding:0 24px 60px}.comparison-table-wrapper{animation:fadeInUp .6s ease-out .3s both;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.comparison-table{border-collapse:collapse;width:100%}.comparison-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:.85rem;font-weight:700;padding:18px 16px;text-align:center}.comparison-table thead th:first-child{color:#0d5e6b;font-size:1rem;font-weight:800;text-align:left}.comparison-table thead th .table-plan-price{color:#64748b;display:block;font-size:.75rem;font-weight:500;margin-top:2px}.comparison-table thead th .table-plan-save{background:#fef3c7;border-radius:6px;color:#92400e;display:inline-block;font-size:.65rem;font-weight:700;margin-top:4px;padding:1px 6px}.comparison-table tbody td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.85rem;padding:14px 16px;text-align:center}.comparison-table tbody td:first-child{align-items:center;color:#1e293b;display:flex;font-weight:600;gap:10px;text-align:left}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover td{background:#f8fafc}.comparison-check{color:#10b981;font-weight:700}.comparison-text{color:#64748b;font-size:.82rem;font-weight:600}.trust-section{margin:0 auto;max-width:1100px;padding:40px 24px 60px}.trust-badges{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.trust-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:14px;padding:20px;transition:all .3s ease}.trust-badge:hover{box-shadow:0 8px 20px #0000000f;transform:translateY(-3px)}.trust-badge-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.trust-badge-icon.blue{background:#dbeafe;color:#2563eb}.trust-badge-icon.green{background:#d1fae5;color:#059669}.trust-badge-icon.amber{background:#fef3c7;color:#d97706}.trust-badge-icon.rose{background:#fce7f3;color:#db2777}.trust-badge h4{color:#0f172a;font-size:.88rem;font-weight:700;margin-bottom:2px}.trust-badge p{color:#64748b;font-size:.78rem;line-height:1.3}.security-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:28px 24px;text-align:center}.security-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin:0 auto;max-width:900px}.security-item{align-items:center;display:flex;gap:10px}.security-item .security-icon{align-items:center;background:#0d5e6b;border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.security-item span{color:#475569;font-size:.82rem;font-weight:600}.payment-methods{align-items:center;display:flex;gap:10px}.payment-chip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.78rem;font-weight:700;padding:6px 14px}.payment-chip.visa{color:#1a1f71}.payment-chip.mastercard{color:#eb001b}.payment-chip.amex{color:#006fcf}.privacy-item{align-items:center;display:flex;gap:8px}.privacy-item .privacy-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.privacy-item span{color:#475569;font-size:.82rem;font-weight:600}.pricing-disclaimer{background:#f8fafc;color:#94a3b8;font-size:.75rem;padding:20px 24px;text-align:center}.pricing-back-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;left:20px;padding:10px 18px;position:fixed;top:20px;transition:all .3s ease;z-index:100}.pricing-back-btn:hover{background:#ffffff40;transform:translateX(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.pricing-plans-grid{gap:18px}.pricing-plans-grid,.trust-badges{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-hero{padding:48px 16px 70px}.pricing-hero h1{font-size:2rem}.pricing-hero p{font-size:.95rem}.billing-toggle button{font-size:.82rem;padding:10px 16px}.pricing-plans-grid{grid-template-columns:1fr;margin:-50px auto 0;max-width:420px}.comparison-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.comparison-table{min-width:600px}.trust-badges{grid-template-columns:1fr}.security-footer-inner{flex-direction:column;gap:18px}}@media (max-width:480px){.pricing-hero h1{font-size:1.6rem}.billing-toggle{flex-direction:column;max-width:300px;width:100%}.billing-toggle button{width:100%}.plan-price{font-size:2.2rem}.pricing-back-btn{font-size:.78rem;left:12px;padding:8px 14px;top:12px}}:root{--gs-bg-base-start:#090b14;--gs-bg-base-mid:#111424;--gs-bg-base-end:#0a0c16;--gs-bg-grad-1:#6366f126;--gs-bg-grad-2:#8b5cf626;--gs-bg-grad-3:#22d3ee1a;--gs-surface:#0d1a1d99;--gs-surface-solid:#132529;--gs-surface-2:#ffffff0f;--gs-border:#ffffff0f;--gs-ink:#c8e8ed;--gs-ink-soft:#7ba3ab;--gs-ink-bright:#fff;--gs-on-accent:#fff;--gs-accent:#1a8fa0;--gs-accent-2:#6366f1;--gs-accent-glow:#1a8fa04d;--gs-warm:#e8841a;--gs-easy:#10b981;--gs-easy-soft:#10b98124;--gs-medium:#e8841a;--gs-medium-soft:#e8841a24;--gs-hard:#ef4444;--gs-hard-soft:#ef444424;--gs-radius-card:28px;--gs-radius-btn:14px;--gs-radius-pill:999px;--gs-shadow-card:inset 0 1px 1px #ffffff0a,0 8px 32px #00000040;--gs-shadow-hover:0 16px 48px -12px #0000008c,inset 0 1px 1px #ffffff1a;--gs-ease:cubic-bezier(0.4,0,0.2,1);--gs-pad-x:clamp(16px,3vw,40px);--gs-pad-top:clamp(10px,1.6vh,22px);--gs-title:clamp(1.45rem,2.6vh,2.1rem);--gs-sub:clamp(0.82rem,1.5vh,1rem);--gs-gap:clamp(12px,1.8vh,24px)}[data-game-theme=light]{--gs-surface-solid:#fff;--gs-bg-base-start:#f8fafc;--gs-bg-base-mid:#eef2ff;--gs-bg-base-end:#e0e7ff;--gs-bg-grad-1:#6366f11a;--gs-bg-grad-2:#8b5cf61a;--gs-bg-grad-3:#0ea5e914;--gs-surface:#fffc;--gs-surface-2:#0f172a0d;--gs-border:#00000014;--gs-ink:#334155;--gs-ink-soft:#64748b;--gs-ink-bright:#0f172a;--gs-accent:#0ea5e9;--gs-accent-2:#6366f1;--gs-accent-glow:#0ea5e94d;--gs-warm:#f97316;--gs-shadow-card:0 8px 32px #0f172a1a;--gs-shadow-hover:0 16px 48px -12px #0f172a40}.gs-page{background:radial-gradient(circle at 15% 50%,#6366f126,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 45%),radial-gradient(circle at 50% 85%,#22d3ee1a,#0000 50%),linear-gradient(135deg,#090b14,#111424 50%,#0a0c16);background:radial-gradient(circle at 15% 50%,var(--gs-bg-grad-1),#0000 40%),radial-gradient(circle at 85% 30%,var(--gs-bg-grad-2),#0000 45%),radial-gradient(circle at 50% 85%,var(--gs-bg-grad-3),#0000 50%),linear-gradient(135deg,var(--gs-bg-base-start) 0,var(--gs-bg-base-mid) 50%,var(--gs-bg-base-end) 100%);background-size:100% 100%;box-sizing:border-box;color:#c8e8ed;color:var(--gs-ink);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;padding:clamp(10px,1.6vh,22px) clamp(16px,3vw,40px) clamp(10px,2vh,24px);padding:var(--gs-pad-top) var(--gs-pad-x) clamp(10px,2vh,24px);position:relative}.gs-page:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-position:50%;background-size:40px 40px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);pointer-events:none;position:absolute;z-index:0}.gs-page>*{position:relative;z-index:1}@media (max-height:560px){.gs-page{height:auto;overflow-y:auto}}.gs-topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d1a1d99;background:var(--gs-surface);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--gs-border);flex-shrink:0;gap:12px;justify-content:space-between;margin:calc(clamp(10px, 1.6vh, 22px)*-1) calc(clamp(16px, 3vw, 40px)*-1) clamp(12px,1.8vh,24px);margin:calc(var(--gs-pad-top)*-1) calc(var(--gs-pad-x)*-1) var(--gs-gap);padding:12px clamp(16px,3vw,40px);padding:12px var(--gs-pad-x)}.gs-topbar,.gs-topbar-left{align-items:center;display:flex}.gs-topbar-left{gap:14px;min-width:0}.gs-game-title{align-items:center;color:#fff;color:var(--gs-ink-bright);display:flex;font-size:1.1rem;font-weight:800;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-game-title .gs-title-icon{font-size:1.3rem}.gs-actions{gap:10px}.gs-action,.gs-actions{align-items:center;display:flex}.gs-action{background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:12px;color:#7ba3ab;color:var(--gs-ink-soft);cursor:pointer;gap:8px;height:38px;justify-content:center;padding:0;transition:all .2s ease;width:38px}.gs-action:hover{background:#ffffff1a;color:#c8e8ed;color:var(--gs-ink);transform:scale(1.05)}.gs-action:focus-visible{outline:2px solid #1a8fa0;outline:2px solid var(--gs-accent);outline-offset:2px}.gs-back{align-items:center;background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:12px;color:#7ba3ab;color:var(--gs-ink-soft);cursor:pointer;display:inline-flex;font:700 .85rem/1 Inter,sans-serif;gap:8px;height:38px;padding:0 14px;transition:all .2s ease}.gs-back:hover{background:#ffffff1a;color:#c8e8ed;color:var(--gs-ink)}.gs-back:focus-visible{outline:2px solid #1a8fa0;outline:2px solid var(--gs-accent);outline-offset:2px}.gs-head{background:#132529;background:var(--gs-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:20px;flex-shrink:0;margin:0 auto clamp(12px,1.8vh,24px);margin:0 auto var(--gs-gap);max-width:720px;padding:10px 26px;text-align:center}.gs-head h1{color:#7ba3ab;color:var(--gs-ink-soft);font-size:.72rem;font-weight:800;letter-spacing:.12em;line-height:1.2;margin:0 0 4px;text-transform:uppercase}.gs-head p{color:#c8e8ed;color:var(--gs-ink);font-size:clamp(.82rem,1.5vh,1rem);font-size:var(--gs-sub);font-weight:600;line-height:1.4;margin:0 auto;max-width:620px}.gs-mode-row{display:flex;flex-shrink:0;gap:10px;justify-content:center;margin-bottom:clamp(12px,1.8vh,24px);margin-bottom:var(--gs-gap)}.gs-mode-btn{align-items:center;background:#ffffff0a;border:1px solid #0000;border-radius:20px;color:#7ba3ab;color:var(--gs-ink-soft);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:8px;min-height:44px;padding:0 20px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s var(--gs-ease)}.gs-mode-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 16px #6366f14d;color:#fff;transform:scale(1.05)}.gs-mode-sub{color:#7ba3ab;color:var(--gs-ink-soft);flex-shrink:0;font-size:.78rem;font-weight:600;margin:-8px 0 clamp(12px,1.8vh,24px);margin:-8px 0 var(--gs-gap);text-align:center}.gs-grid{grid-gap:clamp(12px,1.6vw,22px);align-content:center;align-items:stretch;display:grid;flex:1 1 auto;gap:clamp(12px,1.6vw,22px);grid-auto-rows:minmax(0,max-content);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1120px;min-height:0;overflow:hidden;width:100%}.gs-card{align-items:center;background:#132529;background:var(--gs-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:24px;box-shadow:inset 0 1px 1px #ffffff0a,0 8px 32px #00000040;box-shadow:var(--gs-shadow-card);cursor:pointer;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;padding:clamp(16px,2.2vh,26px) clamp(14px,1.5vw,22px);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s var(--gs-ease)}.gs-card:hover{border-color:var(--lvl);box-shadow:0 16px 48px -12px #0000008c,inset 0 1px 1px #ffffff1a,0 0 24px var(--lvl-soft);box-shadow:var(--gs-shadow-hover),0 0 24px var(--lvl-soft);transform:translateY(-4px)}.gs-card:focus-visible{outline:3px solid var(--lvl);outline-offset:3px}.gs-card:before{background:linear-gradient(90deg,var(--lvl),var(--lvl));background:linear-gradient(90deg,var(--lvl),var(--lvl-2,var(--lvl)));border-radius:24px 24px 0 0;content:"";height:3px;inset:0 0 auto 0;position:absolute}.gs-card-num{align-items:center;background:var(--lvl);border-radius:8px;color:#fff;display:flex;font-size:.75rem;font-weight:800;height:28px;justify-content:center;margin-bottom:10px;width:28px}.gs-card-emoji{font-size:clamp(1.6rem,3.4vh,2.4rem);line-height:1;margin-bottom:6px}.gs-card-name{color:#fff;color:var(--gs-ink-bright);font-size:clamp(.78rem,1.5vh,.9rem);font-weight:800;letter-spacing:.1em;margin:0 0 4px;text-transform:uppercase}.gs-card-desc{color:#7ba3ab;color:var(--gs-ink-soft);font-size:clamp(.74rem,1.4vh,.86rem);font-weight:600;line-height:1.4;margin:0 0 10px}.gs-card-preview{align-items:center;flex:0 1 auto;gap:8px;margin:4px 0 12px;max-height:clamp(72px,13vh,120px);min-height:clamp(56px,9vh,84px);overflow:hidden;width:100%}.gs-card-preview,.gs-card-specs{display:flex;flex-wrap:wrap;justify-content:center}.gs-card-specs{align-content:flex-start;gap:6px;margin-bottom:12px;min-height:52px}.gs-spec{color:var(--lvl);font-size:.7rem;padding:4px 10px}.gs-finger,.gs-spec{background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:999px;border-radius:var(--gs-radius-pill);font-weight:800;white-space:nowrap}.gs-finger{align-items:center;color:#c8e8ed;color:var(--gs-ink);display:inline-flex;font-size:.74rem;gap:6px;padding:3px 10px 3px 3px}.gs-finger-dot{background:var(--fc);border-radius:50%;color:#14103a;display:inline-grid;flex-shrink:0;font-size:.68rem;font-weight:900;height:20px;place-items:center;width:20px}.gs-card-play{align-items:center;background:var(--lvl);border:none;border-radius:14px;border-radius:var(--gs-radius-btn);color:#fff;cursor:pointer;display:inline-flex;font-size:.92rem;font-weight:800;gap:8px;justify-content:center;margin-top:auto;min-height:46px;transition:filter .18s,transform .18s cubic-bezier(.4,0,.2,1);transition:filter .18s,transform .18s var(--gs-ease);width:100%}.gs-card-play:hover{filter:brightness(1.08);transform:translateY(-2px)}.gs-foot{color:#7ba3ab;color:var(--gs-ink-soft);flex-shrink:0;font-size:.8rem;font-weight:600;margin-top:clamp(12px,1.8vh,24px);margin-top:var(--gs-gap);position:relative;text-align:center;z-index:2}@media (max-width:820px){.gs-page{height:auto;overflow-y:auto}.gs-grid{grid-template-columns:1fr;max-width:460px}.gs-card-preview{min-height:60px}}.gs-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9000}.gs-modal{background:#0d1a1d99;background:var(--gs-surface);border-radius:26px;box-shadow:0 24px 60px #0000004d;color:#c8e8ed;color:var(--gs-ink);max-height:86dvh;max-width:560px;overflow-y:auto;padding:26px 28px 22px;text-align:center;width:100%}.gs-modal-emoji{font-size:3rem;line-height:1}.gs-modal h2{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin:8px 0 6px}.gs-modal-lead{color:#7ba3ab;color:var(--gs-ink-soft);font-size:.94rem;font-weight:600;line-height:1.5;margin:0 0 18px}.gs-steps{list-style:none;margin:0 0 18px;padding:0;text-align:left}.gs-steps li{align-items:flex-start;background:#ffffff0f;background:var(--gs-surface-2);border-radius:14px;display:flex;font-size:.9rem;font-weight:600;gap:12px;line-height:1.45;margin-bottom:8px;padding:9px 12px}.gs-step-num{background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2));border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:.78rem;font-weight:900;height:26px;place-items:center;width:26px}.gs-modal-actions{display:flex;gap:10px}.gs-btn-ghost,.gs-btn-primary{align-items:center;border-radius:14px;border-radius:var(--gs-radius-btn);cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:800;gap:8px;justify-content:center;min-height:48px;transition:transform .18s cubic-bezier(.4,0,.2,1),filter .18s;transition:transform .18s var(--gs-ease),filter .18s}.gs-btn-primary{background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2));border:none;color:#fff}.gs-btn-ghost{background:#0000;border:2px solid #7ba3ab;border:2px solid var(--gs-ink-soft);color:#c8e8ed;color:var(--gs-ink)}.gs-btn-ghost:hover,.gs-btn-primary:hover{transform:translateY(-2px)}.gs-hud{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;background:var(--gs-surface-2);border-radius:999px;border-radius:var(--gs-radius-pill);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:8px 14px}.gs-hud-left,.gs-hud-right{align-items:center;display:flex;gap:8px}.gs-hud-stat{align-items:center;background:#0d1a1d99;background:var(--gs-surface);color:#c8e8ed;color:var(--gs-ink);display:inline-flex;font-size:.85rem;gap:6px;white-space:nowrap}.gs-hud-level,.gs-hud-stat{border-radius:999px;border-radius:var(--gs-radius-pill);font-weight:800;padding:6px 14px}.gs-hud-level{background:#1a8fa0;background:var(--lvl,var(--gs-accent));color:#fff;font-size:.8rem;text-transform:capitalize}.bg-hand-hint,.gs-hand-hint{animation:gs-hint-pulse 1.8s ease-in-out infinite;background:#0f172ad1;border-radius:999px;border-radius:var(--gs-radius-pill);bottom:6%;color:#fff;font-size:.92rem;font-weight:700;left:50%;padding:10px 20px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:40}@keyframes gs-hint-pulse{0%,to{opacity:.78}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.bg-hand-hint,.gs-hand-hint{animation:none}}.tt-word-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;background:var(--gs-surface-2);border-radius:28px;border-radius:var(--gs-radius-card);flex-direction:column;gap:4px;margin:0 auto 10px;padding:8px 20px}.tt-word-caption{color:var(--gs-ink-soft);font-size:.7rem;font-weight:800;letter-spacing:.08em}.tt-word-letters{gap:10px}.tt-word-letter{border-bottom:3px solid;font-size:clamp(1.4rem,3.2vh,2rem);line-height:1.1;min-width:34px;text-align:center;transition:color .2s,transform .2s cubic-bezier(.4,0,.2,1);transition:color .2s,transform .2s var(--gs-ease)}.tt-word-letter.done{color:var(--gs-easy)}.tt-word-letter.active{color:#1a8fa0;color:var(--gs-accent,#22d3ee);transform:translateY(-2px)}.tt-word-letter.todo{color:var(--gs-ink-soft);opacity:.5}.gs-modal--confirm{max-width:440px}.gs-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.gs-btn-danger:hover{filter:brightness(1.06)}.gs-modal-backdrop--top{z-index:10050}.tt-ot-none{border:1.5px dashed #7ba3ab;border:1.5px dashed var(--gs-ink-soft);border-radius:28px;border-radius:var(--gs-radius-card);color:#7ba3ab;color:var(--gs-ink-soft);font-size:.9rem;font-weight:600;line-height:1.5;margin:18px auto;max-width:460px;padding:14px 18px;text-align:center}.gs-rules-overlay{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#080a16c7;display:flex;inset:0;justify-content:center;overflow-y:auto;overscroll-behavior:contain;padding:clamp(12px,3vh,24px);padding:var(--gs-rules-pad,clamp(12px,3vh,24px));position:fixed;z-index:10000}.gs-rules-card{--gs-rules-pad:clamp(12px,3vh,24px);background:linear-gradient(160deg,#132529f5,#090b14f5);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:24px;box-shadow:0 25px 60px -12px #0009;color:#c8e8ed;color:var(--gs-ink);display:flex;flex-direction:column;margin:auto;max-height:calc(100dvh - var(--gs-rules-pad)*2);min-height:0;padding:clamp(16px,2.6vh,28px);width:min(560px,100%)}[data-game-theme=light] .gs-rules-card{background:linear-gradient(160deg,#fff,#f1f5f9)}.gs-rules-head,.gs-rules-note,.gs-rules-start{flex:0 0 auto}.gs-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:clamp(12px,2.2vh,22px)}.gs-rules-badge{background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2));border-radius:18px;box-shadow:0 8px 24px #1a8fa04d;box-shadow:0 8px 24px var(--gs-accent-glow);display:grid;flex:none;font-size:1.9rem;height:58px;place-items:center;width:58px}.gs-rules-title{color:#fff;color:var(--gs-ink-bright);font-size:1.55rem;font-weight:800;margin:0}.gs-rules-sub{color:#7ba3ab;color:var(--gs-ink-soft);font-size:.95rem;margin:4px 0 0}.gs-rules-list{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(8px,1.4vh,12px);list-style:none;margin:0 0 clamp(12px,2vh,20px);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0}.gs-rules-list li{align-items:flex-start;display:flex;font-size:1rem;gap:12px;line-height:1.45}.gs-rule-icon{border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:11px;display:grid;flex:none;font-size:1.1rem;height:34px;place-items:center;width:34px}.gs-rule-icon,.gs-rules-note{background:#ffffff0f;background:var(--gs-surface-2)}.gs-rules-note{border:1px dashed #ffffff0f;border:1px dashed var(--gs-border);border-radius:14px;color:#7ba3ab;color:var(--gs-ink-soft);font-size:.86rem;line-height:1.5;margin-bottom:20px;padding:12px 14px}.gs-rules-note strong{color:#e8841a;color:var(--gs-warm)}.gs-rules-start{align-items:center;background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2));border:none;border-radius:16px;box-shadow:0 10px 30px -8px #1a8fa04d;box-shadow:0 10px 30px -8px var(--gs-accent-glow);color:#fff;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:800;gap:10px;justify-content:center;min-height:52px;transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s;transition:transform .2s var(--gs-ease),filter .2s;width:100%}.gs-rules-start:hover{filter:brightness(1.08);transform:translateY(-2px)}.bg-page.bg-page,.fc-page.fc-page,.fpp-page.fpp-page,.lb-page.lb-page,.pcg-page.pcg-page{background:radial-gradient(circle at 15% 50%,#6366f126,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 45%),radial-gradient(circle at 50% 85%,#22d3ee1a,#0000 50%),linear-gradient(135deg,#090b14,#111424 50%,#0a0c16);background:radial-gradient(circle at 15% 50%,var(--gs-bg-grad-1),#0000 40%),radial-gradient(circle at 85% 30%,var(--gs-bg-grad-2),#0000 45%),radial-gradient(circle at 50% 85%,var(--gs-bg-grad-3),#0000 50%),linear-gradient(135deg,var(--gs-bg-base-start) 0,var(--gs-bg-base-mid) 50%,var(--gs-bg-base-end) 100%);background-attachment:fixed;background-size:100% 100%;color:#c8e8ed;color:var(--gs-ink)}.bg-header.bg-header,.fc-header.fc-header,.fpp-header.fpp-header,.lb-header.lb-header,.pcg-header.pcg-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d1a1d99;background:var(--gs-surface);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--gs-border);box-shadow:none;padding:12px 24px}.bg-icon-btn.bg-icon-btn,.fc-sound-btn.fc-sound-btn,.fpp-icon-btn.fpp-icon-btn,.lb-icon-btn.lb-icon-btn,.pcg-icon-btn.pcg-icon-btn,.tt-icon-btn.tt-icon-btn{align-items:center;background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:12px;color:#7ba3ab;color:var(--gs-ink-soft);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.bg-icon-btn.bg-icon-btn:hover,.fc-sound-btn.fc-sound-btn:hover,.fpp-icon-btn.fpp-icon-btn:hover,.lb-icon-btn.lb-icon-btn:hover,.pcg-icon-btn.pcg-icon-btn:hover,.tt-icon-btn.tt-icon-btn:hover{background:#ffffff1a;color:#c8e8ed;color:var(--gs-ink);transform:scale(1.05)}.bg-icon-btn.bg-icon-btn:disabled,.fpp-icon-btn.fpp-icon-btn:disabled,.lb-icon-btn.lb-icon-btn:disabled,.pcg-icon-btn.pcg-icon-btn:disabled{cursor:default;opacity:.45;transform:none}.gs-end-btn.gs-end-btn{border-color:#ef444473;color:#fca5a5}.gs-end-btn.gs-end-btn:hover{background:#ef44442e;color:#fee2e2}.bg-level-chip.bg-level-chip,.bg-stat.bg-stat,.fc-timer.fc-timer,.fpp-level-chip.fpp-level-chip,.fpp-stat.fpp-stat,.lb-level-chip.lb-level-chip,.lb-stat.lb-stat,.pcg-level-chip.pcg-level-chip,.pcg-stat.pcg-stat{background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);color:#c8e8ed;color:var(--gs-ink)}.fc-exit-btn.fc-exit-btn{background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:12px;color:#7ba3ab;color:var(--gs-ink-soft);height:38px;padding:0 14px}.fc-exit-btn.fc-exit-btn:hover{background:#ffffff1a;color:#c8e8ed;color:var(--gs-ink)}.gs-page--options{--gs-gap:clamp(6px,1.1vh,16px);padding-bottom:clamp(8px,1.4vh,18px)}.gs-content{flex:1 1 auto;flex-direction:column;gap:clamp(12px,1.8vh,24px);gap:var(--gs-gap);margin:0 auto;max-width:1040px;width:100%}.gs-content,.gs-section{display:flex;min-height:0}.gs-section{flex:0 1 auto;flex-direction:column}.gs-section-title{font-size:clamp(.6rem,1.1vh,.72rem);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gs-section-hint,.gs-section-title{color:#7ba3ab;color:var(--gs-ink-soft);flex:none}.gs-section-hint{font-size:clamp(.7rem,1.2vh,.82rem);line-height:1.35;margin:2px 0 6px}.gs-opt-grid{grid-gap:clamp(6px,.9vw,12px);align-items:stretch;display:grid;flex:1 1 auto;gap:clamp(6px,.9vw,12px);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));min-height:0}@media (max-width:900px){.gs-opt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.gs-opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gs-opt{align-items:center;background:#132529;background:var(--gs-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:16px;color:#c8e8ed;color:var(--gs-ink);cursor:pointer;display:flex;flex-direction:column;gap:clamp(2px,.5vh,6px);justify-content:center;min-height:0;overflow:hidden;padding:clamp(8px,1.4vh,16px) clamp(6px,.8vw,12px);position:relative;text-align:center;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);transition:border-color .25s var(--gs-ease),box-shadow .25s var(--gs-ease),transform .25s var(--gs-ease)}.gs-opt:hover:not(:disabled){transform:translateY(-2px)}.gs-opt.active,.gs-opt:hover:not(:disabled){border-color:#1a8fa0;border-color:var(--opt,var(--gs-accent))}.gs-opt.active{box-shadow:0 0 0 1px #1a8fa0;box-shadow:0 0 0 1px var(--opt,var(--gs-accent))}.gs-opt:disabled{cursor:not-allowed;opacity:.4}.gs-opt-emoji{font-size:clamp(1.05rem,2.2vh,1.55rem);line-height:1}.gs-opt-label{color:#fff;color:var(--gs-ink-bright);font-size:clamp(.72rem,1.4vh,.88rem);font-weight:800;line-height:1.15}.gs-opt.active .gs-opt-label{color:#1a8fa0;color:var(--opt,var(--gs-accent))}.gs-opt-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#7ba3ab;color:var(--gs-ink-soft);display:-webkit-box;font-size:clamp(.62rem,1.1vh,.74rem);line-height:1.3;overflow:hidden}@media (max-height:740px){.gs-opt-desc{-webkit-line-clamp:2}}@media (max-height:640px){.gs-opt-desc{display:none}}.gs-opt-tag{align-items:center;background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:999px;color:#7ba3ab;color:var(--gs-ink-soft);display:inline-flex;font-size:.55rem;font-weight:800;gap:3px;letter-spacing:.05em;padding:1px 6px;position:absolute;right:5px;top:5px}.gs-opt-tag--warn{border-color:#ef444466;color:#fca5a5}.gs-key-preview{align-items:flex-end;display:flex;gap:3px;height:clamp(14px,2.4vh,24px)}.gs-key-preview i{background:#7ba3ab;background:var(--gs-ink-soft);border-radius:3px;display:block;max-height:100%}.gs-opt.active .gs-key-preview i{background:#1a8fa0;background:var(--opt,var(--gs-accent))}.gs-key-more{color:#7ba3ab;color:var(--gs-ink-soft);font-size:.58rem;font-weight:700}.gs-stat-chip{align-items:center;background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:12px;display:flex;gap:7px;height:38px;padding:0 12px;white-space:nowrap}.gs-stat-chip svg{color:#1a8fa0;color:var(--gs-accent);flex:none}.gs-stat-val{color:#fff;color:var(--gs-ink-bright);font-size:.85rem;font-weight:800;line-height:1.1}.gs-stat-lbl{color:#7ba3ab;color:var(--gs-ink-soft);font-size:.62rem;line-height:1.1}@media (max-width:1180px){.gs-stat-chip .gs-stat-lbl{display:none}}@media (max-width:900px){.gs-stats-inline{display:none}}.gs-note,.gs-stats-inline{align-items:center;display:flex;gap:8px}.gs-note{background:#ffffff0f;background:var(--gs-surface-2);border:1px dashed #ffffff0f;border:1px dashed var(--gs-border);border-radius:12px;color:#7ba3ab;color:var(--gs-ink-soft);flex:none;font-size:clamp(.7rem,1.2vh,.82rem);line-height:1.35;padding:clamp(6px,1vh,10px) 12px}.gs-note strong,.gs-note-title{color:#fff;color:var(--gs-ink-bright)}.gs-note-title{font-weight:800}.gs-summary{align-items:center;background:#ffffff0f;background:var(--gs-surface-2);border:1px solid #ffffff0f;border:1px solid var(--gs-border);border-radius:14px;display:flex;flex:none;flex-wrap:wrap;gap:7px;justify-content:center;padding:clamp(6px,1vh,10px)}.gs-summary-label{color:#7ba3ab;color:var(--gs-ink-soft);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gs-summary-badge{background:#132529;background:var(--gs-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--bd,var(--gs-border));border-radius:999px;color:#c8e8ed;color:var(--fg,var(--gs-ink));font-size:clamp(.7rem,1.2vh,.8rem);font-weight:700;padding:4px 10px;white-space:nowrap}.gs-summary-plus{color:#7ba3ab;color:var(--gs-ink-soft);font-weight:700}.gs-start-btn{align-items:center;background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--gs-accent),var(--gs-accent-2));border:none;border-radius:14px;box-shadow:0 10px 30px -8px #1a8fa04d;box-shadow:0 10px 30px -8px var(--gs-accent-glow);color:#fff;cursor:pointer;display:inline-flex;flex:none;font-size:clamp(.92rem,1.9vh,1.05rem);font-weight:800;gap:10px;justify-content:center;min-height:clamp(42px,6.2vh,54px);transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s;transition:transform .2s var(--gs-ease),filter .2s;width:100%}.gs-start-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}@media (max-height:680px){.gs-page--options .gs-foot{display:none}}.ptg-root{background:#0f1e22;display:flex;font-family:Inter,sans-serif;height:100vh;max-width:100%;overflow:hidden;position:relative;width:100%}.ptg-left{background:#0f1e22f2;border-right:1px solid #8b5cf61f;display:flex;flex-direction:column;gap:12px;min-width:260px;overflow-y:auto;padding:16px;width:260px}.ptg-camera-box{aspect-ratio:4/3;background:#0a1518;border:1px solid #8b5cf626;border-radius:16px;flex-shrink:0;overflow:hidden;position:relative;width:100%}.ptg-camera-box video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.ptg-camera-box canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scaleX(-1);width:100%}.ptg-camera-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#8b5cf699;border-radius:6px;bottom:8px;color:#fff;font-size:.62rem;font-weight:700;left:8px;letter-spacing:.06em;padding:3px 8px;position:absolute;text-transform:uppercase}.ptg-tracking-dot{animation:ptg-pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;height:8px;position:absolute;right:8px;top:8px;width:8px}.ptg-tracking-dot.inactive{background:#ef4444;box-shadow:0 0 8px #ef444499}.ptg-center{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:24px;position:relative}.ptg-game-canvas-wrap{background:radial-gradient(ellipse at center,#8b5cf60f 0,#0000 70%);border:1px solid #8b5cf61a;border-radius:24px;height:min(80vw,500px);max-height:500px;max-width:500px;position:relative;width:min(80vw,500px)}.ptg-game-canvas{border-radius:24px;display:block;height:100%;width:100%}.ptg-path-info{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:14px;display:flex;gap:12px;margin-bottom:16px;padding:10px 20px}.ptg-path-emoji{font-size:1.6rem}.ptg-path-name{color:#e2e8f0;font-size:1rem;font-weight:700}.ptg-path-counter{color:#8b5cf6b3;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-left:auto}.ptg-right{background:#0f1e22f2;border-left:1px solid #8b5cf61f;display:flex;flex-direction:column;gap:12px;min-width:240px;overflow-y:auto;padding:16px;width:240px}.ptg-score-card{background:linear-gradient(135deg,#8b5cf61f,#581c8714);border:1px solid #8b5cf633;border-radius:16px;padding:16px;text-align:center}.ptg-score-label{color:#8b5cf699;font-size:.65rem;font-weight:700;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.ptg-score-value{color:#c4b5fd;font-family:Inter,sans-serif;font-size:2rem;font-weight:800;line-height:1}.ptg-score-unit{color:#8b5cf666;font-size:.85rem;font-weight:600}.ptg-metric{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:12px}.ptg-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ptg-metric-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ptg-metric-value{color:#e2e8f0;font-size:.9rem;font-weight:800}.ptg-metric-bar{background:#ffffff0f;border-radius:4px;height:4px;overflow:hidden}.ptg-metric-bar-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.ptg-paw-cursor{filter:drop-shadow(0 0 12px rgba(139,92,246,.5));font-size:2rem;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:left .05s linear,top .05s linear;z-index:9999}.ptg-paw-cursor.on-path{filter:drop-shadow(0 0 16px rgba(34,197,94,.7))}.ptg-paw-cursor.off-path{filter:drop-shadow(0 0 16px rgba(239,68,68,.6))}.ptg-progress-bar{background:#ffffff0f;border-radius:6px;height:6px;margin-top:12px;overflow:hidden;width:100%}.ptg-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd);border-radius:6px;height:100%;transition:width .3s ease-out}.ptg-countdown-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1e22eb;border-radius:24px;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:100}.ptg-countdown-number{color:#c4b5fd;font-family:Inter,sans-serif;font-size:8rem;font-weight:900;line-height:1;text-shadow:0 0 60px #8b5cf680}.ptg-countdown-text{color:#94a3b8;font-size:1.1rem;font-weight:600;margin-top:8px}.ptg-celebration{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1e22e0;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:500}.ptg-celebration-content{text-align:center;z-index:501}.ptg-celebration-emoji{filter:drop-shadow(0 0 30px rgba(255,215,0,.8));font-size:5rem}.ptg-celebration-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c4b5fd,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;font-family:Inter,sans-serif;font-size:2.2rem;font-weight:900;margin-top:12px}.ptg-timer{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;display:flex;gap:6px;padding:8px 14px}.ptg-timer-value{color:#e2e8f0;font-family:Inter,monospace;font-size:.9rem;font-weight:700}.ptg-sound-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:10px;color:#a78bfa;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.ptg-sound-btn:hover{background:#8b5cf633}.ptg-sound-btn.muted{border-color:#ffffff0f;color:#475569}.ptg-topbar{background:linear-gradient(180deg,#0f1e22cc,#0000);justify-content:space-between;left:0;padding:12px 20px;position:absolute;right:0;top:0;z-index:50}.ptg-topbar,.ptg-topbar-left{align-items:center;display:flex}.ptg-topbar-left{gap:10px}.ptg-topbar-right{align-items:center;display:flex;gap:8px}.ptg-back-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.ptg-back-btn:hover{background:#ffffff1a;color:#e2e8f0}.ptg-game-title{color:#e2e8f0;font-family:Inter,sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.01em}.ptg-game-title span{color:#8b5cf6}@keyframes ptg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}@keyframes ptg-glow-pulse{0%,to{box-shadow:0 0 12px #8b5cf666}50%{box-shadow:0 0 28px #8b5cf6cc}}@keyframes ptg-dash-march{to{stroke-dashoffset:-20}}@keyframes ptg-particle-float{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(0)}}@keyframes ptg-draw-path{0%{stroke-dashoffset:var(--path-length)}to{stroke-dashoffset:0}}.ptg-diff-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.ptg-desktop-only{display:flex!important}.ptg-mobile-only{display:none!important}@media (max-width:1100px){.ptg-desktop-only{display:none!important}.ptg-mobile-only{display:flex!important}.ptg-root{flex-direction:column!important;height:auto!important;max-width:100%!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important}.ptg-left,.ptg-right{border:none!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;min-width:0!important;min-width:auto!important;padding:12px!important;width:100%!important}.ptg-left{border-top:1px solid #8b5cf61a!important;order:2}.ptg-center{min-height:450px;order:1;padding-top:70px!important}.ptg-right{border-top:1px solid #8b5cf61a!important;order:3}.ptg-camera-box{aspect-ratio:auto;height:150px!important;width:200px!important}.ptg-game-canvas-wrap{height:min(90vw,400px)!important;width:min(90vw,400px)!important}.ptg-menu-toggle-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex!important;height:36px;justify-content:center;transition:all .2s;width:36px}.ptg-menu-toggle-btn:hover{background:#ffffff1a;color:#e2e8f0}.ptg-mobile-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1e22f5;border:1px solid #8b5cf640;border-radius:16px;box-shadow:0 10px 30px #00000080,0 0 20px #8b5cf626;display:flex;flex-direction:column;gap:14px;left:20px;padding:16px;position:absolute;right:20px;top:60px;z-index:120}.ptg-dropdown-row{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding-bottom:10px}.ptg-dropdown-path-info{align-items:center;background:#8b5cf614;border:1px solid #8b5cf626;border-radius:10px;display:flex;gap:10px;padding:8px 12px}.ptg-dropdown-path-emoji{font-size:1.3rem}.ptg-dropdown-path-name{color:#e2e8f0;font-size:.9rem;font-weight:700}.ptg-dropdown-path-counter{color:#a78bfa;font-size:.75rem;font-weight:600;margin-left:auto}.ptg-dropdown-controls{display:flex;gap:10px;width:100%}}@media (max-width:640px){.ptg-center{padding:12px!important}.ptg-game-canvas-wrap{height:min(95vw,350px)!important;width:min(95vw,350px)!important}.ptg-path-info{padding:8px 14px}.ptg-topbar{padding:10px 14px}.ptg-score-value{font-size:1.5rem}}.admin-root{background:#0b1120;color:#e2e8f0;display:flex;font-family:Inter,sans-serif;min-height:100dvh}.admin-sidebar{background:linear-gradient(180deg,#111827,#0f172a);border-right:1px solid #ffffff0f;display:flex;flex-direction:column;height:100dvh;min-width:260px;overflow-y:auto;padding:28px 16px 20px;position:sticky;top:0;width:260px;z-index:100}.admin-sidebar-logo{align-items:center;display:flex;gap:10px;margin-bottom:8px}.admin-sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#1a8fa0,#0d5e6b);border-radius:12px;box-shadow:0 4px 16px #1a8fa059;display:flex;font-size:1.1rem;height:38px;justify-content:center;width:38px}.admin-sidebar-logo-text{color:#f1f5f9;font-size:1.1rem;font-weight:800;letter-spacing:-.01em}.admin-sidebar-logo-text span{color:#1a8fa0}.admin-sidebar-role{color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:.12em;margin-bottom:28px;padding-left:48px;text-transform:uppercase}.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px}.admin-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;gap:12px;padding:12px 14px;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.admin-nav-item:hover{background:#1a8fa014;color:#cbd5e1}.admin-nav-item.active{background:#1a8fa026;border-color:#1a8fa040;box-shadow:0 0 20px #1a8fa014;color:#67e8f9}.admin-nav-item.active svg{color:#22d3ee}.admin-sidebar-spacer{flex:1 1}.admin-logout-btn{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:12px;color:#fca5a5;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:11px 16px;transition:all .2s;width:100%}.admin-logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#fee2e2}.admin-main{flex:1 1;max-height:100dvh;min-width:0;overflow-y:auto;padding:28px 32px}.admin-page-header{margin-bottom:28px}.admin-page-title{color:#f1f5f9;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.admin-page-subtitle{color:#64748b;font-size:.88rem;font-weight:500}.admin-card{background:#1e293b;border:1px solid #ffffff0f;border-radius:16px;box-shadow:0 4px 24px #0003;margin-bottom:20px;padding:24px}.admin-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.admin-card-title{align-items:center;color:#e2e8f0;display:flex;font-size:1rem;font-weight:700;gap:8px}.admin-table{border-collapse:collapse;width:100%}.admin-table thead th{background:#0f172a99;border-bottom:1px solid #ffffff0f;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-table thead th:first-child{border-radius:10px 0 0 0}.admin-table thead th:last-child{border-radius:0 10px 0 0}.admin-table tbody td{border-bottom:1px solid #ffffff0a;color:#cbd5e1;font-size:.88rem;padding:14px 16px;vertical-align:middle}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#1a8fa00d}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr.selected-row{background:#1a8fa01f}.admin-table tbody tr.selected-row td{color:#67e8f9}.admin-table-clickable tbody tr{cursor:pointer}.admin-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.admin-form-group{display:flex;flex-direction:column;gap:6px}.admin-form-group.full-width{grid-column:1/-1}.admin-form-label{color:#94a3b8;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.admin-form-input,.admin-form-select,.admin-form-textarea{background:#0f172a;border:1.5px solid #ffffff14;border-radius:10px;color:#e2e8f0;font-family:Inter,sans-serif;font-size:.88rem;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{border-color:#1a8fa0;box-shadow:0 0 0 3px #1a8fa026;outline:none}.admin-form-input::placeholder,.admin-form-textarea::placeholder{color:#475569}.admin-form-textarea{min-height:80px;resize:vertical}.admin-form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.admin-form-select option{background:#1e293b;color:#e2e8f0}.admin-toggle-wrap{align-items:center;display:flex;gap:12px;padding:8px 0}.admin-toggle{background:#334155;border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:0;position:relative;transition:background .2s;width:44px}.admin-toggle.active{background:#1a8fa0}.admin-toggle:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.admin-toggle.active:after{transform:translateX(20px)}.admin-toggle-label{color:#94a3b8;font-size:.85rem;font-weight:600}.admin-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.admin-btn-primary{background:linear-gradient(135deg,#1a8fa0,#0d5e6b);box-shadow:0 4px 14px #1a8fa04d;color:#fff}.admin-btn-primary:hover{box-shadow:0 6px 20px #1a8fa073;transform:translateY(-1px)}.admin-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.admin-btn-danger{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.admin-btn-danger:hover{background:#ef444433;border-color:#ef444459;color:#fee2e2}.admin-btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.admin-btn-secondary:hover{background:#ffffff1a;color:#e2e8f0}.admin-btn-csv{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #0596694d;color:#fff}.admin-btn-csv:hover{box-shadow:0 6px 20px #05966973;transform:translateY(-1px)}.admin-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.72rem;font-weight:700;gap:4px;padding:4px 10px}.admin-badge-teal{background:#1a8fa026;color:#67e8f9}.admin-badge-orange{background:#e8841a26;color:#fdba74}.admin-badge-green{background:#22c55e26;color:#86efac}.admin-badge-red{background:#ef444426;color:#fca5a5}.admin-badge-purple{background:#8b5cf626;color:#c4b5fd}.admin-tags-wrap{display:flex;flex-wrap:wrap;gap:8px}.admin-tag{background:#ffffff08;border:1.5px solid #ffffff14;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px;transition:all .15s}.admin-tag:hover{background:#1a8fa00d;border-color:#1a8fa04d}.admin-tag.selected{background:#1a8fa033;border-color:#1a8fa066;color:#67e8f9}.admin-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:20px}.admin-page-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:4px;padding:7px 14px;transition:all .15s}.admin-page-btn:hover:not(:disabled){background:#1a8fa01a;border-color:#1a8fa040;color:#e2e8f0}.admin-page-btn:disabled{cursor:not-allowed;opacity:.35}.admin-page-num{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.82rem;font-weight:700;height:34px;justify-content:center;transition:all .15s;width:34px}.admin-page-num.active{background:#1a8fa033;border-color:#1a8fa059;color:#67e8f9}.admin-page-num:hover:not(.active){background:#ffffff0d;color:#cbd5e1}.admin-spec-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-spec-card{align-items:flex-start;background:#0f172a;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:14px;padding:18px;transition:border-color .2s,box-shadow .2s}.admin-spec-card:hover{border-color:#1a8fa033;box-shadow:0 4px 20px #00000040}.admin-spec-avatar{background:#1e293b;border-radius:12px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.admin-spec-info{flex:1 1;min-width:0}.admin-spec-name{color:#f1f5f9;font-size:.92rem;font-weight:700;margin-bottom:2px}.admin-spec-specialty{color:#64748b;font-size:.78rem;margin-bottom:4px}.admin-spec-location{color:#475569;font-size:.72rem}.admin-resource-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-resource-card{background:#0f172a;border:1px solid #ffffff0f;border-radius:14px;display:flex;gap:14px;padding:16px;transition:border-color .2s}.admin-resource-card:hover{border-color:#1a8fa033}.admin-resource-thumb{background:#1e293b;border-radius:10px;flex-shrink:0;height:60px;object-fit:cover;width:80px}.admin-resource-info{flex:1 1;min-width:0}.admin-resource-title{color:#f1f5f9;font-size:.88rem;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-resource-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.admin-search-wrap{margin-bottom:16px;position:relative}.admin-search-wrap svg{color:#475569;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-input{background:#0f172a;border:1.5px solid #ffffff14;border-radius:10px;color:#e2e8f0;font-family:Inter,sans-serif;font-size:.88rem;padding:11px 14px 11px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.admin-search-input:focus{border-color:#1a8fa0;box-shadow:0 0 0 3px #1a8fa01f;outline:none}.admin-search-input::placeholder{color:#475569}.admin-breadcrumb{align-items:center;display:flex;font-size:.82rem;gap:8px;margin-bottom:16px}.admin-breadcrumb-item{color:#64748b;cursor:pointer;font-weight:600;transition:color .15s}.admin-breadcrumb-item:hover{color:#1a8fa0}.admin-breadcrumb-sep{color:#334155}.admin-breadcrumb-current{color:#e2e8f0;font-weight:700}.admin-empty{color:#475569;font-size:.9rem;padding:48px 24px;text-align:center}.admin-empty-emoji{font-size:2.5rem;margin-bottom:12px}.admin-login-root{align-items:center;background:#0b1120;display:flex;justify-content:center;min-height:100dvh;padding:24px}.admin-login-card{background:#1e293b;border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 20px 60px #0006;max-width:420px;padding:40px 36px;width:100%}.admin-login-logo{margin-bottom:32px;text-align:center}.admin-login-logo-icon{align-items:center;background:linear-gradient(135deg,#1a8fa0,#0d5e6b);border-radius:18px;box-shadow:0 8px 30px #1a8fa059;display:inline-flex;font-size:1.5rem;height:56px;justify-content:center;margin-bottom:16px;width:56px}.admin-login-title{color:#f1f5f9;font-size:1.4rem;font-weight:800;margin-bottom:4px}.admin-login-subtitle{color:#64748b;font-size:.85rem}.admin-login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#fca5a5;font-size:.82rem;margin-bottom:16px;padding:10px 14px;text-align:center}.admin-mobile-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000004d;color:#e2e8f0;cursor:pointer;display:none;font-size:.85rem;font-weight:700;gap:8px;left:14px;padding:8px 14px;position:fixed;top:14px;z-index:2100}.admin-confirm-overlay{align-items:center;animation:adminFadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:5000}.admin-confirm-box{background:#1e293b;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:28px;text-align:center;width:90%}.admin-confirm-title{color:#f1f5f9;font-size:1.1rem;font-weight:800;margin-bottom:8px}.admin-confirm-text{color:#94a3b8;font-size:.88rem;line-height:1.5;margin-bottom:24px}.admin-confirm-actions{display:flex;gap:12px;justify-content:center}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.admin-sidebar{bottom:0;box-shadow:20px 0 50px #00000080;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2001}.admin-sidebar.open{transform:translateX(0)}.admin-mobile-toggle{display:flex}.admin-main{padding:70px 16px 24px}.admin-form-grid,.admin-spec-grid{grid-template-columns:1fr}}@media (max-width:640px){.admin-main{padding:70px 10px 20px}.admin-page-title{font-size:1.3rem}.admin-card{border-radius:14px;padding:16px}.admin-resource-grid{grid-template-columns:1fr}.admin-table thead{display:none}.admin-table tbody tr{background:#0f172a;border:1px solid #ffffff0f;border-radius:12px;display:block;margin-bottom:12px;padding:12px}.admin-table tbody td{align-items:center;border-bottom:1px solid #ffffff08;display:flex;font-size:.82rem;justify-content:space-between;padding:6px 0}.admin-table tbody td:before{color:#64748b;content:attr(data-label);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.admin-table tbody td:last-child{border-bottom:none}.admin-login-card{padding:28px 20px}}.fc-page{background:#0f1e22;color:#c8e8ed;font-family:var(--font-body);min-height:100vh;position:relative}.fc-page:before{background:radial-gradient(circle,#10b98108 0,#0000 70%);height:80vw;right:-30%;top:-50%;width:80vw}.fc-page:after,.fc-page:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.fc-page:after{background:radial-gradient(circle,#22d3ee08 0,#0000 70%);bottom:-40%;height:60vw;left:-20%;width:60vw}.fc-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d1a1d99;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:16px 28px;position:relative;z-index:10}.fc-header,.fc-header-left{align-items:center;display:flex}.fc-header-left{gap:16px}.fc-score-badge{align-items:center;background:linear-gradient(135deg,#1a8fa0,#0d5e6b);border-radius:24px;box-shadow:0 4px 14px #0d5e6b4d;color:#fff;display:flex;font-size:1.05rem;font-weight:700;gap:8px;padding:8px 18px}.fc-score-badge .score-icon{font-size:1.2rem}.fc-level-badge{align-items:center;background:#22d3ee1a;border:1px solid #22d3ee33;border-radius:16px;color:#22d3ee;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 14px}.fc-header-right{align-items:center;display:flex;gap:12px}.fc-timer{font-feature-settings:"tnum";font-size:.9rem;font-variant-numeric:tabular-nums;font-weight:600}.fc-exit-btn,.fc-timer{align-items:center;color:#9ca3af;display:flex;gap:6px}.fc-exit-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all var(--transition)}.fc-exit-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444;transform:translateY(-1px)}.fc-main{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1200px;padding:24px 28px 40px;position:relative;z-index:5}.fc-game-area{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1.6fr}.fc-target-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 12px 40px #0003;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .4s ease}.fc-target-card:before{background:linear-gradient(90deg,#1a8fa0,#22d3ee,#10b981);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.fc-target-card.matched{border-color:#10b981;box-shadow:0 0 30px #10b98133,0 8px 32px #10b9811a}.fc-target-card.matched:before{background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7)}.fc-target-label{color:#9ca3af;font-size:.8rem;font-weight:600;letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.fc-target-emoji{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08));font-size:5rem;line-height:1;margin-bottom:16px;transition:transform .3s ease}.fc-target-card.matched .fc-target-emoji{animation:fc-emoji-bounce .6s ease;transform:scale(1.15)}.fc-target-name{color:#e0f2fe;font-size:1.4rem;font-weight:800;margin-bottom:8px}.fc-target-hint{color:#9ca3af;font-size:.85rem;font-weight:500}.fc-sequence-row{gap:12px;justify-content:center;margin-top:20px;padding:12px 0}.fc-seq-step,.fc-sequence-row{align-items:center;display:flex}.fc-seq-step{flex-direction:column;gap:4px;opacity:.4;transition:all .3s ease}.fc-seq-step.active{opacity:1;transform:scale(1.15)}.fc-seq-step.completed{opacity:.7}.fc-seq-step .seq-emoji{filter:grayscale(.8);font-size:2rem;transition:filter .3s ease}.fc-seq-step.active .seq-emoji,.fc-seq-step.completed .seq-emoji{filter:grayscale(0)}.fc-seq-step .seq-dot{background:#fff3;border-radius:50%;height:8px;transition:background .3s ease;width:8px}.fc-seq-step.active .seq-dot{background:#22d3ee;box-shadow:0 0 12px #22d3ee80}.fc-seq-step.completed .seq-dot{background:#10b981}.fc-seq-arrow{color:#fff3;font-size:1.2rem;font-weight:700}.fc-webcam-container{aspect-ratio:4/3;background:#0d1a1d;border:1px solid #ffffff12;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;position:relative}.fc-webcam-video{display:block;object-fit:cover}.fc-webcam-canvas,.fc-webcam-video{height:100%;transform:scaleX(-1);width:100%}.fc-webcam-canvas{left:0;pointer-events:none;position:absolute;top:0}.fc-webcam-overlay{align-items:flex-end;background:linear-gradient(#0000,#0d1a1dcc);bottom:0;display:flex;justify-content:space-between;left:0;padding:16px 20px;position:absolute;right:0}.fc-detected-label{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px}.fc-hand-indicator{animation:fc-pulse 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;display:inline-block;height:10px;width:10px}.fc-hand-indicator.no-hand{animation:none;background:#ef4444}.fc-match-section{align-items:center;display:flex;gap:32px;justify-content:center;padding:8px 0}.fc-match-ring-wrapper{height:100px;position:relative;width:100px}.fc-match-ring-svg{height:100px;transform:rotate(-90deg);width:100px}.fc-match-ring-bg{fill:none;stroke:#c8e8ed26;stroke-width:6}.fc-match-ring-progress{fill:none;stroke:#22d3ee;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .15s ease,stroke .3s ease}.fc-match-ring-progress.high{stroke:#10b981}.fc-match-center{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.fc-match-percent{color:#e0f2fe;font-size:1.5rem;font-weight:800;line-height:1}.fc-match-label{color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-top:2px;text-transform:uppercase}.fc-hold-info{align-items:center;display:flex;flex-direction:column;gap:8px}.fc-hold-bar-bg{background:#ffffff1a;border-radius:5px;height:10px;overflow:hidden;width:180px}.fc-hold-bar-fill{background:linear-gradient(90deg,#22d3ee,#10b981);border-radius:5px;height:100%;transition:width .1s linear}.fc-hold-text{color:#c8e8ed;font-size:.85rem;font-weight:600}.fc-finger-status{align-items:center;display:flex;gap:8px}.fc-finger-dot{align-items:center;display:flex;flex-direction:column;gap:3px}.fc-finger-dot .dot{background:#0000;border:2px solid #fff3;border-radius:50%;height:14px;transition:all .2s ease;width:14px}.fc-finger-dot .dot.correct{background:#10b981;border-color:#10b981;box-shadow:0 0 8px #10b98166}.fc-finger-dot .dot.wrong{background:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef44444d}.fc-finger-dot .label{color:#9ca3af;font-size:.6rem;font-weight:600;text-transform:uppercase}.fc-progress-section{align-items:center;display:flex;gap:16px}.fc-progress-bar-bg{background:#ffffff1a;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.fc-progress-bar-fill{background:linear-gradient(90deg,#e8841a,#f59e0b);border-radius:6px;height:100%;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1)}.fc-progress-bar-fill:after{animation:fc-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.fc-progress-text{color:#c8e8ed;font-size:.85rem;font-weight:700;min-width:80px;text-align:right;white-space:nowrap}.fc-encourage{align-items:center;display:flex;justify-content:center;min-height:48px;text-align:center}.fc-encourage-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.fc-countdown-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1e22d9;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}.fc-countdown-number{color:#e0f2fe;font-size:8rem;font-weight:900;line-height:1;text-shadow:0 0 40px #22d3ee80}.fc-countdown-label{color:#fff9;font-size:1.2rem;font-weight:600;letter-spacing:.2em;margin-top:16px;text-transform:uppercase}.fc-success-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:90}.fc-success-content{animation:fc-success-pop .6s cubic-bezier(.34,1.56,.64,1);text-align:center}.fc-success-emoji{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3));font-size:6rem;margin-bottom:16px}.fc-success-text{color:#10b981;font-size:2.2rem;font-weight:900;text-shadow:0 4px 20px #10b98180}.fc-success-points{color:#22d3ee;font-size:1.1rem;font-weight:700;margin-top:8px}.fc-results-overlay{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1e22e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.fc-results-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1a1df2;border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 24px 64px #0006;max-width:520px;padding:40px 48px;text-align:center;width:90%}.fc-results-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#10b981);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;margin-bottom:8px}.fc-results-subtitle{color:#9ca3af;font-size:1rem;font-weight:500;margin-bottom:28px}.fc-results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:28px}.fc-result-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:16px}.fc-result-value{color:#e0f2fe;font-size:1.8rem;font-weight:900;line-height:1}.fc-result-label{color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-top:6px;text-transform:uppercase}.fc-results-actions{display:flex;gap:12px;justify-content:center;margin-top:8px}.fc-btn-primary{background:linear-gradient(135deg,#1a8fa0,#0d5e6b);border:none;border-radius:14px;box-shadow:0 4px 14px #0d5e6b4d;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:700;padding:12px 28px;transition:all var(--transition)}.fc-btn-primary:hover{box-shadow:0 6px 20px #0d5e6b66;transform:translateY(-2px)}.fc-btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;color:#9ca3af;cursor:pointer;font-family:var(--font-body);font-size:.95rem;font-weight:700;padding:12px 28px;transition:all var(--transition)}.fc-btn-secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.fc-no-camera{align-items:center;background:#0d1a1dcc;border:2px dashed #ffffff1a;border-radius:20px;display:flex;flex-direction:column;justify-content:center;padding:48px 32px;text-align:center}.fc-no-camera-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.fc-no-camera-text{color:#c8e8ed;font-size:1.1rem;font-weight:600;margin-bottom:8px}.fc-no-camera-hint{color:#9ca3af;font-size:.85rem}.fc-sound-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#9ca3af;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all var(--transition);width:38px}.fc-sound-btn:hover{background:#ffffff1a;transform:translateY(-1px)}@keyframes fc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes fc-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes fc-emoji-bounce{0%{transform:scale(1)}40%{transform:scale(1.25)}60%{transform:scale(1.1)}to{transform:scale(1.15)}}@keyframes fc-success-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes fc-confetti-fall{0%{opacity:1;transform:translateY(-20px) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.fc-confetti-piece{animation:fc-confetti-fall 2.5s ease-in forwards;border-radius:2px;height:10px;pointer-events:none;position:fixed;top:-20px;width:10px;z-index:95}@keyframes fc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fc-difficulty-page{background:#0f1e22;font-family:var(--font-body);min-height:100vh;padding:40px 24px}.fc-difficulty-header{margin-bottom:40px;text-align:center}.fc-difficulty-back{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#c8e8ed;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all var(--transition)}.fc-difficulty-back:hover{background:#ffffff1a;transform:translateX(-4px)}.fc-difficulty-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#10b981);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;margin-bottom:8px}.fc-difficulty-subtitle{color:#9ca3af;font-size:1rem;font-weight:500}.fc-difficulty-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1100px}.fc-level-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;padding:32px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.fc-level-card:hover{border-color:#22d3ee4d;box-shadow:0 16px 48px #0006;transform:translateY(-6px)}.fc-level-card:before{background:linear-gradient(90deg,#1a8fa0,#22d3ee,#10b981);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.fc-level-emoji{font-size:3rem;margin-bottom:16px}.fc-level-name{color:#e0f2fe;font-size:1.4rem;font-weight:800;margin-bottom:6px}.fc-level-desc{color:#9ca3af;font-size:.9rem;line-height:1.5;margin-bottom:20px}.fc-level-gestures{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.fc-level-gesture-tag{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#c8e8ed;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 10px}.fc-level-play-btn{align-items:center;background:linear-gradient(135deg,#1a8fa0,#0d5e6b);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all var(--transition);width:100%}.fc-level-play-btn:hover{box-shadow:0 6px 20px #0d5e6b66;transform:translateY(-2px)}@media (max-width:900px){.fc-game-area{grid-template-columns:1fr}.fc-target-card{padding:20px 16px}.fc-target-emoji{font-size:3.5rem}.fc-header{flex-wrap:wrap;gap:8px;padding:12px 16px}.fc-match-section{flex-direction:column;gap:16px}.fc-results-card{padding:28px 24px}.fc-results-grid{gap:10px;grid-template-columns:1fr 1fr}}@media (max-width:600px){.fc-main{padding:16px 12px 32px}.fc-difficulty-grid{grid-template-columns:1fr}.fc-score-badge{font-size:.9rem;padding:6px 12px}.fc-level-badge{display:none}}.fc-results-overlay,.fc-success-overlay{align-items:flex-start;overflow-y:auto;overscroll-behavior:contain}.fc-results-card{margin:auto;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto;padding:clamp(16px,3vh,40px) clamp(18px,2.6vw,48px)}.fc-results-title{font-size:clamp(1.15rem,3.2vh,1.8rem)}.fc-results-subtitle{font-size:clamp(.76rem,1.7vh,1rem)}.fc-results-grid{gap:clamp(8px,1.6vh,16px)}.fc-result-item{padding:clamp(8px,1.6vh,16px)}.fc-result-value{font-size:clamp(1.05rem,3.4vh,1.8rem)}.fc-result-label{font-size:clamp(.6rem,1.3vh,.75rem)}.fc-results-actions{gap:clamp(8px,1.4vh,12px)}.fc-results-actions button{font-size:clamp(.8rem,1.8vh,.95rem)!important;padding:clamp(8px,1.7vh,12px) clamp(16px,2vw,28px)!important}.fc-rules-overlay{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#080e12cc;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:clamp(12px,3vh,24px);position:fixed;z-index:210}.fc-rules-card{background:linear-gradient(160deg,#0d1a1df7,#090f14f7);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 60px -12px #0009;color:#c8e8ed;display:flex;flex-direction:column;margin:auto;max-height:calc(100dvh - clamp(12px, 3vh, 24px)*2);min-height:0;padding:clamp(16px,2.6vh,28px);width:min(560px,100%)}.fc-rules-head,.fc-rules-ot,.fc-rules-start{flex:0 0 auto}.fc-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:clamp(12px,2.2vh,22px)}.fc-rules-badge{background:linear-gradient(135deg,#8b5cf6,#22d3ee);border-radius:18px;box-shadow:0 8px 24px #8b5cf659;display:grid;flex:none;font-size:clamp(1.5rem,3.4vh,1.9rem);height:clamp(46px,7vh,58px);place-items:center;width:clamp(46px,7vh,58px)}.fc-rules-title{color:#fff;font-size:clamp(1.2rem,3vh,1.55rem);font-weight:800;margin:0}.fc-rules-sub{color:#7ba3ab;font-size:clamp(.8rem,1.8vh,.95rem);margin:4px 0 0}.fc-rules-list{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(8px,1.4vh,12px);list-style:none;margin:0 0 clamp(12px,2vh,20px);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0}.fc-rules-list li{align-items:flex-start;display:flex;font-size:clamp(.85rem,1.9vh,1rem);gap:12px;line-height:1.45}.fc-rule-icon{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px;display:grid;flex:none;font-size:1.1rem;height:34px;place-items:center;width:34px}.fc-rules-ot{background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:14px;color:#7ba3ab;font-size:clamp(.74rem,1.6vh,.86rem);line-height:1.5;margin-bottom:clamp(12px,2vh,20px);padding:clamp(9px,1.5vh,12px) 14px}.fc-rules-ot strong{color:#e8841a}.fc-rules-start{align-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);border:none;border-radius:16px;box-shadow:0 10px 26px #8b5cf659;color:#fff;cursor:pointer;display:flex;font-size:clamp(.95rem,2.2vh,1.1rem);font-weight:700;gap:10px;justify-content:center;padding:clamp(11px,2vh,15px) 24px;transition:transform .15s ease;width:100%}.fc-rules-start:hover{transform:translateY(-2px)}.fc-ot-block{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(14px,2.4vw,26px);justify-content:center;margin:clamp(10px,2vh,20px) 0 clamp(12px,2.2vh,24px)}.fc-perf-ring{--pct:0;background:conic-gradient(#22d3ee calc(var(--pct)*1%),#ffffff17 0);border-radius:50%;display:grid;flex:none;height:clamp(88px,15vh,130px);place-items:center;width:clamp(88px,15vh,130px)}.fc-perf-inner{align-items:center;background:#0d1a1d;border:1px solid #ffffff14;border-radius:50%;display:flex;flex-direction:column;gap:2px;height:79%;justify-content:center;width:79%}.fc-perf-val{color:#fff;font-size:clamp(1.3rem,3.8vh,2.1rem);font-weight:800;line-height:1}.fc-perf-lbl{color:#7ba3ab;font-size:clamp(.58rem,1.3vh,.72rem);letter-spacing:.08em;text-transform:uppercase}.fc-ot-bars{display:flex;flex:1 1 240px;flex-direction:column;gap:clamp(5px,1vh,10px);min-width:220px;text-align:left}.fc-ot-bar-head{align-items:baseline;color:#7ba3ab;display:flex;font-size:clamp(.68rem,1.5vh,.85rem);justify-content:space-between;margin-bottom:4px}.fc-ot-bar-head em{font-size:.72em;font-style:normal;opacity:.6}.fc-ot-bar-head strong{color:#fff}.fc-ot-bar-track{background:#ffffff17;border-radius:999px;height:8px;overflow:hidden}.fc-ot-bar-fill{background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:999px;height:100%}.fc-page{display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.fc-header{flex:0 0 auto;padding:clamp(6px,1.2vh,16px) clamp(12px,2vw,28px)}.fc-main{gap:clamp(8px,1.6vh,24px);overflow:hidden;padding:clamp(8px,1.6vh,24px) clamp(12px,2vw,28px);width:100%}.fc-game-area,.fc-main{flex:1 1 auto;min-height:0}.fc-game-area{align-items:stretch;gap:clamp(10px,1.8vw,24px)}.fc-target-card{align-items:center;display:flex;flex-direction:column;gap:clamp(4px,.8vh,10px);justify-content:center;min-height:0;overflow-y:auto;padding:clamp(12px,2.2vh,32px) clamp(12px,1.6vw,24px)}.fc-target-card>*{flex:0 0 auto}.fc-target-label{font-size:clamp(.66rem,1.5vh,.8rem);left:0;margin-bottom:0;position:absolute;right:0;top:clamp(12px,2.2vh,28px)}.fc-target-emoji{font-size:clamp(4rem,17vh,11rem);margin-bottom:clamp(6px,1.4vh,18px)}.fc-target-name{font-size:clamp(1.3rem,3.6vh,2.4rem);margin-bottom:clamp(4px,.9vh,10px)}.fc-target-hint{font-size:clamp(.8rem,1.9vh,1.05rem)}.fc-sequence-row{margin-top:clamp(8px,1.8vh,20px)}.fc-webcam-container{aspect-ratio:auto;height:100%;min-height:0}.fc-webcam-canvas,.fc-webcam-video{height:100%;object-fit:cover;width:100%}.fc-match-section,.fc-progress-section{flex:0 0 auto}.fc-target-emoji{font-size:clamp(2.4rem,7vh,4.5rem)}.fc-target-name{font-size:clamp(1rem,2.6vh,1.5rem)}.fc-target-hint,.fc-target-label{font-size:clamp(.68rem,1.5vh,.85rem)}.fc-match-ring-wrapper{height:clamp(90px,16vh,140px);width:clamp(90px,16vh,140px)}.fc-match-percent{font-size:clamp(1.1rem,3.2vh,1.8rem)}:root{--tt-bg:#0f1e22;--tt-surface:#0d1a1d99;--tt-surface-solid:#132529;--tt-border:#ffffff0f;--tt-text:#c8e8ed;--tt-text-dim:#7ba3ab;--tt-text-bright:#fff;--tt-primary:#1a8fa0;--tt-primary-glow:#1a8fa04d;--tt-accent:#e8841a;--tt-accent-glow:#e8841a4d;--tt-success:#10b981;--tt-success-glow:#10b9814d;--tt-danger:#ef4444;--tt-danger-glow:#ef44444d;--tt-indigo:#6366f1;--tt-indigo-glow:#6366f14d;--tt-purple:#8b5cf6;--tt-gold:#f59e0b;--tt-bg-grad-1:#6366f126;--tt-bg-grad-2:#8b5cf626;--tt-bg-grad-3:#22d3ee1a;--tt-bg-base-start:#090b14;--tt-bg-base-mid:#111424;--tt-bg-base-end:#0a0c16;--tt-grid-color:#ffffff05}.tt-light-mode{--tt-bg:#f8fafc;--tt-surface:#fffc;--tt-surface-solid:#fff;--tt-border:#00000014;--tt-text:#334155;--tt-text-dim:#64748b;--tt-text-bright:#0f172a;--tt-primary:#0ea5e9;--tt-primary-glow:#0ea5e94d;--tt-accent:#f97316;--tt-accent-glow:#f973164d;--tt-success:#10b981;--tt-success-glow:#10b9814d;--tt-danger:#ef4444;--tt-danger-glow:#ef44444d;--tt-indigo:#4f46e5;--tt-indigo-glow:#4f46e54d;--tt-purple:#7c3aed;--tt-gold:#f59e0b;--tt-bg-grad-1:#6366f11f;--tt-bg-grad-2:#8b5cf61f;--tt-bg-grad-3:#22d3ee26;--tt-bg-base-start:#f8fafc;--tt-bg-base-mid:#f1f5f9;--tt-bg-base-end:#e2e8f0;--tt-grid-color:#00000005}.tt-difficulty-page{background:radial-gradient(circle at 15% 50%,#6366f114,#0000 40%),radial-gradient(circle at 85% 30%,#22d3ee14,#0000 45%),linear-gradient(180deg,#0f172a,#1e1b4b);background-attachment:fixed;font-family:var(--font-body);min-height:100vh;overflow:hidden;padding:32px 24px 60px;position:relative}.tt-difficulty-page:before{background:radial-gradient(circle,#6366f10a 0,#0000 70%);height:70vw;right:-20%;top:-30%;width:70vw}.tt-difficulty-page:after,.tt-difficulty-page:before{border-radius:50%;content:"";pointer-events:none;position:fixed}.tt-difficulty-page:after{background:radial-gradient(circle,#1a8fa00a 0,#0000 70%);bottom:-30%;height:55vw;left:-15%;width:55vw}.tt-difficulty-header{margin:0 auto 40px;max-width:900px;position:relative;z-index:2}.tt-difficulty-back{align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:12px;color:#7ba3ab;color:var(--tt-text-dim);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:24px;padding:8px 16px;transition:all .2s ease}.tt-difficulty-back:hover{background:#ffffff1a;color:#c8e8ed;color:var(--tt-text);transform:translateX(-2px)}.tt-difficulty-title{color:#fff;color:var(--tt-text-bright);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.tt-difficulty-subtitle{color:#7ba3ab;color:var(--tt-text-dim);font-size:1rem;font-weight:400}.tt-difficulty-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:900px;position:relative;z-index:2}.tt-level-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d1a1d99;background:var(--tt-surface);border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:32px;box-shadow:inset 0 1px 1px #ffffff0a,0 8px 32px #0003;cursor:pointer;overflow:hidden;padding:32px 24px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tt-level-card:hover{border-color:#fff3;border-color:var(--level-color,#fff3);box-shadow:0 16px 48px -12px #00000080,inset 0 1px 1px #ffffff1a,0 0 24px #0000;box-shadow:0 16px 48px -12px #00000080,inset 0 1px 1px #ffffff1a,0 0 24px var(--level-glow,#0000);transform:translateY(-4px)}.tt-level-emoji{font-size:2.5rem;margin-bottom:12px}.tt-level-name{color:#fff;color:var(--tt-text-bright);font-size:1.15rem;font-weight:700;margin-bottom:8px}.tt-level-desc{color:#7ba3ab;color:var(--tt-text-dim);font-size:.85rem;line-height:1.5;margin-bottom:16px}.tt-level-letters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tt-level-letter-tag{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;color:#c8e8ed;color:var(--tt-text);display:inline-flex;font-size:.8rem;font-weight:600;height:32px;width:32px}.tt-level-letter-tag,.tt-level-play-btn{align-items:center;justify-content:center}.tt-level-play-btn{border:none;border-radius:14px;box-shadow:0 4px 14px #0003;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;padding:12px;transition:all .25s ease;width:100%}.tt-level-play-btn:hover{box-shadow:0 6px 20px #0000004d;filter:brightness(1.1);transform:translateY(-1px)}.tt-page{background:radial-gradient(circle at 15% 50%,#6366f126,#0000 40%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 45%),radial-gradient(circle at 50% 80%,#22d3ee1a,#0000 50%),linear-gradient(135deg,#090b14,#111424 50%,#0a0c16);background:radial-gradient(circle at 15% 50%,var(--tt-bg-grad-1),#0000 40%),radial-gradient(circle at 85% 30%,var(--tt-bg-grad-2),#0000 45%),radial-gradient(circle at 50% 80%,var(--tt-bg-grad-3),#0000 50%),linear-gradient(135deg,var(--tt-bg-base-start) 0,var(--tt-bg-base-mid) 50%,var(--tt-bg-base-end) 100%);background-size:100% 100%;color:#c8e8ed;color:var(--tt-text);display:flex;flex-direction:column;font-family:var(--font-body);min-height:100vh;position:relative}.tt-page:before{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0);background-image:linear-gradient(var(--tt-grid-color) 1px,#0000 1px),linear-gradient(90deg,var(--tt-grid-color) 1px,#0000 1px);background-position:50%;background-size:40px 40px;inset:0;mask-image:radial-gradient(circle at center,#000 30%,#0000 80%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,#0000 80%)}.tt-page:after,.tt-page:before{content:"";pointer-events:none;position:absolute;z-index:0}.tt-page:after{animation:floatAmbient 15s ease-in-out infinite alternate;background:radial-gradient(circle,#6366f114 0,#0000 60%);border-radius:50%;filter:blur(40px);height:50vw;left:-10%;top:-20%;width:50vw}@keyframes floatAmbient{0%{transform:translate(0) scale(1)}50%{transform:translate(10vw,5vh) scale(1.1)}to{transform:translate(-5vw,10vh) scale(.9)}}.tt-header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d1a1d99;background:var(--tt-surface);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--tt-border);justify-content:space-between;padding:12px 24px;position:relative;z-index:10}.tt-header,.tt-header-left{align-items:center;display:flex}.tt-header-left{gap:14px}.tt-game-title{align-items:center;color:#fff;color:var(--tt-text-bright);display:flex;font-size:1.1rem;font-weight:800;gap:8px;white-space:nowrap}.tt-game-title .tt-title-icon{font-size:1.3rem}.tt-game-title .tt-title-arrow{color:#6366f1;color:var(--tt-indigo);font-size:.85rem}.tt-score-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--tt-indigo) 0,#4f46e5 100%);border-radius:20px;box-shadow:0 4px 14px #6366f14d;box-shadow:0 4px 14px var(--tt-indigo-glow);color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:8px;padding:7px 16px}.tt-score-badge .score-icon{font-size:1.1rem}.tt-header-right{gap:10px}.tt-header-right,.tt-timer{align-items:center;display:flex}.tt-timer{background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:16px;color:#c8e8ed;color:var(--tt-text);font-size:.9rem;font-weight:600;gap:6px;padding:7px 14px}.tt-timer svg{color:#1a8fa0;color:var(--tt-primary)}.tt-icon-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:12px;color:#7ba3ab;color:var(--tt-text-dim);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.tt-icon-btn:hover{background:#ffffff1a;color:#c8e8ed;color:var(--tt-text);transform:scale(1.05)}.tt-icon-btn.active{background:#1a8fa0;background:var(--tt-primary);border-color:#1a8fa0;border-color:var(--tt-primary);color:#fff}.tt-main{display:flex;flex:1 1;position:relative;z-index:2}.tt-game-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:20px}.tt-step-indicator{align-items:center;display:flex;gap:12px;margin-bottom:4px}.tt-step-pill{align-items:center;border:1px solid #0000;border-radius:20px;display:flex;font-size:.85rem;font-weight:700;gap:6px;padding:8px 18px;transition:all .4s cubic-bezier(.4,0,.2,1)}.tt-step-pill.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--tt-indigo),var(--tt-purple));box-shadow:0 4px 16px #6366f14d;box-shadow:0 4px 16px var(--tt-indigo-glow);color:#fff;transform:scale(1.05)}.tt-step-pill.completed{background:#10b98126;border-color:#10b9814d;color:#10b981;color:var(--tt-success)}.tt-step-pill.pending{background:#ffffff0a;border-color:#ffffff0f;border-color:var(--tt-border)}.tt-step-arrow,.tt-step-pill.pending{color:#7ba3ab;color:var(--tt-text-dim)}.tt-step-arrow{font-size:1rem;opacity:.5}.tt-step-container{background:#132529;background:var(--tt-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:24px;max-width:750px;overflow:hidden;padding:36px;position:relative;width:100%}.tt-step-container:before{border-radius:24px 24px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tt-step-container.step-trace:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--tt-indigo),var(--tt-purple))}.tt-step-container.step-find:before{background:linear-gradient(90deg,#e8841a,#d97706);background:linear-gradient(90deg,var(--tt-accent),#d97706)}.tt-step-container.step-type:before{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--tt-success),#059669)}.tt-step-header{justify-content:space-between;margin-bottom:16px}.tt-step-header,.tt-step-label{align-items:center;display:flex}.tt-step-label{gap:8px}.tt-step-number{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.75rem;font-weight:800;height:28px;justify-content:center;width:28px}.tt-step-number.step-1{background:#6366f1;background:var(--tt-indigo)}.tt-step-number.step-2{background:#e8841a;background:var(--tt-accent)}.tt-step-number.step-3{background:#10b981;background:var(--tt-success)}.tt-step-name{color:#fff;color:var(--tt-text-bright);font-size:1.1rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tt-step-instruction{color:#7ba3ab;color:var(--tt-text-dim);font-size:.85rem;font-weight:400}.tt-sound-btn{align-items:center;background:#6366f11f;border:1px solid #6366f133;border-radius:50%;color:#6366f1;color:var(--tt-indigo);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.tt-sound-btn:hover{background:#6366f140;transform:scale(1.1)}.tt-sound-btn:active{transform:scale(.95)}.tt-trace-area{aspect-ratio:1;background:#0003;border:2px solid #6366f126;margin:0 auto;max-height:560px;max-width:560px;overflow:hidden;position:relative;width:100%}.tt-trace-svg{display:block;height:100%;width:100%}.tt-trace-guide-path{fill:none;stroke:#6366f133;stroke-width:28;stroke-linecap:round;stroke-linejoin:round}.tt-trace-guide-outline{fill:none;stroke:#6366f180;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 4}.tt-trace-segment-path{fill:none;stroke:#6366f1;stroke:var(--tt-indigo);stroke-width:28;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(99,102,241,.3));filter:drop-shadow(0 0 12px var(--tt-indigo-glow))}.tt-trace-waypoint{cursor:default;transition:all .3s ease}.tt-trace-waypoint-circle{fill:#132529;fill:var(--tt-surface-solid);stroke:#6366f1;stroke:var(--tt-indigo);stroke-width:2;opacity:.75;transition:all .3s ease}.tt-trace-waypoint-circle.reached{fill:#10b981;fill:var(--tt-success);stroke:#fff;animation:tt-waypoint-burst .5s ease-out;filter:drop-shadow(0 0 10px rgba(16,185,129,.3));filter:drop-shadow(0 0 10px var(--tt-success-glow));opacity:1}@keyframes tt-waypoint-burst{0%{fill:#fff;stroke-width:8px;filter:drop-shadow(0 0 20px #fff)}to{fill:#10b981;fill:var(--tt-success);stroke-width:2px;filter:drop-shadow(0 0 10px rgba(16,185,129,.3));filter:drop-shadow(0 0 10px var(--tt-success-glow))}}.tt-trace-waypoint-circle.active{fill:#6366f1;fill:var(--tt-indigo);stroke:#fff;stroke-width:3;animation:tt-waypoint-pulse 1.2s ease-in-out infinite;opacity:1}.tt-hand-pointer{will-change:transform,opacity}.tt-dwell-ring,.tt-hand-pointer{opacity:0;pointer-events:none}.tt-hand-hint{animation:tt-hand-hint-breathe 2.2s ease-in-out infinite;opacity:.55;pointer-events:none}@keyframes tt-hand-hint-breathe{0%,to{opacity:.38}50%{opacity:.62}}.tt-trace-target-glow{animation:tt-target-glow 1.6s ease-in-out infinite;pointer-events:none}@keyframes tt-target-glow{0%,to{opacity:.55}50%{opacity:1}}.tt-trace-arrow-head{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.tt-trace-arrow.next{opacity:.4}.tt-trace-arrow.next .tt-trace-arrow-head.trail{opacity:.5}.tt-trace-arrow.active{opacity:1}.tt-trace-arrow.active .tt-trace-arrow-anim{animation:tt-arrow-nudge 1.1s ease-in-out infinite}.tt-trace-arrow.active .tt-trace-arrow-head{filter:drop-shadow(0 0 6px rgba(255,255,255,.85))}.tt-trace-arrow-shaft{fill:none;stroke:#f59e0b;stroke:var(--tt-warning,#f59e0b);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 5;display:none}.tt-trace-arrow.jump .tt-trace-arrow-shaft{display:block}.tt-trace-arrow.jump .tt-trace-arrow-head{stroke:#f59e0b;stroke:var(--tt-warning,#f59e0b);stroke-width:3.4}.tt-trace-arrow.jump .tt-trace-arrow-head.trail{display:none}@keyframes tt-arrow-nudge{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}@keyframes tt-waypoint-pulse{0%,to{opacity:1;transform-origin:center}50%{opacity:.7}}.tt-trace-finger-dot{fill:#e8841a;fill:var(--tt-accent);filter:drop-shadow(0 0 12px rgba(232,132,26,.3));filter:drop-shadow(0 0 12px var(--tt-accent-glow));transition:cx .05s linear,cy .05s linear}.tt-trace-feedback{font-size:.85rem;font-weight:600;margin-top:12px;min-height:24px;text-align:center}.tt-trace-feedback.on-path{color:#10b981;color:var(--tt-success)}.tt-trace-feedback.off-path{color:#ef4444;color:var(--tt-danger)}.tt-camera-container{background:#000;border:2px solid #6366f14d;border-radius:12px;bottom:12px;height:75px;overflow:hidden;position:absolute;right:12px;width:100px;z-index:5}.tt-camera-container video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.tt-camera-container canvas{height:100%;left:0;position:absolute;top:0;transform:scaleX(-1);width:100%}.tt-camera-label{background:#00000080;border-radius:4px;bottom:2px;color:#ffffffb3;font-size:.55rem;font-weight:600;left:4px;padding:1px 4px;position:absolute}.tt-keyboard{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:800px;width:100%}.tt-keyboard-row{gap:5px}.tt-key,.tt-keyboard-row{display:flex;justify-content:center}.tt-key{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;color:#c8e8ed;color:var(--tt-text);cursor:pointer;font-size:1.4rem;height:66px;min-width:58px;position:relative;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tt-key:hover{background:#ffffff24;border-color:#ffffff2e;transform:translateY(-1px)}.tt-key:active{background:#ffffff0f;transform:translateY(1px) scale(.97)}.tt-key.highlighted{animation:tt-key-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#e8841a,#d97706);background:linear-gradient(135deg,var(--tt-accent),#d97706);border-color:#e8841a;border-color:var(--tt-accent);box-shadow:0 0 16px #e8841a4d;box-shadow:0 0 16px var(--tt-accent-glow);color:#fff}@keyframes tt-key-glow{0%,to{box-shadow:0 0 16px #e8841a4d;box-shadow:0 0 16px var(--tt-accent-glow)}50%{box-shadow:0 0 28px #e8841a4d,0 0 40px #e8841a26;box-shadow:0 0 28px var(--tt-accent-glow),0 0 40px #e8841a26}}.tt-key.correct{animation:tt-key-correct-pop .4s ease-out;background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--tt-success),#059669)!important;border-color:#10b981!important;border-color:var(--tt-success)!important;box-shadow:0 0 20px #10b9814d!important;box-shadow:0 0 20px var(--tt-success-glow)!important;color:#fff!important}@keyframes tt-key-correct-pop{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}.tt-key.wrong{animation:tt-key-shake .5s ease;background:#ef444426!important;border-color:#ef4444!important;border-color:var(--tt-danger)!important;color:#ef4444!important;color:var(--tt-danger)!important}@keyframes tt-key-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px)}30%{transform:translateX(5px)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.tt-key.space-key{font-size:.8rem;font-weight:600;letter-spacing:.1em;min-width:140px;text-transform:uppercase}.tt-key.special-key{color:#7ba3ab;color:var(--tt-text-dim);font-size:.75rem;font-weight:600;min-width:55px}.tt-type-target{margin-bottom:16px;text-align:center}.tt-type-letter-display{color:#fff;color:var(--tt-text-bright);font-size:4.8rem;font-weight:900;line-height:1;margin-bottom:12px;text-shadow:0 0 30px #6366f14d;text-shadow:0 0 30px var(--tt-indigo-glow)}.tt-type-slots{gap:12px}.tt-type-slot,.tt-type-slots{align-items:center;display:flex;justify-content:center}.tt-type-slot{border-radius:16px;font-size:2.2rem;font-weight:800;height:72px;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.tt-type-slot.empty{background:#ffffff0a;border:2px dashed #ffffff26;color:#0000}.tt-type-slot.filled{animation:tt-slot-fill .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--tt-success),#059669);border:2px solid #10b981;border:2px solid var(--tt-success);box-shadow:0 4px 14px #10b9814d;box-shadow:0 4px 14px var(--tt-success-glow);color:#fff}@keyframes tt-slot-fill{0%{opacity:0;transform:scale(.5) rotateY(90deg)}60%{opacity:1;transform:scale(1.1) rotateY(0deg)}to{transform:scale(1) rotateY(0deg)}}.tt-type-slot.current{animation:tt-slot-pulse 1.5s ease-in-out infinite;background:#6366f114;border:2px solid #6366f1;border:2px solid var(--tt-indigo)}@keyframes tt-slot-pulse{0%,to{border-color:#6366f1;border-color:var(--tt-indigo);box-shadow:none}50%{border-color:#8b5cf6;border-color:var(--tt-purple);box-shadow:0 0 12px #6366f14d;box-shadow:0 0 12px var(--tt-indigo-glow)}}.tt-feedback-toast{align-items:center;border-radius:16px;display:flex;font-size:.9rem;font-weight:700;gap:10px;min-height:44px;padding:10px 20px}.tt-feedback-toast.success{background:#10b9811f;border:1px solid #10b9814d;color:#10b981;color:var(--tt-success)}.tt-feedback-toast.error{background:#ef44441f;border:1px solid #ef44444d;color:#ef4444;color:var(--tt-danger)}.tt-feedback-toast .tt-points{align-items:center;color:#f59e0b;color:var(--tt-gold);display:flex;font-weight:800;gap:4px}.tt-alphabet-bar{-ms-overflow-style:none;align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d1a1d99;background:var(--tt-surface);border-top:1px solid #ffffff0f;border-top:1px solid var(--tt-border);display:flex;gap:4px;overflow-x:auto;padding:10px 16px;position:relative;scrollbar-width:none;z-index:10}.tt-alphabet-bar::-webkit-scrollbar{display:none}.tt-alphabet-back-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:10px;color:#7ba3ab;color:var(--tt-text-dim);cursor:pointer;display:flex;height:34px;justify-content:center;margin-right:6px;min-width:34px;transition:all .2s ease;width:34px}.tt-alphabet-back-btn:hover{background:#ffffff1a;color:#c8e8ed;color:var(--tt-text)}.tt-letter-pill{border-radius:8px;cursor:default;flex-direction:column;gap:2px;min-width:34px;padding:4px 2px;position:relative}.tt-letter-pill,.tt-letter-pill-char{align-items:center;display:flex;transition:all .2s ease}.tt-letter-pill-char{border-radius:7px;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.tt-letter-pill.completed .tt-letter-pill-char{background:#10b98126;border:1px solid #10b9814d;color:#10b981;color:var(--tt-success)}.tt-letter-pill.current .tt-letter-pill-char{animation:tt-current-letter-pulse 2s ease-in-out infinite;background:#6366f1;background:var(--tt-indigo);box-shadow:0 0 12px #6366f14d;box-shadow:0 0 12px var(--tt-indigo-glow);color:#fff}@keyframes tt-current-letter-pulse{0%,to{box-shadow:0 0 12px #6366f14d;box-shadow:0 0 12px var(--tt-indigo-glow)}50%{box-shadow:0 0 20px #6366f14d,0 0 30px #6366f126;box-shadow:0 0 20px var(--tt-indigo-glow),0 0 30px #6366f126}}.tt-letter-pill.pending .tt-letter-pill-char{background:#ffffff0a;border:1px solid #ffffff0f;color:#7ba3ab;color:var(--tt-text-dim)}.tt-letter-pill-stars{display:flex;font-size:.45rem;gap:1px;min-height:8px}.tt-letter-pill-stars .star-earned{color:#f59e0b;color:var(--tt-gold)}.tt-letter-pill-stars .star-empty{color:#ffffff1a}.tt-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1a1d99;background:var(--tt-surface);border-left:1px solid #ffffff0f;border-left:1px solid var(--tt-border);display:flex;flex-direction:column;gap:20px;min-width:280px;overflow-y:auto;padding:20px 16px;width:280px;z-index:5}.tt-sidebar-section{background:#00000026;border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:16px;padding:16px}.tt-sidebar-section-title{align-items:center;color:#7ba3ab;color:var(--tt-text-dim);display:flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:12px;text-transform:uppercase}.tt-howto-steps{display:flex;flex-direction:column;gap:10px}.tt-howto-step{align-items:flex-start;display:flex;gap:10px}.tt-howto-step-num{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:800;height:24px;justify-content:center;min-width:24px;width:24px}.tt-howto-step-text{color:#c8e8ed;color:var(--tt-text);font-size:.8rem;line-height:1.4}.tt-progress-info{display:flex;flex-direction:column;gap:12px}.tt-progress-row{align-items:center;display:flex;justify-content:space-between}.tt-progress-label{color:#7ba3ab;color:var(--tt-text-dim);font-size:.78rem;font-weight:500}.tt-progress-value{color:#fff;color:var(--tt-text-bright);font-size:.95rem;font-weight:800}.tt-progress-value .highlight{color:#6366f1;color:var(--tt-indigo)}.tt-next-letter-row{align-items:center;background:#6366f114;border-radius:12px;display:flex;gap:8px;margin-top:4px;padding:10px}.tt-next-letter-current{color:#6366f1;color:var(--tt-indigo);font-size:1.8rem;font-weight:900;line-height:1}.tt-next-letter-arrow{color:#7ba3ab;color:var(--tt-text-dim);font-size:1rem}.tt-next-letter-next{color:#7ba3ab;color:var(--tt-text-dim);font-size:1.8rem;font-weight:900;line-height:1;opacity:.5}.tt-metrics-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.tt-metric-item{align-items:center;background:#0000001a;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:8px 4px}.tt-metric-icon{font-size:1.1rem}.tt-metric-value{color:#fff;color:var(--tt-text-bright);font-size:.85rem;font-weight:800}.tt-metric-label{color:#7ba3ab;color:var(--tt-text-dim);font-size:.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tt-tip-bar{align-items:center;background:#f59e0b14;border-top:1px solid #f59e0b26;color:#f59e0b;color:var(--tt-gold);display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:8px 16px;z-index:10}.tt-tip-bar .tip-icon{font-size:1rem}.tt-countdown-overlay{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1e22f2;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}.tt-countdown-number{color:#6366f1;color:var(--tt-indigo);font-size:8rem;font-weight:900;line-height:1;text-shadow:0 0 60px #6366f14d;text-shadow:0 0 60px var(--tt-indigo-glow)}.tt-countdown-label{color:#7ba3ab;color:var(--tt-text-dim);font-size:1.3rem;font-weight:500;margin-top:16px}.tt-confetti-piece{animation:tt-confetti-fall 2.5s ease-out forwards;pointer-events:none;position:fixed;top:-10px;z-index:200}@keyframes tt-confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.tt-letter-success-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1e22e6;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:90}.tt-letter-success-letter{color:#fff;color:var(--tt-text-bright);font-size:7rem;font-weight:900;line-height:1;text-shadow:0 0 50px #6366f14d;text-shadow:0 0 50px var(--tt-indigo-glow)}.tt-letter-success-word{font-size:clamp(2.4rem,11vw,6rem);letter-spacing:.08em;line-height:1.1;max-width:92vw;text-align:center}.tt-letter-success-msg{color:#10b981;color:var(--tt-success);font-size:1.5rem;font-weight:700;margin-top:16px}.tt-letter-success-stars{display:flex;font-size:2rem;gap:8px;margin-top:12px}.tt-results-page{align-items:center;background:#0f1e22;background:var(--tt-bg);display:flex;flex-direction:column;font-family:var(--font-body);justify-content:center;min-height:100vh;overflow:hidden;padding:40px 24px;position:relative}.tt-results-card{background:#132529;background:var(--tt-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:28px;max-width:520px;padding:40px 36px;text-align:center;width:100%}.tt-results-emoji{font-size:4rem;margin-bottom:12px}.tt-results-title{color:#fff;color:var(--tt-text-bright);font-size:1.8rem;font-weight:900;margin-bottom:8px}.tt-results-subtitle{color:#7ba3ab;color:var(--tt-text-dim);font-size:.95rem;margin-bottom:28px}.tt-results-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:28px}.tt-results-stat{align-items:center;background:#00000026;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:16px 8px}.tt-results-stat-icon{font-size:1.5rem}.tt-results-stat-value{color:#fff;color:var(--tt-text-bright);font-size:1.4rem;font-weight:900}.tt-results-stat-label{color:#7ba3ab;color:var(--tt-text-dim);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.tt-results-stars{display:flex;font-size:2.5rem;gap:10px;justify-content:center;margin-bottom:28px}.tt-results-actions{display:flex;gap:12px;justify-content:center}.tt-results-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;padding:14px 28px;transition:all .25s ease}.tt-results-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--tt-indigo),var(--tt-purple));box-shadow:0 4px 16px #6366f14d;box-shadow:0 4px 16px var(--tt-indigo-glow);color:#fff}.tt-results-btn.primary:hover{box-shadow:0 6px 24px #6366f14d;box-shadow:0 6px 24px var(--tt-indigo-glow);transform:translateY(-2px)}.tt-results-btn.secondary{background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--tt-border);color:#c8e8ed;color:var(--tt-text)}.tt-results-btn.secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.tt-pause-overlay{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1e22eb;display:flex;flex-direction:column;gap:24px;inset:0;justify-content:center;position:fixed;z-index:80}.tt-pause-icon{font-size:4rem;margin-bottom:8px}.tt-pause-title{color:var(--tt-text-bright);font-size:2rem;font-weight:900}.tt-pause-actions{display:flex;gap:12px}.tt-pause-title{color:#fff}.tt-pause-overlay .tt-results-btn.secondary{background:#ffffff24;border-color:#ffffff47;color:#fff}.tt-pause-overlay .tt-results-btn.secondary:hover{background:#ffffff38}@media (max-width:1024px){.tt-sidebar{display:none}.tt-game-area{padding:16px}}@media (max-width:768px){.tt-header{padding:10px 14px}.tt-game-title{font-size:.9rem}.tt-score-badge{font-size:.85rem;padding:6px 12px}.tt-step-container{border-radius:18px;padding:20px 16px}.tt-trace-area{max-height:280px;max-width:280px}.tt-key{font-size:.85rem;height:36px;min-width:30px}.tt-type-letter-display{font-size:2.8rem}.tt-type-slot{font-size:1.3rem;height:50px;width:44px}.tt-alphabet-bar{padding:8px 10px}.tt-letter-pill-char{font-size:.7rem;height:24px;width:24px}.tt-difficulty-title{font-size:1.5rem}.tt-difficulty-grid{gap:16px}.tt-results-stats{grid-template-columns:1fr 1fr}.tt-results-card{padding:28px 20px}}@media (max-width:480px){.tt-header-left{gap:8px}.tt-game-title{font-size:.8rem}.tt-header-right{gap:6px}.tt-icon-btn{height:34px;width:34px}.tt-trace-area{max-height:240px;max-width:240px}.tt-key{border-radius:8px;font-size:.8rem;height:32px;min-width:26px}.tt-key.space-key{min-width:100px}.tt-results-actions{flex-direction:column}}.tt-rules-overlay{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#080a16c7;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:clamp(12px,3vh,24px);padding:var(--tt-rules-pad,clamp(12px,3vh,24px));position:fixed;z-index:210}.tt-rules-card{--tt-rules-pad:clamp(12px,3vh,24px);background:linear-gradient(160deg,#132529f5,#090b14f5);border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:24px;box-shadow:0 25px 60px -12px #0009;color:#c8e8ed;color:var(--tt-text);display:flex;flex-direction:column;margin:auto;max-height:calc(100dvh - var(--tt-rules-pad)*2);min-height:0;padding:clamp(16px,2.6vh,28px);width:min(560px,100%)}.tt-rules-head,.tt-rules-ot,.tt-rules-start{flex:0 0 auto}.tt-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:clamp(12px,2.2vh,22px)}.tt-rules-badge{background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--tt-primary),var(--tt-indigo));border-radius:18px;box-shadow:0 8px 24px #1a8fa04d;box-shadow:0 8px 24px var(--tt-primary-glow);display:grid;flex:none;font-size:1.9rem;height:58px;place-items:center;width:58px}.tt-rules-title{color:#fff;color:var(--tt-text-bright);font-size:1.55rem;font-weight:800;margin:0}.tt-rules-sub{color:#7ba3ab;color:var(--tt-text-dim);font-size:.95rem;margin:4px 0 0}.tt-rules-list{display:flex;flex:1 1 auto;flex-direction:column;gap:clamp(8px,1.4vh,12px);list-style:none;margin:0 0 clamp(12px,2vh,20px);min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 0 0}.tt-rules-list li{align-items:flex-start;display:flex;font-size:1rem;gap:12px;line-height:1.45}.tt-rule-icon{background:#ffffff0f;border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:11px;display:grid;flex:none;font-size:1.1rem;height:34px;place-items:center;width:34px}.tt-rules-ot{background:#ffffff0a;border:1px dashed #ffffff0f;border:1px dashed var(--tt-border);border-radius:14px;color:#7ba3ab;color:var(--tt-text-dim);font-size:.86rem;line-height:1.5;margin-bottom:20px;padding:12px 14px}.tt-rules-ot strong{color:#e8841a;color:var(--tt-accent)}.tt-rules-start{align-items:center;background:linear-gradient(135deg,#1a8fa0,#6366f1);background:linear-gradient(135deg,var(--tt-primary),var(--tt-indigo));border:none;border-radius:16px;box-shadow:0 10px 26px #1a8fa04d;box-shadow:0 10px 26px var(--tt-primary-glow);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:10px;justify-content:center;padding:15px 24px;transition:transform .15s ease,box-shadow .15s ease;width:100%}.tt-rules-start:hover{box-shadow:0 14px 32px #1a8fa04d;box-shadow:0 14px 32px var(--tt-primary-glow);transform:translateY(-2px)}.tt-rules-start:active{transform:translateY(0)}.tt-ot-block{align-items:center;display:flex;flex-wrap:wrap;gap:26px;justify-content:center;margin:22px 0 26px}.tt-perf-ring{--pct:0;background:conic-gradient(#e8841a calc(var(--pct)*1%),#ffffff14 0);background:conic-gradient(var(--tt-accent) calc(var(--pct)*1%),#ffffff14 0);border-radius:50%;display:grid;flex:none;height:134px;place-items:center;width:134px}.tt-perf-inner{align-items:center;background:#132529;background:var(--tt-surface-solid);border:1px solid #ffffff0f;border:1px solid var(--tt-border);border-radius:50%;display:flex;flex-direction:column;gap:2px;height:106px;justify-content:center;width:106px}.tt-perf-val{color:#fff;color:var(--tt-text-bright);font-size:2.1rem;font-weight:800;line-height:1}.tt-perf-lbl{color:#7ba3ab;color:var(--tt-text-dim);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.tt-ot-bars{display:flex;flex:1 1 260px;flex-direction:column;gap:10px;min-width:240px}.tt-ot-bar-head{align-items:baseline;color:#7ba3ab;color:var(--tt-text-dim);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:4px}.tt-ot-bar-head em{font-size:.72rem;font-style:normal;opacity:.6}.tt-ot-bar-head strong{color:#fff;color:var(--tt-text-bright);font-size:.9rem}.tt-ot-bar-track{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.tt-ot-bar-fill{background:linear-gradient(90deg,#1a8fa0,#e8841a);background:linear-gradient(90deg,var(--tt-primary),var(--tt-accent));border-radius:999px;height:100%}.tt-light-mode .tt-rules-card{background:linear-gradient(160deg,#fff,#f1f5f9)}.tt-light-mode .tt-rule-icon,.tt-light-mode .tt-rules-ot{background:#0000000a}.tt-light-mode .tt-perf-ring{background:conic-gradient(#e8841a calc(var(--pct)*1%),#00000014 0);background:conic-gradient(var(--tt-accent) calc(var(--pct)*1%),#00000014 0)}.tt-light-mode .tt-ot-bar-track{background:#00000014}@media (max-height:720px){.tt-rules-badge{font-size:1.5rem;height:46px;width:46px}.tt-rules-title{font-size:1.25rem}.tt-rules-ot{margin-bottom:12px;padding:9px 12px}.tt-rules-start{font-size:1rem;padding:11px 20px}}@media (max-width:640px){.tt-ot-block{gap:18px}.tt-perf-ring{height:112px;width:112px}.tt-perf-inner{height:88px;width:88px}.tt-perf-val{font-size:1.7rem}.tt-rules-card{padding:22px}.tt-rules-list li{font-size:.94rem}}@media (prefers-reduced-motion:reduce){.tt-rules-start{transition:none}}.tt-page{--tt-sp-1:clamp(4px,0.8vh,8px);--tt-sp-2:clamp(8px,1.6vh,16px);--tt-sp-3:clamp(14px,2.6vh,28px);--tt-radius:20px;--tt-hairline:#ffffff12;height:100vh;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.tt-light-mode{--tt-hairline:#0f172a14}.tt-header{background:#090b148c;border-bottom:1px solid var(--tt-hairline);flex:0 0 auto;padding:var(--tt-sp-1) clamp(12px,2vw,24px)}.tt-light-mode .tt-header{background:#fff9}.tt-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.tt-main{flex:1 1 auto}.tt-game-area,.tt-main{min-height:0;overflow:hidden}.tt-game-area{gap:var(--tt-sp-2);padding:var(--tt-sp-2) clamp(12px,2vw,20px)}.tt-step-indicator{flex:0 0 auto;gap:clamp(4px,.8vw,10px);margin-bottom:0}.tt-step-pill{font-size:clamp(.7rem,1.6vh,.82rem);letter-spacing:.06em;padding:clamp(5px,.9vh,8px) clamp(11px,1.6vw,18px);white-space:nowrap}.tt-step-pill.active{box-shadow:0 0 0 1px #ffffff2e,0 6px 20px #6366f14d;box-shadow:0 0 0 1px #ffffff2e,0 6px 20px var(--tt-indigo-glow);transform:none}.tt-step-arrow{opacity:.32}.tt-step-container{border-color:var(--tt-hairline);border-radius:var(--tt-radius);box-shadow:inset 0 1px 0 #ffffff0a,0 24px 48px -24px #000000a6;display:flex;flex:1 1 auto;flex-direction:column;max-height:100%;min-height:0;padding:var(--tt-sp-3) clamp(16px,2.4vw,34px) var(--tt-sp-2)}.tt-step-container:before{border-radius:var(--tt-radius) var(--tt-radius) 0 0}.tt-step-header{border-bottom:1px solid var(--tt-hairline);flex:0 0 auto;gap:var(--tt-sp-2);margin-bottom:var(--tt-sp-2);padding-bottom:var(--tt-sp-2)}.tt-step-name{font-size:clamp(.9rem,2.1vh,1.1rem);letter-spacing:.08em}.tt-step-instruction{font-size:clamp(.72rem,1.6vh,.88rem)}.tt-step-label{gap:clamp(8px,1.4vw,14px)}.tt-step-number{border-radius:9px;flex:none;height:clamp(24px,3.4vh,30px);width:clamp(24px,3.4vh,30px)}.tt-sound-btn{flex:none;height:clamp(32px,4.6vh,40px);width:clamp(32px,4.6vh,40px)}.tt-trace-area{align-self:center;background:radial-gradient(circle at 50% 45%,#6366f112,#0000 62%),#00000038;border-color:var(--tt-hairline);border-radius:16px;border-width:1px;flex:1 1;margin:0;min-height:0;width:auto}.tt-trace-feedback{flex:0 0 auto;font-size:clamp(.72rem,1.6vh,.85rem);letter-spacing:.01em;margin-top:var(--tt-sp-1);min-height:1.2em}.tt-find-target,.tt-type-target{flex:0 0 auto;margin-top:auto;text-align:center}.tt-find-target{color:#fff;color:var(--tt-text-bright);font-size:clamp(2.2rem,9vh,5rem);font-weight:900;line-height:1;text-shadow:0 0 34px #6366f14d;text-shadow:0 0 34px var(--tt-indigo-glow)}.tt-find-target,.tt-type-target{margin-bottom:var(--tt-sp-3)}.tt-type-letter-display{font-size:clamp(2rem,8vh,4.4rem);margin-bottom:var(--tt-sp-2)}.tt-type-slots{gap:clamp(8px,1.4vh,14px)}.tt-type-slot{border-radius:14px;font-size:clamp(1.1rem,3.4vh,2.1rem);height:clamp(42px,6.6vh,68px);width:clamp(36px,5.6vh,60px)}.tt-keyboard{flex:1 1 auto;font-size:clamp(.9rem,2.8vh,1.5rem);gap:.5em;justify-content:center;margin-bottom:auto;max-height:62%;min-height:0;padding:0 .3em}.tt-keyboard-row{align-items:stretch;flex:1 1;gap:.45em;max-height:3.4em;min-height:0}.tt-key{background:linear-gradient(180deg,#ffffff1c,hsla(0,0%,100%,.045));border:1px solid var(--tt-hairline);border-radius:.34em;box-shadow:inset 0 1px 0 #ffffff1a,0 2px 4px #00000047;font-size:1em;font-weight:700;height:auto;min-height:34px;min-width:2.5em;transition:background .15s ease,transform .09s ease,box-shadow .15s ease}.tt-key:hover{background:linear-gradient(180deg,#ffffff2b,#ffffff14);transform:none}.tt-key:active{box-shadow:inset 0 1px 2px #0000004d;transform:translateY(1px)}.tt-key:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--tt-indigo);outline-offset:2px}.tt-light-mode .tt-key{background:linear-gradient(180deg,#fff,#eef2f7);box-shadow:0 1px 2px #0f172a1f}.tt-light-mode .tt-key.highlighted{background:linear-gradient(135deg,#e8841a,#d97706);background:linear-gradient(135deg,var(--tt-accent),#d97706);color:#fff}@media (max-height:700px){.tt-step-container{--tt-radius:16px}.tt-find-target{font-size:clamp(1.8rem,7.5vh,3.2rem)}.tt-type-letter-display{font-size:clamp(1.7rem,7vh,3rem)}.tt-keyboard{max-height:68%}}.tt-tip-bar{display:none}@media (prefers-reduced-motion:reduce){.tt-key,.tt-sound-btn,.tt-step-pill{transition:none}.tt-key.highlighted{animation:none}}.tt-results-overlay{-webkit-overflow-scrolling:touch;inset:0;overflow-y:auto;overscroll-behavior:contain;position:fixed;z-index:90}.tt-results-card{max-height:calc(100dvh - 80px);overflow-x:hidden;overflow-y:auto;padding:clamp(16px,2.8vh,34px) clamp(16px,2.4vw,32px)}.tt-results-emoji{font-size:clamp(1.8rem,5vh,3.2rem)}.tt-results-title{font-size:clamp(1.15rem,3.2vh,1.8rem)}.tt-results-subtitle{font-size:clamp(.76rem,1.7vh,1rem)}.tt-results-stars{font-size:clamp(1.3rem,3.6vh,2.2rem)}.tt-ot-block{gap:clamp(14px,2.4vw,26px);margin:clamp(10px,2vh,22px) 0 clamp(12px,2.2vh,26px)}.tt-perf-ring{height:clamp(88px,15vh,134px);width:clamp(88px,15vh,134px)}.tt-perf-inner{height:79%;width:79%}.tt-perf-val{font-size:clamp(1.3rem,3.8vh,2.1rem)}.tt-ot-bars{gap:clamp(5px,1vh,10px)}.tt-ot-bar-head{font-size:clamp(.68rem,1.5vh,.85rem)}.tt-results-stats{gap:clamp(6px,1.1vh,12px)}.tt-results-stat{padding:clamp(7px,1.4vh,14px) clamp(8px,1vw,12px)}.tt-results-stat-icon{font-size:clamp(.95rem,2.2vh,1.4rem)}.tt-results-stat-value{font-size:clamp(.88rem,2vh,1.2rem)}.tt-results-stat-label{font-size:clamp(.56rem,1.25vh,.72rem)}.tt-results-btn{font-size:clamp(.8rem,1.8vh,.95rem);padding:clamp(9px,1.7vh,14px) clamp(14px,1.8vw,24px)}@media (max-width:760px){.tt-header{gap:8px}.tt-header-left{flex:0 1 auto;gap:8px;min-width:0}.tt-header-right{flex:1 0 auto;gap:4px;justify-content:flex-end}.tt-game-title{display:none}.tt-icon-btn{flex:none;height:34px;min-width:34px;padding:0;width:34px}.tt-icon-btn svg{height:16px;width:16px}.tt-timer{padding-inline:8px}.tt-score-badge,.tt-timer{font-size:.8rem;white-space:nowrap}.tt-score-badge{padding:4px 10px}}@media (max-width:400px){.tt-score-badge{display:none}.tt-icon-btn{height:31px;min-width:31px;width:31px}.tt-header-right{gap:3px}}.tt-page{--tt-shell:min(100%,1180px);--tt-trace-chrome:calc(210px + 14vh)}.tt-results-card,.tt-results-stat,.tt-step-container,.tt-step-indicator,.tt-trace-area,.tt-word-banner{box-sizing:border-box}.tt-game-area{gap:clamp(6px,1.2vh,14px);justify-content:flex-start;padding:clamp(8px,1.4vh,16px) clamp(12px,2vw,24px) clamp(10px,1.6vh,18px)}.tt-word-banner{align-items:center;background:linear-gradient(180deg,#ffffff0d,hsla(0,0%,100%,.015));border:1px solid var(--tt-hairline);border-radius:999px;box-shadow:inset 0 1px 0 #ffffff0d;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:clamp(10px,1.8vw,22px);justify-content:center;margin-inline:auto;max-width:var(--tt-shell);padding:clamp(7px,1.3vh,13px) clamp(14px,2vw,24px);width:fit-content}.tt-word-caption{color:#7ba3ab;color:var(--tt-text-dim);font-size:clamp(.58rem,1.25vh,.7rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.tt-word-letters{align-items:flex-end;display:flex;gap:clamp(6px,1vw,14px);line-height:1}.tt-word-letter{font-feature-settings:"tnum";align-items:center;display:flex;flex-direction:column;font-size:clamp(1.25rem,3.4vh,2.15rem);font-variant-numeric:tabular-nums;font-weight:900;gap:.2em;letter-spacing:.02em;min-width:.9em;position:relative;text-transform:uppercase;transition:color .25s ease,text-shadow .25s ease,transform .25s ease}.tt-word-letter:after{background:currentColor;border-radius:999px;content:"";display:block;height:.13em;opacity:.32;transition:opacity .25s ease;width:.9em}.tt-word-letter.done{color:#10b981;color:var(--tt-success)}.tt-word-letter.done:after{opacity:.55}.tt-word-letter.todo{color:#7ba3ab;color:var(--tt-text-dim);opacity:.4}.tt-word-letter.todo:after{opacity:.45}.tt-word-letter.active{color:#e8841a;color:var(--tt-accent);text-shadow:0 0 22px #e8841a4d;text-shadow:0 0 22px var(--tt-accent-glow);transform:translateY(-1px) scale(1.12)}.tt-word-letter.active:after{opacity:.9}.tt-step-indicator{justify-content:center}.tt-step-container,.tt-step-indicator{margin-inline:auto;width:var(--tt-shell)}.tt-step-container{max-width:var(--tt-shell);padding:clamp(10px,1.6vh,18px) clamp(14px,2vw,28px) clamp(12px,1.8vh,20px)}.tt-step-trace{flex:1 1 auto;margin-block:0;max-width:min(100%,calc(100dvh - var(--tt-trace-chrome) + 60px));min-height:0;min-width:min(100%,300px);width:min(100%,calc(100dvh - var(--tt-trace-chrome) + 60px))}.tt-step-header{margin-bottom:clamp(8px,1.3vh,14px);padding-bottom:clamp(7px,1.2vh,12px)}.tt-step-name,.tt-step-number{display:none}.tt-step-instruction{color:#c8e8ed;color:var(--tt-text);font-size:clamp(.78rem,1.75vh,.95rem);line-height:1.35}.tt-trace-fit{container-type:size;display:grid;flex:1 1;min-height:0;place-items:center}.tt-trace-area{aspect-ratio:1/1;border-radius:20px;height:auto;max-height:100%;max-width:100%;width:min(100%,calc(100dvh - var(--tt-trace-chrome)));width:min(100cqw,100cqh)}.tt-target-fit{container-type:size;display:grid;flex:1 1;margin-bottom:clamp(10px,1.8vh,22px);min-height:0;place-items:center;width:100%}.tt-find-target,.tt-type-target{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0;max-height:100%;max-width:100%}.tt-find-target{font-size:min(12rem,22vh,88cqh);letter-spacing:.01em;text-shadow:0 0 46px #6366f14d;text-shadow:0 0 46px var(--tt-indigo-glow)}.tt-type-letter-display{font-size:min(8.5rem,15vh,50cqh);margin-bottom:min(16px,1.4vh,6cqh)}.tt-type-slot{font-size:min(2.4rem,4vh,14cqh);height:min(78px,7.6vh,28cqh);width:min(68px,6.4vh,25cqh)}.tt-step-keys{max-width:min(100%,1000px);width:min(100%,1000px)}.tt-keyboard{flex:0 0 auto;font-size:clamp(1rem,3.4vh,1.95rem);gap:.42em;margin-bottom:0;max-height:none;max-width:100%}.tt-key{flex:1 1 auto;max-width:3.6em}.tt-keyboard-row{flex:0 0 auto;gap:.38em;height:3.2em;max-height:none}.tt-key{border-radius:.3em;min-height:40px;min-width:2.35em}.tt-light-mode .tt-word-banner{background:linear-gradient(180deg,#fff,#f4f7fb);box-shadow:0 1px 2px #0f172a0f}.tt-light-mode .tt-word-letter.todo{opacity:.5}.tt-light-mode .tt-trace-area{background:radial-gradient(circle at 50% 45%,#6366f114,#0000 62%),#fbfcfe;border-color:#0f172a1a;box-shadow:inset 0 1px 3px #0f172a0d}@media (max-height:720px){.tt-word-banner{padding-block:clamp(5px,1vh,9px)}.tt-find-target{font-size:min(7.5rem,19vh,88cqh)}.tt-type-letter-display{font-size:min(5.4rem,13vh,50cqh)}.tt-keyboard{font-size:clamp(.92rem,3vh,1.5rem)}}@media (max-width:900px){.tt-page{--tt-trace-shell:100%}}@media (max-width:560px){.tt-word-banner{border-radius:18px;gap:4px 10px;padding-inline:12px}.tt-word-caption{text-align:center;width:100%}.tt-step-container{padding-inline:12px}.tt-key{min-height:34px;min-width:2.2em}}.tt-results-overlay{padding:clamp(12px,2.5vh,40px) clamp(12px,3vw,28px)!important}.tt-results-card{border-radius:clamp(18px,2.4vw,28px);margin:auto;max-width:min(100%,940px)}.tt-results-stats{gap:clamp(7px,1.2vh,13px);grid-template-columns:repeat(auto-fit,minmax(clamp(92px,26vw,132px),1fr));margin-bottom:clamp(16px,2.6vh,28px)}.tt-results-stat{border-radius:clamp(12px,1.6vw,16px);gap:3px;min-width:0;padding:clamp(9px,1.5vh,15px) clamp(6px,1vw,12px)}.tt-results-stat-value{line-height:1.15;overflow-wrap:anywhere}.tt-results-stat-label{line-height:1.2;overflow-wrap:anywhere}.tt-ot-block{gap:clamp(14px,2.6vw,30px);margin:clamp(12px,2.2vh,24px) 0 clamp(14px,2.4vh,26px)}.tt-ot-bars{flex:1 1 clamp(200px,48vw,320px);min-width:0}.tt-ot-bar-head{flex-wrap:wrap;gap:8px}.tt-ot-bar-head span{min-width:0;overflow-wrap:anywhere}.tt-results-actions{flex-wrap:wrap}.tt-results-btn{flex:0 1 auto}@media (max-width:420px){.tt-results-actions{align-items:stretch;flex-direction:column}.tt-results-btn{justify-content:center;width:100%}.tt-ot-block{gap:14px}.tt-results-stats{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}}@media (min-width:900px){.tt-results-card{padding:clamp(26px,3vh,40px) clamp(28px,3vw,44px)}.tt-results-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-height:760px),(max-width:720px){.tt-results-card{max-height:none;overflow:visible}}@media (max-height:480px) and (orientation:landscape){.tt-page{--tt-sp-3:10px}.tt-word-banner{gap:8px;padding-block:3px}.tt-word-caption{font-size:.55rem}.tt-word-letter{font-size:1.05rem}.tt-step-pill{font-size:.62rem;padding:3px 9px}.tt-step-header{margin-bottom:6px;padding-bottom:5px}.tt-step-instruction{font-size:.72rem}.tt-sound-btn{height:28px;width:28px}.tt-find-target{font-size:clamp(1.7rem,15vh,3rem)}.tt-type-letter-display{font-size:clamp(1.5rem,12vh,2.4rem)}.tt-type-slot{font-size:clamp(.85rem,4.5vh,1.2rem);height:clamp(30px,8vh,42px);width:clamp(26px,7vh,36px)}.tt-type-slots{gap:6px}.tt-keyboard{font-size:clamp(.72rem,5.2vh,1.05rem);gap:.3em}.tt-keyboard-row{gap:.3em;height:2.85em}.tt-key{min-height:26px}.tt-trace-feedback{font-size:.68rem;min-height:1em}}@media (max-height:520px){.tt-results-overlay{align-items:flex-start!important}.tt-results-emoji{display:none}}.fpp-page{--fpp-violet:#a78bfa;--fpp-ink:#17143a;color:var(--gs-ink);display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;height:100dvh;min-height:100dvh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.fpp-page *,.fpp-page :after,.fpp-page :before{box-sizing:border-box}.fp-toolbar{flex-shrink:0;position:relative;z-index:20}.fp-toolbar .gs-hud{border-radius:0;margin:0;padding:10px 20px}.fp-toolbar .gs-hud-title{color:var(--gs-ink-bright);font-size:1rem;font-weight:800;white-space:nowrap}.fp-toolbar .gs-hud-left,.fp-toolbar .gs-hud-right{flex-wrap:wrap}.fpp-stage{display:flex;flex:1 1;flex-direction:column;gap:clamp(8px,1.5vh,16px);margin:auto;max-width:1440px;min-height:0;padding:clamp(10px,2vh,20px) clamp(14px,3vw,40px) 14px;position:relative;width:100%}.fp-session-heading{align-items:center;display:flex;flex-shrink:0;gap:16px;justify-content:space-between}.fp-eyebrow{color:var(--gs-ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.fp-session-heading h1{color:var(--gs-ink-bright);font-size:clamp(1.1rem,2.5vh,1.6rem);font-weight:700;letter-spacing:-.03em;margin:4px 0 0}.fp-stage-track{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.fp-stage-track li{align-items:center;background:var(--gs-surface-2);border:1px solid var(--gs-border);border-radius:12px;color:var(--gs-ink-soft);display:flex;font-size:.75rem;font-weight:700;gap:9px;padding:9px 14px}.fp-stage-track li>span{background:var(--gs-surface-2);border-radius:8px;display:grid;height:26px;place-items:center;width:26px}.fp-stage-track small{display:block;font-size:.59rem;font-weight:500;margin-top:3px}.fp-stage-track .is-current{background:var(--gs-accent-glow);border-color:var(--gs-accent);color:var(--gs-ink-bright)}.fp-stage-track .is-complete>span,.fp-stage-track .is-current>span{background:var(--gs-accent);color:#fff}.fp-stage-track .is-complete{color:var(--gs-ink)}.fp-self-paced{color:var(--gs-ink-soft);font-size:.76rem}.fpp-piano{background:linear-gradient(180deg,#283341,#0b101a);border:1px solid #344254;border-radius:16px;box-shadow:0 12px 28px #0004,inset 0 1px 0 #ffffff12;display:flex;flex:0 0 clamp(138px,23vh,205px);flex-direction:column;padding:0 12px}.fpp-piano-lid{flex-shrink:0;height:13px}.fpp-piano-foot{flex-shrink:0;height:10px}.fpp-keyboard{grid-gap:5px;display:grid;flex:1 1;gap:5px;grid-template-columns:repeat(var(--key-count),minmax(0,1fr));min-height:0}.fpp-key{align-items:center;background:linear-gradient(180deg,#fff 0,color-mix(in srgb,var(--fc) 18%,#fff) 40%,color-mix(in srgb,var(--fc) 68%,#fff) 100%);border:1px solid color-mix(in srgb,var(--fc) 60%,#fff);border-radius:5px 5px 9px 9px;box-shadow:inset 0 -5px 0 color-mix(in srgb,var(--fc) 65%,#64748b),0 4px 5px #0004;color:#0b1729;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:5px;justify-content:flex-end;min-width:0;padding:10px 3px 8px;position:relative;touch-action:manipulation;transition:transform .1s ease,filter .15s ease,box-shadow .15s ease}.fpp-key:disabled{cursor:default;opacity:1}.fpp-key:focus-visible{outline:3px solid #fff;outline-offset:-5px}.fpp-key:not(:disabled):hover{filter:brightness(1.06)}.fpp-key-hit,.fpp-key-white:active:not(:disabled){transform:translateY(4px)}.fpp-key-num{font-feature-settings:"tnum";background:var(--fc);border:1px solid #00000018;border-radius:10px;color:#101828;display:grid;font-size:clamp(1rem,2.5vh,1.4rem);font-variant-numeric:tabular-nums;font-weight:900;height:clamp(30px,4.4vh,43px);place-items:center;width:clamp(30px,4.4vh,43px)}.fp-key-hand{color:#475569;left:10px;position:absolute;top:9px}.fp-key-cue,.fp-key-hand{font-size:.6rem;font-weight:900}.fp-key-cue{color:#0f172a;letter-spacing:.16em;min-height:13px}.fp-key-finger{font-size:clamp(.58rem,.85vw,.75rem);font-weight:800}.fpp-key-name{color:#334155;font-size:.57rem;font-weight:700}.fpp-key-lit{box-shadow:inset 0 -5px 0 var(--fc),0 0 23px color-mix(in srgb,var(--fc) 48%,#0000);outline:2px solid var(--fc);outline-offset:1px}.fpp-key-lit .fpp-key-num{box-shadow:0 0 0 3px #ffffffb0}.fp-second-hand{margin-left:7px}.fpp-key-hit{box-shadow:inset 0 -2px 0 var(--fc),0 0 28px color-mix(in srgb,var(--fc) 65%,#0000)}.fp-key-hit-mark{color:#0f172a;display:none;font-size:1rem;font-weight:900;position:absolute;right:7px;top:6px}.fpp-key-hit .fp-key-hit-mark{display:block}.fpp-key-wrong{animation:fpKeyNudge .2s ease}@keyframes fpKeyNudge{35%{transform:translateX(-2px)}70%{transform:translateX(2px)}}.fpp-field{background:radial-gradient(ellipse at 50% 85%,#164e633d,#0000 60%),linear-gradient(#7dd3fc07 1px,#0000 0),linear-gradient(90deg,#7dd3fc07 1px,#0000 0),#070f1d;background-size:auto,36px 36px,36px 36px,auto;border:1px solid #7dd3fc24;border-radius:22px;box-shadow:inset 0 1px 0 #ffffff08;flex:1 1;flex-direction:column;gap:5px;justify-content:space-between;min-height:0;overflow:hidden;padding:clamp(8px,1.6vh,16px) 16px}.fp-prompt,.fpp-field{align-items:center;display:flex;position:relative}.fp-prompt{color:#a9bdce;flex-shrink:0;font-size:clamp(.8rem,1.7vh,1rem);gap:10px;justify-content:center;min-height:37px;text-align:center;z-index:9}.fp-prompt strong{color:#f0f9ff;font-weight:700}.fp-prompt-number{border-radius:9px;color:#101828;display:grid;flex-shrink:0;font-size:1.04rem;font-weight:900;height:32px;place-items:center;width:32px}.fp-hands{flex:1 1;gap:clamp(20px,8vw,130px);justify-content:center;width:100%;z-index:8}.fp-hand-figure,.fp-hands{align-items:center;display:flex;min-height:0}.fp-hand-figure{--hand-ink:#7095ab;flex-direction:column;height:100%;max-width:45%;position:relative;transition:color .22s ease;width:290px}.fp-hand-heading{color:#8da5bc;display:flex;flex-shrink:0;font-size:.67rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.08em;text-transform:uppercase}.fp-hand-signal{border:1px solid #5a718855;border-radius:4px;color:#5a7188;font-size:.55rem;letter-spacing:.12em;padding:1px 5px}.fp-hand-art{display:block;flex:1 1;max-height:330px;min-height:0;overflow:visible;width:100%}.fp-hand-model{color:var(--hand-ink)}.fp-palm-surface{fill:#1b39534d}.fp-palm-outline{fill:none;stroke:currentColor;stroke-width:1.2;opacity:.75}.fp-digit-mesh,.fp-palm-mesh{fill:none;stroke:currentColor;stroke-width:.55;stroke-linecap:round;opacity:.65}.fp-digit{--flex:0;color:var(--hand-ink);transform:scaleY(calc(1 - var(--flex)*.34));transition:transform 70ms linear,opacity .18s ease}.fp-digit-surface{fill:#13273d;stroke:currentColor;stroke-width:1.15;stroke-linejoin:round}.fp-digit.is-locked{opacity:.25}.fp-digit.is-wanted{color:var(--fc)}.fp-digit.is-wanted .fp-digit-surface{fill:color-mix(in srgb,var(--fc) 14%,#10263b);stroke-width:1.7}.fp-digit.is-wanted .fp-digit-mesh{opacity:.9}.fp-digit.is-wanted{animation:fpFingerPress 1.05s ease-in-out infinite}@keyframes fpFingerPress{0%,to{transform:scaleY(1)}45%{transform:scaleY(.7)}}@media (prefers-reduced-motion:reduce){.fp-digit.is-wanted{animation:none}}.fp-hand-figure.is-detected{--hand-ink:#9ce6ff}.fp-hand-figure.is-detected .fp-hand-art{filter:drop-shadow(0 0 5px #38BDF85A) drop-shadow(0 0 15px #0EA5E940)}.fp-hand-figure.is-detected .fp-hand-signal{border-color:#5eead450;color:#99f6e4}.fp-hand-figure.is-detected .fp-palm-surface{fill:#0c4a6e50}.fp-hand-figure.is-guide{--hand-ink:#8dbcd2}.fp-hand-caption{align-items:center;color:#e0f2fe;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;gap:7px;min-height:29px}.fp-hand-caption>span:not(.fp-hand-caption-rest){border-radius:6px;color:#101828;display:grid;font-size:.7rem;height:22px;place-items:center;width:22px}.fp-hand-caption-rest{color:#8da5bc;font-size:.65rem;font-weight:500}.fpp-fx-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:7}.fp-feedback{display:grid;flex-shrink:0;min-height:24px;place-items:center;z-index:9}.fp-feedback-message{align-items:center;color:#99f6e4;display:inline-flex;font-size:.75rem;font-weight:700;gap:7px;text-align:center}.fp-feedback-message.warn{color:#fde68a}.fp-tracking-status{align-items:center;color:#a9bdce;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:.69rem;gap:7px;justify-content:center;min-height:20px;text-align:center;z-index:9}.fp-tracking-status.is-ready{color:#99f6e4}.fp-status-light{background:#94a3b8;border-radius:2px;height:6px;width:6px}.fp-tracking-status.is-ready .fp-status-light{background:#5eead4;box-shadow:0 0 9px #5eead480}.fp-tracking-status button{background:#164e63;border:1px solid #67e8f94d;border-radius:6px;color:#e0f2fe;cursor:pointer;font:inherit;padding:4px 8px}.fpp-cam-hidden{height:1px;opacity:0;pointer-events:none;width:1px}.fp-cam-widget,.fpp-cam-hidden{overflow:hidden;position:absolute}.fp-cam-widget{aspect-ratio:16/10;background:#0a1420;border:1px solid #7dd3fc45;border-radius:16px;box-shadow:0 12px 34px -12px #000000b8,inset 0 1px 0 #ffffff12;left:14px;top:14px;width:clamp(140px,19vw,216px);z-index:10}.fp-cam-widget:after{background:linear-gradient(180deg,#060e1a8c,#0000);content:"";height:42px;inset:0 0 auto 0;pointer-events:none;position:absolute}.fp-cam-canvas,.fp-cam-video{height:100%;inset:0;object-fit:cover;position:absolute;transform:scaleX(-1);width:100%}.fp-cam-canvas{pointer-events:none;z-index:1}.fp-cam-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1aad;border-radius:99px;color:#cbd5e1;display:flex;font-size:.6rem;font-weight:800;gap:6px;left:8px;letter-spacing:.09em;padding:3px 9px;position:absolute;text-transform:uppercase;top:8px;z-index:2}.fp-cam-dot{background:#64748b;border-radius:50%;flex:none;height:7px;width:7px}.fp-cam-badge.is-live{color:#a7f3d0}.fp-cam-badge.is-live .fp-cam-dot{animation:fpCamPulse 1.4s ease-in-out infinite;background:#10b981;box-shadow:0 0 8px #10b981}@keyframes fpCamPulse{0%,to{opacity:1}50%{opacity:.4}}.fp-cam-fallback{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.72rem;gap:6px;inset:0;justify-content:center;padding:10px;position:absolute;text-align:center}.fp-cam-fallback span{font-size:1.5rem}@media (max-width:560px){.fp-cam-widget{border-radius:12px;left:8px;top:8px;width:116px}}.fp-session-progress{font-feature-settings:"tnum";align-items:center;color:var(--gs-ink-soft);display:flex;flex-shrink:0;font-size:.71rem;font-variant-numeric:tabular-nums;gap:16px}.fp-progress-track{background:var(--gs-surface-2);border-radius:5px;flex:1 1;height:6px;overflow:hidden}.fp-progress-track>div{background:linear-gradient(90deg,var(--gs-accent),var(--gs-accent-2));border-radius:inherit;height:100%;transition:width .22s ease}.fpp-finger-dot{background:var(--fc);border-radius:6px;color:#101828;display:inline-grid;flex-shrink:0;font-size:.68rem;font-weight:900;height:22px;place-items:center;width:22px}.fp-key-preview{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.fp-stage-card{max-width:480px;text-align:center}.fp-stage-card h2{color:var(--fpp-ink);font-size:1.6rem;letter-spacing:-.03em;margin:9px 0}.fp-stage-card p{color:#526277;font-size:.9rem;line-height:1.6}.fp-stage-success{background:#ccfbf1;border-radius:18px;color:#0f766e;display:grid;height:56px;margin:0 auto 18px;place-items:center;width:56px}.fp-unlock-keys{display:flex;gap:5px;justify-content:center;margin:24px 0 18px}.fp-unlock-keys span{background:color-mix(in srgb,var(--fc) 65%,#fff);border-bottom:5px solid var(--fc);border-radius:4px 4px 8px 8px;color:#101828;display:grid;font-size:.85rem;font-weight:900;height:52px;place-items:center;width:32px}.fp-stage-card .fp-stage-reassurance{font-size:.75rem;margin-bottom:22px}.fp-stage-card .fpp-btn{justify-content:center;width:100%}.fpp-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0c0622bd;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.fpp-overlay-soft{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c062266}.fpp-countdown{color:#fff;font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:1;text-shadow:0 10px 46px #a78bfab3}.fpp-countdown-hint{color:#ffffffe6;font-size:1.05rem;font-weight:600;margin-top:14px}.fpp-card{background:#fffffff7;border-radius:28px;box-shadow:0 30px 76px #0000008c;padding:30px;position:relative;width:100%}.fpp-rules-card{max-width:580px}.fpp-pause-card{max-width:440px;text-align:center}.fpp-results-card{max-width:860px;overflow:hidden;text-align:center}.fpp-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:22px}.fpp-rules-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #7c3aed40;border-radius:20px;display:grid;flex-shrink:0;height:68px;place-items:center;width:68px}.fpp-rules-title{color:#17143a;color:var(--fpp-ink,#17143a);font-size:1.62rem;font-weight:900;letter-spacing:-.02em;margin:0}.fpp-rules-sub{color:#64748b;font-size:.88rem;font-weight:600;margin:4px 0 0}.fpp-rules-list{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0 0 18px;padding:0}.fpp-rules-list li{align-items:flex-start;background:#f5f3ff;border:1px solid #e9e5f5;border-radius:15px;color:#312e5e;display:flex;font-size:.95rem;font-weight:600;gap:13px;line-height:1.45;padding:12px 15px}.fpp-rule-icon{flex-shrink:0;font-size:1.25rem;line-height:1.2}.fpp-rules-tip{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;color:#92400e;display:flex;font-size:.86rem;font-weight:600;gap:10px;line-height:1.45;margin:0 0 20px;padding:12px 15px;text-align:left}.fpp-rules-tip svg{flex-shrink:0;margin-top:1px}.fpp-rules-start{font-size:1.08rem;justify-content:center;padding:15px;width:100%}.fpp-pause-ico{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:24px;color:#6d28d9;display:grid;height:76px;margin:0 auto 18px;place-items:center;width:76px}.fpp-pause-card h2{color:#17143a;color:var(--fpp-ink,#17143a);font-size:1.7rem;font-weight:900;margin:0 0 8px}.fpp-pause-card p{color:#64748b;font-weight:600;margin:0 0 24px}.fpp-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.fpp-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.98rem;font-weight:800;gap:9px;padding:13px 24px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.fpp-btn:hover{transform:translateY(-2px)}.fpp-btn:active{transform:translateY(0) scale(.97)}.fpp-btn:focus-visible{outline:3px solid #a78bfa;outline:3px solid var(--fpp-violet,#a78bfa);outline-offset:2px}.fpp-btn-primary{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 6px 20px #7c3aed73;color:#fff}.fpp-btn-primary:hover{box-shadow:0 10px 28px #7c3aed8c}.fpp-btn-ghost{background:#e9e5f5;color:#4c4780}.fpp-btn-ghost:hover{background:#ddd6fe}.fpp-results-title{align-items:center;color:#7c3aed;display:flex;font-size:1.72rem;font-weight:900;gap:10px;justify-content:center;letter-spacing:-.02em;margin:0 0 4px}.fpp-results-sub{color:#64748b;font-size:.92rem;font-weight:700;margin:0 0 20px}.fpp-perf-ring{background:conic-gradient(#a78bfa calc(var(--pct)*1%),#e9e5f5 0);border-radius:50%;box-shadow:0 10px 32px #a78bfa5c;display:grid;height:150px;margin:0 auto 24px;place-items:center;width:150px}.fpp-perf-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;gap:2px;height:118px;justify-content:center;width:118px}.fpp-perf-val{font-feature-settings:"tnum";color:#7c3aed;font-size:2.45rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.fpp-perf-lbl{color:#a0a0c0;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.fpp-metrics{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(5,1fr);margin-bottom:20px;text-align:left}.fpp-metric{align-items:center;background:#f8f7fc;border:1px solid #edebf7;border-radius:14px;display:flex;gap:9px;padding:11px 10px}.fpp-metric.muted{opacity:.62}.fpp-metric-ico{background:#fff;border-radius:9px;box-shadow:0 2px 6px #0000000f;color:#7c3aed;display:grid;flex-shrink:0;height:29px;place-items:center;width:29px}.fpp-metric-body{display:flex;flex-direction:column;min-width:0}.fpp-metric-label{align-items:center;color:#a0a0c0;display:flex;font-size:.6rem;font-weight:800;gap:4px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.fpp-metric-value{font-feature-settings:"tnum";color:#17143a;color:var(--fpp-ink,#17143a);font-size:.94rem;font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap}.fpp-perfinger{border:1px solid #edebf7;border-radius:16px;margin-bottom:20px;overflow:hidden;text-align:left}.fpp-perfinger-title{background:#f5f3ff;color:#5b21b6;font-size:.72rem;font-weight:900;letter-spacing:.07em;padding:11px 15px;text-transform:uppercase}.fpp-perfinger table{border-collapse:collapse;width:100%}.fpp-perfinger th{border-bottom:1px solid #edebf7;color:#a0a0c0;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:8px 14px;text-align:left;text-transform:uppercase}.fpp-perfinger td{font-feature-settings:"tnum";border-bottom:1px solid #f4f2fa;color:#17143a;color:var(--fpp-ink,#17143a);font-size:.84rem;font-variant-numeric:tabular-nums;font-weight:700;padding:9px 14px}.fpp-perfinger tr:last-child td{border-bottom:none}.fpp-perfinger td:first-child{align-items:center;display:flex;gap:8px}.fpp-perfinger td.muted{color:#b9b7ce;font-weight:600}.fpp-note-box{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:15px;color:#92400e;display:flex;font-size:.86rem;font-weight:600;gap:11px;line-height:1.45;margin-bottom:20px;padding:14px 16px;text-align:left}.fpp-note-box svg{flex-shrink:0;margin-top:1px}.fpp-tip{align-items:center;color:#a78bfa;cursor:help;display:inline-flex;position:relative}.fpp-tip-bubble{background:#17143a;border-radius:12px;bottom:calc(100% + 9px);box-shadow:0 12px 30px #0006;color:#fff;font-size:.72rem;font-weight:600;left:50%;letter-spacing:0;line-height:1.4;opacity:0;padding:10px 12px;position:absolute;text-transform:none;transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s;visibility:hidden;white-space:normal;width:236px;z-index:20}.fpp-tip-bubble:after{border:6px solid #0000;border-top-color:#17143a;content:"";left:50%;margin-left:-6px;position:absolute;top:100%}.fpp-tip:focus .fpp-tip-bubble,.fpp-tip:focus-visible .fpp-tip-bubble,.fpp-tip:hover .fpp-tip-bubble{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.fpp-confetti{border-radius:28px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.fpp-confetti span{animation:fppConfetti 2.4s ease-in forwards;animation-delay:calc(var(--i)*.09s);border-radius:2px;height:14px;left:calc(var(--i)*7.1%);opacity:0;position:absolute;top:-14px;width:9px}.fpp-confetti span:nth-child(4n){background:#a78bfa}.fpp-confetti span:nth-child(4n+1){background:#38bdf8}.fpp-confetti span:nth-child(4n+2){background:#fb923c}.fpp-confetti span:nth-child(4n+3){background:#4ade80}@keyframes fppConfetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(700px) rotate(620deg)}}@media (max-width:1150px){.fpp-metrics{grid-template-columns:repeat(3,1fr)}.fpp-banner{display:none}}@media (max-width:860px){.fpp-header{flex-wrap:wrap}.fpp-header-center{flex-basis:100%;order:3}.fpp-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.fpp-stage{padding:10px 10px 14px}.fpp-field{border-radius:20px}.fpp-icon-btn{height:38px;width:38px}.fpp-card{border-radius:22px;padding:22px}.fpp-perf-ring{height:126px;width:126px}.fpp-perf-inner{height:100px;width:100px}.fpp-perf-val{font-size:2rem}.fpp-levelcard{min-width:0;padding:9px 12px}.fpp-perfinger{font-size:.76rem}.fpp-tip-bubble{width:180px}}@media (prefers-reduced-motion:reduce){.fpp-overlay *,.fpp-page *,.fpp-page :after,.fpp-page :before{animation:none!important;transition:none!important}}.fpp-overlay{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.fpp-card,.fpp-pause-card,.fpp-results-card,.fpp-rules-card{margin:auto;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto}.fpp-results-card{padding:clamp(14px,2.6vh,30px) clamp(16px,2.2vw,30px)}.fpp-results-title{font-size:clamp(1.15rem,3.2vh,1.75rem)}.fpp-results-sub{font-size:clamp(.76rem,1.7vh,1rem)}.fpp-perf-ring{height:clamp(88px,16vh,156px);margin:0 auto clamp(10px,2.2vh,26px);width:clamp(88px,16vh,156px)}.fpp-perf-inner{height:79%;width:79%}.fpp-perf-val{font-size:clamp(1.3rem,4vh,2.4rem)}.fpp-perf-lbl{font-size:clamp(.58rem,1.3vh,.75rem)}.fpp-metrics{gap:clamp(5px,1vh,10px);margin-bottom:clamp(10px,2.2vh,26px)}.fpp-metric{border-radius:clamp(10px,1.6vh,15px);gap:clamp(6px,1vw,10px);padding:clamp(6px,1.3vh,13px) clamp(8px,1vw,12px)}.fpp-metric-ico{flex:none;height:clamp(24px,3.6vh,36px);width:clamp(24px,3.6vh,36px)}.fpp-metric-label{font-size:clamp(.56rem,1.25vh,.72rem)}.fpp-metric-value{font-size:clamp(.82rem,1.9vh,1.1rem)}.fpp-results-card .fpp-btn{border-radius:clamp(11px,1.8vh,16px);font-size:clamp(.8rem,1.8vh,1rem);padding:clamp(8px,1.6vh,13px) clamp(14px,1.8vw,24px)}@media (max-height:700px){.fpp-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.fp-toolbar .gs-hud-title{font-size:.85rem}.fp-toolbar .gs-hud-stat{padding:6px 8px}.fp-toolbar .gs-action{padding:7px 10px}}@media (max-height:680px){.fpp-stage{gap:8px;padding-top:8px}.fpp-piano{flex-basis:128px}.fp-session-heading h1{font-size:1.05rem}.fp-stage-track li{padding:6px 10px}.fp-hand-heading{font-size:.59rem}.fp-hand-caption{min-height:23px}.fp-hand-caption-rest{font-size:.59rem}.fp-prompt{min-height:29px}.fp-prompt-number{font-size:.9rem;height:26px;width:26px}.fpp-key-num{font-size:1rem;height:29px;width:29px}.fpp-key{gap:3px;padding-bottom:7px}}@media (max-width:650px){.fpp-page{height:auto;min-height:100dvh;overflow-y:auto}.fp-toolbar .gs-hud{gap:8px;padding:9px 12px}.fp-toolbar .gs-hud-left,.fp-toolbar .gs-hud-right{gap:6px;justify-content:center;width:100%}.fp-toolbar .gs-hud-stat{font-size:.75rem}.fp-session-heading{align-items:flex-start;flex-direction:column;gap:10px}.fp-stage-track{gap:5px;width:100%}.fp-stage-track li{flex:1 1;font-size:.66rem;gap:6px;min-width:0;padding:7px}.fp-stage-track small{font-size:.53rem}.fp-stage-track li>span{flex-shrink:0;height:22px;width:22px}.fpp-piano{flex-basis:150px;padding:0 8px}.fp-piano-two-hands{flex-basis:260px}.fp-piano-two-hands .fpp-keyboard{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.fp-second-hand{margin:0}.fpp-field{flex-basis:335px;min-height:335px;padding:10px}.fp-hands{gap:15px}.fp-hand-art{max-height:225px}.fp-hand-caption-rest{font-size:.55rem}.fp-key-finger{font-size:.56rem}.fp-key-hand{left:6px;top:7px}.fp-session-progress{font-size:.62rem;gap:9px}.fp-stage-card{padding:23px 18px}.fp-unlock-keys{gap:3px}}@media (max-height:520px){.fpp-page{height:auto;overflow-y:auto}.fpp-field{min-height:265px}.fp-hand-art{height:150px}}@media (prefers-reduced-motion:reduce){.fpp-page *,.fpp-page :after,.fpp-page :before{animation:none!important;transition:none!important}}.pcg-page{--pcg-gold:#f59e0b;--pcg-gold-lt:#fcd34d;--pcg-pink:#e983ac;--pcg-plum:#5b21b6;--pcg-ink:#2a1a0e;--pcg-glass:#3a220e85;--pcg-glass-br:#ffffff3d;background:#ebd9be;flex-direction:column;font-family:Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}.pcg-header,.pcg-page{display:flex;position:relative}.pcg-header{align-items:center;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--pcg-glass);border-bottom:1px solid var(--pcg-glass-br);box-shadow:0 6px 24px #0003;gap:12px;justify-content:space-between;padding:10px 18px;z-index:20}.pcg-header-center,.pcg-header-left,.pcg-header-right{align-items:center;display:flex;gap:10px}.pcg-header-center{flex:1 1;justify-content:center;min-width:0}.pcg-icon-btn{align-items:center;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .16s ease,box-shadow .16s ease;width:42px}.pcg-icon-btn:hover:not(:disabled){background:#ffffff52;box-shadow:0 6px 16px #0000003d;transform:translateY(-2px) scale(1.05)}.pcg-icon-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.pcg-icon-btn:disabled{cursor:not-allowed;opacity:.42}.pcg-icon-btn:focus-visible{outline:3px solid var(--pcg-gold-lt);outline-offset:2px}.pcg-home-btn{background:#fffffff0;color:#7c3e12}.pcg-home-btn:hover{background:#fff}.pcg-pause-btn{background:#8b5cf6eb;border-color:#ffffff73;color:#fff}.pcg-pause-btn:hover:not(:disabled){background:#8b5cf6}.pcg-level-chip{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;color:#fff;font-size:.82rem;font-weight:800;padding:7px 14px;white-space:nowrap}.pcg-level-1{background:#38a169e0}.pcg-level-2{background:#dd6b20e0}.pcg-level-3{background:#e53e3ee0}.pcg-banner{background:#fffffff2;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 4px 16px #0003;color:var(--pcg-ink);font-size:.98rem;font-weight:600;overflow:hidden;padding:9px 22px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pcg-banner strong{color:#b45309;font-weight:900}.pcg-stat{font-feature-settings:"tnum";align-items:center;background:#fffffff0;border:1px solid #fff9;border-radius:999px;box-shadow:0 4px 14px #0000002e;color:var(--pcg-ink);display:inline-flex;font-size:1.02rem;font-variant-numeric:tabular-nums;font-weight:800;gap:8px;padding:8px 16px}.pcg-stat-ico{color:var(--pcg-plum);flex-shrink:0}.pcg-stage{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:14px 18px 18px;z-index:5}.pcg-field,.pcg-stage{min-height:0;position:relative}.pcg-field{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:26px;box-shadow:0 18px 48px #3c230c4d,inset 0 0 0 3px #fff6;cursor:grab;flex:1 1;overflow:hidden;transition:box-shadow .3s ease}.pcg-field:active{cursor:grabbing}.pcg-field:after{background:radial-gradient(ellipse 78% 66% at 50% 46%,#0000 55%,#3c230c2e 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.pcg-field.pcg-near-slot{box-shadow:0 18px 48px #3c230c4d,inset 0 0 0 4px #f59e0bd9,inset 0 0 80px #f59e0b29}.pcg-piggy{animation:pcgPigIdle 4s ease-in-out infinite;aspect-ratio:300/280;filter:drop-shadow(0 10px 16px rgba(60,35,12,.3));height:38%;left:74%;pointer-events:none;position:absolute;top:11%;transform:translateX(-50%);z-index:4}@keyframes pcgPigIdle{0%,to{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-5px) rotate(-1.2deg)}}.pcg-piggy-img{object-fit:contain}.pcg-piggy-img,.pcg-piggy-overlay{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.pcg-pig-shadow{fill:#54300f38}.pcg-slot-halo{fill:#f59e0b42;opacity:0;transition:opacity .25s ease}.pcg-near-slot .pcg-slot-halo{animation:pcgHalo 1.3s ease-in-out infinite;opacity:1}@keyframes pcgHalo{0%,to{r:50;opacity:.38}50%{r:72;opacity:.82}}.pcg-pro-arrow{animation:pcgArrowReady 5.4s ease-in-out infinite;aspect-ratio:40/60;left:74%;opacity:0;pointer-events:none;position:absolute;top:1.5%;transform:translateX(-50%);width:clamp(34px,4.6vw,52px);z-index:8}.pcg-arrow-glow{animation:pcgArrowPulse 1.1s ease-in-out infinite;background:radial-gradient(circle,#f59e0b9e 0,#f59e0b00 70%);border-radius:50%;inset:-10px;position:absolute}.pcg-arrow-svg{animation:pcgArrowBounce 1.1s cubic-bezier(.4,0,.2,1) infinite;display:block;height:100%;position:relative;width:100%}@keyframes pcgArrowReady{0%,48%,94%,to{opacity:0}58%,84%{opacity:1}}@keyframes pcgArrowPulse{0%,to{opacity:.35;transform:scale(.78)}50%{opacity:.88;transform:scale(1.28)}}@keyframes pcgArrowBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(13px) scale(.94)}}.pcg-tutorial-group{animation:pcgTutorialFlow 5.4s cubic-bezier(.4,0,.2,1) infinite;aspect-ratio:1/1;left:22%;left:var(--pcg-tutorial-x,22%);pointer-events:none;position:absolute;top:56%;top:var(--pcg-tutorial-y,56%);transform-origin:0 0;width:18%;will-change:transform,opacity;z-index:7}@keyframes pcgTutorialFlow{0%{left:22%;left:var(--pcg-tutorial-x,22%);opacity:0;top:56%;top:var(--pcg-tutorial-y,56%);transform:translate(12%,15%) scale(1.04)}18%,7%{left:22%;left:var(--pcg-tutorial-x,22%);opacity:.96;top:56%;top:var(--pcg-tutorial-y,56%);transform:translate(0) scale(1.04)}25%,34%{left:22%;left:var(--pcg-tutorial-x,22%);opacity:1;top:56%;top:var(--pcg-tutorial-y,56%);transform:translate(0) scale(.96)}70%{left:74%;opacity:1;top:22.14%;transform:translate(0) scale(.96)}78%{left:74%;opacity:1;top:22.14%;transform:translate(0) scale(1.035)}88%,to{left:74%;opacity:0;top:22.14%;transform:translate(0) scale(1.035)}}.pcg-tutorial-hand-model{display:block;filter:drop-shadow(0 10px 11px rgba(60,35,12,.32));height:100%;left:-9%;object-fit:contain;position:absolute;top:-36%;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.pcg-tutorial-fake-coin{animation:pcgFakeCoin 5.4s ease-in-out infinite;aspect-ratio:1/1;filter:drop-shadow(0 4px 5px rgba(93,52,8,.35));left:0;position:absolute;top:0;transform:translate(-50%,-50%) scale(.92);width:38%;width:var(--pcg-tutorial-coin-size,38%);z-index:2}.pcg-tutorial-fake-coin svg{display:block;height:100%;width:100%}@keyframes pcgFakeCoin{0%,18%{opacity:0;transform:translate(-50%,-50%) scale(1)}25%,70%{opacity:.96;transform:translate(-50%,-50%) scale(.86)}78%{opacity:0;transform:translate(-50%,22%) scale(.35)}88%,to{opacity:0;transform:translate(-50%,22%) scale(.35)}}.pcg-tutorial-label{background:#5b21b6e6;border:2px solid #ffffffe0;border-radius:999px;box-shadow:0 6px 16px #29160847;color:#fff;font-size:clamp(.62rem,1.05vw,.86rem);font-weight:900;left:10%;letter-spacing:.04em;line-height:1;opacity:0;padding:7px 12px;position:absolute;top:-33%;transform:translateX(-50%);white-space:nowrap;z-index:4}.pcg-tutorial-label-pinch{animation:pcgLabelPinch 5.4s ease-in-out infinite}.pcg-tutorial-label-move{animation:pcgLabelMove 5.4s ease-in-out infinite}.pcg-tutorial-label-release{animation:pcgLabelRelease 5.4s ease-in-out infinite}@keyframes pcgLabelPinch{0%,36%,7%,to{opacity:0;transform:translateX(-50%) translateY(6px)}12%,31%{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pcgLabelMove{0%,31%,73%,to{opacity:0;transform:translateX(-50%) translateY(6px)}40%,68%{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes pcgLabelRelease{0%,68%,88%,to{opacity:0;transform:translateX(-50%) translateY(6px)}74%,83%{opacity:1;transform:translateX(-50%) translateY(0)}}.pcg-tutorial-active .pcg-coin>svg{animation:pcgCoinIdle 3.4s ease-in-out infinite,pcgTutorialRealCoin 5.4s ease-in-out infinite}.pcg-tutorial-active .pcg-coin-glow{animation:pcgCoinGlow 1.7s ease-in-out infinite,pcgTutorialRealCoin 5.4s ease-in-out infinite}@keyframes pcgTutorialRealCoin{0%,20%{opacity:1}27%,82%{opacity:0}90%,to{opacity:1}}.pcg-slot{transition:stroke .25s ease,stroke-width .25s ease}.pcg-near-slot .pcg-slot{stroke:#fcd34d;stroke-width:5}.pcg-near-slot .pcg-slot-group{animation:pcgSlotBeckon 1.1s ease-in-out infinite}@keyframes pcgSlotBeckon{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pcg-pig-lid{animation:pcgBlink2 5.5s ease-in-out infinite;transform:scaleY(0);transform-origin:-48px -46px}@keyframes pcgBlink2{0%,92%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}.pcg-pig-body{transform-origin:0 88px}.pcg-celebrate .pcg-pig-body{animation:pcgSwallowSquash .9s cubic-bezier(.34,1.56,.64,1)}@keyframes pcgSwallowSquash{0%{transform:scale(1)}14%{transform:scale(1.12,.86)}32%{transform:scale(.93,1.13)}50%{transform:scale(1.06,.95)}68%{transform:scale(.98,1.04)}84%{transform:scale(1.02,.99)}to{transform:scale(1)}}.pcg-celebrate .pcg-piggy{animation:pcgPigHop .9s cubic-bezier(.34,1.56,.64,1)}@keyframes pcgPigHop{0%{transform:translateX(-50%) translateY(0) rotate(0deg)}20%{transform:translateX(-50%) translateY(-16px) rotate(-3deg)}40%{transform:translateX(-50%) translateY(0) rotate(2deg)}58%{transform:translateX(-50%) translateY(-8px) rotate(-1.5deg)}76%{transform:translateX(-50%) translateY(0) rotate(1deg)}to{transform:translateX(-50%) translateY(0) rotate(0deg)}}.pcg-celebrate .pcg-pig-shadow{animation:pcgShadowSquash .9s cubic-bezier(.34,1.56,.64,1)}@keyframes pcgShadowSquash{0%,to{opacity:1;transform:scale(1)}20%{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1.08)}}.pcg-celebrate .pcg-pig-lid{animation:none;transform:scaleY(.72)}.pcg-pig-sparks{opacity:0;transform-origin:0 -88px}.pcg-celebrate .pcg-pig-sparks{animation:pcgSparks .72s ease-out}@keyframes pcgSparks{0%{opacity:0;transform:scale(.25) rotate(0deg)}22%{opacity:1}to{opacity:0;transform:scale(1.5) rotate(28deg)}}.pcg-field.pcg-celebrate{box-shadow:0 18px 48px #3c230c4d,inset 0 0 0 5px #fcd34df2,inset 0 0 110px #fcd34d4d}.pcg-coin{aspect-ratio:1/1;filter:drop-shadow(0 6px 10px rgba(60,35,12,.4));left:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%);will-change:left,top,transform;z-index:6}.pcg-coin svg{animation:pcgCoinIdle 3.4s ease-in-out infinite;display:block}@keyframes pcgCoinIdle{0%,to{transform:translateY(-3px) rotate(-2deg)}50%{transform:translateY(3px) rotate(2deg)}}.pcg-coin-glow{animation:pcgCoinGlow 1.7s ease-in-out infinite;background:radial-gradient(circle,#fcd34d99 0,#fcd34d38 45%,#fcd34d00 70%);border-radius:50%;height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%}@keyframes pcgCoinGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.15)}}.pcg-coin-shine{animation:pcgShine 2.8s ease-in-out infinite}@keyframes pcgShine{0%,to{opacity:.3}50%{opacity:.75}}.pcg-coin-star{animation:pcgStarPulse 2.4s ease-in-out infinite}@keyframes pcgStarPulse{0%,to{fill:#fde68a}50%{fill:#fff7cc}}.pcg-viz-canvas{height:100%;inset:0;width:100%;z-index:7}.pcg-steps,.pcg-viz-canvas{pointer-events:none;position:absolute}.pcg-steps{background:#ffffffed;border:1px solid #fffc;border-radius:18px;box-shadow:0 8px 26px #3c230c42;display:flex;flex-direction:column;gap:7px;padding:12px 14px;right:16px;top:16px;z-index:9}.pcg-steps-title{color:#92400e;font-size:.72rem;font-weight:900;letter-spacing:.08em;margin-bottom:2px;text-align:center;text-transform:uppercase}.pcg-step{align-items:center;background:#f5f5f4;border-radius:12px;display:flex;gap:9px;opacity:.55;padding:6px 12px 6px 6px;transition:opacity .22s ease,background .22s ease,transform .22s ease}.pcg-step-n{background:#d6d3d1;border-radius:50%;color:#57534e;display:grid;flex-shrink:0;font-size:.78rem;font-weight:900;height:24px;place-items:center;transition:background .22s ease,color .22s ease;width:24px}.pcg-step-l{color:#57534e;font-size:.86rem;font-weight:800;transition:color .22s ease}.pcg-step.active{background:#ede9fe;box-shadow:0 0 0 2px #8b5cf666;opacity:1;transform:translateX(-4px)}.pcg-step.active .pcg-step-n{background:#8b5cf6;color:#fff}.pcg-step.active .pcg-step-l{color:#5b21b6}.pcg-hint{align-items:center;background:#fffffff2;border:1px solid #fffc;border-radius:16px;bottom:18px;box-shadow:0 8px 24px #3c230c42;color:var(--pcg-ink);display:flex;font-size:.92rem;font-weight:700;gap:10px;left:18px;max-width:62%;padding:11px 18px;pointer-events:none;position:absolute;z-index:9}.pcg-hint svg{color:#8b5cf6;flex-shrink:0}.pcg-cam-status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;left:50%;padding:7px 16px;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%);z-index:9}.pcg-cam-status.ok{background:#38a169e0}.pcg-cam-status.wait{animation:pcgBlink 1.5s ease-in-out infinite;background:#dd6b20e6}@keyframes pcgBlink{0%,to{opacity:1}50%{opacity:.55}}.pcg-cam-hidden{height:1px;left:-9999px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.pcg-progress{align-items:center;background:#ffffffeb;border:1px solid #ffffffb3;border-radius:999px;box-shadow:0 5px 18px #3c230c38;display:flex;gap:12px;padding:8px 16px}.pcg-progress-coin{display:inline-flex;flex-shrink:0;line-height:0}.pcg-progress-track{background:#e7e5e4;border-radius:999px;box-shadow:inset 0 2px 4px #00000024;flex:1 1;height:14px;position:relative}.pcg-progress-fill{background:linear-gradient(90deg,#fcd34d,#34d399 60%,#10b981);border-radius:999px;bottom:0;left:0;position:absolute;top:0;transition:width .35s cubic-bezier(.34,1.56,.64,1)}.pcg-progress-star{color:#d6d3d1;font-size:1.35rem;line-height:1;position:absolute;text-shadow:0 1px 2px #0000002e;top:50%;transform:translate(-50%,-50%);transition:color .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.pcg-progress-star.earned{color:#fbbf24;text-shadow:0 0 10px #fbbf24d9;transform:translate(-50%,-50%) scale(1.25)}.pcg-progress-count{font-feature-settings:"tnum";color:var(--pcg-ink);flex-shrink:0;font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:900}.pcg-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#281608a8;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.pcg-overlay-soft{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2816085c}.pcg-countdown{color:#fff;font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:1;text-shadow:0 10px 40px #00000080}.pcg-countdown-hint{color:#ffffffeb;font-size:1.05rem;font-weight:600;margin-top:14px}.pcg-card{background:#fffffff7;border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 28px 70px #00000073;padding:30px;position:relative;width:100%}.pcg-rules-card{max-width:570px}.pcg-pause-card{max-width:440px;text-align:center}.pcg-results-card{max-width:760px;overflow:hidden;text-align:center}.pcg-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:22px}.pcg-rules-badge{animation:pcgCoinIdle 3.4s ease-in-out infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b4d;border-radius:20px;display:grid;flex-shrink:0;height:66px;place-items:center;width:66px}.pcg-rules-title{color:#2a1a0e;color:var(--pcg-ink,#2a1a0e);font-size:1.62rem;font-weight:900;letter-spacing:-.02em;margin:0}.pcg-rules-sub{color:#78716c;font-size:.88rem;font-weight:600;margin:4px 0 0}.pcg-rules-list{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0 0 18px;padding:0}.pcg-rules-list li{align-items:flex-start;background:#fffbeb;border:1px solid #fef3c7;border-radius:15px;color:#44403c;display:flex;font-size:.95rem;font-weight:600;gap:13px;line-height:1.45;padding:12px 15px}.pcg-rule-icon{flex-shrink:0;font-size:1.25rem;line-height:1.2}.pcg-rules-tip{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:14px;color:#5b21b6;font-size:.88rem;font-weight:600;line-height:1.45;margin:0 0 20px;padding:12px 15px}.pcg-rules-start{font-size:1.08rem;justify-content:center;padding:15px;width:100%}.pcg-pause-ico{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:24px;color:#6d28d9;display:grid;height:76px;margin:0 auto 18px;place-items:center;width:76px}.pcg-pause-card h2{color:#2a1a0e;color:var(--pcg-ink,#2a1a0e);font-size:1.7rem;font-weight:900;margin:0 0 8px}.pcg-pause-card p{color:#78716c;font-weight:600;margin:0 0 24px}.pcg-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pcg-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.98rem;font-weight:800;gap:9px;padding:13px 24px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.pcg-btn:hover{transform:translateY(-2px)}.pcg-btn:active{transform:translateY(0) scale(.97)}.pcg-btn:focus-visible{outline:3px solid #f59e0b;outline:3px solid var(--pcg-gold,#f59e0b);outline-offset:2px}.pcg-btn-primary{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 6px 18px #7c3aed6b;color:#fff}.pcg-btn-primary:hover{box-shadow:0 10px 26px #7c3aed85}.pcg-btn-ghost{background:#e7e5e4;color:#57534e}.pcg-btn-ghost:hover{background:#d6d3d1}.pcg-results-title{align-items:center;color:#7c3aed;display:flex;font-size:1.72rem;font-weight:900;gap:10px;justify-content:center;letter-spacing:-.02em;margin:0 0 4px}.pcg-results-sub{color:#78716c;font-size:.92rem;font-weight:700;margin:0 0 14px}.pcg-results-stars{display:flex;font-size:2.4rem;gap:8px;justify-content:center;line-height:1;margin-bottom:18px}.pcg-results-stars span{color:#e7e5e4}.pcg-results-stars span.earned{animation:pcgStarPop .5s cubic-bezier(.34,1.56,.64,1) backwards;color:#fbbf24;text-shadow:0 0 16px #fbbf24b3}.pcg-results-stars span.earned:nth-child(2){animation-delay:.12s}.pcg-results-stars span.earned:nth-child(3){animation-delay:.24s}@keyframes pcgStarPop{0%{opacity:0;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.pcg-perf-ring{background:conic-gradient(#a78bfa calc(var(--pct)*1%),#e7e5e4 0);border-radius:50%;box-shadow:0 10px 30px #a78bfa52;display:grid;height:150px;margin:0 auto 24px;place-items:center;width:150px}.pcg-perf-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;gap:2px;height:118px;justify-content:center;width:118px}.pcg-perf-val{font-feature-settings:"tnum";color:#7c3aed;font-size:2.45rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.pcg-perf-lbl{color:#a8a29e;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pcg-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;text-align:left}.pcg-metric{align-items:center;background:#fafaf9;border:1px solid #f0efee;border-radius:15px;display:flex;gap:10px;padding:12px}.pcg-metric-ico{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#8b5cf6;display:grid;flex-shrink:0;height:31px;place-items:center;width:31px}.pcg-metric-body{display:flex;flex-direction:column;min-width:0}.pcg-metric-label{align-items:center;color:#a8a29e;display:flex;font-size:.63rem;font-weight:800;gap:4px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.pcg-metric-value{font-feature-settings:"tnum";color:#2a1a0e;color:var(--pcg-ink,#2a1a0e);font-size:1rem;font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap}.pcg-tip{align-items:center;color:#a78bfa;cursor:help;display:inline-flex;position:relative}.pcg-tip-bubble{background:#2a1a0e;border-radius:12px;bottom:calc(100% + 9px);box-shadow:0 10px 28px #00000052;color:#fff;font-size:.72rem;font-weight:600;left:50%;letter-spacing:0;line-height:1.4;opacity:0;padding:10px 12px;position:absolute;text-transform:none;transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s;visibility:hidden;white-space:normal;width:232px;z-index:20}.pcg-tip-bubble:after{border:6px solid #0000;border-top-color:#2a1a0e;content:"";left:50%;margin-left:-6px;position:absolute;top:100%}.pcg-tip:focus .pcg-tip-bubble,.pcg-tip:focus-visible .pcg-tip-bubble,.pcg-tip:hover .pcg-tip-bubble{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.pcg-confetti{border-radius:28px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.pcg-confetti span{animation:pcgConfetti 2.4s ease-in forwards;animation-delay:calc(var(--i)*.09s);border-radius:2px;height:14px;left:calc(var(--i)*7.1%);opacity:0;position:absolute;top:-14px;width:9px}.pcg-confetti span:nth-child(3n){background:#fbbf24}.pcg-confetti span:nth-child(3n+1){background:#a78bfa}.pcg-confetti span:nth-child(3n+2){background:#f472b6}@keyframes pcgConfetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(600px) rotate(620deg)}}@media (max-width:1000px){.pcg-banner{font-size:.86rem;padding:8px 14px}}@media (max-width:860px){.pcg-header{flex-wrap:wrap}.pcg-header-center{flex-basis:100%;order:3}.pcg-banner{white-space:normal}.pcg-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.pcg-stage{padding:10px 10px 14px}.pcg-field{border-radius:20px}.pcg-icon-btn{height:38px;width:38px}.pcg-card{border-radius:22px;padding:22px}.pcg-steps{gap:5px;padding:9px 10px;right:10px;top:10px}.pcg-step-l{font-size:.78rem}.pcg-hint{bottom:10px;font-size:.84rem;left:10px;max-width:74%;padding:9px 14px}.pcg-perf-ring{height:126px;width:126px}.pcg-perf-inner{height:100px;width:100px}.pcg-perf-val{font-size:2rem}.pcg-tip-bubble{width:180px}}@media (prefers-reduced-motion:reduce){.pcg-overlay *,.pcg-page *,.pcg-page :after,.pcg-page :before{animation:none!important;transition:none!important}}.pcg-overlay{-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.pcg-card,.pcg-pause-card,.pcg-results-card,.pcg-rules-card{margin:auto}.cam-lm-widget{aspect-ratio:16/10;background:#0a1420;border:1px solid #7dd3fc45;border-radius:16px;box-shadow:0 12px 34px -12px #000000b8,inset 0 1px 0 #ffffff12;left:14px;overflow:hidden;position:absolute;top:14px;width:clamp(140px,19vw,216px);z-index:15}.cam-lm-widget:after{background:linear-gradient(180deg,#060e1a8c,#0000);content:"";height:42px;inset:0 0 auto 0;pointer-events:none;position:absolute}.cam-lm-canvas,.cam-lm-video{height:100%;inset:0;object-fit:cover;position:absolute;transform:scaleX(-1);width:100%}.cam-lm-canvas{pointer-events:none;z-index:1}.cam-lm-badge{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060e1aad;border-radius:99px;color:#cbd5e1;display:flex;font-size:.6rem;font-weight:800;gap:6px;left:8px;letter-spacing:.09em;padding:3px 9px;position:absolute;text-transform:uppercase;top:8px;z-index:2}.cam-lm-dot{background:#64748b;border-radius:50%;flex:none;height:7px;width:7px}.cam-lm-badge.is-live{color:#a7f3d0}.cam-lm-badge.is-live .cam-lm-dot{animation:camLmPulse 1.4s ease-in-out infinite;background:#10b981;box-shadow:0 0 8px #10b981}@keyframes camLmPulse{0%,to{opacity:1}50%{opacity:.4}}.cam-lm-fallback{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:.72rem;gap:6px;inset:0;justify-content:center;padding:10px;position:absolute;text-align:center}.cam-lm-fallback span{font-size:1.5rem}@media (max-width:560px){.cam-lm-widget{border-radius:12px;left:8px;top:8px;width:116px}}@media (prefers-reduced-motion:reduce){.cam-lm-badge.is-live .cam-lm-dot{animation:none}}.lb-page{--lb-red:#e53e3e;--lb-red-dk:#b32424;--lb-green:#38a169;--lb-green-dk:#2f7f3c;--lb-gold:#f6e05e;--lb-amber:#f59e0b;--lb-ink:#1a202c;--lb-glass:#0c161275;--lb-glass-br:#ffffff38;background:#7fcb74;flex-direction:column;font-family:Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}.lb-header,.lb-page{display:flex;position:relative}.lb-header{align-items:center;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--lb-glass);border-bottom:1px solid var(--lb-glass-br);box-shadow:0 6px 24px #0000002e;gap:12px;justify-content:space-between;padding:10px 18px;z-index:20}.lb-header-center,.lb-header-left,.lb-header-right{align-items:center;display:flex;gap:10px}.lb-header-center{flex:1 1;justify-content:center}.lb-icon-btn{align-items:center;background:#ffffff29;border:1px solid #ffffff47;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .16s ease,box-shadow .16s ease;width:42px}.lb-icon-btn:hover:not(:disabled){background:#ffffff4d;box-shadow:0 6px 16px #00000038;transform:translateY(-2px) scale(1.05)}.lb-icon-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.lb-icon-btn:disabled{cursor:not-allowed;opacity:.42}.lb-icon-btn:focus-visible{outline:3px solid var(--lb-gold);outline-offset:2px}.lb-home-btn{background:#ffffffeb;color:var(--lb-green-dk)}.lb-home-btn:hover{background:#fff}.lb-pause-btn{background:#f6e05eeb;border-color:#ffffff80;color:#7a5b00}.lb-pause-btn:hover:not(:disabled){background:var(--lb-gold)}.lb-level-chip{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.02em;padding:7px 14px;white-space:nowrap}.lb-level-easy{background:#38a169d9}.lb-level-medium{background:#dd6b20d9}.lb-level-hard{background:#e53e3ed9}.lb-stat{font-feature-settings:"tnum";align-items:center;background:#ffffffed;border:1px solid #fff9;border-radius:999px;box-shadow:0 4px 14px #00000029;color:var(--lb-ink);display:inline-flex;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:800;gap:8px;padding:8px 18px}.lb-stat-ico{color:var(--lb-amber);flex-shrink:0}.lb-stat-score .lb-stat-ico{color:#eab308}.lb-stat-score.is-earning .lb-stat-val{animation:lbScoreBump .42s ease-out}@keyframes lbScoreBump{0%{transform:scale(1)}35%{color:var(--lb-amber);transform:scale(1.16)}to{transform:scale(1)}}.lb-stage{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:14px 18px 18px;z-index:5}.lb-field,.lb-stage{min-height:0;position:relative}.lb-field{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 560' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%235FC4EC'/%3E%3Cstop offset='45%25' stop-color='%2393DAF3'/%3E%3Cstop offset='100%25' stop-color='%23C7EDF9'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%238FD48A'/%3E%3Cstop offset='100%25' stop-color='%236FBF74'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%237FCB74'/%3E%3Cstop offset='100%25' stop-color='%235EAF5E'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%238AD173'/%3E%3Cstop offset='100%25' stop-color='%2363B357'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23E3CBA0'/%3E%3Cstop offset='100%25' stop-color='%23D2B487'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%239A6B45'/%3E%3Cstop offset='100%25' stop-color='%237A5133'/%3E%3C/linearGradient%3E%3CradialGradient id='b' cx='50%25' cy='50%25'%3E%3Cstop offset='0%25' stop-color='%23FFF9D0' stop-opacity='.95'/%3E%3Cstop offset='100%25' stop-color='%23FFF3B0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1000v560H0z'/%3E%3Ccircle cx='835' cy='80' r='150' fill='url(%23b)'/%3E%3Cg fill='%23FFF' opacity='.92'%3E%3Cellipse cx='150' cy='92' rx='58' ry='27'/%3E%3Cellipse cx='196' cy='86' rx='42' ry='32'/%3E%3Cellipse cx='108' cy='98' rx='38' ry='21'/%3E%3Cg opacity='.8'%3E%3Cellipse cx='470' cy='62' rx='50' ry='23'/%3E%3Cellipse cx='508' cy='58' rx='36' ry='27'/%3E%3Cellipse cx='434' cy='68' rx='32' ry='18'/%3E%3C/g%3E%3Cg opacity='.7'%3E%3Cellipse cx='790' cy='118' rx='46' ry='21'/%3E%3Cellipse cx='824' cy='112' rx='33' ry='25'/%3E%3C/g%3E%3Cg opacity='.55'%3E%3Cellipse cx='640' cy='150' rx='40' ry='17'/%3E%3Cellipse cx='670' cy='146' rx='28' ry='20'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M0 300q120-48 250-18t270-14 260 20 220-26v298H0Z' fill='url(%23c)'/%3E%3Cg transform='translate(70 250)'%3E%3Crect x='-6' y='14' width='12' height='46' rx='5' fill='url(%23d)'/%3E%3Ccircle cy='4' r='30' fill='%235CAE5C'/%3E%3Ccircle cx='-20' cy='18' r='22' fill='%2369BC66'/%3E%3Ccircle cx='20' cy='18' r='22' fill='%234F9E52'/%3E%3C/g%3E%3Cg transform='translate(215 262)'%3E%3Crect x='-5' y='12' width='10' height='40' rx='4' fill='url(%23d)'/%3E%3Ccircle cy='2' r='26' fill='%2363B663'/%3E%3Ccircle cx='-17' cy='15' r='19' fill='%2371C36E'/%3E%3Ccircle cx='17' cy='15' r='19' fill='%2354A557'/%3E%3C/g%3E%3Cg transform='translate(392 248)'%3E%3Crect x='-6' y='16' width='13' height='50' rx='5' fill='url(%23d)'/%3E%3Ccircle cy='2' r='33' fill='%2359B159'/%3E%3Ccircle cx='-23' cy='19' r='24' fill='%2368BF66'/%3E%3Ccircle cx='23' cy='19' r='24' fill='%234B9B4F'/%3E%3C/g%3E%3Cg transform='translate(560 266)'%3E%3Crect x='-5' y='12' width='10' height='38' rx='4' fill='url(%23d)'/%3E%3Ccircle cy='2' r='25' fill='%2365B865'/%3E%3Ccircle cx='-16' cy='14' r='18' fill='%2373C570'/%3E%3Ccircle cx='16' cy='14' r='18' fill='%2356A758'/%3E%3C/g%3E%3Cg transform='translate(742 254)'%3E%3Crect x='-6' y='14' width='12' height='46' rx='5' fill='url(%23d)'/%3E%3Ccircle cy='3' r='30' fill='%235DAF5D'/%3E%3Ccircle cx='-20' cy='17' r='22' fill='%236BBD68'/%3E%3Ccircle cx='20' cy='17' r='22' fill='%234F9E52'/%3E%3C/g%3E%3Cg transform='translate(905 244)'%3E%3Crect x='-6' y='17' width='13' height='52' rx='5' fill='url(%23d)'/%3E%3Ccircle r='34' fill='%2357AF57'/%3E%3Ccircle cx='-23' cy='18' r='25' fill='%2366BD64'/%3E%3Ccircle cx='23' cy='18' r='25' fill='%234A9A4E'/%3E%3C/g%3E%3Cpath d='M0 352q160-34 330-8t320-12 350 18v210H0Z' fill='url(%23e)'/%3E%3Cpath d='M0 408q200-36 420-8t340-12 240 16v156H0Z' fill='url(%23f)'/%3E%3Cpath d='M985 400c-165 12-285 48-425 70s-310 30-470 90h270c110-52 250-68 370-90 110-20 200-42 270-54Z' fill='url(%23g)' opacity='.9'/%3E%3Cg opacity='.35' stroke='%233F8C46' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='m60 470 6-22m8 28 3-26m11 20-5-22M300 500l6-24m10 30 2-28m12 22-6-24M620 520l6-22m10 28 2-26m12 20-6-22M860 470l6-22m10 28 2-26m12 20-6-22'/%3E%3C/g%3E%3Cg transform='translate(48 486)'%3E%3Ccircle cy='-13' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle r='6' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(140 530)'%3E%3Ccircle cy='-12' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle r='5.5' fill='%23F59E0B'/%3E%3C/g%3E%3Cg transform='translate(258 466)'%3E%3Ccircle cy='-12' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle r='5.5' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(470 540)'%3E%3Ccircle cy='-13' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle r='6' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(700 516)'%3E%3Ccircle cy='-12' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle r='5.5' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(930 500)'%3E%3Ccircle cy='-13' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='12' cy='-4' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='7' cy='10' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='-7' cy='10' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='-12' cy='-4' r='7' fill='%23C4A8F0'/%3E%3Ccircle r='6' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(830 556)'%3E%3Ccircle cy='-12' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle r='5.5' fill='%23F59E0B'/%3E%3C/g%3E%3Cellipse cx='180' cy='452' rx='26' ry='8' fill='%234E9E52' opacity='.35'/%3E%3Cellipse cx='540' cy='486' rx='32' ry='9' fill='%234E9E52' opacity='.3'/%3E%3Cellipse cx='880' cy='452' rx='24' ry='7' fill='%234E9E52' opacity='.35'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:26px;box-shadow:0 18px 48px #00000047,inset 0 0 0 3px #ffffff59;cursor:crosshair;flex:1 1;overflow:hidden;transition:box-shadow .28s ease}.lb-field:after{background:linear-gradient(180deg,#0000000f 0,#0000 26%,#0000 68%,#0003);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.lb-field.lb-off-path{animation:lbOffPulse 1s ease-in-out infinite;box-shadow:0 18px 48px #00000047,inset 0 0 0 4px #e53e3ee6,inset 0 0 70px #e53e3e38}@keyframes lbOffPulse{0%,to{filter:saturate(1)}50%{filter:saturate(.82) brightness(.97)}}.lb-svg{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:2}.lb-band{fill:none;stroke:#fff3;stroke-linecap:round;vector-effect:non-scaling-stroke}.lb-off-path .lb-band{stroke:#e53e3e33}.lb-path-glow{fill:none;stroke:#0000002e;stroke-width:12;stroke-linecap:round;filter:blur(4px)}.lb-path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-dasharray:22 26;animation:lbDash 1.4s linear infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}@keyframes lbDash{to{stroke-dashoffset:-48}}.lb-leaf{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));height:134px;margin-left:-62px;margin-top:-67px;pointer-events:none;position:absolute;width:124px;z-index:4}.lb-leaf-halo{fill:#f6e05e52;animation:lbHalo 2.2s ease-in-out infinite}@keyframes lbHalo{0%,to{r:46;opacity:.3}50%{r:62;opacity:.62}}.lb-leaf-blade{animation:lbLeafSway 3.4s ease-in-out infinite;transform-origin:4px -4px}@keyframes lbLeafSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}.lb-flag{animation:lbFlag 1.8s ease-in-out infinite;transform-origin:6px -88px}@keyframes lbFlag{0%,to{transform:skewY(0deg) scaleX(1)}50%{transform:skewY(-5deg) scaleX(.9)}}.lb-pointer-canvas{z-index:6}.lb-hand-layer,.lb-pointer-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.lb-hand-layer{overflow:visible;z-index:7}.lb-hand-pointer{opacity:0;will-change:transform,opacity}.lb-bug{height:82px;left:0;margin-left:-41px;margin-top:-41px;top:0;transition:none;width:82px;will-change:left,top,transform;z-index:7}.lb-bug,.lb-bug-halo{pointer-events:none;position:absolute}.lb-bug-halo{animation:lbBugHalo 1.5s ease-in-out infinite;background:radial-gradient(circle,#f6e05e99 0,#f6e05e38 45%,#f6e05e00 72%);border-radius:50%;height:118px;left:50%;margin:-59px 0 0 -59px;top:50%;width:118px}@keyframes lbBugHalo{0%,to{opacity:.55;transform:scale(.78)}50%{opacity:.95;transform:scale(1.22)}}.lb-carrying .lb-bug-halo{animation:none;background:radial-gradient(circle,#48bb788c 0,#48bb7833 45%,#48bb7800 72%);opacity:.75;transform:scale(1)}.lb-carrying.lb-off-path .lb-bug-halo{background:radial-gradient(circle,#e53e3e99 0,#e53e3e38 45%,#e53e3e00 72%)}.lb-bug.lb-bug-returning .lb-bug-svg{filter:drop-shadow(0 0 18px rgba(99,179,237,.95)) drop-shadow(0 6px 10px rgba(0,0,0,.35));opacity:.9}.lb-bug.lb-bug-returning .lb-bug-halo{animation:none;background:radial-gradient(circle,#63b3ed99 0,#63b3ed38 45%,#63b3ed00 72%);opacity:.85;transform:scale(1.15)}.lb-bug.lb-bug-returning .lb-bug-shadow{opacity:.12}.lb-hint{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0c1612bd;border:1px solid #ffffff3d;border-radius:999px;bottom:24px;box-shadow:0 6px 22px #00000057;color:#fff;font-size:.95rem;font-weight:700;left:50%;padding:11px 22px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:9}.lb-bug-svg{animation:lbFloat 2.1s ease-in-out infinite;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}@keyframes lbFloat{0%,to{transform:translateY(-4px) rotate(-2deg)}50%{transform:translateY(4px) rotate(2deg)}}.lb-bug-shadow{animation:lbShadow 2.1s ease-in-out infinite;background:#0000003d;border-radius:50%;bottom:-4px;filter:blur(4px);height:12px;left:50%;margin-left:-26px;position:absolute;width:52px}@keyframes lbShadow{0%,to{opacity:.34;transform:scale(.86)}50%{opacity:.2;transform:scale(1.08)}}.lb-antenna{fill:none;stroke:#161616;stroke-width:3.4;stroke-linecap:round}.lb-pupil{animation:lbBlinkLook 4.2s ease-in-out infinite}@keyframes lbBlinkLook{0%,44%,to{transform:translateX(0)}50%,62%{transform:translateX(1.6px)}}.lb-off-path .lb-bug-svg{animation:lbFloat 2.1s ease-in-out infinite,lbShake .42s ease-in-out infinite}@keyframes lbShake{0%,to{filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}50%{filter:drop-shadow(0 0 16px rgba(229,62,62,.95)) drop-shadow(0 6px 10px rgba(0,0,0,.35))}}.lb-cam-status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;left:50%;padding:7px 16px;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%);z-index:8}.lb-cam-status.ok{background:#38a169d1}.lb-cam-status.wait{animation:lbBlink 1.5s ease-in-out infinite;background:#dd6b20db}@keyframes lbBlink{0%,to{opacity:1}50%{opacity:.55}}.lb-cam-hidden{height:1px;left:-9999px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.lb-progress{padding:0 6px}.lb-progress-track{background:#ffffffd9;border:1px solid #ffffffb3;border-radius:999px;box-shadow:inset 0 2px 5px #00000029,0 3px 10px #00000024;height:16px;position:relative}.lb-progress-fill{background:linear-gradient(90deg,#63b3ed,#48bb78 55%,#38a169);border-radius:999px;bottom:0;left:0;position:absolute;top:0;transition:width .2s linear}.lb-progress-bug{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));left:0;position:absolute;top:50%;transform:translate(-50%,-50%);will-change:left;z-index:2}.lb-progress-goal{display:inline-flex;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));line-height:0;position:absolute;right:-2px;top:50%;transform:translateY(-50%)}.lb-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a14109e;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.lb-overlay-soft{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a141057}.lb-countdown{color:#fff;font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:1;text-shadow:0 10px 40px #00000080}.lb-countdown-hint{color:#ffffffe6;font-size:1.05rem;font-weight:600;margin-top:14px}.lb-pause-card,.lb-results-card,.lb-rules-card{background:#fffffff7;border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 28px 70px #0000006b;padding:30px;position:relative;width:100%}.lb-rules-card{max-width:560px}.lb-pause-card{max-width:440px;text-align:center}.lb-results-card{max-width:720px;overflow:hidden;text-align:center}.lb-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:22px}.lb-rules-badge{animation:lbFloat 2.6s ease-in-out infinite;background:linear-gradient(135deg,#fff5f5,#fed7d7);border:2px solid #e53e3e40;border-radius:20px;display:grid;flex-shrink:0;height:66px;place-items:center;width:66px}.lb-rules-title{color:var(--lb-ink);font-size:1.62rem;font-weight:900;letter-spacing:-.02em;margin:0}.lb-rules-sub{color:#718096;font-size:.9rem;font-weight:600;margin:4px 0 0}.lb-rules-list{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0 0 24px;padding:0}.lb-rules-list li{align-items:flex-start;background:#f7fafc;border:1px solid #edf2f7;border-radius:15px;color:#2d3748;display:flex;font-size:.95rem;font-weight:600;gap:13px;line-height:1.45;padding:12px 15px}.lb-rule-icon{flex-shrink:0;font-size:1.25rem;line-height:1.2}.lb-rules-start{font-size:1.08rem;justify-content:center;padding:15px;width:100%}.lb-pause-ico{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:24px;color:#b45309;display:grid;height:76px;margin:0 auto 18px;place-items:center;width:76px}.lb-pause-card h2{color:var(--lb-ink);font-size:1.7rem;font-weight:900;margin:0 0 8px}.lb-pause-card p{color:#718096;font-weight:600;margin:0 0 24px}.lb-pause-actions,.lb-results-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.lb-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.98rem;font-weight:800;gap:9px;padding:13px 24px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.lb-btn:hover{transform:translateY(-2px)}.lb-btn:active{transform:translateY(0) scale(.97)}.lb-btn:focus-visible{outline:3px solid var(--lb-amber);outline-offset:2px}.lb-btn-primary{background:linear-gradient(135deg,#48bb78,#2f855a);box-shadow:0 6px 18px #2f855a66;color:#fff}.lb-btn-primary:hover{box-shadow:0 10px 26px #2f855a80}.lb-btn-ghost{background:#edf2f7;color:#4a5568}.lb-btn-ghost:hover{background:#e2e8f0}.lb-results-title{align-items:center;color:#2f855a;display:flex;font-size:1.72rem;font-weight:900;gap:10px;justify-content:center;letter-spacing:-.02em;margin:0 0 4px}.lb-results-sub{color:#718096;font-size:.92rem;font-weight:700;margin:0 0 22px}.lb-perf-ring{background:conic-gradient(#48bb78 calc(var(--pct)*1%),#e2e8f0 0);border-radius:50%;box-shadow:0 10px 30px #48bb7847;display:grid;height:156px;margin:0 auto 26px;place-items:center;width:156px}.lb-perf-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;gap:2px;height:124px;justify-content:center;width:124px}.lb-perf-val{font-feature-settings:"tnum";color:#2f855a;font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.lb-perf-lbl{color:#a0aec0;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.lb-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:26px;text-align:left}.lb-metric{align-items:center;background:#f7fafc;border:1px solid #edf2f7;border-radius:15px;display:flex;gap:10px;padding:13px 12px}.lb-metric-ico{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#48bb78;display:grid;flex-shrink:0;height:32px;place-items:center;width:32px}.lb-metric-body{display:flex;flex-direction:column;min-width:0}.lb-metric-label{color:#a0aec0;font-size:.66rem;font-weight:800;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.lb-metric-value{font-feature-settings:"tnum";color:var(--lb-ink);font-size:1.02rem;font-variant-numeric:tabular-nums;font-weight:900}.lb-results-confetti{border-radius:28px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.lb-results-confetti span{animation:lbConfetti 2.4s ease-in forwards;animation-delay:calc(var(--i)*.09s);border-radius:2px;height:14px;left:calc(var(--i)*7.1%);opacity:0;position:absolute;top:-14px;width:9px}.lb-results-confetti span:nth-child(3n){background:#e53e3e}.lb-results-confetti span:nth-child(3n+1){background:#f6e05e}.lb-results-confetti span:nth-child(3n+2){background:#48bb78}@keyframes lbConfetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(560px) rotate(620deg)}}.lb-diff-page{background-attachment:fixed;background-image:linear-gradient(#08120e8c,#08120ead),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 560' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%235FC4EC'/%3E%3Cstop offset='45%25' stop-color='%2393DAF3'/%3E%3Cstop offset='100%25' stop-color='%23C7EDF9'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%238FD48A'/%3E%3Cstop offset='100%25' stop-color='%236FBF74'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%237FCB74'/%3E%3Cstop offset='100%25' stop-color='%235EAF5E'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%238AD173'/%3E%3Cstop offset='100%25' stop-color='%2363B357'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23E3CBA0'/%3E%3Cstop offset='100%25' stop-color='%23D2B487'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%239A6B45'/%3E%3Cstop offset='100%25' stop-color='%237A5133'/%3E%3C/linearGradient%3E%3CradialGradient id='b' cx='50%25' cy='50%25'%3E%3Cstop offset='0%25' stop-color='%23FFF9D0' stop-opacity='.95'/%3E%3Cstop offset='100%25' stop-color='%23FFF3B0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1000v560H0z'/%3E%3Ccircle cx='835' cy='80' r='150' fill='url(%23b)'/%3E%3Cg fill='%23FFF' opacity='.92'%3E%3Cellipse cx='150' cy='92' rx='58' ry='27'/%3E%3Cellipse cx='196' cy='86' rx='42' ry='32'/%3E%3Cellipse cx='108' cy='98' rx='38' ry='21'/%3E%3Cg opacity='.8'%3E%3Cellipse cx='470' cy='62' rx='50' ry='23'/%3E%3Cellipse cx='508' cy='58' rx='36' ry='27'/%3E%3Cellipse cx='434' cy='68' rx='32' ry='18'/%3E%3C/g%3E%3Cg opacity='.7'%3E%3Cellipse cx='790' cy='118' rx='46' ry='21'/%3E%3Cellipse cx='824' cy='112' rx='33' ry='25'/%3E%3C/g%3E%3Cg opacity='.55'%3E%3Cellipse cx='640' cy='150' rx='40' ry='17'/%3E%3Cellipse cx='670' cy='146' rx='28' ry='20'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M0 300q120-48 250-18t270-14 260 20 220-26v298H0Z' fill='url(%23c)'/%3E%3Cg transform='translate(70 250)'%3E%3Crect x='-6' y='14' width='12' height='46' rx='5' fill='url(%23d)'/%3E%3Ccircle cy='4' r='30' fill='%235CAE5C'/%3E%3Ccircle cx='-20' cy='18' r='22' fill='%2369BC66'/%3E%3Ccircle cx='20' cy='18' r='22' fill='%234F9E52'/%3E%3C/g%3E%3Cg transform='translate(215 262)'%3E%3Crect x='-5' y='12' width='10' height='40' rx='4' fill='url(%23d)'/%3E%3Ccircle cy='2' r='26' fill='%2363B663'/%3E%3Ccircle cx='-17' cy='15' r='19' fill='%2371C36E'/%3E%3Ccircle cx='17' cy='15' r='19' fill='%2354A557'/%3E%3C/g%3E%3Cg transform='translate(392 248)'%3E%3Crect x='-6' y='16' width='13' height='50' rx='5' fill='url(%23d)'/%3E%3Ccircle cy='2' r='33' fill='%2359B159'/%3E%3Ccircle cx='-23' cy='19' r='24' fill='%2368BF66'/%3E%3Ccircle cx='23' cy='19' r='24' fill='%234B9B4F'/%3E%3C/g%3E%3Cg transform='translate(560 266)'%3E%3Crect x='-5' y='12' width='10' height='38' rx='4' fill='url(%23d)'/%3E%3Ccircle cy='2' r='25' fill='%2365B865'/%3E%3Ccircle cx='-16' cy='14' r='18' fill='%2373C570'/%3E%3Ccircle cx='16' cy='14' r='18' fill='%2356A758'/%3E%3C/g%3E%3Cg transform='translate(742 254)'%3E%3Crect x='-6' y='14' width='12' height='46' rx='5' fill='url(%23d)'/%3E%3Ccircle cy='3' r='30' fill='%235DAF5D'/%3E%3Ccircle cx='-20' cy='17' r='22' fill='%236BBD68'/%3E%3Ccircle cx='20' cy='17' r='22' fill='%234F9E52'/%3E%3C/g%3E%3Cg transform='translate(905 244)'%3E%3Crect x='-6' y='17' width='13' height='52' rx='5' fill='url(%23d)'/%3E%3Ccircle r='34' fill='%2357AF57'/%3E%3Ccircle cx='-23' cy='18' r='25' fill='%2366BD64'/%3E%3Ccircle cx='23' cy='18' r='25' fill='%234A9A4E'/%3E%3C/g%3E%3Cpath d='M0 352q160-34 330-8t320-12 350 18v210H0Z' fill='url(%23e)'/%3E%3Cpath d='M0 408q200-36 420-8t340-12 240 16v156H0Z' fill='url(%23f)'/%3E%3Cpath d='M985 400c-165 12-285 48-425 70s-310 30-470 90h270c110-52 250-68 370-90 110-20 200-42 270-54Z' fill='url(%23g)' opacity='.9'/%3E%3Cg opacity='.35' stroke='%233F8C46' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='m60 470 6-22m8 28 3-26m11 20-5-22M300 500l6-24m10 30 2-28m12 22-6-24M620 520l6-22m10 28 2-26m12 20-6-22M860 470l6-22m10 28 2-26m12 20-6-22'/%3E%3C/g%3E%3Cg transform='translate(48 486)'%3E%3Ccircle cy='-13' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle r='6' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(140 530)'%3E%3Ccircle cy='-12' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle r='5.5' fill='%23F59E0B'/%3E%3C/g%3E%3Cg transform='translate(258 466)'%3E%3Ccircle cy='-12' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23C4A8F0'/%3E%3Ccircle r='5.5' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(470 540)'%3E%3Ccircle cy='-13' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-7' cy='10' r='7' fill='%23F5A9C8'/%3E%3Ccircle cx='-12' cy='-4' r='7' fill='%23F5A9C8'/%3E%3Ccircle r='6' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(700 516)'%3E%3Ccircle cy='-12' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23A8D8F0'/%3E%3Ccircle r='5.5' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(930 500)'%3E%3Ccircle cy='-13' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='12' cy='-4' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='7' cy='10' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='-7' cy='10' r='7' fill='%23C4A8F0'/%3E%3Ccircle cx='-12' cy='-4' r='7' fill='%23C4A8F0'/%3E%3Ccircle r='6' fill='%23FFE066'/%3E%3C/g%3E%3Cg transform='translate(830 556)'%3E%3Ccircle cy='-12' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-7' cy='9' r='6.5' fill='%23FFD966'/%3E%3Ccircle cx='-11' cy='-4' r='6.5' fill='%23FFD966'/%3E%3Ccircle r='5.5' fill='%23F59E0B'/%3E%3C/g%3E%3Cellipse cx='180' cy='452' rx='26' ry='8' fill='%234E9E52' opacity='.35'/%3E%3Cellipse cx='540' cy='486' rx='32' ry='9' fill='%234E9E52' opacity='.3'/%3E%3Cellipse cx='880' cy='452' rx='24' ry='7' fill='%234E9E52' opacity='.35'/%3E%3C/svg%3E");background-position:50%;background-size:cover;font-family:Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;padding:34px 24px 60px}.lb-diff-back{align-items:center;background:#ffffff24;border:1px solid #ffffff47;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:10px 18px;transition:background .16s ease,transform .16s ease}.lb-diff-back:hover{background:#ffffff42;transform:translateX(-3px)}.lb-diff-head{margin:26px 0 30px;text-align:center}.lb-diff-title{color:#fff;font-size:clamp(1.9rem,5vw,2.7rem);font-weight:900;letter-spacing:-.03em;margin:0;text-shadow:0 6px 26px #00000080}.lb-diff-sub{color:#ffffffe0;font-size:1.02rem;font-weight:600;margin:10px auto 0;max-width:560px}.lb-mode-row{display:flex;gap:10px;justify-content:center;margin:0 auto 34px}.lb-mode-btn{align-items:center;background:#ffffff1f;border:2px solid #ffffff47;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:800;gap:9px;padding:13px 26px;transition:all .18s ease}.lb-mode-btn:hover{background:#ffffff38}.lb-mode-btn.active{background:#fff;border-color:#fff;box-shadow:0 8px 24px #0000004d;color:#2f7f3c;color:var(--lb-green-dk,#2f7f3c)}.lb-mode-btn:focus-visible{outline:3px solid #f6e05e;outline-offset:3px}.lb-diff-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1060px}.lb-diff-card{background:#fffffff5;border:1px solid #fff9;border-radius:26px;box-shadow:0 16px 44px #0000004d;cursor:pointer;overflow:hidden;padding:30px 26px 26px;position:relative;text-align:center}.lb-diff-card:before{background:var(--lvl);content:"";height:5px;left:0;position:absolute;right:0;top:0}.lb-diff-card:focus-visible{outline:3px solid var(--lvl);outline-offset:4px}.lb-diff-emoji{display:block;font-size:2.7rem;line-height:1;margin-bottom:12px}.lb-diff-name{color:#1a202c;color:var(--lb-ink,#1a202c);font-size:1.3rem;font-weight:900;margin:0 0 8px}.lb-diff-desc{color:#718096;font-size:.92rem;font-weight:500;line-height:1.55;margin:0 0 20px}.lb-diff-specs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.lb-diff-spec{background:#f7fafc;border:1px solid #edf2f7;border-radius:999px;color:#4a5568;font-size:.74rem;font-weight:800;padding:6px 12px}.lb-diff-play{align-items:center;background:var(--lvl);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:800;gap:9px;justify-content:center;padding:14px;transition:filter .16s ease,transform .16s ease;width:100%}.lb-diff-play:hover{filter:brightness(1.08);transform:translateY(-2px)}.lb-diff-play:active{transform:translateY(0) scale(.98)}.lb-diff-preview{height:54px;margin-bottom:18px;width:100%}.lb-diff-preview path{fill:none;stroke:var(--lvl);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:9 11;animation:lbDash 1.4s linear infinite;opacity:.75}@media (max-width:860px){.lb-metrics{grid-template-columns:repeat(2,1fr)}.lb-header-center{flex-basis:100%;justify-content:center;order:3}.lb-header{flex-wrap:wrap}}@media (max-width:560px){.lb-stage{padding:10px 10px 14px}.lb-field{border-radius:20px}.lb-bug{height:62px;margin-left:-31px;margin-top:-31px;width:62px}.lb-stat{font-size:.92rem;padding:6px 13px}.lb-icon-btn{height:38px;width:38px}.lb-pause-card,.lb-results-card,.lb-rules-card{border-radius:22px;padding:22px}.lb-perf-ring{height:130px;width:130px}.lb-perf-inner{height:104px;width:104px}.lb-perf-val{font-size:2.05rem}}@media (prefers-reduced-motion:reduce){.lb-diff-page *,.lb-overlay *,.lb-page *,.lb-page :after,.lb-page :before{animation:none!important;transition:none!important}.lb-path{stroke-dasharray:22 26}.lb-field.lb-off-path{animation:none!important}}.lb-overlay{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.lb-pause-card,.lb-results-card,.lb-rules-card{margin:auto;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto}.lb-results-card{padding:clamp(14px,2.6vh,30px) clamp(16px,2.2vw,30px)}.lb-results-title{font-size:clamp(1.15rem,3.2vh,1.75rem)}.lb-results-sub{font-size:clamp(.76rem,1.7vh,1rem)}.lb-perf-ring{height:clamp(88px,16vh,156px);margin:0 auto clamp(10px,2.2vh,26px);width:clamp(88px,16vh,156px)}.lb-perf-inner{height:79%;width:79%}.lb-perf-val{font-size:clamp(1.3rem,4vh,2.4rem)}.lb-perf-lbl{font-size:clamp(.58rem,1.3vh,.75rem)}.lb-metrics{gap:clamp(5px,1vh,10px);margin-bottom:clamp(10px,2.2vh,26px)}.lb-metric{border-radius:clamp(10px,1.6vh,15px);gap:clamp(6px,1vw,10px);padding:clamp(6px,1.3vh,13px) clamp(8px,1vw,12px)}.lb-metric-ico{flex:none;height:clamp(24px,3.6vh,36px);width:clamp(24px,3.6vh,36px)}.lb-metric-label{font-size:clamp(.56rem,1.25vh,.72rem)}.lb-metric-value{font-size:clamp(.82rem,1.9vh,1.1rem)}.lb-results-card .lb-btn{border-radius:clamp(11px,1.8vh,16px);font-size:clamp(.8rem,1.8vh,1rem);padding:clamp(8px,1.6vh,13px) clamp(14px,1.8vw,24px)}@media (max-height:700px){.lb-metrics{grid-template-columns:repeat(2,1fr)}}.lb-overlay.lb-overlay-center{align-items:center;justify-content:center;overflow:hidden;text-align:center}.lb-overlay-center .lb-countdown{margin-top:auto}.lb-overlay-center .lb-countdown-hint{margin-bottom:auto}.lb-countdown{font-feature-settings:"tnum";display:grid;font-variant-numeric:tabular-nums;place-items:center;width:1.4em}.lb-countdown,.lb-countdown-hint{margin-left:auto;margin-right:auto;text-align:center}.lb-countdown-hint{max-width:22ch}.bg-page{--bg-cyan:#22d3ee;--bg-deep:#0c4a6e;--bg-sea:#0ea5e9;--bg-ink:#0f2233;--bg-glass:#061e3085;--bg-glass-br:#ffffff38;background:#1b7fb8;flex-direction:column;font-family:Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;overflow:hidden;user-select:none;-webkit-user-select:none}.bg-header,.bg-page{display:flex;position:relative}.bg-header{align-items:center;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:var(--bg-glass);border-bottom:1px solid var(--bg-glass-br);box-shadow:0 6px 24px #00000038;gap:12px;justify-content:space-between;padding:10px 18px;z-index:20}.bg-header-center,.bg-header-left,.bg-header-right{align-items:center;display:flex;gap:10px}.bg-header-center{flex:1 1;justify-content:center}.bg-icon-btn{align-items:center;background:#ffffff29;border:1px solid #ffffff47;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),background .16s ease,box-shadow .16s ease;width:42px}.bg-icon-btn:hover:not(:disabled){background:#ffffff4d;box-shadow:0 6px 16px #00000040;transform:translateY(-2px) scale(1.05)}.bg-icon-btn:active:not(:disabled){transform:translateY(0) scale(.96)}.bg-icon-btn:disabled{cursor:not-allowed;opacity:.42}.bg-icon-btn:focus-visible{outline:3px solid var(--bg-cyan);outline-offset:2px}.bg-home-btn{background:#ffffffeb;color:var(--bg-deep)}.bg-home-btn:hover{background:#fff}.bg-pause-btn{background:#22d3eee6;border-color:#ffffff80;color:#06384a}.bg-pause-btn:hover:not(:disabled){background:var(--bg-cyan)}.bg-level-chip{background:#ffffff2e;border:1px solid #ffffff4d;border-radius:999px;color:#fff;font-size:.82rem;font-weight:800;padding:7px 14px;white-space:nowrap}.bg-level-easy{background:#38a169d9}.bg-level-medium{background:#dd6b20d9}.bg-level-hard{background:#e53e3ed9}.bg-stat{font-feature-settings:"tnum";align-items:center;background:#fffffff0;border:1px solid #fff9;border-radius:999px;box-shadow:0 4px 14px #0000002e;color:var(--bg-ink);display:inline-flex;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:800;gap:8px;padding:8px 17px;transition:background .25s ease,color .25s ease}.bg-stat-ico{color:var(--bg-sea);flex-shrink:0}.bg-stat-score .bg-stat-ico{color:#eab308}.bg-stat-time.warn{background:#fef3c7;color:#92400e}.bg-stat-time.warn .bg-stat-ico{color:#d97706}.bg-stat-time.critical{animation:bgPulse .9s ease-in-out infinite;background:#fee2e2;color:#991b1b}.bg-stat-time.critical .bg-stat-ico{color:#dc2626}@keyframes bgPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.bg-stage{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:14px 18px 18px;z-index:5}.bg-field,.bg-stage{min-height:0;position:relative}.bg-field{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 560' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%237FD8F7'/%3E%3Cstop offset='28%25' stop-color='%234FBEEA'/%3E%3Cstop offset='62%25' stop-color='%232A9BD4'/%3E%3Cstop offset='100%25' stop-color='%231B7FB8'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23FFF' stop-opacity='.42'/%3E%3Cstop offset='60%25' stop-color='%23FFF' stop-opacity='.12'/%3E%3Cstop offset='100%25' stop-color='%23FFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23F2DFAE'/%3E%3Cstop offset='100%25' stop-color='%23DCC188'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0%25' stop-color='%231E7A5A'/%3E%3Cstop offset='100%25' stop-color='%233FB98A'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0%25' stop-color='%2317694E'/%3E%3Cstop offset='100%25' stop-color='%2354C99A'/%3E%3C/linearGradient%3E%3CradialGradient id='b' cx='50%25' cy='0%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%23EAFBFF' stop-opacity='.55'/%3E%3Cstop offset='100%25' stop-color='%23EAFBFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1000v560H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1000v220H0z'/%3E%3Cg opacity='.55' fill='url(%23c)'%3E%3Cpath d='M120 0h68L96 560H34Z'/%3E%3Cpath d='M330 0h42l-54 560h-52Z' opacity='.8'/%3E%3Cpath d='M560 0h86l-56 560h-90Z'/%3E%3Cpath d='M810 0h50l-24 560h-58Z' opacity='.75'/%3E%3C/g%3E%3Cg fill='%23FFF' opacity='.16'%3E%3Ccircle cx='150' cy='330' r='7'/%3E%3Ccircle cx='172' cy='288' r='4.5'/%3E%3Ccircle cx='138' cy='250' r='3'/%3E%3Ccircle cx='470' cy='392' r='6'/%3E%3Ccircle cx='452' cy='352' r='4'/%3E%3Ccircle cx='482' cy='316' r='2.6'/%3E%3Ccircle cx='742' cy='300' r='8'/%3E%3Ccircle cx='768' cy='256' r='5'/%3E%3Ccircle cx='736' cy='216' r='3.2'/%3E%3Ccircle cx='905' cy='404' r='5.5'/%3E%3Ccircle cx='884' cy='368' r='3.4'/%3E%3Ccircle cx='286' cy='188' r='4'/%3E%3Ccircle cx='628' cy='150' r='3'/%3E%3C/g%3E%3Cpath d='M0 470q140-28 280-10t280-8 260 14 180-16v110H0Z' fill='url(%23d)'/%3E%3Cpath d='M0 470q140-28 280-10t280-8 260 14 180-16' fill='none' stroke='%23C9A96E' stroke-width='3' opacity='.5'/%3E%3Cg stroke-linecap='round' fill='none'%3E%3Cpath d='M74 486c-22-46 14-82-8-130-12-28 10-50 2-74' stroke='url(%23e)' stroke-width='13'/%3E%3Cpath d='M104 490c22-44-8-78 14-118 14-26-4-46 4-68' stroke='url(%23f)' stroke-width='10'/%3E%3Cpath d='M138 492c-18-34 10-62-4-94' stroke='url(%23e)' stroke-width='8' opacity='.85'/%3E%3Cpath d='M872 484c24-44-10-78 12-122 14-28-6-50 2-74' stroke='url(%23e)' stroke-width='13'/%3E%3Cpath d='M910 490c-22-40 8-72-8-110' stroke='url(%23f)' stroke-width='9'/%3E%3Cpath d='M566 496c-18-34 10-60-4-92' stroke='url(%23f)' stroke-width='9' opacity='.9'/%3E%3Cpath d='M598 498c18-32-6-56 8-84' stroke='url(%23e)' stroke-width='7' opacity='.8'/%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M232 492v-52' stroke='%23E06A9B' stroke-width='13'/%3E%3Cpath d='m232 464-26-28M232 456l24-30' stroke='%23E06A9B' stroke-width='10'/%3E%3Cpath d='m206 436-6-20M256 426l6-18' stroke='%23F08CB5' stroke-width='8'/%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M700 496v-44' stroke='%239B7BE0' stroke-width='12'/%3E%3Cpath d='m700 474 22-26M700 466l-20-26' stroke='%239B7BE0' stroke-width='9'/%3E%3Cpath d='m722 448 6-18' stroke='%23B79CEE' stroke-width='7'/%3E%3C/g%3E%3Cg transform='translate(414 478)'%3E%3Cellipse rx='34' ry='15' fill='%23E8C87A'/%3E%3Cellipse cx='-14' cy='-8' rx='17' ry='9' fill='%23F2DCA0'/%3E%3Cellipse cx='18' cy='-5' rx='13' ry='7' fill='%23F2DCA0'/%3E%3C/g%3E%3Cg transform='translate(806 482)'%3E%3Cellipse rx='26' ry='11' fill='%23E8C87A'/%3E%3Cellipse cx='10' cy='-6' rx='12' ry='6' fill='%23F2DCA0'/%3E%3C/g%3E%3Cg transform='translate(792 362)'%3E%3Cpath d='M-34 0c-12-14-24-8-26 0 2 8 14 14 26 0Z' fill='%23F4863A'/%3E%3Cellipse rx='36' ry='25' fill='%23FF8A3D'/%3E%3Cpath d='M-16-22c4 14 4 30 0 44-6-6-8-38 0-44ZM12-24c4 16 4 32 0 48-8-6-8-42 0-48Z' fill='%23FFF'/%3E%3Cpath d='M-20-22c3 14 3 30 0 44M16-24c3 16 3 32 0 48' stroke='%231A1A1A' stroke-width='3.4' fill='none'/%3E%3Cpath d='M2-25c16-13 28-5 24 5ZM-2 25c16 13 28 5 24-5Z' fill='%23F4863A'/%3E%3Ccircle cx='26' cy='-7' r='7.5' fill='%23FFF'/%3E%3Ccircle cx='27.5' cy='-7' r='4.2' fill='%2312283A'/%3E%3Ccircle cx='29' cy='-8.6' r='1.5' fill='%23FFF'/%3E%3Cpath d='M34 6q-4 4-9 3' stroke='%23C9622A' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(140 196)' opacity='.85'%3E%3Cellipse rx='20' ry='13' fill='%2363C7F0'/%3E%3Cpath d='m-19 0-12-8V8Z' fill='%234FB0DC'/%3E%3Ccircle cx='9' cy='-3' r='3.6' fill='%23FFF'/%3E%3Ccircle cx='10' cy='-3' r='2' fill='%2312283A'/%3E%3C/g%3E%3Cg transform='translate(196 232)' opacity='.7'%3E%3Cellipse rx='14' ry='9' fill='%237FD3F5'/%3E%3Cpath d='m-13 0-9-6V6Z' fill='%2363BEE4'/%3E%3Ccircle cx='6' cy='-2' r='2.6' fill='%23FFF'/%3E%3Ccircle cx='6.7' cy='-2' r='1.4' fill='%2312283A'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:26px;box-shadow:0 18px 48px #00000052,inset 0 0 0 3px #ffffff52;cursor:crosshair;flex:1 1;overflow:hidden}.bg-field:after{animation:bgShimmer 7s ease-in-out infinite alternate;background:radial-gradient(ellipse 40% 22% at 22% 12%,#ffffff29,#0000 70%),radial-gradient(ellipse 32% 18% at 70% 8%,#ffffff1f,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}@keyframes bgShimmer{0%{opacity:.55;transform:translateX(-1.5%)}to{opacity:1;transform:translateX(1.5%)}}.bg-pool{inset:0;pointer-events:none;position:absolute;z-index:4}.bg-bubble{filter:drop-shadow(0 4px 10px rgba(0,40,70,.28));left:0;position:absolute;top:0;will-change:left,top}.bg-bubble svg{display:block;overflow:visible}.bg-bubble[data-tint="0"]{--b1:#bfeaff;--b2:#5fb8f0;--b3:#2e86c8}.bg-bubble[data-tint="1"]{--b1:#ffd6ef;--b2:#f58fd0;--b3:#d4569f}.bg-bubble[data-tint="2"]{--b1:#e0d6ff;--b2:#a98ff0;--b3:#7a5fd0}.bg-bubble[data-tint="3"]{--b1:#fff3c4;--b2:#fbd960;--b3:#ddaf20}.bg-bubble[data-tint="4"]{--b1:#c9f7ee;--b2:#66d9c2;--b3:#2fa98f}.bg-bubble[data-tint="5"]{--b1:#d6f5c9;--b2:#8fd96b;--b3:#54a832}.bg-bubble svg{animation:bgBreathe 3.2s ease-in-out infinite}.bg-bubble[data-tint="1"] svg,.bg-bubble[data-tint="4"] svg{animation-duration:3.8s}.bg-bubble[data-tint="2"] svg,.bg-bubble[data-tint="5"] svg{animation-duration:2.7s}@keyframes bgBreathe{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.04) rotate(2deg)}}.bg-dwell-arc{filter:drop-shadow(0 0 6px rgba(34,211,238,.9));opacity:0;transition:opacity .12s ease}.bg-bubble-targeted .bg-dwell-arc{opacity:1}.bg-bubble-targeted{filter:drop-shadow(0 0 14px rgba(34,211,238,.85))}.bg-fx-canvas,.bg-pointer-canvas{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.bg-fx-canvas{z-index:6}.bg-pointer-canvas{z-index:7}.bg-hand-layer{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:8}.bg-hand-pointer{opacity:0;will-change:transform,opacity}.bg-cam-status{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;left:50%;padding:7px 16px;pointer-events:none;position:absolute;top:14px;transform:translateX(-50%);z-index:8}.bg-cam-status.ok{background:#38a169d9}.bg-cam-status.wait{animation:bgBlink 1.5s ease-in-out infinite;background:#dd6b20e0}@keyframes bgBlink{0%,to{opacity:1}50%{opacity:.55}}.bg-cam-hidden{height:1px;left:-9999px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.bg-timebar{background:#ffffffd1;border:1px solid #ffffffb3;border-radius:999px;box-shadow:inset 0 2px 5px #0000002e,0 3px 10px #00000029;height:14px;margin:0 6px;overflow:hidden}.bg-timebar-fill{background:linear-gradient(90deg,#22d3ee,#0ea5e9);border-radius:999px;height:100%;transition:width .2s linear,background .3s ease}.bg-timebar-fill.warn{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.bg-timebar-fill.critical{animation:bgPulse .9s ease-in-out infinite;background:linear-gradient(90deg,#f87171,#dc2626)}.bg-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#041828a8;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.bg-overlay-soft{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0418285c}.bg-countdown{color:#fff;font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:1;text-shadow:0 10px 40px #00000080}.bg-countdown-hint{color:#ffffffe6;font-size:1.05rem;font-weight:600;margin-top:14px}.bg-card{background:#fffffff7;border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 28px 70px #00000073;padding:30px;position:relative;width:100%}.bg-rules-card{max-width:580px}.bg-pause-card{max-width:440px;text-align:center}.bg-results-card{max-width:760px;overflow:hidden;text-align:center}.bg-rules-head{align-items:center;display:flex;gap:16px;margin-bottom:22px}.bg-rules-badge{animation:bgBreathe 3.2s ease-in-out infinite;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:2px solid #0ea5e940;border-radius:20px;display:grid;flex-shrink:0;height:68px;place-items:center;width:68px}.bg-rules-title{color:#0f2233;color:var(--bg-ink,#0f2233);font-size:1.62rem;font-weight:900;letter-spacing:-.02em;margin:0}.bg-rules-sub{color:#64748b;font-size:.88rem;font-weight:600;margin:4px 0 0}.bg-rules-list{display:flex;flex-direction:column;gap:11px;list-style:none;margin:0 0 18px;padding:0}.bg-rules-list li{align-items:flex-start;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:15px;color:#1e293b;display:flex;font-size:.95rem;font-weight:600;gap:13px;line-height:1.45;padding:12px 15px}.bg-rule-icon{flex-shrink:0;font-size:1.25rem;line-height:1.2}.bg-rules-tip{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;color:#92400e;font-size:.88rem;font-weight:600;line-height:1.45;margin:0 0 20px;padding:12px 15px}.bg-rules-start{font-size:1.08rem;justify-content:center;padding:15px;width:100%}.bg-pause-ico{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:24px;color:#0369a1;display:grid;height:76px;margin:0 auto 18px;place-items:center;width:76px}.bg-pause-card h2{color:#0f2233;color:var(--bg-ink,#0f2233);font-size:1.7rem;font-weight:900;margin:0 0 8px}.bg-pause-card p{color:#64748b;font-weight:600;margin:0 0 24px}.bg-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.bg-btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.98rem;font-weight:800;gap:9px;padding:13px 24px;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s ease}.bg-btn:hover{transform:translateY(-2px)}.bg-btn:active{transform:translateY(0) scale(.97)}.bg-btn:focus-visible{outline:3px solid #22d3ee;outline:3px solid var(--bg-cyan,#22d3ee);outline-offset:2px}.bg-btn-primary{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 6px 18px #0284c76b;color:#fff}.bg-btn-primary:hover{box-shadow:0 10px 26px #0284c785}.bg-btn-ghost{background:#e2e8f0;color:#475569}.bg-btn-ghost:hover{background:#cbd5e1}.bg-results-title{align-items:center;color:#0284c7;display:flex;font-size:1.72rem;font-weight:900;gap:10px;justify-content:center;letter-spacing:-.02em;margin:0 0 4px}.bg-results-sub{color:#64748b;font-size:.92rem;font-weight:700;margin:0 0 22px}.bg-perf-ring{background:conic-gradient(#38bdf8 calc(var(--pct)*1%),#e2e8f0 0);border-radius:50%;box-shadow:0 10px 30px #38bdf84d;display:grid;height:156px;margin:0 auto 26px;place-items:center;width:156px}.bg-perf-inner{align-items:center;background:#fff;border-radius:50%;display:flex;flex-direction:column;gap:2px;height:124px;justify-content:center;width:124px}.bg-perf-val{font-feature-settings:"tnum";color:#0284c7;font-size:2.5rem;font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.bg-perf-lbl{color:#94a3b8;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.bg-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:20px;text-align:left}.bg-metric{align-items:center;background:#f0f9ff;border:1px solid #e0f2fe;border-radius:15px;display:flex;gap:9px;padding:12px 11px}.bg-metric-ico{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#0ea5e9;display:grid;flex-shrink:0;height:30px;place-items:center;width:30px}.bg-metric-body{display:flex;flex-direction:column;min-width:0}.bg-metric-label{color:#94a3b8;font-size:.62rem;font-weight:800;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bg-metric-value{font-feature-settings:"tnum";color:#0f2233;color:var(--bg-ink,#0f2233);font-size:.98rem;font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap}.bg-note{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:15px;color:#92400e;display:flex;font-size:.88rem;font-weight:600;gap:11px;line-height:1.45;margin-bottom:22px;padding:14px 16px;text-align:left}.bg-note svg{flex-shrink:0;margin-top:1px}.bg-confetti{border-radius:28px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.bg-confetti span{animation:bgConfetti 2.4s ease-in forwards;animation-delay:calc(var(--i)*.09s);border-radius:2px;height:14px;left:calc(var(--i)*7.1%);opacity:0;position:absolute;top:-14px;width:9px}.bg-confetti span:nth-child(3n){background:#22d3ee}.bg-confetti span:nth-child(3n+1){background:#fbbf24}.bg-confetti span:nth-child(3n+2){background:#f472b6}@keyframes bgConfetti{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(600px) rotate(620deg)}}.bg-diff-page{background-attachment:fixed;background-image:linear-gradient(#031e3280,#031e32ad),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 560' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%237FD8F7'/%3E%3Cstop offset='28%25' stop-color='%234FBEEA'/%3E%3Cstop offset='62%25' stop-color='%232A9BD4'/%3E%3Cstop offset='100%25' stop-color='%231B7FB8'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23FFF' stop-opacity='.42'/%3E%3Cstop offset='60%25' stop-color='%23FFF' stop-opacity='.12'/%3E%3Cstop offset='100%25' stop-color='%23FFF' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23F2DFAE'/%3E%3Cstop offset='100%25' stop-color='%23DCC188'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0%25' stop-color='%231E7A5A'/%3E%3Cstop offset='100%25' stop-color='%233FB98A'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='0' y1='1' x2='0' y2='0'%3E%3Cstop offset='0%25' stop-color='%2317694E'/%3E%3Cstop offset='100%25' stop-color='%2354C99A'/%3E%3C/linearGradient%3E%3CradialGradient id='b' cx='50%25' cy='0%25' r='70%25'%3E%3Cstop offset='0%25' stop-color='%23EAFBFF' stop-opacity='.55'/%3E%3Cstop offset='100%25' stop-color='%23EAFBFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1000v560H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1000v220H0z'/%3E%3Cg opacity='.55' fill='url(%23c)'%3E%3Cpath d='M120 0h68L96 560H34Z'/%3E%3Cpath d='M330 0h42l-54 560h-52Z' opacity='.8'/%3E%3Cpath d='M560 0h86l-56 560h-90Z'/%3E%3Cpath d='M810 0h50l-24 560h-58Z' opacity='.75'/%3E%3C/g%3E%3Cg fill='%23FFF' opacity='.16'%3E%3Ccircle cx='150' cy='330' r='7'/%3E%3Ccircle cx='172' cy='288' r='4.5'/%3E%3Ccircle cx='138' cy='250' r='3'/%3E%3Ccircle cx='470' cy='392' r='6'/%3E%3Ccircle cx='452' cy='352' r='4'/%3E%3Ccircle cx='482' cy='316' r='2.6'/%3E%3Ccircle cx='742' cy='300' r='8'/%3E%3Ccircle cx='768' cy='256' r='5'/%3E%3Ccircle cx='736' cy='216' r='3.2'/%3E%3Ccircle cx='905' cy='404' r='5.5'/%3E%3Ccircle cx='884' cy='368' r='3.4'/%3E%3Ccircle cx='286' cy='188' r='4'/%3E%3Ccircle cx='628' cy='150' r='3'/%3E%3C/g%3E%3Cpath d='M0 470q140-28 280-10t280-8 260 14 180-16v110H0Z' fill='url(%23d)'/%3E%3Cpath d='M0 470q140-28 280-10t280-8 260 14 180-16' fill='none' stroke='%23C9A96E' stroke-width='3' opacity='.5'/%3E%3Cg stroke-linecap='round' fill='none'%3E%3Cpath d='M74 486c-22-46 14-82-8-130-12-28 10-50 2-74' stroke='url(%23e)' stroke-width='13'/%3E%3Cpath d='M104 490c22-44-8-78 14-118 14-26-4-46 4-68' stroke='url(%23f)' stroke-width='10'/%3E%3Cpath d='M138 492c-18-34 10-62-4-94' stroke='url(%23e)' stroke-width='8' opacity='.85'/%3E%3Cpath d='M872 484c24-44-10-78 12-122 14-28-6-50 2-74' stroke='url(%23e)' stroke-width='13'/%3E%3Cpath d='M910 490c-22-40 8-72-8-110' stroke='url(%23f)' stroke-width='9'/%3E%3Cpath d='M566 496c-18-34 10-60-4-92' stroke='url(%23f)' stroke-width='9' opacity='.9'/%3E%3Cpath d='M598 498c18-32-6-56 8-84' stroke='url(%23e)' stroke-width='7' opacity='.8'/%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M232 492v-52' stroke='%23E06A9B' stroke-width='13'/%3E%3Cpath d='m232 464-26-28M232 456l24-30' stroke='%23E06A9B' stroke-width='10'/%3E%3Cpath d='m206 436-6-20M256 426l6-18' stroke='%23F08CB5' stroke-width='8'/%3E%3C/g%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M700 496v-44' stroke='%239B7BE0' stroke-width='12'/%3E%3Cpath d='m700 474 22-26M700 466l-20-26' stroke='%239B7BE0' stroke-width='9'/%3E%3Cpath d='m722 448 6-18' stroke='%23B79CEE' stroke-width='7'/%3E%3C/g%3E%3Cg transform='translate(414 478)'%3E%3Cellipse rx='34' ry='15' fill='%23E8C87A'/%3E%3Cellipse cx='-14' cy='-8' rx='17' ry='9' fill='%23F2DCA0'/%3E%3Cellipse cx='18' cy='-5' rx='13' ry='7' fill='%23F2DCA0'/%3E%3C/g%3E%3Cg transform='translate(806 482)'%3E%3Cellipse rx='26' ry='11' fill='%23E8C87A'/%3E%3Cellipse cx='10' cy='-6' rx='12' ry='6' fill='%23F2DCA0'/%3E%3C/g%3E%3Cg transform='translate(792 362)'%3E%3Cpath d='M-34 0c-12-14-24-8-26 0 2 8 14 14 26 0Z' fill='%23F4863A'/%3E%3Cellipse rx='36' ry='25' fill='%23FF8A3D'/%3E%3Cpath d='M-16-22c4 14 4 30 0 44-6-6-8-38 0-44ZM12-24c4 16 4 32 0 48-8-6-8-42 0-48Z' fill='%23FFF'/%3E%3Cpath d='M-20-22c3 14 3 30 0 44M16-24c3 16 3 32 0 48' stroke='%231A1A1A' stroke-width='3.4' fill='none'/%3E%3Cpath d='M2-25c16-13 28-5 24 5ZM-2 25c16 13 28 5 24-5Z' fill='%23F4863A'/%3E%3Ccircle cx='26' cy='-7' r='7.5' fill='%23FFF'/%3E%3Ccircle cx='27.5' cy='-7' r='4.2' fill='%2312283A'/%3E%3Ccircle cx='29' cy='-8.6' r='1.5' fill='%23FFF'/%3E%3Cpath d='M34 6q-4 4-9 3' stroke='%23C9622A' stroke-width='2.6' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3Cg transform='translate(140 196)' opacity='.85'%3E%3Cellipse rx='20' ry='13' fill='%2363C7F0'/%3E%3Cpath d='m-19 0-12-8V8Z' fill='%234FB0DC'/%3E%3Ccircle cx='9' cy='-3' r='3.6' fill='%23FFF'/%3E%3Ccircle cx='10' cy='-3' r='2' fill='%2312283A'/%3E%3C/g%3E%3Cg transform='translate(196 232)' opacity='.7'%3E%3Cellipse rx='14' ry='9' fill='%237FD3F5'/%3E%3Cpath d='m-13 0-9-6V6Z' fill='%2363BEE4'/%3E%3Ccircle cx='6' cy='-2' r='2.6' fill='%23FFF'/%3E%3Ccircle cx='6.7' cy='-2' r='1.4' fill='%2312283A'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-size:cover;font-family:Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;padding:34px 24px 60px}.bg-diff-back{align-items:center;background:#ffffff24;border:1px solid #ffffff47;border-radius:14px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;gap:8px;padding:10px 18px;transition:background .16s ease,transform .16s ease}.bg-diff-back:hover{background:#ffffff42;transform:translateX(-3px)}.bg-diff-head{margin:26px 0 30px;text-align:center}.bg-diff-title{color:#fff;font-size:clamp(1.9rem,5vw,2.7rem);font-weight:900;letter-spacing:-.03em;margin:0;text-shadow:0 6px 26px #00000080}.bg-diff-sub{color:#ffffffe6;font-size:1.02rem;font-weight:600;margin:10px auto 0;max-width:580px}.bg-mode-row{display:flex;gap:10px;justify-content:center;margin:0 auto 34px}.bg-mode-btn{align-items:center;background:#ffffff1f;border:2px solid #ffffff47;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:800;gap:9px;padding:13px 26px;transition:all .18s ease}.bg-mode-btn:hover{background:#ffffff38}.bg-mode-btn.active{background:#fff;border-color:#fff;box-shadow:0 8px 24px #00000052;color:#0369a1}.bg-mode-btn:focus-visible{outline:3px solid #22d3ee;outline-offset:3px}.bg-diff-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1060px}.bg-diff-card{background:#fffffff5;border:1px solid #fff9;border-radius:26px;box-shadow:0 16px 44px #00000052;cursor:pointer;overflow:hidden;padding:30px 26px 26px;position:relative;text-align:center}.bg-diff-card:before{background:var(--lvl);content:"";height:5px;left:0;position:absolute;right:0;top:0}.bg-diff-card:focus-visible{outline:3px solid var(--lvl);outline-offset:4px}.bg-diff-emoji{display:block;font-size:2.7rem;line-height:1;margin-bottom:12px}.bg-diff-name{color:#0f2233;font-size:1.3rem;font-weight:900;margin:0 0 8px}.bg-diff-desc{color:#64748b;font-size:.92rem;font-weight:500;line-height:1.55;margin:0 0 18px}.bg-diff-preview{align-items:center;display:flex;gap:10px;height:62px;justify-content:center;margin-bottom:18px}.bg-diff-preview span{animation:bgBreathe 3.2s ease-in-out infinite;background:radial-gradient(circle at 34% 30%,#fffffff2 0,var(--lvl) 55%,#0000001f 100%);border-radius:50%;opacity:.85}.bg-diff-preview span:nth-child(2){animation-duration:3.8s}.bg-diff-preview span:nth-child(3){animation-duration:2.7s}.bg-diff-specs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.bg-diff-spec{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:999px;color:#475569;font-size:.74rem;font-weight:800;padding:6px 12px}.bg-diff-play{align-items:center;background:var(--lvl);border:none;border-radius:16px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:800;gap:9px;justify-content:center;padding:14px;transition:filter .16s ease,transform .16s ease;width:100%}.bg-diff-play:hover{filter:brightness(1.08);transform:translateY(-2px)}.bg-diff-play:active{transform:translateY(0) scale(.98)}@media (max-width:1000px){.bg-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.bg-header{flex-wrap:wrap}.bg-header-center{flex-basis:100%;justify-content:center;order:3}}@media (max-width:560px){.bg-metrics{grid-template-columns:repeat(2,1fr)}.bg-stage{padding:10px 10px 14px}.bg-field{border-radius:20px}.bg-stat{font-size:.92rem;padding:6px 13px}.bg-icon-btn{height:38px;width:38px}.bg-card{border-radius:22px;padding:22px}.bg-perf-ring{height:130px;width:130px}.bg-perf-inner{height:104px;width:104px}.bg-perf-val{font-size:2.05rem}}@media (prefers-reduced-motion:reduce){.bg-diff-page *,.bg-overlay *,.bg-page *,.bg-page :after,.bg-page :before{animation:none!important;transition:none!important}}.bg-overlay{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}.bg-card,.bg-pause-card,.bg-results-card,.bg-rules-card{margin:auto;max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-y:auto}.bg-results-card{padding:clamp(14px,2.6vh,30px) clamp(16px,2.2vw,30px)}.bg-results-title{font-size:clamp(1.15rem,3.2vh,1.75rem)}.bg-results-sub{font-size:clamp(.76rem,1.7vh,1rem)}.bg-perf-ring{height:clamp(88px,16vh,156px);margin:0 auto clamp(10px,2.2vh,26px);width:clamp(88px,16vh,156px)}.bg-perf-inner{height:79%;width:79%}.bg-perf-val{font-size:clamp(1.3rem,4vh,2.4rem)}.bg-perf-lbl{font-size:clamp(.58rem,1.3vh,.75rem)}.bg-metrics{gap:clamp(5px,1vh,10px);margin-bottom:clamp(10px,2.2vh,26px)}.bg-metric{border-radius:clamp(10px,1.6vh,15px);gap:clamp(6px,1vw,10px);padding:clamp(6px,1.3vh,13px) clamp(8px,1vw,12px)}.bg-metric-ico{flex:none;height:clamp(24px,3.6vh,36px);width:clamp(24px,3.6vh,36px)}.bg-metric-label{font-size:clamp(.56rem,1.25vh,.72rem)}.bg-metric-value{font-size:clamp(.82rem,1.9vh,1.1rem)}.bg-results-card .bg-btn{border-radius:clamp(11px,1.8vh,16px);font-size:clamp(.8rem,1.8vh,1rem);padding:clamp(8px,1.6vh,13px) clamp(14px,1.8vw,24px)}@media (max-height:700px){.bg-metrics{grid-template-columns:repeat(2,1fr)}}.bg-overlay.bg-overlay-center{align-items:center;justify-content:center;overflow:hidden;text-align:center}.bg-overlay-center .bg-countdown{margin-top:auto}.bg-overlay-center .bg-countdown-hint{margin-bottom:auto}.bg-countdown{font-feature-settings:"tnum";display:grid;font-variant-numeric:tabular-nums;place-items:center;width:1.4em}.bg-countdown,.bg-countdown-hint{margin-left:auto;margin-right:auto;text-align:center}.bg-countdown-hint{max-width:22ch}:root{--teal:#0d5e6b;--teal-light:#1a8fa0;--teal-pale:#c8e8ed;--orange:#e8841a;--orange-light:#f4a94e;--cream:#eef6f8;--cream-dark:#d8edf2;--dark:#0f1e22;--gray-800:#1f2937;--gray-600:#4b5563;--gray-400:#9ca3af;--gray-200:#e5e7eb;--white:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-display:"Inter",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--shadow-sm:0 1px 3px #0d5e6b14;--shadow-md:0 4px 16px #0d5e6b1f;--shadow-lg:0 12px 40px #0d5e6b2e;--shadow-glow:0 0 24px #0d5e6b4d;--transition:200ms cubic-bezier(0.4,0,0.2,1)}.mobile-menu-btn{display:none!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body,html{background:#e8f0f3;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;color:#0f1e22;color:var(--dark);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,select,textarea{font-family:Inter,sans-serif;font-family:var(--font-body);outline:none}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#eef6f8;background:var(--cream)}::-webkit-scrollbar-thumb{background:#c8e8ed;background:var(--teal-pale);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a8fa0;background:var(--teal-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-teal{color:#0d5e6b;color:var(--teal)}.text-orange{color:#e8841a;color:var(--orange)}.text-gray{color:#4b5563;color:var(--gray-600)}.text-muted{color:#9ca3af;color:var(--gray-400)}.bg-cream{background:#eef6f8;background:var(--cream)}.rounded-lg{border-radius:20px;border-radius:var(--radius-lg)}.p-4{padding:16px}.p-6{padding:24px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-auto{margin-top:auto}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0d5e6b14;box-shadow:var(--shadow-sm);overflow:hidden}.btn{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);white-space:nowrap}.btn-primary{background:#0d5e6b;background:var(--teal);color:#fff;color:var(--white)}.btn-primary:hover{background:#1a8fa0;background:var(--teal-light);box-shadow:0 4px 16px #0d5e6b1f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#eef6f8;background:var(--cream);border:1.5px solid #c8e8ed;border:1.5px solid var(--teal-pale);color:#0d5e6b;color:var(--teal)}.btn-secondary:hover{background:#c8e8ed;background:var(--teal-pale)}.btn-orange{background:#e8841a;background:var(--orange);color:#fff;color:var(--white)}.btn-orange:hover{background:#f4a94e;background:var(--orange-light);transform:translateY(-1px)}.btn-ghost{background:#0000;color:#4b5563;color:var(--gray-600)}.btn-ghost:hover{background:#d8edf2;background:var(--cream-dark);color:#0d5e6b;color:var(--teal)}.btn-sm{font-size:.8rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:14px 28px}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:3px 10px}.badge-teal{background:#c8e8ed;background:var(--teal-pale);color:#0d5e6b;color:var(--teal)}.badge-orange{background:#fef3e2;color:#e8841a;color:var(--orange)}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef9c3;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.spinner{animation:spin .8s linear infinite;border:3px solid #c8e8ed;border-top-color:#0d5e6b;border:3px solid var(--teal-pale);border-radius:50%;border-top-color:var(--teal);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes betaPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.page-layout{align-items:flex-start;background:#e8f0f3;box-sizing:border-box;display:flex;gap:14px;min-height:100vh;padding:14px}.sidebar{background:linear-gradient(180deg,#0d3d47,#0a2e36);border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 28px);min-width:230px;overflow-y:auto;padding:24px 14px 20px;position:sticky;top:14px;width:230px}.main-content{flex:1 1;max-height:calc(100vh - 28px);min-width:0;overflow-y:auto;padding:28px}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:#0d5e6b;background:var(--teal);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{color:#0d5e6b;color:var(--teal);font-family:Inter,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease both}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 #0d5e6b33}50%{box-shadow:0 0 0 8px #0d5e6b00}}.pulse{animation:pulse-ring 2s infinite}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#eef6f8;background:var(--cream);color:#9ca3af;color:var(--gray-400);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.data-table td{color:#1f2937;color:var(--gray-800);font-size:.875rem;padding:12px 16px}.data-table tr:hover td{background:#eef6f8;background:var(--cream)}.data-table tr:last-child td{border-bottom:none}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:12px;border-radius:var(--radius-md);margin-bottom:1rem;overflow-x:auto}:focus-visible{outline:3px solid #1a8fa0!important;outline:3px solid var(--teal-light)!important;outline-offset:2px!important}.resp-two-col{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.kpi-grid-4,.resp-two-col{display:grid;margin-bottom:24px}.kpi-grid-4{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}@media (max-width:1100px){.page-layout{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.sidebar{background:#0d3d47!important;border-radius:0!important;bottom:0!important;box-shadow:20px 0 50px #00000080;display:flex!important;flex-direction:column!important;height:100dvh!important;left:0!important;overflow-y:auto!important;position:fixed!important;top:0!important;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:280px!important;z-index:2001!important}.sidebar.is-open{transform:translateX(0)}.mobile-menu-btn{display:flex!important}.sidebar-close-btn{display:block!important}.sidebar-logo{border-bottom:1px solid #ffffff14!important;margin-bottom:24px!important;padding:0 0 16px!important;width:100%}.sidebar-user{display:flex!important}.sidebar-nav{flex-direction:column!important;gap:4px!important;width:100%!important}.sidebar-nav-item{white-space:normal!important}.sidebar-logout,.sidebar-nav-item{padding:12px 14px!important;width:100%!important}.sidebar-logout{margin-top:auto!important}.main-content{padding:65px 8px 16px!important}.kpi-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page-layout{padding:6px}.main-content{padding:70px 4px 16px!important}.kpi-grid-4{grid-template-columns:1fr}.sidebar{padding:8px 12px!important}.sidebar-logo-text{display:none}.btn{justify-content:center;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:8px}.data-table,.data-table tbody,.data-table td,.data-table th,.data-table thead,.data-table tr{display:block}.data-table thead tr{left:-9999px;position:absolute;top:-9999px}.data-table tr{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);margin-bottom:12px;padding:8px}.data-table td{border:none;min-height:32px;padding-left:50%!important;position:relative;text-align:right}.data-table td:before{color:#9ca3af;color:var(--gray-400);content:attr(data-label);font-weight:700;left:12px;padding-right:10px;position:absolute;text-align:left;top:50%;transform:translateY(-50%);white-space:nowrap;width:45%}.resp-two-col{grid-template-columns:1fr!important}}@media (max-width:992px){.ot-two-col{gap:16px!important;grid-template-columns:1fr!important}.ot-exercise-grid,.ot-reflex-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.ot-header{align-items:stretch!important;flex-direction:column!important;gap:14px!important;text-align:center}.ot-header button{align-self:center!important}.ot-detail-header{align-items:stretch!important;flex-direction:column!important;gap:14px!important;text-align:center}.ot-detail-header div{justify-content:center!important;margin:0 auto!important}.ot-detail-tabs{flex-wrap:wrap!important;gap:6px!important}.ot-detail-tabs button{flex:1 1 45%!important;font-size:.78rem!important}.ot-profile-grid{gap:16px!important;grid-template-columns:1fr!important}.ot-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.ot-exercise-grid,.ot-reflex-grid{grid-template-columns:1fr!important}.ot-pending-request{align-items:stretch!important;flex-direction:column!important;padding:16px!important;text-align:center}.ot-pending-request div{align-items:center!important;text-align:center}.ot-pending-actions{justify-content:center!important;margin-top:10px!important;width:100%!important}}@media (max-width:480px){.ot-kpi-grid{grid-template-columns:1fr!important}.ot-detail-tabs button{flex:1 1 100%!important}body{font-size:14px}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}.p-6{padding:16px!important}}@media (min-width:1440px){.sidebar{min-width:260px;width:260px}.main-content{padding:36px}}.responsive-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:640px){.responsive-grid{gap:16px;grid-template-columns:1fr}}.nesture-connect-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.nesture-connect-grid{grid-template-columns:1fr!important}}@media (max-width:640px){.nesture-connect-grid{-webkit-overflow-scrolling:touch;display:flex!important;gap:12px!important;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.nesture-connect-grid>*{flex-shrink:0;max-width:300px;min-width:280px;scroll-snap-align:start}}.nesture-learn-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.nesture-learn-grid>div{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.nesture-learn-grid>div:hover{box-shadow:0 12px 24px #0d5e6b26!important;transform:translateY(-4px)}@media (min-width:1400px){.nesture-learn-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1024px){.nesture-learn-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.nesture-learn-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.nesture-learn-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.388f08c3.css.map*/