:root{--primary: #1B5E20;--primary-light: #4CAF50;--primary-dark: #14451A;--accent: #F5A623;--accent-dark: #E65100;--success: #4CAF50;--warning: #FFC107;--error: #C62828;--info: #2196F3;--bg: #F9F9F7;--card: #FFFFFF;--text: #212121;--muted: #757575;--border: #E0E0E0;--disabled: #BDBDBD;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 16px}.brand{font-weight:800;color:var(--primary);font-size:1.1rem}.lang-btn{background:var(--card);border:2px solid var(--primary);color:var(--primary);border-radius:999px;padding:6px 14px;font-weight:700;font-size:.85rem;cursor:pointer}.hero{text-align:center;padding:24px 8px}.hero h1{font-size:1.9rem;color:var(--primary);margin-bottom:8px}.hero p{color:var(--muted);font-size:1rem}.btn{display:block;width:100%;min-height:56px;border:none;border-radius:var(--radius);font-size:1.05rem;font-weight:700;cursor:pointer;margin:10px 0;transition:transform .08s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#3e2700}.btn-outline{background:var(--card);color:var(--primary);border:2px solid var(--primary)}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 2px 12px #0000000f;margin:12px 0}.field{margin-bottom:14px}.field label{display:block;font-weight:600;margin-bottom:6px;font-size:.95rem}.field input,.field textarea{width:100%;padding:14px;border:2px solid #E0E0E0;border-radius:12px;font-size:1rem;font-family:inherit}.field input:focus,.field textarea:focus{border-color:var(--primary);outline:none}.checkbox-row{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:.9rem}.checkbox-row input{width:22px;height:22px;margin-top:2px;accent-color:var(--primary)}.option-btn{display:block;width:100%;text-align:left;padding:16px;margin:8px 0;border:2px solid #E0E0E0;border-radius:12px;background:var(--card);font-size:1rem;cursor:pointer;min-height:56px}.option-btn:active{border-color:var(--primary);background:#f1f8e9}.progress-wrap{margin:12px 0}.progress-label{font-size:.85rem;color:var(--muted);margin-bottom:6px}.progress-bar{height:8px;background:#e0e0e0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.gacha-stage{position:relative;height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden}.gacha-img{width:200px;height:200px;object-fit:contain;border-radius:16px;background:#fff;padding:12px;box-shadow:0 4px 20px #0000001a}.gacha-cycling{animation:shake .1s infinite}@keyframes shake{0%,to{transform:translate(-3px) rotate(-2deg)}50%{transform:translate(3px) rotate(2deg)}}.slot-frame{position:relative;width:220px;height:220px;border-radius:20px;background:linear-gradient(160deg,#fff,#f1f8e9);border:4px solid var(--primary);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 24px #1b5e202e}.slot-icon{width:150px;height:150px;object-fit:contain}.slot-emoji{font-size:6.5rem;line-height:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}.slot-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);animation:slot-shine 1.2s linear infinite;pointer-events:none}@keyframes slot-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mystery-box-wrap{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-tap-highlight-color:transparent}.mystery-box{font-size:7rem;line-height:1}.mystery-shake{animation:mystery-shake 1.4s ease-in-out infinite}@keyframes mystery-shake{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-6deg) scale(1.04)}20%{transform:rotate(6deg) scale(1.04)}30%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(-2deg) scale(1.02)}}.tap-hint{font-size:1.3rem;font-weight:900;color:var(--accent);letter-spacing:2px;animation:tap-bounce .9s ease-in-out infinite}@keyframes tap-bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.6}}.winner-emoji{font-size:7rem;line-height:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.2))}.gacha-vanish{animation:vanish .45s ease-in forwards}@keyframes vanish{0%{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}40%{transform:scale(1.25) rotate(6deg);opacity:.8;filter:blur(1px)}to{transform:scale(.1) rotate(-14deg);opacity:0;filter:blur(6px)}}.poof-cloud{position:absolute;font-size:3rem;animation:poof-cloud .55s ease-out forwards;z-index:2;pointer-events:none}.poof-d2{animation-delay:.08s}.poof-d3{animation-delay:.16s}@keyframes poof-cloud{0%{transform:scale(.3);opacity:0}35%{transform:scale(1.1);opacity:1}to{transform:scale(1.8) translateY(-24px);opacity:0}}.poof-spark{position:absolute;font-size:1.6rem;top:30%;animation:poof-spark .6s ease-out forwards;z-index:2;pointer-events:none}.poof-s1{animation-delay:.05s}.poof-s2{animation-delay:.12s}@keyframes poof-spark{0%{transform:scale(0) rotate(0);opacity:0}40%{transform:scale(1.3) rotate(20deg);opacity:1}to{transform:scale(.6) translateY(30px) rotate(-30deg);opacity:0}}.poof-ring{position:absolute;width:40px;height:40px;border:4px solid var(--accent);border-radius:50%;animation:poof-ring .5s ease-out forwards;z-index:1;pointer-events:none}@keyframes poof-ring{0%{transform:scale(.2);opacity:.9}to{transform:scale(3.2);opacity:0}}.gacha-pop{animation:pop-in .45s cubic-bezier(.68,-.55,.27,1.55)}@keyframes pop-in{0%{transform:scale(.2);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.winner-glow{animation:glow 1s ease infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px var(--accent)}to{box-shadow:0 0 46px var(--accent)}}.confetti-piece{position:absolute;width:10px;height:14px;top:-20px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(320px) rotate(720deg);opacity:0}}.claim-code{font-size:2rem;font-weight:900;letter-spacing:3px;color:var(--primary);background:#f1f8e9;border:3px dashed var(--primary);border-radius:var(--radius);padding:16px;text-align:center;margin:12px 0}.quiz-invite-card{background:linear-gradient(135deg,#fff8e1,#fff3e0);border:2px solid var(--accent);border-radius:16px;padding:14px;margin:12px 0;animation:pop-in .4s cubic-bezier(.68,-.55,.27,1.55)}.score-big{font-size:2.4rem;font-weight:900;color:var(--primary);text-align:center}.chat-wrap{display:flex;flex-direction:column;height:calc(100dvh - 140px)}.chat-messages{flex:1;overflow-y:auto;padding:8px 0}.bubble{max-width:82%;padding:12px 16px;border-radius:18px;margin:6px 0;line-height:1.45;white-space:pre-wrap}.bubble-user{background:var(--primary);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.bubble-ai{background:var(--card);border:1px solid #E0E0E0;margin-right:auto;border-bottom-left-radius:4px}.chat-input-row{display:flex;gap:8px;padding:8px 0}.chat-input-row input{flex:1;padding:14px;border:2px solid #E0E0E0;border-radius:999px;font-size:1rem}.chat-input-row button{padding:0 22px;border:none;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.tab-row{display:flex;gap:6px;overflow-x:auto;padding:8px 0}.tab-btn{padding:10px 16px;border:2px solid #E0E0E0;background:var(--card);border-radius:999px;font-weight:600;cursor:pointer;white-space:nowrap}.tab-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:10px 8px;text-align:left;border-bottom:1px solid #EEE}th{font-weight:700;color:var(--muted)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.badge-green{background:#e8f5e9;color:var(--primary)}.badge-grey{background:#f5f5f5;color:var(--muted)}.empty-state{text-align:center;padding:48px 16px;color:var(--muted)}.empty-state .big{font-size:2.5rem;margin-bottom:12px}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.quick-reply-btn{padding:10px 16px;border:2px solid var(--primary);background:var(--card);color:var(--primary);border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.quick-reply-btn:active{background:var(--primary);color:#fff}.fallback-card{background:#fff8e1;border:2px solid var(--accent);border-radius:var(--radius);padding:16px;margin:12px 0}.fallback-option{padding:10px 0;border-bottom:1px solid #FFE0B2}.fallback-option:last-child{border-bottom:none}.fallback-option p{font-size:.85rem;color:var(--muted);margin-top:2px}.fallback-link{display:inline-block;margin-top:6px;color:var(--primary);font-weight:700;font-size:.85rem}.faq-item{background:var(--card);border-radius:12px;margin:8px 0;box-shadow:0 1px 4px #0000000f;cursor:pointer;overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:16px;font-weight:600;font-size:.95rem}.faq-answer{padding:12px 16px 16px;color:var(--muted);font-size:.9rem;line-height:1.6;border-top:1px solid #EEE}