:root{color:#fff;background:#050816;font-family:Inter,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.realm-card:before{content:"";background:linear-gradient(90deg,#0000,#7dd3fc26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.realm-card h2{color:#7dd3fc;margin-top:0}.realm-card p{color:#e2e8f0}.realm-card small{color:#94a3b8}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;transition:transform .2s,opacity .2s}.action-btn:hover{transform:scale(1.05)}.download-btn{color:#fff;background:#2563eb}.delete-btn{color:#fff;background:#dc2626}.realm-card{transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.realm-card:after{content:"";pointer-events:none;opacity:.7;background-color:#0000;background-image:linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8),linear-gradient(#38bdf8,#38bdf8);background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat;background-size:24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px,24px 2px,2px 24px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;position:absolute;inset:0}.realm-card:before{content:"";background:linear-gradient(90deg,#0000,#7dd3fc26,#7dd3fc59,#0000);width:60%;height:100%;transition:all .7s;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.realm-card:hover:before{left:140%}.realm-card:hover{transform:translateY(-8px)scale(1.03);box-shadow:0 0 10px #38bdf899,0 0 20px #38bdf880,0 0 40px #2563eb66,inset 0 0 20px #38bdf814;border-color:#38bdf8!important}.realm-card:hover h2{color:#a5f3fc;text-shadow:0 0 8px #38bdf8,0 0 20px #38bdf8}.realm-card h2:after{content:" ●";color:#22c55e;font-size:.75rem;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.35}50%{opacity:1}to{opacity:.35}}body{background-color:#050816;background-image:linear-gradient(#38bdf814 1px,#0000 1px),linear-gradient(90deg,#38bdf814 1px,#0000 1px);background-size:40px 40px}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#38bdf81f,#0000 70%);position:fixed;inset:0}.back-home-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:10px;margin-bottom:20px;padding:10px 16px;transition:all .25s}.back-home-btn:hover{background:#334155;box-shadow:0 0 12px #3b82f673}