#maf-headhunting {
  --light:#ffc16a;
  --edge:#f14527;
  --zip:0%;
  --gap:0px;
  --power:0;
  --tilt:0deg;
  background:#111412;
  color:#e8e9dd;
  font:14px/1.6 Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  isolation:isolate;
  overflow:hidden
}
#maf-headhunting * {
  box-sizing:border-box
}
#maf-headhunting button,#maf-headhunting select,#maf-headhunting input {
  font:inherit
}
#maf-headhunting button,#maf-headhunting select {
  border:1px solid #65695a;
  background:#24291f;
  color:#f1f0dd;
  padding:9px 13px;
  min-height:44px
}
#maf-headhunting button {
  cursor:pointer
}
#maf-headhunting :focus-visible {
  outline:3px solid #e9ee97;
  outline-offset:5px
}
#maf-headhunting .preview {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  background:#dddcd1;
  color:#272b22;
  padding:12px 22px
}
#maf-headhunting .preview select {
  color:#292d24;
  background:#f0efe6;
  max-width:100%
}
#maf-headhunting .preview small {
  font-size:12px;
  margin-left:auto
}
#maf-headhunting header {
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:22px 30px;
  position:relative;
  z-index:2;
  border-bottom:1px solid #ffffff18
}
#maf-headhunting .code {
  font-family:ui-monospace,monospace;
  letter-spacing:2px;
  font-size:12px;
  color:#a1a895
}
#maf-headhunting .brand {
  font-weight:500;
  letter-spacing:3px
}
#maf-headhunting .stage {
  position:relative;
  min-height:610px;
  perspective:1000px;
  overflow:hidden;
  background:radial-gradient(ellipse at 50% 52%,#46503955,transparent 58%),linear-gradient(120deg,#191e19,#0e100f)
}
#maf-headhunting .stage:before {
  content:'';
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(0deg,transparent 0 79px,#c1c8a606 79px 80px),repeating-linear-gradient(90deg,transparent 0 79px,#c1c8a606 79px 80px);
  pointer-events:none
}
#maf-headhunting .heading {
  position:absolute;
  top:26px;
  left:30px;
  z-index:2
}
#maf-headhunting .heading h2 {
  font-size:25px;
  letter-spacing:4px;
  font-weight:500;
  margin:0 0 3px
}
#maf-headhunting .number {
  position:absolute;
  right:30px;
  top:20px;
  font:500 64px/1 ui-monospace,monospace;
  color:#b4bca71c
}
#maf-headhunting .floor {
  position:absolute;
  width:72%;
  height:90px;
  left:14%;
  top:420px;
  background:#0009;
  border-radius:50%;
  filter:blur(20px)
}
#maf-headhunting .halo {
  position:absolute;
  width:70%;
  height:370px;
  top:110px;
  left:15%;
  background:radial-gradient(ellipse,var(--light),transparent 65%);
  opacity:calc(var(--power) * .24);
  filter:blur(35px);
  transition:opacity .2s
}
#maf-headhunting .assembly {
  position:relative;
  width:min(72%,510px);
  height:335px;
  margin:150px auto 0;
  transform:rotate(-6deg) rotateY(-8deg) rotateX(9deg);
  transform-style:preserve-3d;
  transition:transform .18s ease
}
#maf-headhunting .handle {
  position:absolute;
  top:-55px;
  left:31%;
  width:38%;
  height:96px;
  border:18px solid #333a31;
  border-bottom:0;
  border-radius:35px 35px 0 0;
  box-shadow:inset 0 2px 3px #9da88755,0 -2px 1px #0d100c
}
#maf-headhunting .back {
  position:absolute;
  inset:0 0 14px;
  background:linear-gradient(165deg,#424a3c,#171c17);
  border:2px solid #565f4a;
  border-radius:25px 22px 28px 25px;
  box-shadow:16px 22px 20px #0009,4px 4px 0 #0b0f0b
}
#maf-headhunting .lid {
  position:absolute;
  left:0;
  right:0;
  top:-2px;
  height:75px;
  background:repeating-linear-gradient(86deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(175deg,#505748,#2b3228 65%,#171e17);
  border:2px solid #616a54;
  border-radius:25px 22px 0 0;
  transform-origin:50% 0;
  transform:translateY(calc(var(--gap) * -.45)) rotateX(var(--tilt));
  box-shadow:0 -3px 9px #0006;
  z-index:3
}
#maf-headhunting .lid:after {
  content:'';
  position:absolute;
  inset:13px 19px;
  border:1px dashed #8b947755;
  border-bottom:0;
  border-radius:13px 13px 0 0
}
#maf-headhunting .mouth {
  position:absolute;
  left:5%;
  top:59px;
  width:90%;
  height:calc(7px + var(--gap));
  background:var(--light);
  clip-path:polygon(0 0,var(--zip) 0,var(--zip) 100%,0 100%);
  box-shadow:0 0 30px var(--light);
  filter:drop-shadow(0 0 12px var(--edge));
  z-index:4
}
#maf-headhunting .lightspill {
  position:absolute;
  left:3%;
  top:8px;
  width:var(--zip);
  height:150px;
  background:linear-gradient(0deg,transparent,var(--light),transparent);
  filter:blur(22px);
  opacity:calc(var(--power) * .7);
  z-index:5;
  pointer-events:none
}
#maf-headhunting .face {
  position:absolute;
  inset:76px 0 14px;
  border-radius:0 0 24px 24px;
  background:repeating-linear-gradient(87deg,#c6d0ae06 0 1px,transparent 1px 3px),repeating-linear-gradient(2deg,#c6d0ae06 0 1px,transparent 1px 4px),linear-gradient(130deg,#424b3a,#20281f 42%,#303a2b 83%,#141b13);
  border:2px solid #525d45;
  border-top:0;
  box-shadow:inset 0 -12px 24px #0007;
  transform:translateY(calc(var(--gap) * .55));
  z-index:3
}
#maf-headhunting .face:before {
  content:'';
  position:absolute;
  inset:15px;
  border:1px dashed #9ca78355;
  border-radius:0 0 12px 12px
}
#maf-headhunting .strap {
  position:absolute;
  top:0;
  bottom:0;
  width:30px;
  left:12%;
  background:repeating-linear-gradient(0deg,#171f16 0 2px,#303c29 2px 4px);
  border-inline:2px solid #626b4c55;
  box-shadow:3px 0 5px #0005
}
#maf-headhunting .strap.right {
  left:auto;
  right:12%
}
#maf-headhunting .patch {
  position:absolute;
  left:27%;
  right:27%;
  top:33px;
  color:#c8ceb8;
  padding:16px 4px;
  border:2px solid #96a37a55;
  text-align:center;
  transform:rotate(1deg);
  background:#1d281c66
}
#maf-headhunting .patch b {
  display:block;
  font-size:38px;
  font-weight:500;
  letter-spacing:8px;
  line-height:1.15
}
#maf-headhunting .patch span {
  font-size:11px;
  letter-spacing:2px
}
#maf-headhunting .label {
  position:absolute;
  right:5%;
  bottom:18px;
  width:126px;
  background:#d8d8bf;
  color:#30362b;
  padding:9px 10px;
  transform:rotate(-4deg);
  box-shadow:2px 3px 3px #0005;
  font:11px/1.4 monospace
}
#maf-headhunting .barcode {
  height:22px;
  margin:5px 0;
  background:repeating-linear-gradient(90deg,#333b2d 0 2px,transparent 2px 3px,#333b2d 3px 4px,transparent 4px 7px)
}
#maf-headhunting .serial {
  position:absolute;
  bottom:26px;
  left:23%;
  font:11px monospace;
  letter-spacing:2px;
  color:#aab497;
  writing-mode:vertical-rl
}
#maf-headhunting .zipper {
  position:absolute;
  left:4%;
  width:92%;
  top:57px;
  height:24px;
  z-index:7;
  background:repeating-linear-gradient(90deg,#8b9380 0 3px,#171c15 3px 6px);
  border-block:4px solid #20271c;
  box-shadow:0 2px 3px #0008
}
#maf-headhunting .zipper:before {
  content:'';
  position:absolute;
  left:0;
  top:-4px;
  bottom:-4px;
  width:var(--zip);
  background:#10170e;
  border-block:3px solid #768267;
  box-shadow:0 0 calc(var(--power) * 17px) var(--light)
}
#maf-headhunting .zipper input {
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  inset:-18px -4px auto;
  width:calc(100% + 8px);
  height:58px;
  margin:0;
  background:transparent;
  cursor:grab;
  touch-action:none;
  z-index:8;
  border:0
}
#maf-headhunting .zipper input::-webkit-slider-runnable-track {
  background:transparent;
  height:58px
}
#maf-headhunting .zipper input::-webkit-slider-thumb {
  appearance:none;
  -webkit-appearance:none;
  width:42px;
  height:58px;
  background:linear-gradient(90deg,#737e66,#d0d6c1 45%,#818d71);
  border:3px solid #363e2e;
  border-radius:6px 6px 13px 13px;
  box-shadow:inset 0 -15px 0 -5px #313b27,3px 5px 5px #0009
}
#maf-headhunting .zipper input::-moz-range-thumb {
  width:36px;
  height:52px;
  background:linear-gradient(90deg,#737e66,#d0d6c1,#818d71);
  border:3px solid #363e2e;
  border-radius:6px 6px 13px 13px;
  box-shadow:inset 0 -15px 0 -5px #313b27,3px 5px 5px #0009
}
#maf-headhunting .zipper input::-moz-range-track {
  background:transparent
}
#maf-headhunting .instruction {
  position:relative;
  margin:36px 20px 0;
  text-align:center;
  z-index:2
}
#maf-headhunting .instruction p {
  margin:6px 0;
  color:#b7c0a8;
  font-size:12px
}
#maf-headhunting .instruction strong {
  font-size:16px;
  font-weight:500;
  letter-spacing:3px
}
#maf-headhunting .chevrons {
  color:#e6e89a;
  letter-spacing:12px;
  margin-bottom:6px
}
#maf-headhunting .wash {
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 40%,#fff8db,var(--light) 30%,var(--edge) 65%,transparent);
  opacity:0;
  pointer-events:none;
  z-index:10
}
#maf-headhunting .rays {
  position:absolute;
  inset:-40%;
  background:repeating-conic-gradient(from 20deg,transparent 0deg 20deg,var(--light) 21deg 22deg,transparent 23deg 45deg);
  opacity:0;
  filter:blur(3px);
  pointer-events:none;
  z-index:1
}
#maf-headhunting .dust {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:6;
  overflow:hidden
}
#maf-headhunting .dust i {
  position:absolute;
  left:var(--x);
  top:58%;
  width:2px;
  height:var(--h);
  background:var(--light);
  opacity:0;
  box-shadow:0 0 9px var(--light)
}
#maf-headhunting .result {
  position:absolute;
  inset:0;
  z-index:12;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px;
  opacity:0;
  visibility:hidden;
  transform:translateY(25px);
  background:radial-gradient(ellipse at 50% 35%,#40473555,transparent 60%)
}
#maf-headhunting .result .overline {
  color:var(--light);
  letter-spacing:5px;
  font-size:12px
}
#maf-headhunting .result h2 {
  font-size:32px;
  line-height:1.3;
  font-weight:500;
  margin:24px 0 8px;
  text-align:center;
  letter-spacing:2px
}
#maf-headhunting .result p {
  color:#bcc4af;
  text-align:center;
  margin:4px 0;
  font-size:12px
}
#maf-headhunting .item {
  width:230px;
  height:245px;
  margin-top:24px;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid #c3cbaf44;
  background:linear-gradient(135deg,#a4af8c22,#171c1644);
  box-shadow:0 0 45px #0004;
  transform:rotate(-4deg)
}
#maf-headhunting .item:before {
  content:'';
  position:absolute;
  inset:-8px;
  border-block:2px solid var(--light);
  transform:rotate(4deg)
}
#maf-headhunting .item .placeholder {
  border:1px dashed #a4af8c66;
  width:150px;
  height:150px;
  display:grid;
  place-content:center;
  gap:12px;
  text-align:center;
  color:#a7b296;
  font-size:12px
}
#maf-headhunting .item .placeholder b {
  font:500 32px monospace;
  color:#d8dec9
}
#maf-headhunting .item .qty {
  position:absolute;
  bottom:12px;
  right:14px;
  font-family:monospace;
  color:var(--light)
}
#maf-headhunting .receipt {
  margin-top:28px;
  border-top:1px solid #a8b29344;
  padding-top:15px;
  font:12px monospace;
  letter-spacing:2px;
  color:#aab69b
}
#maf-headhunting footer {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding:17px 30px;
  border-top:1px solid #ffffff18;
  color:#9ba58d;
  font:11px monospace;
  letter-spacing:1px
}
#maf-headhunting[data-phase="opening"] .lid {
  animation:maf-lid 1.3s ease-in forwards
}
#maf-headhunting[data-phase="opening"] .assembly {
  animation:maf-bag 2s ease-in forwards
}
#maf-headhunting[data-phase="opening"] .wash {
  animation:maf-wash 2.6s .45s ease-in-out forwards
}
#maf-headhunting[data-phase="opening"] .rays {
  animation:maf-rays 3.8s ease-out forwards
}
#maf-headhunting[data-phase="opening"] .dust i {
  animation:maf-dust 1.5s var(--delay) ease-out forwards
}
#maf-headhunting[data-phase="opening"] .instruction {
  opacity:0;
  transition:opacity .3s
}
#maf-headhunting[data-phase="result"] .assembly,#maf-headhunting[data-phase="result"] .instruction {
  visibility:hidden
}
#maf-headhunting[data-phase="result"] .result {
  opacity:1;
  visibility:visible;
  transform:none;
  transition:opacity .9s,transform .9s
}
#maf-headhunting[data-phase="result"] .halo {
  opacity:.25
}
#maf-headhunting[data-phase="result"] .heading {
  opacity:0
}
#maf-headhunting[data-phase="result"] .number {
  color:#b4bca709
}
#maf-headhunting button:disabled,#maf-headhunting select:disabled {
  opacity:.55;
  cursor:default
}
@keyframes maf-lid {
  to {
    transform:translateY(-100px) rotateX(80deg);
    opacity:0
  }
}
@keyframes maf-bag {
  0% {
    transform:rotate(-6deg) rotateY(-8deg) rotateX(9deg)
  }
  35% {
    transform:translateY(-8px) rotate(-3deg) scale(1.03)
  }
  100% {
    transform:translateY(110px) rotate(-1deg) scale(1.32);
    opacity:0
  }
}
@keyframes maf-wash {
  0% {
    opacity:0
  }
  35% {
    opacity:.95
  }
  68% {
    opacity:.95
  }
  100% {
    opacity:0
  }
}
@keyframes maf-rays {
  0% {
    opacity:0;
    transform:rotate(-15deg) scale(.7)
  }
  40% {
    opacity:.3
  }
  100% {
    opacity:0;
    transform:rotate(8deg) scale(1.4)
  }
}
@keyframes maf-dust {
  0% {
    opacity:0;
    transform:translateY(0)
  }
  20% {
    opacity:.8
  }
  100% {
    opacity:0;
    transform:translateY(-260px) translateX(var(--dx))
  }
}
@media(max-width:540px) {
  #maf-headhunting header {
    padding:18px
  }
  #maf-headhunting .preview {
    padding:12px 16px;
    gap:8px
  }
  #maf-headhunting .preview small {
    margin-left:0;
    width:100%
  }
  #maf-headhunting .stage {
    min-height:590px
  }
  #maf-headhunting .heading {
    left:20px;
    top:22px
  }
  #maf-headhunting .heading h2 {
    font-size:22px
  }
  #maf-headhunting .assembly {
    width:83%;
    height:290px;
    margin-top:163px;
    transform:rotate(-5deg)
  }
  #maf-headhunting .patch {
    left:25%;
    right:25%;
    top:30px;
    padding:12px 2px
  }
  #maf-headhunting .patch b {
    font-size:29px;
    letter-spacing:4px
  }
  #maf-headhunting .patch span {
    font-size:11px;
    letter-spacing:0
  }
  #maf-headhunting .label {
    width:110px;
    bottom:15px;
    font-size:11px
  }
  #maf-headhunting .strap {
    width:22px
  }
  #maf-headhunting .instruction {
    margin-top:34px
  }
  #maf-headhunting .result {
    padding:20px
  }
  #maf-headhunting .result h2 {
    font-size:25px
  }
  #maf-headhunting .item {
    width:200px;
    height:220px
  }
  #maf-headhunting .number {
    right:20px;
    font-size:52px
  }
}
@media(prefers-reduced-motion:reduce) {
  #maf-headhunting .assembly,#maf-headhunting .lid {
    transition:none;
    transform:none
  }
  #maf-headhunting[data-phase="opening"] .assembly,#maf-headhunting[data-phase="opening"] .lid,#maf-headhunting[data-phase="opening"] .rays,#maf-headhunting[data-phase="opening"] .dust i,#maf-headhunting[data-phase="opening"] .wash {
    animation:none
  }
  #maf-headhunting[data-phase="opening"] .assembly {
    opacity:.3
  }
  #maf-headhunting[data-phase="result"] .result {
    transition:none
  }
}
#maf-headhunting [hidden] {
  display:none!important
}
#maf-headhunting .page-nav {
  display:flex;
  gap:8px;
  padding:16px 24px;
  border-bottom:1px solid #535b4444;
  flex-wrap:wrap
}
#maf-headhunting .page-nav button[aria-pressed=true] {
  background:#dfe99d;
  color:#20281a;
  border-color:#dfe99d
}
#maf-headhunting .catalog {
  padding:28px;
  background:#eeeee5;
  color:#242b20
}
#maf-headhunting .catalog-head {
  display:flex;
  gap:16px;
  justify-content:space-between;
  align-items:end;
  flex-wrap:wrap;
  margin-bottom:24px
}
#maf-headhunting .catalog h2 {
  margin:0;
  font-size:30px;
  font-weight:500;
  letter-spacing:2px
}
#maf-headhunting .catalog p {
  margin:6px 0;
  color:#626b58;
  font-size:12px
}
#maf-headhunting .catalog .total {
  font:40px/1 monospace;
  color:#35402b
}
#maf-headhunting .catalog .total span {
  font-size:12px
}
#maf-headhunting .prize-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px
}
#maf-headhunting .prize-card {
  min-width:0;
  text-align:left;
  background:#fafaf4;
  color:#252e1f;
  border:1px solid #c3c8b6;
  padding:0;
  position:relative;
  overflow:hidden
}
#maf-headhunting .prize-card .photo {
  height:145px;
  display:grid;
  place-items:center;
  background:repeating-linear-gradient(0deg,transparent 0 25px,#6f7e4e0b 25px 26px),linear-gradient(135deg,#dce0d0,#f0f1e8);
  border-bottom:1px solid #c3c8b6;
  color:#717d60;
  font:12px monospace
}
#maf-headhunting .prize-card .photo span {
  border:1px dashed #9aa784;
  padding:16px
}
#maf-headhunting .prize-card .card-copy {
  padding:14px 15px;
  display:block
}
#maf-headhunting .prize-card .level {
  font-size:11px;
  color:#666d5f;
  display:flex;
  justify-content:space-between;
  gap:8px
}
#maf-headhunting .prize-card .title {
  font-size:16px;
  font-weight:500;
  display:block;
  margin:7px 0 14px;
  min-height:26px
}
#maf-headhunting .prize-card .view {
  font-size:12px;
  color:#52613e;
  border-top:1px solid #d2d8c5;
  padding-top:10px;
  display:block
}
#maf-headhunting .prize-card:before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:var(--prize-color)
}
#maf-headhunting .prize-card:hover {
  border-color:#617746
}
#maf-headhunting .detail {
  margin-bottom:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  padding:22px;
  background:#fafaf4;
  border:1px solid #a4af92
}
#maf-headhunting .detail-photo {
  min-height:265px;
  background:linear-gradient(135deg,#dce0d0,#f0f1e8);
  display:grid;
  place-items:center;
  color:#6c795c;
  border:1px dashed #a5ae99
}
#maf-headhunting .detail h3 {
  font-weight:500;
  font-size:27px;
  margin:14px 0
}
#maf-headhunting .detail dl {
  display:grid;
  grid-template-columns:80px 1fr;
  gap:10px;
  margin:20px 0;
  border-block:1px solid #d2d8c5;
  padding:16px 0
}
#maf-headhunting .detail dt {
  color:#6f7864;
  font-size:12px
}
#maf-headhunting .detail dd {
  margin:0;
  font-size:14px
}
#maf-headhunting .detail button {
  background:#e3e8d6;
  color:#303c24;
  border-color:#a5ae99
}
#maf-headhunting .catalog-note {
  border-top:1px solid #bdc5ae;
  padding-top:16px;
  margin-top:24px!important
}
@media(max-width:600px) {
  #maf-headhunting .catalog {
    padding:20px 16px
  }
  #maf-headhunting .prize-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px
  }
  #maf-headhunting .prize-card .photo {
    height:115px
  }
  #maf-headhunting .prize-card .photo span {
    padding:10px;
    font-size:11px
  }
  #maf-headhunting .prize-card .card-copy {
    padding:12px 10px
  }
  #maf-headhunting .prize-card .title {
    font-size:14px;
    min-height:44px
  }
  #maf-headhunting .detail {
    grid-template-columns:1fr;
    padding:16px;
    gap:16px
  }
  #maf-headhunting .detail-photo {
    min-height:220px
  }
  #maf-headhunting .catalog h2 {
    font-size:25px
  }
  #maf-headhunting .page-nav {
    padding:12px 16px
  }
}
#maf-headhunting .login {
  padding:60px 24px 70px;
  max-width:430px;
  margin:auto
}
#maf-headhunting .login h1 {
  font-size:32px;
  font-weight:500;
  letter-spacing:3px;
  margin:12px 0
}
#maf-headhunting .login p {
  color:#aab59c;
  font-size:12px
}
#maf-headhunting .login label {
  display:block;
  margin:22px 0 8px
}
#maf-headhunting .login input {
  width:100%;
  min-height:48px;
  padding:12px;
  background:#252d20;
  color:#eff2e6;
  border:1px solid #5b674c;
  border-radius:0;
  font-size:16px
}
#maf-headhunting .login button {
  width:100%;
  margin-top:24px;
  background:#e1e99c;
  color:#222c16;
  border-color:#e1e99c;
  text-align:left
}
#maf-headhunting .login .error {
  color:#ffa28d
}
#maf-headhunting .registration {
  background:#eeeee5;
  color:#242b20;
  padding:30px;
  min-height:450px
}
#maf-headhunting .registration-inner {
  max-width:520px;
  margin:auto
}
#maf-headhunting .registration h2 {
  font-size:27px;
  font-weight:500;
  margin:0 0 12px
}
#maf-headhunting .registration p {
  color:#626b58;
  font-size:13px;
  overflow-wrap:anywhere
}
#maf-headhunting .registration label {
  display:block;
  margin:20px 0 7px
}
#maf-headhunting .registration input,#maf-headhunting .registration select {
  display:block;
  width:100%;
  min-height:48px;
  border:1px solid #a6b196;
  border-radius:0;
  background:#fafbf4;
  color:#293421;
  padding:12px;
  font-size:16px
}
#maf-headhunting .registration button {
  margin-top:20px;
  background:#dce797;
  color:#293421;
  border-color:#8e9d65
}
#maf-headhunting .registration .error {
  color:#a82c21
}
#maf-headhunting .registration .confirmation {
  border-left:4px solid #718247;
  padding:16px 20px;
  background:#e0e6d3;
  margin:22px 0
}
#maf-headhunting .registration dl {
  display:grid;
  grid-template-columns:70px 1fr;
  gap:12px;
  font-size:14px
}
#maf-headhunting .registration dd {
  margin:0;
  overflow-wrap:anywhere
}
#maf-headhunting .registration dt {
  color:#626b58
}
@media(max-width:540px) {
  #maf-headhunting .registration {
    padding:24px 18px
  }
}
#maf-headhunting .zip-fire {
  position:absolute;
  left:0;
  top:-150px;
  width:100%;
  height:285px;
  z-index:6;
  pointer-events:none;
  mix-blend-mode:screen
}
#maf-headhunting[data-phase="result"] .zip-fire {
  visibility:hidden
}
html,body {
  margin:0;
  min-height:100%;
  background:#101410
}
body {
  padding:20px
}
#maf-headhunting {
  max-width:1120px;
  margin:auto;
  min-height:calc(100dvh - 40px)
}
#maf-headhunting fieldset {
  border:0;
  padding:0;
  margin:0;
  min-width:0
}
#maf-headhunting [hidden] {
  display:none!important
}
#maf-headhunting img {
  max-width:100%;
  max-height:100%;
  object-fit:contain
}
#maf-headhunting .photo {
  position:relative
}
#maf-headhunting .photo img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:10px
}
#maf-headhunting .placeholder img {
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:contain;
  padding:20px
}
#maf-headhunting .placeholder {
  position:relative
}
#maf-headhunting .prize-card[data-tier=special] {
  --prize-color:#d3a245
}
#maf-headhunting .prize-card[data-tier=enhanced] {
  --prize-color:#b4a837
}
#maf-headhunting .prize-card[data-tier=standard] {
  --prize-color:#966dc2
}
#maf-headhunting .catalog .code,#maf-headhunting .registration .code {
  color:#667054
}
#maf-headhunting #message {
  padding:14px 22px;
  background:#403526;
  color:#ffe5b2;
  border-bottom:1px solid #8e7954
}
#maf-headhunting button:disabled {
  opacity:.55;
  cursor:not-allowed
}
#maf-headhunting dialog {
  max-width:min(620px,calc(100% - 32px));
  width:100%;
  box-sizing:border-box;
  background:#eeeee5;
  color:#242b20;
  border:1px solid #8e9c7b;
  padding:24px;
  max-height:90dvh;
  overflow:auto
}
#maf-headhunting dialog::backdrop {
  background:#080e0bdd;
  backdrop-filter:blur(8px)
}
#maf-headhunting dialog button {
  float:right;
  margin-bottom:16px
}
#maf-headhunting dialog .detail-photo {
  clear:both;
  height:300px;
  min-height:0;
  position:relative
}
#maf-headhunting dialog img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:10px
}
#maf-headhunting #detail-description {
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
#maf-headhunting #detail-tier {
  display:block;
  margin-top:16px;
  color:#657052
}
#maf-headhunting .total #total {
  font:40px/1 monospace
}
#maf-headhunting #logout {
  font-size:12px;
  padding:4px 12px
}
#maf-headhunting .result h2 {
  overflow-wrap:anywhere
}
#maf-headhunting #supply-status .registration-inner {
  padding-block:45px
}
#maf-headhunting .zipper input::-webkit-slider-thumb {
  width:48px
}
#maf-headhunting .zipper input::-moz-range-thumb {
  width:42px
}
@media(max-width:600px) {
  body {
    padding:0
  }
  #maf-headhunting {
    min-height:100dvh
  }
  #maf-headhunting dialog {
    padding:18px
  }
  #maf-headhunting .page-nav {
    gap:6px
  }
  #maf-headhunting .page-nav button {
    padding:9px 12px
  }
}
/* Keep emissive particles in front of the tilted lid's 3D plane. */
#maf-headhunting .zip-fire {
  transform:translateZ(80px);
  z-index:20
}
#maf-headhunting #result-shipping {
  min-height:0
}

