:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#090b10;color:#ecedf2;--red:#ed3447;--dim:#99a3b4;--line:#292f3b;--surface:#141923;--green:#8ae2b7}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;padding:12px 19px;border:1px solid transparent;border-radius:9px;background:var(--red);color:white;font-size:13px;font-weight:750;transition:background .2s,transform .2s}button:hover{background:#fc4b5e;transform:translateY(-1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid #f97884;outline-offset:4px}.ghost,button.secondary{border-color:var(--line);background:#1c2431;color:#e9edf5}.ghost:hover,button.secondary:hover{background:#303b4e}.danger{background:#51212c!important;color:#ffadba!important}.text-button{padding:4px;background:transparent!important;color:var(--dim);min-height:44px}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 0,#8c172020,transparent 55%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}.topbar{max-width:1360px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:900;font-size:21px;letter-spacing:3px}.brand img{width:43px;height:43px}.brand small{display:block;color:var(--dim);font-size:8px;letter-spacing:2.4px;margin-top:3px}.top-actions{display:flex;gap:18px;align-items:center}.balance-chip{font-size:13px;color:#fff;font-variant-numeric:tabular-nums}.menu-toggle{background:#1a202c;border:1px solid #414552;padding:11px 16px}.menu-toggle span{color:var(--red);font-size:22px;padding-left:14px;vertical-align:middle}.shell{max-width:1240px;padding:0 32px;margin:auto}.breadcrumb{display:flex;justify-content:space-between;padding:24px 0;font-size:9px;letter-spacing:2px;color:#858c9c;gap:12px}main{min-height:68vh;animation:enter .3s ease-out}main:focus{outline:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#f06b79}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:12px 0 28px}.page-heading h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;margin:8px 0 0}.page-heading p{color:var(--dim);max-width:660px}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}p{font-size:14px;line-height:1.7}small,.muted{color:var(--dim)}.muted{font-size:12px;line-height:1.65}.panel,.tile{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#181e2a,#11161f);padding:26px;margin-bottom:20px}.panel h2{font-size:21px;margin-top:0;letter-spacing:-.5px}.panel h3{margin-top:0}.panel .panel{background:#10151e;margin-top:18px;box-shadow:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid>.panel,.grid>.tile{margin-bottom:0}.grid+.panel,.panel+.grid,.grid+.grid{margin-top:20px}.tile{text-decoration:none;display:block;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.tile:hover{border-color:#b64955;transform:translateY(-3px)}.tile .tile-number{font-size:11px;color:#7e879a;letter-spacing:2px}.tile h2{margin:22px 0 10px;font-size:23px}.tile .arrow{position:absolute;top:22px;right:22px;font-size:22px;color:var(--red)}.tile p{font-size:12px;color:var(--dim);margin-bottom:0}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;padding:36px 0 42px;align-items:center}.hero h1{font-size:clamp(40px,5.5vw,69px);letter-spacing:-3px;line-height:1.06;margin:20px 0}.hero em{font-style:normal;color:var(--red)}.hero p{max-width:520px;color:var(--dim)}.hero .button-row{margin-top:24px}.hero-emblem{display:grid;place-items:center;position:relative;min-height:290px}.hero-emblem:before,.hero-emblem:after{content:"";position:absolute;border:1px solid #e9424433;width:290px;height:290px;border-radius:50%;animation:orbit 48s linear infinite}.hero-emblem:before{border-style:dashed}.hero-emblem:after{width:230px;height:230px;border-color:#67738633;animation-direction:reverse}.hero-emblem img{width:175px;filter:drop-shadow(0 0 36px #b9223333);animation:float 7s ease-in-out infinite}.hero-emblem span{position:absolute;bottom:0;font-size:8px;letter-spacing:4px;color:#a18387}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}.stat{padding:19px 22px;border:1px solid var(--line);border-radius:12px;background:#111720}.stat strong{display:block;font-size:23px;margin:8px 0;letter-spacing:-.5px;overflow-wrap:anywhere}.stat small{font-size:10px;letter-spacing:1px}.badge{display:inline-block;border:1px solid #5f3a42;background:#60233133;border-radius:30px;padding:6px 10px;font-size:10px;color:#f7a7af;white-space:nowrap}.badge.ok{border-color:#326751;color:#98eac0;background:#21442c33}.badge.neutral{border-color:#485568;background:#28324566;color:#c8d2e2}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:13px 18px;background:var(--red);font-size:13px;font-weight:700;min-height:44px}.button-link.secondary{background:#202938;border:1px solid #3b4658}form{display:grid;gap:16px}form p{margin:0}label{display:grid;gap:8px;font-size:12px;color:#c7cfdb}input,select,textarea{width:100%;min-width:0;padding:13px 12px;min-height:46px;border-radius:8px;background:#0d121b;color:#eef2f8;border:1px solid #353e50}textarea{resize:vertical;min-height:86px}input[type=checkbox]{width:20px;min-height:20px;height:20px;accent-color:var(--red)}.checkbox{display:flex;align-items:center;gap:12px;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth{max-width:470px;margin:30px auto 50px}.auth>img{width:50px;display:block;margin:0 auto 20px}.auth h1{text-align:center}.auth .eyebrow{display:block;text-align:center}.auth label{margin:0}.auth .muted{text-align:center}.notice{border:1px solid #5c4550;border-left:3px solid var(--red);background:#38212a66;border-radius:8px;padding:16px;font-size:13px;line-height:1.65;margin-bottom:20px}.notice.ok{border-color:#325b49;background:#17352566}.empty{padding:35px 18px;border:1px dashed #364155;border-radius:12px;text-align:center;color:var(--dim);font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--dim);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}td{line-height:1.6;overflow-wrap:anywhere}.positive{color:var(--green)}.negative{color:#ff98a3}.nowrap{white-space:nowrap}.amount{font-variant-numeric:tabular-nums}details{border:1px solid var(--line);border-radius:10px;padding:18px;margin-top:16px}summary{cursor:pointer;color:#d3dbe9;font-size:13px;font-weight:650}details p{color:var(--dim);font-size:12px}.tiers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.tier{display:flex;flex-direction:column;align-items:center;border:1px solid #343e50;background:#111722;padding:20px 10px;border-radius:12px;gap:10px}.tier .glyph{font-size:28px;color:#627085}.tier strong{font-size:23px}.tier small{font-size:10px}.tier button{font-size:11px;padding:10px;width:100%}.tier.unlocked{border-color:#bd4d60;background:#36202b}.tier.unlocked .glyph{color:#ff8799}.tier.claimed{border-color:#326b53}.tier.claimed .glyph{color:var(--green)}progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--red);margin:16px 0}progress::-webkit-progress-bar{background:#323948}progress::-webkit-progress-value{background:var(--red)}.daily-value{font-size:48px!important;letter-spacing:-2px;color:#fff;margin:10px 0}.section-nav{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px;padding-bottom:8px}.section-nav a{padding:11px 15px;border:1px solid var(--line);background:#131a25;border-radius:8px;font-size:12px;white-space:nowrap;text-decoration:none}.section-nav a[aria-current]{background:#4d2531;border-color:#b9495c;color:white}.match-title{font-size:24px;margin:22px 0}.vs{color:var(--red);font-size:14px;font-style:italic;margin:0 9px}.list-item{padding:20px 0;border-bottom:1px solid var(--line)}.list-item:first-child{padding-top:0}.list-item:last-child{border-bottom:0}.list-item h3{font-size:15px;margin-bottom:8px}.deposit-code{font-size:25px;letter-spacing:4px;font-weight:850;color:#fff}.card-table{background:radial-gradient(ellipse,#173831,#10231f 70%);border:1px solid #396453;border-radius:20px;padding:30px;text-align:center;min-height:340px;position:relative}.card-table:after{content:"UMBRELLA RECREATION DIVISION";display:block;font-size:8px;letter-spacing:2px;color:#63867a;margin-top:25px}.hand{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:15px 0 28px}.playing-card{width:65px;height:93px;padding:9px;border-radius:8px;background:#eef0e9;box-shadow:0 6px 15px #0004;color:#17222a;font-weight:800;font-size:20px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;animation:deal .25s ease-out}.playing-card span:last-child{text-align:right}.playing-card.red{color:#bf263a}.playing-card.back{background:repeating-linear-gradient(45deg,#283647 0 4px,#1b2635 4px 8px);border:2px solid #718697;align-items:center;justify-content:center;color:#dae0eb}.playing-card.back img{width:40px}.game-result{font-size:19px;font-weight:750;min-height:30px;margin:18px 0}.roulette-stage{display:grid;place-items:center;position:relative;padding:16px}.roulette-pointer{position:absolute;top:3px;z-index:2;color:#fff;font-size:30px;filter:drop-shadow(0 2px 5px #000)}.roulette-disk{width:min(100%,310px);aspect-ratio:1;border-radius:50%;border:9px solid #39404c;box-shadow:0 0 0 2px #737982,0 15px 50px #0006;background:conic-gradient(#156347 0 9.73deg,#ba2134 9.73deg 19.46deg,#111a26 19.46deg 29.19deg,#ba2134 29.19deg 38.92deg,#111a26 38.92deg 48.65deg,#ba2134 48.65deg 58.38deg,#111a26 58.38deg 68.11deg,#ba2134 68.11deg 77.84deg,#111a26 77.84deg 87.57deg,#ba2134 87.57deg 97.3deg,#111a26 97.3deg 107.03deg,#ba2134 107.03deg 116.76deg,#111a26 116.76deg 126.49deg,#ba2134 126.49deg 136.22deg,#111a26 136.22deg 145.95deg,#ba2134 145.95deg 155.68deg,#111a26 155.68deg 165.41deg,#ba2134 165.41deg 175.14deg,#111a26 175.14deg 184.87deg,#ba2134 184.87deg 194.6deg,#111a26 194.6deg 204.33deg,#ba2134 204.33deg 214.06deg,#111a26 214.06deg 223.79deg,#ba2134 223.79deg 233.52deg,#111a26 233.52deg 243.25deg,#ba2134 243.25deg 252.98deg,#111a26 252.98deg 262.71deg,#ba2134 262.71deg 272.44deg,#111a26 272.44deg 282.17deg,#ba2134 282.17deg 291.9deg,#111a26 291.9deg 301.63deg,#ba2134 301.63deg 311.36deg,#111a26 311.36deg 321.09deg,#ba2134 321.09deg 330.82deg,#111a26 330.82deg 340.55deg,#ba2134 340.55deg 350.28deg,#111a26 350.28deg 360deg);display:grid;place-items:center}.roulette-disk:before{content:"";width:70%;height:70%;background:#10151e;border:2px solid #66707d;border-radius:50%}.roulette-center{position:absolute;display:grid;place-items:center;text-align:center;pointer-events:none}.roulette-center img{width:72px}.roulette-center b{font-size:31px;margin-top:10px}.is-spinning .roulette-disk{animation:orbit 1.1s linear infinite}.roulette-center small{font-size:10px}.history-meta{font-size:11px;color:var(--dim)}#message{position:sticky;top:10px;z-index:8;border:1px solid #934a58;padding:15px 20px;background:#351d27;border-radius:10px;box-shadow:0 12px 25px #0007;font-size:13px}footer{border-top:1px solid var(--line);margin-top:44px;padding:24px 0 30px;display:flex;justify-content:space-between;gap:18px;color:#788497;font-size:9px;letter-spacing:1px}footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}footer a{text-decoration:none}#loader{position:fixed;inset:0;z-index:50;background:#080b11;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}#loader h1{font-size:22px;letter-spacing:-.5px;font-weight:550}#loader p,#loadPercent{font-size:12px;color:var(--dim)}#loader progress{width:200px}.loader-mark{width:116px;margin-bottom:35px;filter:drop-shadow(0 0 28px #cc233833)}.loader-mark polygon{opacity:.12;transition:opacity .25s}#loader.done{opacity:0;transition:opacity .25s;pointer-events:none}.skip{position:absolute;top:-70px;left:15px;background:var(--red);padding:14px;z-index:60}.skip:focus{top:8px}dialog{padding:26px;border:1px solid #51596c;border-radius:24px;background:radial-gradient(ellipse,#30222c,#10151f 64%);color:#fff;width:min(94vw,650px);max-height:94dvh;overflow:auto;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#05080dec;backdrop-filter:blur(10px)}.radial-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.radial-wheel{position:relative;width:min(100%,500px);aspect-ratio:1;margin:15px auto 0}.radial-orbit{position:absolute;inset:10%;border:1px dashed #8d4a5855;border-radius:50%;animation:orbit 55s linear infinite}.radial-orbit:before{content:"";position:absolute;inset:16%;border:1px solid #4e4b62;border-radius:50%}#radialCenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#0b101a;border:1px solid #76414e;box-shadow:0 0 35px #e7364520;padding:15px;min-height:0}#radialCenter svg{width:86%;transition:transform .4s}#radialCenter:hover svg{transform:rotate(45deg)}#radialCenter span{font-size:8px;letter-spacing:1.5px}.radial-link{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);width:24%;min-height:65px;text-decoration:none;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #414657;border-radius:12px;background:#161d2a;padding:10px 5px;font-size:11px;transition:background .2s,border-color .2s}.radial-link .glyph{font-size:23px;color:#f05264}.radial-link:hover,.radial-link[aria-current]{background:#402433;border-color:#d64a61}.radial-caption{text-align:center;color:#8791a4;font-size:8px;letter-spacing:2px;margin:0 0 20px}.radial-profile{display:block;text-align:center;color:#bec7d6;font-size:11px;text-decoration:none}.route-loading{padding:80px 10px;text-align:center;color:var(--dim)}.route-loading img{width:60px;animation:orbit 8s linear infinite;display:block;margin:0 auto 20px}[hidden]{display:none!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes deal{from{opacity:0;transform:translateY(-14px) rotate(-8deg)}to{opacity:1;transform:none}}@media(max-width:850px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:48px}.hero-emblem:before{width:220px;height:220px}.hero-emblem:after{width:180px;height:180px}.hero-emblem img{width:130px}.hero-emblem{min-height:240px}.stat strong{font-size:18px}.topbar{padding:20px 25px}}@media(max-width:600px){.topbar{padding:16px}.brand{font-size:16px;letter-spacing:2px}.brand img{width:33px;height:33px}.brand small{font-size:6px;letter-spacing:1.7px}.top-actions{gap:8px}.balance-chip{font-size:10px}.menu-toggle{padding:8px 10px;font-size:11px}.menu-toggle span{padding-left:5px}.shell{padding:0 16px}.breadcrumb{font-size:7px;letter-spacing:1px;padding:20px 0}.hero{grid-template-columns:1fr;gap:0;padding-top:10px}.hero h1{font-size:47px}.hero-emblem{min-height:200px;order:-1;margin-bottom:18px}.hero-emblem:before{width:175px;height:175px}.hero-emblem:after{width:135px;height:135px}.hero-emblem img{width:98px}.hero-emblem span{font-size:6px;bottom:2px}.grid,.grid.three,.form-grid{grid-template-columns:minmax(0,1fr)}.panel,.tile{padding:21px}.stat-row{gap:7px}.stat{padding:12px 10px}.stat strong{font-size:16px}.stat small{font-size:8px;letter-spacing:0}.page-heading{align-items:flex-start;flex-direction:column;gap:8px}.page-heading h1{font-size:31px}.page-heading p{font-size:12px;margin-bottom:0}.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.tier{padding:19px 10px}.card-table{padding:24px 12px}.playing-card{width:53px;height:77px;font-size:17px}.hand{gap:6px}.auth{margin:18px auto}.deposit-code{font-size:24px}.radial-wheel{margin-top:22px}dialog{padding:15px;border-radius:19px}.radial-head .eyebrow{font-size:8px;letter-spacing:1px}.radial-link{font-size:9px;min-height:54px;border-radius:9px;gap:3px}.radial-link .glyph{font-size:20px}#radialCenter{padding:8px}#radialCenter span{font-size:6px}.radial-caption{font-size:6px;letter-spacing:1px}.radial-head button{font-size:10px;padding:10px}.radial-profile{padding:10px}footer{flex-wrap:wrap;gap:14px;font-size:8px}.topBalance{max-width:90px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.spaced{margin-top:20px}.narrow{max-width:220px;margin-bottom:22px}

