[hidden]{display:none!important}:root{--sky1:#7fd8f7;--sky2:#eafbff;--ink:#14456b;--ink-soft:#4a76a0;--pop:#ff8a3d;--pop-dk:#d96a1e;--sun:#ffd84d;--berry:#ff6b9a;--teal:#2fbf9f;--violet:#8b6fea;--danger:#e14d5b;--card:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(180deg,var(--sky1),var(--sky2)) fixed;-webkit-tap-highlight-color:transparent;margin:0;font-family:"Baloo 2",Segoe UI,system-ui,-apple-system,sans-serif}body.playing{overflow:hidden}a{color:inherit}#stage{z-index:100;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(180deg,var(--sky1),var(--sky2));position:fixed;inset:0}#cam{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed;top:0;left:-20px}#game{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:20;text-align:center;background:linear-gradient(180deg,var(--sky1),var(--sky2));flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px 20px;display:flex;position:fixed;inset:0;overflow:auto}.screen.glass{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c26428c}@media (prefers-reduced-motion:reduce){.deco span,#timePill.low{animation:none!important}}h1{text-wrap:balance;text-shadow:0 3px #ffffffe6;margin:0;font-size:clamp(38px,9vw,58px);font-weight:800;line-height:1.05}.tag{color:var(--ink-soft);max-width:34ch;margin:0;font-size:18px;font-weight:600;line-height:1.45}.fine{color:var(--ink-soft);opacity:.85;max-width:42ch;margin:4px 0 0;font-size:13.5px;font-weight:500;line-height:1.5}.btn{appearance:none;cursor:pointer;color:#fff;background:var(--pop);box-shadow:0 6px 0 var(--pop-dk);border:none;border-radius:999px;padding:16px 36px;font-family:inherit;font-size:22px;font-weight:800;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 2px 0 var(--pop-dk);transform:translateY(4px)}.btn:focus-visible{outline-offset:2px;outline:4px solid #ff8a3d80}.btn.second{color:var(--ink);background:#fff;padding:12px 26px;font-size:17px;font-weight:700;box-shadow:0 6px #14456b2e}.btn.second:active{box-shadow:0 2px #14456b2e}.btn.ghost{box-shadow:none;color:var(--ink-soft);background:0 0;padding:8px 14px;font-size:15.5px;font-weight:700;text-decoration:underline}.btn.ghost:active{transform:translateY(2px)}.sens{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.sbtn{color:var(--ink-soft);cursor:pointer;background:#ffffffbf;border:none;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:15px;font-weight:700}.sbtn.on{background:var(--ink);color:#fff}.hub{z-index:1;width:100%;max-width:1080px;margin:0 auto;padding:0 18px 48px;position:relative}.gcard{text-decoration:none}.deco{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.deco span{left:var(--x);font-size:var(--s,42px);opacity:.8;animation:rise var(--t,15s) linear infinite;animation-delay:var(--d,0s);position:absolute;bottom:-90px}@keyframes rise{to{transform:translateY(-130vh)rotate(14deg)}}.topbar{z-index:40;-webkit-backdrop-filter:blur(8px);background:#eafbffe6;border-bottom:2px solid #14456b12;position:sticky;top:0}.topin{align-items:center;gap:12px;max-width:1080px;margin:0 auto;padding:10px 18px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:21px;font-weight:800;text-decoration:none;display:flex}.brand .lg{font-size:30px;line-height:1}.nav{gap:2px;margin-left:auto;display:flex}.nav a,.nav button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 12px;font-size:15px;font-weight:700;text-decoration:none}.nav a:hover,.nav button:hover{color:var(--ink);background:#14456b14}@media (max-width:620px){.nav a:not(.keep),.nav button:not(.keep){display:none}}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:34px 0 6px;display:flex}.hero h1{max-width:18ch}.lead{max-width:62ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(16px,2.3vw,19px);font-weight:600;line-height:1.55}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:2px;display:flex}.cta .btn{text-decoration:none;display:inline-block}.trust{flex-wrap:wrap;justify-content:center;gap:8px 10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.trust li{color:var(--ink);background:#ffffffb8;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:700}.sec{text-wrap:balance;margin:0 0 6px;font-size:clamp(26px,4.4vw,36px);font-weight:800;line-height:1.15}.secSub{color:var(--ink-soft);max-width:64ch;margin:0 0 14px;font-size:15.5px;font-weight:600;line-height:1.5}.hubSec{padding:34px 0 0;scroll-margin-top:72px}.cats{flex-wrap:wrap;gap:8px;margin:6px 0 18px;display:flex}.cat{cursor:pointer;color:var(--ink-soft);background:#fffc;border:none;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:800;box-shadow:0 3px #14456b1a}.cat.on{background:var(--ink);color:#fff;box-shadow:0 3px #14456b59}.gameGrid{grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:18px;display:grid}.gcard{text-align:left;cursor:pointer;color:var(--ink);background:#fff;border:none;border-radius:24px;flex-direction:column;padding:0;font-family:inherit;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #14456b1a,0 14px 28px #14456b24}.gcard:hover{box-shadow:0 9px 0 var(--accent),0 20px 34px #14456b2e;transform:translateY(-3px)}.gcard:active{transform:translateY(0)}.gcard:focus-visible{outline:4px solid var(--accent);outline-offset:3px}.gcard[hidden]{display:none}.gArt{background:linear-gradient(135deg,var(--tint),var(--tint2));justify-content:center;align-items:center;gap:2px;height:112px;font-size:50px;line-height:1;display:flex}.gArt span{filter:drop-shadow(0 4px #14456b24)}.gNew{color:#fff;letter-spacing:.05em;background:#ff3b6b;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 3px #96143c59}.gLv{color:var(--ink);background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:800;position:absolute;top:10px;right:10px}.gBody{flex-direction:column;flex:1;gap:7px;padding:14px 16px 16px;display:flex}.gName{font-size:19.5px;font-weight:800;line-height:1.15}.gDesc{color:var(--ink-soft);font-size:13.5px;font-weight:500;line-height:1.42}.gChips{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.chip{color:#3b6288;white-space:nowrap;background:#eef4fa;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:800}.chip.sk{background:var(--tint);color:var(--ink)}.gBest{color:var(--ink-soft);min-height:1.2em;font-size:11.5px;font-weight:700}.steps3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:14px;display:grid}.stp{background:#fff;border-radius:22px;padding:18px 18px 16px;box-shadow:0 6px #14456b14,0 12px 24px #14456b1a}.stp .n{background:var(--pop);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin-right:8px;font-size:18px;font-weight:800;display:inline-flex}.stp h3{align-items:center;margin:0 0 6px;font-size:19px;font-weight:800;display:flex}.stp p{color:var(--ink-soft);margin:0;font-size:14.5px;font-weight:500;line-height:1.5}.stp .big{margin-bottom:6px;font-size:34px;display:block}.benefits{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:14px;display:grid}.ben{background:#ffffffc7;border-radius:20px;padding:16px 16px 14px}.ben b{margin:4px 0;font-size:17px;display:block}.ben p{color:var(--ink-soft);margin:0;font-size:14px;font-weight:500;line-height:1.5}.ben .big{font-size:30px}.faq{flex-direction:column;gap:10px;max-width:820px;margin-top:12px;display:flex}.faq details{background:#fff;border-radius:18px;padding:0;box-shadow:0 4px #14456b14}.faq summary{cursor:pointer;align-items:center;gap:10px;padding:15px 18px;font-size:16.5px;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--pop);margin-left:auto;font-size:20px}.faq details[open] summary:after{content:"－"}.faq details p{color:var(--ink-soft);margin:0;padding:0 18px 16px;font-size:15px;font-weight:500;line-height:1.6}.foot{color:var(--ink-soft);text-align:center;border-top:2px solid #14456b14;margin-top:36px;padding-top:18px;font-size:13px;font-weight:500;line-height:1.6}.toast{left:50%;bottom:max(76px,env(safe-area-inset-bottom));z-index:30;color:#fff;text-align:center;pointer-events:none;background:#14456beb;border-radius:999px;max-width:min(92vw,520px);padding:10px 18px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%)}.lostHint{z-index:11;color:var(--ink);pointer-events:none;text-align:center;background:#fffffff2;border-radius:999px;max-width:92vw;padding:10px 22px;font-size:clamp(15px,2.6vmin,22px);font-weight:800;position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px #14456b2e}.lbar{background:#ffffffb3;border-radius:7px;width:min(320px,70vw);height:14px;overflow:hidden;box-shadow:inset 0 2px #14456b1f}.lbar i{background:linear-gradient(90deg,var(--pop),var(--sun));border-radius:7px;width:0;height:100%;transition:width .2s;display:block}#hud{z-index:10;pointer-events:none;position:fixed;inset:0}.pill{top:max(12px,env(safe-area-inset-top));color:var(--ink);font-variant-numeric:tabular-nums;background:#ffffffed;border-radius:999px;align-items:center;gap:9px;padding:7px 20px;font-size:27px;font-weight:800;display:flex;position:absolute;box-shadow:0 4px #14456b26}.hudLeft{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.pill.small{padding:5px 16px;font-size:19px}.hudLeft .pill{white-space:nowrap;position:static}#timePill{right:max(14px,env(safe-area-inset-right))}#timePill.low{color:#fff;background:#ff5a6e;animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.07)}}.pill.target{border:3px solid var(--tcol,#fff)}.pill.center{left:50%;top:max(12px,env(safe-area-inset-top));color:#fff;background:#8b6feaf2;transform:translate(-50%)}.pill.center.bump{animation:.35s bump}@keyframes bump{0%{transform:translate(-50%)scale(1)}40%{transform:translate(-50%)scale(1.18)}to{transform:translate(-50%)scale(1)}}.hbtns{bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));pointer-events:auto;flex-direction:column;gap:10px;display:flex;position:absolute}.hbtn{cursor:pointer;background:#ffffffeb;border:none;border-radius:50%;width:52px;height:52px;font-size:23px;line-height:1;box-shadow:0 4px #14456b26}.hbtn:active{transform:translateY(3px);box-shadow:0 1px #14456b26}.hbtn.off{opacity:.45}#big{z-index:15;pointer-events:none;color:#fff;text-shadow:0 8px #14456b59,0 16px 44px #00000059;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 20px;font-size:clamp(90px,24vmin,220px);font-weight:800;display:flex;position:fixed;inset:0}#big.small{font-size:clamp(30px,7.5vmin,58px)}#bigSub{text-shadow:0 2px #14456b66,0 6px 18px #00000059;max-width:30ch;font-size:clamp(16px,3.2vmin,24px);font-weight:700;line-height:1.4}.spinner{border:6px solid #fff9;border-top-color:var(--pop);border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.crumbs{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;margin:18px 0 6px;font-size:14px;font-weight:700;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span[aria-hidden]{opacity:.6}.gpHead{flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px;display:flex}.gpArt{aspect-ratio:1;background:linear-gradient(135deg,var(--tint),var(--tint2));border-radius:32px;flex:none;justify-content:center;align-items:center;width:min(220px,100%);font-size:76px;line-height:1;display:flex;box-shadow:0 8px #14456b1a,0 18px 36px #14456b24}.gpArt span{filter:drop-shadow(0 5px #14456b24)}.gpInfo{flex-direction:column;flex:1;gap:10px;min-width:min(100%,280px);display:flex}.gpInfo h1{text-align:left;font-size:clamp(32px,5.4vw,52px)}.gpInfo .lead{max-width:60ch}.playBox{background:#fff;border-radius:28px;flex-direction:column;gap:14px;margin-top:22px;padding:22px;display:flex;box-shadow:0 10px #14456b1a,0 22px 50px #14456b29}.playBox .row{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.playBox .sens{justify-content:flex-start}.playBox .btns{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.playBox .btn{text-decoration:none}.playBox .note{color:var(--ink-soft);margin:0;font-size:14px;font-weight:600;line-height:1.5}.playBox .warn{color:#8a5a12;background:#fff1d6;border-radius:14px;padding:10px 14px;font-size:14px;font-weight:700;line-height:1.5}ol.how{color:var(--ink);flex-direction:column;gap:10px;max-width:70ch;margin:6px 0 0;padding:0 0 0 24px;font-size:16.5px;font-weight:600;line-height:1.55;display:flex}ol.how li::marker{color:var(--pop);font-weight:800}.twoCol{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:14px;display:grid}.infoCard{background:#ffffffd1;border-radius:22px;padding:18px}.infoCard h3{margin:0 0 6px;font-size:19px;font-weight:800}.infoCard p,.infoCard li{color:var(--ink-soft);margin:0;font-size:15px;font-weight:500;line-height:1.55}.infoCard ul{flex-direction:column;gap:5px;margin:0;padding-left:20px;display:flex}.chips{flex-wrap:wrap;gap:6px;display:flex}.gridSm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:14px;display:grid}.gridSm .gArt{height:84px;font-size:38px}.gridSm .gDesc{display:none}dialog.dlg{background:0 0;border:none;width:min(92vw,460px);max-width:none;margin:auto;padding:0;overflow:visible}dialog.dlg::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c26428c}dialog.dlg .card{max-width:none;max-height:calc(100dvh - 40px);overflow:auto}.gName,.gDesc,.nav .brand{margin:0}.card .h2,.card p.dlgTitle{color:var(--ink);margin:0;font-size:26px;font-weight:800;line-height:1.2}@media (max-height:500px){.pill{top:max(6px,env(safe-area-inset-top));padding:4px 14px;font-size:20px}.pill.small{padding:3px 12px;font-size:15px}.hudLeft{top:max(6px,env(safe-area-inset-top));gap:5px}.hbtn{width:42px;height:42px;font-size:19px}.hbtns{gap:7px}}.card{background:var(--card);width:100%;max-width:440px;color:var(--ink);border-radius:28px;flex-direction:column;gap:14px;padding:26px 22px;display:flex;box-shadow:0 12px #14456b1f,0 24px 60px #14456b38}.card h2{margin:0;font-size:26px;font-weight:800}.card p{color:var(--ink-soft);margin:4px 0 0;font-size:15.5px;font-weight:500;line-height:1.5}.step{text-align:left;align-items:flex-start;gap:12px;display:flex}.step b{font-size:16.5px}.sicon{font-size:26px;line-height:1.3}.tipbox{color:#8a6d1f;text-align:left;background:#fff6da;border-radius:16px;padding:12px 14px;font-size:14.5px;font-weight:600;line-height:1.55}.bigscore{color:var(--pop);font-variant-numeric:tabular-nums;font-size:clamp(38px,11vw,76px);font-weight:800;line-height:1}.bigemoji{font-size:56px;line-height:1}