.avatar-frame:hover{transform:scale(1.05)}.avatar-frame.frame-animated{animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.avatar-frame.frame-golden{background:linear-gradient(45deg,#ffd700,#daa520,#ffd700);padding:6px;box-shadow:0 0 15px rgba(255,215,0,.5)}.avatar-frame.frame-golden:hover{box-shadow:0 0 25px rgba(255,215,0,.8)}.avatar-frame.frame-silver{background:linear-gradient(45deg,silver,#a9a9a9,silver);padding:6px;box-shadow:0 0 15px rgba(192,192,192,.5)}.avatar-frame.frame-silver:hover{box-shadow:0 0 25px rgba(192,192,192,.8)}.avatar-frame.frame-crystal{background:rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 20px rgba(255,255,255,.5);padding:4px;backdrop-filter:blur(5px)}.avatar-frame.frame-crystal:hover{box-shadow:0 0 30px rgba(255,255,255,.8)}.avatar-frame.frame-ice-lime{background:rgba(180,255,220,.3);border:2px solid rgba(186,255,221,.9);box-shadow:0 0 20px rgba(180,255,220,.4);padding:4px;backdrop-filter:blur(4px)}.avatar-frame.frame-ice-lime:hover{box-shadow:0 0 30px rgba(180,255,220,.8)}.avatar-frame.frame-aurora{background:rgba(122,255,240,.15);border:2px solid rgba(170,130,255,.9);box-shadow:0 0 20px rgba(140,220,255,.4);padding:4px;backdrop-filter:blur(4px)}.avatar-frame.frame-aurora:hover{box-shadow:0 0 30px rgba(170,130,255,.8)}.avatar-frame.frame-north-moss{background:linear-gradient(135deg,#3a6f62,#285349);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(60,120,100,.5)}.avatar-frame.frame-north-moss:hover{box-shadow:0 0 25px rgba(60,120,100,.8)}.avatar-frame.frame-snow-veil{background:linear-gradient(135deg,#dff4ff,#b6deef);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(180,230,255,.5)}.avatar-frame.frame-snow-veil:hover{box-shadow:0 0 25px rgba(180,230,255,.8)}.avatar-frame.frame-lavender-ice{background:linear-gradient(135deg,#9fa8e8,#7f89c9);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(150,160,230,.5)}.avatar-frame.frame-lavender-ice:hover{box-shadow:0 0 25px rgba(150,160,230,.8)}.avatar-frame.frame-fire{background:linear-gradient(45deg,#ff6b00,red,#ff6b00);background-size:200% 200%;animation:flameAnimation 2s ease infinite;padding:6px;box-shadow:0 0 20px rgba(255,107,0,.7)}.avatar-frame.frame-fire:hover{box-shadow:0 0 30px rgba(255,107,0,.9);animation-duration:1.5s}@keyframes flameAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-ice{background:linear-gradient(45deg,#0ff,#00bfff,#0ff);background-size:200% 200%;animation:iceAnimation 3s ease infinite;padding:6px;box-shadow:0 0 20px rgba(0,191,255,.7)}.avatar-frame.frame-ice:hover{box-shadow:0 0 30px rgba(0,191,255,.9);animation-duration:2s}@keyframes iceAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-rainbow{background:linear-gradient(45deg,red,#f90,#ff0,#0f0,#0ff,#00f,#90f,red);background-size:400% 400%;animation:rainbowAnimation 5s linear infinite;padding:6px}.avatar-frame.frame-rainbow:hover{animation-duration:3s}@keyframes rainbowAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-nebula{background:linear-gradient(45deg,#0a0a2a,#1a1a4a,#0a0a2a);background-size:200% 200%;animation:nebulaAnimation 15s ease infinite;padding:8px;position:relative;overflow:hidden;box-shadow:0 0 25px rgba(75,0,130,.6)}.avatar-frame.frame-nebula:hover{box-shadow:0 0 35px rgba(128,0,255,.8)}.avatar-frame.frame-nebula::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.9) .5px,transparent 1px) , radial-gradient(circle at 30% 40%,rgba(255,255,255,.8) .7px,transparent 1.2px) , radial-gradient(circle at 50% 60%,rgba(255,255,255,.9) .6px,transparent 1.1px) , radial-gradient(circle at 70% 80%,rgba(255,255,255,.7) .8px,transparent 1.3px) , radial-gradient(circle at 90% 10%,rgba(255,255,255,.6) 1px,transparent 1.5px) , radial-gradient(circle at 15% 75%,rgba(255,255,255,.8) .5px,transparent 1px) , radial-gradient(circle at 85% 35%,rgba(255,255,255,.9) .7px,transparent 1.2px) , radial-gradient(circle at 25% 90%,rgba(255,255,255,.7) .6px,transparent 1.1px) , radial-gradient(circle at 65% 15%,rgba(255,255,255,.8) .8px,transparent 1.3px) , radial-gradient(circle at 95% 65%,rgba(255,255,255,.6) 1px,transparent 1.5px);animation:starsTwinkle 8s ease-in-out infinite;opacity:.7;z-index:1}.avatar-frame.frame-nebula::after{content:'';position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle at 5% 25%,rgba(255,255,255,.4) .3px,transparent .8px) , radial-gradient(circle at 35% 45%,rgba(255,255,255,.3) .4px,transparent .9px) , radial-gradient(circle at 55% 65%,rgba(255,255,255,.5) .2px,transparent .7px) , radial-gradient(circle at 75% 85%,rgba(255,255,255,.4) .5px,transparent 1px) , radial-gradient(circle at 85% 5%,rgba(255,255,255,.3) .6px,transparent 1.1px) , radial-gradient(circle at 20% 70%,rgba(255,255,255,.5) .3px,transparent .8px) , radial-gradient(circle at 80% 30%,rgba(255,255,255,.4) .4px,transparent .9px) , radial-gradient(circle at 30% 95%,rgba(255,255,255,.3) .2px,transparent .7px) , radial-gradient(circle at 60% 20%,rgba(255,255,255,.5) .5px,transparent 1px) , radial-gradient(circle at 90% 60%,rgba(255,255,255,.4) .6px,transparent 1.1px);animation:starsTwinkle 12s ease-in-out infinite reverse;opacity:.5;z-index:1}@keyframes nebulaAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}@keyframes starsTwinkle {
  0%, 100% {
    opacity: 0.5;
    transform: translate(0, 0) scale(1);
  }
  25% {
    opacity: 0.8;
    transform: translate(-2px, -2px) scale(1.02);
  }
  50% {
    opacity: 0.6;
    transform: translate(2px, 2px) scale(0.98);
  }
  75% {
    opacity: 0.9;
    transform: translate(-1px, 1px) scale(1.01);
  }
}.avatar-frame.frame-nebula .user-avatar{position:relative;z-index:2}.avatar-frame.frame-ancient{background:linear-gradient(45deg,#8b4513,#a0522d,#8b4513);padding:8px;border:2px solid #5d4037;box-shadow:0 0 15px rgba(139,69,19,.7);position:relative;overflow:hidden}.avatar-frame.frame-ancient:hover{box-shadow:0 0 25px rgba(139,69,19,.9)}.avatar-frame.frame-ancient::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,215,0,.1) 2px,rgba(255,215,0,.1) 4px) , repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,215,0,.1) 2px,rgba(255,215,0,.1) 4px);border-radius:50%;opacity:.7}.avatar-frame.frame-ancient::after{content:'最高の';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,215,0,.3);font-size:24px;font-weight:bold;letter-spacing:8px;z-index:1}.avatar-frame.frame-abyss{background:#0a0a2a;padding:6px;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(0,195,255,.5);border:1px solid rgba(0,195,255,.3)}.avatar-frame.frame-abyss:hover{box-shadow:0 0 25px rgba(0,195,255,.8)}.avatar-frame.frame-galaxy{background:#000;padding:8px;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(128,0,255,.7)}.avatar-frame.frame-galaxy:hover{box-shadow:0 0 30px rgba(128,0,255,.9)}.avatar-frame.frame-galaxy::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background: 
    radial-gradient(circle at center, transparent 30%, rgba(75, 0, 130, 0.8) 70%),
    repeating-conic-gradient(
      from 0deg,
      transparent 0deg 10deg,
      rgba(148, 0, 211, 0.7) 10deg 20deg,
      transparent 20deg 30deg,
      rgba(75, 0, 130, 0.7) 30deg 40deg
    );animation:galaxySpin 15s linear infinite;opacity:.8;z-index:1}.avatar-frame.frame-galaxy::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:galaxyPulse 5s ease-in-out infinite alternate;z-index:1}@keyframes galaxySpin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}@keyframes galaxyPulse {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.7;
  }
}@media (max-width:576px){.avatar-frame{padding:3px}.avatar-frame.frame-golden,.avatar-frame.frame-silver,.avatar-frame.frame-fire,.avatar-frame.frame-ice,.avatar-frame.frame-rainbow,.avatar-frame.frame-electric{padding:4px}.avatar-frame.frame-nebula,.avatar-frame.frame-galaxy{padding:5px}.avatar-frame.frame-ancient{padding:6px}.avatar-frame.frame-ancient::after{font-size:16px;letter-spacing:4px}.avatar-frame.frame-nebula::before,.avatar-frame.frame-nebula::after{animation-duration:10s}.avatar-frame.frame-abyss::before,.avatar-frame.frame-abyss::after{animation-duration:2.5s}}.avatar-frame .user-avatar{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-frame.frame-northbreath{background:linear-gradient(160deg,#6bd3ff,#5860ff,#8b9bff,#6bd3ff);border:2px solid rgba(180,220,255,.8);box-shadow:0 0 20px rgba(130,160,255,.5);padding:4px;animation:auroraMove 8s ease-in-out infinite;border-radius:50%;background-size:400% 400%}@keyframes auroraMove {
  0% { 
    background-position: 0% 50%;
    filter: hue-rotate(0deg);
  }
  25% {
    background-position: 50% 100%;
  }
  50% { 
    background-position: 100% 50%;
    filter: hue-rotate(30deg);
  }
  75% {
    background-position: 50% 0%;
  }
  100% { 
    background-position: 0% 50%;
    filter: hue-rotate(0deg);
  }
}.avatar-frame.frame-northbreath:hover{box-shadow:0 0 35px rgba(160,200,255,1);animation-duration:4s}.avatar-frame.frame-christmas-tree{background:linear-gradient(135deg,#004d00,#060,#004d00);padding:6px;border-radius:50%;box-shadow:0 0 15px rgba(0,77,0,.5);position:relative;overflow:hidden}.avatar-frame.frame-christmas-tree::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,215,0,.8) 2px,transparent 3px) , radial-gradient(circle at 50% 50%,rgba(255,0,0,.8) 2px,transparent 3px) , radial-gradient(circle at 80% 70%,rgba(0,191,255,.8) 2px,transparent 3px);animation:lightsBlink 2s ease-in-out infinite;opacity:.7;z-index:1}.avatar-frame.frame-christmas-tree:hover{box-shadow:0 0 25px rgba(0,77,0,.8);animation-duration:1.5s}@keyframes lightsBlink {
  0%, 100% { opacity: 0.7; }
  50% { opacity: 1; }
}.avatar-frame.frame-christmas-tree .user-avatar{z-index:2}.avatar-frame.frame-holiday-lights{background:#000;padding:6px;box-shadow:0 0 15px rgba(255,215,0,.5);position:relative;overflow:hidden}.avatar-frame.frame-holiday-lights::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,red,#ff0,#0f0,#00f,red);background-size:400% 400%;animation:lightsGradient 4s linear infinite;opacity:.6;z-index:1}.avatar-frame.frame-holiday-lights:hover{box-shadow:0 0 25px rgba(255,215,0,.8);animation-duration:2s}@keyframes lightsGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}.avatar-frame.frame-holiday-lights .user-avatar{z-index:2}.avatar-frame.frame-winter-ice{background:rgba(173,216,230,.3);border:2px solid rgba(135,206,235,.9);box-shadow:0 0 20px rgba(135,206,235,.4);padding:4px;backdrop-filter:blur(5px)}.avatar-frame.frame-winter-ice:hover{box-shadow:0 0 30px rgba(135,206,235,.8)}.reward-badge{display:inline-flex;align-items:center;gap:.34em;max-width:100%;min-height:1.85em;padding:.28em .64em;border-radius:999px;background:rgba(255,255,255,.2);color:inherit;font:inherit;font-size:.82em;font-weight:700;line-height:1.2;vertical-align:middle}.reward-badge__emoji{flex:none;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.reward-badge__label{min-width:0;overflow-wrap:anywhere}.reward-badge--compact{font-size:.74em;padding:.22em .5em}.reward-badge--shop-preview{color:#21160b;background:rgba(255,255,255,.62)}.reward-frame-wrapper.reward-frame--structured{box-sizing:border-box;border-radius:50%}.avatar-frame.reward-frame{border-radius:50%;background:var(--reward-frame-color-1);border:var(--reward-frame-border-width) solid var(--reward-frame-color-1);box-shadow:0 0 calc(8px + (var(--reward-frame-glow-opacity) * 20px)) var(--reward-frame-color-1);padding:4px}.avatar-frame.reward-frame--gradient,.avatar-frame.reward-frame--animated-gradient{background:linear-gradient(135deg,var(--reward-frame-color-1),var(--reward-frame-color-2),var(--reward-frame-color-3))}.avatar-frame.reward-frame--dual-gradient{background:linear-gradient(45deg,var(--reward-frame-color-1),var(--reward-frame-color-2)) , linear-gradient(225deg,var(--reward-frame-color-2),var(--reward-frame-color-3))}.avatar-frame.reward-frame--glow,.avatar-frame.reward-frame--pulse{box-shadow:0 0 calc(12px + (var(--reward-frame-glow-opacity) * 24px)) var(--reward-frame-color-1)}.avatar-frame.reward-frame--animation-pulse{animation:reward-frame-pulse 1.8s ease-in-out infinite}.avatar-frame.reward-frame--animation-rotate{animation:reward-frame-rotate 3.2s linear infinite}.avatar-frame.reward-frame--animation-shimmer{animation:reward-frame-shimmer 2.4s ease-in-out infinite}.avatar-frame.reward-frame--animation-rainbow{animation:reward-frame-hue 3s linear infinite}@keyframes reward-frame-pulse { 50% { transform:scale(1.035); } }@keyframes reward-frame-rotate { to { transform:rotate(360deg); } }@keyframes reward-frame-shimmer { 50% { filter:brightness(1.25); } }@keyframes reward-frame-hue { to { filter:hue-rotate(360deg); } }.reward-frame-wrapper.reward-frame--profile-large{width:102px;height:102px}.reward-frame-wrapper.reward-frame--avatar{width:100%;height:100%}.reward-frame--compact{width:40px;height:40px}.reward-frame-wrapper.reward-frame--shop-preview{width:74px;height:74px}.reward-theme-product-preview{display:block;width:clamp(4.5rem,10vw,6rem);aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:.9rem;background:linear-gradient(135deg,var(--reward-theme-color-1),var(--reward-theme-color-2) 52%,var(--reward-theme-color-3));box-shadow:0 .7rem 1.4rem rgba(0,0,0,.24)}.reward-folder-header-preview{display:block;width:100%;min-width:0;overflow:hidden;border:1px solid var(--folder-header-border);border-radius:1rem;color:var(--folder-header-text-primary);background:linear-gradient(135deg,var(--folder-header-bg-1),var(--folder-header-bg-2) 52%,var(--folder-header-bg-3));box-shadow:0 .8rem 1.8rem rgba(0,0,0,.22)}.reward-folder-header-preview--glow-soft{box-shadow:0 0 1.4rem color-mix(in srgb,var(--folder-header-glow) 34%,transparent) , 0 .8rem 1.8rem rgba(0,0,0,.22)}.reward-folder-header-preview--glow-medium{box-shadow:0 0 2rem color-mix(in srgb,var(--folder-header-glow) 52%,transparent) , 0 .8rem 1.8rem rgba(0,0,0,.22)}.reward-folder-header-preview__cover{display:block;height:3.7rem;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.03)) , radial-gradient(circle at 80% 25%,var(--folder-header-accent),transparent 28%);border-bottom:1px solid var(--folder-header-border)}.reward-folder-header-preview__body{display:flex;align-items:flex-end;justify-content:space-between;gap:.7rem;padding:.75rem}.reward-folder-header-preview__identity{display:flex;align-items:center;min-width:0;gap:.58rem}.reward-folder-header-preview__frame.avatar-frame{flex:0 0 2.55rem;width:2.55rem;height:2.55rem;padding:2px;background:linear-gradient(135deg,#f5a65b,#b46024);border:2px solid rgba(255,255,255,.78);box-shadow:0 0 .7rem rgba(245,166,91,.35)}.reward-folder-header-preview__avatar{display:grid;width:100%;height:100%;place-items:center;border-radius:50%;background:#2b211d;color:#fff7ea;font-weight:800}.reward-folder-header-preview__copy{display:grid;min-width:0;gap:.16rem}.reward-folder-header-preview__copy strong{overflow:hidden;color:var(--folder-header-text-primary);font-size:.86rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.reward-folder-header-preview__copy small{color:var(--folder-header-text-secondary);font-size:.69rem}.reward-folder-header-preview__copy .reward-badge{width:max-content;max-width:100%;font-size:.58rem}.reward-folder-header-preview__accent{width:max-content;max-width:100%;padding:.16rem .42rem;border-radius:999px;color:var(--folder-header-accent-text);background:var(--folder-header-accent);font-size:.56rem;font-style:normal;font-weight:800}.reward-folder-header-preview__controls{display:flex;flex:0 0 auto;align-items:center;gap:.35rem}.reward-folder-header-preview__controls>span{display:inline-flex;min-height:1.85rem;align-items:center;justify-content:center;padding:.3rem .55rem;border-radius:.55rem;color:var(--folder-header-control-text);background:var(--folder-header-control-bg);font-size:.64rem;font-weight:750}.reward-folder-background-preview{display:block;width:100%;min-height:7.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:var(--folder-surface-bg-1);box-shadow:inset 0 1px rgba(255,255,255,.08) , 0 .7rem 1.4rem rgba(0,0,0,.2)}.reward-folder-surface--solid{background:var(--folder-surface-bg-1)}.reward-folder-surface--gradient,.reward-folder-surface--animated_gradient{background:linear-gradient(135deg,var(--folder-surface-bg-1),var(--folder-surface-bg-2),var(--folder-surface-bg-3))}.reward-folder-surface--animated_gradient{position:relative;isolation:isolate}.reward-folder-aurora-layer{display:block;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.reward-folder-surface--animated_gradient:not(.folder-page-surface)::before,.reward-folder-surface--animated_gradient:not(.folder-page-surface)::after,.reward-folder-aurora-layer::before,.reward-folder-aurora-layer::after {content:"";position:absolute;inset:-16%;z-index:0;pointer-events:none;background-repeat:no-repeat}.reward-folder-surface--animated_gradient:not(.folder-page-surface)::before,.reward-folder-aurora-layer::before {background:radial-gradient(ellipse 52% 42% at 24% 22%,color-mix(in srgb,var(--folder-surface-bg-2) 92%,transparent) 0%,color-mix(in srgb,var(--folder-surface-bg-2) 55%,transparent) 36%,transparent 74%) , radial-gradient(ellipse 42% 34% at 78% 74%,color-mix(in srgb,var(--folder-surface-bg-1) 68%,transparent) 0%,transparent 76%);animation:reward-folder-aurora-one 24s cubic-bezier(.42,.08,.52,.94) infinite}.reward-folder-surface--animated_gradient:not(.folder-page-surface)::after,.reward-folder-aurora-layer::after {background:radial-gradient(ellipse 56% 44% at 76% 30%,color-mix(in srgb,var(--folder-surface-bg-3) 94%,transparent) 0%,color-mix(in srgb,var(--folder-surface-bg-3) 58%,transparent) 38%,transparent 76%) , radial-gradient(ellipse 38% 32% at 28% 82%,color-mix(in srgb,var(--folder-surface-bg-2) 58%,transparent) 0%,transparent 78%);animation:reward-folder-aurora-two 32s cubic-bezier(.34,.1,.58,.93) infinite}.reward-folder-surface--animated_gradient > :not(.reward-folder-aurora-layer) {position:relative;z-index:1}.reward-folder-background-preview__content{display:grid;gap:.48rem;padding:1rem}.reward-folder-background-preview__content i{display:block;height:.55rem;border-radius:999px;background:rgba(255,255,255,.15)}.reward-folder-background-preview__content i:nth-child(1) {width:48%;height:1.1rem}.reward-folder-background-preview__content i:nth-child(2) {width:76%}.reward-folder-background-preview__content i:nth-child(3) {width:62%}@keyframes reward-folder-aurora-one { 0%,100% { transform:translate3d(-8%,-5%,0) scale(1.03); } 35% { transform:translate3d(10%,4%,0) scale(1.08); } 70% { transform:translate3d(2%,13%,0) scale(1.05); } }@keyframes reward-folder-aurora-two { 0%,100% { transform:translate3d(9%,11%,0) scale(1.06); } 40% { transform:translate3d(-8%,1%,0) scale(1.02); } 75% { transform:translate3d(6%,-9%,0) scale(1.09); } }@media (max-width:430px){.reward-badge{white-space:normal}.reward-folder-header-preview__body{align-items:flex-start;flex-direction:column}.reward-folder-header-preview__controls{width:100%}}@media (prefers-reduced-motion:reduce){.reward-folder-surface--animated_gradient:not(.folder-page-surface)::before,.reward-folder-surface--animated_gradient:not(.folder-page-surface)::after,.reward-folder-aurora-layer::before,.reward-folder-aurora-layer::after {animation:none}}