.tutorial-01 {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 20px;
  overflow: auto;
  background:
    radial-gradient(circle at 50% 28%, rgba(0, 229, 255, .16), transparent 34%),
    rgba(2, 7, 18, .92);
  backdrop-filter: blur(10px);
}

.tutorial-01[hidden] {
  display: none !important;
}

.tutorial-video-stage { position:absolute;inset:0;background:#000; }
.tutorial-video-stage[hidden],.tutorial-detail[hidden] { display:none!important; }
.tutorial-video-stage video { width:100%;height:100%;object-fit:cover;background:#000; }
.tutorial-video-skip{position:absolute!important;z-index:8!important;top:max(14px,calc(env(safe-area-inset-top) + 10px))!important;right:max(14px,calc(env(safe-area-inset-right) + 10px))!important;left:auto!important;bottom:auto!important;display:inline-flex!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;gap:7px!important;min-width:64px!important;min-height:40px!important;padding:0 8px!important;border:0!important;border-radius:0!important;color:transparent!important;background:linear-gradient(90deg,#62f3ff 0%,#f8fbff 30%,#a985ff 62%,#ff69da 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;box-shadow:none!important;clip-path:none!important;transform:none!important;animation:tutorial-skip-neon 1.15s ease-in-out infinite alternate!important;font-size:14px!important;font-weight:900!important;letter-spacing:.08em!important;text-shadow:0 0 5px rgba(84,237,255,.9),0 0 12px rgba(95,158,255,.72),0 0 20px rgba(223,81,255,.58)!important;filter:drop-shadow(0 0 5px rgba(72,224,255,.55));touch-action:manipulation}.tutorial-video-skip small{color:transparent!important;background:linear-gradient(90deg,#82edff,#bd9aff,#ff78dc)!important;background-clip:text!important;-webkit-background-clip:text!important;font:800 8px/1 ui-monospace,monospace!important;letter-spacing:.14em!important;text-shadow:0 0 5px rgba(109,225,255,.72),0 0 10px rgba(211,91,255,.58)!important}.tutorial-video-skip::before,.tutorial-video-skip::after{display:none!important}.tutorial-video-skip:active{animation:none!important;transform:scale(.94)!important;filter:brightness(1.35) drop-shadow(0 0 9px #76edff)!important}.tutorial-video-skip[hidden]{display:none!important}@keyframes tutorial-skip-neon{to{text-shadow:0 0 7px #8ff6ff,0 0 16px rgba(94,147,255,.95),0 0 27px rgba(240,77,255,.82)!important;filter:brightness(1.22) drop-shadow(0 0 8px rgba(102,234,255,.8))}}
.tutorial-video-stage.is-continue-ready video{cursor:pointer}
.tutorial-video-stage button { position:absolute;left:50%;bottom:10%;z-index:2;display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;align-items:center;column-gap:11px;min-width:188px;min-height:60px;padding:9px 25px 9px 17px;overflow:visible;border:0;border-left:2px solid #70f4ff;border-right:2px solid #ff68da;border-radius:2px;background:linear-gradient(105deg,rgba(3,28,51,.94),rgba(28,19,70,.94) 58%,rgba(74,15,77,.88));box-shadow:inset 0 1px rgba(145,243,255,.5),inset 0 -1px rgba(218,83,255,.38),0 0 22px rgba(45,221,255,.38),0 0 42px rgba(174,48,255,.2),0 12px 36px rgba(0,0,0,.55);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);color:#fff;transform:translateX(-50%);cursor:pointer;animation:tutorial-video-cta 1.1s ease-in-out infinite alternate; }
.tutorial-video-stage button::before { content:'';position:absolute;inset:3px;background:linear-gradient(105deg,transparent 25%,rgba(112,239,255,.16) 45%,rgba(255,91,216,.14) 57%,transparent 76%);background-size:240% 100%;animation:tutorial-video-cta-scan 2s linear infinite;pointer-events:none; }
.tutorial-video-stage button::after { content:'';position:absolute;left:12px;right:12px;bottom:-5px;height:1px;background:linear-gradient(90deg,transparent,#64ecff,#aa75ff,#ff68d8,transparent);box-shadow:0 0 8px #69eaff; }
.tutorial-video-stage button>i { position:relative;z-index:1;grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(111,239,255,.82);border-radius:50%;box-shadow:inset 0 0 10px rgba(66,220,255,.2),0 0 11px rgba(70,220,255,.48); }
.tutorial-video-stage button>i::before { content:'';width:0;height:0;margin-left:3px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #b7f8ff;filter:drop-shadow(0 0 5px #63eaff); }
.tutorial-video-stage button>span { position:relative;z-index:1;align-self:end;background:linear-gradient(90deg,#73f5ff,#fff 34%,#b58cff 67%,#ff79d9);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:15px;font-weight:900;line-height:18px;letter-spacing:.12em;filter:drop-shadow(0 0 5px rgba(94,231,255,.55));white-space:nowrap; }
.tutorial-video-stage button>small { position:relative;z-index:1;align-self:start;color:#799cb3;font:700 7px/10px ui-monospace,Consolas,monospace;letter-spacing:.25em;text-align:left; }
.tutorial-video-stage button:active { transform:translateX(-50%) scale(.96);filter:brightness(1.35); }
@keyframes tutorial-video-cta { to { filter:brightness(1.13);box-shadow:inset 0 1px rgba(169,249,255,.68),inset 0 -1px rgba(232,109,255,.48),0 0 30px rgba(48,225,255,.55),0 0 54px rgba(184,57,255,.32),0 14px 38px rgba(0,0,0,.58) } }
@keyframes tutorial-video-cta-scan { to { background-position:-240% 0 } }

.tutorial-detail {
  width: 100%;
  display: grid;
  place-items: center;
}

.tutorial-detail-card {
  width: min(520px, calc(100vw - 40px));
  padding: 24px;
  border: 1px solid rgba(64, 224, 255, .45);
  border-radius: 20px;
  background: linear-gradient(160deg, rgba(12, 25, 48, .98), rgba(4, 10, 22, .98));
  box-shadow: 0 24px 90px rgba(0, 0, 0, .65), inset 0 0 28px rgba(0, 213, 255, .08);
  color: #eafcff;
  text-align: center;
}

.tutorial-detail-eyebrow {
  margin: 0 0 6px;
  color: #51e8ff;
  font-size: 12px;
  letter-spacing: .24em;
}

.tutorial-detail-card h2 {
  margin: 0;
  font-size: clamp(24px, 6vw, 34px);
}

.tutorial-item-visual {
  display: grid;
  place-items: center;
  min-height: 220px;
  margin: 18px 0;
  border: 1px solid rgba(69, 207, 255, .2);
  border-radius: 16px;
  background: radial-gradient(circle, rgba(0, 219, 255, .13), transparent 63%);
}

.tutorial-item-visual img {
  width: min(240px, 70vw);
  max-height: 220px;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(34, 225, 255, .58));
}

.tutorial-item-description {
  margin: 0 0 20px;
  color: #bcd0dc;
  line-height: 1.7;
}

.tutorial-detail-card button {
  width: 100%;
  min-height: 46px;
  border: 1px solid #45e3ff;
  border-radius: 12px;
  background: linear-gradient(135deg, #0ca7d8, #3159ff);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.tutorial-detail-card button:disabled {
  cursor: wait;
  opacity: .65;
}

.tutorial-item-guide {
  position: fixed;
  left: 50%;
  bottom: calc(112px + env(safe-area-inset-bottom));
  z-index: 99999;
  display: grid;
  justify-items: center;
  transform: translateX(-50%);
  padding: 10px 18px 6px;
  border: 1px solid rgba(88, 231, 255, .75);
  border-radius: 14px;
  background: rgba(5, 15, 34, .96);
  box-shadow: 0 0 28px rgba(31, 218, 255, .4);
  color: #fff;
  pointer-events: none;
}

.tutorial-item-guide strong { color: #66edff; font-size: 16px; }
.tutorial-item-guide span { margin-top: 3px; color: #c5dce8; font-size: 12px; white-space: nowrap; }
.tutorial-item-guide i { color: #64edff; font-size: 24px; font-style: normal; animation: tutorial-guide-arrow .8s ease-in-out infinite alternate; }

.prep-item.tutorial-item-target {
  position:relative!important;
  z-index: 100005!important;
  outline:3px solid #bdf9ff!important;
  outline-offset:4px!important;
  animation: tutorial-item-pulse .8s ease-in-out infinite alternate;
  box-shadow:0 0 0 4px #62efff,0 0 24px 9px rgba(34,224,255,.92),0 0 46px 16px rgba(150,65,255,.52)!important;
}

@keyframes tutorial-guide-arrow { to { transform: translateY(5px); } }
@keyframes tutorial-item-pulse { to { transform: scale(1.1); } }

.tutorial-equip-guide {
  position: fixed;
  right: 22px;
  top: 118px;
  z-index: 100002;
  display: grid;
  justify-items: center;
  padding: 9px 14px;
  border: 1px solid #62efff;
  border-radius: 12px;
  background: rgba(4, 13, 31, .97);
  box-shadow: 0 0 26px rgba(38, 224, 255, .55);
  color: #fff;
  pointer-events: none;
}

.tutorial-equip-guide strong { color: #65efff; }
.tutorial-equip-guide span { color: #c7dbe6; font-size: 12px; }
.tutorial-equip-guide i { font-size: 24px; font-style: normal; animation: tutorial-equip-arrow .7s ease-in-out infinite alternate; }
.tutorial-equip-target { animation: tutorial-equip-pulse .7s ease-in-out infinite alternate; box-shadow: 0 0 0 3px #70f2ff, 0 0 24px rgba(49, 225, 255, .85) !important; }

@keyframes tutorial-equip-arrow { to { transform: translateY(-5px); } }
@keyframes tutorial-equip-pulse { to { transform: scale(1.06); } }

.tutorial-deploy-guide { position:fixed;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:100002;display:grid;justify-items:center;padding:9px 14px 5px;border:1px solid #70efff;border-radius:12px;background:rgba(4,13,31,.97);box-shadow:0 0 28px rgba(43,225,255,.65);color:#fff;pointer-events:none; }
.tutorial-deploy-guide strong { color:#6cf0ff; }
.tutorial-deploy-guide span { color:#c8dce8;font-size:12px; }
.tutorial-deploy-guide i { font-size:22px;font-style:normal;animation:tutorial-guide-arrow .7s ease-in-out infinite alternate; }
[data-app-tab="deploy"].tutorial-deploy-target { z-index:30;animation:tutorial-deploy-pulse .7s ease-in-out infinite alternate;box-shadow:inset 0 0 0 2px #70efff,0 0 24px rgba(45,226,255,.75); }
.home-tabbar [data-app-tab="prep"].tutorial-prep-return-target { position:relative;z-index:30;animation:tutorial-deploy-pulse .7s ease-in-out infinite alternate;box-shadow:inset 0 0 0 2px #70efff,0 0 24px rgba(45,226,255,.82)!important; }
.tutorial-drag-source,.tutorial-drag-slot{position:relative;z-index:35!important;touch-action:none!important;animation:tutorial-drag-pulse .65s ease-in-out infinite alternate!important;box-shadow:0 0 0 3px #72f3ff,0 0 26px rgba(46,224,255,.9)!important}
.tutorial-drag-slot{box-shadow:inset 0 0 18px rgba(84,233,255,.28),0 0 0 3px #c276ff,0 0 28px rgba(154,76,255,.9)!important}
@keyframes tutorial-drag-pulse{to{filter:brightness(1.28);transform:scale(1.06)}}
.tutorial-dagger-craft-action{position:fixed;z-index:100010;left:50%;bottom:calc(112px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 40px));min-height:78px;display:grid;place-items:center;gap:3px;padding:13px 22px;border:1px solid #62ecff;border-radius:14px;color:#fff;background:radial-gradient(circle at 80% 0,rgba(198,75,255,.35),transparent 46%),linear-gradient(125deg,#3433a8,#375ed8 46%,#17a8c9);box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 0 3px rgba(80,225,255,.13),0 0 30px rgba(48,220,255,.52),0 14px 35px rgba(0,0,0,.48);transform:translateX(-50%);touch-action:manipulation!important;overscroll-behavior:none;-webkit-user-drag:none;user-select:none;cursor:pointer;animation:tutorial-dagger-craft-pulse .75s ease-in-out infinite alternate}.tutorial-dagger-craft-action small{color:#8ff5ff;font:800 8px/1 ui-monospace,monospace;letter-spacing:.2em}.tutorial-dagger-craft-action strong{font-size:19px;letter-spacing:.04em;text-shadow:0 0 10px rgba(212,245,255,.6)}.tutorial-dagger-craft-action span{color:#d3e8f2;font-size:11px}.tutorial-dagger-craft-action:active{animation:none;transform:translateX(-50%) scale(.97)}.tutorial-dagger-craft-action:disabled{opacity:.72;animation:none;cursor:wait}@keyframes tutorial-dagger-craft-pulse{to{filter:brightness(1.18);box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 0 4px rgba(80,225,255,.2),0 0 42px rgba(48,220,255,.72),0 14px 35px rgba(0,0,0,.48)}}
@keyframes tutorial-deploy-pulse { to { transform:translateY(-4px) scale(1.04); } }
.tutorial-fight-guide { position:fixed;left:50%;bottom:112px;z-index:100005;display:grid;justify-items:center;transform:translateX(-50%);padding:9px 18px 5px;border:1px solid #70efff;border-radius:12px;background:rgba(4,13,31,.98);box-shadow:0 0 30px rgba(43,225,255,.7);color:#fff;pointer-events:none; }
.tutorial-fight-guide strong { color:#6cf0ff; }.tutorial-fight-guide span { color:#c8dce8;font-size:12px; }.tutorial-fight-guide i { font-size:22px;font-style:normal;animation:tutorial-guide-arrow .7s ease-in-out infinite alternate; }
.deploy-fight-button.tutorial-fight-target { animation:tutorial-fight-pulse .7s ease-in-out infinite alternate;box-shadow:0 0 0 3px #70efff,0 0 28px rgba(45,226,255,.85)!important; }
@keyframes tutorial-fight-pulse { to { transform:scale(1.04); } }

.tutorial-01.is-reward::after { content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,5,14,.76),rgba(3,10,23,.24) 48%,rgba(1,5,14,.72)),radial-gradient(circle at 50% 50%,transparent,rgba(0,0,0,.5));backdrop-filter:blur(2px); }
.tutorial-01.is-reward .tutorial-video-stage { filter:saturate(.72) brightness(.68); }
.tutorial-detail { position:absolute;inset:0;z-index:3;display:grid;place-items:center;padding:20px; }
.tutorial-reward-hud { position:relative;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 116px;align-items:center;gap:18px;width:min(920px,calc(100vw - 34px));min-height:220px;padding:24px 28px;border:1px solid rgba(92,224,255,.58);background:linear-gradient(100deg,rgba(4,19,38,.9),rgba(10,30,52,.7) 55%,rgba(4,15,32,.9));box-shadow:inset 0 0 42px rgba(33,205,255,.12),0 0 0 1px rgba(95,194,255,.16),0 20px 80px rgba(0,0,0,.7);overflow:hidden;animation:tutorial-hud-in .5s cubic-bezier(.2,.8,.2,1) both; }
.tutorial-reward-hud::before { content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(74,222,255,.035) 5px);pointer-events:none; }
.tutorial-reward-hud::after { content:'';position:absolute;left:-30%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(115,236,255,.18),transparent);transform:skewX(-18deg);animation:tutorial-hud-scan 2.8s linear infinite;pointer-events:none; }
.tutorial-hud-corner { position:absolute;width:32px;height:32px;border-color:#76eaff;filter:drop-shadow(0 0 5px #28d9ff); }.corner-tl{left:-1px;top:-1px;border-left:3px solid;border-top:3px solid}.corner-tr{right:-1px;top:-1px;border-right:3px solid;border-top:3px solid}.corner-bl{left:-1px;bottom:-1px;border-left:3px solid;border-bottom:3px solid}.corner-br{right:-1px;bottom:-1px;border-right:3px solid;border-bottom:3px solid}
.tutorial-reward-art { position:relative;display:grid;place-items:center;height:170px; }.tutorial-reward-glow { position:absolute;width:140px;height:140px;border:1px solid rgba(71,225,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(136,35,255,.32),rgba(23,205,255,.1) 42%,transparent 68%);box-shadow:0 0 30px rgba(42,213,255,.28);animation:tutorial-art-ring 2.2s linear infinite; }.tutorial-reward-art img { position:relative;z-index:1;max-width:180px;max-height:170px;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 0 9px #bd35ff) drop-shadow(0 0 20px rgba(39,214,255,.65)); }
.tutorial-reward-copy { min-width:0;text-align:left; }.tutorial-reward-copy p { display:flex;align-items:center;gap:12px;margin:0 0 9px;color:#70eaff;font-size:11px;letter-spacing:.18em; }.tutorial-reward-copy p em { color:#7894a7;font-style:normal;letter-spacing:.04em; }.tutorial-reward-copy h2 { margin:0;color:#f4fbff;font-size:clamp(24px,4vw,38px);line-height:1.2;text-shadow:0 0 14px rgba(184,232,255,.55); }.tutorial-reward-copy h2 b { color:#a9f5ff;font-weight:600;white-space:nowrap; }.tutorial-reward-status { display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 10px; }.tutorial-reward-status span { padding:4px 8px;border:1px solid rgba(70,202,255,.32);border-radius:4px;background:rgba(22,111,153,.16);color:#a8ddec;font-size:11px; }.tutorial-reward-status .is-warning { border-color:rgba(255,82,165,.45);color:#ff8dc8;background:rgba(180,24,103,.14); }.tutorial-reward-copy>small { display:block;color:#9fb6c4;line-height:1.55; }
.tutorial-reward-hud>button { position:relative;z-index:2;display:grid;place-items:center;width:116px;min-height:66px;border:1px solid #73eaff;border-radius:7px;background:linear-gradient(145deg,rgba(24,183,224,.75),rgba(38,82,205,.82));box-shadow:inset 0 0 18px rgba(137,241,255,.18),0 0 20px rgba(40,206,255,.24);color:#fff;cursor:pointer; }.tutorial-reward-hud>button span { font-size:16px;font-weight:700; }.tutorial-reward-hud>button small { color:#b8f4ff;font-size:9px;letter-spacing:.2em; }.tutorial-reward-hud>button:disabled { opacity:.6;cursor:wait; }
@keyframes tutorial-hud-in { from { opacity:0;transform:scale(.92) translateY(18px);filter:blur(8px) } to { opacity:1;transform:none;filter:none } }
@keyframes tutorial-hud-scan { to { left:120%; } }
@keyframes tutorial-art-ring { to { transform:rotate(360deg); } }
@media (max-width:640px){.tutorial-reward-hud{grid-template-columns:94px minmax(0,1fr);gap:11px;min-height:188px;padding:18px 16px 68px}.tutorial-reward-art{height:125px}.tutorial-reward-art img{max-width:118px;max-height:125px}.tutorial-reward-glow{width:100px;height:100px}.tutorial-reward-copy h2{font-size:21px}.tutorial-reward-copy p em,.tutorial-reward-copy>small{display:none}.tutorial-reward-status{margin:10px 0 0}.tutorial-reward-hud>button{position:absolute;left:16px;right:16px;bottom:13px;width:auto;min-height:45px;display:flex;gap:8px}.tutorial-reward-hud>button small{margin-top:2px}}

.tutorial-anchor-guide { position:fixed!important;right:auto!important;bottom:auto!important;z-index:100006!important;display:grid!important;justify-items:center!important;min-width:112px;max-width:min(170px,calc(100vw - 24px));padding:8px 12px 9px!important;border:1px solid rgba(91,225,255,.72)!important;border-radius:10px!important;background:linear-gradient(155deg,rgba(8,25,48,.98),rgba(3,11,25,.98))!important;box-shadow:inset 0 0 18px rgba(50,213,255,.08),0 8px 24px rgba(0,0,0,.46),0 0 14px rgba(39,213,255,.24)!important;color:#edfaff!important;text-align:center;line-height:1.25;pointer-events:none;transform:translate(-50%,-100%)!important; }
.tutorial-anchor-guide[data-placement="below"] { transform:translate(-50%,0)!important; }
.tutorial-anchor-guide::after { content:'';position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid #5de1ff;border-bottom:1px solid #5de1ff;background:#06152c;transform:translateX(-50%) rotate(45deg); }
.tutorial-anchor-guide[data-placement="below"]::after { top:-6px;bottom:auto;border:0;border-left:1px solid #5de1ff;border-top:1px solid #5de1ff; }
.tutorial-anchor-guide small { margin:0 0 3px;color:#4fdfff!important;font-size:8px!important;font-weight:700;letter-spacing:.18em; }
.tutorial-anchor-guide strong { color:#f2fbff!important;font-size:14px!important;font-weight:750;white-space:nowrap; }
.tutorial-anchor-guide span { margin-top:3px;color:#91aebe!important;font-size:10px!important;white-space:nowrap; }
.tutorial-anchor-guide i { display:none!important; }

/* Compact tactical waypoint used by every forced tutorial action. */
.tutorial-anchor-guide {
  isolation:isolate;
  display:flex!important;
  min-width:0!important;
  max-width:min(176px,calc(100vw - 20px))!important;
  padding:7px 15px 7px 25px!important;
  border:0!important;
  border-left:3px solid #65f4ff!important;
  border-radius:2px!important;
  background:linear-gradient(105deg,rgba(4,36,61,.98),rgba(28,17,67,.94) 62%,rgba(73,13,78,.54) 88%,rgba(6,18,35,.12))!important;
  box-shadow:inset 0 1px rgba(128,239,255,.42),inset 0 -1px rgba(213,64,255,.28),-5px 0 18px rgba(44,229,255,.48),0 0 22px rgba(139,58,255,.28),0 8px 20px rgba(0,0,0,.36)!important;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%);
  text-align:left!important;
  transform:translate(-50%,calc(-100% - 8px))!important;
  animation:tutorial-waypoint-in .22s ease-out both;
}
.tutorial-anchor-guide[data-placement="below"] { transform:translate(-50%,8px)!important; }
.tutorial-anchor-guide::before {
  content:'';
  position:absolute;
  left:9px;
  top:50%;
  width:7px;
  height:7px;
  border:1px solid #fff;
  border-radius:50%;
  background:linear-gradient(135deg,#5ff7ff,#9167ff 52%,#ff5fd1);
  box-shadow:0 0 0 3px rgba(119,105,255,.2),0 0 8px #4beaff,0 0 15px #d74fff;
  transform:translateY(-50%);
  animation:tutorial-waypoint-dot .85s ease-in-out infinite alternate;
}
.tutorial-anchor-guide::after {
  content:'';
  position:absolute;
  left:50%;
  bottom:-9px;
  width:1px;
  height:9px;
  border:0!important;
  background:linear-gradient(#67eaff,rgba(103,234,255,.08));
  transform:none!important;
}
.tutorial-anchor-guide[data-placement="below"]::after {
  top:-9px;
  bottom:auto;
  background:linear-gradient(rgba(103,234,255,.08),#67eaff);
}
.tutorial-anchor-guide small,.tutorial-anchor-guide span { display:none!important; }
.tutorial-anchor-guide strong {
  overflow:hidden;
  background:linear-gradient(90deg,#74f7ff 0%,#e9fbff 24%,#a986ff 51%,#ff72d7 76%,#ffe38b 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:19px;
  letter-spacing:.07em;
  filter:drop-shadow(0 0 3px rgba(89,239,255,.9)) drop-shadow(0 0 7px rgba(213,72,255,.62));
  text-overflow:ellipsis;
  text-shadow:none;
  white-space:nowrap;
  animation:tutorial-waypoint-text 2.2s linear infinite;
}
.tutorial-item-target,.tutorial-equip-target,[data-app-tab="deploy"].tutorial-deploy-target,.deploy-fight-button.tutorial-fight-target {
  position:relative;
  outline:1px solid rgba(115,238,255,.96)!important;
  outline-offset:3px;
  animation:tutorial-waypoint-target .9s ease-in-out infinite alternate!important;
}
@keyframes tutorial-waypoint-in { from{opacity:0;filter:blur(3px)} to{opacity:1;filter:none} }
@keyframes tutorial-waypoint-dot { to{opacity:.45;transform:translateY(-50%) scale(.72)} }
@keyframes tutorial-waypoint-text { to{background-position:-220% 0} }
@keyframes tutorial-waypoint-target { from{filter:brightness(1);box-shadow:0 0 0 1px rgba(66,222,255,.22),0 0 8px rgba(45,218,255,.22)!important} to{filter:brightness(1.14);box-shadow:0 0 0 2px rgba(103,238,255,.54),0 0 20px rgba(45,218,255,.58)!important} }
@keyframes tutorial-target-denied{0%,100%{transform:scale(1)}24%{transform:scale(1.09);filter:brightness(1.65)}48%{transform:scale(.98)}72%{transform:scale(1.06);filter:brightness(1.45)}}
.tutorial-target-denied{z-index:100002!important;outline:3px solid #d8fbff!important;outline-offset:5px!important;animation:tutorial-target-denied .68s ease-out both!important;box-shadow:0 0 0 5px rgba(67,225,255,.22),0 0 34px #36ddff,0 0 62px rgba(145,63,255,.65)!important}
body:has(.tutorial-item-target,.tutorial-equip-target,.tutorial-deploy-target,.tutorial-fight-target,.tutorial-craft-dagger-target) .prep-drag-ghost,
body:has(.tutorial-item-target,.tutorial-equip-target,.tutorial-deploy-target,.tutorial-fight-target,.tutorial-craft-dagger-target) .battle-layout-ghost{display:none!important}

.tutorial-reward-hud { grid-template-columns:1fr!important;place-items:center;width:min(980px,94vw)!important;min-height:238px!important;padding:34px 42px 70px!important;border:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(0,18,38,.2),rgba(4,28,52,.82) 20%,rgba(5,30,54,.9) 50%,rgba(4,28,52,.82) 80%,rgba(0,18,38,.2))!important;box-shadow:inset 0 1px rgba(115,237,255,.7),inset 0 -1px rgba(61,202,255,.65),0 0 54px rgba(20,183,238,.18)!important;clip-path:polygon(2.2% 0,97.8% 0,100% 10%,100% 90%,97.8% 100%,2.2% 100%,0 90%,0 10%);overflow:visible!important; }
.tutorial-reward-hud::before { inset:8px 0!important;background:linear-gradient(90deg,transparent,rgba(76,220,255,.09) 20%,rgba(113,232,255,.03) 50%,rgba(76,220,255,.09) 80%,transparent),repeating-linear-gradient(0deg,transparent 0 3px,rgba(96,229,255,.045) 4px)!important;border-left:2px solid #75eaff;border-right:2px solid #75eaff;box-shadow:inset 18px 0 24px -24px #4ee4ff,inset -18px 0 24px -24px #4ee4ff; }
.tutorial-hud-corner { width:52px!important;height:24px!important;z-index:4;border-color:#a4f4ff!important;filter:drop-shadow(0 0 7px #37dfff)!important; }
.corner-tl,.corner-bl{left:0!important}.corner-tr,.corner-br{right:0!important}.corner-tl,.corner-tr{top:0!important}.corner-bl,.corner-br{bottom:0!important}
.tutorial-reward-art { position:absolute!important;left:7%;top:50%;width:260px;height:260px!important;opacity:.72;transform:translateY(-50%);mask-image:linear-gradient(90deg,#000 45%,transparent 94%);-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 94%); }
.tutorial-reward-glow { width:210px!important;height:210px!important;border-color:rgba(92,232,255,.5)!important;background:radial-gradient(circle,rgba(165,39,255,.3),rgba(24,210,255,.12) 42%,transparent 70%)!important; }
.tutorial-reward-art img { max-width:235px!important;max-height:225px!important;transform:rotate(-11deg)!important;opacity:.9; }
.tutorial-reward-copy { position:relative;z-index:3;width:100%;text-align:center!important; }
.tutorial-reward-copy p { justify-content:center!important;margin-bottom:14px!important;color:#8eeeff!important;font-size:10px!important;letter-spacing:.32em!important; }
.tutorial-reward-copy p::before,.tutorial-reward-copy p::after { content:'';width:54px;height:1px;background:linear-gradient(90deg,transparent,#56dcff); }.tutorial-reward-copy p::after{transform:scaleX(-1)}
.tutorial-reward-copy p em { color:#547b91!important;font-size:8px; }
.tutorial-reward-copy h2 { font-size:clamp(27px,5vw,46px)!important;letter-spacing:.02em;filter:drop-shadow(0 0 8px rgba(154,235,255,.38)); }
.tutorial-reward-copy h2 b { margin-left:8px;color:#a9f6ff!important;font-size:.76em; }
.tutorial-reward-status,.tutorial-reward-copy>small { display:none!important; }
.tutorial-reward-hud>button { position:absolute!important;left:50%!important;bottom:17px!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:210px!important;min-height:38px!important;transform:translateX(-50%);border:0!important;border-top:1px solid rgba(113,235,255,.75)!important;border-bottom:1px solid rgba(67,193,255,.55)!important;border-radius:0!important;background:linear-gradient(90deg,transparent,rgba(24,145,207,.4) 20%,rgba(35,115,220,.48) 50%,rgba(24,145,207,.4) 80%,transparent)!important;box-shadow:0 0 20px rgba(42,205,255,.16)!important;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%); }
.tutorial-reward-hud>button span { font-size:13px!important;letter-spacing:.12em; }.tutorial-reward-hud>button small { font-size:7px!important;color:#6ddfff!important; }
@media(max-width:640px){.tutorial-reward-hud{width:calc(100vw - 18px)!important;min-height:190px!important;padding:26px 18px 62px!important}.tutorial-reward-art{left:-22px!important;width:190px;height:190px!important;opacity:.52}.tutorial-reward-glow{width:145px!important;height:145px!important}.tutorial-reward-art img{max-width:170px!important;max-height:170px!important}.tutorial-reward-copy h2{font-size:24px!important}.tutorial-reward-copy p em,.tutorial-reward-copy p::before,.tutorial-reward-copy p::after{display:none}.tutorial-reward-hud>button{bottom:13px!important;width:180px!important;min-height:35px!important}}

/* 视频末帧确认 HUD：尺寸、线框、文字与按钮按参考帧等比缩放。 */
.tutorial-01.is-reward{background:transparent;backdrop-filter:none}
.tutorial-01.is-reward .tutorial-video-stage::after{content:'';position:absolute;inset:0;background:rgba(0,5,12,.12);pointer-events:none}
.tutorial-01.is-reward .tutorial-detail{position:absolute;z-index:4;inset:0}
.tutorial-01.is-reward .tutorial-reward-hud{width:min(75.5vw,580px)!important;min-height:0!important;aspect-ratio:580/380;padding:0!important;border:3px solid #55e5ff!important;border-radius:18px!important;background:rgba(3,24,41,.78)!important;box-shadow:inset 0 0 0 2px rgba(152,246,255,.45),inset 0 0 42px rgba(35,204,255,.08),0 0 9px #33d9ff!important;clip-path:none!important;overflow:hidden!important}
.tutorial-01.is-reward .tutorial-reward-hud::before{inset:27px!important;border:1px solid rgba(119,210,231,.14)!important;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(128,205,224,.17) 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(128,205,224,.17) 28px)!important;box-shadow:none!important}
.tutorial-01.is-reward .tutorial-reward-hud::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 56%,rgba(52,142,180,.09) 56% 70%,transparent 70%);pointer-events:none}
.tutorial-01.is-reward .tutorial-hud-corner{width:32px!important;height:32px!important;border-width:3px!important}
.tutorial-01.is-reward .tutorial-reward-copy{position:absolute;z-index:5;top:29%;left:4%;width:92%;text-align:center!important}
.tutorial-01.is-reward .tutorial-reward-copy h2{margin:0!important;color:#f7fdff!important;font-size:clamp(20px,4.15vw,38px)!important;font-weight:900!important;letter-spacing:0!important;text-shadow:0 3px 0 rgba(103,145,161,.42),0 0 10px rgba(202,246,255,.28)!important;filter:none!important;white-space:nowrap}
.tutorial-01.is-reward .tutorial-reward-copy h2 b{margin-left:.15em!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.tutorial-01.is-reward .tutorial-reward-hud>button{position:absolute!important;z-index:6!important;left:24%!important;bottom:10.5%!important;width:52%!important;min-height:0!important;height:23%!important;transform:none!important;border:3px solid #4ce5ff!important;border-radius:17px!important;background:linear-gradient(115deg,rgba(5,43,67,.96),rgba(11,62,91,.93))!important;box-shadow:inset 0 0 0 1px rgba(175,247,255,.25),0 0 5px #20d8ff!important;clip-path:none!important}
.tutorial-01.is-reward .tutorial-reward-hud>button::before,.tutorial-01.is-reward .tutorial-reward-hud>button::after{content:'';position:absolute;left:14px;width:16px;height:2px;background:#55e9ff;box-shadow:calc(100% + 218px) 0 #55e9ff}
.tutorial-01.is-reward .tutorial-reward-hud>button::before{top:12px}.tutorial-01.is-reward .tutorial-reward-hud>button::after{bottom:12px}
.tutorial-01.is-reward .tutorial-reward-hud>button span{font-size:clamp(22px,4.2vw,39px)!important;font-weight:900!important;letter-spacing:.06em!important;text-shadow:0 3px 0 rgba(84,121,139,.42)}
@media(max-width:640px){.tutorial-01.is-reward .tutorial-reward-hud{width:calc(100vw - 28px)!important}.tutorial-01.is-reward .tutorial-reward-copy h2{font-size:clamp(17px,6vw,28px)!important}.tutorial-01.is-reward .tutorial-reward-hud>button span{font-size:clamp(20px,7vw,32px)!important}}
.tutorial-video-stage button[hidden]{display:none!important}