/* Viewport shell: only the content pane scrolls; chrome remains visible. */
html, body { height:100%; overflow:hidden; }
body { padding:0; }
#maf-headhunting {
  width:100%; max-width:none; margin:0;
  height:100vh; height:100dvh; min-height:0;
  display:flex; flex-direction:column;
}
#maf-headhunting > header,
#maf-headhunting > .page-nav,
#maf-headhunting > #message,
#maf-headhunting > footer { flex-shrink:0; }
#maf-headhunting > header { background:#111412; padding-top:max(18px,env(safe-area-inset-top)); }
#maf-headhunting > footer { background:#111412; padding-bottom:max(14px,env(safe-area-inset-bottom)); }
#maf-headhunting #content {
  flex:1; min-height:0; overflow:auto; overscroll-behavior:contain;
  display:flex; flex-direction:column; scrollbar-gutter:stable;
}
#maf-headhunting #content > .page { flex:1 0 auto; width:100%; }
#maf-headhunting #content > .login {
  flex:1 0 auto; width:100%; max-width:480px; margin:0 auto;
  display:flex; flex-direction:column; justify-content:center;
  padding-block:32px;
}
#maf-headhunting #register,
#maf-headhunting #supply-status { display:flex; align-items:center; }
#maf-headhunting .registration-inner { width:100%; max-width:680px; }
#maf-headhunting #supply { display:flex; flex-direction:column; }
#maf-headhunting #supply-status { flex:1; min-height:0; }
#maf-headhunting #reveal-host { flex:1; display:flex; flex-direction:column; }
#maf-headhunting .stage { flex:1; min-height:610px; }
#maf-headhunting .prize-grid { grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
#maf-headhunting .prize-card .photo { height:clamp(150px,24vh,300px); }
#maf-headhunting .registration .field-error,
#maf-headhunting .field-error { color:#ad3025; font-size:13px; margin:6px 0 0; }
#maf-headhunting .login .field-error { color:#ffb398; }
#maf-headhunting input[aria-invalid=true],
#maf-headhunting select[aria-invalid=true] { border-color:#cb5d43; }
@media(max-width:600px) {
  #maf-headhunting .prize-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #maf-headhunting .prize-card .photo { height:145px; }
  #maf-headhunting #content { scrollbar-gutter:auto; }
  #maf-headhunting .stage { min-height:590px; }
  #maf-headhunting > footer { padding-inline:16px; font-size:10px; gap:4px 12px; }
}