:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f5f5f5;background:#090909;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#171717 0,#090909 28%);color:#f5f5f5}.shell{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 90px)}.brand{font-size:13px;letter-spacing:.24em;font-weight:900;color:#b7ff43}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#242424;font-weight:800}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#999;font-weight:800}.hero h1{font-size:34px;line-height:1.03;margin:6px 0 8px}.muted{color:#a8a8a8}.card{background:#151515;border:1px solid #262626;border-radius:20px;padding:18px;margin:16px 0;box-shadow:0 12px 40px rgba(0,0,0,.18)}.workout-card{background:linear-gradient(145deg,#1d1d1d,#111)}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#242424;font-size:12px;font-weight:800}.accent{color:#b7ff43}.btn{width:100%;border:0;border-radius:14px;padding:15px 16px;font-size:15px;font-weight:900;cursor:pointer;background:#b7ff43;color:#101010}.btn.secondary{background:#262626;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.stat{background:#131313;border:1px solid #232323;border-radius:16px;padding:14px}.stat strong{display:block;font-size:20px;margin-top:5px}.exercise{padding:15px 0;border-bottom:1px solid #292929}.exercise:last-child{border-bottom:0}.exercise h3{margin:0 0 5px;font-size:16px}.set-grid{display:grid;grid-template-columns:34px 1fr 1fr 54px;gap:8px;align-items:center;margin:10px 0}.set-grid input{width:100%;background:#0e0e0e;border:1px solid #303030;color:#fff;border-radius:10px;padding:11px;text-align:center;font-size:16px}.set-grid button{height:42px;border:0;border-radius:10px;background:#2a2a2a;color:#fff;font-weight:900}.set-grid button.done{background:#b7ff43;color:#111}.nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);background:rgba(12,12,12,.94);backdrop-filter:blur(16px);border-top:1px solid #222}.nav button{background:none;border:0;color:#777;font-size:11px;font-weight:800;padding:7px}.nav button.active{color:#b7ff43}.screen-title{font-size:28px;margin:6px 0 18px}.history-item{padding:14px 0;border-bottom:1px solid #242424}.history-item:last-child{border-bottom:0}.empty{padding:36px 18px;text-align:center;color:#888}.timer{position:sticky;top:10px;z-index:4;background:#b7ff43;color:#111;padding:10px 14px;border-radius:14px;font-weight:900;text-align:center;margin-bottom:12px}.small{font-size:12px}.progress{height:8px;background:#282828;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#b7ff43}.field{margin:12px 0}.field label{display:block;color:#aaa;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field select{width:100%;background:#111;border:1px solid #303030;border-radius:12px;color:#fff;padding:13px;font-size:16px}.field select{appearance:auto}
/* Session details and accessible touch targets */
summary{cursor:pointer;padding:14px 0;color:#b7ff43;font-weight:700;font-size:13px}details[open] summary{border-bottom:1px solid #292929}.exercise .row.small{padding:5px 0}.nav button{min-height:44px}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b7ff43;outline-offset:3px}.set-grid input{min-width:0}#save-status{min-height:18px}

/* Training toolkit */
.nav{grid-template-columns:repeat(5,1fr)}button{cursor:pointer;background:#282828;border:1px solid #393939;border-radius:10px;color:#eee;padding:10px;min-height:42px}button:disabled{opacity:.4}h1{letter-spacing:-.04em}h2{font-size:21px}h3{line-height:1.4}.btn{margin:7px 0}.text-btn{background:none;border:0;color:#b7ff43;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.actions button{font-size:12px;flex:1;white-space:nowrap}.set-grid{grid-template-columns:1fr 1fr 76px 44px}.set-grid label span{display:block;font-size:10px;color:#aaa;margin-bottom:5px}.set-grid input,.set-grid select{width:100%;min-width:0;background:#0c0c0c;color:#fff;border:1px solid #333;border-radius:8px;padding:10px 5px;font-size:16px}.set-grid>button{align-self:end}.set-block{border-top:1px solid #303030;padding:8px 0}.warmup{border-left:3px solid #777;padding-left:9px}.guidance{color:#c9e5a3;background:#213016;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.superset{border-left:3px solid #b7ff43}.timer{position:static;margin-top:14px}.timer button{background:#d6ff94;color:#152000}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-grid>span{font-size:12px;color:#888}.calendar-grid button{padding:8px 2px;background:#171717;border-color:#292929}.calendar-grid small{display:block;min-height:14px;color:#888}.calendar-grid .completed small{color:#b7ff43}.calendar-grid .selected{border-color:#b7ff43}.heatmap{display:flex;max-width:390px;margin:auto}.heatmap svg{width:50%;height:auto}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 5px;border-bottom:1px solid #303030}td small{display:block;color:#888}.measure-row{display:grid;grid-template-columns:1fr 95px;align-items:center;gap:10px;margin:12px 0;font-size:13px}.measure-row>input{width:100%;background:#111;border:1px solid #333;border-radius:8px;color:#fff;padding:10px;font-size:16px}.check{display:block;font-size:13px;padding:8px 0}input[type=checkbox]{accent-color:#b7ff43;width:18px;height:18px;vertical-align:middle;margin-right:5px}.import{display:block;text-align:center;cursor:pointer}dialog[open]{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(520px,calc(100% - 24px));max-height:88vh;overflow:auto;border:1px solid #555;border-radius:18px;background:#181818;color:#eee;padding:20px;box-shadow:0 0 0 100vmax #000b}dialog h2{margin:4px 0}.barbell{display:flex;align-items:center;justify-content:center;min-height:105px;overflow:auto}.sleeve{display:flex;gap:2px;align-items:center}.sleeve button{padding:2px;min-width:22px;background:#b7ff43;color:#111;font-size:9px;border:0}.bar-shaft{height:8px;min-width:65px;background:#888}.row{flex-wrap:wrap}select:focus-visible{outline:2px solid #b7ff43}button:focus-visible{outline-offset:2px}@media(max-width:380px){.shell{padding-left:12px;padding-right:12px}.card{padding:13px}.set-grid{grid-template-columns:1fr 1fr 60px 42px;gap:5px}.stat{padding:10px}.eyebrow{font-size:10px}}

body::before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(65vw,370px);aspect-ratio:228/127;background:url('./assets/symbol.png') center/contain no-repeat;opacity:.125;pointer-events:none;z-index:0;mix-blend-mode:screen;filter:brightness(1.32) contrast(1.08)}.shell{position:relative;z-index:1}.brand-logo{width:112px;height:79px;object-fit:contain;border-radius:8px}.topbar{margin-bottom:22px}.summary-logo{display:block;width:150px;margin:26px auto;opacity:.75}body[data-view="summary"]::before{opacity:.015}.card{background:rgba(21,21,21,.96)}

.heatmap{max-width:440px;gap:10px}.body-map{width:50%;margin:0;min-width:0}.body-map svg{display:block;width:100%;height:auto}.body-map figcaption{text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#a8a8a8;margin:8px 0}.heat-legend{line-height:1.7;text-align:center}.brand-logo{height:auto}.summary-logo{height:auto}

/* Keep navigation above scrolling content; watermark above card surfaces, below text. */
.shell{z-index:auto}.nav{z-index:20}.nav[hidden]{display:none}#modal-slot{position:relative;z-index:40}body::before{z-index:1;opacity:.06;mix-blend-mode:normal}.card{position:relative;z-index:auto}.card>*{position:relative;z-index:2}.shell>header,.shell>.hero,.shell>h1,.shell>h2,.shell>h3,.shell>p,.shell>.eyebrow,.shell>.stats,.shell>.row,.shell>.calendar-grid,.shell>.btn,.shell>.summary-logo{position:relative;z-index:2}.field input,.field select{position:relative;z-index:2}.welcome{padding:20px 0}.welcome h1{font-size:44px;line-height:1.05}.welcome>p{font-size:16px;line-height:1.6}.welcome-features{margin:30px 0;line-height:1.6}.history-edit-set{border-top:1px solid #333;padding-top:10px}.error{color:#ffb0a6}body[data-view="summary"]::before{opacity:.018}

.prescription-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.prescription-grid input{width:100%;min-width:0}.exercise-results{display:grid;gap:8px;max-height:280px;overflow:auto;margin:16px 0}.exercise-results button{text-align:left;padding:12px}.exercise-results span{display:block}button:disabled{opacity:.35;cursor:default}.actions button[aria-pressed="true"]{border-color:#b7ff43;color:#b7ff43}

/* Adaptive guidance and trends */
.volume-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #2a2a2a}
.volume-row:last-child{border-bottom:0}
.volume-row b{display:block;text-transform:capitalize}
.volume-row .muted{display:block;margin-top:3px}
.volume-status{flex:0 0 auto;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:#282828;color:#bbb}
.volume-status.in_range{border:1px solid #b7ff43;color:#b7ff43}
.volume-status.low,.volume-status.high{border:1px solid #555;color:#ddd}
.trend-grid{display:grid;grid-template-columns:1fr;gap:0}
.trend-card strong{display:block;font-size:24px;margin-top:4px}
.sparkline{display:block;width:100%;height:auto;margin:16px 0 4px;color:#b7ff43;overflow:visible}
.sparkline circle{fill:#b7ff43}
@media(min-width:720px){.trend-grid{grid-template-columns:1fr 1fr;gap:12px}.trend-grid .card{margin-top:8px}}

.coach-notes{border-color:#33451f;background:linear-gradient(145deg,rgba(31,45,20,.94),rgba(18,18,18,.96))}
.coach-note{padding:11px 0;border-bottom:1px solid #2d3824}
.coach-note:last-child{border-bottom:0}
.coach-status{border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;background:#272727;color:#ddd}
.coach-status.ready{color:#b7ff43;border:1px solid #b7ff43}
.coach-status.stall,.coach-status.regression,.coach-status.fatigue,.coach-status.backoff{border:1px solid #666}

/* Workout preview */
.preview-list{margin-top:12px}
.preview-exercise{padding:12px 0;border-bottom:1px solid #2b2b2b}
.preview-exercise:last-child{border-bottom:0}
.program-day{margin:10px 0;border:1px solid #2d2d2d;border-radius:14px;padding:0 12px;background:#121212}
.program-day summary{font-size:14px}
.planned-workout{padding:8px 0}

/* Health context and trackers */
.nav{grid-template-columns:repeat(6,1fr)}
.physiology-card{border-color:#354526;background:linear-gradient(145deg,rgba(29,43,19,.94),rgba(18,18,18,.96))}
.physiology-summary{border-top:1px solid #303a28;margin-top:16px;padding-top:12px}
.tracker-history{margin-top:14px}
@media(max-width:380px){.nav button{font-size:9px;padding-left:2px;padding-right:2px}}

.health-tool>p{margin-top:8px}
.health-setup{margin-top:12px;border-top:1px solid #2b2b2b}
.health-setup>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b7ff43;font-size:13px;font-weight:900}
.health-setup>summary::after{content:"›";font-size:20px;transform:rotate(90deg)}
.health-setup[open]>summary::after{transform:rotate(-90deg)}
.tracker-history{border-top:1px solid #2b2b2b}

.exercise-guide summary{cursor:pointer}
.exercise-guide summary div{display:flex;flex-direction:column;gap:3px}
.exercise-guide .guide-body{padding-top:10px}
.exercise-guide ul{margin:8px 0 0 20px;padding:0}
.exercise-guide li{margin:5px 0}

.supplement-tracker{overflow:hidden}
.supp-week-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin:14px 0 10px;text-align:center}
.supp-week-nav button{min-height:42px}
.supp-week-scroll{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.supp-week{display:grid;grid-template-columns:repeat(7,minmax(118px,1fr));gap:8px;min-width:860px}
.supp-day{border:1px solid #303030;border-radius:16px;padding:10px;min-height:168px;background:#111}
.supp-day.today{border-color:#b7ff43;box-shadow:inset 0 0 0 1px #b7ff43}
.supp-day-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2a2a;padding-bottom:7px;margin-bottom:8px}
.supp-day-head span{font-size:12px;color:#999}
.supp-time{margin:9px 0}
.supp-time-label{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900;color:#999;margin-bottom:5px}
.supp-item{display:flex;align-items:flex-start;gap:7px;padding:6px 0;font-size:12px}
.supp-item input{margin-top:2px;flex:0 0 auto}
.supp-item span{display:flex;flex-direction:column;line-height:1.2}
.supp-item small{color:#999;margin-top:2px}
.supp-item.checked b{text-decoration:line-through;color:#777}
.supp-day-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.supp-day-picker label{display:flex;gap:6px;align-items:center}
@media(max-width:520px){.supp-week{grid-template-columns:repeat(7,112px);min-width:max-content}.supp-day{min-height:158px}}

.multi-choice{margin-top:6px;border:1px solid #303030;border-radius:12px;background:#111}
.multi-choice>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:13px 14px;color:#fff;font-size:16px;font-weight:600;list-style:none}
.multi-choice>summary::-webkit-details-marker{display:none}
.multi-choice>summary::after{content:"▾";color:#999;font-size:14px}
.multi-choice[open]>summary::after{transform:rotate(180deg)}
.multi-choice-menu{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #303030;padding:6px 10px 10px}
.multi-choice-menu label{display:flex;align-items:center;gap:8px;padding:10px 4px;font-size:14px;color:#ddd}
@media(max-width:380px){.multi-choice-menu{grid-template-columns:1fr}}

.health-card-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.health-order-controls{display:flex;gap:4px}
.health-order-controls button{min-width:36px;min-height:36px;padding:6px 9px;font-size:16px}
.health-order-controls button:disabled{opacity:.25}

/* XYN Power */
.power-card{border-color:#33451f;background:radial-gradient(circle at 85% 12%,rgba(183,255,67,.12),transparent 34%),linear-gradient(145deg,rgba(24,31,18,.98),rgba(15,15,15,.98));overflow:hidden}
.power-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin:12px 0 14px}
.power-label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#9f9f9f;font-weight:900}
.power-hero>div:first-child>strong{display:block;font-size:46px;line-height:1;margin:6px 0 5px;letter-spacing:-.05em}
.power-rank{font-size:13px;font-weight:900;color:#b7ff43;text-transform:uppercase;letter-spacing:.12em}
.power-scan{min-width:112px;border:1px solid #3d4d2b;border-radius:14px;padding:10px;text-align:right;background:rgba(12,18,9,.7)}
.power-scan span,.power-scan small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8b967f}
.power-scan b{display:block;font-size:22px;color:#b7ff43;margin:3px 0}
.power-progress{height:8px;background:#262626;border-radius:999px;overflow:hidden;margin:12px 0}
.power-progress span{display:block;height:100%;background:#b7ff43}
.power-breakdown{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
.power-breakdown div{border:1px solid #2c3525;background:#11170e;border-radius:12px;padding:10px}
.power-breakdown span{display:block;color:#9eaa94;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.power-breakdown b{display:block;margin-top:4px;font-size:17px}
.power-history{margin-top:12px;border-top:1px solid #2d3824}
.power-event{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #273021}
.power-event div{display:flex;flex-direction:column;gap:3px}
.power-event small{color:#8f9888}
.power-event>strong{color:#b7ff43;font-size:18px}
.power-gain{border-color:#b7ff43;background:radial-gradient(circle at 15% 20%,rgba(183,255,67,.12),transparent 45%),#12160f}
.power-gain-number{display:block;font-size:36px;color:#b7ff43;line-height:1.05;margin-top:3px}
.power-total{text-align:right}
.power-total b{display:block;font-size:24px;margin-top:3px}
@media(max-width:380px){.power-hero{grid-template-columns:1fr}.power-scan{text-align:left}.power-breakdown{grid-template-columns:1fr 1fr}}

/* XYN Core avatar and HUD */
.xyn-core-card{border-color:#2f3b26;background:radial-gradient(circle at 25% 20%,rgba(183,255,67,.09),transparent 38%),#131512}
.core-avatar{position:relative;min-height:250px;margin:14px 0;border:1px solid #34422b;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(20,31,16,.9),rgba(8,11,8,.98))}
.core-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(183,255,67,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,67,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent)}
.core-body{position:absolute;left:50%;bottom:-34px;transform:translateX(-50%);width:190px;height:150px;border:2px solid #64705d;border-radius:46% 46% 20% 20%;background:linear-gradient(145deg,#20251e,#11140f)}
.core-neck{position:absolute;left:50%;bottom:91px;transform:translateX(-50%);width:47px;height:53px;background:#282d25;border:1px solid #65705d}
.core-head{position:absolute;left:50%;bottom:126px;transform:translateX(-50%);width:92px;height:108px;border:2px solid #7d8875;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#30362c,#171a15)}
.core-avatar.male .core-head{width:98px;border-radius:42% 42% 38% 38%}
.core-avatar.female .core-head{width:88px;border-radius:52% 52% 45% 45%}
.core-avatar.female .core-body{width:178px}
.core-face-line{position:absolute;right:15px;top:50px;width:28px;height:1px;background:#6d7865}
.core-lens{position:absolute;top:34px;left:42px;width:62px;height:33px;border:2px solid #b7ff43;border-left-width:5px;border-radius:4px 15px 15px 4px;background:rgba(65,95,32,.42);box-shadow:0 0 18px rgba(183,255,67,.22);transform:skewX(-10deg)}
.core-lens i{position:absolute;left:-18px;top:11px;width:18px;height:5px;background:#b7ff43}
.core-lens span{position:absolute;right:7px;top:8px;font-size:8px;letter-spacing:.14em;font-weight:900;color:#d8ff9c}
.core-readout{position:absolute;right:14px;bottom:14px;min-width:108px;border-left:2px solid #b7ff43;padding:8px 10px;background:rgba(5,9,4,.72)}
.core-readout span,.core-readout small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#94a289}
.core-readout b{display:block;font-size:24px;color:#b7ff43;margin:2px 0}
.core-avatar.hud-pulse .core-lens{border-radius:18px;background:rgba(97,145,42,.25)}
.core-avatar.hud-pulse .core-grid{background-size:32px 32px}
.core-avatar.hud-prism .core-lens{clip-path:polygon(0 0,100% 12%,88% 100%,8% 86%);border-radius:0}
.core-avatar.compact{min-height:150px;margin:12px 0}
.core-avatar.compact .core-body{height:95px;width:135px;bottom:-30px}
.core-avatar.compact .core-neck{bottom:49px;height:35px}
.core-avatar.compact .core-head{bottom:76px;width:66px;height:78px}
.core-avatar.compact .core-lens{top:24px;left:31px;width:47px;height:25px}
.core-avatar.compact .core-lens i{left:-14px;top:8px;width:14px}
.core-avatar.compact .core-lens span{font-size:6px;top:6px}
.core-avatar.compact .core-face-line{top:37px;right:10px;width:20px}
.rank-up{box-shadow:0 0 0 1px rgba(183,255,67,.35),0 0 42px rgba(183,255,67,.12)}
.pr-scan{margin-top:14px;padding:12px;border:1px solid #4c662f;border-radius:12px;background:rgba(183,255,67,.06)}
.pr-scan span,.pr-scan small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.pr-scan span{color:#b7ff43;font-weight:900}
.pr-scan b{display:block;margin:5px 0;font-size:16px}
.pr-scan small{color:#89917f;letter-spacing:.04em}

/* XYN Core body-frame refinements */
.core-aura{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:190px;height:190px;border:1px solid rgba(183,255,67,.18);border-radius:50%;box-shadow:0 0 40px rgba(183,255,67,.08);opacity:.45}
.core-channel{position:absolute;display:block;width:4px;height:76px;background:linear-gradient(180deg,transparent,#b7ff43,transparent);box-shadow:0 0 10px rgba(183,255,67,.35);opacity:.45}
.core-body .channel-a{left:34%;top:28px;transform:rotate(8deg)}
.core-body .channel-b{right:34%;top:28px;transform:rotate(-8deg)}
.core-emblem{position:absolute;left:50%;top:28px;transform:translateX(-50%);font-style:normal;font-weight:900;font-size:22px;color:#b7ff43;text-shadow:0 0 12px rgba(183,255,67,.45)}
.core-avatar.ghost .core-body,.core-avatar.ghost .core-neck,.core-avatar.ghost .core-head{background:rgba(15,25,17,.14);border-color:rgba(190,255,210,.52);box-shadow:inset 0 0 22px rgba(183,255,67,.07),0 0 20px rgba(183,255,67,.07);backdrop-filter:blur(1px)}
.core-avatar.ghost .core-body{border-style:solid;background:linear-gradient(180deg,rgba(183,255,67,.025),rgba(3,8,4,.08))}
.core-avatar.ghost .core-head{background:radial-gradient(circle at 50% 42%,rgba(183,255,67,.09),rgba(6,12,7,.08) 60%,transparent)}
.core-avatar.ghost .core-neck{background:rgba(4,12,5,.12)}
.core-avatar.ghost .core-face-line{background:rgba(183,255,67,.45)}
.core-avatar.ghost .core-channel{opacity:.78;filter:blur(.4px)}
.core-avatar.ghost .core-emblem{opacity:.95}
.core-avatar.ghost .core-aura{opacity:.8;border-color:rgba(183,255,67,.32);box-shadow:0 0 55px rgba(183,255,67,.16)}
.core-avatar.evolution-1{background:linear-gradient(180deg,rgba(16,21,14,.96),rgba(5,7,5,.99))}
.core-avatar.evolution-1 .core-aura{width:115px;height:115px;opacity:.05;box-shadow:none}
.core-avatar.evolution-1 .core-grid{opacity:.14;background-size:30px 30px}
.core-avatar.evolution-1 .core-art.production{filter:saturate(.55) contrast(.94) brightness(.72) drop-shadow(0 0 4px rgba(183,255,67,.02));transform:scale(.91);transform-origin:center bottom}

.core-avatar.evolution-2{background:radial-gradient(circle at 50% 68%,rgba(183,255,67,.06),transparent 34%),linear-gradient(180deg,rgba(18,26,15,.96),rgba(6,9,6,.99))}
.core-avatar.evolution-2 .core-aura{width:175px;height:175px;opacity:.48;box-shadow:0 0 48px rgba(183,255,67,.22)}
.core-avatar.evolution-2 .core-grid{opacity:.46;background-size:24px 24px}
.core-avatar.evolution-2 .core-art.production{filter:saturate(1.08) contrast(1.02) brightness(1.02) drop-shadow(0 0 28px rgba(183,255,67,.3));transform:scale(.975);transform-origin:center bottom}
.core-avatar.evolution-2::after{content:"";position:absolute;left:50%;bottom:6%;width:58%;height:30%;transform:translateX(-50%);z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,rgba(183,255,67,.34),rgba(183,255,67,.12) 46%,transparent 74%);filter:blur(8px)}

.core-avatar.evolution-3{background:radial-gradient(circle at 50% 56%,rgba(183,255,67,.09),transparent 40%),linear-gradient(180deg,rgba(18,29,15,.96),rgba(6,10,6,.99))}
.core-avatar.evolution-3 .core-aura{width:215px;height:215px;opacity:.66;box-shadow:0 0 68px rgba(183,255,67,.28)}
.core-avatar.evolution-3 .core-grid{opacity:.62;background-size:21px 21px}
.core-avatar.evolution-3 .core-art.production{filter:saturate(1.18) contrast(1.05) brightness(1.08) drop-shadow(0 0 38px rgba(183,255,67,.32));transform:scale(1.01);transform-origin:center bottom}
.core-avatar.evolution-3::after{content:"";position:absolute;left:50%;top:51%;width:58%;height:58%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;border:1px solid rgba(183,255,67,.18);border-radius:50%;box-shadow:0 0 34px rgba(183,255,67,.14)}

.core-avatar.evolution-4{background:radial-gradient(circle at 50% 52%,rgba(183,255,67,.16),transparent 42%),linear-gradient(180deg,rgba(19,33,15,.96),rgba(5,10,5,.99));box-shadow:inset 0 0 34px rgba(183,255,67,.06)}
.core-avatar.evolution-4 .core-aura{width:265px;height:265px;opacity:.94;border-width:2px;box-shadow:0 0 0 14px rgba(183,255,67,.05),0 0 92px rgba(183,255,67,.42)}
.core-avatar.evolution-4 .core-aura::before,.core-avatar.evolution-4 .core-aura::after{content:"";position:absolute;inset:26px;border:1px solid rgba(183,255,67,.48);border-radius:50%;box-shadow:0 0 34px rgba(183,255,67,.16)}
.core-avatar.evolution-4 .core-aura::after{inset:52px;border-color:rgba(183,255,67,.3)}
.core-avatar.evolution-4 .core-grid{opacity:.86;background-size:17px 17px}
.core-avatar.evolution-4 .core-art.production{filter:saturate(1.28) contrast(1.08) brightness(1.14) drop-shadow(0 0 52px rgba(183,255,67,.44));transform:scale(1.045);transform-origin:center bottom}
.core-avatar.evolution-4::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(118deg,transparent 26%,rgba(183,255,67,.10) 48%,transparent 70%),radial-gradient(circle at 50% 58%,rgba(183,255,67,.16),transparent 34%);mix-blend-mode:screen}

.core-avatar.evolution-5{background:radial-gradient(circle at 50% 50%,rgba(183,255,67,.23),transparent 43%),linear-gradient(180deg,rgba(20,37,14,.96),rgba(4,9,4,.99));box-shadow:inset 0 0 54px rgba(183,255,67,.1),0 0 24px rgba(183,255,67,.08)}
.core-avatar.evolution-5 .core-aura{width:325px;height:325px;opacity:1;border-width:2px;box-shadow:0 0 0 18px rgba(183,255,67,.065),0 0 118px rgba(183,255,67,.56)}
.core-avatar.evolution-5 .core-grid{opacity:.98;background-size:14px 14px}
.core-avatar.evolution-5 .core-art.production{filter:saturate(1.42) contrast(1.12) brightness(1.2) drop-shadow(0 0 66px rgba(183,255,67,.58));transform:scale(1.08);transform-origin:center bottom}
.core-avatar.evolution-5::before{content:"";position:absolute;inset:-4%;z-index:2;pointer-events:none;background:conic-gradient(from 10deg at 50% 56%,transparent 0 8%,rgba(183,255,67,.13) 9%,transparent 12% 27%,rgba(183,255,67,.12) 28%,transparent 31% 46%,rgba(183,255,67,.14) 47%,transparent 50% 65%,rgba(183,255,67,.11) 66%,transparent 69% 84%,rgba(183,255,67,.13) 85%,transparent 88%);mix-blend-mode:screen}
.core-avatar.evolution-5::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 57%,rgba(183,255,67,.34),transparent 38%);mix-blend-mode:screen}

@keyframes xyn-core-max-pulse{0%,100%{filter:saturate(1.55) contrast(1.14) brightness(1.28) drop-shadow(0 0 72px rgba(183,255,67,.66));transform:scale(1.105)}50%{filter:saturate(1.75) contrast(1.18) brightness(1.42) drop-shadow(0 0 92px rgba(183,255,67,.82));transform:scale(1.125)}}
@keyframes xyn-core-max-aura{0%,100%{box-shadow:0 0 0 22px rgba(183,255,67,.08),0 0 140px rgba(183,255,67,.65)}50%{box-shadow:0 0 0 28px rgba(183,255,67,.11),0 0 175px rgba(183,255,67,.82)}}
.core-avatar.evolution-6{background:radial-gradient(circle at 50% 48%,rgba(183,255,67,.38),transparent 45%),linear-gradient(180deg,rgba(24,46,15,.98),rgba(3,8,3,.99));box-shadow:inset 0 0 82px rgba(183,255,67,.18),0 0 38px rgba(183,255,67,.18)}
.core-avatar.evolution-6 .core-aura{width:385px;height:385px;opacity:1;border-width:3px;animation:xyn-core-max-aura 2.2s ease-in-out infinite}
.core-avatar.evolution-6 .core-aura::before,.core-avatar.evolution-6 .core-aura::after{content:"";position:absolute;left:50%;top:50%;width:165%;height:2px;background:linear-gradient(90deg,transparent,rgba(183,255,67,.92),transparent);transform:translate(-50%,-50%) rotate(28deg);box-shadow:0 0 24px rgba(183,255,67,.42)}
.core-avatar.evolution-6 .core-aura::after{transform:translate(-50%,-50%) rotate(-28deg)}
.core-avatar.evolution-6 .core-grid{opacity:1;background-size:11px 11px;filter:brightness(1.45)}
.core-avatar.evolution-6 .core-art.production{animation:xyn-core-max-pulse 2.2s ease-in-out infinite;transform-origin:center bottom}
.core-avatar.evolution-6::before{content:"";position:absolute;inset:-18%;z-index:2;pointer-events:none;background:conic-gradient(from 0deg at 50% 55%,transparent 0 8%,rgba(183,255,67,.22) 9%,transparent 12% 23%,rgba(183,255,67,.19) 24%,transparent 27% 38%,rgba(183,255,67,.24) 39%,transparent 42% 53%,rgba(183,255,67,.18) 54%,transparent 57% 68%,rgba(183,255,67,.24) 69%,transparent 72% 83%,rgba(183,255,67,.2) 84%,transparent 87%);mix-blend-mode:screen}
.core-avatar.evolution-6::after{content:"";position:absolute;inset:-8%;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 52%,rgba(183,255,67,.5),transparent 38%),linear-gradient(90deg,transparent 46%,rgba(183,255,67,.22) 50%,transparent 54%);mix-blend-mode:screen;filter:blur(1px)}

#core-preview .core-avatar{margin-top:8px;margin-bottom:16px}

@keyframes xyn-scan{0%{transform:translateX(-120%);opacity:0}25%{opacity:.8}100%{transform:translateX(120%);opacity:0}}
@keyframes xyn-pulse{0%,100%{box-shadow:0 0 0 1px rgba(183,255,67,.25),0 0 28px rgba(183,255,67,.08)}50%{box-shadow:0 0 0 1px rgba(183,255,67,.55),0 0 52px rgba(183,255,67,.2)}}
@keyframes xyn-rank{0%{transform:scale(.985);filter:brightness(.85)}55%{transform:scale(1.012);filter:brightness(1.2)}100%{transform:scale(1);filter:brightness(1)}}
.power-gain{overflow:hidden}
.power-gain::after{content:"";position:absolute;inset:0;width:42%;background:linear-gradient(90deg,transparent,rgba(183,255,67,.16),transparent);pointer-events:none;animation:xyn-scan 1.25s ease-out 1}
.power-gain.rank-up{animation:xyn-rank .7s ease-out,xyn-pulse 1.8s ease-in-out 2}
.pr-scan{position:relative;overflow:hidden}
.pr-scan::after{content:"";position:absolute;top:0;bottom:0;width:35%;background:linear-gradient(90deg,transparent,rgba(183,255,67,.18),transparent);animation:xyn-scan 1.05s ease-out 1}
@media(prefers-reduced-motion:reduce){.power-gain::after,.pr-scan::after,.power-gain.rank-up{animation:none}}

/* XYN Core cosmetics and milestone progression */
.core-avatar.effect-circuit .core-grid{background-size:18px 18px}
.core-avatar.effect-circuit .core-body::after{content:"";position:absolute;inset:14px 24px 18px;border:1px solid rgba(183,255,67,.28);border-radius:30% 30% 18% 18%;box-shadow:inset 0 0 20px rgba(183,255,67,.05)}
.core-avatar.effect-halo .core-aura{border-width:2px;box-shadow:0 0 0 10px rgba(183,255,67,.03),0 0 60px rgba(183,255,67,.18)}
.core-avatar.effect-halo .core-aura::after{content:"";position:absolute;inset:20px;border:1px solid rgba(183,255,67,.26);border-radius:50%}
.core-avatar.effect-nova .core-aura{border-width:2px;box-shadow:0 0 0 12px rgba(183,255,67,.04),0 0 85px rgba(183,255,67,.28)}
.core-avatar.effect-nova .core-aura::before,.core-avatar.effect-nova .core-aura::after{content:"";position:absolute;left:50%;top:50%;width:125%;height:1px;background:linear-gradient(90deg,transparent,rgba(183,255,67,.6),transparent);transform:translate(-50%,-50%) rotate(28deg)}
.core-avatar.effect-nova .core-aura::after{transform:translate(-50%,-50%) rotate(-28deg)}
.core-unlocks{margin:10px 0;border-top:1px solid #2d3824}
.unlock-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #272f23}
.unlock-row span{font-weight:800}
.unlock-row small{color:#8e9887;text-align:right}
.unlock-row.unlocked span{color:#b7ff43}
.unlock-row.locked{opacity:.65}
.milestone-card{border-color:#30382b}
.milestone-list{margin-top:8px}
.milestone{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #282d25}
.milestone:last-child{border-bottom:0}
.milestone-mark{width:26px;height:26px;border:1px solid #3b4534;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:900;color:#777}
.milestone.unlocked .milestone-mark{border-color:#b7ff43;color:#b7ff43;box-shadow:0 0 14px rgba(183,255,67,.12)}
.milestone div{display:flex;flex-direction:column;gap:3px}
.milestone b{font-size:14px}
.milestone small{color:#8e9588;line-height:1.35}
.milestone.locked{opacity:.62}

/* Illustrated XYN Core assets */
.core-art{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:100%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;z-index:1;filter:drop-shadow(0 0 18px rgba(183,255,67,.08))}
.core-avatar.compact .core-art{height:112%;bottom:-8%}
.core-avatar.effect-circuit .core-art{filter:drop-shadow(0 0 20px rgba(183,255,67,.12))}
.core-avatar.effect-halo .core-art{filter:drop-shadow(0 0 30px rgba(183,255,67,.18))}
.core-avatar.effect-nova .core-art{filter:drop-shadow(0 0 42px rgba(183,255,67,.28)) brightness(1.04)}
.core-avatar.hud-pulse .core-art{filter:drop-shadow(0 0 22px rgba(163,91,255,.16))}
.core-avatar.hud-prism .core-art{filter:drop-shadow(0 0 24px rgba(255,183,67,.18))}
.core-avatar .core-readout{z-index:3}
.core-avatar .core-grid,.core-avatar .core-aura{z-index:0}

/* Production XYN Core artwork */
.core-art.production{object-fit:contain;object-position:center bottom;height:100%;width:100%;left:0;bottom:0;transform:none;max-width:100%;padding:4px}
.core-avatar.compact .core-art.production{height:100%;bottom:0;padding:0}
.core-avatar.effect-circuit .core-art.production{filter:drop-shadow(0 0 22px rgba(183,255,67,.14))}
.core-avatar.effect-halo .core-art.production{filter:drop-shadow(0 0 32px rgba(183,255,67,.22))}
.core-avatar.effect-nova .core-art.production{filter:drop-shadow(0 0 44px rgba(183,255,67,.32)) brightness(1.05)}
.core-avatar.hud-pulse .core-art.production{filter:drop-shadow(0 0 24px rgba(163,91,255,.22))}
.core-avatar.hud-prism .core-art.production{filter:drop-shadow(0 0 26px rgba(255,183,67,.22))}

/* Device-local XYN Core developer preview */
.core-dev-panel{margin:14px 0;padding:14px;border:1px dashed #5d713f;border-radius:14px;background:rgba(183,255,67,.045)}
.core-dev-panel .pill{color:#b7ff43}
.core-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.core-stage-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;background:#171b15;border:1px solid #33402b}
.core-stage-btn small{font-size:9px;color:#8f9c87;text-transform:uppercase;letter-spacing:.06em}
.core-stage-btn.active{border-color:#b7ff43;box-shadow:0 0 0 1px rgba(183,255,67,.2),0 0 20px rgba(183,255,67,.08);color:#b7ff43}


/* Production Core effect rebuild v2 */
.core-avatar.effect-core{box-shadow:inset 0 0 28px rgba(183,255,67,.05)}
.core-avatar.effect-core .core-aura{opacity:.86;box-shadow:0 0 0 8px rgba(183,255,67,.035),0 0 52px rgba(183,255,67,.22),0 0 96px rgba(183,255,67,.16)}
.core-avatar.effect-core .core-grid{opacity:.62}
.core-avatar.effect-core .core-art.production{filter:saturate(1.16) brightness(1.09) drop-shadow(0 0 34px rgba(183,255,67,.3))}
.core-avatar.effect-core::after{content:"";position:absolute;left:50%;bottom:7%;width:62%;height:28%;transform:translateX(-50%);z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,rgba(183,255,67,.34),rgba(183,255,67,.12) 45%,transparent 74%);filter:blur(10px);mix-blend-mode:screen}

.core-avatar.effect-circuit{box-shadow:inset 0 0 36px rgba(183,255,67,.06)}
.core-avatar.effect-circuit .core-grid{opacity:1!important;background-size:12px 12px!important;filter:brightness(1.4)}
.core-avatar.effect-circuit .core-aura{opacity:.78;box-shadow:0 0 0 8px rgba(183,255,67,.03),0 0 58px rgba(183,255,67,.22)}
.core-avatar.effect-circuit .core-art.production{filter:saturate(1.08) contrast(1.08) brightness(1.03) drop-shadow(0 0 28px rgba(183,255,67,.24))}
.core-avatar.effect-circuit::before{content:"";position:absolute;inset:9% 10%;z-index:2;pointer-events:none;border:1px solid rgba(183,255,67,.34);border-radius:16px;background:linear-gradient(90deg,transparent 0 47%,rgba(183,255,67,.16) 50%,transparent 53%),linear-gradient(transparent 0 47%,rgba(183,255,67,.12) 50%,transparent 53%);background-size:46px 46px;box-shadow:inset 0 0 30px rgba(183,255,67,.06),0 0 24px rgba(183,255,67,.1);mix-blend-mode:screen}
.core-avatar.effect-circuit::after{content:"";position:absolute;left:8%;right:8%;top:26%;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(183,255,67,.8),transparent);box-shadow:0 0 18px rgba(183,255,67,.42);animation:xyn-circuit-scan 2.4s linear infinite}
@keyframes xyn-circuit-scan{0%{transform:translateY(-28px);opacity:.2}20%{opacity:1}80%{opacity:1}100%{transform:translateY(120px);opacity:.2}}

.core-avatar.effect-halo{box-shadow:inset 0 0 32px rgba(183,255,67,.05)}
.core-avatar.effect-halo .core-grid{opacity:.48}
.core-avatar.effect-halo .core-aura{opacity:1;border-width:2px;box-shadow:0 0 0 12px rgba(183,255,67,.045),0 0 76px rgba(183,255,67,.3),0 0 132px rgba(183,255,67,.22)}
.core-avatar.effect-halo .core-art.production{filter:saturate(1.12) brightness(1.08) drop-shadow(0 0 36px rgba(183,255,67,.3))}
.core-avatar.effect-halo::before{content:"";position:absolute;left:50%;top:50%;width:82%;height:82%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;border:2px solid rgba(183,255,67,.46);border-radius:50%;box-shadow:0 0 34px rgba(183,255,67,.16),inset 0 0 24px rgba(183,255,67,.07)}
.core-avatar.effect-halo::after{content:"";position:absolute;left:50%;top:50%;width:60%;height:60%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;border:1px solid rgba(183,255,67,.35);border-radius:50%;box-shadow:0 0 26px rgba(183,255,67,.14)}

.core-avatar.effect-nova{box-shadow:inset 0 0 68px rgba(183,255,67,.14),0 0 28px rgba(183,255,67,.12)}
.core-avatar.effect-nova .core-grid{opacity:.9;filter:brightness(1.35)}
.core-avatar.effect-nova .core-aura{opacity:1;border-width:3px;box-shadow:0 0 0 16px rgba(183,255,67,.065),0 0 92px rgba(183,255,67,.4),0 0 160px rgba(183,255,67,.46)}
.core-avatar.effect-nova .core-art.production{filter:saturate(1.3) contrast(1.08) brightness(1.18) drop-shadow(0 0 54px rgba(183,255,67,.5))}
.core-avatar.effect-nova::before,.core-avatar.effect-nova::after{content:"";position:absolute;left:50%;top:50%;width:165%;height:2px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(183,255,67,.95),transparent);box-shadow:0 0 28px rgba(183,255,67,.5);transform:translate(-50%,-50%) rotate(28deg);mix-blend-mode:screen}
.core-avatar.effect-nova::after{transform:translate(-50%,-50%) rotate(-28deg)}
@media(prefers-reduced-motion:reduce){.core-avatar.effect-circuit::after{animation:none}}

/* XYN Power settings explainer */
.power-explainer{border-color:#33422a;background:radial-gradient(circle at 20% 10%,rgba(183,255,67,.06),transparent 38%),#131512}
.power-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.power-rules>div{border:1px solid #2f3928;border-radius:12px;padding:10px;background:#11170e}
.power-rules b{display:block;color:#b7ff43;font-size:18px}
.power-rules span{display:block;margin-top:3px;color:#a7b09f;font-size:12px;line-height:1.35}
.rank-thresholds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.rank-thresholds span{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid #2b3426;padding:8px 0}
.rank-thresholds small{color:#929c8b}
@media(max-width:420px){.power-rules,.rank-thresholds{grid-template-columns:1fr}}


/* Production HUD rebuild v1 */
.core-avatar.hud-vector::before,
.core-avatar.hud-pulse::before,
.core-avatar.hud-prism::before{
  content:"";
  position:absolute;
  inset:10px;
  z-index:2;
  pointer-events:none;
  border-radius:14px;
}

/* Vector: clean tactical frame with corner brackets */
.core-avatar.hud-vector::before{
  border:1px solid rgba(183,255,67,.18);
  background:
    linear-gradient(#b7ff43,#b7ff43) left 10px top 10px/24px 2px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) left 10px top 10px/2px 24px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) right 10px top 10px/24px 2px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) right 10px top 10px/2px 24px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) left 10px bottom 10px/24px 2px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) left 10px bottom 10px/2px 24px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) right 10px bottom 10px/24px 2px no-repeat,
    linear-gradient(#b7ff43,#b7ff43) right 10px bottom 10px/2px 24px no-repeat;
  box-shadow:inset 0 0 24px rgba(183,255,67,.035);
}
.core-avatar.hud-vector::after{
  content:"VECTOR";
  position:absolute;
  top:17px;
  left:22px;
  z-index:3;
  pointer-events:none;
  font-size:9px;
  letter-spacing:.18em;
  font-weight:900;
  color:#b7ff43;
  opacity:.8;
}

/* Pulse: circular/radar HUD with animated sweep */
@keyframes xyn-hud-pulse-ring{
  0%,100%{transform:translate(-50%,-50%) scale(.94);opacity:.42}
  50%{transform:translate(-50%,-50%) scale(1.04);opacity:.95}
}
.core-avatar.hud-pulse::before{
  left:50%;
  top:48%;
  right:auto;
  bottom:auto;
  width:72%;
  height:72%;
  transform:translate(-50%,-50%);
  border:2px solid rgba(144,95,255,.62);
  border-radius:50%;
  box-shadow:0 0 26px rgba(144,95,255,.22),inset 0 0 22px rgba(144,95,255,.08);
  background:
    radial-gradient(circle,transparent 0 43%,rgba(144,95,255,.18) 44% 45%,transparent 46%),
    linear-gradient(90deg,transparent 49%,rgba(144,95,255,.22) 50%,transparent 51%),
    linear-gradient(transparent 49%,rgba(144,95,255,.22) 50%,transparent 51%);
  animation:xyn-hud-pulse-ring 2s ease-in-out infinite;
}
.core-avatar.hud-pulse::after{
  content:"PULSE";
  position:absolute;
  top:17px;
  left:22px;
  z-index:3;
  pointer-events:none;
  font-size:9px;
  letter-spacing:.18em;
  font-weight:900;
  color:#b894ff;
  text-shadow:0 0 10px rgba(144,95,255,.5);
}
.core-avatar.hud-pulse .core-readout{
  border-left-color:#a56cff;
  box-shadow:0 0 18px rgba(144,95,255,.12);
}
.core-avatar.hud-pulse .core-readout b{color:#c7a8ff}

/* Prism: angular amber/gold segmented HUD */
.core-avatar.hud-prism::before{
  border:1px solid rgba(255,183,67,.42);
  clip-path:polygon(0 8%,8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%);
  background:
    linear-gradient(135deg,rgba(255,183,67,.22),transparent 18%) top left/38% 38% no-repeat,
    linear-gradient(225deg,rgba(255,183,67,.22),transparent 18%) top right/38% 38% no-repeat,
    linear-gradient(45deg,rgba(255,183,67,.18),transparent 18%) bottom left/38% 38% no-repeat,
    linear-gradient(315deg,rgba(255,183,67,.18),transparent 18%) bottom right/38% 38% no-repeat;
  box-shadow:inset 0 0 28px rgba(255,183,67,.06);
}
.core-avatar.hud-prism::after{
  content:"PRISM";
  position:absolute;
  top:17px;
  left:22px;
  z-index:3;
  pointer-events:none;
  font-size:9px;
  letter-spacing:.18em;
  font-weight:900;
  color:#ffbd57;
  text-shadow:0 0 10px rgba(255,183,67,.45);
}
.core-avatar.hud-prism .core-readout{
  border-left-color:#ffb743;
  clip-path:polygon(0 0,100% 0,100% 82%,88% 100%,0 100%);
  box-shadow:0 0 18px rgba(255,183,67,.12);
}
.core-avatar.hud-prism .core-readout b{color:#ffd08a}

@media(prefers-reduced-motion:reduce){
  .core-avatar.hud-pulse::before{animation:none}
}


/* Ascendant debris lift */
.core-debris{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;display:none}
.core-debris i{position:absolute;bottom:0;background:linear-gradient(145deg,#77806f,#1a2117);border:1px solid rgba(183,255,67,.48);box-shadow:0 0 18px rgba(183,255,67,.34);opacity:0;border-radius:2px}
.core-avatar.evolution-5 .core-debris,
.core-avatar.evolution-6 .core-debris{display:block}

@keyframes xyn-debris-rise-a{
  0%{transform:translate3d(0,40px,0) rotate(0deg) scale(.78);opacity:0}
  4%{opacity:1}
  82%{opacity:1}
  100%{transform:translate3d(30px,-330px,0) rotate(360deg) scale(1.28);opacity:0}
}
@keyframes xyn-debris-rise-b{
  0%{transform:translate3d(0,38px,0) rotate(0deg) scale(.7);opacity:0}
  5%{opacity:1}
  84%{opacity:1}
  100%{transform:translate3d(-34px,-360px,0) rotate(-420deg) scale(1.36);opacity:0}
}
@keyframes xyn-debris-rise-c{
  0%{transform:translate3d(0,34px,0) rotate(0deg) scale(.65);opacity:0}
  3%{opacity:1}
  80%{opacity:1}
  100%{transform:translate3d(42px,-390px,0) rotate(450deg) scale(1.2);opacity:0}
}

/* Apex: restrained precursor */
.core-avatar.evolution-5 .core-debris{opacity:.42;filter:brightness(.92)}
.core-avatar.evolution-5 .core-debris i:nth-child(n+5){display:none}
.core-avatar.evolution-5 .core-debris i:nth-child(1){left:24%;width:7px;height:8px;animation:xyn-debris-rise-a 2.15s linear infinite .2s}
.core-avatar.evolution-5 .core-debris i:nth-child(2){left:40%;width:9px;height:6px;animation:xyn-debris-rise-b 2.45s linear infinite .75s}
.core-avatar.evolution-5 .core-debris i:nth-child(3){left:61%;width:6px;height:9px;animation:xyn-debris-rise-a 2s linear infinite 1.05s}
.core-avatar.evolution-5 .core-debris i:nth-child(4){left:76%;width:8px;height:8px;animation:xyn-debris-rise-b 2.3s linear infinite .48s}

/* Ascendant: fast, dense environmental lift */
.core-avatar.evolution-6 .core-debris{opacity:1;filter:brightness(1.55) contrast(1.15)}
.core-avatar.evolution-6 .core-debris i{border-color:rgba(183,255,67,.72);box-shadow:0 0 24px rgba(183,255,67,.52)}
.core-avatar.evolution-6 .core-debris i:nth-child(1){left:5%;width:8px;height:10px;animation:xyn-debris-rise-a .62s linear infinite .02s}
.core-avatar.evolution-6 .core-debris i:nth-child(2){left:11%;width:11px;height:8px;animation:xyn-debris-rise-b .72s linear infinite .11s}
.core-avatar.evolution-6 .core-debris i:nth-child(3){left:17%;width:8px;height:12px;animation:xyn-debris-rise-c .56s linear infinite .19s}
.core-avatar.evolution-6 .core-debris i:nth-child(4){left:23%;width:13px;height:10px;animation:xyn-debris-rise-a .66s linear infinite .05s}
.core-avatar.evolution-6 .core-debris i:nth-child(5){left:29%;width:9px;height:13px;animation:xyn-debris-rise-b .6s linear infinite .23s}
.core-avatar.evolution-6 .core-debris i:nth-child(6){left:35%;width:7px;height:9px;animation:xyn-debris-rise-c .75s linear infinite .14s}
.core-avatar.evolution-6 .core-debris i:nth-child(7){left:41%;width:12px;height:9px;animation:xyn-debris-rise-a .58s linear infinite .29s}
.core-avatar.evolution-6 .core-debris i:nth-child(8){left:47%;width:8px;height:11px;animation:xyn-debris-rise-b .68s linear infinite .08s}
.core-avatar.evolution-6 .core-debris i:nth-child(9){left:53%;width:14px;height:10px;animation:xyn-debris-rise-c .61s linear infinite .21s}
.core-avatar.evolution-6 .core-debris i:nth-child(10){left:59%;width:8px;height:8px;animation:xyn-debris-rise-a .7s linear infinite .04s}
.core-avatar.evolution-6 .core-debris i:nth-child(11){left:65%;width:10px;height:14px;animation:xyn-debris-rise-b .57s linear infinite .27s}
.core-avatar.evolution-6 .core-debris i:nth-child(12){left:71%;width:7px;height:10px;animation:xyn-debris-rise-c .65s linear infinite .16s}
.core-avatar.evolution-6 .core-debris i:nth-child(13){left:77%;width:12px;height:8px;animation:xyn-debris-rise-a .59s linear infinite .32s}
.core-avatar.evolution-6 .core-debris i:nth-child(14){left:83%;width:8px;height:13px;animation:xyn-debris-rise-b .73s linear infinite .07s}
.core-avatar.evolution-6 .core-debris i:nth-child(15){left:89%;width:10px;height:9px;animation:xyn-debris-rise-c .6s linear infinite .24s}
.core-avatar.evolution-6 .core-debris i:nth-child(16){left:95%;width:7px;height:11px;animation:xyn-debris-rise-a .64s linear infinite .12s}

/* Ascendant radial power surge */
@keyframes xyn-ascendant-wave-a{
  0%{transform:translate(-50%,-50%) scale(.55);opacity:.95}
  100%{transform:translate(-50%,-50%) scale(1.65);opacity:0}
}
@keyframes xyn-ascendant-wave-b{
  0%{transform:translate(-50%,-50%) scale(.7);opacity:.8}
  100%{transform:translate(-50%,-50%) scale(1.95);opacity:0}
}
.core-avatar.evolution-6 .core-aura::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:64%;
  height:64%;
  transform:translate(-50%,-50%);
  border:3px solid rgba(183,255,67,.78);
  border-radius:50%;
  box-shadow:0 0 40px rgba(183,255,67,.4),inset 0 0 28px rgba(183,255,67,.12);
  animation:xyn-ascendant-wave-a .8s linear infinite;
}
.core-avatar.evolution-6 .core-aura::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:72%;
  height:72%;
  transform:translate(-50%,-50%);
  border:2px solid rgba(183,255,67,.55);
  border-radius:50%;
  box-shadow:0 0 34px rgba(183,255,67,.26);
  animation:xyn-ascendant-wave-b 1s linear infinite .14s;
}
@media(prefers-reduced-motion:reduce){
  .core-debris i,.core-avatar.evolution-6 .core-aura::before,.core-avatar.evolution-6 .core-aura::after{animation:none!important}
  .core-debris i{opacity:.45;transform:translateY(-42px)}
}

/* Calendar completion colors */
.calendar-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 14px;font-size:12px;color:#969696}
.calendar-key{font-weight:800}
.calendar-key.complete{color:#b7ff43}
.calendar-key.incomplete{color:#ff9f2f}
.calendar-grid .completed{border-color:rgba(183,255,67,.55);background:rgba(183,255,67,.08)}
.calendar-grid .completed small{color:#b7ff43!important;font-weight:900;text-shadow:0 0 8px rgba(183,255,67,.3)}
.calendar-grid .incomplete{border-color:rgba(255,159,47,.58);background:rgba(255,159,47,.075)}
.calendar-grid .incomplete small{color:#ff9f2f!important;font-weight:900;text-shadow:0 0 8px rgba(255,159,47,.28)}
.calendar-grid .selected{box-shadow:inset 0 0 0 1px currentColor}
.calendar-grid .selected.completed{border-color:#b7ff43}
.calendar-grid .selected.incomplete{border-color:#ff9f2f}
.planned-workout.incomplete{border-left:3px solid #ff9f2f;padding-left:10px}
.planned-workout.incomplete p{color:#ffc078}

/* Fixed workout rest timer */
.rest-timer-slot{
  position:fixed;
  top:max(10px,env(safe-area-inset-top));
  left:50%;
  transform:translateX(-50%);
  z-index:100;
  width:min(520px,calc(100% - 24px));
  pointer-events:none;
  display:none;
}
.rest-timer-slot.active{
  display:block;
}
.floating-rest-timer{
  pointer-events:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border:1px solid rgba(183,255,67,.72);
  border-radius:16px;
  background:rgba(10,12,10,.97);
  box-shadow:0 12px 34px rgba(0,0,0,.58),0 0 18px rgba(183,255,67,.10),0 0 0 1px rgba(183,255,67,.08) inset;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.floating-rest-timer .timer-copy{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
}
.floating-rest-timer .timer-copy .eyebrow{
  margin:0;
}
.floating-rest-timer .timer-copy strong{
  font-size:28px;
  line-height:1;
  color:#b7ff43;
  letter-spacing:.04em;
  font-variant-numeric:tabular-nums;
}
.floating-rest-timer .actions{
  margin:0;
  flex-wrap:nowrap;
}
.floating-rest-timer .actions button{
  flex:0 0 auto;
  min-width:72px;
}
@media(max-width:420px){
  .rest-timer-slot{
    top:max(8px,env(safe-area-inset-top));
    width:calc(100% - 18px);
  }
  .floating-rest-timer{
    padding:10px 11px;
    gap:9px;
  }
  .floating-rest-timer .timer-copy{
    gap:7px;
  }
  .floating-rest-timer .timer-copy .eyebrow{
    display:none;
  }
  .floating-rest-timer .timer-copy strong{
    font-size:26px;
  }
  .floating-rest-timer .actions button{
    min-width:64px;
    padding-left:9px;
    padding-right:9px;
  }
}

/* Workout history achievement badges */
.history-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:8px 0 10px;
}
.history-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  border:1px solid #3a3a3a;
  background:#171717;
}
.history-badge.pr{
  color:#b7ff43;
  border-color:rgba(183,255,67,.5);
  box-shadow:0 0 10px rgba(183,255,67,.08);
}
.history-badge.rank{
  color:#fff;
  border-color:rgba(183,255,67,.78);
  background:linear-gradient(145deg,rgba(183,255,67,.18),rgba(23,23,23,.96));
  box-shadow:0 0 14px rgba(183,255,67,.16);
}
.history-badge.milestone{
  color:#ffd27a;
  border-color:rgba(255,190,78,.58);
  background:rgba(255,190,78,.07);
}

/* Long-term history timeline */
.history-tools{position:relative;z-index:1}
.history-filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
.history-filters button[aria-pressed="true"]{
  color:#0b0b0b;
  background:#b7ff43;
  border-color:#b7ff43;
  font-weight:900;
}
.history-timeline{display:grid;gap:12px}
.history-year,.history-month,.history-week{
  border:1px solid #2b2b2b;
  border-radius:16px;
  background:rgba(15,15,15,.86);
  overflow:hidden;
}
.history-year>summary,.history-month>summary,.history-week>summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px;
}
.history-year>summary::-webkit-details-marker,
.history-month>summary::-webkit-details-marker,
.history-week>summary::-webkit-details-marker{display:none}
.history-year>summary::before,
.history-month>summary::before,
.history-week>summary::before{
  content:"›";
  flex:0 0 auto;
  color:#b7ff43;
  font-size:18px;
  font-weight:900;
  transition:transform .18s ease;
}
.history-year[open]>summary::before,
.history-month[open]>summary::before,
.history-week[open]>summary::before{transform:rotate(90deg)}
.history-year>summary>div:first-of-type{
  display:flex;
  flex-direction:column;
  margin-right:auto;
}
.history-year>summary>div:first-of-type>b{font-size:20px}
.history-year>summary>div:first-of-type>span,
.history-month>summary>span,
.history-week>summary>span{font-size:12px;color:#999}
.history-year-stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px 10px;
  font-size:11px;
  color:#aaa;
}
.history-month{
  margin:0 10px 10px;
  background:rgba(20,20,20,.74);
}
.history-month>summary{padding:12px}
.history-week{
  margin:0 9px 9px;
  background:rgba(10,10,10,.72);
}
.history-week>summary{padding:10px 12px}
.history-week-items{padding:0 10px 10px}
.history-week-items .history-item:last-child{margin-bottom:0}
@media(max-width:520px){
  .history-year>summary{align-items:flex-start;flex-wrap:wrap}
  .history-year-stats{width:100%;justify-content:flex-start;padding-left:24px}
}
:root { --mastery-accent: #69e4d4; }
.lifetime-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 12px; margin:20px 0; }
.lifetime-grid strong { display:block; font-size:clamp(1.1rem,4vw,1.65rem); overflow-wrap:anywhere; }
.lifetime-records { margin:20px 0; }
.lifetime-records > div { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid #ffffff18; }
.lifetime-records dt { flex:1; }
.lifetime-records dd { flex:1; margin:0; text-align:right; overflow-wrap:anywhere; }
.mastery-track { padding:16px 0; border-top:1px solid #ffffff18; }
.mastery-track h3 { margin:0; overflow-wrap:anywhere; min-width:0; }
.mastery-track .pill { flex-shrink:0; }
.mastery-track progress { display:block; width:100%; height:8px; margin:12px 0; border:0; border-radius:8px; overflow:hidden; background:#ffffff14; accent-color:var(--mastery-accent); }
.mastery-track progress::-webkit-progress-bar { background:#ffffff14; }
.mastery-track progress::-webkit-progress-value { background:var(--mastery-accent); }
.mastery-track progress::-moz-progress-bar { background:var(--mastery-accent); }
.mastery-track p { margin:6px 0 0; }
@media(max-width:380px) { .lifetime-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Ascension progression */
.ascension-band{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid rgba(223,255,184,.42);
  border-radius:14px;
  background:
    radial-gradient(circle at 12% 50%,rgba(183,255,67,.12),transparent 42%),
    linear-gradient(135deg,rgba(245,255,232,.055),rgba(14,18,12,.9));
  box-shadow:inset 0 0 24px rgba(183,255,67,.035);
}
.ascension-band>div{display:flex;flex-direction:column;gap:3px}
.ascension-band>div:last-child{text-align:right}
.ascension-band span{
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#aeb8a5;
}
.ascension-band b,.ascension-band strong{
  color:#efffdc;
  font-size:15px;
  letter-spacing:.04em;
}
.history-badge.ascension{
  color:#efffdc;
  border-color:rgba(223,255,184,.82);
  background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(183,255,67,.14));
  box-shadow:0 0 16px rgba(223,255,184,.14);
}
@media(max-width:380px){
  .ascension-band{grid-template-columns:1fr}
  .ascension-band>div:last-child{text-align:left}
}


/* Trophy Room */
.core-avatar-shell{position:relative}
.core-avatar-shell>.core-avatar{margin-bottom:0}
.trophy-room-link{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:7px 10px 7px 8px;
  border:1px solid rgba(223,255,184,.5);
  border-radius:999px;
  background:rgba(7,10,7,.88);
  box-shadow:0 6px 20px rgba(0,0,0,.45),0 0 18px rgba(183,255,67,.1);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}
.trophy-room-link:hover,.trophy-room-link:focus-visible{
  border-color:#b7ff43;
  box-shadow:0 6px 20px rgba(0,0,0,.45),0 0 22px rgba(183,255,67,.18);
}
.trophy-room-link-emblem{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(183,255,67,.58);
  clip-path:polygon(50% 0,91% 24%,91% 76%,50% 100%,9% 76%,9% 24%);
  background:linear-gradient(145deg,rgba(183,255,67,.2),rgba(255,255,255,.03));
  color:#efffdc;
  font-size:15px;
  text-shadow:0 0 9px rgba(183,255,67,.55);
}
.trophy-room-link>span:last-child{display:flex;align-items:baseline;gap:6px}
.trophy-room-link b{font-size:14px;color:#efffdc}
.trophy-room-link small{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#aeb8a5;
}

.trophy-room-head{margin-bottom:22px}
.trophy-room-head>.text-btn{margin-bottom:16px}
.trophy-room-score{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:18px;
  padding:14px;
  border:1px solid #34422b;
  border-radius:16px;
  background:radial-gradient(circle at 10% 50%,rgba(183,255,67,.12),transparent 40%),#11150f;
}
.trophy-room-hero-emblem{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  clip-path:polygon(50% 0,90% 23%,90% 77%,50% 100%,10% 77%,10% 23%);
  background:linear-gradient(145deg,#dfffab,#7eb52e 48%,#223015);
  color:#0a0d08;
  font-size:26px;
  font-weight:900;
  box-shadow:0 0 26px rgba(183,255,67,.2);
}
.trophy-room-score>div:last-child{display:flex;flex-direction:column}
.trophy-room-score strong{font-size:30px;line-height:1;color:#efffdc}
.trophy-room-score span{margin-top:4px;color:#a7b09f;font-size:12px}

.trophy-group{margin:24px 0}
.trophy-group-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.trophy-group-head h2{margin:0}
.trophy-group-head span{
  color:#a4ae9d;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.trophy-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.trophy{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:12px;
  align-items:center;
  min-height:116px;
  padding:13px;
  border:1px solid #2d322b;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(20,23,19,.98),rgba(12,13,12,.98));
  overflow:hidden;
}
.trophy.earned{
  border-color:rgba(183,255,67,.42);
  background:
    radial-gradient(circle at 15% 45%,rgba(183,255,67,.095),transparent 42%),
    linear-gradient(145deg,rgba(22,28,18,.98),rgba(12,14,11,.98));
  box-shadow:inset 0 0 28px rgba(183,255,67,.025);
}
.trophy.locked{opacity:.62}
.trophy-emblem{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  position:relative;
  clip-path:polygon(50% 0,90% 23%,90% 77%,50% 100%,10% 77%,10% 23%);
  border:0;
  background:linear-gradient(145deg,#30342e,#151714);
  color:#6f756b;
  font-size:28px;
  font-weight:900;
}
.trophy-emblem::after{
  content:"";
  position:absolute;
  inset:5px;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.1);
}
.trophy.earned .trophy-emblem{
  color:#f3ffe3;
  background:linear-gradient(145deg,#536e34,#182113);
  text-shadow:0 0 12px currentColor;
  box-shadow:0 0 22px rgba(183,255,67,.12);
}
.trophy.earned .trophy-emblem.pr{color:#b7ff43}
.trophy.earned .trophy-emblem.consistency{color:#74e6d5}
.trophy.earned .trophy-emblem.volume{color:#ffc66d}
.trophy.earned .trophy-emblem.mastery{color:#90e8ff}
.trophy.earned .trophy-emblem.rank{color:#eefadf}
.trophy.earned .trophy-emblem.ascension{color:#f3ffe3;background:linear-gradient(145deg,#66775b,#1d2419)}
.trophy-copy{min-width:0}
.trophy-copy h3{margin:0 0 4px;font-size:15px}
.trophy-copy p{margin:0;color:#90998a;font-size:11px;line-height:1.35}
.trophy-copy strong{
  display:inline-block;
  margin-top:8px;
  color:#b7ff43;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.trophy-copy small{display:block;margin-top:5px;color:#8c9487;font-size:10px}
.trophy-progress{
  height:5px;
  margin-top:9px;
  border-radius:999px;
  overflow:hidden;
  background:#252825;
}
.trophy-progress span{display:block;height:100%;background:#7e8d72}

/* Symbolic workout achievements */
.history-badges{gap:8px}
.history-emblem{
  position:relative;
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #3a4135;
  clip-path:polygon(50% 0,91% 24%,91% 76%,50% 100%,9% 76%,9% 24%);
  background:linear-gradient(145deg,#232820,#11130f);
  color:#a5ad9e;
  filter:drop-shadow(0 0 5px rgba(0,0,0,.5));
}
.history-emblem-symbol{
  font-size:17px;
  line-height:1;
  font-weight:900;
}
.history-emblem b{
  position:absolute;
  right:-1px;
  bottom:-1px;
  min-width:16px;
  height:16px;
  padding:0 3px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#0b0d0a;
  border:1px solid currentColor;
  font-size:8px;
  line-height:1;
}
.history-emblem.pr{color:#b7ff43;border-color:rgba(183,255,67,.62)}
.history-emblem.rank{color:#efffdc;border-color:rgba(223,255,184,.7)}
.history-emblem.ascension{color:#fff;border-color:rgba(238,255,220,.82);box-shadow:0 0 14px rgba(223,255,184,.13)}
.history-emblem.milestone{color:#ffd27a;border-color:rgba(255,190,78,.62)}

@media(max-width:560px){
  .trophy-grid{grid-template-columns:1fr}
}
@media(max-width:380px){
  .trophy{grid-template-columns:54px 1fr;padding:11px}
  .trophy-emblem{width:50px;height:50px;font-size:24px}
  .trophy-room-link small{display:none}
}


/* HIIT interval trainer */
.hiit-setup{
  margin:14px 0;
  padding:14px;
  border:1px solid #33422a;
  border-radius:16px;
  background:radial-gradient(circle at 10% 10%,rgba(183,255,67,.07),transparent 42%),#111510;
}
.hiit-mode-toggle{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0;
}
.hiit-mode-toggle button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-height:62px;
  padding:12px;
  text-align:left;
  background:#151815;
  border-color:#30382d;
}
.hiit-mode-toggle button[aria-pressed="true"]{
  border-color:#b7ff43;
  background:rgba(183,255,67,.09);
  box-shadow:0 0 0 1px rgba(183,255,67,.1),0 0 18px rgba(183,255,67,.06);
}
.hiit-mode-toggle small{color:#90998a}
.hiit-preset-card{
  margin:10px 0;
  padding:12px;
  border-radius:12px;
  background:#0d100c;
  border:1px solid #2b3328;
}
.hiit-preset-card p{margin:5px 0 0}
.hiit-config-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 10px;
}
.hiit-duration-preview{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid #303a2c;
  border-radius:12px;
  background:#0c0f0b;
}
.hiit-duration-preview span{
  color:#98a291;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hiit-duration-preview b{color:#b7ff43;font-size:20px}
.hiit-card{
  border-left:2px solid rgba(183,255,67,.58);
  padding-left:12px;
}
.hiit-card-meta{
  margin:7px 0;
  color:#d9efc1;
  font-size:12px;
}
.hiit-launch{
  border-color:#b7ff43!important;
  background:rgba(183,255,67,.13)!important;
  color:#eaffc8!important;
}

body.hiit-running{overflow:hidden;touch-action:none}
.hiit-trainer{
  --hiit-signal:#b7ff43;
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  grid-template-rows:auto 1fr auto auto;
  min-width:100vw;
  min-height:100dvh;
  padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 50% 42%,rgba(183,255,67,.12),transparent 36%),
    linear-gradient(180deg,#101510,#050705);
  transition:background .18s linear;
}
.hiit-trainer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  background:var(--hiit-signal);
}
.hiit-trainer>*{position:relative;z-index:1}
.hiit-trainer.tone-go{
  --hiit-signal:#b7ff43;
  background:
    radial-gradient(circle at 50% 46%,rgba(183,255,67,.28),transparent 44%),
    linear-gradient(180deg,#16450d,#061005 72%,#030603);
}
.hiit-trainer.tone-stop{
  --hiit-signal:#ff334f;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,51,79,.28),transparent 44%),
    linear-gradient(180deg,#4f0913,#150305 72%,#080102);
}
.hiit-trainer.tone-complete{
  --hiit-signal:#b7ff43;
  background:
    radial-gradient(circle at 50% 44%,rgba(183,255,67,.24),transparent 42%),
    linear-gradient(180deg,#13280c,#050805);
}
.hiit-trainer.phase-flash::before{animation:hiit-screen-flash .52s ease-out}
@keyframes hiit-screen-flash{
  0%{opacity:.96}
  22%{opacity:.72}
  100%{opacity:0}
}
.hiit-screen-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.hiit-screen-top>div{display:flex;flex-direction:column;gap:4px}
.hiit-screen-top span{
  color:var(--hiit-signal);
  font-size:11px;
  font-weight:950;
  letter-spacing:.2em;
}
.hiit-screen-top b{
  font-size:clamp(14px,3vw,22px);
  letter-spacing:.08em;
}
.hiit-screen-top button{
  min-width:76px;
  border-color:rgba(255,255,255,.35);
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
.hiit-screen-center{
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  min-height:0;
}
.hiit-phase{
  color:var(--hiit-signal);
  font-size:clamp(18px,5vw,38px);
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 0 28px color-mix(in srgb,var(--hiit-signal) 55%,transparent);
}
.hiit-time{
  position:relative;
  display:grid;
  place-items:center;
  min-width:min(82vw,760px);
  margin:2vh 0;
  font-size:clamp(88px,27vw,250px);
  font-weight:950;
  line-height:.9;
  letter-spacing:-.06em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 6px 34px rgba(0,0,0,.48),0 0 38px color-mix(in srgb,var(--hiit-signal) 22%,transparent);
}
.hiit-time.film-countdown{
  width:min(58vmin,470px);
  min-width:0;
  aspect-ratio:1;
  border:clamp(3px,.7vmin,7px) solid rgba(255,255,255,.88);
  border-radius:50%;
  font-size:clamp(120px,33vmin,310px);
  letter-spacing:-.08em;
}
.hiit-time.film-countdown::before,
.hiit-time.film-countdown::after{
  content:"";
  position:absolute;
  background:rgba(255,255,255,.28);
}
.hiit-time.film-countdown::before{left:-12%;right:-12%;height:1px;top:50%}
.hiit-time.film-countdown::after{top:-12%;bottom:-12%;width:1px;left:50%}
.hiit-next{
  color:rgba(255,255,255,.68);
  font-size:clamp(12px,2.5vw,18px);
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hiit-phase-progress{
  height:8px;
  margin:0 auto 14px;
  width:min(820px,92vw);
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.16);
}
.hiit-phase-progress span{
  display:block;
  width:0;
  height:100%;
  background:var(--hiit-signal);
  box-shadow:0 0 16px var(--hiit-signal);
}
.hiit-screen-controls{
  display:flex;
  justify-content:center;
}
.hiit-screen-controls button{
  width:min(300px,70vw);
  min-height:54px;
  border-color:rgba(255,255,255,.3);
  background:rgba(0,0,0,.34);
  font-size:15px;
  font-weight:900;
}
.hiit-trainer.paused{
  filter:saturate(.55);
}
.hiit-trainer.paused .hiit-time{opacity:.72}
.hiit-finish{
  grid-row:1/-1;
  align-self:center;
  justify-self:center;
  width:min(520px,92vw);
  text-align:center;
}
.hiit-finish-mark{
  width:120px;
  height:120px;
  display:grid;
  place-items:center;
  margin:24px auto;
  border:3px solid #b7ff43;
  border-radius:50%;
  color:#b7ff43;
  font-size:64px;
  font-weight:950;
  box-shadow:0 0 50px rgba(183,255,67,.24);
}
.hiit-finish h1{
  margin:8px 0;
  font-size:clamp(36px,9vw,72px);
}
.hiit-finish p{font-size:18px}
.hiit-finish .small{font-size:12px;color:#b8c2b1;margin-bottom:20px}

@media(max-width:420px){
  .hiit-config-grid{grid-template-columns:1fr}
  .hiit-trainer{padding-left:14px;padding-right:14px}
  .hiit-screen-top button{min-width:64px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
  .hiit-trainer.phase-flash::before{animation:none;opacity:.55}
}


/* Current Program editing */
.program-browser-title{align-items:flex-start}
.program-browser-title h2{margin:0}
.program-active-note{
  margin:10px 0 14px;
  padding:10px 12px;
  border:1px solid rgba(255,190,78,.34);
  border-radius:12px;
  background:rgba(255,190,78,.055);
  color:#d9c59f;
}
.program-preview-exercise>.row{align-items:flex-start}
.program-preview-exercise>.row>div:first-child{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.program-preview-exercise>.row>button{
  flex:0 0 auto;
  min-width:68px;
  color:#dfffb3;
  border-color:rgba(183,255,67,.42);
  background:rgba(183,255,67,.07);
}
.program-swap-tag{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid rgba(183,255,67,.38);
  color:#b7ff43;
  background:rgba(183,255,67,.055);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.program-swap-cancel{
  display:block;
  width:100%;
  margin-top:10px;
  text-align:center;
}
@media(max-width:400px){
  .program-browser-title{align-items:stretch;flex-direction:column}
  .program-browser-title button{width:100%}
  .program-preview-exercise>.row{gap:8px}
  .program-preview-exercise>.row>button{min-width:62px;padding-left:8px;padding-right:8px}
}

/* Strength scheduling states use symbols and text as well as color. */
.calendar-grid button.makeup { border: 2px solid #b6a0ff; background: #302443; color: #ece3ff; }
.calendar-grid button.skipped { border-style: dashed; color: #b9b1a7; background: #252222; }
.calendar-key.makeup, .schedule-note.makeup { color: #cfbdff; }
.calendar-key.skipped { color: #b9b1a7; }
.schedule-note { padding: 12px; border-left: 3px solid #b6a0ff; background: #282331; border-radius: 6px; }
.schedule-plan { padding: 14px; background: #282331; border-radius: 10px; }
.schedule-plan li { margin: 8px 0; }
#schedule-form select { max-width: 100%; }
#schedule-form button:disabled { opacity: .5; cursor: not-allowed; }

/* Public beta onboarding and trust surfaces */
.setup-hero,.setup-card{max-width:760px;margin-inline:auto}
.setup-choice{
  width:100%;text-align:left;margin:8px 0;padding:18px;border:1px solid rgba(183,255,67,.28);
  border-radius:16px;background:rgba(183,255,67,.045)
}
.setup-choice b{display:block;font-size:17px;margin-bottom:5px}
.setup-choice span{display:block;color:var(--muted,#a7ada4);line-height:1.45}
.weekday-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.weekday-grid label{padding:10px 8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;text-align:center}
.setup-audit{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}
.setup-pass{border-color:rgba(183,255,67,.35);color:#cfff83}
.setup-warn,.setup-warning{color:#ffd27a}
.setup-issues{border-color:rgba(255,210,122,.32);background:linear-gradient(145deg,rgba(255,210,122,.07),#151515)}
.setup-issues h3{margin:6px 0 8px}
.setup-issue{padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.setup-issue:first-of-type{margin-top:8px}
.setup-issue b{color:#ffd27a}
.setup-issue p{margin:5px 0}
.support-email{display:block;text-align:center;text-decoration:none;margin-top:10px}
.frequency-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.frequency-summary span{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.055);font-size:12px}
.beta-notice,.backup-reminder{border-color:rgba(183,255,67,.24)}
.beta-principles p{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.beta-principles p:last-child{border-bottom:0}
.last-performance{margin:8px 0 10px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.045);font-size:12px;line-height:1.45}
.policy-page{padding-bottom:40px}
.policy-page .card{max-width:820px;margin-left:auto;margin-right:auto}
.policy-page a{color:#b7ff43}
@media(max-width:520px){.weekday-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Training depth and exercise credibility */
.program-note{
  margin:8px 0 10px;
  padding:9px 11px;
  border-left:3px solid rgba(183,255,67,.55);
  border-radius:8px;
  background:rgba(183,255,67,.045);
  color:#e8f5df;
  font-size:12px;
  line-height:1.45;
}
.exercise-stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:12px 0 16px;
}
.exercise-stats-grid .stat small{
  display:block;
  font-size:9px;
  color:var(--muted,#a7ada4);
}
.exercise-best{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.exercise-best>div{
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.exercise-best b{display:block;margin-top:4px}
.exercise-history-list .history-item{margin-bottom:8px}
.exercise-guide [data-library-stats]{margin-top:10px}
@media(max-width:520px){
  .exercise-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .exercise-best{grid-template-columns:1fr}
}

.rest-alert-settings{margin-top:18px;padding-top:8px;border-top:1px solid #2a2a2a}
.rest-alert-settings h3{margin-bottom:8px}
.rest-volume label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rest-volume output{color:#b7ff43;font-weight:900}
.rest-volume input[type="range"]{width:100%;accent-color:#b7ff43}
.custom-rest-sound{margin-top:14px;padding:14px;border:1px solid #2b2b2b;border-radius:14px;background:#111}
.compact-file{display:block;text-align:center;cursor:pointer;margin-top:8px}
.workout-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.workout-photo-actions .btn{display:block;text-align:center;cursor:pointer}
.workout-photo-preview{background:#090909;border:1px solid #2a2a2a;border-radius:16px;padding:8px;margin:14px 0}
.workout-photo-preview canvas{display:block;width:100%;height:auto;border-radius:10px}
.workout-photo-card{border-color:rgba(183,255,67,.24)}
@media(max-width:420px){.workout-photo-actions{grid-template-columns:1fr}}

.xyn-connect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.xyn-connect-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:12px;border:1px solid #2b2b2b;border-radius:14px;background:#111;color:inherit;text-decoration:none;font-weight:800}
.xyn-connect-link:hover,.xyn-connect-link:focus-visible{border-color:rgba(183,255,67,.55);background:#151515}
.xyn-connect-link svg{width:28px;height:28px;fill:#b7ff43}
@media(max-width:520px){.xyn-connect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Settings: prevent About links from appearing inline or overflowing on phones. */
.settings-about-links{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:10px 0}
.settings-about-links .btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere;text-decoration:none;line-height:1.4;min-height:48px}

/* Four customizable workout-photo styles, touch-friendly and responsive. */
.photo-style-picker{display:grid;grid-auto-columns:minmax(142px,1fr);grid-auto-flow:column;gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:4px 1px 12px;margin:8px 0 12px;-webkit-overflow-scrolling:touch}
.photo-style-option{scroll-snap-align:start;min-width:0;min-height:75px;padding:12px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:5px;border:1px solid #444;border-radius:12px;background:#222;color:#fff}
.photo-style-option strong{font-size:13px;line-height:1.25}
.photo-style-option small{font-size:11px;color:#bbb;line-height:1.3}
.photo-style-option[aria-pressed="true"]{border-color:#b7ff43;background:#24311c;box-shadow:0 0 0 1px rgba(183,255,67,.25) inset}
.photo-style-option[aria-pressed="true"] small{color:#e0f3c5}
.workout-photo-preview canvas{max-width:100%;height:auto}
@media(max-width:560px){.photo-style-picker{grid-auto-columns:minmax(142px,54%)}}



/* Scannable exercise prescription: performance targets before secondary guidance. */
.exercise-goals{display:grid;gap:10px;margin:16px 0 12px}
.exercise-goals-primary{background:#1d2a12;border:1px solid #40592a;border-radius:16px;padding:16px}
.exercise-goals-eyebrow{font-size:11px;font-weight:850;letter-spacing:.13em;color:#b7ff43;margin-bottom:11px}
.exercise-goals-grid,.exercise-goals-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.exercise-goals-grid>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.exercise-goals-grid strong{font-size:clamp(29px,7vw,44px);line-height:1.1;color:#b7ff43;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.exercise-goals-grid span{font-size:13px;color:#d1eab1}
.exercise-goal-sub{background:#262018;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.exercise-goal-label{color:#ffaa52;font-size:11px;font-weight:850;letter-spacing:.12em}
.exercise-goal-sub strong{color:#ffaa52;font-size:clamp(22px,5vw,29px);line-height:1.2;font-variant-numeric:tabular-nums}
.exercise-goal-sub small{color:#e1b98e;font-size:11px;line-height:1.3}
.exercise-goal-extra{margin:0;color:#abb4a5;font-size:12px}
.exercise .load-note{font-size:12px;color:#929991}
.exercise .guidance{font-size:13px;line-height:1.5}


/* One-day-at-a-time supplement log */
.supp-day-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}
.supp-day-picker label{font-size:13px;font-weight:700;color:#b7ff43}
.supp-day-picker select{flex:1;min-width:185px;background:#202320;color:#fff;border:1px solid #41483c;border-radius:10px;padding:12px}
.supp-selected-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:15px 0 10px}
.supp-selected-heading strong{font-size:17px}
.supp-selected-heading span{font-size:13px;color:#b7ff43;font-weight:750}
.supplement-tracker .supp-time{margin:12px 0;padding:12px;background:#191d19;border-radius:12px}
.supplement-tracker .supp-item{min-height:48px}


/* Keep health markers visible alongside workout status on calendar days. */
.calendar-marker.checkin{color:#b7ff43;font-weight:900}
.calendar-marker.cycle{color:#f2a8cf;font-weight:900}
.calendar-grid .calendar-marker{display:inline-block;margin-left:2px}