:root{--bg:#090b14;--panel:#101321;--panel-2:#141a2b;--text:#f3f4fb;--muted:#a0a8ba;--faint:#667086;--line:#303148;--line-soft:#202337;--mint:#b8ff54;--violet:#ff4bd8;--blue:#6ef5d0;--mono:'DM Mono',monospace;--sans:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 18%,#ff4bd80c,transparent 28%),radial-gradient(ellipse at 14% 48%,#b8ff5408,transparent 32%),var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(68px);border-radius:50%;opacity:.13}.ambient-a{width:410px;height:410px;right:12%;top:130px;background:#ff4bd8}.ambient-b{width:290px;height:290px;left:-100px;top:620px;background:#b8ff54}
/* Arcane-tech motes: more floating glass orbs, neon rims, and tiny twinkling signal stars. */
.bubble-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.9}
.bubble-field i{position:absolute;display:block;width:10px;height:10px;border-radius:50%;border:1px solid #f5f7ff9c;background:radial-gradient(circle at 28% 24%,#ffffffed 0 5%,#b8ff5444 18%,#ff4bd820 43%,#090b1400 72%);box-shadow:inset -2px -2px 5px #ff4bd83b,0 0 9px #ff4bd83a,0 0 18px #b8ff5415;animation:bubble-drift 8s ease-in-out infinite,bubble-glint 3.6s ease-in-out infinite}
.bubble-field i:after{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font:7px/1 sans-serif;color:#f8ffff;text-shadow:0 0 5px #fff,0 0 9px #ff4bd8,0 0 12px #b8ff54;opacity:.85}
.bubble-field i:nth-child(1){left:5%;top:18%;width:8px;height:8px;animation-delay:-2s,-1s}.bubble-field i:nth-child(2){left:42%;top:10%;width:17px;height:17px;animation-delay:-5s,-2s}.bubble-field i:nth-child(3){right:7%;top:26%;width:7px;height:7px;animation-delay:-3s,-.5s}.bubble-field i:nth-child(4){left:58%;top:60%;width:12px;height:12px;animation-delay:-7s,-2.5s}.bubble-field i:nth-child(5){right:17%;top:74%;width:19px;height:19px;animation-delay:-1s,-1.5s}.bubble-field i:nth-child(6){left:22%;top:78%;width:6px;height:6px;animation-delay:-4s,-3s}.bubble-field i:nth-child(7){right:40%;top:37%;width:5px;height:5px;animation-delay:-6s,-1s}
.bubble-field i:nth-child(8){left:14%;top:43%;width:13px;height:13px;animation-delay:-3s,-2s}.bubble-field i:nth-child(9){left:31%;top:28%;width:6px;height:6px;animation-delay:-6s,-.8s}.bubble-field i:nth-child(10){left:68%;top:19%;width:9px;height:9px;animation-delay:-1s,-2.7s}.bubble-field i:nth-child(11){right:25%;top:42%;width:14px;height:14px;animation-delay:-4s,-1.2s}.bubble-field i:nth-child(12){left:49%;top:80%;width:8px;height:8px;animation-delay:-2s,-3.2s}.bubble-field i:nth-child(13){left:76%;top:57%;width:6px;height:6px;animation-delay:-7s,-1.8s}.bubble-field i:nth-child(14){left:35%;top:67%;width:16px;height:16px;animation-delay:-5s,-.4s}.bubble-field i:nth-child(15){left:88%;top:83%;width:10px;height:10px;animation-delay:-2.5s,-2.4s}.bubble-field i:nth-child(16){left:3%;top:66%;width:12px;height:12px;animation-delay:-4.5s,-1.4s}.bubble-field i:nth-child(17){left:53%;top:25%;width:5px;height:5px;animation-delay:-3.5s,-.9s}.bubble-field i:nth-child(18){left:81%;top:12%;width:15px;height:15px;animation-delay:-6.5s,-2.1s}.bubble-field i:nth-child(19){left:27%;top:54%;width:8px;height:8px;animation-delay:-1.5s,-3s}.bubble-field i:nth-child(20){left:64%;top:87%;width:6px;height:6px;animation-delay:-5.5s,-1.1s}.bubble-field i:nth-child(21){left:93%;top:48%;width:11px;height:11px;animation-delay:-3.2s,-2.8s}.bubble-field i:nth-child(22){left:11%;top:88%;width:5px;height:5px;animation-delay:-6.2s,-.6s}.bubble-field i:nth-child(23){left:72%;top:70%;width:8px;height:8px;animation-delay:-2.2s,-1.7s}.bubble-field i:nth-child(24){left:46%;top:47%;width:7px;height:7px;animation-delay:-4.2s,-2.2s}
@keyframes bubble-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(9px,-18px,0) scale(1.12)}}
@keyframes bubble-glint{0%,100%{filter:brightness(.82);opacity:.68}48%{filter:brightness(1.65);opacity:1}}
.hero:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:-5%;right:-5%;bottom:-1px;height:75px;opacity:.55;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 45 C180 110 300 5 500 50 S850 110 1050 40 S1280 5 1440 50 L1440 120 L0 120Z' fill='%23ff4bd8' fill-opacity='.055'/%3E%3Cpath d='M0 64 C200 8 330 110 560 65 S900 8 1110 62 S1300 110 1440 48' fill='none' stroke='%23ffffff' stroke-opacity='.16' stroke-width='1.2'/%3E%3Cpath d='M0 83 C180 30 360 120 580 82 S940 28 1140 80 S1320 95 1440 73' fill='none' stroke='%23b8ff54' stroke-opacity='.23' stroke-width='1'/%3E%3C/svg%3E")}
.topbar{height:78px;padding:0 clamp(22px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);position:relative;z-index:2;background:#090c14e8}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid #4a586e;border-radius:8px;font:500 12px var(--mono);color:var(--mint);background:linear-gradient(135deg,#182538,#0b111c)}.brand-mark i{font-style:normal;color:#66748a}.brand-word{font-size:16px;font-weight:700;letter-spacing:-.7px}.brand-word span{color:#aab6ca;font-weight:500}.system-state{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.7px;color:var(--muted)}.system-state b{font-weight:400;color:var(--mint);padding:5px 7px;border:1px solid #c5ff4a2e;border-radius:4px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #c5ff4a77}.topbar nav a{font-size:11px;color:#b8c3d6}.topbar nav span{color:var(--mint);margin-left:8px}.hero{position:relative;min-height:590px;padding:105px clamp(22px,10vw,150px) 76px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(35px,7vw,110px);align-items:center;border-bottom:1px solid var(--line-soft);isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#2c384a26 1px,transparent 1px),linear-gradient(90deg,#2c384a26 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000 100%);opacity:.5}.hero-copy{max-width:610px}.overline{display:flex;align-items:center;gap:10px;font:9px var(--mono);letter-spacing:1.1px;color:var(--mint)}.overline-line{display:inline-block;width:22px;height:1px;background:var(--mint)}.overline-id{margin-left:auto;color:#69758a}.hero h1{font-size:clamp(43px,5.5vw,72px);line-height:1.12;letter-spacing:-3.2px;font-weight:550;margin:27px 0 20px;position:relative}.hero h1:after{content:"";display:block;width:112px;height:7px;margin-top:17px;border-top:1px solid #ffffff8a;border-radius:50%;transform:rotate(-3deg);box-shadow:0 -2px 0 -1px #ff4bd8a8}.hero h1 span{color:#a7b5ca;font-weight:400}.hero-description{max-width:475px;color:#9ca8bc;font-size:13px;line-height:1.9;margin:0}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.primary-action{display:inline-flex;align-items:center;gap:32px;padding:13px 16px;border:1px solid #c5ff4a8a;border-radius:5px;background:linear-gradient(100deg,#c5ff4a1c,#c5ff4a06);font-size:11px;font-weight:600;transition:background .2s,border-color .2s}.primary-action:hover{background:#c5ff4a2c;border-color:var(--mint)}.primary-action span{color:var(--mint);font-size:16px}.action-note{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:.25px;color:#738198}.tiny-square{width:5px;height:5px;background:var(--violet);display:inline-block}.status-panel{position:relative;max-width:450px;width:100%;justify-self:end;padding:20px 21px 14px;background:linear-gradient(145deg,#111a29f2,#0b101af5);border:1px solid #ffffff2b;border-radius:13px 8px 14px 9px;box-shadow:0 22px 65px #0005,inset 0 1px #ffffff12}.panel-heading{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.7px;color:#aab7cb}.panel-index{color:#6e7b91}.profile-row{display:flex;align-items:center;gap:15px;padding:22px 0 18px}.profile-emblem{width:65px;height:65px;flex-shrink:0;border:1px solid #8fa2bd48;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#1b2e3a,#0c131f 68%);font:12px var(--mono);color:var(--mint)}.emblem-ring{position:absolute;inset:5px;border:1px dashed #c5ff4a6e;border-radius:50%}.ring-two{inset:-5px;border-color:#ff4fd84a;border-style:solid;transform:rotate(35deg);border-radius:38% 62% 48% 52%}.profile-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.meta-label{font:8px var(--mono);letter-spacing:.8px;color:#74839a}.profile-meta strong{font-size:12px;letter-spacing:.5px}.muted{font-size:10px;color:#8592a7}.level-badge{margin-left:auto;align-self:flex-start;padding:5px 7px;border:1px solid #ff4fd860;border-radius:4px;color:var(--violet);font:9px var(--mono)}.panel-divider{height:1px;background:var(--line);margin-bottom:17px}.stat-row{display:grid;grid-template-columns:1fr auto;gap:9px 12px;margin:15px 0;font:8px var(--mono);letter-spacing:.3px;color:#8492a8}.stat-row strong{font-weight:400;color:#c7d1e1;font-size:8px}.stat-track{grid-column:1/-1;height:3px;background:#222d40;border-radius:4px;overflow:hidden}.stat-track i{height:100%;display:block;background:var(--mint);border-radius:4px;box-shadow:0 0 9px #c5ff4a44}.stat-track.violet i{background:var(--violet);box-shadow:0 0 9px #ff4fd844}.stat-track.blue i{background:var(--blue);box-shadow:0 0 9px #63f5c844}.panel-foot{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:19px;padding-top:13px;font:7px var(--mono);letter-spacing:.35px;color:#6f7d91}.panel-foot .live-dot{margin-right:6px;width:5px;height:5px}.corner{position:absolute;width:9px;height:9px;border-color:var(--mint);opacity:.8}.corner-tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.corner-br{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.hero-baseline{position:absolute;bottom:0;left:clamp(22px,6vw,92px);right:clamp(22px,6vw,92px);height:39px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.5px;color:#66758a}.hero-baseline b{color:var(--mint);font-size:7px;margin-left:6px}.worlds{padding:76px clamp(22px,10vw,150px) 35px;position:relative}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-intro h2{font-size:clamp(26px,3.5vw,39px);font-weight:500;letter-spacing:-1.5px;margin:15px 0 0}.section-intro>p{font-size:11px;line-height:1.9;color:#8592a7;margin:0 0 3px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.world-card{min-width:0;overflow:hidden;background:linear-gradient(155deg,#111927,#0b1019);border:1px solid #283448;border-radius:11px 7px 12px 8px;transition:transform .2s,border-color .2s,box-shadow .2s}.world-card:hover{transform:translateY(-3px);border-color:#637d8e;box-shadow:0 12px 28px #0003}.card-top{height:39px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #263144;font:8px var(--mono);letter-spacing:.4px;color:#7d8ba0}.card-state{display:flex;align-items:center;gap:6px;color:var(--mint);font-size:7px}.card-state i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.state-developing{color:#c5b5ff}.state-developing i{background:var(--violet)}.world-visual{height:175px;position:relative;overflow:hidden;border-bottom:1px solid #263144}.visual-romance{background:radial-gradient(ellipse at 68% 47%,#ff4fd835,transparent 46%),linear-gradient(130deg,#241326,#111927 70%)}.visual-fantasy{background:radial-gradient(ellipse at 55% 48%,#c5ff4a22,transparent 47%),linear-gradient(130deg,#17251c,#111927 75%)}.visual-mystery{background:radial-gradient(ellipse at 58% 45%,#63f5c820,transparent 48%),linear-gradient(130deg,#17251e,#111927 75%)}.visual-orbit{position:absolute;border:1px solid #ff4fd86b;border-radius:50%;width:150px;height:150px;top:3px;right:7%;transform:rotate(-24deg)}.orbit-a:after{content:'';position:absolute;inset:15px;border:1px dashed #ff4fd85c;border-radius:50%}.orbit-b{width:175px;height:60px;top:45px;right:3%;transform:rotate(35deg);border-color:#ff4fd84a}.visual-cross{position:absolute;right:24%;top:35%;font-size:24px;color:#ff83e2}.visual-caption{position:absolute;bottom:12px;left:13px;right:13px;display:flex;justify-content:space-between;gap:10px;font:7px var(--mono);letter-spacing:.3px;color:#8290a6}.visual-caption span{color:#66758b}.sigil{position:absolute;width:116px;height:116px;left:50%;top:43%;transform:translate(-50%,-50%);border:1px solid #ffffff9c;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 25px #b8ff5415,0 0 40px #ff4bd80b;background:radial-gradient(circle,#ffffff08,transparent 65%)}.sigil:before,.sigil:after{content:'';position:absolute;inset:9px;border:1px solid #ff4bd879;transform:rotate(45deg);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.sigil:after{inset:18px;transform:rotate(22.5deg);border-color:#b8ff5480;clip-path:none;border-radius:50%}.sigil span{width:26px;height:26px;border:1px solid var(--mint);transform:rotate(45deg);background:#c5ff4a0b}.sigil i{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 22px var(--mint)}.sigil .sigil-glyph{position:absolute;font:15px var(--mono);font-weight:400;color:#ffffff;transform:translateY(-1px);text-shadow:0 0 8px #ff4bd8,0 0 16px #b8ff54}.sigil .sigil-tick{position:absolute;width:5px;height:5px;border:1px solid #ffffffc4;border-radius:50%;background:#090b14}.sigil .tick-a{top:-3px;left:calc(50% - 2px)}.sigil .tick-b{bottom:-3px;left:calc(50% - 2px)}.sigil .tick-c{left:-3px;top:calc(50% - 2px)}.sigil .tick-d{right:-3px;top:calc(50% - 2px)}.level-chip{position:absolute;top:17px;right:13px;padding:5px 7px;border:1px solid #c5ff4a4c;border-radius:3px;font:7px var(--mono);color:var(--mint)}.mystery-grid{position:absolute;inset:0;background:linear-gradient(#63f5c815 1px,transparent 1px),linear-gradient(90deg,#63f5c815 1px,transparent 1px);background-size:20px 20px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}.mystery-core{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:66px;height:66px;border:1px solid #63f5c89c;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:28px;font-weight:300;box-shadow:0 0 28px #63f5c812}.card-content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 14px 19px;min-height:147px}.category{font:7px var(--mono);letter-spacing:.6px;color:#9babc0;margin-bottom:9px}.card-content h3{font-size:16px;font-weight:600;letter-spacing:-.5px;margin:0 0 8px}.card-content p{font-size:10px;line-height:1.8;color:#8b98ac;margin:0;max-width:275px}.card-arrow{font-size:18px;color:var(--mint);padding-top:18px}.directory-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line-soft);margin-top:24px;padding-top:15px;font:7px var(--mono);letter-spacing:.4px;color:#718096}.directory-foot .live-dot{width:5px;height:5px;margin-right:7px}.directory-foot b{font-size:13px;font-weight:400;color:var(--mint);margin-left:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px clamp(22px,6vw,92px);border-top:1px solid var(--line-soft);font:8px var(--mono);letter-spacing:.3px;color:#6e7b8e}.footer-brand .brand-mark{width:29px;height:29px;font-size:10px}.footer-brand .brand-word{font-size:14px}.footer-note{margin-left:auto;margin-right:auto}
@media(max-width:900px){.hero{padding-left:7vw;padding-right:7vw;gap:35px;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.hero h1{font-size:clamp(43px,6vw,60px)}.worlds{padding-left:7vw;padding-right:7vw}.world-grid{gap:10px}.card-content{padding:15px 12px}.card-content h3{font-size:15px}.card-content p{font-size:9px}}
@media(max-width:700px){.topbar{height:68px;padding:0 20px}.system-state{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding:75px 22px 65px;gap:40px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(44px,9vw,62px);letter-spacing:-2.5px}.hero-description{font-size:12px}.status-panel{justify-self:initial;max-width:100%;width:100%}.hero-baseline{left:20px;right:20px;font-size:7px}.worlds{padding:58px 20px 30px}.section-intro{display:block}.section-intro>p{margin-top:13px}.world-grid{grid-template-columns:1fr}.world-visual{height:165px}.card-content{min-height:unset;padding:17px 14px 19px}.card-content p{font-size:10px}.directory-foot{font-size:6px}footer{padding:20px;flex-wrap:wrap}.footer-note{margin:0 auto 0 0}footer .footer-code{margin-left:auto}}
@media(max-width:390px){.brand-word{font-size:14px}.brand{gap:8px}.topbar nav a{font-size:10px}.hero h1{font-size:42px}.action-note{font-size:7px}.hero-actions{gap:14px}.panel-foot{font-size:6px}.directory-foot{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Original transmutation-inspired system mark, intentionally not based on an existing franchise sigil */
.alchemy-mark{position:absolute;inset:0;display:grid;place-items:center;opacity:.95;pointer-events:none}
.alchemy-mark .mark-triangle{position:absolute;width:35px;height:35px;border:1px solid #ffffffb0;clip-path:polygon(50% 0,100% 100%,0 100%);background:transparent}
.alchemy-mark .mark-diamond{position:absolute;width:25px;height:25px;border:1px solid #b8ff54;transform:rotate(45deg);box-shadow:0 0 10px #b8ff5430}
.alchemy-mark .mark-core{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff4bd8;box-shadow:0 0 12px #ff4bd8}
.alchemy-mark b{position:absolute;bottom:4px;right:5px;font:9px var(--mono);color:#fff;text-shadow:0 0 8px #ff4bd8}
.profile-emblem>span{position:relative;z-index:1;font:8px var(--mono);letter-spacing:1px;background:#090b14c9;padding:3px 4px;border-radius:3px;color:#f8f8ff}
.world-visual:after{content:'✧  ·  ○';position:absolute;right:19px;top:13px;font-size:13px;letter-spacing:10px;color:#ffffffb8;text-shadow:0 0 10px #fff,0 0 16px #ff4bd8;pointer-events:none}
@media(prefers-reduced-motion:reduce){.bubble-field i{animation:none}}

/* Summoning-circle / cyberpunk pass: large, original sigil anchored off the left edge. */
.hero{padding-left:clamp(125px,17vw,255px);gap:clamp(28px,5vw,76px);overflow:hidden}
.hero:before{mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 100%);opacity:.42}
.hero-copy{position:relative;z-index:1;transform:translateX(clamp(0px,1.2vw,18px))}
.summoning-circle{position:absolute;z-index:-1;left:clamp(-270px,-17vw,-150px);top:50%;width:clamp(430px,48vw,640px);aspect-ratio:1;transform:translateY(-51%);pointer-events:none;opacity:.76;filter:drop-shadow(0 0 16px #ff4bd81c) drop-shadow(0 0 26px #b8ff5410);}
.summoning-circle:before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#ff4bd80b 0,transparent 62%);box-shadow:0 0 75px #ff4bd80b,inset 0 0 45px #b8ff5408}
.summoning-circle svg{display:block;width:100%;height:100%;overflow:visible}
.sigil-spin{transform-origin:300px 300px;animation:sigil-rotate 95s linear infinite}
.sigil-spin-reverse{transform-origin:300px 300px;animation:sigil-rotate-reverse 130s linear infinite}
.sigil-caption{position:absolute;left:50%;top:calc(50% + 105px);transform:translateX(-50%);font:8px var(--mono);letter-spacing:2px;color:#f7f7ff99;white-space:nowrap;text-shadow:0 0 10px #ff4bd8}
@keyframes sigil-rotate{to{transform:rotate(360deg)}}
@keyframes sigil-rotate-reverse{to{transform:rotate(-360deg)}}
/* Low-opacity CRT scanlines and animated neon signal grain; text stays readable. */
.screen-static{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.12;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,#e8f1ff10 4px),linear-gradient(115deg,#ff4bd805,transparent 38%,#b8ff5404);mix-blend-mode:screen}
.screen-static:before{content:"";position:absolute;inset:-40%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.21;animation:signal-grain .22s steps(2,end) infinite}
.screen-static:after{content:"";position:absolute;left:0;right:0;height:2px;top:24%;background:linear-gradient(90deg,transparent,#ff4bd830,#ffffff20,#b8ff5430,transparent);box-shadow:0 0 14px #ff4bd820;animation:signal-scan 11s linear infinite}
@keyframes signal-grain{0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
@keyframes signal-scan{0%{top:-3%;opacity:0}8%{opacity:.65}90%{opacity:.4}100%{top:103%;opacity:0}}
@media(max-width:900px){.hero{padding-left:clamp(100px,14vw,150px);gap:30px}.summoning-circle{left:-235px;width:520px;opacity:.55}.hero-copy{transform:none}}
@media(max-width:700px){.hero{padding:65px 22px 65px;gap:40px}.summoning-circle{left:-285px;top:235px;width:490px;opacity:.25}.hero-copy{transform:none}.hero:before{mask-image:linear-gradient(90deg,transparent,#000 30%,#000 100%)}.screen-static{opacity:.075}.status-panel{position:relative;z-index:1}}
@media(prefers-reduced-motion:reduce){.sigil-spin,.sigil-spin-reverse,.screen-static:before,.screen-static:after{animation:none!important}}


/* Desktop composition refinement: tighten the center gap and give the headline room to lead. */
@media(min-width:901px){
  .hero{
    padding-left:clamp(150px,16vw,238px);
    padding-right:clamp(48px,7vw,105px);
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:clamp(22px,3.2vw,48px);
  }
  .hero-copy{max-width:720px;transform:translateX(clamp(12px,1.5vw,24px));}
  .hero h1{font-size:clamp(58px,6.1vw,86px);letter-spacing:-3.8px;line-height:1.08;margin-top:24px;margin-bottom:22px;}
  .hero-description{max-width:560px;font-size:14px;line-height:1.95;}
  .hero-actions{margin-top:35px;gap:24px;}
  .status-panel{max-width:430px;justify-self:stretch;}
}


/* Final polish: sharper display type, fuller neon signal texture, and a right-shifted player interface. */
:root{--display:"Oxanium","Manrope",sans-serif}
.hero h1,.section-intro h2,.card-content h3,.brand-word{font-family:var(--display);}
.hero h1{font-weight:600;letter-spacing:-2.5px;text-shadow:0 0 28px #ff4bd80d;}
.hero h1 span{font-weight:500;color:#f4f2ff;text-shadow:0 0 18px #ff4bd81c,1px 0 #b8ff5430;}
@media(min-width:901px){
  .hero{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(26px,3vw,48px);padding-right:clamp(26px,4vw,62px);}
  .hero-copy{max-width:780px;transform:translateX(clamp(20px,2.5vw,42px));}
  .hero h1{font-size:clamp(66px,7.15vw,100px);line-height:1.04;letter-spacing:-3.5px;margin-top:25px;margin-bottom:24px;}
  .hero-description{max-width:620px;font-size:15px;line-height:1.9;}
  .hero-actions{margin-top:37px;}
  .status-panel{max-width:420px;justify-self:end;transform:translateX(clamp(8px,1.7vw,28px));}
}
/* Tiny intermittent pink/green signal flecks distributed across the viewport. */
.screen-static{opacity:.145;background:
  radial-gradient(circle at 7% 22%,#ff4bd8b0 0 1px,transparent 1.8px),
  radial-gradient(circle at 82% 31%,#b8ff54a8 0 1px,transparent 1.7px),
  radial-gradient(circle at 63% 76%,#ffffff85 0 1px,transparent 1.8px),
  radial-gradient(circle at 29% 61%,#ff4bd880 0 1px,transparent 1.6px),
  radial-gradient(circle at 91% 83%,#b8ff5480 0 1px,transparent 1.7px),
  repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,#e8f1ff10 4px),
  linear-gradient(115deg,#ff4bd807,transparent 38%,#b8ff5406);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,auto,auto;mix-blend-mode:screen}
.screen-static:before{opacity:.29;animation:signal-grain .16s steps(2,end) infinite}
.screen-static:after{height:1px;box-shadow:0 0 17px #ff4bd838,0 0 25px #b8ff5418}
@media(max-width:900px){.hero h1{font-size:clamp(53px,7.2vw,76px)}.hero-copy{transform:none}.status-panel{transform:none}}
@media(max-width:700px){.hero h1{font-size:clamp(44px,9vw,62px);letter-spacing:-2px}.screen-static{opacity:.09}}
@media(prefers-reduced-motion:reduce){.screen-static:before{animation:none!important}}


/* Peripheral sci-fi telemetry: decorative relay lines, fictional timestamps and packet IDs. */
.telemetry-overlay{position:fixed;inset:0;z-index:4;pointer-events:none;overflow:hidden;color:#a8b5c9;font:8px var(--mono);letter-spacing:1px;text-transform:uppercase;opacity:.78}
.telemetry-tag{position:absolute;display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:7px;letter-spacing:1.25px;color:#8492a8}
.telemetry-tag i,.telemetry-rail i{display:block;background:linear-gradient(90deg,#ff4bd8,#b8ff54);height:1px;box-shadow:0 0 8px #ff4bd855}
.telemetry-tag b,.telemetry-rail b{font-weight:400;color:#e9edf6}
.telemetry-top{top:96px;left:clamp(24px,4.2vw,66px);width:min(36vw,460px)}
.telemetry-top i{flex:1;max-width:180px}
.telemetry-left{left:clamp(18px,3.2vw,48px);top:39%;width:110px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;transform:rotate(-90deg);transform-origin:left top;opacity:.76}
.telemetry-left i{width:100%;background:linear-gradient(90deg,#b8ff54,#ffffff,#ff4bd8)}
.telemetry-left em,.telemetry-right em{font-style:normal;color:#b8ff54}
.telemetry-left small,.telemetry-right small{font-size:7px;color:#66758a}
.telemetry-right{right:clamp(18px,2.8vw,42px);top:47%;width:122px;display:flex;flex-direction:column;align-items:flex-end;gap:9px;transform:rotate(90deg);transform-origin:right top;opacity:.72}
.telemetry-right i{width:100%;background:linear-gradient(90deg,#ff4bd8,#ffffff,#b8ff54)}
.telemetry-bottom{bottom:53px;left:clamp(24px,6vw,92px);right:clamp(24px,6vw,92px);height:13px;justify-content:space-between;gap:15px;opacity:.6}
.telemetry-bottom:before,.telemetry-bottom:after{content:"";position:absolute;top:-7px;height:4px;width:4px;border:1px solid #ff4bd8;border-radius:50%;box-shadow:0 0 9px #ff4bd8}
.telemetry-bottom:before{left:0}.telemetry-bottom:after{right:0;border-color:#b8ff54;box-shadow:0 0 9px #b8ff54}
.telemetry-bottom i{height:1px;flex:1;background:linear-gradient(90deg,#ff4bd8aa,#ffffff24,#b8ff54aa)}
.telemetry-streak{position:absolute;height:1px;opacity:.48;background:linear-gradient(90deg,transparent,#ff4bd8,#ffffff,#b8ff54,transparent);box-shadow:0 0 8px #ff4bd82b}
.streak-one{top:26%;left:6%;width:24%;transform:rotate(-11deg)}
.streak-two{top:67%;right:3%;width:21%;transform:rotate(-18deg);opacity:.32}
.streak-three{top:84%;left:33%;width:15%;transform:rotate(9deg);opacity:.28}
@media(max-width:900px){.telemetry-left,.telemetry-right{opacity:.45}.telemetry-top{top:86px;width:30vw}.telemetry-bottom{bottom:48px}}
@media(max-width:700px){.telemetry-overlay{opacity:.48}.telemetry-top{left:22px;top:78px;width:calc(100% - 44px);font-size:6px}.telemetry-left,.telemetry-right{display:none}.telemetry-bottom{left:22px;right:22px;bottom:47px;font-size:6px}.telemetry-bottom b{display:none}.streak-one{top:22%;left:4%;width:31%}.streak-two{top:73%;right:2%;width:25%}.streak-three{display:none}}
@media(prefers-reduced-motion:reduce){.telemetry-streak{opacity:.25}}

/* Player profile + account foundation preview */
.top-nav{display:flex;align-items:center;gap:22px}.profile-nav-button{display:flex;align-items:center;gap:8px;background:#101620b8;border:1px solid #ff4bd85c;color:#e9e9f4;border-radius:4px;padding:10px 12px;font:9px var(--mono);letter-spacing:.6px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.profile-nav-button:hover{border-color:var(--mint);box-shadow:0 0 18px #b8ff5420}.nav-orb{color:var(--mint);font-size:15px;text-shadow:0 0 10px var(--mint)}.status-panel[data-open-profile]{cursor:pointer;transition:border-color .2s,box-shadow .2s}.status-panel[data-open-profile]:hover{border-color:#ff4bd875;box-shadow:0 0 30px #ff4bd811}.profile-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:22px}.profile-modal.is-open{display:flex}.profile-backdrop{position:absolute;inset:0;background:#03050b96;backdrop-filter:blur(5px)}.profile-window{position:relative;width:min(680px,100%);max-height:min(88vh,900px);overflow:auto;background:radial-gradient(ellipse at 4% 0%,#ff4bd812,transparent 42%),linear-gradient(145deg,#111a28f7,#090d16f9);border:1px solid #48546a;box-shadow:0 0 0 1px #ff4bd81a,0 25px 100px #000b,0 0 55px #b8ff5410;padding:clamp(19px,4vw,34px);color:#f5f5fb}.profile-window:before,.profile-window:after{content:'';position:absolute;width:14px;height:14px;pointer-events:none}.profile-window:before{top:-1px;left:-1px;border-top:2px solid var(--mint);border-left:2px solid var(--mint)}.profile-window:after{bottom:-1px;right:-1px;border-bottom:2px solid #ff4bd8;border-right:2px solid #ff4bd8}.profile-window-top,.profile-window-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font:8px var(--mono);letter-spacing:.7px;color:#7f8ba0}.profile-window-top .live-dot{display:inline-block;width:6px;height:6px;margin-right:8px}.modal-close{background:transparent;border:1px solid #344054;color:#dce4ef;font-size:23px;width:34px;height:34px;cursor:pointer}.modal-close:hover{border-color:#ff4bd8;color:#ff8de5}.profile-window-head{display:flex;align-items:center;gap:19px;margin:27px 0 25px}.profile-window-sigil{flex:0 0 74px;width:74px;height:74px;display:grid;place-items:center;border:1px solid #ff4bd8a1;border-radius:50%;font:15px var(--mono);color:#fff;background:radial-gradient(circle,#ff4bd827,transparent 67%);box-shadow:inset 0 0 18px #b8ff5414,0 0 24px #ff4bd81c}.profile-window-head h2{font:600 clamp(27px,5vw,38px) Oxanium,sans-serif;letter-spacing:-1px;margin:8px 0 4px}.profile-window-head h2 span{color:var(--mint)}.profile-window-head p,.profile-preview-note p,.preset-strip p,.account-callout p,.account-option p,.auth-recommendation p{font-size:11px;line-height:1.7;color:#8e9bb0;margin:5px 0 0}.profile-tabs{display:flex;border-bottom:1px solid #2a3548;gap:18px}.profile-tab{background:none;border:0;border-bottom:2px solid transparent;color:#77859b;padding:12px 2px 11px;font:9px var(--mono);letter-spacing:.8px;cursor:pointer}.profile-tab.active{color:var(--mint);border-bottom-color:var(--mint)}.profile-tab-panel{padding-top:20px}.profile-preview-note,.account-callout{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#141b28;border:1px solid #30394b;margin-bottom:19px}.profile-preview-note>span{font-size:22px;color:var(--mint);text-shadow:0 0 12px #b8ff54}.profile-preview-note strong,.account-callout strong,.account-option strong,.preset-strip strong,.auth-recommendation strong{font-size:11px;letter-spacing:.35px}.player-profile-form{display:grid;gap:15px}.player-profile-form label{display:grid;gap:7px;font:8px var(--mono);letter-spacing:.7px;color:#91a0b5}.player-profile-form input,.player-profile-form textarea{width:100%;box-sizing:border-box;background:#080d15;border:1px solid #303b4f;color:#f7f7ff;border-radius:2px;padding:12px;font:11px Manrope,sans-serif;outline:none;resize:vertical}.player-profile-form input:focus,.player-profile-form textarea:focus{border-color:#ff4bd8;box-shadow:0 0 0 2px #ff4bd814}.player-profile-form input::placeholder,.player-profile-form textarea::placeholder{color:#58657a}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:3px}.local-save-status{font:8px var(--mono);letter-spacing:.3px;color:#78879b}.profile-save{border:0;white-space:nowrap;cursor:pointer}.preset-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #293448;margin-top:23px;padding-top:18px}.preset-strip>div{display:grid;gap:6px}.preset-strip p{margin:0}.preset-count{font:12px var(--mono);color:var(--mint)}.account-callout{border-color:#ff4bd84a;background:#211426}.account-lock{font-size:22px;color:#ff7cdd}.account-options{display:grid;gap:10px}.account-option{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #263144}.account-option-icon{font-size:20px;color:var(--mint)}.account-option p{margin-top:4px}.coming-soon{font:7px var(--mono);letter-spacing:.4px;color:#b8ff54;border:1px solid #b8ff5445;padding:5px 7px;white-space:nowrap}.auth-recommendation{margin-top:20px;padding:15px;border:1px solid #b8ff5438;background:#b8ff5408;display:grid;gap:7px}.auth-recommendation strong{color:#d7ff9b}.auth-recommendation p{margin:0}.profile-window-foot{border-top:1px solid #293448;margin-top:23px;padding-top:14px}.profile-window-foot b{color:var(--mint);font-size:12px;margin-left:5px}@media(max-width:700px){.top-nav{gap:10px}.profile-nav-button{font-size:8px;padding:9px 8px}.profile-modal{padding:10px}.profile-window{max-height:94vh;padding:19px}.profile-window-head{gap:13px;margin:20px 0}.profile-window-sigil{flex-basis:56px;width:56px;height:56px;font-size:12px}.profile-form-row{grid-template-columns:1fr}.profile-form-actions{align-items:flex-start;flex-direction:column}.profile-save{width:100%;justify-content:center}.account-option{grid-template-columns:25px 1fr}.coming-soon{grid-column:2;justify-self:start}.profile-window-foot{font-size:7px}}

/* Profile portrait upload + character build fields */
.avatar-frame{overflow:hidden;isolation:isolate}.player-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;border-radius:inherit}.profile-emblem.has-portrait{border-color:#b8ff54a8;box-shadow:0 0 18px #ff4bd832,0 0 25px #b8ff5418}.profile-emblem.has-portrait .emblem-ring,.profile-emblem.has-portrait .alchemy-mark{opacity:.18}.profile-window-sigil.has-portrait{border-radius:50%;background:#080b13}.profile-window-sigil .player-avatar{border-radius:50%}.avatar-fallback[hidden],.player-avatar[hidden]{display:none!important}.portrait-upload-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:linear-gradient(100deg,#ff4bd80b,#b8ff5408);border:1px solid #344054}.portrait-upload-copy{flex:1;min-width:160px;display:grid;gap:5px}.portrait-upload-copy strong{font-size:12px}.portrait-upload-copy p{font-size:10px;line-height:1.6;color:#8795aa;margin:0}.upload-button{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #b8ff5470;color:#d7ff9b!important;cursor:pointer;white-space:nowrap}.upload-button:hover{background:#b8ff5412;border-color:#b8ff54}.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-action{border:0;background:none;color:#ff83e2;font:8px var(--mono);cursor:pointer;text-decoration:underline}.player-profile-form textarea{min-height:60px}


/* Portrait containment fix: keep uploaded images inside the centered circular datapad portrait. */
.profile-window-sigil{position:relative;flex:0 0 104px;width:104px;height:104px;min-width:104px;min-height:104px;overflow:hidden;border-radius:50%;isolation:isolate;margin:0 auto 14px;}
.profile-window-sigil .player-avatar{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;display:block;border-radius:50%;}
.profile-window-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;margin:22px 0 25px;}
.profile-window-head>div:last-child{width:100%;}
.profile-window-head h2{margin-top:5px;}
@media(max-width:560px){.profile-window-sigil{flex-basis:88px;width:88px;height:88px;min-width:88px;min-height:88px;margin-bottom:12px}.profile-window-head{margin:16px 0 20px}}


/* Portrait framing controls + 20% larger datapad portrait */
.profile-window-sigil{flex:0 0 125px;width:125px;height:125px;min-width:125px;min-height:125px;}
@media(max-width:560px){.profile-window-sigil{flex-basis:106px;width:106px;height:106px;min-width:106px;min-height:106px;}}
.portrait-adjustments{display:grid;gap:13px;padding:14px;margin-top:12px;border:1px solid #344054;background:linear-gradient(110deg,#b8ff5408,#ff4bd80a);}
.portrait-adjustments-head{display:flex;justify-content:space-between;align-items:center;}
.range-label{display:grid!important;grid-template-columns:1fr auto;gap:8px!important;align-items:center!important;font:8px var(--mono)!important;letter-spacing:.4px;color:#aeb9ca!important;}
.range-label output{color:var(--mint);font:10px var(--mono);}
.range-label input[type=range]{grid-column:1/-1;width:100%;accent-color:#b8ff54;cursor:pointer;margin:0;}
.portrait-adjustment-hint{font-size:10px;line-height:1.5;color:#8795aa;margin:0;}

/* Supabase account sign-in */
.auth-form{display:grid;gap:14px;margin-top:18px}.auth-form label{display:grid;gap:7px;font:8px var(--mono);letter-spacing:.6px;color:#aab7cb}.auth-form input{width:100%;min-width:0;padding:12px 13px;border:1px solid #30394e;border-radius:5px;background:#0a0f19;color:var(--text);font:12px var(--sans);outline:none}.auth-form input:focus{border-color:var(--mint);box-shadow:0 0 0 2px #b8ff5418}.auth-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.auth-actions .primary-action{cursor:pointer;color:var(--text);font-family:var(--sans)}.secondary-action{padding:12px 14px;border:1px solid #ff4bd85c;border-radius:5px;background:#ff4bd80a;color:#f4dff0;font:9px var(--mono);letter-spacing:.35px;cursor:pointer}.secondary-action:hover{border-color:var(--violet);background:#ff4bd817}.auth-message{min-height:20px;margin:0;color:#a7b5ca;font-size:11px;line-height:1.7}.auth-message[data-kind="error"]{color:#ff9da9}.auth-message[data-kind="success"]{color:var(--mint)}.signed-in-panel{display:grid;gap:12px;padding:15px;margin-top:16px;border:1px solid #b8ff5440;border-radius:6px;background:#b8ff5408}.signed-in-panel strong{font-size:12px;overflow-wrap:anywhere}.signed-in-panel .secondary-action{justify-self:start}.auth-recommendation{margin-top:18px}


/* YukoiNexus auth fields: slim dark-glass inputs that match the neon datapad. */
#authForm,
#authForm * { box-sizing: border-box; }
#authForm label { gap: 6px; }
#authForm input,
#authForm input[type="email"],
#authForm input[type="password"] {
  display: block !important;
  width: 100% !important;
  min-height: 40px !important;
  padding: 9px 12px !important;
  margin: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  color-scheme: dark;
  color: #f5f5fb !important;
  background: #0b111c !important;
  border: 1px solid #354054 !important;
  border-left: 2px solid #ff4bd878 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 1px 0 #ffffff05 !important;
  font: 12px var(--sans) !important;
  line-height: 1.4 !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
#authForm input::placeholder { color: #68758a !important; opacity: 1 !important; }
#authForm input:focus {
  background: #0d1420 !important;
  border-color: #b8ff5475 !important;
  border-left-color: #b8ff54 !important;
  box-shadow: 0 0 0 2px #b8ff5412, 0 0 16px #ff4bd80b !important;
}
#authForm input:-webkit-autofill,
#authForm input:-webkit-autofill:hover,
#authForm input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f5f5fb !important;
  caret-color: #f5f5fb !important;
  -webkit-box-shadow: 0 0 0 1000px #0b111c inset !important;
  box-shadow: 0 0 0 1000px #0b111c inset !important;
  border: 1px solid #354054 !important;
  border-left: 2px solid #ff4bd878 !important;
}


/* Compact account utilities: neon toggle bubble and quiet recovery link. */
.auth-utility-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:-5px}
.show-password-control{display:inline-flex!important;align-items:center;gap:8px!important;cursor:pointer;user-select:none;color:#9aa8bd!important;font:8px var(--mono)!important;letter-spacing:.7px!important}
.show-password-control input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none;padding:0!important;margin:0!important}
.toggle-track{position:relative;display:inline-flex;align-items:center;width:31px;height:17px;flex:0 0 31px;padding:2px;border:1px solid #48536a;border-radius:99px;background:#0a101a;transition:border-color .18s,background .18s,box-shadow .18s}
.toggle-track span{display:block;width:11px;height:11px;border-radius:50%;background:#7e8ba0;transition:transform .18s,background .18s,box-shadow .18s}
.show-password-control input:checked + .toggle-track{border-color:#b8ff54;background:#b8ff541b;box-shadow:0 0 10px #b8ff5420}
.show-password-control input:checked + .toggle-track span{transform:translateX(13px);background:#b8ff54;box-shadow:0 0 8px #b8ff54a0}
.show-password-control input:focus-visible + .toggle-track{outline:2px solid #ff4bd8;outline-offset:3px}
.forgot-password{padding:2px 0;border:0;background:none;color:#e99cde;font:8px var(--mono);letter-spacing:.55px;cursor:pointer}
.forgot-password:hover{color:#b8ff54;text-shadow:0 0 10px #b8ff5433}
.auth-utility-row [hidden],.auth-actions [hidden],.auth-form label[hidden]{display:none!important}

/* Larger operator portrait on the actual profile/datapad screen */
.profile-window-sigil{
  flex: 0 0 180px !important;
  width: 180px !important;
  height: 180px !important;
  min-width: 180px !important;
  min-height: 180px !important;
  margin: 0 auto 18px !important;
  box-shadow: inset 0 0 22px #b8ff5418, 0 0 28px #ff4bd829, 0 0 44px #b8ff5410 !important;
}
.profile-window-head{gap:0 !important;}
.profile-window-head h2{margin-top:8px !important;}
@media(max-width:560px){
  .profile-window-sigil{
    flex-basis: 150px !important;
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    margin-bottom: 16px !important;
  }
}