.quiz-header{margin-bottom:24px;text-align:center}.quiz-keyvisual{width:min(100%,800px);margin:0 auto 24px}.quiz-keyvisual-img{width:100%}.quiz-page-description{margin-bottom:24px;font-size:1rem;font-weight:500;color:var(--text-primary)}.quiz-page-notice{padding-left:1em;margin:0 auto;font-size:.8125rem;letter-spacing:0;list-style:disc;text-align:left;color:var(--text-secondary)}.quiz-page-notice a{color:var(--text-secondary)}.quiz-page-notice a:hover{text-decoration:none}.quiz-stats{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.quiz-stat{display:flex;gap:4px;align-items:center}.quiz-stat .stat-label{letter-spacing:.05rem;text-transform:uppercase;color:var(--text-secondary)}.quiz-stat .stat-icon{display:inline-block;width:24px;height:24px;vertical-align:middle;object-fit:contain}.quiz-stat .stat-value{font-size:1.125rem;font-weight:500;line-height:1;color:var(--text-secondary)}.quiz-stat .stat-number{font-size:1.375rem;color:var(--text-attention)}.quiz-control{margin-top:24px;text-align:center}.btn-giveup{background:var(--error-color);box-shadow:0 4px 0 var(--btn-giveup-shadow);color:var(--text-thirdly)}.btn-primary.-answer{height:48px}.btn-share{display:inline-block;padding:14px 24px;border-radius:9999px;font-weight:600;line-height:1;text-decoration:none;color:var(--text-thirdly);background:var(--btn-share-bg);transition:background-color .2s}.btn-share .share-icon{display:inline-block;width:1em;height:1em;margin:0 .5em .1em;vertical-align:middle;object-fit:contain}.btn-share:hover{background:var(--btn-share-hover)}.quiz-content{display:flex;flex-direction:column;gap:16px;max-width:1160px;margin:0 auto}@media (min-width: 768px){.quiz-content{display:grid;grid-template-columns:2fr 4fr;gap:24px;align-items:start}.answer-list-section{order:-1}}.quiz-right-col{display:flex;flex-direction:column;gap:16px;padding:16px;background:#fff;border-radius:8px}.quiz-input-section{top:10px;z-index:10;background:var(--bg-primary);border-radius:8px}.input-wrapper{display:flex;gap:8px;margin:8px 0 0}.quiz-input{flex:1;height:52px;padding:14px 16px;border:1.5px solid var(--border);border-radius:4px;font-size:1rem;outline:transparent;transition:border-color .2s}.result-area{margin-bottom:16px;padding:24px 16px;text-align:center;background:var(--bg-secondary);border-radius:12px}.text-amazing{width:min(80%,400px);margin:0 auto;overflow:visible}.text-amazing #text_1,.text-amazing #text_2,.text-amazing #text_3,.text-amazing #text_4,.text-amazing #text_5,.text-amazing #text_6,.text-amazing #text_7{animation:letter-bounce 3s ease-out infinite}.text-amazing #text_1{animation-delay:0s}.text-amazing #text_2{animation-delay:.08s}.text-amazing #text_3{animation-delay:.16s}.text-amazing #text_4{animation-delay:.24s}.text-amazing #text_5{animation-delay:.32s}.text-amazing #text_6{animation-delay:.4s}.text-amazing #text_7{animation-delay:.48s}.trophy-img{display:block;width:120px;height:120px;margin:24px auto 16px;animation:trophy-bounce 3s ease-out infinite}.result-complete .result-title{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.result-complete .result-subtitle{margin-bottom:12px;font-size:1.375rem;font-weight:600;color:var(--text-primary)}.result-giveup .result-score{margin-bottom:8px;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.result-giveup .result-score span{display:inline-block;font-size:1.75rem;line-height:1;color:var(--text-attention)}.result-time{margin-bottom:16px;font-size:.875rem;color:var(--text-secondary)}.answer-list-section{padding:16px;background:var(--bg-primary);border-radius:12px}.shake{animation:shake .5s}@keyframes letter-bounce{0%{opacity:0;transform:translateY(-40px)}12%{opacity:1;transform:translateY(6px)}16%{transform:translateY(-3px)}20%,to{opacity:1;transform:translateY(0)}}@keyframes trophy-bounce{0%{opacity:0;transform:scale(0) rotate(-15deg)}13%{transform:scale(1.2) rotate(5deg)}19%{transform:scale(.9) rotate(-3deg)}27%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.autocomplete-wrapper{position:relative;flex:1}.autocomplete-wrapper .quiz-input{width:100%}.autocomplete-list{position:absolute;top:calc(100% + 2px);right:0;left:0;z-index:20;max-height:240px;overflow-y:auto;border:1.5px solid var(--border);border-radius:4px;background:var(--bg-primary);box-shadow:0 4px 12px #0000001f}.autocomplete-item{padding:10px 16px;border-bottom:1px solid var(--grid-border);font-size:.9375rem;color:var(--text-primary);cursor:pointer}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item[aria-selected=true]{background:var(--item-hover)}.ranking-list{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;list-style:none}.ranking-item{display:grid;grid-template-columns:3em 1fr;grid-template-rows:1fr 1em;grid-column-gap:0px;grid-row-gap:0px;min-height:56px;padding:12px 16px;border:1.5px solid var(--border);border-radius:8px;background:var(--bg-primary);transition:background-color .2s,border-color .2s}.ranking-item.answered{border-color:var(--success-color);background:var(--item-answered)}.ranking-item.unanswered{border-color:var(--error-color);background:var(--item-unanswered)}.ranking-item .ranking-ordinal{grid-area:1 / 1 / 3 / 2;width:2.5em;font-size:1.125rem;font-weight:700;text-align:center;color:var(--ordinal-color)}.ranking-item:nth-child(1) .ranking-ordinal{color:#c8a800}.ranking-item:nth-child(2) .ranking-ordinal{color:#888}.ranking-item:nth-child(3) .ranking-ordinal{color:sienna}.ranking-item .ranking-name{grid-area:1 / 2 / 2 / 3;font-size:1rem;font-weight:600;color:var(--text-primary)}.ranking-item:not(.answered) .ranking-name{font-weight:400;color:var(--text-secondary)}.ranking-item.unanswered .ranking-name{font-weight:600;color:var(--error-color)}.ranking-item .ranking-population{grid-area:2 / 2 / 3 / 3;font-size:.75rem;white-space:nowrap;color:var(--text-secondary)}.ranking-flag{display:inline-block;width:1.4em;height:1em;margin-right:.4em;vertical-align:middle;object-fit:contain}.ranking-item--appear{animation:ranking-reveal .5s ease-out}@keyframes ranking-reveal{0%{background-color:var(--highlight-flash);transform:scale(1.02)}60%{transform:scale(1.01)}to{background-color:var(--item-answered);transform:scale(1)}}.reveal-intro-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;padding:16px;overflow:hidden;text-align:center;background:#f5f5f5;border-radius:12px}.reveal-intro{min-height:1em;font-size:1rem;color:var(--text-secondary)}.reveal-flag{width:min(60%,250px);min-height:137px;aspect-ratio:4 / 3;margin-top:12px;object-fit:contain}.reveal-map{width:min(60%,200px);max-height:140px;margin-top:12px;object-fit:contain}.reveal-bottom-row{display:flex;gap:8px;align-items:stretch;justify-content:space-between;border-radius:12px}.reveal-rank-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:49%;min-height:132px;padding:12px;border:1.5px solid var(--border);border-radius:8px}.reveal-rank{min-height:1em;font-size:1.875rem;font-weight:700;line-height:1;text-align:center;color:var(--text-attention);opacity:0;transform:scale(.5);transition:none}.reveal-bottom-row.reveal-area--rank .reveal-rank{opacity:1;transform:scale(1);transition:opacity .3s ease-out,transform .4s cubic-bezier(.175,.885,.32,1.275)}.reveal-rank--out{color:var(--error-color)}.reveal-population{font-size:.875rem;color:var(--text-secondary);opacity:0;transition:none}.reveal-bottom-row.reveal-area--rank .reveal-population{opacity:1;transition:opacity .3s ease-out .2s}.reveal-attempt{display:flex;align-items:center;justify-content:center;width:49%;border:1.5px solid var(--border);border-radius:8px;font-size:.875rem;font-weight:500;text-align:center;color:var(--text-secondary)}.reveal-attempt span{padding:0 .2em 0 0;font-size:2.5rem;font-weight:700;line-height:1;color:var(--text-attention)}@media (min-width: 768px){.quiz-page-notice{width:max-content}.reveal-rank{font-size:2.25rem}.reveal-flag{min-height:188px}.ranking-item{display:flex;gap:12px;align-items:center}}