@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Zen+Kaku+Gothic+New:wght@400;700;900&display=swap";
:root{--rarity-common:#89a;--rarity-rare:#7eb8f7;--rarity-epic:#c084fc;--rarity-legendary:#ffda44;--orbiton-navy:#1a3273;--orbiton-beige:#e4d4b1;--orbiton-gold:#d4a843;--orbiton-bg:#080814}.pixel-text{letter-spacing:.02em;font-family:"Press Start 2P",ui-monospace,monospace}.char-text{font-family:Zen Kaku Gothic New,system-ui,sans-serif}[data-locale=ja] .pixel-text{letter-spacing:.05em;font-family:Zen Kaku Gothic New,system-ui,sans-serif;font-weight:900}.sprite,img.sprite{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.pixel-screen{position:relative}.pixel-screen:after{content:"";pointer-events:none;z-index:100;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 3px);position:absolute;inset:0}.pixel-border{outline-offset:0;outline:2px solid}.pixel-border-common{outline:2px solid var(--rarity-common)}.pixel-border-rare{box-shadow:0 0 0 2px var(--rarity-rare), 0 0 0 5px var(--orbiton-bg), 0 0 0 7px var(--rarity-rare)}.pixel-border-epic{outline:3px dashed var(--rarity-epic);outline-offset:2px;animation:.6s linear infinite pixel-march,1.8s ease-in-out infinite pixel-epic-pulse}@keyframes pixel-march{0%{outline-offset:2px}to{outline-offset:8px}}@keyframes pixel-epic-pulse{0%,to{filter:drop-shadow(0 0 4px var(--rarity-epic))}50%{filter:drop-shadow(0 0 14px var(--rarity-epic))}}.pixel-border-legendary{box-shadow:0 0 0 3px var(--rarity-legendary), 0 0 0 6px var(--orbiton-bg), 0 0 0 8px var(--rarity-legendary), 0 0 24px #ffda4466;animation:2.2s ease-in-out infinite pixel-legendary-pulse;position:relative}.pixel-border-legendary:before,.pixel-border-legendary:after{content:"";border:3px solid var(--rarity-legendary);pointer-events:none;width:14px;height:14px;position:absolute}.pixel-border-legendary:before{border-bottom:none;border-right:none;top:-6px;left:-6px}.pixel-border-legendary:after{border-top:none;border-left:none;bottom:-6px;right:-6px}@keyframes pixel-legendary-pulse{0%,to{box-shadow:0 0 0 3px var(--rarity-legendary), 0 0 0 6px var(--orbiton-bg), 0 0 0 8px var(--rarity-legendary), 0 0 18px #ffda4459}50%{box-shadow:0 0 0 3px var(--rarity-legendary), 0 0 0 6px var(--orbiton-bg), 0 0 0 8px var(--rarity-legendary), 0 0 34px #ffda44b3}}.text-rarity-common{color:var(--rarity-common)}.text-rarity-rare{color:var(--rarity-rare)}.text-rarity-epic{color:var(--rarity-epic)}.text-rarity-legendary{color:var(--rarity-legendary)}.pixel-starfield{background-color:var(--orbiton-bg);background-image:radial-gradient(1px 1px at 20% 30%,#fffc,#0000 50%),radial-gradient(1px 1px at 75% 15%,#fff9,#0000 50%),radial-gradient(1px 1px at 40% 70%,#ffffffb3,#0000 50%),radial-gradient(1px 1px at 85% 85%,#ffffff80,#0000 50%),radial-gradient(1px 1px at 10% 90%,#fff9,#0000 50%),radial-gradient(2px 2px at 60% 40%,#e4d4b166,#0000 50%);background-size:200px 200px,220px 220px,180px 180px,240px 240px,160px 160px,300px 300px}.gacha-frame{aspect-ratio:9/16;width:100%;max-width:390px;margin-inline:auto}.pixel-shake{animation:.12s steps(3,end) infinite pixel-shake}@keyframes pixel-shake{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,2px)}to{transform:translate(0)}}.pixel-glitch{animation:1.8s step-end infinite pixel-glitch}@keyframes pixel-glitch{0%,92%,to{transform:translate(0)}93%{transform:translate(-2px)}94%{transform:translate(2px,1px)}95%{transform:translateY(-1px)}}.pixel-bar{height:8px;image-rendering:pixelated;background:#ffffff14;position:relative}.pixel-bar-fill{background:currentColor linear-gradient(90deg,currentColor 0 90%,#00000040 90% 100%) 0 0/10px 100%;height:100%}