@layer components{:root{--eq-deep:#180503;--eq-line:#8f6a5a;--eq-cream:#fbfade;--eq-ink:#f6eedc;--eq-muted:#d8c8b8;--eq-cloud-ink:#4a2418;--eq-gain:#9fe39a;--eq-ready:#ffe08a}.eq-board{border:3px solid var(--outline);background:radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 0) 0 0 / 9px 9px, linear-gradient(180deg, var(--board-deep), var(--board) 60%, var(--board-tile));color:var(--eq-ink);border-radius:14px;margin-bottom:24px;padding:18px 20px 20px;position:relative;box-shadow:inset 0 0 0 2px #fbfade59}@media (width<=767px){.eq-board{padding:12px}}.eq-board-title{font-family:var(--font-display);color:var(--eq-cream);text-shadow:2px 2px 0 var(--eq-deep);margin:0 0 14px;font-size:1.375rem;line-height:1.1}.eq-bar-note{color:var(--eq-muted);margin:12px 0 0;font-size:.875rem;line-height:1.5}.eq-bar{width:100%;max-width:692px;margin:0 auto;position:relative}.eq-bar img{width:100%;height:auto;display:block}.eq-bar-empty{height:76%;width:calc((1 - var(--eq-fill,0)) * 686 / 692 * 100%);background:var(--eq-deep);position:absolute;top:12%;right:.433526%}.eq-bar-text{font-family:var(--font-numeric);color:var(--eq-cream);text-shadow:1px 1px 0 var(--eq-deep), -1px -1px 0 var(--eq-deep), 1px -1px 0 var(--eq-deep), -1px 1px 0 var(--eq-deep);place-items:center;font-size:.9375rem;font-weight:700;display:grid;position:absolute;inset:0}.eq-joe{border:2px solid var(--eq-line);background:var(--eq-deep);border-radius:8px;margin-top:14px;padding:12px 14px;font-size:.875rem;line-height:1.5}.eq-joe h3{font-family:var(--font-display);color:var(--eq-cream);margin:0 0 4px;font-size:1rem}.eq-joe p{margin:0}.eq-joe-unknown{color:var(--eq-muted);margin-bottom:4px!important}.eq-warning{color:var(--eq-ready);align-items:flex-start;gap:6px;margin-top:6px;display:flex}.eq-warning svg{flex:none;margin-top:3px}.eq-upgrade-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}@media (width<=1100px){.eq-upgrade-layout{grid-template-columns:minmax(0,1fr)}}.eq-grid{grid-template-columns:repeat(var(--eq-columns,7), minmax(0, 1fr));gap:10px 8px;margin:0;padding:0;list-style:none;display:grid}@media (width<=767px){.eq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.eq-grid-button{width:100%;color:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;justify-items:center;gap:4px;padding:4px 2px;display:grid}.eq-grid-button:hover{background:#fbfade14}.eq-grid-button[aria-pressed=true]{border-color:var(--eq-ready);background:#fbfade1f}.eq-grid-button:focus-visible{outline:3px solid var(--eq-ready);outline-offset:1px}.eq-grid-level{font-family:var(--font-numeric);color:var(--eq-muted);white-space:nowrap;font-size:.75rem;font-weight:600}.eq-tile{aspect-ratio:1;width:min(100%,83px);display:block;position:relative}.eq-tile-art{width:100%;height:100%;display:block}.eq-tile-icon{width:89.1566%;height:auto;max-height:81.9277%;position:absolute;top:6.0241%;left:4.81928%}.eq-tile-level{width:77.1084%;height:3.61446%;min-height:2px;position:absolute;top:87.9518%;left:12.0482%}.eq-tile-level span{background:#6fd36f;height:100%;display:block}.eq-tile-joe{border:2px solid var(--eq-deep);background:var(--eq-ready);border-radius:50%;width:14px;height:14px;position:absolute;top:-3px;right:-3px}.eq-tile-joe-unknown{background:var(--eq-muted);border-style:dashed}.eq-details{border:3px solid var(--eq-line);background:var(--eq-deep);border-radius:10px;padding:14px 14px 12px;font-size:.875rem;line-height:1.5}.eq-details h3{font-family:var(--font-display);color:var(--eq-cream);margin:0 0 6px;font-size:1.125rem}.eq-details h4{letter-spacing:.02em;color:var(--eq-cream);margin:12px 0 4px;font-size:.8125rem;font-weight:700}.eq-details p{margin:0 0 6px}.eq-details-text{color:var(--eq-muted)}.eq-details-level{font-family:var(--font-numeric);color:var(--eq-cream);align-items:center;gap:6px;font-weight:700;display:flex}.eq-details-bonus strong{color:var(--eq-gain)}.eq-details-resources{gap:6px;display:flex}.eq-details-note{color:var(--eq-muted);font-size:.8125rem}.eq-max-parts{gap:2px;margin:0;padding:0;list-style:none;display:grid}.eq-max-parts li{border-bottom:1px solid #8f6a5a73;justify-content:space-between;gap:10px;padding:3px 0;display:flex}.eq-max-parts li>span{min-width:0}.eq-max-parts li>span>svg{vertical-align:-1px;display:inline}.eq-max-parts small{color:var(--eq-muted);font-size:.75rem;display:block}.eq-max-parts strong{font-family:var(--font-numeric);flex:none}.eq-max-open{opacity:.62}.eq-max-total{color:var(--eq-cream);font-weight:700;border-bottom:0!important}.eq-sky{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0 0 40px;list-style:none;display:grid}@media (width<=1100px){.eq-sky{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0}}@media (width<=640px){.eq-sky{grid-template-columns:repeat(2,minmax(0,1fr))}}.eq-cloud{aspect-ratio:205/125;position:relative}.eq-cloud-low{transform:translateY(40px)}@media (width<=1100px){.eq-cloud-low{transform:none}}.eq-cloud img{width:100%;height:100%;position:absolute;inset:0}.eq-cloud-shut img{opacity:.35;filter:grayscale(.7)}.eq-cloud-text{text-align:center;color:var(--eq-cloud-ink);flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:.6875rem;line-height:1.25;display:flex;position:absolute;inset:16% 12% 14%}.eq-cloud-shut .eq-cloud-text{color:var(--eq-ink)}.eq-cloud-text strong{font-size:.8125rem}.eq-cloud-task{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=640px){.eq-cloud-task{display:none}}.eq-cloud-progress{font-family:var(--font-numeric);font-weight:700}.eq-dream-list{padding:0 var(--inset) 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;list-style:none;display:grid}.eq-dream-list-done{padding:12px 0 0}@media (width<=900px){.eq-dream-list{grid-template-columns:minmax(0,1fr)}}.eq-dream{border:1px solid var(--border);background:var(--card);border-radius:8px;gap:6px;padding:12px 14px;display:grid}.eq-dream-complete{border-color:var(--reward-line);background:var(--reward)}.eq-dream-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.eq-dream-task{margin:0;font-size:.875rem;line-height:1.45}.eq-dream-reward{color:var(--muted-foreground);margin:0;font-size:.8125rem}}
