*,:before,:after{box-sizing:border-box}@font-face{font-family:Maplestory;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/Maplestory-Light.woff2)format("woff2")}@font-face{font-family:Maplestory;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Maplestory-Bold.woff2)format("woff2")}:root{--color-bg:#fff8e7;--color-history-bg:#f0e9d8;--color-surface:#fff;--color-primary:#ff6b35;--color-primary-dark:#e85a28;--color-secondary:#4ecdc4;--color-secondary-dark:#3db8b0;--color-strike:#ffd93d;--color-ball:#6bcb77;--color-text:#2d3436;--color-text-muted:#636e72;--color-error:#e74c3c;--color-overlay:#2d343673;--radius-lg:20px;--radius-md:12px;--radius-pill:999px;--shadow-card:0 4px 16px #00000014;--font-display:"Maplestory", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Maplestory", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--max-width:480px}html,body,#root{height:100%}body:has(.app--game){overflow:hidden}.splash-screen{z-index:10000;opacity:1;background:#fff;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.splash-screen--fade-out{opacity:0;pointer-events:none}.splash-logo{object-fit:contain;width:min(120px,30vw);height:auto}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}.app{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px 32px;display:flex}.app--game{box-sizing:border-box;flex-direction:column;align-items:center;height:100dvh;min-height:0;max-height:100dvh;padding:12px 16px 16px;display:flex;overflow:hidden}.app--home{align-items:stretch;min-height:100dvh;padding:0}.app--home .app-shell{flex:1;max-width:none;display:flex}.app-shell{width:100%;max-width:var(--max-width);margin:0 auto}.app-shell--game{width:100%;max-width:var(--max-width);flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.screen{flex-direction:column;gap:20px;display:flex}.game-screen{flex-direction:column;flex:1 1 0;gap:12px;min-height:0;display:flex;overflow:hidden}.game-screen-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px}.settings-btn{flex-shrink:0}.settings-actions{flex-direction:column;gap:10px;display:flex}.game-history-area{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.game-history-panel{background:var(--color-history-bg);border-radius:var(--radius-lg);flex-direction:column;flex:1 1 0;min-height:0;padding:12px;display:flex;overflow:hidden}.game-history-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1 1 0;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.game-bottom-dock{flex-direction:column;flex-shrink:0;gap:10px;padding-top:4px;display:flex}.game-input-area{flex-direction:column;gap:12px;margin:0;display:flex}.number-memo{flex-direction:column;align-items:center;gap:10px;padding:10px 12px 12px;display:flex}.number-memo-title{color:var(--color-text-muted);text-align:center;margin:0;font-size:.85rem;font-weight:700}.number-memo-row{justify-content:center;gap:10px;display:flex}.memo-check-row{gap:6px;width:100%;display:flex}.memo-digit-cell{flex:1;min-width:0;position:relative}.memo-digit-menu{z-index:20;border-radius:var(--radius-md);background:var(--color-surface);gap:4px;padding:4px;animation:.18s ease-out memo-menu-in;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000024}.memo-digit-menu:after{content:"";background:var(--color-surface);width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%,-5px)rotate(45deg);box-shadow:2px 2px 4px #0000000f}.memo-mark-btn{border-radius:var(--radius-md);width:34px;height:34px;font-family:var(--font-display);cursor:pointer;border:2px solid #0000;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s}.memo-mark-btn:active{transform:scale(.94)}.memo-mark-btn--confirm{background:var(--color-ball);color:#1b4332;border-color:#52b788}.memo-mark-btn--exclude{color:#fff;background:#ff7675;border-color:#e74c3c}.memo-check-digit{border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-width:0;min-height:36px;font-family:var(--font-display);color:var(--color-text);cursor:pointer;border:2px solid #eee;padding:0;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}.memo-check-digit:active:not(:disabled){transform:scale(.96)}.memo-check-digit--active{border-color:var(--color-secondary);box-shadow:0 0 0 3px #4ecdc440}.memo-check-digit--confirm{background:var(--color-ball);color:#1b4332;border-color:#52b788}.memo-check-digit--exclude{color:#fff;background:#ff7675;border-color:#e74c3c}.memo-check-digit:disabled{opacity:.55;cursor:not-allowed}@keyframes memo-menu-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.memo-slot{border-radius:var(--radius-md);text-align:center;text-align-last:center;width:52px;height:52px;font-family:var(--font-display);color:var(--color-text);cursor:pointer;appearance:none;background:#fafafa;border:2px solid #ddd;padding:0 4px;font-size:1.5rem;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s}.memo-slot:focus{border-color:var(--color-secondary);background:var(--color-surface);outline:none;box-shadow:0 0 0 4px #4ecdc433}.memo-slot:disabled{opacity:.55;cursor:not-allowed}.screen-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-title{font-family:var(--font-display);margin:0;font-size:1.75rem;font-weight:700}.screen-actions{gap:8px;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #ff8f5a);color:#fff;box-shadow:0 4px 12px #ff6b3559}.btn-primary:hover{box-shadow:0 6px 16px #ff6b3573}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:var(--color-secondary-dark)}.btn-ghost{color:var(--color-text);box-shadow:var(--shadow-card);background:#ffffffd9}.btn-block{width:100%}.btn-row{gap:12px;display:flex}.btn-row .btn{flex:1}.chip{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);align-items:center;gap:6px;padding:8px 14px;font-size:.95rem;font-weight:700;display:inline-flex}.stats-bar{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.home-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex;position:relative}.home-background{z-index:0;background:var(--color-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-glow{filter:blur(48px);opacity:.45;border-radius:50%;width:220px;height:220px;animation:5s ease-in-out infinite home-glow-pulse;position:absolute}.home-glow--left{background:var(--color-strike);animation-delay:0s;top:10%;left:-40px}.home-glow--right{background:var(--color-secondary);animation-delay:2.5s;bottom:12%;right:-40px}.home-float{animation:4.5s ease-in-out infinite home-float;position:absolute}.home-float-digit{border-radius:var(--radius-md);width:44px;height:44px;font-family:var(--font-display);box-shadow:var(--shadow-card);opacity:.85;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;display:flex}.home-float-digit--strike{background:var(--color-strike);color:#5c4a00}.home-float-digit--ball{background:var(--color-ball);color:#1e4d24}.home-float-digit--primary{background:linear-gradient(135deg, var(--color-primary), #ff8f5a);color:#fff}.home-float-badge{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);font-family:var(--font-display);color:var(--color-text);opacity:.8;padding:6px 12px;font-size:.9rem;font-weight:700}.home-float-ball{background:linear-gradient(145deg, #ff8f5a, var(--color-primary));width:36px;height:36px;box-shadow:var(--shadow-card);opacity:.9;border-radius:50%;position:absolute}.home-float-ball-seam{border:2px solid #ffffffbf;border-radius:50%;position:absolute;inset:6px}.home-float-ball-seam--1{transform:rotate(35deg)}.home-float-ball-seam--2{transform:rotate(-35deg)}.home-content{z-index:1;text-align:center;width:100%;max-width:var(--max-width);flex-direction:column;align-items:center;gap:16px;padding:24px 16px 32px;display:flex;position:relative}@keyframes home-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes home-glow-pulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.55;transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.home-float,.home-glow{animation:none}}.home-title{font-family:var(--font-display);margin:0;font-size:2.5rem;font-weight:700}.home-subtitle{color:var(--color-text-muted);margin:0;font-size:1.05rem}.home-actions{flex-direction:column;gap:12px;width:100%;max-width:280px;margin-top:8px;display:flex}.best-record{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text-muted);margin-top:24px;padding:16px 20px;font-size:.95rem}.best-record strong{color:var(--color-text);margin-bottom:4px;display:block}.guess-form{flex-direction:column;gap:16px;display:flex}.guess-inputs{justify-content:center;gap:12px;display:flex}.digit-input{border-radius:var(--radius-md);background:var(--color-surface);text-align:center;width:56px;height:56px;font-family:var(--font-display);color:var(--color-text);border:3px solid #eee;font-size:1.75rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.digit-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #ff6b3533}.digit-input:disabled{opacity:.6;cursor:not-allowed}.history-list{flex-direction:column;flex-shrink:0;gap:10px;margin:auto 0 0;padding:0;list-style:none;display:flex}.history-item{border-radius:var(--radius-md);background:#ffffffa6;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.history-index{color:var(--color-text-muted);font-weight:700}.history-guess{font-family:var(--font-display);letter-spacing:.15em;font-size:1.25rem;font-weight:700}.history-badges{gap:6px;display:flex}.badge{border-radius:var(--radius-pill);padding:4px 10px;font-size:.85rem;font-weight:700}.badge-strike{background:var(--color-strike);color:#5c4a00}.badge-ball{background:var(--color-ball);color:#1e4d24}.badge-none{color:var(--color-text-muted);background:#dfe6e9}.guess-result-flash{z-index:85;pointer-events:none;justify-content:center;align-items:center;animation:.28s ease-out guess-result-flash-in;display:flex;position:fixed;inset:0}.guess-result-flash--exit{animation:.3s ease-in forwards guess-result-flash-out}.guess-result-flash-card{border-radius:var(--radius-lg);text-align:center;background:#fffffff5;min-width:200px;padding:28px 36px;box-shadow:0 8px 32px #0000001f}.guess-result-flash-guess{font-family:var(--font-display);letter-spacing:.18em;color:var(--color-text);font-size:2.75rem;font-weight:700;display:block}.guess-result-flash-badges{justify-content:center;gap:12px;margin-top:16px;display:flex}.guess-result-flash-badge{min-width:64px;padding:10px 18px;font-size:1.35rem}@keyframes guess-result-flash-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes guess-result-flash-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.alert-flash{z-index:86;pointer-events:none;justify-content:center;align-items:center;animation:.28s ease-out guess-result-flash-in;display:flex;position:fixed;inset:0}.alert-flash--exit{animation:.3s ease-in forwards guess-result-flash-out}.alert-flash-card{border-radius:var(--radius-lg);text-align:center;background:#fffffff5;border:2px solid #e74c3c40;max-width:min(320px,88vw);padding:24px 28px;box-shadow:0 8px 32px #0000001f}.alert-flash-message{font-family:var(--font-display);color:var(--color-error);margin:0;font-size:1.25rem;font-weight:700;line-height:1.45}.countdown-overlay{z-index:90;pointer-events:none;background:#fff8e7d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-number{font-family:var(--font-display);color:var(--color-primary);text-shadow:0 4px #e85a2840;font-size:clamp(5rem,28vw,8rem);font-weight:700;line-height:1;animation:.45s ease-out countdown-pop}.countdown-number--start{color:var(--color-secondary-dark);text-shadow:0 4px #3db8b040;font-size:clamp(3rem,18vw,5rem)}@keyframes countdown-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.overlay-backdrop{background:var(--color-overlay);z-index:100;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.overlay-card{border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;width:100%;max-width:360px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026}.overlay-title{font-family:var(--font-display);margin:0 0 16px;font-size:1.75rem}.answer-tiles{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.answer-tile{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), #ff8f5a);color:#fff;width:52px;height:52px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.stat-box{border-radius:var(--radius-md);background:#fafafa;padding:14px 12px}.stat-label{color:var(--color-text-muted);margin-bottom:4px;font-size:.85rem;display:block}.stat-value{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.modal-backdrop{background:var(--color-overlay);z-index:200;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);background:var(--color-surface);width:100%;max-width:400px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 12px 40px #00000026}.modal-title{font-family:var(--font-display);margin:0 0 16px;font-size:1.5rem}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-header .modal-title{margin:0}.modal-close-btn{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:#f0f0f0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;transition:background .15s,color .15s;display:flex}.modal-close-btn:hover{color:var(--color-text);background:#e4e4e4}.modal-section{margin-bottom:16px}.modal-section h3{margin:0 0 8px;font-size:1rem}.modal-section p,.modal-section li{color:var(--color-text-muted);margin:0;line-height:1.6}.modal-section ul{margin:0;padding-left:20px}.modal-example{border-radius:var(--radius-md);font-family:var(--font-display);background:#fafafa;margin-top:8px;padding:10px 12px;font-weight:600}.empty-history{text-align:center;color:var(--color-text-muted);margin-top:auto;padding:16px}