.roulette-disk{background:#10151e url('/roulette-wheel.svg') center/100% no-repeat;border-width:4px}.roulette-disk:before{display:none}
/* Umbrella Inside / visual system 5 */
:root{--red:#eb263e;--surface:#12151d;--line:#2b2b36}body{padding-bottom:130px;background:radial-gradient(ellipse at 50% 0,#29101b 0,transparent 55%),#080a0e}.topbar{padding-top:25px;padding-bottom:25px}.brand{font-size:20px;letter-spacing:4px}.brand small{font-size:10px;letter-spacing:8px;color:#f57887}.panel,.tile{box-shadow:0 12px 35px #0002}.hero{position:relative}.hero-emblem:before{border-color:#e83c5355}.hero-emblem img{filter:drop-shadow(0 0 45px #e62b4455)}.tile:hover{box-shadow:0 15px 45px #d8203512}.umbrella-dock{position:fixed;z-index:20;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:84px;height:84px;min-height:84px;border-radius:50%;padding:13px 17px 10px;background:#11141cf2;border:1px solid #bb4155;box-shadow:0 0 0 7px #11141c88,0 8px 35px #000b,0 0 40px #d42e3d33;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;backdrop-filter:blur(12px)}.umbrella-dock:hover{transform:translateX(-50%) translateY(-3px);background:#23121b}.umbrella-dock img{width:47px;height:47px;transition:transform .5s}.umbrella-dock:hover img{transform:rotate(90deg)}.umbrella-dock span{font-size:8px;letter-spacing:2px;color:#f5dce1;padding-left:2px}.rank-feature{display:flex;align-items:center;gap:30px;border:1px solid #813547;border-radius:18px;padding:30px;background:radial-gradient(ellipse at 0 50%,#67223455,transparent 75%),#12151e}.rank-feature>div{flex:1}.rank-feature h2{font-size:32px;margin:8px 0}.rank-feature p{color:var(--dim)}.rank-insignia{font-size:70px;color:#ff7384;line-height:1.5;text-shadow:0 0 30px #ee334855}.rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rank-tile{text-align:center;opacity:.7;margin:0}.rank-tile.earned{border-color:#c04760;opacity:1}.rank-tile h2{font-size:19px}.rank-tile .rank-insignia{margin:15px}.my-rank{background:#e7314610}.arcade-stage{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:390px;background:radial-gradient(ellipse,#471c2d44,transparent 70%),#10141e}.arcade-object{width:145px;height:145px;display:grid;place-items:center;margin:30px;font-size:100px;color:#f3e7eb;animation:float 6s ease-in-out infinite}.arcade-object.coin{border:double 7px #ce6377;border-radius:50%;font-size:21px;font-weight:900;letter-spacing:2px;background:radial-gradient(ellipse at 30% 20%,#703243,#24121e);box-shadow:0 12px 35px #0006}.arcade-stage .game-result{margin:0}.arcade-stage .muted{text-align:center;overflow-wrap:anywhere;max-width:100%}.rank-feature progress{max-width:450px;display:block}.section-nav{scrollbar-width:thin}footer{padding-bottom:25px}.radial-profile{line-height:2}
@media(max-width:600px){.brand{font-size:16px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:5px}.hero-emblem{order:0;margin:25px 0 0}.hero h1{font-size:44px}.umbrella-dock{width:74px;height:74px;min-height:74px;padding:10px 14px}.umbrella-dock img{width:41px;height:41px}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-feature{padding:20px;gap:17px}.rank-feature h2{font-size:24px}.rank-insignia{font-size:48px}.rank-tile{padding:17px 10px}.rank-tile h2{font-size:15px}.rank-tile .eyebrow{font-size:8px}.rank-tile .rank-insignia{margin:8px}.arcade-stage{min-height:330px}.radial-link{width:23%}body{padding-bottom:110px}}

footer{flex-wrap:wrap;align-items:center}footer a:hover{color:#ff8091}

.community-strip{margin:0 0 26px}.feed-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.feed-head h2{margin:5px 0 0;font-size:20px}.feed-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px}.feed-viewport::-webkit-scrollbar{display:none}.feed-track{display:flex;gap:14px;width:max-content}.feed-card{position:relative;width:min(760px,82vw);height:210px;border:1px solid var(--line);border-radius:16px;overflow:hidden;scroll-snap-align:start;background:linear-gradient(135deg,#181e2a,#11161f);background-image:var(--feed);background-size:cover;background-position:center}.feed-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0e14f2 0%,#0b0e14c7 52%,#0b0e1450)}.feed-card.sponsor .feed-shade{background:linear-gradient(90deg,#180d12ef,#180d12b8 55%,#180d1240)}.feed-copy{position:absolute;inset:auto auto 20px 22px;z-index:2;max-width:70%}.feed-copy h3{font-size:25px;margin:7px 0}.feed-copy p{margin:0 0 12px;color:#c3c9d4}.feed-dots{display:flex;gap:6px}.feed-dot{width:8px!important;height:8px!important;min-height:8px!important;border-radius:50%;padding:0!important;background:#4b5361!important;border:0!important}.feed-dot.active{background:var(--red)!important;transform:scale(1.25)}
.chat-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:20px}.chat-panel{padding:0;overflow:hidden}.chat-log{height:min(58vh,620px);overflow:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:80%;border:1px solid var(--line);background:#101722;border-radius:14px;padding:11px 13px}.chat-message.mine{align-self:flex-end;background:#321b25;border-color:#714050}.chat-message.mentioned{box-shadow:0 0 0 2px #ed344733;border-color:#b84a5b}.chat-message header{display:flex;align-items:center;gap:7px;font-size:10px}.chat-message header strong{font-size:11px}.chat-message header span{color:#e86c7b}.chat-message header time{margin-left:auto;color:#697586}.chat-message p{margin:7px 0 0;line-height:1.5}.mention{background:#ed34472b;color:#ff8090;border-radius:4px;padding:1px 3px}.chat-compose{border-top:1px solid var(--line);padding:14px;background:#0d121b}.chat-compose textarea{min-height:72px;margin:0 0 9px}.chat-users{display:grid;gap:8px;max-height:520px;overflow:auto}.chat-user{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.chat-user small{display:block;color:var(--dim);margin-top:3px}.chat-user .button-row{margin:0;gap:6px}.chat-user button{min-height:36px;padding:7px 10px}.voice-bubble{background:#242e3d!important;border-color:#3f4e64!important;color:#e8edf6!important;text-align:left}.content-item{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:14px 0}.content-item img{width:90px;height:62px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.content-item h3{margin:4px 0}.content-item p{margin:0;color:var(--dim)}
.call-layer{position:fixed;inset:0;z-index:90;background:#05080df2;backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px}.call-card{width:min(920px,96vw);border:1px solid #51596c;border-radius:22px;background:radial-gradient(ellipse at top,#30222c,#10151f 64%);padding:20px;box-shadow:0 25px 100px #000b}.call-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.call-head h2{margin:5px 0}.video-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;min-height:260px}.video-grid video{width:100%;height:100%;min-height:250px;object-fit:cover;border:1px solid #303a49;border-radius:14px;background:#06080c}.video-grid #localVideo{min-height:180px}.call-card #incomingActions{margin-top:14px}
@media(max-width:850px){.chat-layout{grid-template-columns:1fr}.chat-side{order:-1}.feed-card{width:88vw;height:190px}.video-grid{grid-template-columns:1fr}.video-grid video,.video-grid #localVideo{min-height:210px}.content-item{grid-template-columns:64px 1fr}.content-item img{width:64px;height:50px}.content-item>button{grid-column:1/-1}}@media(max-width:560px){.feed-card{width:91vw;height:175px}.feed-copy{max-width:86%;left:16px;bottom:15px}.feed-copy h3{font-size:20px}.chat-message{max-width:92%}.call-card{padding:14px}.call-head{align-items:flex-start}.video-grid video,.video-grid #localVideo{min-height:180px}}


/* Umbrella Inside v17 — polish system */
:root{--shadow-soft:0 18px 55px #00000040;--shadow-hard:0 28px 90px #00000073;--glow-red:0 0 32px #e42f4930}
.topbar{position:sticky;top:0;z-index:18;background:#090c12e8;backdrop-filter:blur(18px) saturate(125%);box-shadow:0 12px 40px #0004}
.panel,.tile,.stat{box-shadow:var(--shadow-soft);border-color:#343949}
.tile:after{content:"";position:absolute;inset:auto -25% -65% 10%;height:90%;background:radial-gradient(ellipse,#e9334b18,transparent 70%);pointer-events:none}
.hero-v17{padding-bottom:30px}.hero-v17:before{content:"";position:absolute;left:-5%;top:8%;width:43%;height:70%;background:radial-gradient(ellipse,#e8344c16,transparent 70%);pointer-events:none}
.quick-divisions .tile{min-height:190px}
.notification-bell{position:relative;width:44px;height:44px;min-height:44px;border-radius:50%;padding:0;background:#151b26;border:1px solid #3a4354;box-shadow:0 10px 30px #0006}
.notification-bell>span{font-size:21px;color:#ff667a}.notification-bell b{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#ec2e47;color:#fff;border:2px solid #0a0d13;font:700 10px/16px Arial}
.journal-shell,.active-fights,.skills-home{margin:10px 0 34px}.journal-title,.section-kicker{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.journal-title h2,.section-kicker h2{margin:5px 0 0;font-size:26px;letter-spacing:-.7px}.journal-title>a,.section-kicker>a{font-size:11px;color:#f28492;text-decoration:none}
.journal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:14px}.journal-lead{position:relative;min-height:360px;border:1px solid #393e4d;border-radius:20px;overflow:hidden;background:linear-gradient(110deg,#0c1018 10%,#151b28aa 60%,#10131b),var(--journal);background-size:cover;background-position:center;box-shadow:var(--shadow-hard)}
.journal-lead:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b11e8 0,#080b1170 55%,transparent)}.journal-lead>div{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;max-width:690px}.journal-lead h3{font-size:clamp(28px,4vw,48px);line-height:1.02;letter-spacing:-1.6px;margin:9px 0 12px}.journal-lead p{color:#c0c8d7;margin:0;max-width:620px}.journal-lead a{display:inline-block;margin-top:14px;color:#ff7889;text-decoration:none;font-weight:800}
.journal-stack{display:grid;gap:10px}.journal-stack article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:17px;border:1px solid #333a49;border-radius:14px;background:linear-gradient(135deg,#151b26,#10141d);box-shadow:0 12px 35px #0004}.journal-stack h4{margin:4px 0 7px;font-size:15px}.journal-stack p{margin:0;color:var(--dim);font-size:11px}.journal-stack small{font-size:8px;letter-spacing:1.4px}.journal-index{font:900 25px/1 Arial;color:#e54c61;opacity:.75}
.sponsor-rail{margin:0 0 34px;padding:15px 18px;border:1px solid #333947;border-radius:14px;background:#0d1118;box-shadow:0 12px 35px #0004}.sponsor-rail>span{display:block;margin-bottom:12px}.sponsor-rail>div{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.sponsor-rail a{min-width:150px;height:62px;border:1px solid #303746;border-radius:11px;background:#141a24;display:grid;place-items:center;padding:9px;text-decoration:none}.sponsor-rail img{max-width:100%;max-height:40px;object-fit:contain}
.fight-rail,.skills-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin}.fight-card-mini{flex:0 0 min(390px,86vw);scroll-snap-align:start;padding:22px;border:1px solid #393f50;border-radius:17px;background:radial-gradient(ellipse at 85% 0,#9d1d2d22,transparent 50%),linear-gradient(135deg,#171c27,#10151e);box-shadow:var(--shadow-soft)}.fight-card-mini .live-dot{display:inline-flex;align-items:center;gap:6px;color:#ff7384;font-size:9px;letter-spacing:1.3px}.fight-card-mini .live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#f23049;box-shadow:0 0 12px #ff3957}.fight-card-mini>small{display:block;margin:12px 0 5px}.fight-card-mini h3{font-size:20px;margin:0 0 18px}.fight-card-mini h3 b{font-size:10px;color:#ef5970;margin:0 7px}.fight-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:17px}.fight-mini-stats span{padding:9px 10px;border-radius:9px;background:#0c1119;font-size:9px;color:#8f99aa}.fight-mini-stats strong{display:block;color:#eef2f8;font-size:12px;margin-top:3px}
.fight-full-card.spotlight{border-color:#e24b60;box-shadow:0 0 0 2px #df375333,0 25px 70px #0008,var(--glow-red);animation:spotlightPulse 1.7s ease-out 1}
@keyframes spotlightPulse{0%{transform:scale(.985)}40%{transform:scale(1.01)}100%{transform:none}}
.skills-rail .skill-card{flex:0 0 min(330px,82vw);scroll-snap-align:start}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-card{overflow:hidden;border:1px solid #373e4d;border-radius:18px;background:#11161f;box-shadow:var(--shadow-soft)}.skill-card.owned{border-color:#496b5a}.skill-image{height:170px;background:linear-gradient(#1118,#1118),var(--skill),radial-gradient(ellipse,#4b2734,#111722);background-size:cover;background-position:center}.skill-copy{padding:18px}.skill-copy h3{margin:6px 0 8px;font-size:20px}.skill-copy p{color:var(--dim);min-height:48px;font-size:12px}.skill-copy>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.skill-copy strong{font-size:18px}
.admin-skill-list article{display:grid;grid-template-columns:76px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.admin-skill-list img{width:76px;height:58px;object-fit:cover;border-radius:9px}.admin-skill-list small{display:block;margin-top:4px}.admin-skill-list p{margin:4px 0 0;font-size:11px;color:var(--dim)}
.notification-list{padding:0;overflow:hidden}.notification-row{width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:13px;text-align:left;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#10151d;padding:15px 18px;min-height:70px}.notification-row.unread{background:linear-gradient(90deg,#451b2875,#121822)}.notification-row:hover{background:#1b222f}.notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#25151c;color:#ff7285;font-size:20px}.notification-row strong,.notification-row small{display:block}.notification-row small{margin-top:4px}.notification-row time{font-size:9px;color:var(--dim)}
.challenge-inbox{margin:0 0 18px;padding:15px;border:1px solid #643844;border-radius:14px;background:#351b2466}.challenge-inbox>article{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0}.challenge-inbox small{display:block;margin-top:4px}.chat-call-actions{display:flex;gap:10px;justify-content:flex-end;margin:-10px 0 16px}
.invite-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:360px;overflow:auto}.invite-grid label{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #353b49;border-radius:11px;background:#10151e}.invite-grid label:has(input:checked){border-color:#cf4157;background:#391b26}.invite-grid input{width:18px;height:18px;min-height:18px}.invite-grid strong,.invite-grid small{display:block}
.incoming-group-call{position:fixed;z-index:90;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(92vw,470px);display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;padding:13px 15px;border:1px solid #585e6d;border-radius:17px;background:#111720f4;backdrop-filter:blur(18px);box-shadow:var(--shadow-hard)}.incoming-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#24131b}.incoming-avatar img{width:36px}.incoming-group-call strong,.incoming-group-call small{display:block}.incoming-actions{display:flex;gap:8px}.incoming-actions button{width:42px;height:42px;min-height:42px;border-radius:50%;padding:0;background:#7c2838}.incoming-actions .accept{background:#1f7b51}
.group-call-layer{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 0,#3b1420,#090c12 55%);padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));overflow:auto}.group-call-shell{width:min(1200px,100%);min-height:100%;margin:auto;display:grid;grid-template-rows:auto 1fr auto;gap:18px}.group-call-shell>header{display:flex;justify-content:space-between;align-items:center}.group-call-shell>header h2{margin:4px 0}.group-call-shell>header p{margin:0;color:var(--dim)}.group-call-shell>header img{width:54px}.group-call-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:center}.call-person{position:relative;min-height:230px;border:1px solid #3b4353;border-radius:19px;overflow:hidden;background:#111720;box-shadow:var(--shadow-hard)}.call-person video{width:100%;height:100%;min-height:230px;object-fit:cover;background:#070a0f}.call-person>span{position:absolute;left:12px;bottom:11px;padding:5px 8px;border-radius:9px;background:#06090dbd;font-size:10px}.voice-avatar{display:none;position:absolute;inset:0;place-items:center;background:radial-gradient(circle,#682838 0,#181d29 58%,#0a0d13)}.voice-avatar span{font-size:42px;font-weight:900}.voice-avatar img{width:92px}.voice-only .call-person video{opacity:0}.voice-only .voice-avatar{display:grid}.group-call-shell>footer{display:flex;justify-content:center;gap:12px}.call-control{width:58px;height:58px;min-height:58px;border-radius:50%;padding:0;font-size:20px;background:#1a202b}.call-control.off{opacity:.45}.call-control.danger{background:#c62c43}
.dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.dialog-head h2{margin:5px 0}.dialog-head p{margin:0;color:var(--dim)}
#radialMenu{width:min(96vw,720px);box-shadow:0 35px 120px #000d,0 0 80px #d92d4220}.radial-wheel{width:min(100%,560px);filter:drop-shadow(0 25px 45px #0007)}.radial-link{width:clamp(82px,20%,108px);height:72px;min-height:72px;padding:8px;border-radius:15px;background:linear-gradient(145deg,#1d2431,#111722);box-shadow:0 12px 28px #0007,inset 0 1px #ffffff08;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.radial-link:hover,.radial-link[aria-current]{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 15px 35px #0009,0 0 26px #e63c5226}.radial-link .glyph{font-size:22px;text-shadow:0 0 20px #e8435866}.radial-link span:last-child{font-size:9px;font-weight:750;letter-spacing:.4px}.radial-orbit{inset:8%}#radialCenter{width:25%;box-shadow:0 0 0 10px #10141da8,0 18px 45px #0009,0 0 52px #dd31433b}
@media(max-width:900px){.journal-grid{grid-template-columns:1fr}.journal-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-call-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.journal-lead{min-height:300px}.journal-lead>div{left:19px;right:19px;bottom:18px}.journal-lead h3{font-size:31px}.journal-stack{grid-template-columns:1fr}.journal-title h2,.section-kicker h2{font-size:22px}.skills-grid{grid-template-columns:1fr}.group-call-grid{grid-template-columns:1fr}.call-person,.call-person video{min-height:250px}.invite-grid{grid-template-columns:1fr}.radial-wheel{width:min(100%,520px)}.radial-link{width:78px;height:60px;min-height:60px;border-radius:12px}.radial-link .glyph{font-size:18px}.radial-link span:last-child{font-size:8px}.incoming-group-call{grid-template-columns:46px 1fr auto}.incoming-avatar{width:42px;height:42px}.notification-row{grid-template-columns:42px 1fr}.notification-row time{display:none}}