:root{--bg:#0b0710;--bg-2:#130c1c;--panel:#1a1126;--panel-2:#23182f;--line:#3a2a4f;--ink:#f4ecff;--muted:#a493bf;--heart:#ff3d6e;--heart-off:#3b2a40;--good:#59f08f;--bad:#ff5d5d;--loot:#ffb627;--system:#4cc9ff;--event:#ff7a1a;--pumpkin:#ff7a1a;--common:#b9b2c7;--uncommon:#59f08f;--rare:#4cc9ff;--legendary:#ffb627;--radius:12px;--display:"Bungee", "Impact", system-ui, sans-serif;--ui:"Chakra Petch", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:16px}body{background:radial-gradient(1200px 600px at 10% -10%, #3b1257 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #4a1d0a 0%, transparent 55%), var(--bg);background-attachment:fixed}h1,h2,h3{font-family:var(--display);letter-spacing:.02em;margin:0;font-weight:400}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:.4rem 0;line-height:1.45}a{color:var(--system)}button,.button,input,select,textarea{font:inherit;color:inherit}button,.button{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;min-height:40px;padding:.45rem .85rem;font-weight:600;text-decoration:none;transition:transform 80ms,background .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:#2d1f3d;border-color:#6b4f8f}button:active:not(:disabled){transform:translateY(1px)scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--system);outline-offset:2px}button.primary{color:#fff;background:linear-gradient(#ff4f7c,#d81f52);border-color:#ff3d6e;box-shadow:0 0 18px #ff3d6e55}button.primary:hover:not(:disabled){background:linear-gradient(#ff6890,#e32a5d)}button.good{color:var(--good);border-color:#2f8f55}button.bad{color:var(--bad);border-color:#8f2f3f}button.loot{color:var(--loot);border-color:#8f6a1f}button.event{color:var(--event);border-color:#a14a12}button.ghost,.button.ghost{background:0 0}button.mini{min-height:32px;padding:.2rem .55rem;font-size:.85rem}button.big{min-width:56px;min-height:56px;font-size:1.6rem}button.link{min-height:0;color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-weight:700}button.link:hover:not(:disabled){color:var(--system);background:0 0}input,select,textarea{border:1px solid var(--line);background:#0f0916;border-radius:10px;min-height:40px;padding:.45rem .65rem}textarea{resize:vertical;width:100%}.system{font-family:var(--mono);letter-spacing:.08em;color:var(--system);text-transform:uppercase;font-size:.78rem}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--bad);font-weight:600}.label{color:var(--muted);font-size:.85rem}.panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 92%, transparent);padding:1rem}.row-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.joined{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.grow{flex:220px}.field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field.wide{width:100%;margin-bottom:.75rem}.field.check{flex-direction:row;align-items:center;min-height:40px}.field input,.field select,.field textarea{color:var(--ink);font-size:1rem}.hearts{gap:1px;line-height:1;display:inline-flex}.heart{color:var(--heart-off)}.heart.full{color:var(--heart);text-shadow:0 0 8px #ff3d6e88}.hearts-large{gap:4px;font-size:2.2rem}.pips{flex-wrap:wrap;align-items:center;gap:4px;min-height:14px;font-size:.75rem;display:inline-flex}.pip{background:var(--common);border-radius:3px;width:12px;height:16px}.pip.rarity-uncommon{background:var(--uncommon)}.pip.rarity-rare{background:var(--rare);box-shadow:0 0 6px var(--rare)}.pip.rarity-legendary{background:var(--legendary);box-shadow:0 0 8px var(--legendary)}.badge{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;display:inline-block}.badge-down{border-color:var(--bad);color:var(--bad)}.badge-quest{border-color:var(--loot);color:var(--loot)}.chip{border:1px solid;border-radius:6px;padding:.15rem .5rem;font-size:.8rem;display:inline-block}.rarity-common{color:var(--common)}.rarity-uncommon{color:var(--uncommon)}.rarity-rare{color:var(--rare)}.rarity-legendary{color:var(--legendary)}.sync{border:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.7rem;display:inline-flex}.sync-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.sync-live .sync-dot{background:var(--good);box-shadow:0 0 8px var(--good);animation:2s infinite pulse}.sync-saving .sync-dot{background:var(--loot)}.sync-offline .sync-dot,.sync-locked .sync-dot{background:var(--bad)}.sync-offline,.sync-locked{border-color:var(--bad);color:var(--bad)}@keyframes pulse{50%{opacity:.35}}.czar{max-width:1500px;margin:0 auto;padding:0 16px 120px}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 -16px;padding:.75rem 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand h1{color:var(--pumpkin);text-shadow:0 0 18px #ff7a1a55;font-size:clamp(1rem,2.4vw,1.4rem)}.brand .system{margin:.1rem 0 0}.brand-mark{border:2px solid var(--heart);width:46px;height:46px;font-family:var(--display);color:var(--heart);border-radius:10px;place-items:center;font-size:.85rem;display:grid;box-shadow:0 0 14px #ff3d6e66,inset 0 0 10px #ff3d6e44}.level-pill{border:1px solid var(--line);background:var(--panel);border-radius:12px;align-items:center;gap:.35rem;padding:.2rem;display:flex}.level-pill span{flex-direction:column;align-items:center;min-width:120px;line-height:1.1;display:flex}.level-pill small{font-family:var(--mono);color:var(--system);letter-spacing:.12em;font-size:.65rem}.level-pill strong{font-family:var(--display);font-weight:400}.top-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin:1rem 0;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.tabs button[aria-current=page]{border-bottom-color:var(--heart);color:var(--ink)}.tabs button:hover:not(:disabled){color:var(--ink);background:0 0}.gate{border-color:var(--system);max-width:640px;margin:1.25rem auto;box-shadow:0 0 24px #4cc9ff22}.banner{border:1px solid var(--system);border-radius:var(--radius);background:linear-gradient(90deg,#0e2a3a,#1a1126);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.banner strong{font-family:var(--display);font-weight:400}.banner-event{border-color:var(--event);background:linear-gradient(90deg,#3a1a08,#1a1126)}.empty{text-align:center;padding:3rem 1rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.search{flex:200px}.segmented{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);text-transform:capitalize;background:0 0;border:0;border-radius:0}.segmented button[aria-pressed=true]{background:var(--panel-2);color:var(--ink)}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem;display:grid}.tile{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel-2), var(--panel));flex-direction:column;transition:border-color .12s,box-shadow .12s;display:flex;overflow:hidden}.tile-hit{text-align:left;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:.35rem;min-height:0;padding:.75rem}.tile-hit:hover:not(:disabled){background:#ffffff08}.tile-name{overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.tile-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.tile-actions{gap:.3rem;padding:0 .5rem .5rem;display:flex}.tile-actions button{flex:1}.tile-selected{border-color:var(--system);box-shadow:0 0 0 2px #4cc9ff55}.tile-quest{border-color:#8f6a1f}.tile-down{filter:grayscale(.85);opacity:.6}.tile-down .tile-name{text-decoration:line-through;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad)}.selection-bar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;border:1px solid var(--system);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0916f0;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:min(1100px,100% - 24px);padding:.65rem .85rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #000a,0 0 24px #4cc9ff33}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.roster-table{border-collapse:collapse;width:100%}.roster-table th,.roster-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:.5rem .65rem}.roster-table th{background:var(--panel)}.roster-table .sort{min-height:0;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.8rem}.row-down{opacity:.55}.scrim{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050208cc;justify-content:center;align-items:flex-start;padding:4vh 12px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--line);background:var(--bg-2);border-radius:16px;width:min(560px,100%);box-shadow:0 30px 80px #000c}.modal-wide{width:min(860px,100%)}.modal-head{border-bottom:1px solid var(--line);background:var(--bg-2);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex;position:sticky;top:0}.modal-head h2{color:var(--pumpkin)}.modal-body{padding:1rem}.sheet{gap:.9rem;display:grid}.sheet-section h3{color:var(--system);letter-spacing:.1em;margin-bottom:.4rem;font-size:.85rem}.sheet-top{text-align:center;flex-direction:column;align-items:center;display:flex}.hearts-control{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;display:flex}.stats-line{color:var(--muted);font-family:var(--mono);font-size:.8rem}.loot-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.loot-card{background:var(--panel);border:1px solid;border-left-width:5px;border-radius:10px;padding:.65rem .8rem}.loot-card p,.loot-card strong,.loot-card .row-actions{color:var(--ink)}.loot-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.rarity-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.rarity-btn{border-color:currentColor}.quests{gap:.4rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.quest{border:1px dashed var(--line);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.55rem .7rem;display:flex}.quest label{cursor:pointer;align-items:flex-start;gap:.6rem;display:flex}.quest input{width:20px;height:20px;min-height:0;margin-top:2px}.quest.done{border-style:solid;border-color:var(--loot);background:#ffb62712}.groups,.levels,.ledger,.stats{gap:1rem;display:grid}.section-title{color:var(--pumpkin)}.teams{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.team{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;padding:.85rem;display:flex}.team header{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.team h3{color:var(--system)}.team ul{flex:1;gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.team li{grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;display:grid}.team li.down{opacity:.5}.team-member{overflow-wrap:anywhere;font-weight:600}.member-actions{gap:.25rem;display:inline-flex}.generator h2{margin-bottom:.5rem}.wrap-up{border-color:#8f6a1f}.steps{gap:.6rem;margin:.75rem 0 0;padding-left:1.4rem;display:grid}.steps li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.level-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.level{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:1rem}.level.current{border-color:var(--heart);box-shadow:0 0 22px #ff3d6e33}.level header{align-items:center;gap:.6rem;display:flex}.level-num{background:var(--panel-2);width:34px;height:34px;font-family:var(--display);color:var(--pumpkin);border-radius:8px;place-items:center;display:grid}.level dl{grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:.5rem 0;font-size:.9rem;display:grid}.level dt{color:var(--muted)}.level dd{margin:0}.level-editor{flex-wrap:wrap;gap:.6rem;display:flex}.level-editor .field{flex:140px}.log{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.log li{border-left:3px solid var(--line);background:var(--panel);border-radius:6px;gap:.75rem;padding:.45rem .65rem;display:flex}.log time{min-width:64px;color:var(--muted);font-family:var(--mono);font-size:.8rem}.log-good{border-left-color:var(--good)!important}.log-bad{border-left-color:var(--bad)!important}.log-loot{border-left-color:var(--loot)!important}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);flex-direction:column;padding:1rem;display:flex}.kpi span{font-family:var(--display);color:var(--pumpkin);font-size:2.2rem}.kpi small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.chart-card{color:var(--ink);min-width:0}.chart-card h3{color:var(--system);letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem}.span-2{grid-column:span 2}.safety{color:var(--muted);text-align:center;margin-top:2rem;font-size:.85rem}.board{flex-direction:column;gap:1rem;min-height:100vh;padding:clamp(16px,2vw,32px);display:flex;position:relative;overflow:hidden}.board-empty{text-align:center;justify-content:center;align-items:center}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.board-title{font-family:"Bungee Shade", var(--display);color:var(--pumpkin);text-shadow:0 0 30px #ff7a1a66,0 0 4px #ff7a1a;font-size:clamp(2.4rem,6vw,5.5rem);line-height:1}.board-rules{max-width:70ch;color:var(--ink);font-size:clamp(1rem,1.4vw,1.35rem)}.board-count{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.board-count span{font-family:var(--display);color:var(--heart);text-shadow:0 0 30px #ff3d6e88;font-size:clamp(3rem,7vw,6rem);line-height:1}.board-count small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.board-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,26vw);gap:1rem;display:grid}.board-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));align-content:start;gap:.6rem;display:grid}.board-tile{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--panel-2), var(--panel));flex-direction:column;gap:.35rem;padding:.75rem .85rem;animation:.4s both rise;display:flex}.board-tile .tile-name{font-size:clamp(1rem,1.3vw,1.35rem)}.board-tile .hearts{font-size:1.35rem}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.board-side{flex-direction:column;gap:1rem;min-width:0;display:flex}.board-panel{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 90%, transparent);padding:.85rem 1rem}.board-panel h3{color:var(--system);letter-spacing:.1em;margin-bottom:.5rem;font-size:.85rem}.board-teams{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.board-team{border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem}.board-team strong{color:var(--pumpkin);margin-bottom:.25rem;font-size:.9rem;display:block}.board-team ul{margin:0;padding:0;font-size:.9rem;list-style:none}.board-team li.down{opacity:.45;text-decoration:line-through}.ticker{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.ticker li{border-left:3px solid var(--line);background:#ffffff06;border-radius:4px;padding:.35rem .55rem;font-size:.95rem;animation:.4s both rise}.ticker li:first-child{background:#ffffff10}.board-foot{color:var(--muted);text-align:center;font-size:.85rem}.spotlight{z-index:60;pointer-events:none;justify-content:center;display:flex;position:fixed}.spotlight-fresh{background:radial-gradient(circle,#0b0710dd 0%,#0b0710f5 70%);align-items:center;padding:5vw;animation:.35s both fade-in;inset:0}.spotlight-docked{width:min(900px,100% - 24px);top:12px;left:50%;transform:translate(-50%)}.spotlight-card{border:2px solid var(--system);text-align:center;background:linear-gradient(160deg,#0e2a3a,#140c1e 70%);border-radius:18px;max-width:1100px;padding:clamp(1rem,3vw,2.5rem) clamp(1.25rem,4vw,3rem);box-shadow:0 0 60px #4cc9ff44,inset 0 0 30px #4cc9ff22}.spotlight-fresh .spotlight-card{animation:.5s cubic-bezier(.2,1.4,.4,1) both slam}.spotlight-fresh h2{font-size:clamp(2rem,5vw,4.5rem);line-height:1.05}.spotlight-fresh p:not(.system){font-size:clamp(1.1rem,2.2vw,2rem)}.spotlight-docked .spotlight-card{padding:.6rem 1rem}.spotlight-docked h2{font-size:1.1rem}.spotlight-docked p:not(.system){font-size:.95rem}.spotlight-event{border-color:var(--event);background:linear-gradient(160deg,#3a1a08,#140c1e 70%);box-shadow:0 0 60px #ff7a1a55,inset 0 0 30px #ff7a1a22}.spotlight-event .system{color:var(--event)}.spotlight-level{border-color:var(--heart);box-shadow:0 0 60px #ff3d6e55}.flash{z-index:70;pointer-events:none;background:radial-gradient(circle,#5a0016cc,#0b0710ee 70%);place-items:center;animation:6s both flash;display:grid;position:fixed;inset:0}.flash span{font-family:var(--display);color:var(--bad);text-align:center;text-shadow:0 0 40px #ff5d5d;font-size:clamp(2.5rem,8vw,7rem)}@keyframes flash{0%{opacity:0}6%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes slam{0%{opacity:0;transform:scale(1.4)}}.me{gap:1rem;max-width:640px;margin:0 auto;padding:24px 16px 60px;display:grid}.me-head{text-align:center}.me-head h1{color:var(--pumpkin);font-size:clamp(2rem,9vw,3rem)}.me-down .me-head h1{text-decoration:line-through;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad)}.me h2{color:var(--system);margin-bottom:.4rem;font-size:.95rem}@media (width<=900px){.board-body,.chart-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media (width<=640px){.topbar{position:static}.level-pill{justify-content:space-between;width:100%}.top-actions{width:100%}.top-actions>*{flex:auto}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.selection-bar{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}