@layer components{:root{--owl-panel:#412d28;--owl-deep:#33211c;--owl-line:#6a4c41;--owl-ink:#f6e7cf;--owl-muted:#c9ae95;--owl-gold:#f2c75c;--owl-short:#ff9a8a;--owl-ready:#9fe39a}.owl-board{border:3px solid var(--outline);background:radial-gradient(circle at 1px 1px, #ffffff09 1px, transparent 0) 0 0 / 7px 7px, var(--owl-panel);color:var(--owl-ink);box-shadow:inset 0 0 0 2px var(--owl-line);border-radius:14px;grid-template-columns:minmax(0,1fr) 280px;gap:22px 26px;padding:22px;display:grid}@media (width<=1100px){.owl-board{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.owl-board{border-radius:12px;padding:14px}}.owl-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;display:grid}@media (width<=900px){.owl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.owl-cards{grid-template-columns:minmax(0,1fr);justify-items:center}}.owl-slot{gap:6px;width:100%;max-width:300px;display:grid}.owl-card{aspect-ratio:191/116;width:100%;image-rendering:pixelated;color:var(--owl-ink);text-shadow:0 1px #0000008c;background:url(/game/OwlUpg.png) 0 0/100% 100% no-repeat;position:relative;container-type:inline-size}.owl-card[data-state=short]{filter:brightness(.82)}.owl-card[data-state=hidden]{filter:grayscale(.85)brightness(.55)}.owl-card-icon{position:absolute;top:2.59%;left:3.14%}.owl-card-icon>svg{width:100%;height:100%}.owl-card-name{font-family:var(--font-display);text-align:center;justify-items:center;font-size:6.6cqw;line-height:1.15;display:grid;position:absolute;top:3%;left:34%;right:3%}.owl-card-text{text-align:center;height:37%;color:var(--owl-ink);place-items:center;font-size:5.4cqw;line-height:1.2;display:grid;position:absolute;top:37%;left:6%;right:6%}.owl-card-level{font-family:var(--font-display);font-size:6.6cqw;position:absolute;bottom:8%;left:6.8%}.owl-card-cost{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:6.6cqw;position:absolute;bottom:8%;right:14.1%}.owl-card[data-state=ready] .owl-card-cost{color:var(--owl-ready)}.owl-card[data-state=short] .owl-card-cost{color:var(--owl-short)}.owl-slot-note{font-size:var(--text-2xs);color:var(--owl-muted);text-align:center;line-height:1.35}.owl-slot-note strong{color:var(--owl-ink);font-weight:600}.owl-progress{gap:7px;margin-top:18px;display:grid}.owl-progress-track{border:2px solid var(--owl-line);background:var(--owl-deep);border-radius:4px;height:14px;overflow:hidden}.owl-progress-fill{background:linear-gradient(#f5d58a,#c98f3c);height:100%}.owl-progress-label{font-size:var(--text-xs);color:var(--owl-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.owl-progress-label strong{color:var(--owl-ink);font-weight:600}.owl-perch{align-content:start;justify-items:center;gap:14px;display:grid}.owl-tree{width:256px;height:236px;position:relative;overflow:hidden}.owl-tree>:first-child{position:absolute;top:60px;left:0}.owl-tree>:nth-child(2){position:absolute;top:0;left:21px}@media (width<=1100px){.owl-perch{grid-template-columns:auto minmax(0,1fr);place-items:start}}@media (width<=640px){.owl-perch{grid-template-columns:minmax(0,1fr);justify-items:center}}.owl-megafeathers{grid-template-columns:repeat(5,48px);gap:6px;display:grid}.owl-feather{width:48px;height:48px;image-rendering:pixelated;cursor:pointer;background:url(/game/OwlSq.png) 0 0/100% 100% no-repeat;border-radius:4px;place-items:center;display:grid;position:relative}.owl-feather[data-owned=false]>svg,.owl-feather[data-owned=false]>img{filter:grayscale()brightness(.35);opacity:.6}.owl-feather[aria-pressed=true]{outline:3px solid var(--owl-gold);outline-offset:1px}.owl-feather:focus-visible{outline:3px solid var(--focus,var(--owl-gold));outline-offset:2px}.owl-feather-count{font-family:var(--font-display);color:var(--owl-gold);text-shadow:0 1px #000;font-size:.8125rem;position:absolute;bottom:0;right:2px}.owl-feather-detail{max-width:280px;min-height:4.5em;font-size:var(--text-xs);color:var(--owl-muted);text-align:center;line-height:1.45}.owl-feather-detail strong{color:var(--owl-ink);font-family:var(--font-display);font-size:var(--text-sm);font-weight:400;display:block}.owl-bonus-row{border:2px solid var(--owl-line);background:var(--owl-deep);border-radius:6px;grid-column:1/-1;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:column;gap:8px 18px;margin:0;padding:12px 14px;list-style:none;display:grid}@media (width<=760px){.owl-bonus-row{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}}.owl-bonus{min-width:0;font-size:var(--text-xs);color:var(--owl-ink);align-items:center;gap:9px;display:flex}.owl-bonus[data-locked]{color:var(--owl-muted)}.owl-bonus>svg{flex:none}}
