:root{--board:#2f4a3a;--board-dark:#243a2d;--board-light:#3a5a47;--wood:#8b5a2b;--wood-dark:#5e3a1a;--wood-light:#b07a45;--chalk:#f4f1e8;--chalk-dim:#f4f1e8b3;--chalk-faint:#f4f1e859;--chalk-yellow:#f7e07b;--chalk-pink:#f4a6b8;--chalk-blue:#9fd3f0;--chalk-green:#a8e6a1;--chalk-orange:#f6b97a;--text-main:var(--chalk);--text-muted:var(--chalk-dim);--font-family:"Klee One", "M PLUS Rounded 1c", -apple-system, BlinkMacSystemFont, sans-serif;--font-hand:"Yomogi", "Klee One", sans-serif;--chalk-glow:0 0 1px #f4f1e899, 0 0 6px #f4f1e826;--hand-radius:14px 18px 12px 20px / 18px 12px 20px 14px;--hand-radius-sm:10px 14px 9px 13px / 13px 9px 14px 10px;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*{box-sizing:border-box;font-family:var(--font-family);-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:#1e2a23;background-image:var(--noise), radial-gradient(ellipse at 50% 0%, #2c3d33 0%, #1a241e 70%, #141b17 100%);min-height:100vh;color:var(--text-main);flex-direction:column;justify-content:space-between;align-items:center;padding:16px;display:flex;position:relative;overflow-x:hidden}#app{display:contents}.background-decorations{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.floating-shape{font-size:2.2rem;font-family:var(--font-hand);color:var(--chalk);opacity:.12;filter:grayscale()brightness(2.2);animation:14s ease-in-out infinite floatAnim;position:absolute}.shape-1{animation-delay:0s;top:10%;left:8%}.shape-2{animation-delay:2s;top:75%;left:12%}.shape-3{animation-delay:4s;top:15%;right:10%}.shape-4{font-size:1.6rem;animation-delay:1s;top:80%;right:15%}.shape-5{animation-delay:3s;top:50%;left:5%}.shape-6{animation-delay:5s;top:45%;right:6%}@keyframes floatAnim{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(6deg)}}.app-container{z-index:1;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:640px;margin:0 auto;display:flex;position:relative}.app-header{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.account{align-items:center;gap:8px;display:flex;position:relative}.account-status{color:var(--chalk-dim);white-space:nowrap;font-size:.85rem;font-weight:600}.account-status.is-synced{color:var(--chalk-green)}.account-status.is-offline{color:var(--chalk-orange)}.icon-btn:disabled{opacity:.5;cursor:default}.account-error{width:max-content;max-width:280px;color:var(--chalk-pink);background:var(--board-dark);border:1px solid var(--chalk-pink);z-index:3;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:600;position:absolute;top:calc(100% + 4px);right:0}.icon-btn{border:2px dashed var(--chalk-faint);color:var(--chalk-dim);border-radius:var(--hand-radius-sm);cursor:pointer;background:0 0;padding:6px 16px;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s,transform .2s}.icon-btn:hover{color:var(--chalk);border-color:var(--chalk-dim);transform:rotate(-1deg)}.card{background-color:var(--board);background-image:var(--noise), radial-gradient(ellipse at 30% 20%, #ffffff0f 0%, transparent 55%), radial-gradient(ellipse at 75% 85%, #ffffff0a 0%, transparent 50%), linear-gradient(160deg, var(--board-light) 0%, var(--board) 45%, var(--board-dark) 100%);border:14px solid var(--wood);border-image:linear-gradient(135deg, var(--wood-light), var(--wood) 30%, var(--wood-dark) 60%, var(--wood) 85%, var(--wood-light)) 1;text-align:center;border-radius:6px;flex-direction:column;align-items:center;width:100%;padding:30px 26px 40px;display:flex;position:relative;box-shadow:inset 0 0 40px #00000073,0 14px 30px #00000080}.card:after{content:"";background:linear-gradient(180deg, var(--wood-light), var(--wood-dark));border-radius:0 0 4px 4px;height:12px;position:absolute;bottom:-26px;left:-14px;right:-14px;box-shadow:0 6px 10px #00000073}.card:before{content:"";background:var(--chalk);width:46px;height:7px;box-shadow:-62px 0 0 var(--chalk-yellow), -124px 0 0 var(--chalk-pink);z-index:2;border-radius:3px;position:absolute;bottom:-20px;right:40px}.screen{opacity:0;transition:opacity .3s,transform .3s;display:none;transform:translateY(15px)}.screen.active{opacity:1;margin-bottom:26px;display:flex;transform:translateY(0)}.title-badge{color:var(--chalk-yellow);font-family:var(--font-hand);border-top:2px solid var(--chalk-yellow);border-bottom:2px solid var(--chalk-yellow);letter-spacing:4px;text-shadow:var(--chalk-glow);opacity:.9;margin-bottom:14px;padding:2px 18px;font-size:1rem}.main-title{font-family:var(--font-hand);color:var(--chalk);letter-spacing:2px;text-shadow:var(--chalk-glow);margin-bottom:20px;font-size:2.5rem;font-weight:400;line-height:1.3}.title-row{white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.sparrow{flex:none;width:clamp(3.6rem,16vw,5.2rem);animation:3s ease-in-out infinite sparrowHop;transform:rotate(6deg)}.sparrow svg{filter:drop-shadow(0 0 3px #f4f1e859);width:100%;height:auto;display:block}@keyframes sparrowHop{0%,70%,to{transform:translateY(0)rotate(6deg)}80%{transform:translateY(-8px)rotate(2deg)}90%{transform:translateY(0)rotate(6deg)}}.title-sub{color:var(--chalk-blue);letter-spacing:1px;background:linear-gradient(#0000 82%,#9fd3f073 82% 92%,#0000 92%);padding:0 6px 2px;font-size:1.05rem;display:inline-block}.mascot-box{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius);align-items:center;gap:12px;width:100%;margin-bottom:22px;padding:14px 16px;display:flex}.mascot-img{flex-shrink:0;font-size:2.6rem}.mascot-bubble{color:var(--chalk-dim);text-align:left;font-size:.98rem;font-weight:600;line-height:1.6}.start-columns,.free-play{flex-direction:column;align-items:center;width:100%;display:flex}@media (width>=960px){.app-container.is-wide{max-width:1000px}.app-container.is-wide .app-header{z-index:2;pointer-events:none;width:auto;position:absolute;top:26px;left:30px;right:30px}.app-container.is-wide .app-header>*{pointer-events:auto}.app-container.is-wide .account{margin-right:auto}.app-container.is-wide .account-error{left:0;right:auto}.start-screen{padding:16px 32px 24px}.app-container.is-wide+.app-footer{margin-top:4px}.start-screen .title-badge{margin-bottom:8px}.start-screen .main-title{margin-bottom:14px;line-height:1.15}.start-screen .title-sub{width:fit-content;margin:0 auto;display:block}.start-screen .title-row{margin-top:4px}.start-columns{grid-template-columns:1fr 1fr;align-items:stretch;gap:28px;display:grid}.start-columns .daily-panel{justify-content:center;gap:16px;margin-bottom:0}.free-play{justify-content:space-between}.free-play .free-play-title{margin-bottom:10px}.free-play .mascot-box,.free-play .mode-select-title{display:none}.free-play .mode-select-section{margin-bottom:10px}.free-play .rule-box{gap:0;margin-bottom:14px;padding:0 4px}.free-play .rule-item{padding:2px 4px 3px;font-size:.98rem}}.daily-panel{border:3px solid var(--chalk-yellow);border-radius:var(--hand-radius);background:#f7e07b0d;flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:22px;padding:14px 16px 18px;display:flex;box-shadow:0 0 14px #f7e07b1a}.daily-head{justify-content:space-between;align-items:baseline;gap:8px;width:100%;display:flex}.daily-title{white-space:nowrap;font-family:var(--font-hand);color:var(--chalk-yellow);text-shadow:var(--chalk-glow);font-size:1.3rem}.daily-date{white-space:nowrap;color:var(--chalk-dim);font-size:.95rem;font-weight:600}.grade-select{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;display:grid}.grade-btn{border:2px solid var(--chalk-faint);color:var(--chalk-dim);border-radius:var(--hand-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000001f;padding:8px 0;font-size:1rem;font-weight:600;transition:all .2s}@media (hover:hover){.grade-btn:hover{color:var(--chalk);border-color:var(--chalk-dim);transform:translateY(-2px)rotate(-1deg)}}.grade-btn.active{border:3px solid var(--chalk-yellow);color:var(--chalk-yellow);text-shadow:var(--chalk-glow);background:#f7e07b1a}.daily-status{color:var(--chalk-dim);font-size:.95rem;font-weight:600}.daily-status.is-done{color:var(--chalk-green)}.daily-start-btn{white-space:nowrap;padding:10px 26px;font-size:1.25rem}.free-play-title{width:100%;font-family:var(--font-hand);color:var(--chalk);text-align:left;border-bottom:2px dashed var(--chalk-faint);margin-bottom:12px;padding-bottom:4px;font-size:1.2rem}.daily-result{color:var(--chalk-yellow);text-shadow:var(--chalk-glow);font-size:1.05rem;font-weight:600}.stamp-link{border:none;border-bottom:2px dashed var(--chalk-faint);color:var(--chalk-pink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:2px 4px;font-size:.95rem;font-weight:600}@media (hover:hover){.stamp-link:hover{color:#ffd0db;border-bottom-color:var(--chalk-pink)}}.stamp-pressed-message{color:var(--chalk-yellow);text-shadow:var(--chalk-glow);margin:10px 0 4px;font-size:1.05rem;font-weight:600}.stamp-card{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius);width:100%;margin:14px 0 22px;padding:14px 12px 16px}.stamp-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stamp-title{white-space:nowrap}.stamp-month{white-space:nowrap;font-family:var(--font-hand);color:var(--chalk);text-shadow:var(--chalk-glow);font-size:1.25rem}.stamp-grade{font-family:var(--font-family);color:var(--chalk-dim);margin-left:4px;font-size:.75em}.stamp-nav{border:2px solid var(--chalk-faint);border-radius:var(--hand-radius-sm);color:var(--chalk);cursor:pointer;background:0 0;width:40px;height:36px;font-size:1.3rem;line-height:1}.stamp-nav:disabled{opacity:.25;cursor:default}.stamp-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.stamp-weekday{color:var(--chalk-dim);padding-bottom:2px;font-size:.85rem;font-weight:600}.stamp-weekday:first-child{color:var(--chalk-pink)}.stamp-weekday:nth-child(7){color:var(--chalk-blue)}.stamp-day{aspect-ratio:1;border:1px dashed var(--chalk-faint);border-radius:8px;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.stamp-num{color:var(--chalk-dim);z-index:1;padding:2px 4px;font-size:.75rem;font-weight:600;position:relative}.stamp-day.is-today{border:2px solid var(--chalk-yellow)}.stamp-day.is-today .stamp-num{color:var(--chalk-yellow)}.stamp-day.is-future{opacity:.35}.stamp-mark{width:88%;height:88%;position:absolute;inset:6%;transform:rotate(-8deg)}.stamp-mark circle{fill:#f4a6b824;stroke:var(--chalk-pink);stroke-width:6px;stroke-dasharray:18 4}.stamp-mark path{fill:var(--chalk-pink);opacity:.9}.stamp-day.is-pressed .stamp-mark{animation:.6s cubic-bezier(.3,1.6,.6,1) .3s both stampPress}@keyframes stampPress{0%{opacity:0;transform:scale(2.4)rotate(-30deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.stamp-day.is-pressed .stamp-mark{animation:none}}.stamp-summary{color:var(--chalk);margin-top:12px;font-size:1rem;font-weight:600}.stamp-summary strong{color:var(--chalk-pink);font-size:1.2em}.stamp-rule{color:var(--chalk-dim);margin-top:6px;font-size:.85rem;line-height:1.5}.grade-1{--grade-color:#f4a6b8}.grade-2{--grade-color:#f6b97a}.grade-3{--grade-color:#f7e07b}.grade-4{--grade-color:#a8e6a1}.grade-5{--grade-color:#9fd3f0}.grade-6{--grade-color:#cdb4f2}.daily-links{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.pref-card{aspect-ratio:5/7;border:4px solid var(--grade-color);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--grade-color) 18%, transparent) 0%, transparent 62%), var(--board-dark);border-radius:10px;flex-direction:column;align-items:center;width:100%;padding:6px 6px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #00000040,0 3px #0000004d}.pref-card-head{justify-content:space-between;align-items:center;width:100%;font-size:.7rem;font-weight:600;line-height:1.2;display:flex}.pref-card-grade{background:var(--grade-color);color:var(--board-dark);border-radius:6px;padding:1px 5px}.pref-card-no{color:var(--chalk-dim)}.pref-card-art{flex:1;width:88%;min-height:0;margin:2px 0}.pref-card-art path{fill:var(--grade-color);stroke:var(--chalk);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--grade-color) 55%, transparent))}.pref-card-name{font-family:var(--font-hand);color:var(--chalk);text-shadow:var(--chalk-glow);white-space:nowrap;font-size:1rem;line-height:1.25}.pref-card-name rt{font-family:var(--font-family);color:var(--chalk-dim);font-size:.5em}.pref-card-region{color:var(--chalk-dim);white-space:nowrap;font-size:.65rem}.pref-card:not(.is-owned){border-style:dashed;border-color:color-mix(in srgb, var(--grade-color) 45%, transparent);background:repeating-linear-gradient(45deg, #f4f1e80a 0 6px, transparent 6px 12px), var(--board-dark);box-shadow:none}.pref-card:not(.is-owned) .pref-card-grade{opacity:.5}.pref-card-back{font-family:var(--font-hand);color:var(--chalk-faint);flex:1;align-items:center;font-size:2rem;display:flex}.pref-card-progress{gap:6px;font-size:.7rem;display:flex}.pref-card-progress span{opacity:.3;filter:grayscale()}.pref-card-progress span.done{opacity:1;filter:none;color:var(--chalk-green)}.pref-card.is-fresh{animation:.8s cubic-bezier(.3,1.4,.6,1) .2s both cardFlip}@keyframes cardFlip{0%{opacity:0;transform:perspective(600px)rotateY(180deg)scale(.6)}50%{opacity:1}to{opacity:1;transform:perspective(600px)rotateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.pref-card.is-fresh{animation:none}}.card-screen-title{white-space:nowrap}.card-grade-select{margin:14px 0 8px}.card-grade-select .grade-btn{border-color:color-mix(in srgb, var(--grade-color) 45%, transparent);color:var(--grade-color);line-height:1.2}.card-grade-select .grade-btn.active{background:color-mix(in srgb, var(--grade-color) 14%, transparent);border:3px solid var(--grade-color);color:var(--grade-color)}.card-grade-count{color:var(--chalk-dim);font-size:.75rem;display:block}.card-summary{color:var(--chalk);margin-bottom:12px;font-size:1rem;font-weight:600}.card-summary strong{color:var(--chalk-yellow);font-size:1.25em}.card-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:100%;display:grid}.card-rule{margin:14px 0 22px}.card-get{border:3px solid var(--chalk-yellow);border-radius:var(--hand-radius);flex-direction:column;align-items:center;gap:10px;width:100%;margin-bottom:22px;padding:14px 12px 16px;display:flex}.card-get-title{font-family:var(--font-hand);color:var(--chalk-yellow);text-shadow:var(--chalk-glow);font-size:1.5rem;font-weight:400}.card-get-message{color:var(--chalk);font-size:1rem;font-weight:600}.card-get-list{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.card-get-list .pref-card{width:110px}@media (width<=480px){.card-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pref-card{border-width:3px;padding:4px 4px 6px}.pref-card-name{font-size:.9rem}.card-get-list .pref-card{width:96px}}.option-btn rt{color:var(--chalk-dim);font-size:.55em;text-decoration:none}.mode-select-section{width:100%;margin-bottom:18px}.mode-select-title{font-family:var(--font-hand);color:var(--chalk);text-align:left;margin-bottom:10px;font-size:1.1rem}.mode-select-container{gap:10px;width:100%;display:flex}.mode-btn{border:2px solid var(--chalk-faint);color:var(--chalk-dim);border-radius:var(--hand-radius);cursor:pointer;background:#0000001f;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}@media (hover:hover){.mode-btn:hover{color:var(--chalk);border-color:var(--chalk-dim);transform:translateY(-2px)rotate(-.5deg)}}.mode-btn.active{border:3px solid var(--chalk-yellow);color:var(--chalk-yellow);text-shadow:var(--chalk-glow);background:#f7e07b1a;transform:translateY(-2px);box-shadow:0 0 12px #f7e07b2e}.mode-icon{font-size:1.3rem}.mode-name{font-size:.88rem}.rule-box{text-align:left;flex-direction:column;gap:6px;width:100%;margin-bottom:26px;padding:6px 4px;display:flex}.rule-item{color:var(--chalk);border-bottom:1px dashed var(--chalk-faint);align-items:center;gap:12px;padding:4px 4px 6px;font-size:1.05rem;font-weight:600;display:flex}.rule-item strong{color:var(--chalk-yellow);font-size:1.15em}.rule-icon{font-size:1.3rem}.btn{cursor:pointer;border-radius:var(--hand-radius);-webkit-tap-highlight-color:transparent;border:none;outline:none;font-weight:700;transition:transform .15s,background-color .15s,box-shadow .15s,border-color .15s}.btn-primary{color:var(--chalk-pink);border:3px solid var(--chalk-pink);font-family:var(--font-hand);text-shadow:var(--chalk-glow);background:#f4a6b814;align-items:center;gap:10px;padding:12px 38px;font-size:1.45rem;display:inline-flex;box-shadow:0 0 14px #f4a6b826}@media (hover:hover){.btn-primary:hover{color:#ffd0db;background:#f4a6b829;border-color:#ffd0db;transform:translateY(-2px)rotate(-1deg)}}.btn-primary:active{transform:translateY(2px)scale(.98)}.pulse-btn{animation:2.4s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.quiz-info-bar{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:14px;display:flex}.progress-badge,.mode-type-badge,.score-badge{border-radius:var(--hand-radius-sm);text-shadow:var(--chalk-glow);border:2px solid;padding:2px 12px;font-size:.95rem;font-weight:600}.progress-badge{color:var(--chalk-blue)}.mode-type-badge{color:var(--chalk-dim);border-style:dashed}.score-badge{color:var(--chalk-yellow)}.timer-container{width:100%;margin-bottom:16px}.timer-label{color:var(--chalk-dim);justify-content:space-between;margin-bottom:6px;font-size:.95rem;font-weight:600;display:flex}.timer-bar-outer{border:2px solid var(--chalk-faint);background:0 0;border-radius:8px 10px 7px 9px;width:100%;height:16px;padding:2px;overflow:hidden}.timer-bar-inner{background:repeating-linear-gradient(-55deg, #ffffff40 0 3px, transparent 3px 7px), linear-gradient(90deg, var(--chalk-green) 0%, var(--chalk-yellow) 70%, var(--chalk-pink) 100%);opacity:.85;border-radius:5px;width:100%;height:100%;transition:width .1s linear}.timer-bar-inner.warning{animation:.5s infinite alternate blinkTimer}@keyframes blinkTimer{0%{opacity:.9}to{opacity:.4}}.question-box{width:100%;margin-bottom:20px}.silhouette-card{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius);flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.silhouette-svg-wrapper{justify-content:center;align-items:center;width:100%;max-width:260px;height:230px;display:flex}.silhouette-svg-wrapper svg{filter:drop-shadow(0 0 4px #f4f1e840);width:100%;height:100%;transition:filter .3s,transform .3s;overflow:visible}.silhouette-svg-wrapper path{fill:#f4f1e8d1;stroke:var(--chalk);stroke-width:1.5px;stroke-linejoin:round;fill-rule:evenodd;transition:fill .4s,stroke .4s}.silhouette-svg-wrapper.revealed path{fill:#f4a6b8d9;stroke:var(--chalk-pink);fill-rule:evenodd}.knowledge-card{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:230px;padding:24px 20px;display:flex;position:relative}.knowledge-category{color:var(--chalk-blue);border-bottom:2px solid var(--chalk-blue);letter-spacing:1px;text-shadow:var(--chalk-glow);padding:0 12px 2px;font-size:.9rem;font-weight:600}.knowledge-text{color:var(--chalk);text-shadow:var(--chalk-glow);word-break:break-word;font-size:1.4rem;font-weight:600;line-height:1.6}.knowledge-explanation{border:2px solid var(--chalk-yellow);color:var(--chalk-yellow);border-radius:var(--hand-radius-sm);background:#f7e07b14;padding:8px 14px;font-size:.95rem;font-weight:600;line-height:1.5;animation:.3s fadeInExp}@keyframes fadeInExp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.options-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.option-btn{border:2px solid var(--chalk-dim);color:var(--chalk);text-shadow:var(--chalk-glow);cursor:pointer;word-break:break-all;-webkit-tap-highlight-color:transparent;background:#0000001f;outline:none;justify-content:center;align-items:center;padding:14px 12px;font-size:1.3rem;font-weight:600;transition:transform .1s,border-color .2s,background-color .2s,color .2s;display:flex;position:relative}.option-btn:nth-child(2n){border-radius:18px 12px 20px 14px/12px 20px 14px 18px}@media (hover:hover){.option-btn:hover:not(:disabled){border-color:var(--chalk-blue);color:var(--chalk-blue);background:#9fd3f014;transform:translateY(-2px)rotate(-.5deg)}}.option-btn:active:not(:disabled){transform:translateY(2px)scale(.98)}.option-btn.correct{animation:.4s correctBounce;border:3px solid var(--chalk-green)!important;color:var(--chalk-green)!important;background:#a8e6a124!important}.option-btn.correct:after{content:"";border:3px solid var(--chalk-pink);opacity:.85;pointer-events:none;border-radius:50% 46% 52% 48%/52% 50% 48%;position:absolute;inset:-6px -4px;transform:rotate(-3deg)}.option-btn.wrong{text-decoration:line-through;text-decoration-thickness:2px;animation:.4s wrongShake;border:3px solid var(--chalk-pink)!important;color:var(--chalk-pink)!important;background:#f4a6b81a!important}.option-btn:disabled{cursor:default}@keyframes correctBounce{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wrongShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.result-header{margin-bottom:16px}.result-emoji{margin-bottom:6px;font-size:3.2rem}.result-title{font-family:var(--font-hand);color:var(--chalk);letter-spacing:2px;text-shadow:var(--chalk-glow);font-size:2.1rem;font-weight:400}.score-card{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius);flex-direction:column;align-items:center;gap:12px;width:100%;margin-bottom:22px;padding:20px;display:flex}.score-main{align-items:baseline;gap:6px;display:flex}.score-num{font-family:var(--font-hand);color:var(--chalk-yellow);text-shadow:var(--chalk-glow), 0 0 14px #f7e07b4d;font-size:4.2rem;line-height:1}.score-unit{color:var(--chalk-dim);font-size:1.4rem;font-weight:600}.rank-badge{color:var(--chalk-pink);border:3px double var(--chalk-pink);font-family:var(--font-hand);border-radius:var(--hand-radius-sm);text-shadow:var(--chalk-glow);padding:4px 20px;font-size:1.2rem;transform:rotate(-3deg)}.result-message{color:var(--chalk);font-size:1.05rem;font-weight:600}.review-container{text-align:left;width:100%;margin-bottom:24px}.review-title{font-family:var(--font-hand);color:var(--chalk);margin-bottom:12px;font-size:1.15rem;font-weight:400}.review-list{flex-direction:column;gap:10px;max-height:260px;padding-right:6px;display:flex;overflow-y:auto}.review-list::-webkit-scrollbar{width:6px}.review-list::-webkit-scrollbar-thumb{background:var(--chalk-faint);border-radius:10px}.review-item{border-left:4px solid var(--chalk-faint);color:var(--chalk);background:#0000001f;border-radius:4px;flex-direction:column;gap:4px;padding:10px 14px;font-size:.95rem;font-weight:600;display:flex}.review-item strong{color:var(--chalk-yellow)}.review-item.is-correct{border-left-color:var(--chalk-green)}.review-item.is-wrong{border-left-color:var(--chalk-pink)}.review-mistake{color:var(--chalk-pink)}.review-item-header{justify-content:space-between;align-items:center;display:flex}.review-pref{align-items:center;gap:8px;display:flex}.review-status{font-size:1.1rem}.review-explanation-text{color:var(--chalk-dim);margin-top:2px;font-size:.85rem;font-weight:600}#confetti-canvas{pointer-events:none;z-index:99;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-footer{color:#f4f1e873;text-align:center;margin-top:16px;font-size:.85rem;font-weight:600}@media (width<=480px){body{padding:10px}.card{border-width:10px;padding:22px 14px 32px}.card:after{bottom:-22px;left:-10px;right:-10px}.card:before{bottom:-16px}.main-title{letter-spacing:1px;font-size:1.75rem}.title-row{gap:6px}.start-screen.card{padding-top:16px;padding-bottom:24px}.start-screen .title-badge{margin-bottom:8px}.start-screen .main-title{margin-bottom:12px;line-height:1.15}.start-screen .title-row{margin-top:2px}.start-screen .sparrow{width:3.2rem}.grade-select{gap:5px}.grade-btn{padding:6px 0;font-size:.95rem}.stamp-title{font-size:1.6rem}.stamp-month{font-size:1.05rem}.stamp-card{padding:12px 8px 14px}.stamp-grid{gap:4px}.stamp-num{padding:1px 2px;font-size:.65rem}.daily-panel{gap:9px;margin-bottom:16px;padding:10px 12px 12px}.free-play .free-play-title{margin-bottom:10px}.free-play .mascot-box,.free-play .mode-select-title{display:none}.free-play .mode-select-section{margin-bottom:8px}.free-play .mode-btn{gap:2px;padding:6px 4px}.free-play .rule-box{gap:0;margin-bottom:14px;padding:0 4px}.free-play .rule-item{padding:3px 4px 4px;font-size:.95rem}.free-play .rule-icon{font-size:1.1rem}.daily-title{font-size:1.15rem}.btn-primary.daily-start-btn{padding:10px 20px;font-size:1.15rem}.title-sub{font-size:.95rem}.quiz-info-bar{flex-wrap:wrap;justify-content:center}.silhouette-svg-wrapper{height:180px}.knowledge-card{min-height:190px;padding:16px 14px}.knowledge-text{font-size:1.2rem}.options-grid{grid-template-columns:1fr;gap:12px}.option-btn{padding:12px 10px;font-size:1.2rem}.btn-primary{padding:12px 28px;font-size:1.25rem}.score-num{font-size:3.4rem}}@media (width<=360px){.icon-btn{padding:5px 10px;font-size:.85rem}.start-screen .main-title{letter-spacing:0;font-size:1.5rem}.start-screen .title-sub{letter-spacing:0;font-size:.85rem}.daily-title{font-size:1.05rem}.daily-head{gap:4px}.daily-date,.free-play .mode-name{font-size:.8rem}.btn-primary.pulse-btn{white-space:nowrap;padding:10px 18px;font-size:1.1rem}}.battle-open-btn{border:2px dashed var(--chalk-blue);border-radius:var(--hand-radius-sm);color:var(--chalk-blue);font-family:var(--font-hand);cursor:pointer;text-shadow:var(--chalk-glow);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;margin-top:14px;padding:6px 18px;font-size:1.1rem}@media (hover:hover){.battle-open-btn:hover{background:#9fd3f01a;transform:translateY(-1px)rotate(-.5deg)}}.battle-entry,.battle-lobby,.battle-play,.battle-result{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.battle-title{font-family:var(--font-hand);color:var(--chalk);text-shadow:var(--chalk-glow);font-size:1.8rem;font-weight:400}.battle-lead,.battle-setting{color:var(--chalk-dim);font-size:.98rem;font-weight:600;line-height:1.6}.battle-setting{color:var(--chalk-yellow);margin-top:-8px}.battle-field{align-items:center;gap:10px;width:100%;display:flex}.battle-label{font-family:var(--font-hand);color:var(--chalk);flex:none;font-size:1.05rem}.battle-input{border:2px solid var(--chalk-faint);border-radius:var(--hand-radius-sm);width:100%;min-width:0;color:var(--chalk);font:inherit;background:#0000002e;outline:none;padding:8px 12px;font-size:1.05rem;font-weight:600}.battle-input:focus{border-color:var(--chalk-yellow)}.battle-input::placeholder{color:#f4f1e859}.battle-box{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius);flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 14px 16px;display:flex}.battle-box-title{font-family:var(--font-hand);color:var(--chalk);align-self:flex-start;font-size:1.2rem}.battle-pills{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.btn-primary.battle-main-btn{white-space:nowrap;padding:10px 30px;font-size:1.3rem}.btn-primary:disabled{opacity:.45;cursor:default;transform:none}.battle-join-row,.battle-url-row{align-items:center;gap:10px;width:100%;display:flex}.battle-code-input{letter-spacing:3px;text-align:center;font-size:1.2rem}.btn-primary.battle-join-btn{flex:none;padding:8px 20px;font-size:1.15rem}.battle-message{min-height:1.5em;color:var(--chalk-yellow);text-shadow:var(--chalk-glow);font-size:.95rem;font-weight:600}.battle-text-btn{border:none;border-bottom:2px dashed var(--chalk-faint);color:var(--chalk-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;padding:2px 4px;font-size:.95rem;font-weight:600}.battle-footer{justify-content:space-between;width:100%;margin-top:18px;display:flex}.battle-invite{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.battle-code-box{flex-direction:column;align-items:center;gap:2px;display:flex}.battle-code{font-family:var(--font-hand);letter-spacing:8px;color:var(--chalk-yellow);text-shadow:var(--chalk-glow);border-bottom:3px solid var(--chalk-yellow);padding:0 6px 0 14px;font-size:3rem}.battle-qr{border:4px solid var(--chalk);background:var(--chalk);border-radius:8px}.battle-url{font-size:.85rem}.battle-players{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;list-style:none;display:flex}.battle-player{border:2px solid var(--chalk-dim);border-radius:var(--hand-radius-sm);color:var(--chalk);align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.battle-player.is-offline{opacity:.5}.battle-tag{color:var(--chalk-blue);border:1px solid;border-radius:6px;padding:0 5px;font-size:.75rem}.battle-tag.is-me{color:var(--chalk-pink)}.battle-play .quiz-info-bar,.battle-play .timer-container,.battle-play .question-box{margin-bottom:0}.battle-scores{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;list-style:none;display:flex}.battle-score{border:2px dashed var(--chalk-faint);border-radius:var(--hand-radius-sm);color:var(--chalk-dim);align-items:baseline;gap:6px;padding:1px 10px;font-size:.9rem;font-weight:600;display:inline-flex}.battle-score.is-me{border-style:solid;border-color:var(--chalk-pink);color:var(--chalk-pink)}.battle-score.is-offline{opacity:.45}.battle-score-num{color:var(--chalk-yellow);font-size:1.15rem}.battle-play .silhouette-card{padding:10px}.battle-play .silhouette-svg-wrapper{height:190px}.battle-countdown{height:212px}.battle-countdown-num{font-family:var(--font-hand);color:var(--chalk-yellow);text-shadow:var(--chalk-glow);font-size:5rem;animation:1s infinite correctBounce}.battle-feedback{min-height:1.6em;font-family:var(--font-hand);color:var(--chalk-dim);text-shadow:var(--chalk-glow);font-size:1.25rem}.battle-feedback.correct{color:var(--chalk-green)}.battle-feedback.incorrect{color:var(--chalk-pink)}.options-grid.is-six{grid-template-columns:repeat(3,1fr);gap:10px}.options-grid.is-six .option-btn{word-break:keep-all;padding:12px 6px;font-size:1.15rem}.option-btn.is-picked{border:3px solid var(--chalk-yellow);color:var(--chalk-yellow)}.battle-standings{flex-direction:column;gap:6px;width:100%;list-style:none;display:flex}.battle-standing{border-bottom:1px dashed var(--chalk-faint);color:var(--chalk);text-align:left;grid-template-columns:4.2em 1fr auto auto;align-items:center;gap:10px;padding:6px 12px;font-weight:600;display:grid}.battle-standing.is-me{color:var(--chalk-pink)}.battle-standing.is-offline{opacity:.5}.battle-rank{font-family:var(--font-hand);color:var(--chalk-yellow);white-space:nowrap}.battle-standing-cards{color:var(--chalk-yellow);font-size:1.1rem}.battle-standing-faults{color:var(--chalk-dim);font-size:.85rem}@media (width<=480px){.start-screen .battle-open-btn{margin-top:10px;font-size:1rem}.battle-title{font-size:1.5rem}.options-grid.is-six{grid-template-columns:1fr 1fr;gap:8px}.options-grid.is-six .option-btn{padding:10px 4px;font-size:1.1rem}.battle-play{gap:10px}.battle-play .silhouette-svg-wrapper{height:150px}.battle-countdown{height:172px}.battle-code{letter-spacing:5px;font-size:2.4rem}.battle-standing{grid-template-columns:3.8em 1fr auto;gap:6px}.battle-standing-faults{grid-column:2/-1;margin-top:-4px}}.battle-url-row .icon-btn{white-space:nowrap;flex:none}.battle-question{position:relative}.battle-hint{border-radius:var(--hand-radius-sm);border:2px dashed var(--chalk-yellow);color:var(--chalk-yellow);text-shadow:var(--chalk-glow);background:#1e2a23e0;padding:4px 10px;font-size:1rem;font-weight:600;line-height:1.4;animation:.4s fadeInExp;position:absolute;bottom:8px;left:10px;right:10px}@media (width<=480px){.battle-hint{padding:2px 8px;font-size:.85rem;bottom:4px;left:6px;right:6px}}.daily-column{flex-direction:column;align-items:center;gap:10px;width:100%;margin-bottom:22px;display:flex}.daily-column .daily-panel{margin-bottom:0}@media (width>=960px){.daily-column{margin-bottom:0}.daily-column .daily-panel{flex:1}}@media (width<=480px){.daily-column{gap:8px;margin-bottom:16px}}