.sky-wing-checker{--sw-text:#44595d;--sw-muted:#7a8b8f;--sw-line:rgba(80,100,105,.13);--sw-bg:rgba(255,255,255,.78);--sw-soft:#f6f8f8;--sw-accent:#6f8990;color:var(--sw-text);width:100%;box-sizing:border-box}.sky-wing-checker *{box-sizing:border-box}.sky-wing-hero{position:relative;text-align:center;padding:28px 20px 24px;margin:0 0 18px;border:1px solid var(--sw-line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,249,249,.88));box-shadow:0 8px 28px rgba(60,80,85,.06)}.sky-wing-hero__image-wrap{width:min(220px,58vw);aspect-ratio:1/1;margin:0 auto -8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.sky-wing-hero__image{display:block;width:100%;height:100%;object-fit:contain}.sky-wing-hero__number{font-size:2.25rem;font-weight:700;line-height:1;color:#43585c;letter-spacing:.01em}.sky-wing-hero__number small{font-size:.9rem;font-weight:600;margin-left:3px}.sky-wing-hero__level{margin-top:8px;font-size:1rem;font-weight:700}.sky-wing-hero__next{margin-top:7px;font-size:.86rem;color:var(--sw-muted)}.sky-wing-hero__breakdown{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:.82rem;color:#708387}.sky-wing-hero__breakdown strong{color:#4e656a}.sky-wing-plus{opacity:.55}.sky-wing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.sky-wing-filter{display:inline-flex;padding:3px;border-radius:999px;background:#eef2f2}.sky-wing-filter button{border:0;background:transparent;padding:8px 13px;border-radius:999px;font:inherit;font-size:.82rem;color:#708185;cursor:pointer}.sky-wing-filter button.is-active{background:#fff;color:#455a5e;box-shadow:0 1px 6px rgba(65,85,90,.09);font-weight:700}.sky-wing-total{font-size:.83rem;color:#7b8c8f}.sky-wing-total strong{color:#4d6367}.sky-wing-parent-area{margin:0 0 30px}.sky-wing-parent-area__head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:0 2px 11px;border-bottom:1px solid var(--sw-line)}.sky-wing-parent-area__head h3{margin:0!important;padding:0!important;background:none!important;color:#44595d!important;font-size:1.2rem!important;line-height:1.4!important}.sky-wing-parent-area__head strong{font-size:.85rem;color:#6f8387;white-space:nowrap}.sky-wing-child-area{padding:18px 0 3px}.sky-wing-child-area__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sky-wing-child-area__head h4{margin:0;font-size:.98rem;color:#52686c}.sky-wing-child-area__head span{font-size:.78rem;color:#88979a}.sky-wing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sky-wing-card{appearance:none;-webkit-appearance:none;display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;touch-action:manipulation}.sky-wing-card__image{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:15px;background:#eef2f2;border:1px solid rgba(80,100,105,.08);transition:.18s ease}.sky-wing-card__image img{display:block;width:100%;height:100%;object-fit:cover}.sky-wing-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9aa8ab;font-size:1.6rem}.sky-wing-card__check{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(77,96,101,.45);color:#fff;font-size:2rem;font-weight:700;opacity:0;transition:.18s ease}.sky-wing-card.is-collected .sky-wing-card__check{opacity:1}.sky-wing-card.is-collected .sky-wing-card__image img{filter:saturate(.7);opacity:.85}.sky-wing-card__description{font-size:.76rem;line-height:1.45;color:#718387;margin-top:6px;padding:0 2px}.sky-wing-card:hover .sky-wing-card__image{transform:translateY(-1px);box-shadow:0 5px 16px rgba(50,70,75,.08)}.sky-wing-footer-actions{text-align:right;margin-top:24px}.sky-wing-reset-link{border:0;background:transparent;color:#829194;font:inherit;font-size:.82rem;cursor:pointer;padding:8px 4px}.sky-wing-reset-link:hover{color:#5e7276}.sky-wing-empty-admin,.sky-wing-complete{padding:28px 20px;text-align:center;border:1px dashed var(--sw-line);border-radius:15px;background:#fafbfb;color:#798b8e;font-size:.9rem}.sky-wing-modal[hidden]{display:none}.sky-wing-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s ease}.sky-wing-modal.is-open{opacity:1}.sky-wing-modal__backdrop{position:absolute;inset:0;background:rgba(36,49,52,.35);backdrop-filter:blur(2px)}.sky-wing-modal__dialog{position:relative;width:min(420px,100%);padding:26px;border-radius:20px;background:#fff;box-shadow:0 20px 60px rgba(30,45,50,.2);transform:translateY(8px);transition:transform .18s ease}.sky-wing-modal.is-open .sky-wing-modal__dialog{transform:none}.sky-wing-modal__dialog h3{margin:0 30px 10px 0!important;padding:0!important;background:none!important;color:#44595d!important;font-size:1.25rem!important}.sky-wing-modal__dialog p{margin:0 0 20px;color:#75878b;font-size:.88rem;line-height:1.7}.sky-wing-modal__close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#819094;font-size:24px;line-height:1;cursor:pointer}.sky-wing-input-label{display:block;font-size:.82rem;font-weight:700;margin-bottom:7px}.sky-wing-number-input{display:flex;align-items:center;border:1px solid #d8e0e1;border-radius:11px;padding:0 12px;margin-bottom:16px}.sky-wing-number-input input{width:100%;border:0!important;box-shadow:none!important;outline:none!important;padding:11px 0!important;background:transparent!important;font:inherit}.sky-wing-number-input span{color:#718387;font-size:.85rem}.sky-wing-primary-button,.sky-wing-secondary-button,.sky-wing-danger-button{border:0;border-radius:10px;padding:10px 16px;font:inherit;font-size:.88rem;cursor:pointer}.sky-wing-primary-button{width:100%;background:#62b4ff;color:#fff}.sky-wing-secondary-button{background:#eef2f2;color:#5d7175}.sky-wing-danger-button{background:#62b4ff;color:#fff}.sky-wing-modal__actions{display:flex;justify-content:flex-end;gap:9px}.sky-wing-modal-open{overflow:hidden}@media(max-width:760px){.sky-wing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sky-wing-toolbar{align-items:flex-end}.sky-wing-hero{padding-top:22px}.sky-wing-hero__image-wrap{width:min(190px,58vw)}}@media(max-width:480px){.sky-wing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sky-wing-card__image{border-radius:12px}.sky-wing-card__description{font-size:.7rem}.sky-wing-toolbar{flex-wrap:wrap}.sky-wing-total{margin-left:auto}.sky-wing-hero__image-wrap{width:170px}.sky-wing-hero__number{font-size:2rem}}

.sky-wing-settings{
	position:absolute;
	right:16px;
	top:16px;
	width:36px;
	height:36px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	border:0;
	border-radius:50%;
	background:rgba(100,125,130,.035);
	color:#829397;
	cursor:pointer;
}

.sky-wing-settings svg{
	display:block;
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.25;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.sky-wing-settings:hover{
	background:rgba(100,125,130,.065);
	color:#6f8387;
}

.sky-wing-settings:focus-visible{
	outline:2px solid rgba(111,137,144,.22);
	outline-offset:2px;
}

/* Detail view */
.sky-wing-help{
  margin:-10px 0 18px;
  text-align:right;
  font-size:.72rem;
  color:#96a3a6;
}
.sky-wing-detail-modal__dialog{
  width:min(560px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  padding:24px;
}
.sky-wing-detail__area{
  margin:0 34px 5px 0;
  font-size:.76rem;
  color:#8a999c;
}
.sky-wing-detail-modal__dialog h3{
  margin-bottom:16px!important;
}
.sky-wing-detail__image-wrap{
  width:100%;
  overflow:hidden;
  border-radius:16px;
  background:#f1f4f4;
  border:1px solid rgba(80,100,105,.08);
}
.sky-wing-detail__image{
  display:block;
  width:100%;
  max-height:58vh;
  object-fit:contain;
  background:#f5f7f7;
}
.sky-wing-detail__location{
  margin-top:18px;
  padding:15px 16px;
  border-radius:13px;
  background:#f7f9f9;
  border:1px solid rgba(80,100,105,.08);
}
.sky-wing-detail__label{
  margin-bottom:6px;
  font-size:.74rem;
  font-weight:700;
  color:#61777b;
}
.sky-wing-detail__description{
  white-space:pre-wrap;
  font-size:.88rem;
  line-height:1.7;
  color:#6d8084;
}
@media(max-width:480px){
  .sky-wing-help{text-align:left;font-size:.68rem;margin-top:-9px}
  .sky-wing-detail-modal{padding:12px}
  .sky-wing-detail-modal__dialog{padding:20px 16px;border-radius:18px}
  .sky-wing-detail__image-wrap{border-radius:13px}
  .sky-wing-detail__image{max-height:52vh}
  .sky-wing-detail__location{margin-top:14px;padding:13px 14px}
}

.sky-wing-card__star{
	width:34px;
	height:34px;
	display:block;
	fill:rgba(255,255,255,.95);

	filter:
		drop-shadow(0 1px 2px rgba(55,75,80,.12));
}

.sky-wing-card.is-just-collected .sky-wing-card__star{
	animation:skyWingStar .28s ease-out;
}

@keyframes skyWingStar{
	0%{
		transform:scale(.55);
		opacity:0;
	}
	65%{
		transform:scale(1.12);
		opacity:1;
	}
	100%{
		transform:scale(1);
		opacity:1;
	}
}

/* Parent area accordion */
.sky-wing-parent-area__head{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  border-bottom:1px solid var(--sw-line);
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.sky-wing-parent-area__head:hover{
  background:rgba(100,125,130,.025);
}
.sky-wing-parent-area__head:focus-visible{
  outline:2px solid rgba(111,137,144,.2);
  outline-offset:3px;
  border-radius:8px;
}
.sky-wing-parent-area__meta{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-left:auto;
  white-space:nowrap;
}
.sky-wing-parent-area__chevron{
  display:block;
  width:18px;
  height:18px;
  fill:none;
  stroke:#839397;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
  flex:0 0 auto;
}
.sky-wing-parent-area.is-collapsed .sky-wing-parent-area__chevron{
  transform:rotate(-90deg);
}
.sky-wing-parent-area__body{
  display:grid;
  grid-template-rows:1fr;
  opacity:1;
  transition:grid-template-rows .24s ease, opacity .18s ease;
}
.sky-wing-parent-area__body-inner{
  min-height:0;
  overflow:hidden;
}
.sky-wing-parent-area.is-collapsed .sky-wing-parent-area__body{
  grid-template-rows:0fr;
  opacity:0;
}
.sky-wing-parent-area.is-collapsed{
  margin-bottom:14px;
}
@media (prefers-reduced-motion: reduce){
  .sky-wing-parent-area__body,
  .sky-wing-parent-area__chevron{
    transition:none;
  }
}