/* Original LEVEL 999 interface. Local system fonts and code-drawn vector emblems only. */
:root{color-scheme:dark;--bg:#070b13;--panel:#0d1421;--panel2:#111b2b;--line:#223149;--muted:#9aaac1;--text:#edf4ff;--blue:#62d0ff;--violet:#b29aff;--accent:#ac91ff;--green:#6fe5c0;--gold:#ebcc8b;--radius:15px;font-family:Inter,"Segoe UI",Roboto,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#121b35 0,transparent 45%),var(--bg);color:var(--text);line-height:1.6;min-height:100vh}body.blue{--accent:#62d0ff}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:1px solid #31415b;border-radius:8px;padding:10px 16px;background:#142034;color:var(--text);transition:background .18s,border-color .18s,transform .18s}button:hover{background:#1b2a44;border-color:#87a3d0}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(105deg,#b59bff,#81b4ff);color:#0b1020;border-color:#c4b2ff;font-weight:700;box-shadow:0 3px 18px #8a76ff1a}.primary:hover{background:linear-gradient(105deg,#cab7ff,#a4ccff);border-color:#e1d7ff}.text-button{background:none;border-color:transparent;padding:7px 3px;color:var(--blue);font-size:12px}.text-button:hover{background:transparent;border-color:transparent;color:#c7eeff}.muted,small{color:var(--muted)}.fine-print{color:#92a5bf;font-size:11px;line-height:1.6}.eyebrow,.tag{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#9ab2d5}.tag{color:var(--blue)}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px #50caff;margin-right:7px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:260px;background:var(--accent);color:#08101c;padding:12px;z-index:100}.skip-link:focus{top:10px}.hide{display:none!important}svg{max-width:100%}a{color:var(--blue);text-underline-offset:4px}p{margin:10px 0 18px}h1,h2,h3{line-height:1.25}h1{font-size:35px;font-weight:650;letter-spacing:1px;margin:8px 0 9px}h2{font-size:18px;letter-spacing:-.2px;margin:0 0 16px}h3{font-size:18px;margin:12px 0}strong,b{font-weight:650}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:linear-gradient(170deg,#101827,#090e19);border-right:1px solid #202c40;padding:32px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text)}.brand-mark{display:grid;place-items:center;width:31px;height:36px;color:var(--blue);font-size:30px;line-height:1;filter:drop-shadow(0 0 8px #54b7ff44)}.brand b{font-size:21px;letter-spacing:1px}.brand em{font-style:normal;color:#b29aff}.brand-subtitle{font-size:8px;letter-spacing:2.4px;margin:14px 0 39px 10px;color:#93a6c1}.nav-label{font-size:9px;letter-spacing:2px;color:#7e91ac;margin:0 12px 12px}#nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;text-align:left;color:#a4b3cc;position:relative;padding:12px 15px;font-size:12px;min-height:49px}.nav-item svg{width:18px;height:18px;flex-shrink:0}.nav-item:hover{background:#172237;border-color:#293c59}.nav-item.selected{color:#d7e7ff;border-color:#3c4a77;background:linear-gradient(95deg,#33285480,#192b4250)}.nav-item.selected svg{color:#bba5ff}.nav-dot{width:4px;height:4px;background:#b69eff;border-radius:50%;margin-left:auto;box-shadow:0 0 8px #b69eff}.mobile-label{display:none}.sidebar-bottom{margin-top:auto;padding:22px 12px 0}.system-mode{border:1px solid #2c4057;background:#0c1b28;color:#8ce3dc;font-size:8px;letter-spacing:1.2px;padding:9px;text-align:center;border-radius:5px}.sidebar-bottom p{font-size:10px;color:#93a6c1;margin-top:14px}.sidebar-bottom small{font-size:9px;letter-spacing:1px}main{margin-left:232px;padding:30px 38px 50px;max-width:1680px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;padding:0 0 26px;gap:20px}header .muted{font-size:12px;margin:0}header .eyebrow{font-size:9px;color:#91a9c8}.header-meta{display:flex;align-items:center;gap:16px}.local-chip{border:1px solid #28425a;background:#0c1b28;color:#87d9e8;font-size:9px;padding:6px 10px;border-radius:5px;letter-spacing:1px}.player-chip{display:flex;align-items:center;gap:10px;border-left:1px solid var(--line);padding-left:16px}.player-chip>span{display:grid;place-items:center;width:34px;height:34px;background:#252644;color:#cbb9ff;border:1px solid #5a4a86;border-radius:9px;font-weight:650}.player-chip div{display:grid;font-size:11px}.player-chip small{font-size:9px}.page-intro{margin-bottom:22px;max-width:760px}.page-intro h2{font-size:22px}.page-intro p{font-size:12px;color:var(--muted)}
.card{background:linear-gradient(145deg,#111b2be8,#0c1421f5);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:0 0 20px;min-width:0;box-shadow:0 8px 22px #0000000c;position:relative;overflow-wrap:anywhere}.card.hero{background:radial-gradient(ellipse at top right,#34255670,transparent 65%),#0e1727;border-color:#4a3a74}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid>.card{margin:0 0 20px}.number{font-size:34px;color:var(--accent);font-weight:650}.dashboard-top{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.character-card{padding:29px 28px 0;display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:20px;background:radial-gradient(ellipse at 90% 10%,#1c397550,transparent 65%),linear-gradient(130deg,#142035,#101427);border-color:#3c4770;overflow:hidden}.character-card:before{content:"";position:absolute;inset:0 35% auto 25px;height:1px;background:linear-gradient(90deg,transparent,#70cbff,transparent);opacity:.8}.character-level{font-size:54px;line-height:1.05;font-weight:700;letter-spacing:-1px;margin:24px 0 13px;font-variant-numeric:tabular-nums}.rank-name{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:550}.rank-name>span{font-size:9px;font-weight:650;letter-spacing:1px;border:1px solid #6e5899;color:#d4bfff;padding:2px 7px;border-radius:3px}.character-copy>.muted{font-size:11px;max-width:350px;margin:10px 0 24px}.xp-caption,.xp-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.xp-caption{font-size:9px;letter-spacing:1px;color:#94a9c7;margin-bottom:8px}.xp-caption strong{color:#dbe8ff;font-size:12px;letter-spacing:0}.xp-caption small{font-size:10px}.xp-meta{font-size:9px;color:#a2b3cc;margin-top:8px;margin-bottom:24px}progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#1c2a41;color:var(--accent);accent-color:var(--accent)}progress::-webkit-progress-bar{background:#1c2a41;border-radius:10px}progress::-webkit-progress-value{background:linear-gradient(90deg,#7a75f9,#7dd7ff);border-radius:10px;transition:width .35s ease}progress::-moz-progress-bar{background:linear-gradient(90deg,#7a75f9,#7dd7ff);border-radius:10px}.character-card progress{height:7px;box-shadow:0 0 12px #8c91ff22}.character-sigil{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:20px;position:relative}.character-sigil:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #4b6fac1a;transform:rotate(45deg);z-index:0}.rank-crest{width:150px;height:175px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c9bcff;filter:drop-shadow(0 0 14px #8067f52b)}.rank-crest svg{position:absolute;inset:0;width:100%;height:100%;fill:#25204345;stroke:#a49ae0;stroke-width:1.1}.rank-crest svg path:nth-child(2){stroke:#507da5}.rank-crest svg path:nth-child(3){stroke:#6fcaff;stroke-width:2}.rank-crest svg path:nth-child(4){stroke:#5d658e;stroke-width:.5}.rank-crest>span{position:relative;font-size:62px;line-height:1.2;font-weight:450;text-shadow:0 0 30px #ab8cff66}.rank-crest>small{position:relative;letter-spacing:2px;font-size:6px;margin-top:4px;color:#b4b6d5}.sigil-caption{font-size:7px;letter-spacing:3px;color:#8e9cbe;margin-top:15px}.rank-ladder{grid-column:1/-1;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #34415d;padding:15px 0 17px;gap:5px}.rank-ladder>span{font-size:15px;color:#8495b0;display:flex;align-items:center;gap:8px}.rank-ladder small{font-size:7px;color:#8d9db9}.rank-ladder .unlocked{color:#b6d8ff}.rank-ladder .current{color:#cab9ff;text-shadow:0 0 10px #9471fd66}.daily-brief{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 21px;background:radial-gradient(ellipse at 50% 45%,#153b5740,transparent 70%),#101a2a}.daily-brief>.eyebrow{align-self:flex-start}.daily-ring{width:145px;height:145px;padding:6px;border-radius:50%;background:conic-gradient(#8fcaff var(--progress),#25344b 0);margin:19px 0 12px;box-shadow:0 0 0 8px #142137,0 0 0 9px #27374e}.daily-ring>div{border-radius:50%;background:#101a2a;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.daily-ring strong{font-size:34px;font-weight:650;line-height:1.4;letter-spacing:-1px}.daily-ring strong small{font-size:17px;color:#cbd9f3}.daily-ring span{font-size:6px;letter-spacing:1.4px;color:#a1b3cc}.daily-brief p{font-size:11px;color:#a6b7cf;margin:4px 0 14px}.daily-brief p strong{color:#e0ecff}.daily-brief .primary{width:100%;font-size:11px;min-height:40px;display:flex;justify-content:space-between;align-items:center}.daily-brief>small{font-size:8px;margin-top:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{padding:19px 20px;margin:0;display:flex;flex-direction:column;gap:10px}.stat-card>div{display:flex;align-items:center;gap:9px}.stat-card small{font-size:11px}.stat-symbol{font-size:16px;line-height:1;color:#bba5ff}.stat-card>strong{font-size:29px;line-height:1.1;font-weight:650;letter-spacing:-.7px}.stat-card>.eyebrow{font-size:7px;letter-spacing:1.5px;color:#8195b1}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:21px}.section-heading h2{display:flex;gap:12px;align-items:center;margin:0;font-size:15px;font-weight:600}.section-heading h2>span{font-size:9px;color:#7e9ec6;font-weight:500;letter-spacing:1px}.section-heading button{margin:-10px 0}.attributes{display:grid;grid-template-columns:1fr 1fr;gap:17px 23px}.attribute{display:flex;gap:11px;align-items:center}.attribute-glyph{width:35px;height:38px;display:grid;place-items:center;color:#a999dd;background:#1d223a;border:1px solid #333d58;border-radius:8px;font-size:20px}.attribute>div{display:flex;flex-direction:column}.attribute b{font-size:11px;letter-spacing:1px}.attribute small{font-size:9px}.attribute>strong{margin-left:auto;color:#d3e5ff;font-size:19px}.attributes-panel>.fine-print{margin:20px 0 0;font-size:9px}.objective-list{display:grid;gap:0}.objective{display:flex;align-items:center;gap:12px;border-bottom:1px solid #26334a;padding:12px 0}.objective:first-child{padding-top:0}.objective:last-child{border:0;padding-bottom:0}.objective-mark{color:#8dbcf5;font-size:21px}.objective>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.objective b{font-size:11px;font-weight:600}.objective small{font-size:9px}.objective>span:last-child{font-size:15px;text-align:right;color:#cad9f0;display:flex;flex-direction:column}.objective>span:last-child small{font-size:8px}.test-banner{border:1px solid #5d5795;background:#23203c;color:#dcd3ff;font-size:11px;padding:9px 15px;border-radius:7px;margin-bottom:20px}
.mission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:25px}.mission{padding:0;margin:0;display:flex;flex-direction:column;overflow:hidden;border-color:#293852;transition:border-color .2s,box-shadow .2s}.mission:hover{border-color:#465e87;box-shadow:0 8px 30px #00000020}.mission-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #25344d;padding:16px 20px;background:linear-gradient(100deg,#19294388,#141b2c55)}.mission-index{font:11px ui-monospace,Consolas,monospace;color:#7d96ba}.category{font-size:9px;letter-spacing:.3px;color:#b8c8e1;flex:1}.xp-reward{font-size:15px;color:#c6b4ff;white-space:nowrap}.xp-reward small{font-size:8px;color:#b4a5d4;letter-spacing:1px}.mission-body{padding:20px;flex:1}.mission-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.status-pill{font-size:7px;letter-spacing:1.1px;color:#9ad7f3;border:1px solid #38536c;background:#14283a;padding:3px 7px;border-radius:4px}.status-pill.completed{color:#91ebcc;border-color:#326b5f;background:#15392f}.status-pill.skipped{color:#b8c4d9;border-color:#45516b;background:#212c41}.difficulty{display:flex;align-items:center;gap:3px}.difficulty i{display:block;width:4px;height:10px;transform:skew(-15deg);border-radius:1px;background:#293750}.difficulty i.lit{background:#ac99ee}.difficulty small{font-size:7px;color:#a7b8d3;margin-left:5px}.mission h2{font-size:18px;line-height:1.4;margin:0 0 12px;font-weight:600}.mission-description{font-size:12px;color:#b0c0d8;line-height:1.8;margin:0 0 17px}.completion-criteria{border-left:2px solid #4c6792;padding:1px 0 1px 11px;background:linear-gradient(90deg,#1b2e4644,transparent)}.completion-criteria>span{font-size:7px;letter-spacing:1.3px;color:#9fbce1}.completion-criteria p{font-size:11px;margin:4px 0;color:#bdcde4}.mission-context{font-size:9px;color:#8fa5c5;margin:16px 0 0}.mission-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #25344b;background:#0c142180}.generator-label{font-size:7px;letter-spacing:1.2px;color:#8dabc5}.actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.actions button{padding:7px 13px;min-height:38px;font-size:11px}.actions button[data-skip]{border-color:transparent;background:transparent;color:#a9b9d2}.mission.completed{border-color:#315c5a}.mission.completed .mission-top{background:#183d3535}.mission.completed .xp-reward{color:#8de3c5}.recovery-mission{border-color:#6b526f}.recovery-mission .mission-top{background:linear-gradient(90deg,#54324644,#181b2b)}.recovery-alert{border:1px solid #725375;background:linear-gradient(110deg,#332138,#131c30);display:flex;align-items:center;gap:20px;padding:20px 24px}.recovery-alert>span{font-size:25px;color:#e0add1}.recovery-alert h2{font-size:14px;margin:3px 0}.recovery-alert p{font-size:11px;color:#b8b6d2;margin:5px 0 0}.forecast{border-style:dashed;background:#0d1725}.forecast h2{font-size:15px}.forecast p{font-size:12px;color:#a9bcd8}.forecast .muted{font-size:10px}.forecast-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.forecast-grid .card{margin:0}.page-intro+.mission-grid{margin-top:18px}
.gallery-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 28px}.gallery-summary h2{font-size:36px;margin:10px 0}.gallery-summary h2>span{font-size:14px;font-weight:400;color:#a9bbd7}.gallery-summary p{font-size:11px;max-width:550px;margin:0}.filter-tabs{display:flex;gap:5px;background:#0c1422;border:1px solid #27354d;padding:4px;border-radius:9px;flex-shrink:0}.filter-tabs button{font-size:10px;border-color:transparent;background:transparent;min-height:33px;padding:7px 12px;color:#9fb0ca}.filter-tabs .active{background:#2a2947;color:#d4c2ff;border-color:#514873}.achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.achievement{padding:21px 23px;margin:0;text-align:center;background:radial-gradient(ellipse at 50% 45%,#24314c66,transparent 70%),#0f1726}.achievement.earned{background:radial-gradient(ellipse at 50% 40%,#57416c55,transparent 70%),#141b2c;border-color:#756190;box-shadow:inset 0 1px 0 #c6b0fc33}.achievement-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.achievement-head .eyebrow{font-size:7px;color:#96a9c6}.achievement-state{font-size:7px;letter-spacing:1px;color:#a5b3cb}.earned .achievement-state{color:#e2cd98}.achievement-medal{width:100px;height:100px;margin:25px auto 17px;position:relative;display:grid;place-items:center;color:#7e91ac}.achievement-medal:before{content:"";position:absolute;inset:5px;border:1px solid #3d4c67;border-radius:50%}.achievement-medal:after{content:"";position:absolute;inset:0;border:1px dashed #354460;border-radius:50%}.achievement-medal svg{width:70px;height:70px;stroke-width:.8;fill:#28374c55}.achievement-medal>span{position:absolute;font:14px ui-serif,Georgia,serif;color:#c0cfe3}.earned .achievement-medal{color:#e0c18d;filter:drop-shadow(0 0 14px #c4a0ff33)}.earned .achievement-medal:before{border-color:#aa91aa}.earned .achievement-medal:after{border-color:#665176}.earned .achievement-medal svg{fill:#735c6f55}.earned .achievement-medal>span{color:#ffe4b2}.achievement>small{font-size:8px;letter-spacing:1.5px;text-transform:uppercase}.achievement>h2{font-size:14px;margin:9px 0 27px}.achievement progress{height:4px}.locked progress::-webkit-progress-value{background:#55728f}.achievement-progress{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#a0b1cb;margin-top:8px}.achievement-progress b{color:#c4d4eb}.empty-state{color:#a8bad6;padding:30px;grid-column:1/-1;text-align:center}
.chart-panel{padding-bottom:21px}.chart-controls{display:flex;gap:8px;flex-wrap:wrap}.chart-controls select{font-size:10px;padding:8px 12px;min-height:36px;width:auto}.chart-value{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-value strong{font-size:31px;line-height:1.2}.chart-value small{font-size:12px;color:#a2b6d7}.chart-value>span{font-size:8px;letter-spacing:1px;color:#9eb4d1}.line-chart svg{width:100%;height:auto;max-height:210px;display:block;margin-top:15px}.chart-grid{stroke:#2a3b53;stroke-width:1;stroke-dasharray:4 6;fill:none}.chart-axis{display:flex;justify-content:space-between;color:#a3b4ce;font-size:9px;margin:0 2.5% 16px}.chart-day-label{display:flex!important;align-items:center;gap:12px;font-size:10px;color:#9eb4d2;margin:10px 0!important}.chart-day-label select{width:auto;min-width:150px;font-size:11px}.chart-detail{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px;color:#a9bbd7;font-size:10px}.comparison-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.comparison-table th,.comparison-table td{padding:14px 10px;border-bottom:1px solid #293750;overflow-wrap:normal}.comparison-table thead{font-size:9px;color:#98acc9;text-transform:uppercase;letter-spacing:.5px}.comparison-table tbody th{font-weight:500;color:#c9d9ef}.comparison-change{color:#9adccc}.goal-analytics{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.goal-progress-name{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:10px}.goal-progress-name>span{font-size:9px;color:#adbed7;white-space:nowrap}.goal-analytics .fine-print{font-size:9px;margin:8px 0 0}.streak-calendar{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:8px}.streak-calendar span{display:grid;place-items:center;aspect-ratio:1;background:#19263b;border:1px solid #2c3d57;border-radius:6px;color:#b0bed4;font-size:10px}.streak-calendar .active{background:#433963;border-color:#9683bd;color:#eee3ff;box-shadow:inset 0 0 8px #baa0ff22}.history-list>div{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #26364b}.history-check{display:grid;place-items:center;width:26px;height:26px;border:1px solid #39584f;color:#9be0c8;border-radius:50%;font-size:10px;flex-shrink:0}.history-list>div>div{display:flex;flex:1;flex-direction:column;gap:4px}.history-list b{font-size:12px}.history-list small{font-size:9px}.history-list strong{font-size:11px;color:#c3b3ff;white-space:nowrap}
input,select,textarea{background:#101b2c;border:1px solid #344a69;color:#e4efff;padding:11px 13px;border-radius:7px;min-height:44px;max-width:100%}input,select{font-size:13px}textarea{font-size:12px;width:100%;resize:vertical;line-height:1.7}label{display:block;font-size:12px;color:#bfd0e9;margin:17px 0}label input,label select,label textarea{display:block;width:100%;margin-top:7px}input[type=checkbox]{width:18px!important;height:18px;min-height:18px;display:inline!important;vertical-align:middle;accent-color:var(--accent);margin:0 8px 0 0}.learning{margin:22px 0;padding-top:22px;border-top:1px solid #2b3c55}.learning p{font-size:12px;color:#aebfd9}.learning>h3{font-size:18px}.learning .tag{font-size:9px}.learning p b{color:#d4e3f8}.learning details{margin:20px 0}.learning summary{color:#bba6ff;font-size:12px;cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px}.learning summary:before{content:"+";font-size:17px;color:#8caed9}details[open]>summary:before{content:"−"}#profile-editor{background:#0c1422;border:1px solid #354a6c;padding:20px;border-radius:10px;margin:18px 0}#profile-editor button{margin:4px}.card>label{max-width:700px}.card>p{font-size:12px}#toast{position:fixed;bottom:26px;right:28px;background:#192b3e;border:1px solid #567699;color:#d6eaff;box-shadow:0 12px 35px #0008;border-radius:10px;padding:15px 22px;font-size:12px;z-index:60;max-width:min(420px,calc(100vw - 32px));animation:notification-in .22s ease-out}.celebration-root{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:none;background:radial-gradient(ellipse at center,#5363ba22,transparent 62%)}.celebration{pointer-events:auto;position:relative;width:min(400px,calc(100vw - 36px));padding:30px;text-align:center;background:linear-gradient(145deg,#1c2545f5,#101527fa);border:1px solid #a28ce3;border-radius:15px;box-shadow:0 0 70px #9d79ff30,0 20px 70px #0009;animation:level-arrival .45s ease-out}.celebration.rank-up{border-color:#e8ca8d;box-shadow:0 0 70px #bb92ff40,0 20px 70px #0009}.celebration>.eyebrow{color:#a4dfff}.celebration h2{font-size:31px;letter-spacing:5px;margin:14px 0}.celebration .celebration-level{font-size:62px;color:#c8b8ff;font-weight:650;line-height:1.2;margin:18px 0}.celebration.rank-up .celebration-level{color:#f0d49b}.celebration p{font-size:13px;color:#b9cce8}.celebration button{position:relative;min-width:120px;margin-top:8px}.celebration-ray{position:absolute;inset:10px;border:1px solid #8bb7ff22;border-radius:10px;pointer-events:none}.just-completed{animation:mission-clear .7s ease-out}.page-enter{animation:page-arrival .24s ease-out}.ui-footer{font-size:9px;color:#859ab8;letter-spacing:1.4px;text-align:center;margin-top:32px}.local-chip:before{content:"";display:inline-block;width:4px;height:4px;background:#80d9d1;border-radius:50%;margin-right:6px}.calendar{display:flex;gap:7px;flex-wrap:wrap}.calendar span{padding:9px;background:#1b2b42}.calendar .active{background:#483c6c}@keyframes notification-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes page-arrival{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes level-arrival{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes mission-clear{0%{box-shadow:0 0 0 #79f0cd00}40%{box-shadow:0 0 24px #79f0cd44;border-color:#a8efd7}100%{box-shadow:0 0 0 #79f0cd00}}
@media(min-width:1600px){main{padding:40px 55px 60px}.character-card{grid-template-columns:minmax(0,1fr) 240px}.character-level{font-size:62px}.dashboard-top{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.sidebar{width:200px;padding:26px 14px}main{margin-left:200px;padding:26px}.dashboard-top{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.character-card{padding:25px 22px 0;grid-template-columns:minmax(0,1fr) 130px;gap:12px}.rank-crest{width:115px;height:145px}.character-level{font-size:43px}.rank-ladder>span{gap:4px}.rank-ladder small{font-size:6px}.stat-card{padding:18px 15px}.stat-grid{gap:12px}.stat-card small{font-size:10px}.mission-footer{padding:12px 17px}.mission-body{padding:18px}.mission-top{padding:14px 18px}.achievement-grid{gap:14px}.gallery-summary{align-items:flex-start;flex-direction:column}.player-chip{display:none}}
@media(max-width:900px){.sidebar{width:175px;padding:25px 12px}.brand b{font-size:18px}.brand-subtitle{font-size:6px;letter-spacing:1.5px}.nav-item{padding:11px;gap:10px;font-size:11px}main{margin-left:175px;padding:25px 20px}.dashboard-top{grid-template-columns:1fr}.character-card{grid-template-columns:minmax(0,1fr) 180px}.rank-crest{width:135px;height:170px}.daily-brief{display:grid;grid-template-columns:1fr 145px;grid-template-rows:auto auto auto;column-gap:18px;text-align:left;align-items:center;padding:22px}.daily-brief>.eyebrow{grid-column:1;grid-row:1}.daily-ring{width:100px;height:100px;margin:5px auto;grid-column:2;grid-row:1/4;padding:4px}.daily-ring strong{font-size:27px}.daily-ring span{font-size:5px}.daily-brief p{margin:3px 0 12px;grid-column:1;grid-row:2}.daily-brief .primary{grid-column:1;grid-row:3}.daily-brief>small{display:none}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-analytics{grid-template-columns:1fr}.forecast-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.streak-calendar{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(max-width:700px){:root{font-size:14px}body{background:radial-gradient(ellipse at 80% 0,#18203e 0,transparent 35%),var(--bg)}.sidebar{position:relative;width:100%;height:auto;padding:17px 19px 15px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid #26344a;background:#0b1220;z-index:30}.brand{gap:7px}.brand-mark{width:25px;height:28px;font-size:27px}.brand b{font-size:18px}.brand-subtitle{font-size:6px;letter-spacing:1.2px;margin:0;max-width:90px;text-align:right;line-height:1.8}.nav-label,.sidebar-bottom{display:none}#nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;background:#0e1728f5;border-top:1px solid #35415c;padding:6px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px #0004;backdrop-filter:blur(10px)}.nav-item{padding:5px 1px;min-width:0;min-height:52px;display:flex;flex-direction:column;gap:4px;border-radius:7px;font-size:9px;text-align:center}.nav-item svg{width:19px;height:19px}.nav-item.selected{border-color:#5d5283;background:#312b4a90;color:#d9ceff}.nav-dot,.desktop-label{display:none}.mobile-label{display:inline;font-size:9px;line-height:1.4}.nav-item:hover{border-color:transparent}main{margin:0;padding:23px 16px calc(100px + env(safe-area-inset-bottom));width:100%;min-width:0}header{padding-bottom:22px;gap:10px;align-items:flex-start}header .eyebrow{font-size:7px;letter-spacing:1.4px}h1{font-size:27px;letter-spacing:.7px;margin:9px 0}header .muted{font-size:10px;max-width:200px}.local-chip{font-size:7px;padding:5px 6px;margin-top:3px;white-space:nowrap}.header-meta{gap:0}.dashboard-top{gap:0}.card{border-radius:12px;padding:21px;margin-bottom:16px}.character-card{grid-template-columns:minmax(0,1fr) 105px;padding:23px 20px 0;gap:10px}.character-copy>.eyebrow{font-size:7px;letter-spacing:1.4px}.character-level{font-size:39px;letter-spacing:-1px;margin:21px 0 11px}.rank-name{font-size:12px;gap:8px}.rank-name>span{font-size:7px;padding:2px 5px}.character-copy>.muted{font-size:9px;margin:9px 0 19px}.character-sigil{padding-bottom:25px}.rank-crest{width:105px;height:137px}.rank-crest>span{font-size:48px}.rank-crest>small{font-size:4px}.sigil-caption{font-size:5px;letter-spacing:1.6px}.character-sigil:before{width:150px;height:150px}.xp-caption{font-size:6px;letter-spacing:.7px;align-items:flex-start}.xp-caption strong{font-size:9px}.xp-caption small{font-size:7px}.xp-meta{font-size:7px;align-items:flex-start;gap:12px;margin-bottom:19px}.rank-ladder{padding:14px 0;gap:3px}.rank-ladder>span{font-size:12px;gap:3px;flex-direction:column;line-height:1.2}.rank-ladder small{font-size:6px}.daily-brief{grid-template-columns:minmax(0,1fr) 100px;padding:21px;gap:10px 18px}.daily-brief>.eyebrow{font-size:8px}.daily-brief p{font-size:10px;margin:0}.daily-brief .primary{font-size:9px;min-height:40px}.daily-ring{margin:0 auto;width:86px;height:86px;box-shadow:0 0 0 6px #142137,0 0 0 7px #27374e}.daily-ring strong{font-size:24px}.daily-ring strong small{font-size:12px}.daily-ring span{font-size:4px;letter-spacing:.8px}.stat-grid{gap:10px;margin-bottom:16px}.stat-card{padding:16px 15px;margin:0;gap:10px}.stat-card small{font-size:9px}.stat-card>strong{font-size:27px}.stat-card>.eyebrow{font-size:6px;letter-spacing:1px}.stat-symbol{font-size:13px}.dashboard-bottom{gap:0}.section-heading{gap:10px;margin-bottom:19px}.section-heading h2{font-size:14px;gap:10px}.section-heading .text-button{font-size:10px}.attributes{gap:16px 20px}.attribute-glyph{width:31px;height:34px;font-size:18px}.attribute{gap:9px}.attribute b{font-size:10px}.attribute small{font-size:8px}.attribute>strong{font-size:17px}.objective b{font-size:10px}.objective small{font-size:8px}.mission-grid{gap:15px;margin-bottom:27px}.mission{padding:0;margin:0}.mission h2{font-size:17px}.mission-top{padding:14px 17px;gap:8px}.category{font-size:8px}.xp-reward{font-size:14px}.mission-body{padding:18px 17px}.mission-description{font-size:12px}.mission-footer{padding:12px 16px;align-items:center}.actions{gap:3px}.actions button{font-size:11px;min-height:44px;padding:9px 13px}.generator-label{font-size:6px;letter-spacing:.7px}.completion-criteria p{font-size:11px}.mission-context{font-size:8px}.recovery-alert{gap:12px;padding:17px}.recovery-alert h2{font-size:12px}.recovery-alert p{font-size:10px}.page-intro p{font-size:11px}.page-intro h2{font-size:19px}.forecast-grid{gap:12px}.forecast{padding:19px}.forecast .tag{font-size:8px}.forecast p{font-size:11px}.gallery-summary{gap:20px;margin-bottom:23px}.gallery-summary h2{font-size:31px}.gallery-summary h2>span{font-size:11px}.gallery-summary p{font-size:10px}.filter-tabs{width:100%;justify-content:space-between}.filter-tabs button{font-size:11px;min-height:42px;padding:7px 13px}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.achievement{padding:15px 13px;margin:0}.achievement-head{align-items:flex-start;flex-direction:column;gap:7px}.achievement-head .eyebrow{font-size:6px}.achievement-state{font-size:6px}.achievement-medal{width:75px;height:75px;margin:20px auto 13px}.achievement-medal svg{width:53px;height:53px}.achievement-medal>span{font-size:11px}.achievement>small{font-size:6px;letter-spacing:.9px}.achievement>h2{font-size:12px;line-height:1.5;min-height:36px;margin:7px 0 21px}.achievement-progress{font-size:6px;gap:5px}.chart-panel .section-heading{align-items:flex-start;flex-direction:column;gap:17px}.chart-controls{width:100%}.chart-controls select{flex:1;width:0;min-height:44px;font-size:11px}.chart-value strong{font-size:27px}.chart-value>span{font-size:6px}.line-chart svg{min-height:130px}.chart-axis{font-size:8px}.chart-detail{font-size:9px;gap:6px 12px}.comparison-table th,.comparison-table td{padding:12px 4px;font-size:9px;white-space:normal}.comparison-table thead th{font-size:7px;letter-spacing:0}.comparison-table{min-width:0}.goal-progress-name{font-size:10px}.goal-progress-name>span{font-size:8px}.streak-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.streak-calendar span{font-size:10px}.history-list b{font-size:11px}.history-list strong{font-size:9px}.history-list>div{gap:9px}.history-check{width:22px;height:22px}.grid{grid-template-columns:1fr;gap:0}.grid>.card{margin-bottom:15px}.grid h3{font-size:16px}.card>p{font-size:12px}.learning p{font-size:12px}.learning summary{font-size:11px}#toast{bottom:calc(82px + env(safe-area-inset-bottom));left:16px;right:16px;max-width:none;font-size:11px;text-align:center;padding:13px}.celebration-root{padding-bottom:65px}.celebration{padding:27px 23px}.celebration h2{font-size:27px}.celebration .celebration-level{font-size:52px}.skip-link{left:15px}.ui-footer{font-size:7px;letter-spacing:1px}.test-banner{font-size:9px;padding:8px 10px}.card.hero h2{font-size:20px}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.character-card{padding-left:16px;padding-right:14px;grid-template-columns:minmax(0,1fr) 88px}.rank-crest{width:88px;height:117px}.character-level{font-size:34px}.character-copy>.muted{font-size:8px}.local-chip{font-size:6px}.achievement-grid{grid-template-columns:1fr}.mission-footer{gap:5px}.actions button{padding:8px 10px}.stat-card small{font-size:8px}.nav-item svg{width:17px;height:17px}.mobile-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Readable supporting labels on both desktop and Android. */
.rank-ladder small{font-size:9px}.xp-caption{font-size:10px}.xp-meta{font-size:10px}.daily-ring span{font-size:8px;text-align:center;max-width:100px;line-height:1.4}.daily-brief>small{font-size:10px}.stat-card>.eyebrow{font-size:9px}.generator-label,.mission-context{font-size:10px}.category{font-size:11px}.status-pill{font-size:9px}.difficulty small{font-size:9px}.completion-criteria>span{font-size:9px}.achievement-head .eyebrow,.achievement-state{font-size:9px}.achievement>small{font-size:10px}.achievement-progress{font-size:10px}.chart-value>span{font-size:10px}.chart-axis,.chart-detail{font-size:10px}.fine-print{font-size:11px}.objective small,.attribute small{font-size:10px}.ui-footer{font-size:10px}.sidebar-bottom small{font-size:9px}
@media(max-width:700px){.eyebrow,.tag{font-size:9px}.character-copy>.eyebrow{font-size:9px}.character-copy>.muted{font-size:11px}.xp-caption{font-size:8px}.xp-meta{font-size:9px}.rank-ladder small{font-size:8px}.daily-ring span{font-size:6px;max-width:62px;letter-spacing:.5px}.daily-brief>.eyebrow{font-size:10px}.stat-card small{font-size:11px}.stat-card>.eyebrow{font-size:9px}.mobile-label{font-size:10px}.generator-label{font-size:9px}.mission-context{font-size:10px}.category{font-size:10px}.achievement-head .eyebrow,.achievement-state{font-size:8px}.achievement>small{font-size:9px}.achievement-progress{font-size:8px}.achievement>h2{font-size:13px}.chart-value>span{font-size:8px}.comparison-table th,.comparison-table td{font-size:10px}.comparison-table thead th{font-size:8px}.ui-footer{font-size:9px}header .muted{font-size:12px}.brand-subtitle{font-size:7px}.objective b{font-size:12px}.objective small{font-size:10px}.attribute small{font-size:9px}.forecast .tag{font-size:9px}}
/* Consistent touch targets and a single lightweight XP-bar reveal. */
.actions button,.filter-tabs button,.chart-controls select,.daily-brief .primary{min-height:44px}label:has(> input[type=checkbox]){min-height:44px;display:flex;align-items:center}.character-card progress{animation:xp-ready .7s ease-out}@keyframes xp-ready{from{opacity:.5;filter:drop-shadow(0 0 1px #9d9bff)}to{opacity:1;filter:drop-shadow(0 0 5px #9d9bff55)}}
@media(prefers-reduced-motion:reduce){.character-card progress{animation:none!important}}.motion-reduced .character-card progress{animation:none!important}
header>div:first-child{min-width:0}@media(max-width:360px){h1{font-size:22px;letter-spacing:.4px}header .local-chip{font-size:6px;padding:5px}header .eyebrow{letter-spacing:1px}}
.comparison-change.decline{color:#e4bc98}
.stage-track{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.stage-track span{border:1px solid var(--line,#28304b);border-radius:8px;padding:.4rem .6rem;font-size:.8rem;color:#aebbd6}.stage-track .current{border-color:#ad8cff;background:#30244a;color:#f3edff}.roadmap{margin:1rem 0;padding:1rem;border:1px solid #28354f;border-radius:14px;background:#0b1424}.roadmap progress{width:100%;accent-color:#ad8cff}.roadmap details{margin-top:.7rem}.supportive{color:#bce3ef;line-height:1.6}.personal-briefing h2{font-size:1.2rem}.result-editor{border-color:#a58af2}.result-editor textarea{width:100%;box-sizing:border-box}.roadmap select,.roadmap input{max-width:100%}.learning button{margin:.25rem 0}.mission-footer .actions{flex-wrap:wrap}.stage-track span{overflow-wrap:anywhere}@media(max-width:600px){.roadmap{padding:.8rem}.mission-footer{align-items:flex-start;gap:.5rem}.mission-footer .actions{justify-content:flex-end;gap:.4rem}.mission-footer .actions button{min-height:44px}.learning details p{overflow-wrap:anywhere}}