:root {
  color-scheme: dark;
  font-family: Inter, ui-rounded, "SF Pro Rounded", "PingFang SC", "Microsoft YaHei", sans-serif;
  --cream: #fff4d7;
  --ink: #082c38;
  --coral: #ff745e;
  --seafoam: #74e0c1;
  --yellow: #ffd76b;
}

* { box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #052d45;
}

body { user-select: none; }
body.cinematic .hud,
body.cinematic .journey,
body.cinematic .sound-button,
body.cinematic .skill-dock,
body.cinematic .boss-hud,
body.cinematic .boss-controls,
body.cinematic .message-card { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

button { font: inherit; }

.game-shell {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 420px;
  overflow: hidden;
  isolation: isolate;
}

#game {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
  touch-action: none;
}

.hud {
  position: absolute;
  z-index: 4;
  top: max(20px, env(safe-area-inset-top));
  left: max(24px, env(safe-area-inset-left));
  right: max(24px, env(safe-area-inset-right));
  display: flex;
  align-items: center;
  gap: 12px;
  pointer-events: none;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--cream);
  margin-right: auto;
  text-shadow: 0 2px 12px rgba(0, 20, 36, .25);
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 2px solid var(--cream);
  border-radius: 50% 50% 48% 48%;
  color: var(--yellow);
  font-family: Georgia, serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 800;
  transform: rotate(-8deg);
}

.brand strong, .brand small { display: block; line-height: .95; letter-spacing: .13em; }
.brand strong { font-size: 15px; }
.brand small { margin-top: 5px; color: var(--seafoam); font-size: 9px; font-weight: 800; }

.status-pill {
  height: 52px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 17px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 17px;
  background: rgba(3, 36, 54, .55);
  box-shadow: 0 8px 30px rgba(0, 18, 29, .18), inset 0 1px rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
}

.status-label {
  color: rgba(255,255,255,.62);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.heart-row {
  color: var(--coral);
  font-size: 20px;
  letter-spacing: 3px;
  filter: drop-shadow(0 3px 4px rgba(255, 81, 70, .24));
}

.heart-row .lost { color: rgba(255,255,255,.16); }
.heart-row .half { color: #ffb1a2; opacity: .65; }

.energy-pill { gap: 9px; }
.energy-row { display: flex; align-items: center; gap: 3px; }
.energy-row i {
  display: block;
  width: 7px;
  height: 20px;
  border-radius: 4px;
  background: linear-gradient(#ffe96c, #f1a946);
  box-shadow: 0 0 8px rgba(255, 224, 91, .38);
  transform: skewX(-8deg);
  transition: opacity .15s, transform .15s;
}
.energy-row i.empty {
  background: rgba(255,255,255,.12);
  box-shadow: none;
  opacity: .7;
  transform: skewX(-8deg) scaleY(.78);
}

.clam-icon, .coin-icon {
  color: var(--yellow);
  font-family: Georgia, serif;
  font-size: 30px;
  transform: rotate(-25deg);
}

.coin-icon {
  color: var(--yellow);
  font-size: 22px;
  text-shadow: 0 0 10px rgba(255, 215, 107, .5);
  transform: none;
}

.score-pill strong, .score-pill small { display: block; }
.score-pill strong { color: white; font-size: 18px; line-height: 1; }
.score-pill small { margin-top: 3px; color: rgba(255,255,255,.55); font-size: 9px; }

.mode-badge {
  padding: 8px 11px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(3, 36, 54, .55);
  color: var(--seafoam);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  backdrop-filter: blur(10px);
}

.mode-badge.hard {
  border-color: rgba(184, 255, 113, .35);
  background: rgba(29, 68, 46, .72);
  color: #c6ff74;
}

.mode-badge.stunned {
  border-color: rgba(190, 211, 92, .5);
  background: rgba(72, 79, 34, .82);
  color: #eeff91;
}

.journey {
  position: absolute;
  z-index: 4;
  top: max(25px, env(safe-area-inset-top));
  left: 50%;
  width: min(31vw, 390px);
  transform: translateX(-50%);
  pointer-events: none;
}

.journey-labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: rgba(255,255,255,.65);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
}

.journey-labels span:nth-child(2) { color: var(--cream); }

.progress-track {
  position: relative;
  height: 5px;
  border-radius: 5px;
  background: rgba(255,255,255,.19);
}

.progress-fill {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--seafoam), var(--yellow));
  box-shadow: 0 0 15px rgba(116, 224, 193, .42);
  transition: width .2s linear;
}

