:root{--color-bg: #071b1f;--color-bg-2: #0e2b2d;--color-surface: #f7fbf4;--color-surface-strong: #ffffff;--color-ink: #102026;--color-muted: #64756f;--color-coin: #f8c84e;--color-xp: #4dff9a;--color-flow: #59d6ff;--color-collab: #ff7ab6;--color-danger: #ff8a4c;--color-support: #a78bfa;--pixel-border: 2px solid #12383d;--pixel-shadow: 5px 5px 0 #12383d;--pixel-shadow-soft: 3px 3px 0 rgb(18 56 61 / 42%);--motion-fast: .14s;--motion-medium: .26s;color:var(--color-ink);background:radial-gradient(circle at 15% 12%,rgb(77 255 154 / 18%),transparent 30%),radial-gradient(circle at 85% 10%,rgb(89 214 255 / 16%),transparent 28%),linear-gradient(135deg,var(--color-bg),var(--color-bg-2));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--color-bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select,a{max-width:100%}h1,h2,h3,p{margin-top:0;overflow-wrap:anywhere}.org-shell{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:100vw;min-height:100vh;overflow-x:hidden}.sidebar{display:flex;flex-direction:column;gap:24px;min-width:0;padding:24px 18px;border-right:1px solid #d9e3db;background:#fff}.brand-block{display:flex;gap:12px;align-items:center;min-width:0;padding:8px 8px 16px;border-bottom:1px solid #edf2ee}.brand-mark,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.brand-mark{flex:0 0 42px;width:42px;height:42px;background:#183c34;color:#f4c95d;font-size:13px}.brand-block strong,.brand-block span,.user-chip strong,.user-chip span{display:block}.brand-block strong{color:#10231d;font-size:18px}.brand-block span,.user-chip span,.topbar__context,.level-chip small{color:#61736d;font-size:13px}.side-nav{display:grid;gap:8px;min-width:0;max-width:100%}.side-nav__item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;width:100%;min-width:0;padding:11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#2b403a;text-align:left}.side-nav__item:hover{background:#f7faf8}.side-nav__item.is-active{border-color:#bad8c8;background:#e9f5ee;box-shadow:inset 3px 0 #1d7a56}.side-nav__short{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#f0f5f2;color:#245247;font-size:13px;font-weight:800}.side-nav__item.is-active .side-nav__short{background:#183c34;color:#f4c95d}.side-nav__item strong,.side-nav__item small{display:block;min-width:0}.side-nav__item strong{overflow-wrap:anywhere;color:#16231f;font-size:14px}.side-nav__item small{margin-top:4px;color:#667970;font-size:12px;line-height:1.35}.workspace{min-width:0;max-width:100%}.topbar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid #d9e3db;background:#ffffffe5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar__context,.topbar__status,.user-chip,.point-chip,.level-chip{display:flex;align-items:center;min-width:0}.topbar__context{flex-wrap:wrap;gap:10px}.topbar__status{gap:12px;justify-content:flex-end}.level-chip,.point-chip,.user-chip{border:1px solid #dce6df;border-radius:8px;background:#fff}.level-chip{flex-direction:column;align-items:stretch;width:min(260px,32vw);gap:7px;padding:10px 12px}.level-chip>span{color:#17372f;font-size:13px;font-weight:800}.point-chip{gap:10px;padding:12px 14px}.point-chip span{color:#667970;font-size:12px;font-weight:700}.point-chip strong{color:#14392f;font-size:20px}.user-chip{gap:10px;padding:8px 12px 8px 8px}.avatar{flex:0 0 42px;width:42px;height:42px;background:#f4c95d;color:#17372f;font-size:13px}.user-chip strong{color:#14231f;font-size:14px}.page-content{min-width:0;max-width:100%;padding:28px}.page-stack{display:grid;gap:18px}.page-header{display:flex;gap:18px;justify-content:space-between;padding:26px;border:1px solid #d9e3db;border-radius:8px;background:#fff;box-shadow:0 18px 50px #20342d14}.page-header h1{margin:12px 0 10px;color:#10231d;font-size:clamp(30px,4vw,44px);line-height:1.04;letter-spacing:0}.page-header p{max-width:860px;margin-bottom:0;color:#536760;font-size:16px;line-height:1.65;overflow-wrap:anywhere}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.section-panel,.entry-card{border:1px solid #d9e3db;border-radius:8px;background:#fff}.metric-card{min-width:0;min-height:132px;padding:18px}.metric-card span,.section-panel__meta,.status-badge{font-size:12px;font-weight:800}.metric-card span{color:#61736d}.metric-card strong{display:block;margin:15px 0 8px;color:#10231d;font-size:28px;line-height:1.15;overflow-wrap:anywhere}.metric-card small,.entry-card p,.list-row span,.profile-card p,.compact-list,.section-panel__header p{color:#5b6f68;line-height:1.55}.metric-card--accent{border-color:#c9ddcf;background:#f3fbf6}.metric-card--success{border-color:#cfe1d7;background:#f6fbf8}.metric-card--warning{border-color:#ead9ad;background:#fffaf0}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.section-panel{min-width:0;padding:22px}.section-panel__header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.section-panel__header h2{margin-bottom:6px;color:#12241f;font-size:21px}.section-panel__header p{margin-bottom:0}.section-panel__meta{flex:0 0 auto}.status-badge{display:inline-flex;max-width:100%;align-items:center;padding:6px 9px;border:1px solid #d9e3db;border-radius:999px;background:#f7faf8;color:#40564f;line-height:1.1;overflow-wrap:anywhere}.status-badge--success{border-color:#bad8c8;background:#e8f6ee;color:#1d6f4a}.status-badge--warning{border-color:#ecd59b;background:#fff7e2;color:#866018}.status-badge--info{border-color:#c7dce1;background:#edf8fa;color:#245d68}.progress-list{display:grid;gap:16px}.progress-block{display:grid;gap:8px;min-width:0}.progress-block__label{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#314942;font-size:13px}.progress-block__label span{min-width:0;overflow-wrap:anywhere}.progress-block__label strong{color:#17372f}.progress-bar{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#e7eee9}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#237a5a,#f0c85c)}.entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-button,.primary-action,.secondary-action{border-radius:8px;font-weight:800}.filter-button{display:inline-flex;gap:8px;align-items:center;min-height:40px;padding:9px 12px;border:1px solid #d9e3db;background:#fff;color:#314942}.filter-button:hover,.filter-button.is-active{border-color:#1d7a56;background:#e9f5ee;color:#17372f}.filter-button span{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:#f0f5f2;font-size:12px}.task-workspace{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.task-list{display:grid;gap:12px}.task-card{width:100%;min-width:0;padding:16px;border:1px solid #d9e3db;border-radius:8px;background:#fff;color:inherit;text-align:left}.task-card:hover,.task-card.is-active{border-color:#1d7a56;background:#f5fbf7}.task-card.is-active{box-shadow:inset 3px 0 #1d7a56}.task-card__header,.task-card__meta,.task-card__footer,.task-detail__title,.badge-card__title,.flow-form__header{display:flex;gap:12px;align-items:center;justify-content:space-between}.task-card__header>span,.task-card__footer>span,.task-card__meta span,.form-hint,.feedback-row small,.badge-card small,.badge-card>div>span,.timeline-row small,.level-node small{color:#61736d;font-size:12px;font-weight:700}.task-card>strong{display:block;margin:14px 0 8px;color:#14231f;font-size:17px;overflow-wrap:anywhere}.task-card p{margin-bottom:14px;color:#5b6f68;font-size:14px;line-height:1.55}.task-card__meta,.task-card__footer{flex-wrap:wrap;justify-content:flex-start}.task-detail{display:grid;gap:18px}.task-detail__title{align-items:flex-start}.task-detail__title h3{margin-bottom:8px;color:#12241f;font-size:24px;line-height:1.2}.task-detail__title p{margin-bottom:0;color:#5b6f68;line-height:1.6}.task-detail__points{flex:0 0 110px;padding:14px;border-radius:8px;background:#183c34;color:#fff;text-align:center}.task-detail__points strong,.task-detail__points span{display:block}.task-detail__points strong{color:#f4c95d;font-size:28px}.task-detail__points span{font-size:12px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-grid>div{min-width:0;padding:12px;border-radius:8px;background:#f7faf8}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:#61736d;font-size:12px;font-weight:800}.detail-grid strong{margin-top:6px;color:#17372f}.detail-section{display:grid;gap:12px}.detail-section h4{margin:0;color:#12241f}.resource-list{display:flex;flex-wrap:wrap;gap:8px}.milestone-list{display:grid;gap:10px}.milestone-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid #edf2ee;border-radius:8px;background:#fbfdfb}.milestone-row strong,.milestone-row span{display:block}.milestone-row strong{color:#14231f}.milestone-row span{margin-top:4px;color:#5b6f68;line-height:1.45}.primary-action,.secondary-action{border:1px solid transparent}.primary-action{width:fit-content;min-height:42px;padding:10px 14px;background:#183c34;color:#fff}.primary-action:hover{background:#245247}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.55}.secondary-action{min-height:36px;padding:8px 12px;border-color:#d9e3db;background:#fff;color:#245247}.secondary-action:hover:not(:disabled){border-color:#1d7a56;background:#e9f5ee}.submit-form,.flow-form{display:grid;gap:12px;padding:14px;border:1px solid #d9e3db;border-radius:8px;background:#f8fbf9}.submit-form label,.flow-form label{display:grid;gap:7px;color:#314942;font-size:13px;font-weight:800}.submit-form textarea,.flow-form textarea{width:100%;min-width:0;resize:vertical;border:1px solid #d2ded6;border-radius:8px;padding:10px;background:#fff;color:#172026;line-height:1.5}.flow-form label:not(.flow-form__comment){grid-template-columns:96px minmax(0,1fr) 32px;align-items:center}.flow-form input[type=range]{width:100%}.flow-form__header strong,.flow-form__header span{display:block}.flow-form__header strong{color:#12241f}.flow-form__header span{margin-top:4px;color:#61736d;font-size:13px}.entry-card{min-width:0;padding:18px}.entry-card h3{margin:14px 0 8px;color:#14231f;font-size:18px;line-height:1.25}.entry-card p{margin-bottom:0;font-size:14px}.item-list{display:grid;gap:12px}.list-row{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;min-width:0;padding:14px;border:1px solid #edf2ee;border-radius:8px;background:#fbfdfb}.list-row>div{min-width:0}.list-row strong,.list-row span{display:block}.list-row strong{margin-bottom:5px;color:#14231f;overflow-wrap:anywhere}.list-row .status-badge{flex:0 0 auto;max-width:45%}.rank-list{display:grid;gap:10px}.rank-list--teams{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:8px;background:#f8fbf9}.rank-row>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#183c34;color:#f4c95d;font-size:12px;font-weight:800}.rank-row strong{min-width:0;overflow-wrap:anywhere}.rank-row small{min-width:0;color:#61736d;overflow-wrap:anywhere}.compact-list{display:grid;gap:10px;margin:0;padding-left:18px}.badge-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.badge-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;min-width:0;padding:16px;border:1px solid #d9e3db;border-radius:8px;background:#f8fbf9;opacity:.72}.badge-card.is-unlocked{border-color:#bad8c8;background:#f3fbf6;opacity:1}.badge-card__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:#183c34;color:#f4c95d;font-size:12px;font-weight:800;overflow-wrap:anywhere;text-align:center}.badge-card__title{align-items:flex-start}.badge-card strong{color:#12241f}.badge-card p{margin:8px 0;color:#5b6f68;line-height:1.55}.badge-card>div>span,.badge-card small{display:block}.level-track{display:grid;gap:10px;margin-top:18px}.level-node{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid #d9e3db;border-radius:8px;background:#f8fbf9}.level-node.is-reached{border-color:#bad8c8;background:#e9f5ee}.level-node span{color:#12241f;font-weight:800}.radar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.timeline-list{display:grid;gap:14px}.timeline-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px}.timeline-row>span{width:12px;height:12px;margin-top:5px;border-radius:50%;background:#1d7a56;box-shadow:0 0 0 5px #e9f5ee}.timeline-row strong,.timeline-row p,.timeline-row small{display:block}.timeline-row strong{color:#12241f}.timeline-row p{margin:4px 0;color:#5b6f68}.feedback-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #edf2ee;border-radius:8px;background:#fbfdfb}.feedback-row__score{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:#183c34;color:#fff}.feedback-row__score strong,.feedback-row__score span,.feedback-row div>strong,.feedback-row div>span,.feedback-row small{display:block}.feedback-row__score strong{color:#f4c95d;font-size:18px}.feedback-row__score span{font-size:11px;font-weight:800}.feedback-row div>strong{margin-bottom:5px;color:#12241f}.feedback-row div>span{color:#5b6f68;line-height:1.45}.profile-card h3{margin-bottom:12px;color:#14231f;font-size:20px;line-height:1.35}.profile-card p{margin-bottom:10px}.page-actions,.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.page-actions{align-self:flex-start;justify-content:flex-end}.panel-action{margin-top:16px}.insight-stack{display:grid;gap:12px}.insight-card{min-width:0;padding:14px;border:1px solid #edf2ee;border-radius:8px;background:#fbfdfb}.insight-card strong,.insight-card p{display:block}.insight-card strong{margin-bottom:7px;color:#12241f}.insight-card p{margin-bottom:0;color:#5b6f68;line-height:1.55}.entry-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form,.field-stack{display:grid;gap:12px}.inline-form{margin-bottom:16px}.inline-form label,.field-stack{color:#314942;font-size:13px;font-weight:800}.inline-form input,.inline-form select,.inline-form textarea,.field-stack textarea{width:100%;min-width:0;margin-top:7px;border:1px solid #d2ded6;border-radius:8px;padding:10px;background:#fff;color:#172026;line-height:1.5}.inline-form input[type=range]{padding:0}.project-block{display:grid;gap:12px}.member-contribution-list{display:grid;gap:8px}.member-contribution{min-width:0;padding:12px;border-radius:8px;background:#f8fbf9}.member-contribution strong,.member-contribution span,.member-contribution small{display:block;overflow-wrap:anywhere}.member-contribution strong{color:#12241f}.member-contribution span{margin:4px 0;color:#245247;font-size:13px;font-weight:800}.member-contribution small{color:#5b6f68;line-height:1.45}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.learning-card{display:grid;gap:12px;min-width:0;padding:18px;border:1px solid #d9e3db;border-radius:8px;background:#fff}.learning-card__header{display:flex;gap:12px;align-items:center;justify-content:space-between}.learning-card__header>span{color:#61736d;font-size:12px;font-weight:800}.learning-card h3{margin-bottom:0;color:#12241f;line-height:1.25}.learning-card p,.mini-dl dd,.metric-explain,.profile-column p{color:#5b6f68;line-height:1.55}.mini-dl{display:grid;gap:8px;margin:0}.mini-dl div{display:grid;gap:3px}.mini-dl dt{color:#314942;font-size:12px;font-weight:800}.mini-dl dd{margin:0;overflow-wrap:anywhere}.assessment-grid,.org-report-grid,.trend-grid,.talent-profile-grid{display:grid;gap:14px}.assessment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-item{min-width:0;padding:12px;border-radius:8px;background:#f8fbf9}.org-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-grid{grid-template-columns:1fr}.talent-profile-grid{grid-template-columns:1.2fr repeat(3,minmax(0,1fr));align-items:start}.profile-column{min-width:0;padding:16px;border:1px solid #edf2ee;border-radius:8px;background:#fbfdfb}.profile-column h3{margin-bottom:10px;color:#12241f;font-size:17px}.metric-explain{margin:8px 0 0;font-size:13px}@media(max-width:1100px){.org-shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;max-width:100vw;overflow:hidden;gap:14px;padding:18px;border-right:0;border-bottom:1px solid #d9e3db}.side-nav{display:flex;gap:10px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px;scroll-snap-type:x proximity}.side-nav__item{flex:0 0 238px;scroll-snap-align:start}.topbar{align-items:flex-start;flex-direction:column}.topbar__status{width:100%;justify-content:space-between}.level-chip{width:min(360px,100%)}}@media(max-width:900px){.summary-grid,.entry-grid,.content-grid,.task-workspace,.badge-wall,.radar-grid,.rank-list--teams,.learning-grid,.talent-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){body{min-width:0}.sidebar{padding:14px 12px}.brand-block{padding:4px 2px 12px}.side-nav__item{flex-basis:clamp(150px,44vw,190px);grid-template-columns:36px minmax(0,1fr);padding:9px}.side-nav__short{width:36px;height:36px}.topbar,.page-content{padding:16px}.topbar{gap:12px}.topbar__status{align-items:stretch;flex-direction:column}.point-chip,.user-chip,.level-chip{width:100%}.brand-block>div,.topbar__context,.topbar__status,.page-header>div,.section-panel__header>div{min-width:0}.page-header h1{font-size:clamp(28px,9vw,36px);line-height:1.12}.page-header p,.section-panel__header p{font-size:15px;line-height:1.58}.metric-card{min-height:auto;padding:16px}.summary-grid,.entry-grid,.content-grid,.task-workspace,.badge-wall,.radar-grid,.rank-list--teams,.learning-grid,.assessment-grid,.org-report-grid,.talent-profile-grid{grid-template-columns:1fr}.page-header,.section-panel{padding:16px}.page-header,.page-actions,.learning-card__header{align-items:stretch;flex-direction:column}.section-panel__header{flex-direction:column}.list-row{align-items:stretch;flex-direction:column}.list-row .status-badge{max-width:100%;width:fit-content}.rank-row{grid-template-columns:32px minmax(0,1fr)}.rank-row small{grid-column:2}.task-detail__title,.feedback-row{grid-template-columns:1fr}.task-detail__title,.task-card__header,.task-card__footer,.badge-card__title,.flow-form__header{align-items:flex-start;flex-direction:column}.task-detail__points{width:100%;flex-basis:auto}.primary-action,.secondary-action,.filter-button{min-width:0;white-space:normal}.primary-action,.button-row .primary-action,.button-row .secondary-action{width:100%}.button-row{align-items:stretch;flex-direction:column}.badge-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px}.badge-card__icon{width:44px;height:44px;font-size:11px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milestone-row{grid-template-columns:1fr}.flow-form label:not(.flow-form__comment){grid-template-columns:1fr}}.coin-icon{position:relative;display:inline-grid;flex:0 0 auto;width:28px;height:28px;place-items:center;border:2px solid #8b5f06;border-radius:50%;background:linear-gradient(135deg,#fff1a7 0 18%,transparent 18%),radial-gradient(circle at 35% 30%,#fff7bd,var(--color-coin) 54%,#c98317 100%);box-shadow:2px 2px #6f4600;animation:coin-glint 3.2s ease-in-out infinite}.coin-icon:after{content:"";width:8px;height:14px;border-radius:999px;background:#ffffff6b;transform:rotate(22deg)}.coin-icon--sm{width:20px;height:20px}.coin-icon--lg{width:40px;height:40px}.xp-bar{display:grid;gap:8px;min-width:0}.xp-bar__header{display:flex;gap:12px;align-items:center;justify-content:space-between;color:var(--color-ink);font-size:13px;font-weight:900}.xp-bar__header span{min-width:0;overflow-wrap:anywhere}.xp-bar small{color:var(--color-muted);font-size:12px;line-height:1.45}.xp-bar__track{height:14px;overflow:hidden;border:var(--pixel-border);border-radius:4px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / 10%) 0 8px,transparent 8px 16px),#12383d;box-shadow:inset 0 0 0 1px #ffffff2e}.xp-bar__track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--color-xp),var(--color-coin));box-shadow:0 0 18px #4dff9a7f;animation:xp-load var(--motion-medium) ease-out both}.pixel-stat{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;min-width:0;min-height:132px;align-items:center;padding:18px;border:var(--pixel-border);border-radius:6px;background:linear-gradient(135deg,#fffffff5,#edfff4f0),var(--color-surface);box-shadow:var(--pixel-shadow-soft);transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease}.pixel-stat:hover{transform:translate(-2px,-2px);box-shadow:var(--pixel-shadow)}.pixel-stat__icon{display:grid;width:46px;height:46px;place-items:center;border:2px solid #12383d;border-radius:6px;background:#0d2b31;color:var(--color-coin);font-weight:900}.pixel-stat span,.pixel-stat small{display:block}.pixel-stat span{color:var(--color-muted);font-size:12px;font-weight:900;text-transform:uppercase}.pixel-stat strong{display:block;margin:8px 0 4px;color:var(--color-ink);font-size:28px;line-height:1.1;overflow-wrap:anywhere}.pixel-stat small{color:var(--color-muted);line-height:1.45}.pixel-stat--coin{border-color:#9b6d0b}.pixel-stat--flow{border-color:#187da0}.pixel-stat--collab{border-color:#a73468}.pixel-stat--support{border-color:#6d55c7}.badge-token{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;min-width:0;padding:16px;border:var(--pixel-border);border-radius:6px;background:linear-gradient(135deg,#fff,#effff5);box-shadow:var(--pixel-shadow-soft);transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,filter var(--motion-fast) ease}.badge-token:hover{transform:translate(-2px,-2px);box-shadow:var(--pixel-shadow)}.badge-token__medal{display:grid;width:58px;height:58px;place-items:center;border:2px solid #8b5f06;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff4a4,var(--color-coin) 52%,#b66a12 100%);color:#12383d;font-size:13px;font-weight:950;text-align:center;box-shadow:3px 3px #6f4600}.badge-token.is-unlocked:after{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:7px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 55%),transparent);opacity:0;animation:badge-shine 3.4s ease-in-out infinite}.badge-token.is-locked{filter:saturate(.45);opacity:.74}.badge-token strong,.badge-token small,.badge-token p{display:block}.badge-token strong{color:var(--color-ink)}.badge-token small{margin-top:4px;color:var(--color-muted);font-weight:800}.badge-token p{margin:8px 0 0;color:var(--color-muted);line-height:1.5}.mini-bar-chart{display:grid;gap:12px;min-width:0}.mini-bar-chart__title{color:var(--color-ink)}.mini-bar{display:grid;gap:7px;min-width:0}.mini-bar__label{display:flex;gap:10px;align-items:center;justify-content:space-between;color:var(--color-muted);font-size:13px;font-weight:800}.mini-bar__label span{min-width:0;overflow-wrap:anywhere}.mini-bar__track{height:10px;overflow:hidden;border:1px solid #12383d;border-radius:4px;background:#dce8e0}.mini-bar__track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--color-xp),var(--color-coin));animation:xp-load var(--motion-medium) ease-out both}.mini-bar--coin .mini-bar__track span{background:linear-gradient(90deg,#f09b26,var(--color-coin))}.mini-bar--flow .mini-bar__track span{background:linear-gradient(90deg,#4968ff,var(--color-flow))}.mini-bar--collab .mini-bar__track span{background:linear-gradient(90deg,#ff6a88,var(--color-collab))}.mini-bar--support .mini-bar__track span{background:linear-gradient(90deg,var(--color-support),var(--color-flow))}.radar-chart-lite{display:grid;gap:12px;min-width:0;margin:0}.radar-chart-lite figcaption,.sparkline figcaption{color:var(--color-ink);font-size:13px;font-weight:900}.radar-chart-lite svg{width:min(100%,360px);aspect-ratio:1;justify-self:center;overflow:visible}.radar-chart-lite__grid{fill:#59d6ff0a;stroke:#12383d59;stroke-width:1}.radar-chart-lite__axis{stroke:#12383d52;stroke-width:1}.radar-chart-lite__shape{fill:#59d6ff47;stroke:var(--color-flow);stroke-width:3;filter:drop-shadow(0 0 8px rgb(89 214 255 / 40%));animation:radar-pop var(--motion-medium) ease-out both}.radar-chart-lite text{fill:#12383d;font-size:10px;font-weight:900}.radar-chart-lite__legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.radar-chart-lite__legend span{min-width:0;color:var(--color-muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.sparkline{display:grid;gap:8px;min-width:0;margin:0}.sparkline svg{width:100%;height:72px;border:var(--pixel-border);border-radius:6px;background:repeating-linear-gradient(90deg,rgb(18 56 61 / 10%) 0 1px,transparent 1px 20px),linear-gradient(180deg,#fff,#edfff5)}.sparkline polyline{fill:none;stroke:var(--color-xp);stroke-width:4;stroke-linecap:square;stroke-linejoin:bevel;vector-effect:non-scaling-stroke;stroke-dasharray:180;stroke-dashoffset:180;animation:sparkline-draw var(--motion-medium) ease-out both}.sparkline--coin polyline{stroke:var(--color-coin)}.sparkline--flow polyline{stroke:var(--color-flow)}.sparkline--collab polyline{stroke:var(--color-collab)}.metric-explainer{min-width:0;padding:14px;border:1px dashed rgb(18 56 61 / 55%);border-radius:6px;background:#ffffffb8}.metric-explainer strong,.metric-explainer p,.metric-explainer small,.metric-explainer span{display:block}.metric-explainer strong{color:var(--color-ink)}.metric-explainer p{margin:7px 0;color:var(--color-muted);line-height:1.5}.metric-explainer small{color:#245247;font-weight:800;line-height:1.45}.metric-explainer span{margin-top:8px;color:var(--color-support);font-size:12px;font-weight:900}.explainer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.game-visual-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:center}.reward-line{display:inline-flex;gap:8px;align-items:center;color:var(--color-ink);font-weight:900}.energy-dots{display:inline-flex;gap:3px;align-items:center}.energy-dots span{width:10px;height:10px;border:1px solid #12383d;border-radius:2px;background:#d8e5df}.energy-dots span.is-filled{background:var(--color-xp);box-shadow:0 0 8px #4dff9a8c}.reward-settlement{display:grid;gap:8px;padding:14px;border:var(--pixel-border);border-radius:6px;background:linear-gradient(135deg,#fff6c7,#effff5);box-shadow:var(--pixel-shadow-soft)}.reward-settlement strong{color:var(--color-ink)}.reward-settlement span{color:var(--color-muted)}.flow-gauge{--flow-percent: 50%;display:grid;gap:10px;place-items:center;min-width:0;padding:18px;border:var(--pixel-border);border-radius:6px;background:linear-gradient(135deg,#fff,#edf9ff)}.flow-gauge__ring{display:grid;width:132px;aspect-ratio:1;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffffff 0 50%,transparent 51%),conic-gradient(var(--color-flow) 0 var(--flow-percent),#d8e6ee var(--flow-percent) 100%);box-shadow:0 0 24px #59d6ff42}.flow-gauge__ring strong{color:var(--color-ink);font-size:30px}.flow-gauge span{color:var(--color-muted);font-weight:800}.sidebar{border-right:var(--pixel-border);background:repeating-linear-gradient(0deg,rgb(255 255 255 / 3%) 0 2px,transparent 2px 8px),linear-gradient(180deg,#0a252a,#071b1f 72%,#102026);color:#eafff4}.brand-block{border-bottom:2px solid rgb(248 200 78 / 34%)}.brand-mark{border:2px solid #061417;border-radius:6px;background:linear-gradient(135deg,var(--color-coin),#ff8a4c);box-shadow:3px 3px #061417;color:#071b1f}.brand-block strong{color:#fff}.brand-block span,.side-nav__item small{color:#a9c7c0}.side-nav__item{border:2px solid transparent;border-radius:6px;background:#ffffff0a;color:#ecfff6;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.side-nav__item:hover{transform:translate(-1px,-1px);border-color:#59d6ff94;background:#59d6ff1a;box-shadow:3px 3px #020d10b8}.side-nav__item.is-active{border-color:var(--color-coin);background:linear-gradient(90deg,#f8c84e3d,#4dff9a1a),#ffffff0f;box-shadow:4px 4px #020d10}.side-nav__short{border:2px solid rgb(255 255 255 / 10%);border-radius:4px;background:#12383d;color:var(--color-flow)}.side-nav__item.is-active .side-nav__short{border-color:#061417;background:var(--color-coin);color:#071b1f}.side-nav__item strong{color:#fff}.workspace{background:radial-gradient(circle at 85% 4%,rgb(255 122 182 / 14%),transparent 26%),radial-gradient(circle at 18% 9%,rgb(77 255 154 / 12%),transparent 24%),linear-gradient(135deg,#f8fff8,#ebf9ff 58%,#fff9df)}.topbar{border-bottom:var(--pixel-border);background:#071b1fe0;color:#ecfff6}.topbar__context,.topbar__status,.user-chip span,.level-chip small,.point-chip span{color:#b5d4ce}.level-chip,.point-chip,.user-chip{border:2px solid rgb(248 200 78 / 42%);border-radius:6px;background:#ffffff14;box-shadow:3px 3px #020d10}.level-chip>span,.point-chip strong,.user-chip strong{color:#fff}.avatar{border:2px solid #061417;border-radius:6px;background:linear-gradient(135deg,var(--color-flow),var(--color-xp));box-shadow:2px 2px #020d10;color:#071b1f}.page-header,.section-panel,.entry-card,.metric-card,.task-card,.learning-card,.insight-card,.profile-column,.assessment-item,.member-contribution,.list-row,.submit-form,.flow-form{border:var(--pixel-border);border-radius:6px;background:linear-gradient(135deg,#fffffffa,#f5fff8f5),var(--color-surface-strong);box-shadow:var(--pixel-shadow-soft)}.page-header{background:linear-gradient(135deg,#fffffff5,#e8f9fff0),repeating-linear-gradient(90deg,rgb(18 56 61 / 5%) 0 1px,transparent 1px 18px)}.page-header h1,.section-panel__header h2,.entry-card h3,.task-card>strong,.task-detail__title h3,.profile-card h3,.profile-column h3,.learning-card h3{color:var(--color-ink)}.page-header h1:after{content:"";display:block;width:min(210px,54vw);height:5px;margin-top:12px;border:1px solid #12383d;border-radius:3px;background:linear-gradient(90deg,var(--color-coin),var(--color-xp),var(--color-flow),var(--color-collab));box-shadow:2px 2px #12383d}.task-card,.learning-card,.entry-card,.rank-row,.list-row,.badge-token,.member-contribution{transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease}.task-card:hover,.learning-card:hover,.entry-card:hover,.rank-row:hover,.list-row:hover,.member-contribution:hover{transform:translate(-2px,-2px);border-color:var(--color-flow);box-shadow:var(--pixel-shadow)}.task-card.is-active{border-color:var(--color-coin);background:linear-gradient(135deg,#fff8d7,#effff5);box-shadow:var(--pixel-shadow)}.task-detail__points,.feedback-row__score,.rank-row>span{border:2px solid #061417;border-radius:6px;background:#0b2a30;box-shadow:2px 2px #061417}.task-detail__points strong,.feedback-row__score strong,.rank-row>span{color:var(--color-coin)}.detail-grid>div,.milestone-row,.rank-row{border:1px solid rgb(18 56 61 / 28%);border-radius:6px;background:#f8fff9}.level-node{position:relative;border:var(--pixel-border);border-radius:6px;background:#f8fff9;box-shadow:var(--pixel-shadow-soft)}.level-node:before{content:"";width:12px;height:12px;border:2px solid #12383d;border-radius:3px;background:#d8e5df;box-shadow:2px 2px #12383d}.level-node.is-reached:before{background:var(--color-xp)}.timeline-row>span{border:2px solid #12383d;border-radius:3px;background:var(--color-coin);box-shadow:0 0 0 4px #f8c84e47}.filter-button,.primary-action,.secondary-action{border:2px solid #12383d;border-radius:6px;box-shadow:3px 3px #12383d;transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}.filter-button:hover,.filter-button.is-active,.secondary-action:hover:not(:disabled){transform:translate(-1px,-1px);border-color:#12383d;background:#e9f8ff;box-shadow:4px 4px #12383d}.primary-action{background:linear-gradient(135deg,var(--color-coin),#ff9d53);color:#102026}.primary-action:hover{transform:translate(-1px,-1px);background:linear-gradient(135deg,#ffe47a,var(--color-xp));box-shadow:4px 4px #12383d}.secondary-action{background:#fff;color:var(--color-ink)}.primary-action:focus-visible,.secondary-action:focus-visible,.filter-button:focus-visible,.side-nav__item:focus-visible{outline:3px solid var(--color-flow);outline-offset:3px}.status-badge{border:2px solid rgb(18 56 61 / 22%);border-radius:4px;background:#fff;color:var(--color-ink)}.status-badge--success{border-color:#4dff9aa6;background:#4dff9a24;color:#0d6841}.status-badge--warning{border-color:#f8c84ec7;background:#f8c84e33;color:#7a4c00}.status-badge--info{border-color:#59d6ffb3;background:#59d6ff29;color:#14546b}.progress-bar{height:10px;border:1px solid #12383d;border-radius:4px;background:#dbeae4}.progress-bar span{border-radius:3px;background:linear-gradient(90deg,var(--color-xp),var(--color-coin));animation:xp-load var(--motion-medium) ease-out both}.rank-row--podium{border:var(--pixel-border);background:linear-gradient(135deg,#fff8d5,#effff5)}.rank-row--podium>span{background:linear-gradient(135deg,var(--color-coin),#ff8a4c);color:#071b1f}.feedback-row{grid-template-columns:70px minmax(0,1fr) minmax(180px,.85fr) auto;border:var(--pixel-border);border-radius:6px;background:#f8fff9;box-shadow:var(--pixel-shadow-soft)}.inline-form input,.inline-form select,.inline-form textarea,.field-stack textarea,.submit-form textarea,.flow-form textarea{border:2px solid rgb(18 56 61 / 24%);border-radius:6px}.inline-form input:focus,.inline-form select:focus,.inline-form textarea:focus,.field-stack textarea:focus,.submit-form textarea:focus,.flow-form textarea:focus{border-color:var(--color-flow);outline:3px solid rgb(89 214 255 / 22%)}@media(max-width:680px){.feedback-row{grid-template-columns:1fr}.side-nav__item:hover,.task-card:hover,.learning-card:hover,.entry-card:hover,.rank-row:hover,.list-row:hover,.member-contribution:hover{transform:none}}@keyframes xp-load{0%{width:0}}@keyframes coin-glint{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-2px);filter:brightness(1.12)}}@keyframes badge-shine{0%,55%,to{opacity:0;transform:translate(-20%)}70%{opacity:1;transform:translate(20%)}}@keyframes radar-pop{0%{opacity:0;transform:scale(.92);transform-origin:100px 100px}}@keyframes sparkline-draw{to{stroke-dashoffset:0}}@media(max-width:900px){.explainer-grid,.game-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.explainer-grid,.game-visual-grid,.radar-chart-lite__legend{grid-template-columns:1fr}.pixel-stat{min-height:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}