.premium-card{width:320px;min-height:420px;transform-style:preserve-3d;perspective:1000px;border-radius:24px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d,inset 0 0 0 1px #ffffff1a}.premium-card.hovered{box-shadow:0 20px 60px #0006,0 0 30px var(--glow-color),0 0 0 2px var(--accent-color)inset;transform:translateY(-10px)rotateX(5deg)scale(1.02)}.glow-border{background:linear-gradient(45deg,var(--glow-color),transparent,var(--accent-color),transparent,var(--glow-color));z-index:-1;opacity:.8;background-size:400% 400%;border-radius:26px;animation:3s infinite borderGlow;position:absolute;inset:-2px}@keyframes borderGlow{0%,to{background-position:0%}50%{background-position:100%}}.holographic-overlay{mix-blend-mode:overlay;pointer-events:none;background:linear-gradient(135deg,#ff00001a 0%,#ff7f001a 14%,#ffff001a 28%,#00ff001a 42%,#0000ff1a 57%,#4b00821a 71%,#9400d31a 85%,#ff00001a 100%) 0 0/200% 200%;animation:3s infinite holographicShift;position:absolute;inset:0}@keyframes holographicShift{0%{filter:hue-rotate();background-position:0 0}50%{filter:hue-rotate(180deg);background-position:100% 100%}to{filter:hue-rotate(360deg);background-position:0 0}}.rainbow-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s ease-in-out infinite shimmerMove;position:absolute;inset:0}@keyframes shimmerMove{0%{transform:translate(-100%)}to{transform:translate(100%)}}.prism-effect{mix-blend-mode:screen;pointer-events:none;background:conic-gradient(#f003,#ff7f0033,#ff03,#0f03,#00f3,#9400d333,#f003);animation:8s linear infinite prismRotate;position:absolute;inset:0}@keyframes prismRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neon-grid{pointer-events:none;background-image:linear-gradient(#00ffff1a 1px,#0000 1px),linear-gradient(90deg,#00ffff1a 1px,#0000 1px);background-size:20px 20px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:20px 20px}}.premium-card.neon_cyber:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0000001a 50%) 0 0/100% 4px;animation:.5s linear infinite scanline;position:absolute;inset:0}@keyframes scanline{0%{background-position:0 0}to{background-position:0 4px}}.sparkles-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sparkle{border-radius:50%;animation:2s ease-in-out infinite sparkle;position:absolute;box-shadow:0 0 6px}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}}.particles-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-particle{filter:drop-shadow(0 0 4px);animation:5s ease-in-out infinite floatDown;position:absolute;top:-20px}.floating-particle.petal{animation:6s ease-in-out infinite floatDownSway}.floating-particle.snowflake{filter:drop-shadow(0 0 8px #87cefacc);animation:7s linear infinite floatDownSnow}.floating-particle.ember{animation:4s ease-out infinite floatUpEmber;top:auto;bottom:-20px}.floating-particle.star{animation:3s ease-in-out infinite twinkleStar;top:auto}@keyframes floatDown{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(450px)rotate(360deg)}}@keyframes floatDownSway{0%{opacity:0;transform:translateY(-20px)translate(0)rotate(0)}10%{opacity:1}50%{transform:translateY(200px)translate(30px)rotate(180deg)}90%{opacity:1}to{opacity:0;transform:translateY(450px)translate(-20px)rotate(360deg)}}@keyframes floatDownSnow{0%{opacity:0;transform:translateY(-20px)translate(0)}10%{opacity:.8}25%{transform:translateY(100px)translate(15px)}50%{transform:translateY(200px)translate(-15px)}75%{transform:translateY(300px)translate(15px)}90%{opacity:.8}to{opacity:0;transform:translateY(450px)translate(-15px)}}@keyframes floatUpEmber{0%{opacity:0;transform:translateY(0)scale(1)}20%{opacity:1}80%{opacity:.6}to{opacity:0;transform:translateY(-400px)scale(.3)}}@keyframes twinkleStar{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.character-container{width:80px;height:80px;margin:0 auto 16px;animation:2s ease-in-out infinite characterBounce}.character-container svg{filter:drop-shadow(0 4px 8px #0000004d);width:100%;height:100%}@keyframes characterBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-content{z-index:10;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.code-display{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.code-emoji{filter:drop-shadow(0 0 10px var(--glow-color));margin-bottom:8px;font-size:48px;animation:2s ease-in-out infinite emojiPulse}@keyframes emojiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.code-number{letter-spacing:4px;text-shadow:0 0 20px var(--glow-color),0 0 40px var(--glow-color),0 2px 4px #0000004d;font-size:56px;font-weight:900;animation:2s ease-in-out infinite alternate numberGlow}@keyframes numberGlow{0%{text-shadow:0 0 20px var(--glow-color),0 0 40px var(--glow-color)}to{text-shadow:0 0 30px var(--glow-color),0 0 60px var(--glow-color),0 0 80px var(--accent-color)}}.japanese-text{margin-bottom:16px}.japanese-main{text-shadow:0 2px 4px #0000004d;margin-bottom:4px;font-size:28px;font-weight:700;display:block}.japanese-romaji{opacity:.8;text-transform:uppercase;letter-spacing:2px;font-size:14px;display:block}.message-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-bottom:12px;padding:12px 16px}.message-text{margin:0;font-size:14px;line-height:1.5}.from-container{margin-bottom:12px;font-size:14px}.from-label{opacity:.7;margin-right:8px}.from-name{font-weight:600}.meaning-container{border-top:1px solid #fff3;margin-top:auto;padding-top:12px}.meaning-text{opacity:.8;margin:0;font-size:12px;font-style:italic}.premium-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #fff3;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.badge-icon{font-size:14px;animation:2s ease-in-out infinite badgeShine}@keyframes badgeShine{0%,to{filter:brightness()}50%{filter:brightness(1.5)}}.premium-card.neon_cyber .code-number{font-family:Courier New,monospace;animation:.1s infinite alternate neonFlicker}@keyframes neonFlicker{0%{opacity:1}to{opacity:.95}}.premium-card.golden_dragon .code-number{background:linear-gradient(gold 0%,orange 50%,gold 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.premium-card.crystal_ice{background-image:linear-gradient(135deg,#e0f7ff 0%,#89cff0 50%,#5dade2 100%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L35 25L60 30L35 35L30 60L25 35L0 30L25 25Z' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E")}.premium-card.galaxy:before{content:"";pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fffc,#0000),radial-gradient(1px 1px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff9,#0000),radial-gradient(1px 1px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:100s linear infinite starsMove;position:absolute;inset:0}@keyframes starsMove{0%{background-position:0 0}to{background-position:200px 200px}}@media (max-width:380px){.premium-card{width:280px;min-height:380px;padding:20px}.code-number{font-size:44px}.code-emoji{font-size:40px}.japanese-main{font-size:24px}}