.progress-flag {
  position: absolute;
  top: -17px;
  color: rgba(255,255,255,.35);
  font-size: 14px;
  transform: translateX(-50%);
  transition: color .25s, transform .25s;
}

.progress-flag.reached { color: var(--yellow); transform: translateX(-50%) scale(1.25); }
.journey.hard .progress-flag { display: none; }
.journey.hard .progress-fill { background: linear-gradient(90deg, #b8ff71, #ff9f62); }
.journey.hard .journey-labels span:nth-child(2) { color: #c6ff74; }
.flag-one { left: 27%; }
.flag-two { left: 55%; }
.flag-three { left: 82%; }

.sound-button {
  position: absolute;
  z-index: 5;
  right: max(25px, env(safe-area-inset-right));
  bottom: max(23px, env(safe-area-inset-bottom));
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  background: rgba(3, 36, 54, .48);
  color: var(--cream);
  font-weight: 800;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: transform .2s, background .2s;
}

.sound-button:hover { transform: scale(1.08); background: rgba(8, 69, 88, .75); }
.sound-button.muted { color: rgba(255,255,255,.35); text-decoration: line-through; }

.skill-dock {
  position: absolute;
  z-index: 5;
  left: max(22px, env(safe-area-inset-left));
  bottom: max(20px, env(safe-area-inset-bottom));
  display: flex;
  gap: 8px;
}

.skill-button {
  position: relative;
  min-width: 92px;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 9px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 14px;
  background: rgba(3, 36, 54, .72);
  color: white;
  cursor: pointer;
  backdrop-filter: blur(10px);
  transition: transform .15s, opacity .15s, border-color .15s;
}
.skill-button:hover:not(:disabled) { transform: translateY(-2px); border-color: rgba(255,255,255,.5); }
.skill-button:disabled { cursor: not-allowed; opacity: .38; }
.skill-button kbd { position: absolute; top: -6px; left: -4px; min-width: 17px; padding: 2px; border-radius: 5px; background: var(--cream); color: var(--ink); font: 800 8px sans-serif; box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.skill-button > strong { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; font-size: 17px; }
.skill-button.freeze > strong { background: #bceaff; color: #247ca1; }
.skill-button.slow > strong { background: #d9f29a; color: #567a26; }
.skill-button.helpers > strong { background: #ffd599; color: #9a5e27; }
.skill-button.tide > strong { background: #b9c8ff; color: #435aa3; }
.skill-button.murky > strong { background: #c9ab85; color: #68452c; }
.chapter-two-skills { display: none; bottom: max(78px, calc(env(safe-area-inset-bottom) + 68px)); }
.chapter-two-skills.visible { display: flex; }
.chapter-three-skills { display: none; bottom: max(136px, calc(env(safe-area-inset-bottom) + 126px)); }
.chapter-three-skills.visible { display: flex; }
.skill-button.heal > strong { background: #ffd0cd; color: #bd4d4d; }
.skill-button.flash > strong { background: #fff2a6; color: #a77913; }
.skill-button.ghost > strong { background: #b9dcff; color: #326aa2; }
.skill-button.shield > strong { background: #c9ecff; color: #3977a8; }
.skill-button.bloodline > strong { background: #ffe990; color: #a56d0e; }
.skill-button span { text-align: left; font-size: 9px; font-weight: 800; white-space: nowrap; }
.skill-button small { display: block; margin-top: 2px; color: var(--yellow); font-size: 8px; }
.skill-dock.boss-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.skill-dock.chapter-hidden { display: none; }

.boss-hud {
  position: absolute;
  z-index: 6;
  top: max(88px, calc(env(safe-area-inset-top) + 72px));
  left: 50%;
  width: min(540px, calc(100vw - 38px));
  padding: 14px 18px 11px;
  border: 1px solid rgba(255, 196, 142, .3);
  border-radius: 16px;
  background: rgba(28, 27, 36, .78);
  box-shadow: 0 15px 40px rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -10px);
  backdrop-filter: blur(12px);
  transition: opacity .25s, transform .25s, visibility .25s;
}
.boss-hud.visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.boss-name { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
.boss-name span { color: #ffb46d; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.boss-name strong { color: white; font-family: Georgia, "Songti SC", serif; font-size: 15px; }
.boss-health { height: 11px; overflow: hidden; border-radius: 8px; background: rgba(255,255,255,.12); }
.boss-health i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #df4b47, #ff916b); box-shadow: 0 0 14px rgba(255, 96, 80, .55); transition: width .2s; }
.boss-values { display: flex; justify-content: space-between; margin-top: 7px; color: rgba(255,255,255,.58); font-size: 9px; }
.boss-values strong { color: white; }

.boss-controls {
  position: absolute;
  z-index: 7;
  bottom: max(22px, env(safe-area-inset-bottom));
  left: 50%;
  display: flex;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 10px);
  transition: opacity .25s, transform .25s, visibility .25s;
}
.boss-controls.visible { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.boss-controls button { position: relative; min-width: 150px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.25); border-radius: 15px; background: rgba(3,36,54,.82); color: white; cursor: pointer; backdrop-filter: blur(10px); }
.boss-controls button:disabled { opacity: .42; cursor: not-allowed; }
.boss-controls kbd { padding: 4px 6px; border-radius: 6px; background: var(--cream); color: var(--ink); font: 900 9px sans-serif; }
.boss-controls button > strong { font-size: 21px; color: var(--yellow); }
.boss-controls span { text-align: left; font-size: 10px; font-weight: 900; }
.boss-controls small { display: block; margin-top: 2px; color: rgba(255,255,255,.5); font-size: 8px; }

.modal-wrap {
  position: absolute;
  z-index: 10;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: radial-gradient(circle at 50% 45%, rgba(13, 78, 92, .3), rgba(1, 23, 38, .7));
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(4px);
  transition: opacity .4s, visibility .4s;
}

.modal-wrap.visible { opacity: 1; visibility: visible; }

.intro-card {
  position: relative;
  width: min(540px, calc(100vw - 36px));
  padding: 43px 48px 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 30px 30px 80px 30px;
  background: linear-gradient(145deg, rgba(255, 250, 230, .97), rgba(238, 245, 219, .94));
  color: var(--ink);
  box-shadow: 0 30px 90px rgba(0, 16, 28, .4);
  text-align: center;
  transform: translateY(14px) scale(.98);
  transition: transform .45s cubic-bezier(.2,.8,.2,1);
}

.visible .intro-card { transform: translateY(0) scale(1); }
.intro-card::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 130px;
  top: -78px;
  right: -40px;
  border: 22px solid rgba(68, 174, 153, .12);
  border-radius: 50%;
}

.eyebrow {
  margin: 0 0 9px;
  color: #328d83;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .2em;
}

.intro-card h1 {
  margin: 0;
  color: #092f3b;
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(38px, 6vw, 58px);
  font-weight: 800;
  line-height: 1;
}

.intro-card h1 span { color: #e76751; }

.intro-copy {
  max-width: 390px;
  margin: 17px auto 24px;
  color: #4b6970;
  font-size: 13px;
  line-height: 1.7;
}

.rules {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-bottom: 22px;
}

.rule {
  min-width: 0;
  padding: 13px 7px 11px;
  border-radius: 15px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(9,47,59,.07);
}

.rule-art {
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  margin: 0 auto 8px;
  border-radius: 50%;
  font-family: Georgia, serif;
  font-size: 22px;
  font-weight: 900;
}

.good .rule-art { color: #177f72; background: #c9eee0; transform: rotate(-20deg); }
.bad .rule-art { color: #d45446; background: #ffd3c8; }
.flag .rule-art { color: #987214; background: #ffedaa; }
.rule strong, .rule span { display: block; white-space: nowrap; }
.rule strong { font-size: 12px; }
.rule span { margin-top: 4px; overflow: hidden; color: #789096; font-size: 8px; text-overflow: ellipsis; }

.primary-button {
  min-width: 210px;
  padding: 15px 22px;
  border: 0;
  border-radius: 14px 14px 25px 14px;
  background: #ed6c56;
  box-shadow: 0 8px 0 #bd493b, 0 13px 22px rgba(189,73,59,.22);
  color: white;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .06em;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s;
}

.primary-button span { margin-left: 15px; font-size: 18px; }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 10px 0 #bd493b, 0 16px 24px rgba(189,73,59,.2); }
.primary-button:active { transform: translateY(5px); box-shadow: 0 3px 0 #bd493b; }

.chapter-quick-button {
  display: block;
  margin: 18px auto 0;
  padding: 8px 13px;
  border: 0;
  border-bottom: 1px solid rgba(53, 90, 145, .35);
  background: transparent;
  color: #416caa;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
}
.chapter-quick-button:hover { color: #284f89; }
.chapter-quick-button span { margin-left: 7px; }
.boss-quick-select { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px; margin: 12px auto 0; }
.boss-quick-select > span { width: 100%; color: #789096; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.boss-quick-select button { padding: 5px 8px; border: 1px solid rgba(53,90,145,.18); border-radius: 8px; background: rgba(255,255,255,.55); color: #4f6b73; font-size: 8px; font-weight: 800; cursor: pointer; }
.boss-quick-select button:hover { border-color: #527fc0; color: #355a91; background: white; }

.control-hint { margin: 22px 0 0; color: #769096; font-size: 9px; }
.mouse-shape { display: inline-block; width: 10px; height: 14px; margin-right: 4px; border: 1.5px solid #769096; border-radius: 6px; vertical-align: -3px; }

.message-card {
  position: absolute;
  z-index: 7;
  top: 104px;
  left: 50%;
  display: flex;
  align-items: center;
  min-width: 320px;
  padding: 13px 20px 13px 14px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 16px;
  background: rgba(4, 43, 58, .82);
  color: white;
  box-shadow: 0 16px 35px rgba(0,20,30,.25);
  opacity: 0;
  transform: translate(-50%, -18px);
  pointer-events: none;
  backdrop-filter: blur(12px);
  transition: opacity .3s, transform .3s;
}

.message-card.show { opacity: 1; transform: translate(-50%, 0); }
.message-icon { display: grid; place-items: center; width: 39px; height: 39px; margin-right: 12px; border-radius: 12px; background: var(--yellow); color: #745a0b; font-size: 20px; }
.message-card strong, .message-card div span { display: block; }
.message-card strong { font-size: 13px; }
.message-card div span { margin-top: 3px; color: rgba(255,255,255,.58); font-size: 9px; }

.death-flash {
  position: absolute;
  z-index: 8;
  inset: 0;
  display: grid;
  place-content: center;
  background: rgba(29, 15, 25, .5);
  color: white;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  backdrop-filter: blur(5px);
  transition: opacity .22s, visibility .22s;
}

.death-flash.show { opacity: 1; visibility: visible; }
.death-flash strong { font-family: Georgia, "Songti SC", serif; font-size: clamp(28px, 5vw, 45px); }
.death-flash span { margin-top: 10px; color: rgba(255,255,255,.64); font-size: 12px; }

.finish-card { padding-bottom: 40px; }
.finish-art { margin-bottom: 8px; color: #38a48f; font-size: 52px; line-height: 1; }
.final-stat { margin: 0 auto 26px; }
.final-stat strong, .final-stat span { display: block; }
.final-stat strong { color: #e76751; font-family: Georgia, serif; font-size: 42px; }
.final-stat span { color: #769096; font-size: 10px; }
.chapter-two-button { margin-right: 8px; background: #527fc0; box-shadow: 0 8px 0 #355a91, 0 13px 22px rgba(53,90,145,.22); }
.chapter-two-button:hover { box-shadow: 0 10px 0 #355a91, 0 16px 24px rgba(53,90,145,.2); }
.chapter-two-button.hidden { display: none; }
.chapter-three-button { margin-right: 8px; background: #598b69; box-shadow: 0 8px 0 #386048, 0 13px 22px rgba(56,96,72,.22); }
.chapter-three-button:hover { box-shadow: 0 10px 0 #386048, 0 16px 24px rgba(56,96,72,.2); }
.chapter-three-button.hidden { display: none; }
.ultimate-button { margin-right: 8px; background: #352f4f; box-shadow: 0 8px 0 #1d1930, 0 13px 22px rgba(29,25,48,.3); }
.ultimate-button:hover { box-shadow: 0 10px 0 #1d1930, 0 16px 24px rgba(29,25,48,.3); }
.ultimate-button.hidden { display: none; }

.level-card { width: min(590px, calc(100vw - 36px)); max-height: calc(100vh - 28px); overflow-y: auto; border-radius: 30px 30px 70px 30px; }
.level-card h2 { margin: 0; color: var(--ink); font-family: Georgia, "Songti SC", serif; font-size: clamp(30px, 5vw, 46px); }
.coin-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 22px 0 18px; }
.coin-summary div { padding: 14px; border-radius: 14px; background: rgba(255,255,255,.62); border: 1px solid rgba(9,47,59,.08); }
.coin-summary strong, .coin-summary span { display: block; }
.coin-summary strong { color: #d99a22; font-family: Georgia, serif; font-size: 27px; }
.coin-summary span { margin-top: 3px; color: #789096; font-size: 9px; }
.upgrade-heading { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 9px; text-align: left; }
.upgrade-heading strong { font-size: 12px; }
.upgrade-heading span { color: #789096; font-size: 9px; }
.upgrade-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.upgrade-button { padding: 13px 5px 11px; border: 1px solid rgba(9,47,59,.1); border-radius: 14px; background: rgba(255,255,255,.68); color: var(--ink); cursor: pointer; transition: transform .15s, border-color .15s, background .15s; }
.upgrade-button:hover:not(:disabled) { transform: translateY(-2px); border-color: #e8a84a; background: white; }
.upgrade-button:disabled { cursor: not-allowed; opacity: .38; }
.upgrade-button.purchased { border-color: #63aa78; background: #dff1d9; opacity: 1; }
.upgrade-button span, .upgrade-button strong, .upgrade-button small { display: block; }
.upgrade-button span { margin-bottom: 4px; color: #e46b55; font-size: 23px; }
.upgrade-button strong { font-size: 11px; }
.upgrade-button small { margin-top: 3px; color: #789096; font-size: 8px; }
.upgrade-status { min-height: 14px; margin: 11px 0 16px; color: #789096; font-size: 9px; }

@media (max-width: 720px) {
  .hud { top: max(12px, env(safe-area-inset-top)); left: 12px; right: 12px; gap: 7px; }
  .brand { display: none; }
  .status-pill { height: 45px; padding: 0 12px; border-radius: 14px; }
  .hearts { margin-right: auto; }
  .status-label { display: none; }
  .heart-row { font-size: 18px; }
  .score-pill { gap: 6px; }
  .energy-pill { padding: 0 9px; }
  .energy-row i { width: 5px; height: 17px; }
  .mode-badge { position: absolute; top: 51px; right: 0; padding: 5px 8px; font-size: 8px; }
  .journey { top: max(68px, calc(env(safe-area-inset-top) + 56px)); width: calc(100vw - 48px); }
  .journey-labels { display: none; }
  .intro-card { padding: 31px 22px 25px; border-radius: 24px 24px 58px 24px; }
  .intro-copy { margin-bottom: 18px; }
  .rules { gap: 6px; }
  .rule { padding: 10px 3px; }
  .rule span { display: none; }
  .rule-art { margin-bottom: 5px; }
  .message-card { top: 92px; min-width: 0; width: calc(100vw - 34px); }
  .level-card { padding-left: 18px; padding-right: 18px; }
  .sound-button { right: 15px; bottom: max(15px, env(safe-area-inset-bottom)); }
  .skill-dock { left: 10px; bottom: max(10px, env(safe-area-inset-bottom)); gap: 5px; }
  .chapter-two-skills { bottom: max(62px, calc(env(safe-area-inset-bottom) + 54px)); }
  .chapter-three-skills { bottom: max(114px, calc(env(safe-area-inset-bottom) + 106px)); }
  .skill-button { min-width: 46px; width: 46px; height: 44px; justify-content: center; padding: 4px; }
  .skill-button span { display: none; }
  .boss-controls { bottom: max(10px, env(safe-area-inset-bottom)); gap: 6px; }
  .boss-controls button { min-width: 130px; padding: 8px 10px; }
}

@media (max-height: 620px) {
  .intro-card { padding-top: 24px; padding-bottom: 20px; }
  .intro-card h1 { font-size: 38px; }
  .intro-copy { margin: 10px auto 12px; line-height: 1.45; }
  .rules { margin-bottom: 14px; }
  .control-hint { margin-top: 15px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}