@import"https://fonts.googleapis.com/css2?family=Darumadrop+One&family=Yomogi&family=Yusei+Magic&display=swap";:root{color-scheme:light;font-family:Yusei Magic,Yomogi,Darumadrop One,Hannotate SC,Hannotate TC,HanziPen SC,Yuji Syuku,Klee One,cursive,sans-serif;color:#172033;background:#fff;font-synthesis:weight;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #ffffff;--panel: #ffffff;--ink: #172033;--muted: #667085;--line: #cfd6e3;--line-strong: #8792a5;--blue: #2563eb;--green: #0f766e;--green-soft: #ecfdf5;--red: #dc2626;--gold: #b45309}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.screen{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0;flex:1}.title-screen{width:min(760px,calc(100% - 32px));min-height:calc(100vh - 88px);display:grid;align-content:center;gap:10px}.title-hero{text-align:center}.title-logo{margin:0;display:flex;justify-content:center;line-height:0}.title-logo img{width:min(460px,88vw);height:auto;display:block}.difficulty-section{width:min(560px,100%);margin:0 auto}.difficulty-grid{width:min(420px,100%);margin:0 auto;display:grid;grid-template-columns:1fr;gap:8px}.difficulty-button{border:0;border-radius:0;padding:0;display:flex;background:transparent;cursor:pointer;line-height:0}.difficulty-button img,.title-ranking-button img{width:100%;height:auto;display:block}.difficulty-button:focus-visible,.title-ranking-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.title-actions,.result-actions,.contact-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.title-actions{width:min(420px,100%);margin:0 auto}.title-ranking-button{width:100%;border:0;border-radius:0;padding:0;display:flex;background:transparent;cursor:pointer;line-height:0}.image-action-button{border:0;border-radius:0;padding:0;display:inline-flex;background:transparent;cursor:pointer;line-height:0;text-decoration:none}.image-action-button img{width:100%;height:auto;display:block}.image-action-button:focus-visible,.contact-links a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.image-action-button:disabled{cursor:default;opacity:.58}.topbar-title-button{width:clamp(96px,19vw,138px);justify-self:end}.ranking-header-title-button{width:clamp(118px,22vw,164px);flex:0 0 auto}.result-action-button{width:clamp(132px,24vw,176px)}.register-image-button{width:min(260px,100%);justify-self:center}.primary-button,.secondary-button,.ghost-button,.primary-link-button,.icon-button{border-radius:8px;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.primary-button,.primary-link-button{padding:0 18px;border:1px solid var(--blue);background:var(--blue);color:#fff}.secondary-button{padding:0 18px;background:var(--green-soft);color:#065f46;border:1px solid #86cdb6}.ghost-button{padding:0 16px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}.icon-button{width:46px;padding:0;background:#f8fafc;color:var(--ink);border:1px solid var(--line)}.primary-button:hover:not(:disabled),.primary-link-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--ink)}.primary-button:disabled,.type-choice:disabled{cursor:default}.quiz-screen{max-width:980px}.quiz-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center}.screen-meta{min-width:0;display:flex;align-items:center;gap:12px}.screen-ball{width:54px;height:54px;flex:0 0 auto}.screen-difficulty-banner{width:clamp(140px,34vw,240px);height:auto;display:block}.screen-meta p{margin:0;color:var(--green);font-size:.92rem;font-weight:900;line-height:1.35}.quiz-count{min-width:0;justify-self:center;text-align:center}.quiz-topbar h1,.ranking-screen h1,.result-summary h1{margin:0;color:var(--ink);font-weight:900;letter-spacing:0}.quiz-topbar h1{font-size:clamp(2.7rem,8vw,4.5rem);line-height:1;white-space:nowrap}.quiz-count.is-streak h1{display:inline-flex;align-items:baseline;justify-content:center;gap:.1em;font-size:clamp(1.35rem,4.6vw,2.25rem);line-height:1.05}.quiz-count.is-streak span{font-size:.58em;white-space:nowrap}.sprite-text{display:inline;line-height:1;white-space:nowrap}.quiz-topbar .ghost-button{justify-self:end}.quiz-progress{height:8px;margin:18px 0 22px;border-radius:999px;background:#fff;overflow:hidden}.quiz-progress span{width:var(--progress);height:100%;display:block;border-radius:inherit;background:#ef4444}.arceus-stage{width:min(100%,560px);aspect-ratio:1 / 1;margin:0 auto;display:grid;place-items:center;border:0;border-radius:0;background:transparent;overflow:hidden}.quiz-visual{width:min(100%,560px);margin:0 auto;position:relative}.quiz-visual .arceus-stage{width:100%}.arceus-image{width:min(82%,420px);height:min(82%,420px);object-fit:contain;-webkit-user-select:none;user-select:none;transition:opacity .14s ease;transform-origin:center;will-change:transform,filter,clip-path,opacity}.arceus-image.is-hidden{opacity:0}.arceus-image.is-visible{opacity:1}.animation-still{animation:none}.animation-gentle-shake{animation:gentle-shake .85s ease-in-out infinite}.animation-cross-right-left{animation:cross-right-left .88s linear infinite}.animation-cross-left-right{animation:cross-left-right .88s linear infinite}.animation-cross-top-bottom{animation:cross-top-bottom .88s linear infinite}.animation-cross-bottom-top{animation:cross-bottom-top .88s linear infinite}.animation-peek-bottom{animation:peek-bottom .76s ease-in-out infinite}.animation-peek-top{animation:peek-top .76s ease-in-out infinite}.animation-peek-left{animation:peek-left .76s ease-in-out infinite}.animation-peek-right{animation:peek-right .76s ease-in-out infinite}.animation-hard-shake{animation:hard-shake .36s steps(2,end) infinite}.animation-hard-bounce{animation:hard-bounce .52s cubic-bezier(.35,0,.2,1) infinite}.animation-blur-pulse{animation:blur-pulse .7s ease-in-out infinite}.animation-emission{animation:emission-pulse .64s ease-in-out infinite}.animation-dissolve{animation:dissolve-flicker .72s steps(2,end) infinite}.animation-spin{animation:spin-around .78s linear infinite}.animation-zoom-pulse{animation:zoom-pulse .54s ease-in-out infinite}.animation-orbit{animation:orbit-jump .78s ease-in-out infinite}.animation-flip-skew{animation:flip-skew .68s ease-in-out infinite}.animation-squash-stretch{animation:squash-stretch .52s ease-in-out infinite}.quiz-status{min-height:70px;display:grid;place-items:center;text-align:center}.quiz-status p,.muted{color:var(--muted)}.quiz-status p{margin:0;font-weight:700}.feedback-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none}.feedback-popup img{width:min(76%,430px);height:auto;display:block}.choice-grid{display:grid;gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.choice-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin:0 auto}.type-choice{min-height:0;border:0;border-radius:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;line-height:0;cursor:pointer}.type-choice-image{width:100%;height:auto;display:block}.type-choice:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.type-choice.is-selected:not(.is-answer) .type-choice-image{opacity:.48}.result-screen{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:22px;align-items:start}.result-summary,.ranking-submit,.ranking-board{background:transparent;border:0;border-radius:0;padding:clamp(20px,3vw,30px)}.result-summary h1,.ranking-screen h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.08}.score-display{margin:22px 0 12px;display:flex;align-items:center;gap:12px;color:var(--gold);font-size:clamp(1.45rem,4vw,2.2rem);font-weight:900}.score-display>span,.result-time,.rank-score,.rank-time{display:inline-flex;align-items:center;gap:.18em}.result-actions{margin-top:20px}.ranking-submit form{display:grid;gap:14px}.ranking-submit h2,.ranking-board h2{margin:0 0 18px;color:var(--ink);font-size:1.4rem;line-height:1.3}.text-heading{margin:0;color:var(--ink);font-weight:900;line-height:1.08}.result-heading{margin-top:8px}.section-text-heading{margin-bottom:18px}.ranking-submit label{display:grid;gap:8px;color:var(--ink);font-weight:900}.ranking-submit input{min-height:48px;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff;color:var(--ink)}.ranking-board{grid-column:1 / -1}.section-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.ranking-screen .section-header{margin-bottom:22px}.ranking-tabs{width:min(520px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px}.ranking-tabs button{border:0;border-radius:0;padding:0;background:transparent;cursor:pointer;line-height:0;opacity:.42}.ranking-tabs button img{width:100%;height:auto;display:block}.ranking-tabs button.is-active{opacity:1}.ranking-tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ranking-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.ranking-row{min-height:54px;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:var(--panel)}.rank-number{display:grid;place-items:center;color:var(--gold);font-weight:900}.rank-name{overflow-wrap:anywhere;font-weight:900}.rank-score,.rank-time{color:#475467;font-size:.95rem;font-weight:900;white-space:nowrap}.error-text{color:var(--red);font-weight:900}.success-text{color:#15803d;font-weight:900}.site-footer{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:18px 0 28px;display:flex;justify-content:center;gap:16px;align-items:center;color:#475467;font-size:.9rem}.site-footer p{margin:0}.app-shell.is-quiz-screen .site-footer{display:none}.contact-links a{width:clamp(112px,24vw,138px);display:flex;line-height:0;text-decoration:none}.contact-links a img{width:100%;height:auto;display:block}@keyframes gentle-shake{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}@keyframes cross-right-left{0%{transform:translate(170%) scale(.9)}to{transform:translate(-170%) scale(.9)}}@keyframes cross-left-right{0%{transform:translate(-170%) scale(.9)}to{transform:translate(170%) scale(.9)}}@keyframes cross-top-bottom{0%{transform:translateY(-170%) scale(.9)}to{transform:translateY(170%) scale(.9)}}@keyframes cross-bottom-top{0%{transform:translateY(170%) scale(.9)}to{transform:translateY(-170%) scale(.9)}}@keyframes peek-bottom{0%,to{transform:translateY(112%) scale(.98)}45%,60%{transform:translateY(42%) scale(1)}}@keyframes peek-top{0%,to{transform:translateY(-112%) scale(.98)}45%,60%{transform:translateY(-42%) scale(1)}}@keyframes peek-left{0%,to{transform:translate(-112%) scale(.98)}45%,60%{transform:translate(-42%) scale(1)}}@keyframes peek-right{0%,to{transform:translate(112%) scale(.98)}45%,60%{transform:translate(42%) scale(1)}}@keyframes hard-shake{0%{transform:translate(-12px,7px) rotate(-8deg)}20%{transform:translate(13px,-8px) rotate(7deg)}40%{transform:translate(-9px,-11px) rotate(10deg)}60%{transform:translate(11px,9px) rotate(-9deg)}80%{transform:translate(-14px,3px) rotate(6deg)}to{transform:translate(10px,-7px) rotate(-7deg)}}@keyframes hard-bounce{0%,to{transform:translateY(0) scaleX(1.08) scaleY(.92)}35%{transform:translateY(-34%) scaleX(.9) scaleY(1.14)}68%{transform:translateY(8%) scaleX(1.16) scaleY(.84)}}@keyframes blur-pulse{0%,to{filter:blur(0);transform:scale(1)}50%{filter:blur(8px);transform:scale(1.03)}}@keyframes emission-pulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.85) saturate(1.8) drop-shadow(0 0 12px #facc15) drop-shadow(0 0 24px #60a5fa)}}@keyframes dissolve-flicker{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:contrast(1)}24%{clip-path:polygon(0 0,100% 7%,93% 34%,100% 70%,83% 100%,0 94%,10% 66%,0 33%);filter:contrast(1.8)}48%{clip-path:polygon(8% 0,100% 0,91% 25%,100% 58%,88% 100%,4% 100%,0 78%,12% 44%,0 12%);filter:contrast(1.25)}72%{clip-path:polygon(0 8%,91% 0,100% 24%,88% 51%,100% 88%,62% 100%,0 90%,8% 48%);filter:contrast(2)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:contrast(1)}}@keyframes spin-around{0%{transform:rotate(0) scale(.94)}to{transform:rotate(360deg) scale(.94)}}@keyframes zoom-pulse{0%,to{transform:scale(.72)}50%{transform:scale(1.18)}}@keyframes orbit-jump{0%,to{transform:translateY(-18%) rotate(-8deg) scale(.88)}25%{transform:translate(22%) rotate(8deg) scale(1)}50%{transform:translateY(18%) rotate(12deg) scale(.88)}75%{transform:translate(-22%) rotate(-8deg) scale(1)}}@keyframes flip-skew{0%,to{transform:perspective(520px) rotateY(0) skew(0)}50%{transform:perspective(520px) rotateY(72deg) skew(-9deg)}}@keyframes squash-stretch{0%,to{transform:scaleX(1.18) scaleY(.82)}33%{transform:scaleX(.82) scaleY(1.22)}66%{transform:scaleX(1.08) scaleY(.94) rotate(5deg)}}@media (max-width: 840px){.screen{width:min(100% - 20px,1120px);padding:18px 0 22px}.title-screen{min-height:calc(100vh - 84px)}.quiz-topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.quiz-count{justify-self:center}.quiz-topbar .ghost-button{grid-column:auto;width:auto;padding:0 12px}.choice-grid,.choice-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.result-screen{grid-template-columns:1fr}}@media (max-width: 560px){body{height:100svh;min-height:100svh;overflow:hidden}.app-shell{height:100svh;min-height:0;overflow:hidden}.screen{width:calc(100% - 20px);height:auto;min-height:0;flex:1 1 auto;padding:10px 0 6px;overflow:hidden}.title-screen{min-height:0;align-content:center;gap:4px}.title-logo img{width:min(300px,76vw)}.difficulty-section{width:min(320px,100%)}.difficulty-grid{width:min(310px,78vw);gap:5px}.title-actions{width:min(310px,78vw)}.quiz-screen,.ranking-screen,.result-screen{display:flex;flex-direction:column}.quiz-screen{justify-content:flex-start}.screen-ball{width:40px;height:40px}.screen-meta{gap:8px}.screen-difficulty-banner{width:clamp(118px,34vw,186px)}.screen-meta p{font-size:.78rem}.quiz-topbar h1{font-size:clamp(1.8rem,7.2vw,2.35rem)}.quiz-topbar.is-streak-mode{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.quiz-topbar.is-streak-mode .quiz-count{grid-column:1 / -1;grid-row:2;justify-self:center}.quiz-topbar.is-streak-mode .quiz-count h1{font-size:clamp(1.1rem,5vw,1.45rem)}.quiz-topbar.is-streak-mode .topbar-title-button{grid-column:2;grid-row:1}.quiz-topbar .ghost-button{min-height:42px;padding:0 10px}.quiz-progress{height:6px;margin:8px 0;flex:0 0 auto}.quiz-visual,.arceus-stage{width:min(100%,292px,40svh);flex:0 0 auto}.arceus-stage{margin:0 auto}.arceus-image{width:86%;height:86%}.quiz-status{min-height:28px;font-size:.82rem}.choice-grid{flex:0 0 auto;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.type-choice{min-height:0;justify-content:center;padding-inline:0}.result-screen{gap:8px}.result-summary,.ranking-submit,.ranking-board{padding:0}.result-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center}.result-summary .screen-meta{grid-column:1}.result-heading{grid-column:2;justify-self:end;margin-top:0;font-size:2rem}.score-display{grid-column:1 / -1;justify-content:center;margin:0;font-size:1.28rem}.result-time{grid-column:1 / -1;justify-content:center;margin:0;font-size:.86rem}.result-actions{grid-column:1 / -1;flex-wrap:nowrap;justify-content:center;gap:6px;margin-top:0}.result-action-button{width:min(31%,108px)}.ranking-submit form{grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:6px 8px}.ranking-submit input{min-height:36px;padding:0 10px}.register-image-button{width:118px}.ranking-submit .section-text-heading{margin-bottom:6px}.ranking-submit .section-text-heading,.ranking-board .section-text-heading{font-size:1.12rem}.ranking-submit .cf-turnstile,.ranking-submit .error-text,.ranking-submit .success-text{grid-column:1 / -1}.ranking-submit .cf-turnstile{height:48px;transform:scale(.72);transform-origin:left top}.ranking-submit .error-text,.ranking-submit .success-text,.ranking-board .muted{margin:0;font-size:.82rem}.section-header,.ranking-screen .section-header{margin-bottom:6px;gap:8px}.page-text-heading{font-size:2rem}.ranking-header-title-button{width:108px}.ranking-board{min-height:0;display:flex;flex:1 1 auto;flex-direction:column}.ranking-tabs{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:6px;flex:0 0 auto}.ranking-list{min-height:0;gap:4px;overflow:auto}.ranking-row{min-height:36px;grid-template-columns:28px minmax(0,1fr) auto auto;gap:6px;padding:4px 6px}.rank-score,.rank-time,.rank-name{font-size:.82rem}.site-footer{width:calc(100% - 20px);flex:0 0 auto;padding:4px 0 8px}.contact-links{width:100%;flex-wrap:nowrap;justify-content:center;gap:8px}.contact-links a{width:96px}}