:root{--bg: #14110d;--bg-glow: #2a2114;--panel: #1e1913;--panel-2: #262019;--line: #3b3226;--line-soft: #2c261d;--ink: #ece3d2;--ink-dim: #a4977f;--ink-faint: #766a56;--ember: #ff9d2e;--ember-deep: #c96f1a;--max: #ff5d3a;--fire: #ff6b47;--water: #4aa8ff;--thunder: #ffd23e;--ice: #7ce4ff;--dragon: #b48bff;--none: #b0a894;--unknown: #8a8073;--poison: #c06bd8;--paralysis: #d8d24a;--sleep: #93b4e6;--blast: #f2545b;--font-display: "Chakra Petch", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 700px at 75% -20%,var(--bg-glow) 0%,transparent 60%),radial-gradient(900px 600px at -10% 110%,#1d1811 0%,transparent 55%),var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");z-index:999}.app{max-width:1240px;margin:0 auto;padding:28px 24px 48px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--line-soft)}.wordmark{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:.04em;color:var(--ink)}.wordmark-slash{color:var(--ember);margin:0 2px}.wordmark-sub{color:var(--ink-dim);font-weight:500}.tooltabs{display:flex;align-items:center;gap:14px}.tooltab{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:none;border:1px solid var(--line);padding:8px 16px;cursor:pointer}.tooltab.active{color:var(--bg);background:var(--ember);border-color:var(--ember);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.tooltab-soon{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.layout{display:grid;grid-template-columns:370px minmax(0,1fr);gap:20px;align-items:start}@media(max-width:960px){.layout{grid-template-columns:1fr}}.results{display:grid;gap:20px}.panel{position:relative;background:linear-gradient(165deg,var(--panel-2) 0%,var(--panel) 55%);border:1px solid var(--line);padding:20px}.panel:before,.panel:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:2px solid var(--ember);border-left:2px solid var(--ember)}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid var(--ember-deep);border-right:2px solid var(--ember-deep)}.panel-title{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 16px;display:flex;align-items:center;gap:10px}.panel-title:before{content:"";width:18px;height:2px;background:var(--ember);transform:skew(-30deg)}.panel-title .title-name{color:var(--ink)}.bowpicker{position:relative;margin-bottom:16px}.bowpicker input{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:15px;padding:11px 13px}.bowpicker input:focus{outline:none;border-color:var(--ember-deep);box-shadow:0 0 0 1px var(--ember-deep)}.bowpicker input::placeholder{color:var(--ink-faint)}.bowlist{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:340px;overflow-y:auto;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 18px 40px #0000008c;list-style:none;margin:0;padding:6px}.bowlist .group-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:10px 8px 4px}.bowlist button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;color:var(--ink);font-family:var(--font-body);font-size:14px;padding:8px;cursor:pointer}.bowlist button:hover{background:#ff9d2e1a}.bowlist .bow-monster{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.bowlist .empty{padding:14px 10px;color:var(--ink-dim);font-size:14px}.eldot{display:inline-block;width:8px;height:8px;transform:rotate(45deg);background:currentColor;flex:none}.el-fire{color:var(--fire)}.el-water{color:var(--water)}.el-thunder{color:var(--thunder)}.el-ice{color:var(--ice)}.el-dragon{color:var(--dragon)}.el-none{color:var(--none)}.el-unknown{color:var(--unknown)}.el-poison{color:var(--poison)}.el-paralysis{color:var(--paralysis)}.el-sleep{color:var(--sleep)}.el-blast{color:var(--blast)}.picked-bow{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:10px 12px;background:#ff9d2e0f;border:1px solid var(--line-soft);font-size:14px}.picked-bow .name{font-family:var(--font-display);font-weight:600;flex:1}.picked-bow .name small{display:block;font-family:var(--font-body);font-weight:400;font-size:11.5px;color:var(--ink-faint)}.picked-bow .clear{background:none;border:none;color:var(--ink-faint);font-size:12px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.picked-bow .clear:hover{color:var(--max)}.hint{font-size:13px;color:var(--ink-faint);margin:0 0 16px}.hint.stylenote{margin:8px 0 0;line-height:1.45}.hint.conflict{color:var(--ink-dim);line-height:1.45}.conflict-icon{color:var(--thunder)}.hint.footnote{margin:12px 0 0;line-height:1.45}.field-label{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:18px 0 8px}.seg{display:flex;border:1px solid var(--line)}.seg button{flex:1;background:none;border:none;border-right:1px solid var(--line);color:var(--ink-dim);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:9px 4px;cursor:pointer;transition:background .15s,color .15s}.seg button:last-child{border-right:none}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--ember);color:var(--bg)}.slots{display:grid;gap:8px}.slot{display:grid;grid-template-columns:92px 1fr 76px;gap:8px;align-items:center}.slot-lv{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ember)}select{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:14px;padding:8px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23766a56'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}select:focus{outline:none;border-color:var(--ember-deep)}input[type=number]{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--ink);font-family:var(--font-mono);font-size:14px;padding:8px 10px}input[type=number]:focus{outline:none;border-color:var(--ember-deep)}.field-row{display:flex;gap:10px;align-items:flex-end}.field-row>select{flex:1.6;width:auto}.mini-label{display:block;flex:1;min-width:72px;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.mini-label input,.mini-label select{margin-top:5px}.matrix-wrap{overflow-x:auto}table.matrix{width:100%;border-collapse:collapse;font-family:var(--font-mono)}.matrix th,.matrix td{border:1px solid var(--line-soft);padding:9px 12px;text-align:right;vertical-align:top}.matrix thead th{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.08em;color:var(--ink-dim);background:var(--bg);text-align:right}.matrix thead th .pips{display:block;font-size:9px;letter-spacing:3px;color:var(--ember-deep);margin-top:2px}.matrix thead th.max,.matrix td.max{background:#ff9d2e12}.matrix thead th.max{color:var(--ember)}.matrix .rowlabel{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);text-align:left;white-space:nowrap}.matrix .val{display:block;font-size:17px;font-weight:600;color:var(--ink)}.matrix .arrowname{font-family:var(--font-display);font-size:14px;color:var(--ember)}.matrix .calc{display:block;font-size:11px;color:var(--ink-faint);margin-top:1px;white-space:nowrap}.matrix .arrowrow td{background:#0000002e}.matrix .totalrow td{border-top:2px solid var(--line)}.matrix .totalrow .val{color:var(--ember);font-size:19px}.matrix .totalrow td.max .val{color:var(--max)}.refgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.refcard{background:var(--bg);border:1px solid var(--line-soft);padding:14px 16px}.refcard h3{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 6px}.refcard .big{font-family:var(--font-mono);font-size:22px;font-weight:600;color:var(--ink)}.refcard .sub{font-size:12px;color:var(--ink-faint);margin-top:2px}.modtoggle{margin-top:14px;background:none;border:1px solid var(--line);color:var(--ink-dim);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;cursor:pointer}.modtoggle:hover{color:var(--ember);border-color:var(--ember-deep)}table.modref{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:13px;margin-top:14px}.modref th,.modref td{border:1px solid var(--line-soft);padding:7px 10px;text-align:right}.modref th{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);background:var(--bg)}.modref td.lbl{text-align:left;font-family:var(--font-body);color:var(--ink-dim)}.modref td.hot{color:var(--max);font-weight:600}.modref tr.hot-row td{background:#ff9d2e12}.hint a{color:var(--ember)}.tl-panel{align-self:stretch}.tl-scroll{max-height:76vh;overflow-y:auto;border:1px solid var(--line-soft);background:var(--bg)}.tl-canvas{position:relative;cursor:crosshair}.tl-grid{position:absolute;left:56px;right:0;border-top:1px solid rgba(255,255,255,.03);pointer-events:none}.tl-grid.major{border-top-color:var(--line-soft)}.tl-time{position:absolute;left:0;width:46px;text-align:right;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);pointer-events:none}.tl-block{position:absolute;left:56px;width:132px;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.tl-charge{background:#ff9d2e1a;border:1px solid rgba(255,157,46,.3);color:var(--ember)}.tl-shots{background:#ffd23e12;border:1px solid rgba(255,210,62,.2);color:var(--thunder)}.tl-idle{background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(255,255,255,.035) 6px 12px);border:1px dashed var(--line-soft);color:var(--ink-faint)}.tl-dp{background:#ff5d3a29;border:1px solid var(--max);color:var(--max)}.tl-roar{background:repeating-linear-gradient(-45deg,#f2545b29 0,#f2545b29 8px,#f2545b0d 8px,#f2545b0d 16px);border:1px solid rgba(242,84,91,.55);color:var(--blast)}.tl-shot{position:absolute;left:56px;right:8px;pointer-events:none}.tl-shot-line{position:absolute;left:0;width:132px;border-top:2px solid var(--ember)}.tl-shot-label{position:absolute;left:140px;transform:translateY(-50%);font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);white-space:nowrap}.tl-k-power .tl-shot-line{border-top-color:var(--thunder)}.tl-ready .tl-shot-line{border-top-style:dashed;border-top-width:1px;border-top-color:var(--thunder);width:100%;opacity:.7}.tl-ready .tl-shot-label{color:var(--thunder);font-weight:600}.tl-shot-label .short{color:var(--max);font-weight:600}.val.dim{color:var(--ink-faint)}.tl-k-volley .tl-shot-line,.tl-k-dp .tl-shot-line{border-top-color:var(--max)}.insertlist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.insertlist li{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--line-soft);padding:7px 10px;font-size:13px}.insertlist .when{flex:1;font-family:var(--font-mono);color:var(--ink-dim)}.tag{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 7px}.tag-dp{color:var(--max);border:1px solid var(--max)}.tag-roar{color:var(--blast);border:1px solid var(--blast)}.modtoggle.add{margin-top:0;flex:none}.sp-presets{display:flex;gap:6px;align-items:flex-end;flex:none}.sp-presets button{background:none;border:1px solid var(--line);color:var(--ink-dim);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;cursor:pointer}.sp-presets button:hover{color:var(--ember);border-color:var(--ember-deep)}.sp-presets button.on{background:var(--ember);border-color:var(--ember);color:var(--bg)}.modtoggle:disabled{opacity:.4;cursor:not-allowed}.colophon{margin-top:28px;padding-top:16px;border-top:1px solid var(--line-soft);font-size:12.5px;color:var(--ink-faint);letter-spacing:.02em}