.box-theme[data-tier="1"]{--signal:#b0bec5;--signal-soft:#cfd8dc;--signal-glow:#b0bec52e;--chart-b:#5cb8a0;--chart-c:#cf6070;--chart-d:#7890a0;--chart-closure:#7080c8}.box-theme[data-tier="1"] .box-header__logo,.box-theme[data-tier="1"] .box-nav-drawer__head{background:linear-gradient(90deg,#607d8b,#b0bec5,#e0eef4,#b0bec5,#607d8b)}.box-theme[data-tier="1"] .box-kicker{color:#90a4ae}.box-theme[data-tier="1"] .box-chrono{color:#b0bec5}.box-theme[data-tier="1"] .box-h1{background:linear-gradient(90deg,#78909c,#cfd8dc,#fff,#cfd8dc,#78909c) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite box-shimmer-text}.box-theme[data-tier="1"] .box-stat--signal{box-shadow:4px 4px 0 var(--ink)}.box-theme[data-tier="1"] .box-page:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 4px),repeating-linear-gradient(90deg,#0000,#0000 80px,#b0bec504 80px 81px);position:fixed;inset:0}.box-tier-badge--1{color:#b0bec5;background:#b0bec514;border-color:#b0bec5}.box-theme[data-tier="2"]{--signal:#f2c200;--signal-soft:#ffd93b;--signal-glow:#f2c20038;--bg-2:#171610;--bg-3:#1e1b0e;--chart-b:#4dc87a;--chart-c:#e85a38;--chart-d:#c0a870;--chart-closure:#5ab8e8}.box-theme[data-tier="2"] .box-header__logo,.box-theme[data-tier="2"] .box-nav-drawer__head{background:linear-gradient(90deg,#b38a00,#f2c200,#ffe566,#f2c200,#b38a00)}.box-theme[data-tier="2"] .box-h1{background:linear-gradient(90deg,#b38a00,#f2c200,#ffe566,gold,#f2c200,#b38a00) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite box-shimmer-text}.box-theme[data-tier="2"] .box-chrono{text-shadow:0 0 14px #f2c20073}.box-theme[data-tier="2"] .box-btn--signal{box-shadow:0 2px 14px var(--signal-glow)}.box-theme[data-tier="2"] .box-btn--signal:hover{box-shadow:0 0 0 7px var(--signal-glow), 0 2px 14px var(--signal-glow)}.box-theme[data-tier="2"] .box-stat--signal{box-shadow:5px 5px 0 var(--ink), 0 0 24px var(--signal-glow)}.box-theme[data-tier="2"] .box-page:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(45deg,#0000,#0000 13px,#f2c2000d 13px 14px),repeating-linear-gradient(-45deg,#0000,#0000 13px,#f2c20008 13px 14px);position:fixed;inset:0}.box-tier-badge--2{color:#f2c200;background:#f2c2001a;border-color:#f2c200}.box-tier-ambient--2{background:radial-gradient(at 50% -10%,#f2c20012 0%,#0000 60%)}.box-theme[data-tier="3"]{--signal:#00d4e8;--signal-soft:#40e4f4;--signal-glow:#00d4e838;--bg-2:#0c1a1e;--bg-3:#102028;--chart-b:#00c090;--chart-c:#ff6070;--chart-d:#60b0c0;--chart-closure:#6090e0}.box-theme[data-tier="3"] .box-header__logo,.box-theme[data-tier="3"] .box-nav-drawer__head{background:linear-gradient(90deg,#006e7a,#00b4c8,#80eef8,#00b4c8,#006e7a) 0 0/200%;animation:3s linear infinite box-shimmer-text}.box-theme[data-tier="3"] .box-kicker{color:#00b4c8}.box-theme[data-tier="3"] .box-navitem--active:after{background:#00d4e8}.box-theme[data-tier="3"] .box-h1{background:linear-gradient(90deg,#006e7a,#00d4e8,#80f0f8,#00d4e8,#006e7a) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite box-shimmer-text}.box-theme[data-tier="3"] .box-chrono{color:#00d4e8;text-shadow:0 0 14px #00d4e880}.box-theme[data-tier="3"] .box-btn--signal{color:#0a0a09;box-shadow:0 2px 14px var(--signal-glow);background:#00d4e8}.box-theme[data-tier="3"] .box-btn--signal:hover{box-shadow:0 0 0 7px var(--signal-glow), 0 2px 14px var(--signal-glow);background:#00e8ff}.box-theme[data-tier="3"] .box-stat--signal{box-shadow:5px 5px 0 var(--ink), 0 0 28px var(--signal-glow)}.box-theme[data-tier="3"] .box-pointage:before{background:#00d4e8}.box-theme[data-tier="3"] .box-page:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(90deg,#0000,#0000 36px,#00d4e80a 36px 37px),repeating-linear-gradient(#0000,#0000 36px,#00d4e808 36px 37px);position:fixed;inset:0}.box-tier-badge--3{color:#00d4e8;background:#00d4e814;border-color:#00d4e8}.box-tier-ambient--3{background:radial-gradient(at 15% 10%,#00d4e80f 0%,#0000 45%),radial-gradient(at 85% 90%,#00d4e80d 0%,#0000 45%);animation:5s infinite box-ambient-pulse}.box-theme[data-tier="4"]{--signal:#bae6fd;--signal-soft:#e0f2fe;--signal-glow:#b9e6fd40;--bg-2:#0c1520;--bg-3:#0f1e2e;--chart-b:#5adba4;--chart-c:#ff7090;--chart-d:#b0a8f8;--chart-closure:#60b0f8}.box-theme[data-tier="4"] .box-header__logo,.box-theme[data-tier="4"] .box-nav-drawer__head{background:linear-gradient(90deg,#60a5fa,#bfdbfe,#fff,#a5b4fc,#e0f2fe,#7dd3fc,#60a5fa) 0 0/300%;animation:4s infinite box-prism-cycle}.box-theme[data-tier="4"] .box-kicker{color:#7dd3fc}.box-theme[data-tier="4"] .box-navitem--active:after{background:#bae6fd;box-shadow:0 0 6px #b9e6fd80}.box-theme[data-tier="4"] .box-h1{background:linear-gradient(90deg,#60a5fa,#bfdbfe,#fff,#e0f2fe,#a5b4fc,#bfdbfe,#60a5fa) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite box-prism-cycle}.box-theme[data-tier="4"] .box-chrono{color:#bae6fd;text-shadow:0 0 20px #b9e6fd99,0 0 40px #60a5fa4d}.box-theme[data-tier="4"] .box-btn--signal{color:#0a0a09;box-shadow:0 2px 14px var(--signal-glow);background:#60a5fa;animation:2.5s infinite box-glow-pulse}.box-theme[data-tier="4"] .box-btn--signal:hover{box-shadow:0 0 0 8px var(--signal-glow), 0 2px 20px var(--signal-glow);background:#93c5fd}.box-theme[data-tier="4"] .box-stat--signal{box-shadow:5px 5px 0 var(--ink), 0 0 32px var(--signal-glow);animation:.4s both box-scale-in,3s .5s infinite box-glow-pulse}.box-theme[data-tier="4"] .box-pointage:before{background:linear-gradient(#60a5fa,#bae6fd)}.box-theme[data-tier="4"] .box-card{position:relative;overflow:hidden}.box-theme[data-tier="4"] .box-card:after{content:"";pointer-events:none;border-radius:inherit;z-index:0;background:linear-gradient(108deg,#0000 22%,#bae6fd0f 44%,#ffffff1a 50%,#bae6fd0f 56%,#0000 78%) 0 0/200% 100%;animation:6s ease-in-out infinite box-diamond-sweep;position:absolute;inset:0}.box-theme[data-tier="4"] .box-page:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(60deg,#0000,#0000 20px,#bae6fd0d 20px 21px),repeating-linear-gradient(-60deg,#0000,#0000 20px,#bae6fd0d 20px 21px),repeating-linear-gradient(0deg,#0000,#0000 20px,#bae6fd08 20px 21px);position:fixed;inset:0}.box-tier-badge--4{color:#bae6fd;background:#b9e6fd14;border-color:#7dd3fc}.box-tier-ambient--4{pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 28%,#fffffff2 0,#0000 2.5px),radial-gradient(circle at 72% 18%,#bae6fdf2 0,#0000 3px),radial-gradient(circle at 44% 72%,#ffffffe0 0,#0000 2px),radial-gradient(circle at 88% 60%,#a5b4fceb 0,#0000 3px),radial-gradient(circle at 8% 85%,#bae6fdd9 0,#0000 2px),radial-gradient(circle at 62% 8%,#fffffff2 0,#0000 2.5px),radial-gradient(circle at 35%,#bae6fdcc 0,#0000 2px),radial-gradient(circle at 55% 38%,#ffffffe6 0,#0000 2px),radial-gradient(circle at 22% 55%,#a5b4fce0 0,#0000 2.5px),radial-gradient(circle at 90% 35%,#ffffffe6 0,#0000 2px),radial-gradient(circle at 5% 45%,#bae6fdd1 0,#0000 2.5px),radial-gradient(circle at 78% 78%,#ffffffe0 0,#0000 2px),radial-gradient(at 50% 30%,#60a5fa0f 0%,#0000 60%);animation:2.2s infinite alternate box-sparkle-fade;position:fixed;inset:0}.box-tier-ambient--4:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 70%,#ffffffe6 0,#0000 2.5px),radial-gradient(circle at 65% 25%,#bae6fdeb 0,#0000 3px),radial-gradient(circle at 85% 15%,#ffffffe0 0,#0000 2px),radial-gradient(circle at 15% 60%,#a5b4fce6 0,#0000 2.5px),radial-gradient(circle at 50% 90%,#ffffffd9 0,#0000 2px),radial-gradient(circle at 42% 12%,#bae6fde0 0,#0000 2px),radial-gradient(circle at 96% 70%,#ffffffe6 0,#0000 2.5px),radial-gradient(circle at 75% 48%,#a5b4fcd9 0,#0000 2px);animation:2.2s 1.1s infinite alternate box-sparkle-fade;position:absolute;inset:0}.box-tier-ambient--4:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 25%,#bae6fd1a 43%,#ffffff29 50%,#bae6fd1a 57%,#0000 75%) 0 0/200% 100%;animation:7s ease-in-out infinite box-diamond-refract;position:absolute;inset:0}@keyframes mc-torch-flicker{0%{opacity:.028}7%{opacity:.058}14%{opacity:.022}21%{opacity:.065}28%{opacity:.02}35%{opacity:.072}42%{opacity:.03}50%{opacity:.08}57%{opacity:.018}64%{opacity:.055}71%{opacity:.025}78%{opacity:.068}85%{opacity:.02}92%{opacity:.06}to{opacity:.032}}@keyframes mc-vein-pulse{0%{opacity:.04}50%{opacity:.11}to{opacity:.04}}@keyframes mc-diamond-glow{0%,to{text-shadow:3px 3px #000000e6,0 0 8px #44cfcb73}50%{text-shadow:3px 3px #000000e6,0 0 18px #44cfcbf2,0 0 38px #44cfcb73}}@keyframes mc-pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes mc-btn-press{0%{transform:translate(0);box-shadow:4px 4px #000,6px 6px #00000080}50%{transform:translate(2px,2px);box-shadow:2px 2px #000,3px 3px #00000080}to{transform:translate(0);box-shadow:4px 4px #000,6px 6px #00000080}}.box-theme[data-achievement-theme=minecraft]{--signal:#44cfcb;--signal-deep:#2ea8a5;--signal-soft:#68dfdb;--signal-glow:#44cfcb47;--signal-foreground:#0b0f0b;--bg-0:#0a0c0a;--bg-1:#0d110d;--bg-2:#121812;--bg-3:#182218;--bg-4:#1e2e1e;--paper:#e8f5e8;--paper-alt:#f2faf2;--paper-dim:#e8f5e89e;--paper-mute:#e8f5e85c;--ink:#0a0c0a;--carbon:#4e7a4e;--carbon-soft:#6e9a6e;--carbon-deep:#335033;--line:#44cfcb24;--line-soft:#44cfcb12;--line-strong:#44cfcb47;--chart-b:#44cfcb;--chart-c:#ff8c42;--chart-d:#a3e060;--chart-closure:#2ea8a5;--background:#0d110d;--foreground:#e8f5e8;--card:#121812;--card-foreground:#e8f5e8;--popover:#121812;--popover-foreground:#e8f5e8;--muted:#182218;--muted-foreground:#e8f5e88c;--border:#44cfcb26;--input:#44cfcb38;--ring:#44cfcb;--font-display:"Press Start 2P", "Courier New", monospace;color:#e8f5e8;background-color:#0d110d;background-image:none}html.box-theme[data-achievement-theme=minecraft]:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#44cfcb06 1px,#0000 1px),linear-gradient(90deg,#44cfcb06 1px,#0000 1px),linear-gradient(#44cfcb12 1px,#0000 1px),linear-gradient(90deg,#44cfcb12 1px,#0000 1px);background-size:4px 4px,4px 4px,16px 16px,16px 16px;position:fixed;inset:0}html.box-theme[data-achievement-theme=minecraft]:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(60vw 55vh at 22% 38%,#ff9b28 0%,#ff640a99 30%,#0000 70%),radial-gradient(50vw 45vh at 78% 68%,#ff8214d9 0%,#ff500080 35%,#0000 70%);animation:2.8s ease-in-out infinite mc-torch-flicker;position:fixed;inset:0}html.box-theme[data-achievement-theme=minecraft] .box-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(140px 90px at 5% 35%,#44cfcb 0%,#0000 100%),radial-gradient(110px 70px at 95% 12%,#44cfcb 0%,#0000 100%),radial-gradient(160px 100px at 48% 88%,#44cfcb 0%,#0000 100%),radial-gradient(90px 55px at 82% 55%,#44cfcb 0%,#0000 100%),radial-gradient(120px 75px at 18% 80%,#44cfcb 0%,#0000 100%),radial-gradient(80px 50px at 65% 22%,#44cfcb 0%,#0000 100%);animation:4.5s ease-in-out infinite alternate mc-vein-pulse;position:fixed;inset:0}.box-theme[data-achievement-theme=minecraft] .box-header__logo,.box-theme[data-achievement-theme=minecraft] .box-nav-drawer__head{background:#0a0c0a;border-right:3px solid #44cfcb80;animation:none;box-shadow:inset -1px 0 #44cfcb26,inset 0 0 20px #ff961e0a;border-radius:0!important}.box-theme[data-achievement-theme=minecraft] .box-h1{letter-spacing:.03em;background:0 0;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#44cfcb;color:#44cfcb;image-rendering:pixelated;font-family:"Press Start 2P",monospace;font-size:.72em;animation:3s ease-in-out infinite mc-diamond-glow}.box-theme[data-achievement-theme=minecraft] .box-kicker{letter-spacing:.1em;color:#44cfcb;font-family:"Press Start 2P",monospace;font-size:.55em;animation:2s ease-in-out infinite mc-pixel-bounce;display:inline-block}.box-theme[data-achievement-theme=minecraft] .box-section-label{letter-spacing:.06em;font-family:"Press Start 2P",monospace;font-size:.6em}.box-theme[data-achievement-theme=minecraft] .box-navitem--active{background:#44cfcb14;border-left:3px solid #44cfcb;box-shadow:inset 3px 0 12px #44cfcb14}.box-theme[data-achievement-theme=minecraft] .box-navitem--active:after{box-shadow:none;background:#44cfcb}.box-theme[data-achievement-theme=minecraft] .box-navitem__label{letter-spacing:.03em;font-family:"Press Start 2P",monospace;font-size:.58em}.box-theme[data-achievement-theme=minecraft] .box-navitem__meta{letter-spacing:.02em;opacity:.6;font-family:"Press Start 2P",monospace;font-size:.48em}.box-theme[data-achievement-theme=minecraft] .box-chrono{color:#2ea8a5;text-shadow:none}.box-theme[data-achievement-theme=minecraft] .box-stat__value{color:#44cfcb;text-shadow:0 0 10px #44cfcb99,2px 2px #000000b3;font-family:"Press Start 2P",monospace;font-size:.85em}.box-theme[data-achievement-theme=minecraft] .box-pointage:before{background:linear-gradient(#44cfcb,#2ea8a5);box-shadow:1px 0 6px #44cfcb66}.box-theme[data-achievement-theme=minecraft] .box-btn--signal{letter-spacing:.04em;color:#0a0c0a;image-rendering:pixelated;background:#44cfcb;font-family:"Press Start 2P",monospace;font-size:.6em;transition:none;animation:none;box-shadow:4px 4px #000000e6,inset 2px 2px #ffffff4d,inset -2px -2px #00000040;border-radius:0!important}.box-theme[data-achievement-theme=minecraft] .box-btn--signal:hover{background:#68dfdb;box-shadow:4px 4px #000000e6,inset 2px 2px #fff6,inset -2px -2px #0003,0 0 18px #44cfcb80}.box-theme[data-achievement-theme=minecraft] .box-btn--signal:active{transform:translate(2px,2px);box-shadow:2px 2px #000000e6,inset 2px 2px #0003}.box-theme[data-achievement-theme=minecraft] .box-stat--signal{box-shadow:4px 4px 0 #000c, 0 0 28px var(--signal-glow);animation:.4s both box-scale-in}.box-theme[data-achievement-theme=minecraft] .box-card{image-rendering:pixelated;background-color:#121812;border:2px solid #1a1a1a;box-shadow:inset 2px 2px #44cfcb2e,inset -2px -2px #0009,5px 5px #000000b3;border-radius:0!important}.box-theme[data-achievement-theme=minecraft] .box-btn,.box-theme[data-achievement-theme=minecraft] .box-tier-badge{border-radius:0!important}.box-theme[data-achievement-theme=minecraft] ::selection{color:#0a0c0a;background:#44cfcb59}html[data-achievement-theme=minecraft] .box-theme{--signal:#44cfcb;--signal-deep:#2ea8a5;--signal-soft:#68dfdb;--signal-glow:#44cfcb47;--signal-foreground:#0a0c0a;--bg-0:#0a0c0a;--bg-1:#0d110d;--bg-2:#121812;--bg-3:#182218;--bg-4:#1e2e1e;--paper:#e8f5e8;--paper-alt:#f2faf2;--paper-dim:#e8f5e89e;--paper-mute:#e8f5e85c;--ink:#0a0c0a;--carbon:#4e7a4e;--carbon-soft:#6e9a6e;--carbon-deep:#335033;--line:#44cfcb24;--line-soft:#44cfcb12;--line-strong:#44cfcb47;--border:#44cfcb26;--input:#44cfcb38;--ring:#44cfcb;--foreground:#e8f5e8;--card-foreground:#e8f5e8;--muted-foreground:#e8f5e88c}@keyframes matrix-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes matrix-flicker{0%,94%,to{opacity:1}95%{opacity:.8}97%{opacity:.92}98%{opacity:.75}99%{opacity:.96}}.box-theme[data-achievement-theme=matrix]{--signal:#00ff41;--signal-deep:#0c3;--signal-soft:#39ff74;--signal-glow:#00ff4138;--signal-foreground:#000;--bg-0:#020802;--bg-1:#030c03;--bg-2:#041004;--bg-3:#061506;--bg-4:#0a1e0a;--paper:#b0ffb8;--paper-alt:#d0ffd5;--paper-dim:#00ff419e;--paper-mute:#00ff4159;--ink:#000;--carbon:#228b22;--carbon-soft:#3a3;--carbon-deep:#151;--line:#00ff411f;--line-soft:#00ff410f;--line-strong:#00ff4140;--chart-b:#00ff41;--chart-c:#39ff74;--chart-d:#0c3;--chart-closure:#062;--background:#030c03;--foreground:#b0ffb8;--card:#041004;--card-foreground:#b0ffb8;--popover:#041004;--popover-foreground:#b0ffb8;--muted:#061506;--muted-foreground:#00ff418c;--border:#00ff4126;--input:#00ff4133;--ring:#00ff41;--font-display:"VT323", "Courier New", monospace;--font-mono:"VT323", "Courier New", monospace;color:#b0ffb8;background-color:#030c03;background-image:none;animation:8s ease-in-out infinite matrix-flicker}html.box-theme[data-achievement-theme=matrix]:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}html.box-theme[data-achievement-theme=matrix]:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 60%,#0000008c 100%);position:fixed;inset:0}html.box-theme[data-achievement-theme=matrix] .box-page:before{content:"";pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"240\" height=\"240\"><text x=\"4\"  y=\"20\"  font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">01001101</text><text x=\"4\"  y=\"50\"  font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">アイウエオ</text><text x=\"4\"  y=\"80\"  font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">11010110</text><text x=\"4\"  y=\"110\" font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">カキクケコ</text><text x=\"4\"  y=\"140\" font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">00110101</text><text x=\"4\"  y=\"170\" font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">サシスセソ</text><text x=\"4\"  y=\"200\" font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">10110011</text><text x=\"4\"  y=\"230\" font-family=\"monospace\" font-size=\"14\" fill=\"%2300FF41\">タチツテト</text></svg>");background-size:240px 240px;position:fixed;inset:0}.box-theme[data-achievement-theme=matrix] .box-header__logo,.box-theme[data-achievement-theme=matrix] .box-nav-drawer__head{background:#010c01;border-right:2px solid #00ff4173;animation:none;box-shadow:inset -4px 0 12px #00ff410f}.box-theme[data-achievement-theme=matrix] .box-h1{letter-spacing:.12em;background:0 0;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#00ff41;color:#00ff41;text-shadow:0 0 8px #00ff41e6,0 0 20px #00ff4180,0 0 40px #00ff4133;font-family:VT323,monospace;font-size:1.6em;animation:none}.box-theme[data-achievement-theme=matrix] .box-h1:after{content:"_";color:#00ff41;margin-left:2px;animation:1s step-end infinite matrix-cursor-blink}.box-theme[data-achievement-theme=matrix] .box-kicker{letter-spacing:.18em;color:#00ff41;text-shadow:0 0 6px #00ff41b3;font-family:VT323,monospace;font-size:1.2em}.box-theme[data-achievement-theme=matrix] .box-section-label{letter-spacing:.15em;font-family:VT323,monospace;font-size:1.1em}.box-theme[data-achievement-theme=matrix] .box-navitem--active:after{background:#00ff41;box-shadow:0 0 8px #00ff4199}.box-theme[data-achievement-theme=matrix] .box-chrono{color:#0c3;text-shadow:0 0 20px #00ff4199;font-family:VT323,monospace;font-size:1.4em}.box-theme[data-achievement-theme=matrix] .box-stat__value{color:#00ff41;text-shadow:0 0 8px #00ff4180}.box-theme[data-achievement-theme=matrix] .box-pointage:before{background:linear-gradient(#00ff41,#0c3);box-shadow:0 0 8px #00ff4166}.box-theme[data-achievement-theme=matrix] .box-logo-mark,.box-theme[data-achievement-theme=matrix] .box-header__logo-mark{letter-spacing:.12em;font-family:VT323,monospace;font-size:1.3em}.box-theme[data-achievement-theme=matrix] .box-btn--signal{letter-spacing:.12em;color:#000;background:#00ff41;border:1px solid #00ff41;font-family:VT323,monospace;font-size:1.1em;animation:none;box-shadow:0 0 12px #00ff4180,0 0 24px #00ff4133}.box-theme[data-achievement-theme=matrix] .box-btn--signal:hover{background:#39ff74;box-shadow:0 0 20px #00ff41b3,0 0 40px #00ff4159}.box-theme[data-achievement-theme=matrix] .box-stat--signal{box-shadow:5px 5px 0 var(--ink), 0 0 28px var(--signal-glow);animation:.4s both box-scale-in}.box-theme[data-achievement-theme=matrix] .box-card{border-color:#00ff4126;box-shadow:0 0 0 1px #00ff4114,inset 0 0 20px #00ff4108}.box-theme[data-achievement-theme=matrix] ::selection{color:#000;background:#00ff414d}html[data-achievement-theme=matrix] .box-theme{--signal:#00ff41;--signal-deep:#0c3;--signal-soft:#39ff74;--signal-glow:#00ff4138;--signal-foreground:#000;--bg-0:#020802;--bg-1:#030c03;--bg-2:#041004;--bg-3:#061506;--bg-4:#0a1e0a;--paper:#b0ffb8;--paper-alt:#d0ffd5;--paper-dim:#00ff419e;--paper-mute:#00ff4159;--ink:#000;--carbon:#228b22;--carbon-soft:#3a3;--carbon-deep:#151;--line:#00ff411f;--line-soft:#00ff410f;--line-strong:#00ff4140;--border:#00ff4126;--input:#00ff4133;--ring:#00ff41;--foreground:#b0ffb8;--card-foreground:#b0ffb8;--muted-foreground:#00ff418c}.box-theme[data-achievement-theme] .box-page:before{background:0 0}.box-theme[data-achievement-theme] .box-card:after{display:none}.box-theme[data-achievement-theme] .box-tier-ambient--1,.box-theme[data-achievement-theme] .box-tier-ambient--2,.box-theme[data-achievement-theme] .box-tier-ambient--3,.box-theme[data-achievement-theme] .box-tier-ambient--4{display:none!important}@keyframes dev-type-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes dev-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes dev-scan{0%{opacity:0;top:64px}3%{opacity:.9}97%{opacity:.9}to{opacity:0;top:100vh}}@keyframes dev-stat-glow{0%,to{text-shadow:0 0 8px #4ec9b066}50%{text-shadow:0 0 16px #4ec9b0cc,0 0 32px #4ec9b04d}}.box-theme[data-achievement-theme=developer]{--signal:#4ec9b0;--signal-deep:#3ba890;--signal-soft:#73dbca;--signal-glow:#4ec9b038;--signal-foreground:#0d1117;--bg-0:#0d1117;--bg-1:#0d1117;--bg-2:#161b22;--bg-3:#1c2333;--bg-4:#21262d;--paper:#d4d4d4;--paper-alt:#e8e8e8;--paper-dim:#d4d4d4a6;--paper-mute:#d4d4d461;--ink:#0d1117;--carbon:#6a737d;--carbon-soft:#8b949e;--carbon-deep:#484f58;--line:#30363de6;--line-soft:#30363d80;--line-strong:#4ec9b040;--syntax-keyword:#569cd6;--syntax-string:#ce9178;--syntax-comment:#6a9955;--syntax-fn:#dcdcaa;--syntax-type:#4ec9b0;--syntax-number:#b5cea8;--chart-b:#4ec9b0;--chart-c:#ce9178;--chart-d:#569cd6;--chart-closure:#3ba890;--background:#0d1117;--foreground:#d4d4d4;--card:#161b22;--card-foreground:#d4d4d4;--popover:#161b22;--popover-foreground:#d4d4d4;--muted:#1c2333;--muted-foreground:#d4d4d48c;--border:#30363dd9;--input:#4ec9b033;--ring:#4ec9b0;--font-display:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;color:#d4d4d4;background-color:#0d1117;background-image:none}html.box-theme[data-achievement-theme=developer]:before{content:"";pointer-events:none;z-index:0;opacity:.08;background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"480\" height=\"560\"><text x=\"8\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">import</text><text x=\"64\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> { </text><text x=\"80\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\">useState</text><text x=\"152\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">, </text><text x=\"164\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\">useEffect</text><text x=\"248\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> } </text><text x=\"264\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">from</text><text x=\"300\" y=\"22\" font-family=\"monospace\" font-size=\"12\" fill=\"%23CE9178\"> &apos;react&apos;</text><text x=\"8\" y=\"44\" font-family=\"monospace\" font-size=\"12\" fill=\"%236A9955\">// TODO: optimize achievement queries</text><text x=\"8\" y=\"66\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">interface</text><text x=\"84\" y=\"66\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\"> UserProfile</text><text x=\"180\" y=\"66\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> {</text><text x=\"20\" y=\"88\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">id:</text><text x=\"44\" y=\"88\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\"> number</text><text x=\"108\" y=\"88\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">;</text><text x=\"20\" y=\"110\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">achievements:</text><text x=\"128\" y=\"110\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\"> Achievement</text><text x=\"236\" y=\"110\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">[];</text><text x=\"20\" y=\"132\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">tier:</text><text x=\"56\" y=\"132\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\"> number</text><text x=\"120\" y=\"132\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> | </text><text x=\"136\" y=\"132\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">null</text><text x=\"172\" y=\"132\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">;</text><text x=\"8\" y=\"154\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">}</text><text x=\"8\" y=\"176\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">export default function</text><text x=\"188\" y=\"176\" font-family=\"monospace\" font-size=\"12\" fill=\"%23DCDCAA\"> Dashboard</text><text x=\"256\" y=\"176\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">() {</text><text x=\"20\" y=\"198\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">  const</text><text x=\"64\" y=\"198\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> [data, setData] = </text><text x=\"212\" y=\"198\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\">useState</text><text x=\"284\" y=\"198\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">(</text><text x=\"292\" y=\"198\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">null</text><text x=\"320\" y=\"198\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">);</text><text x=\"8\" y=\"220\" font-family=\"monospace\" font-size=\"12\" fill=\"%236A9955\">  /* fetch on mount */</text><text x=\"20\" y=\"242\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\">  useEffect</text><text x=\"100\" y=\"242\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">(() => {</text><text x=\"32\" y=\"264\" font-family=\"monospace\" font-size=\"12\" fill=\"%23DCDCAA\">    fetchUserData</text><text x=\"144\" y=\"264\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">().</text><text x=\"164\" y=\"264\" font-family=\"monospace\" font-size=\"12\" fill=\"%23DCDCAA\">then</text><text x=\"196\" y=\"264\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">(r => </text><text x=\"232\" y=\"264\" font-family=\"monospace\" font-size=\"12\" fill=\"%23DCDCAA\">setData</text><text x=\"284\" y=\"264\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">(r));</text><text x=\"20\" y=\"286\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">  }, []);</text><text x=\"8\" y=\"308\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">  return</text><text x=\"60\" y=\"308\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> (</text><text x=\"20\" y=\"330\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">    &lt;div</text><text x=\"56\" y=\"330\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\"> className</text><text x=\"128\" y=\"330\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">=</text><text x=\"136\" y=\"330\" font-family=\"monospace\" font-size=\"12\" fill=\"%23CE9178\">&quot;dashboard&quot;</text><text x=\"216\" y=\"330\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">&gt;</text><text x=\"32\" y=\"352\" font-family=\"monospace\" font-size=\"12\" fill=\"%236A9955\">      {/* Achievement Grid */}</text><text x=\"32\" y=\"374\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\">      &lt;AchievementGrid</text><text x=\"192\" y=\"374\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\"> data</text><text x=\"228\" y=\"374\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">={data} /&gt;</text><text x=\"20\" y=\"396\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">    &lt;/div&gt;</text><text x=\"8\" y=\"418\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">  )</text><text x=\"8\" y=\"440\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">}</text><text x=\"8\" y=\"462\" font-family=\"monospace\" font-size=\"12\" fill=\"%236A9955\">// end module — zone01-platform v3</text><text x=\"8\" y=\"484\" font-family=\"monospace\" font-size=\"12\" fill=\"%23B5CEA8\">0x4EC9B0</text><text x=\"88\" y=\"484\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> /* signal teal */</text><text x=\"8\" y=\"506\" font-family=\"monospace\" font-size=\"12\" fill=\"%23569CD6\">const</text><text x=\"48\" y=\"506\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> VERSION = </text><text x=\"120\" y=\"506\" font-family=\"monospace\" font-size=\"12\" fill=\"%23CE9178\">&apos;1.0.0&apos;</text><text x=\"156\" y=\"506\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">;</text><text x=\"8\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%234EC9B0\">type</text><text x=\"44\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> TierLevel = </text><text x=\"124\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23B5CEA8\">1</text><text x=\"132\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> | </text><text x=\"148\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23B5CEA8\">2</text><text x=\"156\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> | </text><text x=\"172\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23B5CEA8\">3</text><text x=\"180\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\"> | </text><text x=\"196\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23B5CEA8\">4</text><text x=\"204\" y=\"528\" font-family=\"monospace\" font-size=\"12\" fill=\"%23D4D4D4\">;</text><text x=\"8\" y=\"550\" font-family=\"monospace\" font-size=\"12\" fill=\"%236A9955\">// @ts-expect-error legacy API</text></svg>");background-size:480px 560px;position:fixed;inset:0}html.box-theme[data-achievement-theme=developer]:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#4ec9b066 20%,#4ec9b0d9 50%,#4ec9b066 80%,#0000 100%);height:1px;animation:14s linear infinite dev-scan;position:fixed;top:64px;left:0;right:0}.box-theme[data-achievement-theme=developer] .box-header__logo,.box-theme[data-achievement-theme=developer] .box-nav-drawer__head{background:linear-gradient(90deg,#0d1117,#12191f);border-right:1px solid #4ec9b059;animation:none;box-shadow:inset -2px 0 8px #4ec9b00a}.box-theme[data-achievement-theme=developer] .box-h1{letter-spacing:-.01em;background:0 0;background-clip:unset;-webkit-background-clip:unset;-webkit-text-fill-color:#4ec9b0;color:#4ec9b0;font-family:JetBrains Mono,monospace;font-size:.88em;font-weight:700;animation:1.4s steps(28,end) both dev-type-in}.box-theme[data-achievement-theme=developer] .box-h1:before{content:"> ";color:var(--syntax-comment,#6a9955);opacity:.7;font-weight:400}.box-theme[data-achievement-theme=developer] .box-h1:after{content:"|";color:#4ec9b0;-webkit-text-fill-color:#4ec9b0;margin-left:2px;font-style:normal;font-weight:300;animation:1s step-end infinite dev-cursor-blink}.box-theme[data-achievement-theme=developer] .box-kicker{letter-spacing:.05em;color:var(--syntax-comment,#6a9955);text-underline-offset:3px;font-family:JetBrains Mono,monospace;font-size:.72em;font-style:italic;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:#dca05080}.box-theme[data-achievement-theme=developer] .box-kicker:before{content:"// ";opacity:.8;text-decoration:none}.box-theme[data-achievement-theme=developer] .box-section-label{letter-spacing:.06em;color:var(--syntax-keyword,#569cd6);font-family:JetBrains Mono,monospace}.box-theme[data-achievement-theme=developer] .box-navitem--active{background:#16202ccc;border-top:1px solid #4ec9b0}.box-theme[data-achievement-theme=developer] .box-navitem--active:after{background:#4ec9b0}.box-theme[data-achievement-theme=developer] .box-navitem__label{font-family:JetBrains Mono,monospace;font-size:.82em}.box-theme[data-achievement-theme=developer] .box-navitem__meta{opacity:.65;font-family:JetBrains Mono,monospace;font-size:.68em}.box-theme[data-achievement-theme=developer] .box-chrono{color:#3ba890;font-family:JetBrains Mono,monospace}.box-theme[data-achievement-theme=developer] .box-stat__value{color:#4ec9b0;font-family:JetBrains Mono,monospace;animation:3s ease-in-out infinite dev-stat-glow}.box-theme[data-achievement-theme=developer] .box-stat__value:before{content:"+ ";color:#6a9955;opacity:.8;font-size:.7em;font-weight:400}.box-theme[data-achievement-theme=developer] .box-pointage:before{background:linear-gradient(#4ec9b0,#3ba890)}.box-theme[data-achievement-theme=developer] .box-btn--signal{letter-spacing:.04em;color:#0d1117;background:#4ec9b0;font-family:JetBrains Mono,monospace;font-size:.78em;animation:none;box-shadow:0 1px 3px #00000080,0 0 0 1px #4ec9b066}.box-theme[data-achievement-theme=developer] .box-btn--signal:hover{background:#73dbca;box-shadow:0 0 12px #4ec9b066,0 0 0 1px #4ec9b0}.box-theme[data-achievement-theme=developer] .box-stat--signal{animation:.4s both box-scale-in;box-shadow:0 4px 20px #4ec9b04d,0 0 0 1px #4ec9b033}.box-theme[data-achievement-theme=developer] .box-card{border-color:#30363de6 #30363de6 #30363de6 #4ec9b04d;border-left-style:solid;border-left-width:2px;transition:border-left-color .2s;box-shadow:0 2px 8px #0006,0 0 0 1px #30363d80}.box-theme[data-achievement-theme=developer] .box-card:hover{border-left-color:#4ec9b0b3}.box-theme[data-achievement-theme=developer] ::selection{color:#d4d4d4;background:#4ec9b047}html[data-achievement-theme=developer] .box-theme{--signal:#4ec9b0;--signal-deep:#3ba890;--signal-soft:#73dbca;--signal-glow:#4ec9b038;--signal-foreground:#0d1117;--bg-0:#0d1117;--bg-1:#0d1117;--bg-2:#161b22;--bg-3:#1c2333;--bg-4:#21262d;--paper:#d4d4d4;--paper-alt:#e8e8e8;--paper-dim:#d4d4d4a6;--paper-mute:#d4d4d461;--ink:#0d1117;--carbon:#6a737d;--carbon-soft:#8b949e;--carbon-deep:#484f58;--line:#30363de6;--line-soft:#30363d80;--line-strong:#4ec9b040;--border:#30363dd9;--input:#4ec9b033;--ring:#4ec9b0;--foreground:#d4d4d4;--card-foreground:#d4d4d4;--muted-foreground:#d4d4d48c;--syntax-keyword:#569cd6;--syntax-string:#ce9178;--syntax-comment:#6a9955;--syntax-fn:#dcdcaa;--syntax-type:#4ec9b0;--syntax-number:#b5cea8}