@layer components{:root{--rift-night:#1c1f33;--rift-blue:#343a55;--rift-glow:#4b4f8f;--rift-ink:#eef0ff;--rift-muted:#c3c7e6;--rift-pick:#ffe08a;--rift-inset:20px}@media (width<=767px){:root{--rift-inset:14px}}.rift-current{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (width<=767px){.rift-current{grid-template-columns:minmax(0,1fr);gap:12px}}.rift-current-monster{background:var(--board);text-align:center;color:var(--board-foreground);border-radius:12px;justify-items:center;gap:6px;padding:12px 8px;font-size:.75rem;font-weight:600;display:grid}@media (width<=767px){.rift-current-monster{grid-template-columns:auto minmax(0,1fr);place-items:center start;font-size:.875rem}}.rift-task{color:var(--heading);margin:0;font-size:1.125rem;font-weight:700;line-height:1.35}.rift-board-frame{padding:var(--rift-inset)}.rift-stage{position:relative}.rift-board{aspect-ratio:830/425;background:radial-gradient(circle at 1px 1px, #ffffff12 1px, transparent 0) 0 0 / 11px 11px, radial-gradient(ellipse at 88% 45%, #6e8cff47, transparent 32%), linear-gradient(180deg, var(--rift-night), var(--rift-blue) 70%, var(--rift-glow));box-shadow:0 0 0 3px var(--outline), inset 0 0 0 2px #eef0ff2e;border-radius:14px;position:relative;overflow:hidden}.rift-rock,.rift-portal,.rift-bonus{top:var(--at-y);left:var(--at-x);width:var(--at-w);position:absolute}.rift-picks{position:absolute;inset:0}.rift-rock [data-sprite],.rift-portal [data-sprite],.rift-bonus [data-sprite]{width:100%;height:auto;display:block}.rift-bonus{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;transition:translate .12s ease-out,filter .12s}.rift-bonus:hover{filter:brightness(1.12)}.rift-bonus:focus-visible{outline-offset:2px;outline:2px solid #fff}.rift-bonus-ahead [data-sprite]{filter:grayscale(.85)brightness(.55);opacity:.7}.rift-bonus-picked{filter:drop-shadow(0 0 5px var(--rift-pick));translate:0 -4%}@media (width<=767px){.rift-picks{background:var(--rift-blue);border-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:14px;padding:8px;display:grid;position:static}.rift-bonus{width:auto;padding:2px;position:static}.rift-bonus-picked{background:#ffe08a2e;translate:none}}.rift-detail{margin:0 var(--rift-inset) var(--rift-inset);border:3px solid var(--outline);background:var(--rift-blue);color:var(--rift-ink);border-radius:14px;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:16px 18px;display:grid}@media (width<=767px){.rift-detail{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:12px}}.rift-detail-icon{width:100%;height:auto}.rift-detail-title{font-family:var(--font-display);color:#fff;margin:0;font-size:1.25rem;line-height:1.2}.rift-detail-text{margin:6px 0 0;font-size:.9375rem;line-height:1.5}.rift-detail-note{color:var(--rift-muted);margin:6px 0 0;font-size:.8125rem}.rift-detail-figure{margin:10px 0 0;font-size:.9375rem}.rift-detail-figure strong{color:var(--rift-pick)}.rift-detail-figure a{color:var(--rift-pick);text-underline-offset:3px;text-decoration:underline}.rift-list{padding:8px var(--rift-inset) var(--rift-inset);margin:0;list-style:none}.rift-row{border-top:1px solid var(--border);grid-template-columns:72px 40px minmax(0,1fr) 190px 70px;align-items:center;gap:12px;padding:6px 10px;font-size:.875rem;display:grid}.rift-row:first-child{border-top:0}.rift-row-done{color:var(--muted-foreground)}.rift-row-done .rift-row-monster{opacity:.6}.rift-row-current{background:var(--accent);color:var(--accent-foreground);border-radius:10px}.rift-row-current+.rift-row{border-top-color:#0000}.rift-row-number{white-space:nowrap;font-weight:700}.rift-row-opens{align-items:center;gap:6px;font-weight:600;display:flex}.rift-row-state{justify-self:end}@media (width<=767px){.rift-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"monster number state""monster task task""monster opens opens";gap:2px 10px;padding:8px 6px}.rift-row-number{grid-area:number}.rift-row-monster{grid-area:monster;align-self:start}.rift-row-task{grid-area:task}.rift-row-opens{grid-area:opens}.rift-row-opens:empty{display:none}.rift-row-state{grid-area:state}}.rift-skills{padding:var(--rift-inset);grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:10px;margin:0;list-style:none;display:grid}@media (width<=1023px){.rift-skills{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}}@media (width<=479px){.rift-skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.rift-skill{border:3px solid var(--outline);background:var(--well);width:100%;color:var(--foreground);font:inherit;cursor:pointer;border-radius:12px;justify-items:center;gap:2px;padding:10px 6px 8px;transition:translate .12s ease-out,box-shadow .12s;display:grid}.rift-skill:hover{translate:0 -1px}.rift-skill:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.rift-skill[aria-pressed=true]{box-shadow:0 0 0 3px var(--ring)}.rift-skill [data-sprite]{object-fit:contain;width:38px;height:36px}.rift-skill-name{color:var(--muted-foreground);font-size:.75rem;font-weight:600}.rift-skill-total{font-family:var(--font-numeric,inherit);font-size:1.125rem;font-weight:700;line-height:1.1}.rift-skill-unshown .rift-skill-total{color:var(--muted-foreground)}.rift-pips{gap:3px;margin-top:2px;display:flex}.rift-pip{background:var(--border);border-radius:2px;width:6px;height:6px}.rift-pip[data-on]{background:var(--gold,#e8b45e)}.rift-ranks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rift-rank{background:var(--well);border-radius:10px;grid-template-columns:26px 64px minmax(0,1fr);align-items:center;gap:10px;padding:6px 10px;font-size:.9375rem;display:grid}.rift-rank-ahead{color:var(--muted-foreground)}.rift-rank-number{background:var(--border);border-radius:6px;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:grid}.rift-rank-reached .rift-rank-number{background:var(--gold,#e8b45e);color:#2b1810}.rift-rank-total{white-space:nowrap;font-weight:600}.rift-rank-unapplied{color:var(--muted-foreground);font-size:.75rem;display:block}}