.home-portal-menu{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));z-index:5;--menu-bg:#ffffffeb;--menu-line:#07132f33;--menu-fg:#07132f;width:44px;height:44px;color:var(--menu-fg);position:absolute}.home-portal-menu[data-theme=dark]{--menu-bg:#040b16b8;--menu-line:#6fd6ff66;--menu-fg:#e8f7ff}body:not([data-screen=home]) .home-portal-menu{display:none}.home-portal-menu:has([data-asobiba-link][hidden]){display:none}.home-portal-menu>summary,.home-portal{box-sizing:border-box;border:1px solid var(--menu-line);background:var(--menu-bg);min-height:44px;color:var(--menu-fg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;font:800 13px/1 system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 16px #0006}.home-portal-menu>summary{cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;list-style:none;display:flex}.home-portal-menu>summary::-webkit-details-marker{display:none}.home-portal-menu>summary::marker{content:""}.home-portal-menu[open]>summary svg{transform:rotate(180deg)}.home-portal{white-space:nowrap;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 80px);padding:0 14px 0 10px;display:flex;position:absolute;top:0;left:50px}.home-portal-menu:not([open])>.home-portal,.home-portal[hidden]{display:none}.home-portal-menu svg{flex:none}.home-portal-menu>summary:focus-visible,.home-portal:focus-visible{outline:3px solid var(--menu-fg);outline-offset:2px}.settings-dialog .settings-row{border-bottom:2px dashed color-mix(in srgb, currentColor 22%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:16px;font-weight:800;display:flex}.settings-dialog .settings-row:last-of-type{margin-bottom:14px}.settings-dialog .locale-pill select:focus-visible{outline:none}html[data-keyboard-focus] .settings-dialog .locale-pill:has(select:focus-visible){outline-offset:2px;outline:3px solid}@font-face{font-family:Nandeyanen Display;src:url(../assets/fonts/nandeyanen-display.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color:#07132f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7d649;font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle,#fff4a4,#f7d649 72%);place-items:center;display:grid}#root{display:contents}#app{width:min(100%,720px,56.25dvh);position:relative}.stage{aspect-ratio:9/16;width:100%;position:relative;overflow:hidden;container-type:inline-size}.stage>img{width:100%;height:100%;display:block}[hidden]{display:none!important}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline-offset:2px;z-index:20;outline:4px solid #00e9ff}.hotspot{background:0 0;border:0;min-height:44px;padding:0;position:absolute}.home-start{border-radius:12cqw;width:86%;height:13.1%;top:45.4%;left:7%}.home-how{border-radius:5cqw;width:42%;height:7%;top:59.6%;left:6%}.home-ranking{border-radius:5cqw;width:42%;height:7%;top:59.6%;left:52%}.home-share{border-radius:3cqw;width:37%;height:6.4%;top:81.4%;left:44.8%}.home-best{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:29%;height:6.8%;font-weight:900;display:flex;position:absolute;top:68.4%;left:19%}.home-best span{font-size:max(11px,2.8cqw)}.home-best strong{color:#bd102d;font-size:5.1cqw;line-height:1.1}.question-count{color:#fff;text-shadow:1px 2px #851429;background:0 0;border-radius:4cqw;place-items:center;width:33%;height:5.6%;font-size:4.1cqw;font-weight:900;display:grid;position:absolute;top:19.8%;left:4.5%}.progress-panel{gap:.8cqw;width:36.5%;display:grid;position:absolute;top:20%;left:39%}.progress-label{font-size:clamp(14px,4.2cqw,18px);font-weight:900;line-height:1.15}.gauge{background:#fff8d8;border:2px solid #07132f;border-radius:3cqw;width:100%;height:max(12px,3.5cqw);overflow:hidden}.gauge span{background:linear-gradient(90deg,#ed2440,#ff7a28,#ffdf31);width:0;height:100%;transition:width .45s;display:block}.question-card{background:0 0;place-items:center;width:82%;height:17.8%;padding:.5cqw;display:grid;position:absolute;top:28.5%;left:9%}.text-label{word-break:keep-all;overflow-wrap:anywhere;width:100%;min-width:0;display:block}.question-card p{line-break:strict;text-wrap:pretty;width:100%;margin:0;font-family:Nandeyanen Display,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:clamp(20px,6cqw,26px);font-weight:700;line-height:1.4}.reaction{pointer-events:none;z-index:3;place-items:center;width:92%;height:6.8%;display:grid;position:absolute;top:46.4%;left:4%}.reaction-bubble{color:#fff;white-space:nowrap;background:#e82239;border:2px solid #07132f;border-radius:999px;max-width:100%;padding:1cqw 4cqw;font-size:clamp(14px,4.6cqw,20px);font-weight:900;line-height:1.25;animation:.32s cubic-bezier(.2,1.6,.4,1) both reaction-pop;transform:rotate(-2deg);box-shadow:0 .8cqw #07132f}@keyframes reaction-pop{0%{opacity:0;transform:rotate(-2deg)scale(.4)}to{opacity:1;transform:rotate(-2deg)scale(1)}}.choices{gap:1cqw;width:80%;display:grid;position:absolute;top:53.5%;left:10%}.choice{color:#07132f;text-align:center;border:2px solid #07132f;border-radius:8cqw;justify-content:center;align-items:center;width:100%;height:max(51px,15.8cqw);min-height:44px;padding:4px 2cqw;font-family:Nandeyanen Display,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-size:clamp(16px,4.8cqw,21px);font-weight:700;line-height:1.2;display:flex;box-shadow:0 2px #07132f}.choice.red{background:#ffd2cb}.choice.blue{background:#c6e9fb}.choice.orange{background:#ffeaa1}.choice.green{background:#d0efc1}.choice:active,.choice.selected{box-shadow:inset 0 0 0 2px #07132f,0 2px #07132f}.choice.selected{outline-offset:1px;outline:3px solid #e82239;animation:.28s ease-out choice-press}@keyframes choice-press{40%{transform:scale(.94)}to{transform:scale(1)}}.choice:disabled{cursor:default}.choice .text-label{text-wrap:balance}.result-score{color:#e82239;-webkit-text-stroke:.9cqw #0b1a3d;paint-order:stroke fill;text-shadow:.8cqw .8cqw #fff0ab;background:0 0;border-radius:2cqw;justify-content:center;align-items:center;gap:.5cqw;width:45%;height:14.4%;padding:1cqw;font-weight:1000;line-height:1;display:flex;position:absolute;top:20.2%;left:39.5%}.result-score strong{min-width:0;font-size:15cqw}.result-score span{align-self:end;margin-bottom:2cqw;font-size:7cqw}.result-type{text-align:center;background:0 0;border-radius:2cqw;place-items:center;width:46%;height:4.9%;padding:.5cqw 1cqw;font-size:4.8cqw;font-weight:1000;line-height:1.2;display:grid;position:absolute;top:37.5%;left:35%}.result-description{line-break:strict;text-wrap:pretty;text-align:center;background:0 0;place-items:center;width:57.5%;height:6.1%;margin:0;padding:.5cqw;font-size:max(12px,2.9cqw);font-weight:900;line-height:1.3;display:grid;position:absolute;top:43.7%;left:30.5%}.result-best{text-align:center;line-break:strict;text-wrap:pretty;background:0 0;place-items:center;width:55%;height:5.7%;padding:.3cqw 1cqw;font-size:max(12px,3.8cqw);font-weight:1000;line-height:1.25;display:grid;position:absolute;top:53.6%;left:23%}.result-new-best{color:#bd102d;text-align:center;background:#ffdf31;border:2px solid #07132f;border-radius:3cqw;padding:1.2cqw 2.4cqw;font-size:max(12px,3.4cqw);font-weight:1000;line-height:1.15;animation:.4s cubic-bezier(.2,1.6,.4,1) .7s both reaction-pop;position:absolute;top:21.5%;right:3%;transform:rotate(8deg);box-shadow:0 .8cqw #e82239}.share-details{background:0 0;flex-direction:column;justify-content:center;gap:.3cqw;width:33%;height:8.5%;padding:.5cqw;font-weight:900;line-height:1.2;display:flex;position:absolute;top:70.7%;left:44%}.share-score{font-size:max(12px,3.5cqw)}.share-type{font-size:max(12px,2.8cqw)}.share-tag{color:#1589bf;white-space:nowrap;font-size:max(11px,2.6cqw)}.result-share{border-radius:5cqw;width:64%;height:7.3%;top:61.9%;left:28%}.result-retry{border-radius:5cqw;width:43%;height:6.2%;top:82%;left:6%}.result-home{border-radius:5cqw;width:43%;height:6.2%;top:82%;left:51%}.result-portal{color:#0b1b43;white-space:nowrap;background:#fff8d8;border:3px solid #0b1b43;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:7.6%;min-height:44px;padding:0 6cqw;font-size:clamp(14px,4.2cqw,18px);font-weight:900;text-decoration:none;display:flex;position:absolute;top:91.8%;left:50%;transform:translate(-50%);box-shadow:0 .8cqw #0b1b43}.result-portal:after{content:"›";margin-left:2cqw;font-size:1.3em;line-height:1}.result-portal:focus-visible{outline-offset:2px;outline:4px solid #00e9ff}.share-note{left:50%;top:calc(3% + env(safe-area-inset-top));pointer-events:none;z-index:30;color:#07132f;text-align:center;background:#fff8d8;border:2px solid #07132f;border-radius:14px;width:min(86%,26rem);margin:0;padding:10px 14px;font-weight:800;line-height:1.5;position:absolute;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}dialog{color:#0b1b43;text-align:center;background:#fff8d8;border:5px solid #0b1b43;border-radius:24px;width:min(88vw,380px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto;box-shadow:0 9px #ef3d38}dialog::backdrop{background:#061333b8}dialog h2{margin:0 0 14px;font-size:1.45rem}dialog h2:focus{outline:none}dialog p{white-space:pre-line;margin:0 0 20px;font-weight:700;line-height:1.7}.dialog-text{text-align:left;margin:0 0 14px}dialog .dialog-text p{margin:0 0 8px;line-height:1.6}dialog .dialog-note{margin:0 0 14px;font-size:13px;line-height:1.5}.howto-demo{background:#fff;border:2px dashed #0b1b43;border-radius:16px;margin:0 0 14px;padding:12px 10px 10px;position:relative}.howto-demo .demo-prompt{margin:0 0 2px;font-size:14px;line-height:1.45}.demo-choices{gap:5px;display:grid}.demo-choice{background:#fff8d8;border:2px solid #07132f;border-radius:999px;padding:5px 8px;font-size:13px;font-weight:800;line-height:1.3;display:block;position:relative}.demo-choice:first-child{background:#ffd2cb}.demo-choice:nth-child(2){background:#c6e9fb}.demo-choice:nth-child(3){background:#ffeaa1}.demo-choice:nth-child(4){background:#d0efc1}.demo-choice.is-picked{animation:5s infinite demo-pick}.demo-finger{background:#fffc;border:3px solid #0b1b43;border-radius:50%;width:22px;height:22px;animation:5s infinite demo-finger;position:absolute;top:55%;right:10%}.howto-demo .demo-reaction{place-items:center;height:30px;margin:0 0 4px;display:grid}.demo-bubble{color:#fff;white-space:nowrap;background:#e82239;border:2px solid #07132f;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:900;animation:5s infinite demo-bubble;transform:rotate(-3deg)}.howto-demo figcaption{margin-top:8px;font-size:12px;font-weight:700;line-height:1.5}@keyframes demo-pick{0%,34%{outline:0 solid #0000}38%,92%{outline:3px solid #e82239;transform:scale(1)}36%{transform:scale(.95)}to{outline:0 solid #0000}}@keyframes demo-finger{0%{opacity:0;transform:translate(40px,60px)}20%{opacity:1}32%{transform:translate(0)}36%{transform:translate(0)scale(.8)}40%,80%{opacity:1;transform:translate(0)}92%,to{opacity:0;transform:translate(0)}}@keyframes demo-bubble{0%,38%{opacity:0;transform:rotate(-3deg)scale(.4)}44%,90%{opacity:1;transform:rotate(-3deg)scale(1)}to{opacity:0;transform:rotate(-3deg)scale(1)}}.records-summary{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px;display:grid}.records-summary div{background:#fff;border:2px solid #0b1b43;border-radius:14px;padding:8px}.records-summary dt{font-size:13px;font-weight:800}.records-summary dd{color:#bd102d;margin:2px 0 0;font-size:1.5rem;font-weight:1000}.records h3{margin:0 0 6px;font-size:1rem}.records-types,.records-history{text-align:left;gap:4px;margin:0 0 12px;padding:0;list-style:none;display:grid}.records-types li,.records-history li{background:#fff;border-radius:10px;justify-content:space-between;gap:8px;padding:4px 10px;font-weight:700;display:flex}.records-types li.is-empty{color:#6b7280}.records-history li{justify-content:flex-start}.records-history strong{color:#bd102d;min-width:3.2em}dialog button{color:#fff;background:#f13b43;border:3px solid #0b1b43;border-radius:30px;min-width:100px;min-height:48px;font-weight:900}.landscape-note{display:none}#voice-toggle{z-index:20;color:#07132f;background:#fff8d8;border:3px solid #07183b;border-radius:50%;width:44px;height:44px;padding:0;font-size:22px;line-height:1;position:absolute;bottom:.5%;left:2%;box-shadow:0 3px #d72a36}#voice-toggle svg{width:24px;height:24px;margin:auto;display:block}#voice-toggle[aria-pressed=true] .sound-off,#voice-toggle[aria-pressed=false] .sound-on{display:none}@media (orientation:landscape) and (height<=520px){#app{display:none}.landscape-note{color:#0b1b43;text-align:center;background:#ffdc54;place-items:center;margin:0;padding:24px;font-size:24px;font-weight:900;display:grid;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.music-credit{margin:-10px 0 18px;font-size:12px;line-height:1.5}.music-credit a{color:#123d76}.loading{z-index:50;padding:calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 24px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 24px);color:#07132f;text-align:center;background:radial-gradient(circle,#fff4a4,#f7d649 72%);place-content:center;justify-items:center;gap:12px;display:grid;position:fixed;inset:0}.loading-art{width:min(64vw,36dvh,280px);height:auto;animation:.8s ease-in-out infinite alternate loading-hop;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}@keyframes loading-hop{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-8px)rotate(2deg)}}.loading-title{color:#d7262e;text-shadow:2px 2px #fff;margin:0;font-family:Nandeyanen Display,inherit;font-size:clamp(1.5rem,7vw,2rem);font-weight:700}.loading-bar{background:#fff;border:2px solid #07132f;border-radius:999px;width:min(70vw,16rem);height:10px;overflow:hidden}.loading-bar i{background:#d7262e;width:0;height:100%;transition:width .25s;display:block}.loading-percent{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.loading-failed{justify-items:center;gap:10px;max-width:20rem;display:grid}.loading-failed p{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.6}.loading-failed button{color:#07132f;min-width:44px;min-height:44px;font:inherit;background:#fff;border:2px solid #07132f;border-radius:999px;padding:8px 22px;font-weight:800}@media (prefers-reduced-motion:reduce){.loading-art{animation:none}.demo-choice.is-picked{outline:3px solid #e82239;animation:none}.demo-finger{animation:none}.demo-bubble{opacity:1;animation:none}}