@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600&display=swap";:root{--bg:#14181d;--bg-2:#0f1216;--surface:#1e242b;--surface-2:#272f38;--ink:#f2f4f6;--ink-2:#b3bcc5;--ink-3:#7c8790;--line:#323b45;--action:#ff6a13;--action-hi:#ff8a47;--action-ink:#14181d;--tan:#d9b98c;--hp:#2ed47a;--neutral:#4da3ff;--rework:#ff4d4d;--warn:#ffb020;--sys-tongue:#2fc7bc;--sys-proprioception:#5ddbb9;--sys-vestibular:#62b2ff;--sys-visual:#7c8cff;--sys-integration:#a6e04a;--sys-tool:#ffb43a;--sys-assessment:#8a948f;--radius:10px;--radius-sm:6px;--tab-h:64px;--display:"Barlow Condensed", "Barlow", system-ui, sans-serif;color:var(--ink);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Barlow,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 50% -200px, #ff6a131a, transparent 60%), var(--bg);min-height:100vh;margin:0}a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}a:hover{-webkit-text-decoration-color:var(--action);text-decoration-color:var(--action)}h1{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;margin:0 0 .3rem;font-size:2.4rem;font-weight:800;line-height:.95}h2{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);margin:1.5rem 0 .6rem;font-size:1.25rem;font-weight:700}h3{font-family:var(--display);margin:.4rem 0;font-size:1.15rem;font-weight:700}p{margin:.4rem 0 .8rem;line-height:1.5}ul{padding-left:1.2rem;line-height:1.5}button{font:inherit;font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--ink);background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:.65rem 1rem;font-size:1.05rem;font-weight:700;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s}button:hover{border-color:var(--ink-3)}button:active{transform:translateY(1px)scale(.985)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--action);outline-offset:2px}button.primary{background:var(--action);color:var(--action-ink);border-color:var(--action);box-shadow:0 0 #ff6a1373}button.primary:hover{background:var(--action-hi);border-color:var(--action-hi);box-shadow:0 6px 24px #ff6a1359}button.ghost{color:var(--ink-2);background:0 0;border-color:#0000}button.small{min-height:36px;padding:.35rem .7rem;font-size:.95rem}button:disabled{opacity:.35;cursor:default;box-shadow:none}input,select{font:inherit;color:var(--ink);background:var(--bg-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);min-height:44px;padding:.65rem .8rem}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:2rem}label{align-items:center;gap:.5rem;display:flex}input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--action)}.app{flex-direction:column;min-height:100vh;display:flex}.content{padding:1.1rem 1rem calc(var(--tab-h) + 1.5rem);flex:1;width:100%;max-width:680px;margin:0 auto}nav.tabs{height:calc(var(--tab-h) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#0f1216eb;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{color:var(--ink-3);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.78rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex;position:relative}nav.tabs a svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}nav.tabs a:before{content:"";background:var(--action);border-radius:0 0 3px 3px;height:3px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:-1px;left:22%;right:22%;transform:scaleX(0)}nav.tabs a.active{color:var(--ink)}nav.tabs a.active:before{transform:scaleX(1)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.6rem;padding:.9rem 1rem}.card.clickable{cursor:pointer;transition:border-color .15s,transform .15s}.card.clickable:hover{border-color:var(--ink-3);transform:translate(2px)}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.row.nowrap{flex-wrap:nowrap}.muted{color:var(--ink-2);font-size:.9rem}.tiny{color:var(--ink-3);font-size:.8rem}.ex{grid-template-columns:68px 1fr;gap:0;padding:0;display:grid;overflow:hidden}.ex .code{font-family:var(--display);letter-spacing:.02em;color:var(--bg-2);background:var(--sys);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);cursor:pointer;justify-content:center;align-items:center;padding-right:6px;font-size:1.3rem;font-weight:800;display:flex}.ex .body{min-width:0;padding:.7rem .9rem .7rem .6rem}.ex .title{font-weight:600;line-height:1.25}.ex .meta{color:var(--ink-3);margin-top:.15rem;font-size:.8rem}.ex .actions{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.55rem;display:flex}.seg{border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg span{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);background:var(--bg-2);border-right:1px solid var(--line);padding:.2rem .55rem;font-size:.82rem;font-weight:700}.seg span:last-child{border-right:0}.seg span.hp{background:var(--hp);color:var(--bg-2)}.seg span.neutral{background:var(--neutral);color:var(--bg-2)}.seg span.rework{background:var(--rework);color:#fff}.chip{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:4px;padding:.22rem .6rem;font-size:.84rem;font-weight:700;display:inline-block}.chip.hp{background:var(--hp);border-color:var(--hp);color:var(--bg-2)}.chip.neutral{background:var(--neutral);border-color:var(--neutral);color:var(--bg-2)}.chip.rework{background:var(--rework);border-color:var(--rework);color:#fff}.chip.warn{border-color:var(--warn);color:var(--warn);text-transform:none;letter-spacing:0;background:#ffb02024;font-family:inherit;font-weight:600}.chip.info{border-color:var(--neutral);color:var(--neutral);text-transform:none;letter-spacing:0;background:#4da3ff24;font-family:inherit;font-weight:600}.chip.block{border-color:var(--rework);color:var(--rework);text-transform:none;letter-spacing:0;background:#ff4d4d29;font-family:inherit;font-weight:600}.chip.sys{color:var(--bg-2);background:var(--sys);border-color:#0000}.filterbar{scrollbar-width:none;gap:.4rem;margin:0 -1rem;padding:.2rem 1rem .6rem;display:flex;overflow-x:auto}.filterbar::-webkit-scrollbar{display:none}.filterbar button{white-space:nowrap;border-radius:4px;min-height:36px;padding:.35rem .8rem;font-size:.95rem}.filterbar button.on{background:var(--ink);color:var(--bg-2);border-color:var(--ink)}.search{width:100%;margin-bottom:.5rem}.sec-h{align-items:center;gap:.6rem;margin:1.4rem 0 .5rem;display:flex}.sec-h .dot{background:var(--sys);clip-path:polygon(0 0,100% 0,75% 100%,0 100%);width:14px;height:14px}.sec-h h2{color:var(--ink);margin:0}.sec-h .n{font-family:var(--display);color:var(--ink-3);font-weight:600}ol.steps{padding-left:1.4rem}ol.steps li{margin-bottom:.55rem;line-height:1.45}ol.steps li::marker{font-family:var(--display);color:var(--action);font-weight:800}.progress{background:var(--surface-2);border-radius:3px;height:6px;margin-bottom:.8rem;overflow:hidden}.progress i{background:repeating-linear-gradient(-45deg, var(--action) 0 8px, var(--action-hi) 8px 16px);background-size:22.6px 100%;border-radius:3px;height:100%;transition:width .25s cubic-bezier(.2,.8,.2,1);animation:1.2s linear infinite stripes;display:block}@keyframes stripes{to{background-position:22.6px 0}}.player-step{margin:.6rem 0 1rem;font-size:1.4rem;font-weight:500;line-height:1.4}.timer{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--action);text-shadow:0 0 24px #ff6a1359;margin:.3rem 0;font-size:6rem;font-weight:800;line-height:1;animation:1s step-end infinite tick}@keyframes tick{0%{opacity:1}50%{opacity:.92}}.player-actions{left:0;right:0;bottom:var(--tab-h);padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);gap:.5rem;max-width:680px;margin:0 auto;display:flex;position:fixed}.player-actions button{flex:1}.player-actions button.ghost{flex:none}.dark-screen{z-index:20;color:#2a2a2a;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.grid2{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}.grid5{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.rating-btn{width:100%}.rating-btn.active.hp{background:var(--hp);border-color:var(--hp);color:var(--bg-2)}.rating-btn.active.neutral{background:var(--neutral);border-color:var(--neutral);color:var(--bg-2)}.rating-btn.active.rework{background:var(--rework);border-color:var(--rework);color:#fff}.hero{border-radius:var(--radius);color:var(--bg-2);background:var(--sys);margin-bottom:.8rem;padding:1.1rem 1rem;position:relative;overflow:hidden}.hero .code{font-family:var(--display);font-size:3rem;font-weight:800;line-height:1}.hero h1{color:var(--bg-2);margin:.2rem 0 .3rem}.hero .muted{color:#0f1216b3}.empty{border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--ink-2);text-align:center;padding:1rem}.fab{right:1rem;bottom:calc(var(--tab-h) + 1rem);z-index:5;position:fixed;box-shadow:0 8px 24px #00000073}.range-hero{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#22292f,#171c21 60%);margin:.2rem 0 1rem;padding:1.4rem 1.2rem 1.2rem;animation:.6s cubic-bezier(.2,.8,.2,1) both heroIn;position:relative;overflow:hidden}.range-hero .target{opacity:.9;pointer-events:none;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.range-hero .target circle{fill:none;stroke:var(--tan);stroke-opacity:.25}.range-hero .target .ring-a{stroke:var(--action);stroke-opacity:.9;stroke-dasharray:440;stroke-dashoffset:440px;animation:1.1s cubic-bezier(.2,.8,.2,1) .25s forwards ring}.range-hero .target .hit{fill:var(--action);opacity:0;transform-origin:50%;animation:.35s cubic-bezier(.2,.8,.2,1) 1.15s forwards hit}.range-hero .kicker{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--tan);font-size:.85rem;font-weight:600}.range-hero h1{margin:.1rem 0 .4rem;font-size:3.2rem}.range-hero h1 em{color:var(--action);font-style:normal}.range-hero .splits{gap:1.4rem;margin-top:.9rem;display:flex}.range-hero .split b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1;display:block}.range-hero .split span{color:var(--ink-3);font-size:.8rem}.range-hero .cta{margin-top:1.1rem}.range-hero+.row.stagger>*{animation:.45s cubic-bezier(.2,.8,.2,1) both rise}.range-hero+.row.stagger>:first-child{animation-delay:.35s}.range-hero+.row.stagger>:nth-child(2){animation-delay:.42s}.range-hero+.row.stagger>:nth-child(3){animation-delay:.49s}.range-hero+.row.stagger>:nth-child(4){animation-delay:.56s}.range-hero+.row.stagger>:nth-child(5){animation-delay:.63s}.range-hero+.row.stagger>:nth-child(6){animation-delay:.7s}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ring{to{stroke-dashoffset:0}}@keyframes hit{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wiz-opts{flex-direction:column;gap:.5rem;margin-top:.6rem;display:flex}.wiz-opt{text-align:left;text-transform:none;letter-spacing:0;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.85rem 1rem;font-size:1.1rem;display:flex}.wiz-opt small{color:var(--ink-3);font-family:Barlow,system-ui,sans-serif;font-size:.8rem;font-weight:500}.wiz-opt.on{background:var(--action);color:var(--action-ink);border-color:var(--action);animation:.22s cubic-bezier(.2,.8,.2,1) pop}.wiz-opt.on small{color:#0f1216b3}@keyframes pop{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}.grid2 .wiz-opt{min-height:56px}.ex.pool{cursor:pointer;border-width:1.5px;transition:border-color .15s,box-shadow .15s}.ex.pool.on{border-color:var(--action);box-shadow:0 0 0 2px #ff6a1338,0 8px 24px #00000059}.ex.pool .body input[type=checkbox]{pointer-events:none;flex:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.range-hero .target .ring-a{stroke-dashoffset:0}.range-hero .target .hit{opacity:1}}