@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Lilita+One&display=swap";:root{--bg-primary:#fffdf9;--bg-secondary:#ffebf0;--bg-tertiary:#e8f4f8;--border-color:#4d3834;--accent-strawberry:#ff5c8a;--accent-sky:#4ea8de;--accent-honey:#ffd166;--accent-mint:#06d6a0;--rarity-common:#d1cfc7;--rarity-rare:#a2d2ff;--rarity-epic:#d8b4f8;--rarity-legendary:#ffc6ff;--text-main:#3d2622;--text-muted:#8e7a75;--text-white:#fff;--font-sans:"Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Lilita One", "Fredoka", sans-serif}html,body{scrollbar-width:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background-color:var(--bg-secondary);width:100%;height:100%;font-family:var(--font-sans);color:var(--text-main);margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{display:none}#root{width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.hardware-accelerated{will-change:transform}.kawaii-panel{background:var(--bg-primary);border:3px solid var(--border-color);box-shadow:0 6px 0 var(--border-color);box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;padding:12px 16px;display:flex}.kawaii-card{background:var(--bg-primary);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);box-sizing:border-box;border-radius:16px;padding:10px;transition:all .2s}.title-bubble{font-family:var(--font-title);color:var(--accent-strawberry);-webkit-text-stroke:1.5px var(--border-color);text-shadow:2px 2px 0 var(--border-color);letter-spacing:.5px}.text-stroke-brown{-webkit-text-stroke:1.5px var(--border-color);text-shadow:2px 2px 0 var(--border-color)}button{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none}.btn-primary{background:var(--accent-strawberry);font-family:var(--font-title);color:var(--text-white);border:3px solid var(--border-color);box-shadow:0 6px 0 var(--border-color);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:20px;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary:active{box-shadow:0 2px 0 var(--border-color);transform:translateY(4px)}.btn-primary:disabled{color:#a0a0a0;cursor:not-allowed;box-shadow:0 6px 0 var(--border-color);background:#dedede;transform:none}.btn-secondary{background:var(--accent-honey);font-family:var(--font-title);color:var(--text-main);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);border-radius:16px;justify-content:center;align-items:center;padding:10px 20px;font-size:16px;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-secondary:active{box-shadow:0 2px 0 var(--border-color);transform:translateY(2px)}.particle-layer{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}.breathe{animation:3s ease-in-out infinite breathe}@keyframes silver-pulse{0%,to{box-shadow:0 0 10px #c0c0c066}50%{box-shadow:0 0 25px #c0c0c0cc}}@keyframes gold-sparkle{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 30px #ffd700e6}}@keyframes rainbow-shimmer{0%{border-color:#ffc6ff;box-shadow:0 0 10px #ffc6ff99}25%{border-color:#ffd166}50%{border-color:#a2d2ff;box-shadow:0 0 30px #a2d2ffe6}75%{border-color:#d8b4f8}to{border-color:#ffc6ff;box-shadow:0 0 10px #ffc6ff99}}.silver-pulse{animation:2s ease-in-out infinite silver-pulse}.gold-sparkle{animation:2s ease-in-out infinite gold-sparkle}.rainbow-shimmer{animation:4s linear infinite rainbow-shimmer}@keyframes rotate-starburst{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pulse-starburst{0%,to{opacity:.7;scale:.95}50%{opacity:.9;scale:1.05}}.starburst-bg{pointer-events:none;z-index:1;background:repeating-conic-gradient(#ffc6ff66 0deg 15deg,#0000 15deg 30deg,#ffd96666 30deg 45deg,#0000 45deg 60deg);border-radius:50%;width:500px;height:500px;animation:12s linear infinite rotate-starburst,4s ease-in-out infinite pulse-starburst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sparkle-container{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.sparkle-particle{pointer-events:none;font-size:24px;position:absolute;top:50%;left:50%}@keyframes float-sparkle-1{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(-120px,-140px)scale(1.5)rotate(180deg)}}@keyframes float-sparkle-2{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(120px,-150px)scale(1.2)rotate(-180deg)}}@keyframes float-sparkle-3{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(-140px,80px)scale(1.3)rotate(90deg)}}@keyframes float-sparkle-4{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(140px,90px)scale(1.6)rotate(-90deg)}}@keyframes float-sparkle-5{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(-20px,-180px)scale(1.4)rotate(45deg)}}@keyframes float-sparkle-6{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(0)rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(20px,180px)scale(1.4)rotate(-45deg)}}.sp-1{animation:2.5s ease-out infinite float-sparkle-1}.sp-2{animation:2.8s ease-out .3s infinite float-sparkle-2}.sp-3{animation:2.6s ease-out .6s infinite float-sparkle-3}.sp-4{animation:3s ease-out .1s infinite float-sparkle-4}.sp-5{animation:2.7s ease-out .8s infinite float-sparkle-5}.sp-6{animation:2.9s ease-out .4s infinite float-sparkle-6}