:root{font-family:Segoe UI,Arial,sans-serif;color:#fff;background:#f5f5f2;font-synthesis:none;--ink:#293239}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.thin{font-weight:300;color:#9da399}
#intro{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 36%,white 12%,#f5f5f2 68%,#e8eae5);color:var(--ink);transition:opacity .65s,filter .65s;z-index:5}.intro-top{position:absolute;top:38px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:22px;letter-spacing:-1px}.edition{font-size:10px;font-weight:500;letter-spacing:2.8px;color:#828a80}#console-stage{position:absolute;inset:6% 0 24%;touch-action:pan-y}#console-stage canvas{width:100%;height:100%;display:block}.fallback-console{display:none;width:min(600px,80%);height:100%;margin:auto}#console-stage.fallback .fallback-console{display:block}.intro-caption{position:absolute;bottom:11%;left:0;width:100%;text-align:center}.eyebrow{font-size:10px;letter-spacing:3px;color:#8b9388;margin:0 0 14px}h1{font-size:clamp(21px,3vw,34px);font-weight:350;letter-spacing:-1px;margin:0 0 22px}.start-button{display:inline-flex;gap:14px;align-items:center;background:#fff9;border:1px solid #d9ded2;border-radius:7px;padding:13px 22px;color:#3b4437;box-shadow:0 3px 10px #23300007;transition:background .2s,transform .2s}.start-button:hover{transform:translateY(-2px);background:white}.green-key{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#2a460b;font:bold 14px/1 Arial;background:radial-gradient(circle at 32% 25%,#deee98,#8fbd36 60%,#527a18);box-shadow:0 1px 3px #20340066,inset 0 1px 2px #fff8;border:1px solid #91ab3d}.start-arrow{margin-left:20px;color:#8d9885}.intro-note{font-size:11px;color:#9ca395;margin-top:13px}.skip{position:absolute;bottom:26px;right:5%;border:0;background:none;font-size:12px;color:#7f8979;padding:10px 0}.skip span{margin-left:18px}.intro-bottom{position:absolute;bottom:36px;left:5%;font-size:10px;letter-spacing:.4px;color:#9ca395}#intro.departing{filter:brightness(1.25);opacity:0;pointer-events:none}#intro.booting .intro-caption{opacity:0;transition:opacity .3s}
#dashboard{position:fixed;inset:0;background:radial-gradient(ellipse at 30% 5%,#abc934 0%,#8ca95b 25%,#97aba7 51%,#e2e9d2 57%,#718181 59%,#7b898d 76%,#abb5b7);isolation:isolate;overflow:hidden}#dashboard:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:10;box-shadow:inset 0 0 55px #0d1f2533;background:repeating-linear-gradient(transparent 0 3px,#15252406 3px 4px);border-radius:10px}.horizon{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 60%,#e7f3a9a0,transparent 44%);pointer-events:none}.horizon:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,transparent 9px,#eef8df12 10px,transparent 11px),radial-gradient(circle,transparent 28px,#eef8df0d 29px,transparent 30px);background-size:127px 109px,181px 183px;mask-image:linear-gradient(#000,transparent 65%)}.orbital{position:absolute;width:560px;height:560px;border:1px solid #fff1;border-radius:50%;box-shadow:0 0 0 15px #fff02,0 0 0 45px #fff04,0 0 0 75px #fff03;transform:rotateX(74deg);pointer-events:none}.orbital-one{bottom:-410px;right:-50px}.orbital-two{top:-430px;left:20%}.dashboard-top{position:absolute;top:6%;left:7.5%;right:7.5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:17px;font-weight:700;letter-spacing:-.6px;opacity:.8}.wordmark span{font-weight:300;margin-left:2px}.gamer{display:flex;gap:13px;align-items:center}.gamer>div:first-child{text-align:right}.gamer strong{display:block;font-size:23px;line-height:1.2;font-weight:400;text-shadow:0 2px 4px #25383d50}.gamer span{display:block;font-size:10px;margin-top:5px;color:#f4f8e4b0}.gamer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d6ed7c;margin-right:3px}.gamer-picture{width:53px;height:53px;display:grid;place-items:center;font-size:35px;font-style:italic;font-weight:800;color:#ecf3de;background:linear-gradient(140deg,#b4ce47,#4c6e29);border:2px solid #eef4cc77;box-shadow:0 2px 6px #30472c40;border-radius:3px}#categories{position:absolute;left:7.5%;top:17%;display:flex;flex-direction:column;gap:3px}#categories button{position:relative;border:0;background:transparent;text-align:left;padding:0;font-size:clamp(15px,2.1vw,26px);font-weight:600;color:#eff5d894;line-height:1.23;transition:color .2s,transform .2s}#categories button[aria-selected=true]{font-size:clamp(24px,3vw,39px);color:#fff;transform:translateX(-1px);text-shadow:0 2px 6px #283d2520}#categories button[aria-selected=true]:before{content:'';position:absolute;left:-14px;top:50%;width:7px;height:7px;border-radius:2px;background:#e8f4cb;transform:translateY(-50%)}.section-meta{position:absolute;top:40%;left:7.5%;right:7.5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2.2px;color:#edf5d9b0}.section-meta #page-count{letter-spacing:1px;font-size:12px}#card-stage{position:absolute;top:44%;left:7.5%;right:0;height:40%;perspective:1400px;touch-action:pan-y;overflow:visible}#cards{height:100%;position:relative;transform-style:preserve-3d;--card-width:clamp(290px,33vw,460px)}.dashboard-card{position:absolute;top:0;left:0;width:var(--card-width);height:100%;min-height:180px;max-height:330px;border:1px solid #d9ed7d77;border-radius:8px;overflow:visible;background:linear-gradient(155deg,#e1ed65 0%,#b4d22f 35%,#719410 68%,#283c07 100%);color:#fff;text-decoration:none;box-shadow:0 10px 20px #2d412422;transform-origin:left center;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .35s;outline-offset:6px;display:block}.dashboard-card:before{content:'';position:absolute;inset:0;border-radius:8px;pointer-events:none;background:linear-gradient(125deg,#ffffff30,transparent 45%),radial-gradient(circle at 65% 25%,#ebffbf2b,transparent 50%)}.dashboard-card:after{content:'';position:absolute;top:calc(100% + 2px);left:0;width:100%;height:22%;background:linear-gradient(#48700935,transparent);border-radius:8px;pointer-events:none;opacity:.5}.dashboard-card[data-selected=true]{box-shadow:0 14px 26px #26391f38,inset 0 1px 0 #fff6}.card-icon{position:absolute;top:12%;left:21%;width:59%;height:52%;filter:drop-shadow(3px 6px 3px #38540060);color:#f5f7e3}.card-icon svg{width:100%;height:100%;overflow:visible}.card-copy{position:absolute;bottom:17px;left:20px;right:18px}.card-copy h2{font-size:clamp(20px,2.25vw,30px);font-weight:400;margin:0 0 4px;letter-spacing:-.5px;text-shadow:0 2px 3px #283f1966}.card-copy p{font-size:clamp(12px,1.3vw,17px);margin:0;color:#f4f8d2c9}.card-arrow{position:absolute;right:20px;bottom:20px;opacity:.5;font-size:22px}.card-number{position:absolute;left:18px;top:15px;font-size:10px;letter-spacing:2px;color:#f3fac4aa}.profile-art{font-size:120px;font-weight:750;font-style:italic;text-align:center;color:#fffbd9;line-height:1.1}.dashboard-footer{position:absolute;bottom:5%;left:7.5%;right:7.5%;display:flex;align-items:center;justify-content:space-between;gap:16px}.legend{display:flex;gap:13px;align-items:center;font-size:14px;text-shadow:0 1px 3px #30434788}.legend>span:first-child{display:flex;gap:9px;align-items:center}.legend button{border:1px solid #e3eddd55;background:#32444815;border-radius:50%;width:30px;height:30px;font-size:17px}.desktop-hint{opacity:.55;font-size:11px;margin-left:-6px}.footer-actions{display:flex;gap:24px;margin-left:auto;margin-right:80px}.footer-actions button{background:none;border:0;font-size:11px;padding:10px 0;color:#f1f6ecb0}.guide-mark{position:absolute;right:0;bottom:-5px;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#e0e7d7 45%,#8e9d8f 75%,#566b61);box-shadow:0 3px 9px #203e4930;display:grid;place-items:center;transform:rotate(-15deg)}.guide-mark span{font-family:Arial;font-size:53px;font-weight:700;line-height:1;background:linear-gradient(100deg,#477c21,#9fc83b 50%,#345c16);background-clip:text;-webkit-text-fill-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:650px){.intro-top{top:26px;left:7%;right:7%}.edition{font-size:8px;letter-spacing:1.5px}#console-stage{inset:12% -12% 30%}.intro-caption{bottom:18%}.intro-bottom{bottom:36px;left:7%;max-width:160px;font-size:9px}.skip{right:7%}.dashboard-top{left:7%;right:7%;top:5%}.wordmark{font-size:14px}.gamer strong{font-size:17px}.gamer span{font-size:8px}.gamer-picture{width:40px;height:40px;font-size:27px}.gamer{gap:8px}#categories{top:19%;left:8%;gap:6px}#categories button{font-size:17px}#categories button[aria-selected=true]{font-size:29px}.section-meta{top:43%;left:8%;right:8%;font-size:7px;letter-spacing:1.3px}#card-stage{top:47%;left:8%;height:32%}#cards{--card-width:75vw}.card-copy{left:18px;bottom:18px}.card-copy h2{font-size:26px}.card-copy p{font-size:14px}.card-icon{top:11%;height:50%}.dashboard-footer{left:8%;right:8%;bottom:5%;align-items:flex-start;flex-wrap:wrap}.legend{gap:10px}.footer-actions{margin:0;width:100%;gap:20px;order:3;margin-top:1px}.guide-mark{width:42px;height:42px;bottom:32px}.guide-mark span{font-size:42px}.desktop-hint{display:none}.legend .green-key{width:21px;height:21px;font-size:12px}.legend>span:first-child{font-size:12px;margin-right:5px}}
@media(max-height:520px) and (min-width:651px){.dashboard-top{top:5%}.gamer-picture{width:36px;height:36px}.gamer strong{font-size:18px}#categories{top:19%;gap:0}#categories button{font-size:13px}#categories button[aria-selected=true]{font-size:24px}.section-meta{top:41%}#card-stage{top:46%;height:35%}.dashboard-card{min-height:120px}.card-copy{bottom:12px}.card-copy h2{font-size:20px}.card-copy p{font-size:12px}.dashboard-footer{bottom:4%}.guide-mark{width:36px;height:36px}.guide-mark span{font-size:35px}.intro-caption{bottom:7%}.intro-caption h1{font-size:20px;margin-bottom:10px}.eyebrow,.intro-note,.intro-bottom{display:none}.intro-top{top:20px}#console-stage{inset:0 0 15%}.start-button{padding:8px 16px}.skip{bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}


/* Horizon and reflections stay independent from the interactive card layer. */
#dashboard {background:linear-gradient(180deg,#8da655 0%,#9baea1 43%,#d7e3c6 57%,#829194 58%,#a8b3b8 100%)}
.horizon {background:radial-gradient(ellipse at 14% -10%,#a4c438c9,transparent 66%),radial-gradient(ellipse at 90% 44%,#e8efc344,transparent 35%)}
.dashboard-card:after{display:none}
.reflection{position:absolute;top:calc(100% + 3px);left:0;width:100%;height:100%;border-radius:8px;background:inherit;transform:scaleY(-1);opacity:.16;mask-image:linear-gradient(transparent 68%,black 100%);pointer-events:none}

@media(max-width:650px){#console-stage{inset:12% 0 30%}}

/* Subtle corner radius, matching the original dashboard reference. */
.dashboard-card,.dashboard-card:before,.reflection{border-radius:7px}
button.dashboard-card{font-family:inherit;text-align:left;padding:0}
.card-copy{right:38px}
.card-copy p{overflow-wrap:anywhere}

/* Reference dashboard artwork, with no CRT frame, scanlines, or vignette. */
#dashboard{background:#94a68a url('assets/reference-background.png') center/cover no-repeat}
#dashboard:after{display:none}
.horizon{background:none}
.horizon:before{background:url('assets/reference-circles.svg') center/cover no-repeat;mask-image:none;mix-blend-mode:screen;opacity:.8}
.horizon:after{content:'';position:absolute;inset:0;background:url('assets/reference-floor.png') center/cover no-repeat;mask-image:linear-gradient(transparent 0 53.7%,black 54.1%);pointer-events:none}
.orbital-two{display:none}
.dashboard-card{background:linear-gradient(180deg,transparent 48%,#16340044 66%,#102300e8 100%),url('assets/reference-card.jpg') center/cover no-repeat}
.dashboard-card:before{background:linear-gradient(120deg,#ffffff12,transparent 45%)}
.card-icon{filter:drop-shadow(3px 6px 3px #38540060)}
.dashboard-top{top:9%}
.gamer{gap:9px;align-items:flex-start}
.gamer-details{min-width:130px;text-align:right}
.gamer strong{font-size:30px;font-weight:400;line-height:1.1;letter-spacing:-.5px;color:#ebebeb;text-shadow:0 1px 1px #0f0f0f64}
.gamer .gamerscore{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:0;height:33px;color:#ebebeb}
.gamer .gamerscore span{font-size:28px;line-height:1;margin:0;color:inherit}
.gamerscore img{width:25px;height:25px;object-fit:contain}
.gamer .gamer-picture{display:block;width:64px;height:64px;border-radius:0;border:1px solid #b8c3b7;box-shadow:0 1px 2px #0005;background:#8da935}
#categories{top:14%}
.section-meta{top:33%}
#card-stage{top:37%;height:44%}
@media(max-width:650px){
 .dashboard-top{top:max(24px,env(safe-area-inset-top));left:8%;right:8%}
 .gamer{gap:7px}.gamer-details{min-width:0}.gamer strong{font-size:20px}.gamer .gamer-picture{width:47px;height:47px}
 .gamer .gamerscore{height:24px}.gamer .gamerscore span{font-size:20px}.gamerscore img{width:18px;height:18px}
 #categories{top:19%}.section-meta{top:43%}#card-stage{top:47%;height:32%}
 .horizon:after{background-size:100% 100%;mask-image:linear-gradient(transparent 0 53.7%,black 54.1%)}
}
@media(max-height:520px) and (min-width:651px){
 .dashboard-top{top:5%}.gamer strong{font-size:21px}.gamer .gamer-picture{width:44px;height:44px}
 .gamer .gamerscore{height:23px}.gamer .gamerscore span{font-size:21px}.gamerscore img{width:19px;height:19px}
 #categories{top:19%}.section-meta{top:41%}#card-stage{top:46%;height:35%}
}
@media(prefers-reduced-motion:reduce){.horizon:before{background:none}}
/* Keep the reference's open header and compact top-right player identity. */
.dashboard-top{justify-content:flex-end}.dashboard-top .wordmark{display:none}
/* Xbox 360 / NXE dashboard typography. */
@font-face{font-family:'Convection';src:url('assets/Convection.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
#dashboard,#dashboard button{font-family:'Convection','Segoe UI',Arial,sans-serif}
#categories button{font-weight:400}
#categories button[aria-selected=true]{font-weight:400}
.card-copy h2,.gamer strong{font-weight:400}
.gamer .gamer-picture{object-fit:cover;object-position:center}

.gamer[role=button]{cursor:pointer}#profile{position:absolute;inset:0;z-index:30;color:#f0f1ed;font-family:Convection,'Segoe UI',sans-serif}
.profile-open>.dashboard-top,.profile-open>#categories,.profile-open>.section-meta,.profile-open>#card-stage,.profile-open>.dashboard-footer{visibility:hidden}
.profile-layout{position:absolute;left:7.5%;right:7.5%;top:15%;bottom:17%;display:grid;grid-template-columns:42% 35% 23%;align-items:stretch;transform:translateY(16px);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s}
#profile.entered .profile-layout{transform:translateY(0);opacity:1}
.profile-pane{position:relative;z-index:2;background:linear-gradient(105deg,#50646de8,#394c57ef);border:1px solid #87989e55;border-radius:4px;box-shadow:0 10px 25px #283b421a;padding:18px 22px;min-width:0}
.profile-name{background:linear-gradient(#e9bd53,#e29c17);border:1px solid #f6cf7e;border-radius:5px 5px 0 0;color:white;font-size:clamp(18px,2.2vw,29px);height:34px;line-height:32px;padding:0 7px;text-shadow:0 1px 2px #71561455}
.profile-stats{display:flex;align-items:center;gap:11px;padding:8px 9px 12px;background:#2337413b;border-radius:0 0 5px 5px}
.profile-stats>img{width:65px;height:65px;object-fit:cover;border:2px solid #e1a332;box-shadow:0 1px 4px #0004}
.profile-stats dl{flex:1;margin:0;min-width:0}.profile-stats dl>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(14px,1.8vw,23px);line-height:1.02}
.profile-stats dt,.profile-stats dd{margin:0;font-weight:400}.profile-stats dd img{width:19px;height:19px;vertical-align:middle}
.profile-stats .rep-stars{font-family:Arial,sans-serif;letter-spacing:1px;font-size:clamp(12px,1.5vw,20px);color:#d1b44c;text-shadow:0 1px 1px #0004}
.about-heading{margin-top:12px;padding:7px 12px;background:linear-gradient(#c1d97e,#a5c845 45%,#6fa31d);border:1px solid #b8d758;border-radius:5px;font-size:clamp(18px,2vw,26px);box-shadow:inset 0 1px 4px #f8ffd0aa;text-shadow:0 1px 2px #29411355}
.about-body{padding:14px 10px 6px}.about-body h1{font-family:inherit;font-size:24px;letter-spacing:0;margin:0 0 8px;font-weight:400;color:#fff}
.about-body p{font-size:clamp(14px,1.45vw,19px);line-height:1.4;color:#e4e8e5;margin:0}
.profile-links{display:flex;flex-direction:column;margin-top:8px}.profile-links a{display:flex;justify-content:space-between;color:#edf1ec;text-decoration:none;border-top:1px solid #c7d3d53b;padding:6px 12px;font-size:clamp(15px,1.6vw,21px);line-height:1.1}.profile-links a span{opacity:.55}
.profile-links a:hover,.profile-links a:focus-visible{background:linear-gradient(#c1d97e,#90b72c);outline:none;border-radius:3px}
.progress-pane{position:relative;z-index:1;margin:40px 0 40px -3px;background:linear-gradient(110deg,#4b606ce6,#364d5ae8);border:1px solid #8c9ca13b;border-radius:4px;box-shadow:0 5px 15px #23384712;padding:18px 18px 15px;min-width:0}
.progress-pane h2{font-size:clamp(17px,1.9vw,25px);font-weight:400;margin:0 0 12px}.achievement-totals{display:flex;gap:10px;align-items:center}.achievement-controller{width:36px;flex:none}.achievement-controller svg{width:100%;height:42px;filter:drop-shadow(1px 2px 1px #0004)}
.progress-rows{flex:1;min-width:0}.progress-rows>div{display:grid;grid-template-columns:83px 1fr;gap:6px;align-items:center;margin-bottom:5px;font-size:14px}
.progress-track{position:relative;background:#050a0b;border-radius:20px;height:16px;overflow:hidden;border:1px solid #0c171a}
.progress-track i{position:absolute;left:0;top:0;height:100%;min-width:8px;background:linear-gradient(#b7da3e,#6ba116);border-radius:20px;transition:width .4s}.progress-track b{position:relative;display:block;font:12px/14px Convection,sans-serif;text-align:center;color:white}
.achievement-label{font-size:11px;letter-spacing:1px;color:#c6d4d3aa;margin:26px 0 9px;text-transform:uppercase}.achievement-list{list-style:none;padding:0;margin:0}
.achievement-list li{position:relative;padding:9px 0 9px 20px;border-top:1px solid #c5d2d51a;font-size:15px;color:#b9c8c8}.achievement-list li:before{position:absolute;left:0;top:12px;content:'◇';color:#8e9f9c}.achievement-list li.earned:before{content:'◆';color:#b3d446}.achievement-list li.earned{color:#f1f5e7}.achievement-list b{float:right;font-size:13px;font-weight:400;opacity:.65}.achievement-list small{display:block;font-size:11px;margin-top:2px;color:#bfcecf99}
#avatar-stage{position:relative;min-width:0;margin-top:35px;height:calc(100% + 10px);pointer-events:none;overflow:visible}#avatar-stage:after{content:'';position:absolute;left:15%;right:15%;height:16px;bottom:0;background:#1a283744;filter:blur(9px);border-radius:50%;z-index:-1}#avatar-stage canvas{display:block;width:100%;height:100%}.avatar-loading{position:absolute;left:0;right:0;top:50%;font-size:13px;color:#607065;text-align:center}
.profile-footer{position:absolute;bottom:7.5%;left:7.5%;display:flex;gap:24px;align-items:center;font-size:18px}.profile-footer>span,.profile-footer button{display:flex;align-items:center;gap:8px}.profile-footer button{border:0;background:none;font:inherit;color:inherit;padding:4px}
.red-key{display:grid;place-items:center;width:24px;height:24px;background:radial-gradient(circle at 30% 20%,#ee8875,#a22e23 70%);border-radius:50%;color:#4b130a;border:1px solid #69281d;box-shadow:0 1px 3px #20340066;font:bold 14px Arial}
@media(max-width:950px) and (min-width:651px){.profile-pane{padding:14px}.progress-pane{padding:14px 12px}.profile-stats>img{width:50px;height:50px}.profile-stats dl>div{font-size:17px}.progress-rows>div{grid-template-columns:1fr}.achievement-controller{width:28px}.about-body p{font-size:14px}.profile-links a{font-size:17px}}
@media(max-width:650px){.profile-layout{left:6%;right:6%;top:max(22px,env(safe-area-inset-top));bottom:80px;display:grid;grid-template-columns:1fr;gap:14px;overflow-y:auto;overflow-x:hidden;padding-bottom:15px;align-content:start;overscroll-behavior:contain}.profile-pane{padding:15px;grid-row:1}.profile-name{font-size:25px}.profile-stats dl>div{font-size:20px}.profile-stats .rep-stars{font-size:17px}.about-heading{font-size:22px}.about-body p{font-size:17px}.profile-links a{font-size:20px;padding:9px 12px}.progress-pane{grid-row:3;margin:0;padding:18px}.progress-pane h2{font-size:24px}.progress-rows>div{grid-template-columns:90px 1fr;font-size:16px}#avatar-stage{grid-row:2;height:300px;margin:0}.profile-footer{bottom:max(24px,env(safe-area-inset-bottom));left:7%;font-size:17px}}
@media(max-height:600px) and (min-width:651px){.profile-layout{top:7%;bottom:17%}.profile-pane{padding:10px 14px;overflow:auto}.profile-name{font-size:21px;height:27px;line-height:25px}.profile-stats>img{width:40px;height:40px}.profile-stats dl>div{font-size:15px}.profile-stats .rep-stars{font-size:12px}.about-heading{margin-top:6px;padding:4px 10px;font-size:19px}.about-body{padding:7px 10px}.about-body h1{font-size:18px;margin-bottom:4px}.about-body p{font-size:13px}.profile-links{margin-top:4px}.profile-links a{font-size:15px;padding:4px 10px}.progress-pane{margin-top:22px;margin-bottom:22px;overflow:auto}.achievement-label{margin-top:14px}.achievement-list li{font-size:13px;padding:5px 0 5px 16px}#avatar-stage{margin-top:15px}.profile-footer{bottom:6%;font-size:14px}}

@media(min-width:651px){.profile-layout{grid-template-rows:minmax(0,1fr)}.profile-pane,.progress-pane{min-height:0;overflow-y:auto}}
.profile-layout{scrollbar-width:thin;scrollbar-color:#b9c6b8 #40576155}
/* Original NXE profile tile: 420x320, with the avatar extending past its edges. */
.profile-card .card-gamertag{position:absolute;left:18px;top:18px;font-size:clamp(19px,1.9vw,25px);line-height:1.1;color:#fff;text-shadow:0 1px 2px #34521755}
.profile-card .card-gamerscore{position:absolute;left:18px;top:46px;display:flex;align-items:center;gap:3px;font-size:21px;line-height:1;color:#eef4db}
.card-gamerscore img{width:19px;height:19px;object-fit:contain}
.card-latest{position:absolute;left:18px;top:44%;display:flex;flex-direction:column;gap:7px;font-size:15px;color:#ecf3cf}
.card-latest small{font-size:13px}
.profile-card .card-copy{right:38%;bottom:15px}
.profile-card .card-copy h2{font-size:clamp(19px,1.8vw,24px);font-weight:400;margin-bottom:4px;white-space:nowrap}
.profile-card .card-copy p{font-size:14px;white-space:nowrap}
.card-avatar{position:absolute;top:-15%;right:-10%;width:62%;height:135%;pointer-events:none;z-index:3;transform-origin:top left}
.card-avatar canvas{display:block;width:100%;height:100%;transform-origin:top left}
#avatar-stage canvas{transform-origin:top left}
@media(min-width:651px){
 #cards{--card-width:min(32.8125vw,58.3333vh)}
 .dashboard-card{height:auto;aspect-ratio:420/320;min-height:0;max-height:none}
 #card-stage{top:34.4444%;height:44.4444%}
 .section-meta{top:30.8%}
 .profile-layout{left:7.5%;right:7.5%;top:15%;bottom:16.6667%;grid-template-columns:42.1% 34.8% 23.1%}
 #avatar-stage{margin-top:40px;height:calc(100% + 10px)}
}
@media(max-width:650px){
 .profile-card .card-gamertag{font-size:20px;left:15px;top:15px}
 .profile-card .card-gamerscore{left:15px;top:39px;font-size:19px}
 .profile-card .card-copy{left:15px;bottom:13px}
 .profile-card .card-copy h2{font-size:20px}
 .profile-card .card-copy p{font-size:12px}
 .card-latest{left:15px;font-size:13px;gap:5px}.card-latest small{font-size:11px}
}
.card-avatar{top:-19%;height:128%}
@media(min-width:651px){#avatar-stage{margin-top:76px;height:calc(100% - 40px)}}
@media(max-width:650px){.dashboard-card{height:auto;aspect-ratio:420/320;min-height:0;max-height:none}}
#categories{height:17%;justify-content:flex-end}
.about-body p+p{margin-top:10px}
.about-body p{font-size:clamp(14px,1.3vw,17px);line-height:1.35}
@media(max-width:650px){.about-body p{font-size:16px}}
.business-email{margin:8px 10px 12px;font-size:15px;line-height:1.4;color:#dbe4e0}.business-email a{color:#f4f8e6;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.intro-credit{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-size:11px;color:#77816f;text-decoration:none;white-space:nowrap}.intro-credit:hover{text-decoration:underline;text-underline-offset:3px}.intro-credit:focus-visible{outline:2px solid #718c43;outline-offset:5px}
@media(max-width:650px){.intro-credit{bottom:80px;font-size:10px}}
@media(max-height:520px) and (min-width:651px){.intro-credit{bottom:24px;font-size:10px}}

/* Keep the full Serene Works artwork visible on the Home card. */
.card-icon:has(.serene-card-logo){left:12%;width:76%;top:10%;height:54%;}
.serene-card-logo{width:100%;height:100%;object-fit:contain;display:block;transform:scale(1.5);transform-origin:center;}