@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{color:#25343c;font-synthesis:none;--ink:#263b46;--muted:#687982;--cream:#f8fbfd;--paper:#fff;--terracotta:#3982a0;--terracotta-dark:#246983;--peach:#acd5ee;--sage:#8fb7ca;--sage-light:#e7f2f7;--line:#dbe7ec;--shadow:0 20px 50px #2b5c711a;background:#f8fbfd;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 6% 30%, #8ac5e747 0 2px, transparent 3px), radial-gradient(circle at 94% 20%, #4894b338 0 2px, transparent 3px), var(--cream);min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.page-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{border-bottom:1px solid #c2d7e1b8;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:28px 0;display:flex}.brand{color:var(--ink);align-items:center;gap:11px;font-family:DM Serif Display,Georgia,serif;font-size:23px;text-decoration:none;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--terracotta-dark);background:#dceff9;border-radius:50%;place-items:center;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:27px}.reset-button{border:1px solid var(--line);color:#5d7480;cursor:pointer;background:#fffdf9b3;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.reset-button:hover:not(:disabled){color:var(--terracotta-dark);background:#fff;border-color:#b9d2de}.reset-button:disabled{cursor:not-allowed;opacity:.45}.reset-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:16px}main{flex:1}.hero{text-align:center;width:min(700px,100% - 40px);margin:64px auto 42px;position:relative}.eyebrow,.section-kicker{color:var(--terracotta);letter-spacing:.16em;text-transform:uppercase;margin:0 0 11px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.035em;margin-bottom:17px;font-family:DM Serif Display,Georgia,serif;font-size:clamp(42px,5.4vw,66px);font-weight:400;line-height:1.03}h1 em{color:var(--terracotta);font-weight:400;position:relative}h1 em:after{content:"";background:url("data:image/svg+xml,%3Csvg width='220' height='7' viewBox='0 0 220 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.2C55 0 143 1 219 3' fill='none' stroke='%238dc2dc' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:7px;position:absolute;bottom:-6px;left:3px;right:0}.intro{max-width:510px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.65}.doodle{color:var(--sage);font-size:21px;position:absolute;transform:rotate(-10deg)}.doodle-star{top:9px;left:1%}.doodle-heart{color:var(--peach);font-size:17px;bottom:12px;right:3%;transform:rotate(12deg)}.game-layout{grid-template-columns:minmax(0,1.35fr) minmax(310px,.8fr);align-items:stretch;gap:22px;width:min(1020px,100% - 48px);margin:0 auto 72px;display:grid}.caller-card,.history-card{background:var(--paper);box-shadow:var(--shadow);border:1px solid #cde0e9e6;border-radius:24px}.caller-card{padding:24px}.caller-topline{color:#748894;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.word-stage{min-height:245px;color:var(--ink);text-align:center;background:radial-gradient(circle at 20% 20%,#ffffffc7 0 1px,#0000 2px),linear-gradient(145deg,#f1f9fd,#dceff9);border:1px solid #bddcec;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:30px;transition:border-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative}.word-stage.revealing{border-color:#73b5d1;animation:.65s cubic-bezier(.2,.8,.3,1) both stage-reveal;box-shadow:0 0 0 5px #69b0cf1f,0 15px 30px #3982a01a}.word-stage.complete{background:linear-gradient(145deg,#edf8fb,#d4eaf3);border-color:#abd1df}.word-stage strong{letter-spacing:-.025em;font-family:DM Serif Display,Georgia,serif;font-size:clamp(40px,5vw,60px);font-weight:400;line-height:1.05;animation:.6s cubic-bezier(.16,.9,.25,1) both word-in}.reveal-sparks{pointer-events:none;position:absolute;inset:0}.reveal-sparks span{color:#5ca2be;opacity:0;animation:.58s ease-out both spark-pop;position:absolute}.reveal-sparks span:first-child{top:22%;left:19%}.reveal-sparks span:nth-child(2){font-size:11px;animation-delay:70ms;top:27%;right:18%}.reveal-sparks span:nth-child(3){font-size:10px;animation-delay:.12s;bottom:21%;left:25%}.reveal-sparks span:nth-child(4){animation-delay:40ms;bottom:18%;right:25%}.tiny-label{color:var(--terracotta-dark);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.sparkle{color:var(--terracotta);margin-bottom:8px;font-size:20px}.stage-note{color:#647c87;margin-top:13px;font-size:13px}.draw-button{background:var(--terracotta);color:#fff;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:18px;font-size:15px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:flex;box-shadow:0 9px 18px #24698333}.draw-button:hover:not(:disabled){background:var(--terracotta-dark);transform:translateY(-1px);box-shadow:0 11px 23px #24698340}.draw-button:active:not(:disabled){transform:translateY(1px)}.draw-button:disabled{box-shadow:none;cursor:default;background:#88aebf}.draw-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px}.helper-text{color:#7c8f98;text-align:center;margin:13px 0 0;font-size:11px}.history-card{flex-direction:column;min-height:448px;max-height:548px;padding:25px;display:flex}.history-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-header .section-kicker{color:#5e93a9;margin-bottom:5px}.history-header h2,.modal h2{margin-bottom:0;font-family:DM Serif Display,Georgia,serif;font-size:25px;font-weight:400}.count-badge{background:var(--sage-light);color:#527e91;border-radius:999px;flex:none;padding:6px 10px;font-size:11px;font-weight:700}.progress-track{background:#e9f0f3;border-radius:99px;height:5px;margin:21px 0 18px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--sage);height:100%;transition:width .4s;display:block}.word-list{scrollbar-color:#c7dbe4 transparent;scrollbar-width:thin;overflow-y:auto}.history-item{color:#40545e;border-bottom:1px solid #e8f0f3;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:48px;padding:7px 8px;font-size:13px;font-weight:600;display:grid}.history-item.latest{color:var(--terracotta-dark);background:#edf8fd;border:1px solid #beddea;border-radius:11px;margin-bottom:5px}.draw-number{color:#728791;background:#edf2f4;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;display:grid}.latest .draw-number{color:var(--terracotta);background:#fff}.history-item small{letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}.history-item svg{fill:none;stroke:#76a5b9;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:15px}.empty-history{color:#465b65;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.empty-history p{color:#7c8e97;margin:7px 0 0;font-size:12px}.empty-icon{background:var(--sage-light);color:#6192a8;border-radius:50%;place-items:center;width:55px;height:55px;margin-bottom:16px;display:grid}.empty-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:25px}.shuffle-dots{gap:7px;display:flex}.shuffle-dots span{background:var(--terracotta);border-radius:50%;width:9px;height:9px;animation:.7s ease-in-out infinite alternate bounce}.shuffle-dots span:nth-child(2){animation-delay:.14s}.shuffle-dots span:nth-child(3){animation-delay:.28s}footer{color:#7e929c;border-top:1px solid #c2d7e19e;justify-content:center;align-items:center;gap:9px;padding:24px;font-family:DM Serif Display,Georgia,serif;font-size:13px;font-style:italic;display:flex}.footer-flower{color:var(--peach);font-style:normal}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#23394459;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:22px;width:min(410px,100%);padding:32px;box-shadow:0 25px 70px #23394433}.modal-icon{width:50px;height:50px;color:var(--terracotta);background:#e1f1f8;border-radius:50%;place-items:center;margin:0 auto 17px;font-size:25px;display:grid}.modal p{color:var(--muted);margin:11px 0 24px;font-size:14px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions button{cursor:pointer;border-radius:11px;padding:12px;font-size:13px;font-weight:700}.cancel-button{border:1px solid var(--line);color:var(--muted);background:0 0}.confirm-button{border:1px solid var(--terracotta);background:var(--terracotta);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .18s}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes bounce{to{opacity:.5;transform:translateY(-8px)}}@keyframes word-in{0%{opacity:0;filter:blur(5px);transform:translateY(14px)scale(.92)}65%{opacity:1;filter:blur();transform:translateY(-2px)scale(1.025)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes stage-reveal{0%{transform:scale(.985)}55%{transform:scale(1.008)}to{transform:scale(1)}}@keyframes spark-pop{0%{opacity:0;transform:scale(.2)rotate(0)}35%{opacity:.9}to{opacity:0;transform:scale(1.6)rotate(35deg)}}@media (width<=760px){.site-header{width:min(100% - 32px,1180px);padding:20px 0}.brand{font-size:20px}.brand-mark{width:37px;height:37px}.hero{margin-top:46px}.doodle{display:none}.game-layout{grid-template-columns:1fr;width:min(100% - 28px,1020px);margin-bottom:45px}.caller-card,.history-card{border-radius:19px}.history-card{min-height:360px;max-height:470px}}@media (width<=430px){.reset-button{justify-content:center;width:40px;height:40px;padding:0;font-size:0}.caller-card,.history-card{padding:17px}.word-stage{min-height:210px;padding:20px}.modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}