@layer components{.vol-bubble{border:1.6px solid color-mix(in srgb, var(--color-bone) 75%, transparent);font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-bone);border-radius:46% 54% 50% 50%/58% 52% 48% 42%;padding:.55em 1.05em .6em;font-size:clamp(.56rem,1.5vw,.68rem);font-weight:600;line-height:1.55;display:inline-block;position:relative;rotate:7deg}.vol-bubble:after{content:"";border-right:1.6px solid color-mix(in srgb, var(--color-bone) 75%, transparent);border-bottom:1.6px solid color-mix(in srgb, var(--color-bone) 75%, transparent);background:var(--color-ink);width:.9rem;height:.9rem;position:absolute;bottom:-.55rem;right:18%;rotate:40deg}.vol-nav a{white-space:nowrap;min-height:3.4rem;color:color-mix(in srgb, var(--color-bone) 85%, transparent);border-radius:1.1rem;align-items:center;gap:.9rem;padding:.7rem 1.1rem;font-size:.92rem;text-decoration:none;transition:background-color .18s;display:flex}.vol-nav a:hover{background:color-mix(in srgb, var(--color-bone) 6%, transparent)}.vol-nav a[aria-current=page]{background:var(--color-lime);color:var(--color-ink);box-shadow:0 0 30px color-mix(in srgb, var(--color-lime) 30%, transparent);font-weight:600}.vol-nav a:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.vol-team{border:1px solid var(--ops-line);background:color-mix(in srgb, var(--color-bone) 3%, transparent);text-align:left;width:100%;color:var(--color-bone);cursor:pointer;border-radius:1.3rem;align-items:center;gap:clamp(.75rem,2.4vw,1rem);padding:.8rem clamp(.75rem,2.6vw,1rem);transition:border-color .18s,background-color .18s;display:flex}.vol-team:hover{border-color:var(--ops-line-firm)}.vol-team:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.vol-team[aria-current=true]{border-color:var(--color-lime);background:color-mix(in srgb, var(--color-lime) 5%, transparent);box-shadow:0 0 0 1px var(--color-lime), 0 0 28px color-mix(in srgb, var(--color-lime) 14%, transparent)}.vol-team-emblem{width:clamp(3.4rem,13vw,3.9rem)}.vol-team-name{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.02rem,3.8vw,1.22rem);font-weight:800;line-height:1.15;display:block;overflow:hidden}.vol-unsaved{background:#ffc94d;border-radius:999px;width:.5rem;height:.5rem;display:inline-block;box-shadow:0 0 10px #ffc94d}.vol-ring{flex-shrink:0;place-items:center;display:inline-grid;position:relative}.vol-ring>span:last-child{letter-spacing:.02em;font-size:.68rem;font-weight:600;position:absolute}.vol-avatar{width:2.6rem;height:2.6rem;font-family:var(--font-display);color:var(--color-ink);border-radius:999px;flex-shrink:0;place-items:center;font-size:.8rem;font-weight:800;display:inline-grid}.vol-game{border:1px solid var(--ops-line);background:color-mix(in srgb, var(--color-bone) 2.5%, transparent);border-radius:1.2rem;padding:.95rem}.vol-game[data-dirty]{border-color:#ffc94d8c}.vol-game-icon{border:1px solid var(--ops-line-firm);width:2.6rem;height:2.6rem;color:var(--color-bone);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.vol-score{min-width:3.9rem;font-family:var(--font-display);white-space:nowrap;border-radius:.7rem;place-items:center;padding:.35rem .55rem;font-size:.86rem;font-weight:800;display:inline-grid}.vol-score[data-rated]{background:var(--color-lime);color:var(--color-ink)}.vol-score:not([data-rated]){border:1px solid var(--ops-line-firm);font-family:var(--font-mono);color:var(--ops-faint);font-size:.66rem;font-weight:500}.vol-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}@media (min-width:40rem){.vol-steps{grid-template-columns:repeat(10,minmax(0,1fr));gap:.35rem}}.vol-step{border:1px solid var(--ops-line-firm);min-height:2.75rem;font-family:var(--font-mono);color:var(--color-bone);cursor:pointer;background:0 0;border-radius:.7rem;font-size:.86rem;font-weight:500;transition:background-color .15s,border-color .15s}@media (min-width:40rem){.vol-step{min-height:2.3rem;font-size:.78rem}}.vol-step:hover{border-color:color-mix(in srgb, var(--color-lime) 60%, transparent)}.vol-step[aria-pressed=true]{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-ink);box-shadow:0 0 18px color-mix(in srgb, var(--color-lime) 30%, transparent);font-weight:700}.vol-step:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.vol-savebar{-webkit-backdrop-filter:blur(10px);background:#131312f0;border:1px solid #ffc94d66;border-radius:1.4rem;box-shadow:0 -8px 34px #0009}.vol-grid{gap:2rem clamp(1.5rem,2.6vw,2.6rem);display:grid}@media (min-width:64rem){.vol-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}}@media (min-width:80rem){.vol-grid{grid-template-columns:11rem minmax(0,1fr) minmax(0,1.3fr);column-gap:1.6rem}}.vol-side{display:none}@media (min-width:80rem){.vol-side{border-right:1px solid var(--ops-line);align-self:stretch;padding:9svh 1.4rem 0 0;display:block}}.vol-head{position:relative}.vol-title{font-size:clamp(3.4rem,15vw,5.4rem)}.vol-bubble{position:absolute;top:-.4rem;right:0}.vol-head-cat{display:none}.vol-head-spark{width:1.1rem;color:var(--color-lime);position:absolute;top:46%;right:14%}@media (max-width:26rem){.vol-bubble{display:none}}@media (min-width:64rem){.vol-title{font-size:clamp(3.6rem,min(5.4vw,10svh),6.2rem)}.vol-bubble{top:-1.5rem;right:31%}.vol-head-cat{pointer-events:none;width:clamp(8rem,13vw,13rem);height:auto;display:block;position:absolute;bottom:1.7rem;right:-1%;rotate:-4deg}.vol-head-spark{top:38%;right:38%}}.vol-team-seat{white-space:nowrap;color:color-mix(in srgb, var(--color-bone) 72%, transparent);flex-shrink:0;align-items:flex-start;gap:.35rem;font-size:.82rem;line-height:1.55;display:flex}.vol-team-done{width:4.3rem;color:color-mix(in srgb, var(--color-bone) 60%, transparent);flex-shrink:0;font-size:.74rem;line-height:1.5}@media (min-width:80rem){.vol-team{gap:.8rem;padding:.85rem 1rem}.vol-team-emblem{width:3.5rem}.vol-team .ops-ring{width:2.8rem;height:2.8rem}}.vol-panel{padding:clamp(1rem,3.4vw,1.6rem)}.vol-reg{border:1px solid var(--ops-line-firm);color:var(--color-bone);cursor:pointer;border-radius:.8rem;flex-shrink:0;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.78rem;text-decoration:none;display:inline-flex}.vol-reg:hover{border-color:color-mix(in srgb, var(--color-bone) 60%, transparent)}.vol-reg:focus-visible{outline:2px solid var(--color-lime);outline-offset:2px}.vol-done strong{font-weight:700}.vol-actions{z-index:2;background:linear-gradient(#0000,#0d0d0c 28%);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.2rem -.25rem 0;padding:1.4rem .25rem .1rem;display:grid;position:sticky;bottom:0}.vol-game-what{align-items:flex-start;gap:.75rem;display:flex}.vol-game-how{margin-top:.75rem}@media (min-width:80rem){.vol-game{grid-template-columns:1.2rem 2.5rem minmax(0,1fr) 4.4rem minmax(0,19.5rem);align-items:start;column-gap:.65rem;display:grid}.vol-game-what{display:contents}.vol-game-what .vol-score{min-width:0;margin-top:.2rem}.vol-game-what>span:nth-child(3) span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.vol-game-how{margin-top:0}.vol-steps{gap:.25rem}.vol-step{border-radius:.55rem;min-height:2rem;font-size:.74rem}}.vol-corner{width:clamp(9rem,14.5vw,14rem);position:absolute;bottom:18.6svh;left:0}.vol-corner-cat{width:100%;height:auto;margin-left:-18%;display:block;rotate:8deg}.vol-corner-note{color:var(--color-lime);white-space:nowrap;font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:.95;position:absolute;bottom:104%;left:42%;rotate:-12deg}.vol-filter-pills{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.vol-filter-pill{border:1px solid var(--ops-line);background:color-mix(in srgb, var(--color-bone) 4%, transparent);color:color-mix(in srgb, var(--color-bone) 75%, transparent);cursor:pointer;border-radius:9999px;align-items:center;gap:.4rem;padding:.42rem .85rem;font-size:.82rem;font-weight:500;transition:all .16s;display:inline-flex}.vol-filter-pill:hover{border-color:var(--ops-line-firm);color:var(--color-bone)}.vol-filter-pill[aria-selected=true]{background:var(--color-lime);color:var(--color-ink);border-color:var(--color-lime);box-shadow:0 0 16px color-mix(in srgb, var(--color-lime) 20%, transparent);font-weight:600}.vol-pill-dot{background:#ffb300;border-radius:9999px;width:.45rem;height:.45rem}.vol-desk-sheet{max-width:44rem}.vol-desk-grid{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:.5rem;display:grid}.vol-desk-cell{border:1px solid var(--ops-line);background:color-mix(in srgb, var(--color-bone) 3%, transparent);text-align:center;cursor:pointer;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;min-height:4.4rem;padding:.5rem .4rem;transition:all .15s;display:flex}.vol-desk-cell:hover:not(:disabled){border-color:var(--color-lime);background:color-mix(in srgb, var(--color-lime) 8%, transparent)}.vol-desk-cell[data-selected=true]{border-color:var(--color-lime);background:var(--color-lime);color:var(--color-ink);box-shadow:0 0 20px color-mix(in srgb, var(--color-lime) 30%, transparent);font-weight:600}.vol-desk-cell[data-selected=true] .vol-cell-status{color:var(--color-ink);font-weight:700}.vol-desk-cell[data-taken=true]{opacity:.55;cursor:not-allowed;background:color-mix(in srgb, var(--color-ink) 70%, transparent)}.vol-desk-cell[data-shared=true]{border-color:color-mix(in srgb, var(--color-lime) 40%, var(--ops-line));background:color-mix(in srgb, var(--color-lime) 6%, transparent)}.vol-desk-cell[data-shared=true]:hover:not(:disabled){border-color:var(--color-lime);background:color-mix(in srgb, var(--color-lime) 14%, transparent)}.vol-desk-cell[data-current=true]{border-color:var(--color-lime);background:color-mix(in srgb, var(--color-lime) 12%, transparent);border-style:dashed}.vol-lab-cols{grid-template-columns:1fr;gap:1.25rem;margin-top:1.25rem;display:grid}@media (min-width:48rem){.vol-lab-cols{grid-template-columns:1fr 1fr}}.vol-lab-desk-card{border:1px solid var(--ops-line);background:color-mix(in srgb, var(--color-bone) 3%, transparent);border-radius:1rem;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .18s;display:flex}.vol-lab-desk-card:hover{border-color:var(--ops-line-firm)}.vol-lab-desk-card[data-free=true]{border-style:dashed;border-color:color-mix(in srgb, var(--color-lime) 30%, transparent);background:color-mix(in srgb, var(--color-lime) 2%, transparent)}.vol-toast{z-index:50;border-radius:9999px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) toast-in;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0009}.vol-toast[data-tone=success]{background:var(--color-lime);color:var(--color-ink);font-weight:600}.vol-toast[data-tone=error]{color:#fff;background:#ff5252}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}}@media (min-width:64rem) and (min-height:38rem){.vol-grid{align-items:stretch;height:100%}.vol-col,.vol-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-bone) 22%, transparent) transparent;min-height:0;overflow-y:auto}.vol-col{padding:2.2rem .6rem 2rem .2rem}.vol-panel{padding-bottom:.4rem}}