:root{color-scheme:dark;font-family:Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}button,select{font:inherit}.screen[hidden],.hidden{display:none!important}.quiz-content{position:relative;display:grid;grid-template-areas:"progress" "question" "answers" "feedback";grid-template-columns:minmax(0,1fr);grid-template-rows:max(8px,calc(8px * var(--wp-battle-canvas-inverse-scale, 1))) minmax(0,1fr) minmax(calc(128px * var(--wp-battle-canvas-inverse-scale, 1)),auto) minmax(calc(42px * var(--wp-battle-canvas-inverse-scale, 1)),auto);gap:calc(8px * var(--wp-battle-canvas-inverse-scale, 1));width:100%;height:100%;min-width:0;min-height:0;padding:calc(10px * var(--wp-battle-canvas-inverse-scale, 1));overflow:hidden}.level-line{grid-area:progress;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--wp-ui-line, #527b80);border-radius:999px;background:var(--wp-ui-background, #0b2834)}.level-line>div{width:100%;height:100%;overflow:hidden;border-radius:inherit}.level-line i{display:block;width:0;height:100%;border-radius:inherit;background:var(--wp-ui-active, #51cbb8);transition:width .18s ease-out}.quiz-stage{grid-area:question;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden}.animal-card{display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;align-content:center;gap:calc(8px * var(--wp-battle-canvas-inverse-scale, 1));width:min(100%,calc(440px * var(--wp-battle-canvas-inverse-scale, 1)));height:100%;min-width:0;min-height:0;padding:calc(12px * var(--wp-battle-canvas-inverse-scale, 1));overflow:auto;border:2px solid var(--wp-ui-line, #527b80);border-radius:var(--wp-ui-radius, 16px);background:var(--wp-ui-surface, #123542);color:var(--wp-ui-text, #f5f4dc);text-align:center;box-shadow:0 4px 0 var(--wp-ui-shadow, #071a22)}.animal-card img{display:block;width:min(100%,calc(226px * var(--wp-battle-canvas-inverse-scale, 1)));max-height:min(100%,calc(226px * var(--wp-battle-canvas-inverse-scale, 1)));aspect-ratio:1;object-fit:contain;transition:filter .18s ease,opacity .18s ease}.animal-card img.is-mystery{opacity:.42;filter:blur(8px) saturate(.6)}.animal-card img.is-silhouette{opacity:.9;filter:brightness(0) drop-shadow(0 4px 1px rgba(0,0,0,.25))}.animal-card strong{max-width:100%;color:var(--wp-ui-text, #f5f4dc);font-size:calc(22px * var(--wp-battle-canvas-inverse-scale, 1));line-height:1.15;overflow-wrap:anywhere}.animal-card span{max-width:100%;color:var(--wp-ui-muted, #c4d8d5);font-size:calc(16px * var(--wp-battle-canvas-inverse-scale, 1));font-weight:750;line-height:1.35;overflow-wrap:anywhere}.choice-grid{grid-area:answers;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(calc(54px * var(--wp-battle-canvas-inverse-scale, 1)),1fr));gap:calc(8px * var(--wp-battle-canvas-inverse-scale, 1));min-width:0;min-height:0}.choice-grid button{display:grid;place-items:center;min-width:0;min-height:calc(54px * var(--wp-battle-canvas-inverse-scale, 1));padding:calc(6px * var(--wp-battle-canvas-inverse-scale, 1));border:2px solid var(--wp-ui-line, #527b80);border-radius:var(--wp-ui-radius, 12px);background:var(--wp-ui-button-image, #174653);color:var(--wp-ui-text, #f5f4dc);font-size:calc(18px * var(--wp-battle-canvas-inverse-scale, 1));font-weight:850;line-height:1.15;text-align:center;overflow-wrap:anywhere;transition:transform .1s ease,filter .12s ease,background-color .12s ease}.choice-grid button:last-child:nth-child(odd){grid-column:1 / -1}.choice-grid button.correct{border-color:var(--wp-ui-active, #51cbb8);background:var(--wp-ui-active, #51cbb8);color:var(--wp-ui-background, #0b2834)}.choice-grid button.wrong{border-color:var(--wp-ui-danger, #e98a78);background:var(--wp-ui-danger, #e98a78);color:var(--wp-ui-background, #0b2834);animation:animal-quiz-shake .22s ease}.choice-grid button:active,.result-card button:active,.quiz-leave-card button:active{transform:translateY(2px) scale(.985)}.feedback{grid-area:feedback;display:grid;place-items:center;min-width:0;min-height:0;overflow:auto;border:1px solid var(--wp-ui-line, #527b80);border-radius:var(--wp-ui-radius, 12px);background:var(--wp-ui-background, #0b2834);color:var(--wp-ui-text, #f5f4dc);text-align:center}.feedback strong{max-width:100%;padding:calc(4px * var(--wp-battle-canvas-inverse-scale, 1)) calc(8px * var(--wp-battle-canvas-inverse-scale, 1));font-size:calc(16px * var(--wp-battle-canvas-inverse-scale, 1));line-height:1.25;overflow-wrap:anywhere}.result-panel,.quiz-leave-panel{position:absolute;z-index:20;inset:0;display:grid;place-items:center;min-width:0;min-height:0;padding:calc(12px * var(--wp-battle-canvas-inverse-scale, 1));overflow:auto;background:var(--wp-ui-backdrop, rgba(4, 18, 26, .82));animation:animal-quiz-fade-in .14s ease-out both}.result-card,.quiz-leave-card{display:grid;gap:calc(10px * var(--wp-battle-canvas-inverse-scale, 1));width:min(100%,calc(470px * var(--wp-battle-canvas-inverse-scale, 1)));max-height:100%;padding:calc(18px * var(--wp-battle-canvas-inverse-scale, 1));overflow:auto;border:2px solid var(--wp-ui-line, #527b80);border-radius:var(--wp-ui-radius, 16px);background:var(--wp-ui-surface, #123542);color:var(--wp-ui-text, #f5f4dc);text-align:center;box-shadow:0 5px 0 var(--wp-ui-shadow, #071a22);animation:animal-quiz-panel-in .2s cubic-bezier(.2,.8,.25,1) both}.result-card>strong,.quiz-leave-card>strong{font-size:calc(28px * var(--wp-battle-canvas-inverse-scale, 1));line-height:1.15}.result-card>span,.quiz-leave-card p{margin:0;color:var(--wp-ui-muted, #c4d8d5);font-size:calc(17px * var(--wp-battle-canvas-inverse-scale, 1));font-weight:750;line-height:1.35}.skill-report{display:grid;gap:calc(7px * var(--wp-battle-canvas-inverse-scale, 1));padding:calc(10px * var(--wp-battle-canvas-inverse-scale, 1));border:1px solid var(--wp-ui-line, #527b80);border-radius:var(--wp-ui-radius, 12px);background:var(--wp-ui-background, #0b2834);text-align:start}.skill-report h2,.skill-report p{margin:0}.skill-report h2{font-size:calc(17px * var(--wp-battle-canvas-inverse-scale, 1))}.skill-report p,.skill-report dl{color:var(--wp-ui-muted, #c4d8d5);font-size:calc(13px * var(--wp-battle-canvas-inverse-scale, 1));line-height:1.3}.skill-report dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;margin:0}.skill-report dt,.skill-report dd{margin:0}.skill-report dd{color:var(--wp-ui-text, #f5f4dc);text-align:end}.result-actions,.quiz-leave-card>button{display:grid;gap:calc(7px * var(--wp-battle-canvas-inverse-scale, 1))}.result-actions>button,.quiz-leave-card>button{min-width:0;min-height:calc(48px * var(--wp-battle-canvas-inverse-scale, 1));padding:calc(7px * var(--wp-battle-canvas-inverse-scale, 1));border:2px solid var(--wp-ui-line, #527b80);border-radius:var(--wp-ui-radius, 12px);background:var(--wp-ui-button-image, #174653);color:var(--wp-ui-text, #f5f4dc);font-size:calc(16px * var(--wp-battle-canvas-inverse-scale, 1));font-weight:850;overflow-wrap:anywhere}.result-actions>.result-primary,.quiz-leave-card>button:first-of-type{border-color:var(--wp-ui-active, #51cbb8);background:var(--wp-ui-active, #51cbb8);color:var(--wp-ui-background, #0b2834)}.result-actions>button:disabled{cursor:not-allowed;opacity:.55}.result-card :is(button,a):focus-visible,.quiz-leave-card button:focus-visible,.choice-grid button:focus-visible{outline:3px solid var(--wp-ui-gold, #f1ca71);outline-offset:3px}.quiz-stage.question-entering .animal-card{animation:animal-quiz-question-in .18s ease-out both}@keyframes animal-quiz-fade-in{0%{opacity:0}to{opacity:1}}@keyframes animal-quiz-panel-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes animal-quiz-question-in{0%{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes animal-quiz-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(orientation:landscape)and (min-width:700px){.quiz-content{grid-template-areas:"progress progress" "question answers" "feedback feedback";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:max(8px,calc(8px * var(--wp-battle-canvas-inverse-scale, 1))) minmax(0,1fr) minmax(calc(42px * var(--wp-battle-canvas-inverse-scale, 1)),auto)}.choice-grid{align-self:center;grid-template-rows:repeat(2,minmax(calc(60px * var(--wp-battle-canvas-inverse-scale, 1)),1fr))}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-height:560px){.animal-card img{width:min(100%,calc(200px * var(--wp-battle-canvas-inverse-scale, 1)));max-height:min(100%,calc(200px * var(--wp-battle-canvas-inverse-scale, 1)))}.result-card,.quiz-leave-card{gap:calc(7px * var(--wp-battle-canvas-inverse-scale, 1));padding:calc(12px * var(--wp-battle-canvas-inverse-scale, 1))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}