:root {
  color-scheme: dark;
  --cyan: #20e8ff;
  --cyan-soft: #79f5ff;
  --ink: #02070c;
  --panel: rgba(3, 19, 27, 0.93);
  --line: rgba(47, 220, 246, 0.42);
  --muted: #82929d;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }

html, body { margin: 0; min-height: 100%; background: #000; }
body {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  overflow-x: hidden;
  font-family: "Chakra Petch", sans-serif;
  color: #d7fbff;
}

.mobile-stage {
  position: relative;
  isolation: isolate;
  width: min(100vw, 430px);
  min-height: 100dvh;
  height: auto;
  padding: max(32px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  background: #02080c;
  box-shadow: 0 0 60px rgba(0, 213, 255, .12);
}

.video-background {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  filter: saturate(.78) contrast(1.05) brightness(.82);
}

.video-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 38%, rgba(1, 16, 22, .18), rgba(0, 4, 8, .48) 82%),
    linear-gradient(to bottom, rgba(0, 6, 10, .22), rgba(0, 5, 9, .42));
}

.robot-buddy{position:fixed;z-index:45;width:82px;height:108px;touch-action:none;user-select:none;cursor:grab;outline:none;filter:drop-shadow(0 8px 9px rgba(0,0,0,.62));animation:robot-idle 3.2s ease-in-out infinite}.robot-buddy.dragging{cursor:grabbing;animation:none;filter:drop-shadow(0 12px 12px rgba(0,0,0,.72)) drop-shadow(0 0 8px rgba(50,229,255,.28))}.robot-buddy>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:scaleX(-1);transform-origin:center bottom;transition:transform .28s ease,filter .25s;filter:drop-shadow(0 0 5px rgba(51,224,255,.2))}.robot-buddy.at-right>img{transform:scaleX(1)}.robot-buddy:hover>img,.robot-buddy:focus-visible>img{filter:drop-shadow(0 0 9px rgba(65,235,255,.52)) brightness(1.07)}.robot-online{position:absolute;z-index:3;left:8px;right:auto;top:13px;width:9px;height:9px;border:2px solid #06151b;border-radius:50%;background:#48ffc0;box-shadow:0 0 8px #2bffb2;animation:terminal-blink 1.2s steps(2) infinite}.robot-buddy.at-right .robot-online{left:auto;right:8px}.robot-message{position:absolute;right:62px;bottom:72px;width:218px;height:154px;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;border:1px solid rgba(70,232,248,.76);color:#aeeff5;background:radial-gradient(circle at 25% 20%,rgba(0,94,104,.2),transparent 42%),rgba(0,12,19,.97);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:0 0 22px rgba(35,213,235,.24),inset 0 0 24px rgba(24,218,232,.07);transform:translateY(7px) scale(.94);transform-origin:right bottom;transition:opacity .2s,transform .24s,visibility .2s}.robot-message::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(77,240,255,.035) 3px 4px)}.robot-message::after{content:"";position:absolute;z-index:3;left:0;right:0;top:-25%;height:24%;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(61,239,255,.12),transparent);animation:robot-console-scan 2.8s linear infinite}.robot-buddy:not(.at-right) .robot-message{right:auto;left:62px;transform-origin:left bottom}.robot-buddy.console-below .robot-message{top:68px;bottom:auto;transform-origin:right top}.robot-buddy.console-below:not(.at-right) .robot-message{transform-origin:left top}.robot-buddy.talking .robot-message{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.robot-message>header,.robot-message>footer{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:7px 9px;background:rgba(3,31,40,.92);font:700 6px Orbitron,sans-serif;letter-spacing:.6px}.robot-message>header{border-bottom:1px solid rgba(65,212,229,.25)}.robot-message>footer{border-top:1px solid rgba(65,212,229,.18);color:#3f747b}.robot-message>header span{color:#71eff7}.robot-message>header span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#4affbf;box-shadow:0 0 7px #31f4ad;animation:terminal-blink 1s steps(2) infinite}.robot-message>header b{color:#4affbf}.robot-message>footer b{color:#579b91}.robot-code{position:relative;z-index:1;height:91px;padding:8px 9px;overflow:hidden;font:7px/1.5 "Courier New",monospace}.robot-code p{height:12px;margin:0;color:#42bda4;white-space:nowrap;text-shadow:0 0 4px rgba(31,238,185,.26);animation:robot-code-enter .28s ease-out}.robot-code p.typing::after{content:"▋";margin-left:2px;color:#9affdf;animation:terminal-cursor .55s steps(2) infinite}.robot-code .code-prompt{color:#64f5ff;font-weight:700}.robot-code .code-opcode{color:#47d9a9}.robot-code .code-opcode.critical{color:#ffcf62;text-shadow:0 0 5px rgba(255,190,52,.5)}.robot-code .code-bracket{color:#527c88}.robot-code .code-hash{color:#dd86ff;text-shadow:0 0 5px rgba(200,70,255,.4)}.robot-code p.verified .code-opcode{color:#78f7ff}.robot-code-progress{position:absolute;z-index:5;left:9px;right:9px;bottom:24px;height:2px;overflow:hidden;background:#07313a}.robot-code-progress i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,#5affd0,#8af6ff,transparent);box-shadow:0 0 7px #40eddb;animation:robot-code-progress 1.8s ease-in-out infinite}
@keyframes robot-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes robot-console-scan{to{transform:translateY(720%)}}@keyframes robot-code-enter{from{opacity:0;transform:translateX(-7px)}}@keyframes robot-code-progress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
.robot-message{right:19px;bottom:16px;width:160px;height:108px}.robot-buddy:not(.at-right) .robot-message{left:79px}.robot-message>header,.robot-message>footer{padding:5px 7px;font-size:5px}.robot-code{height:58px;padding:5px 7px;font-size:5.7px;line-height:1.35}.robot-code p{height:9px}.robot-code-progress{left:7px;right:7px;bottom:18px}

.cyber-toast {
  position: fixed;
  top: max(18px, env(safe-area-inset-top));
  left: 50%;
  z-index: 50;
  width: min(calc(100vw - 32px), 380px);
  min-height: 72px;
  padding: 13px 18px 14px 64px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -24px) scale(.96);
  color: #dfffff;
  border: 1px solid rgba(56, 239, 255, .88);
  background: linear-gradient(110deg, rgba(2, 17, 24, .97), rgba(3, 35, 42, .96));
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  box-shadow: 0 0 24px rgba(31, 229, 255, .27), inset 0 0 22px rgba(31, 229, 255, .08);
  transition: opacity .25s ease, transform .32s cubic-bezier(.2,.8,.2,1), visibility .25s;
}
.cyber-toast.show { opacity: 1; visibility: visible; transform: translate(-50%, 0) scale(1); }
.cyber-toast::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 25%, rgba(90, 248, 255, .13) 48%, transparent 70%);
  transform: translateX(-110%);
}
.cyber-toast.show::before { animation: toast-scan 1.15s ease-out .12s; }
.toast-icon {
  position: absolute;
  left: 17px;
  top: 17px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--cyan);
  border-radius: 50%;
  color: var(--cyan);
  font: 700 20px/34px sans-serif;
  text-align: center;
  box-shadow: 0 0 13px rgba(32, 232, 255, .42), inset 0 0 9px rgba(32, 232, 255, .18);
}
.toast-copy { display: flex; flex-direction: column; gap: 2px; }
.toast-copy small { color: #5c99a2; font: 600 7px Orbitron, sans-serif; letter-spacing: 2px; }
.toast-copy strong { color: #7ff7ff; font: 700 11px Orbitron, sans-serif; letter-spacing: .7px; text-shadow: 0 0 8px rgba(32, 232, 255, .55); }
.toast-copy span { color: #9ab5bb; font-size: 11px; }
.toast-progress { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); transform-origin: left; }
.cyber-toast.show .toast-progress { animation: toast-progress 3.2s linear forwards; }

@keyframes toast-scan { to { transform: translateX(110%); } }
@keyframes toast-progress { to { transform: scaleX(0); } }

.shell, .dashboard {
  position: relative;
  padding: 46px 25px 30px;
  background: linear-gradient(145deg, rgba(4, 27, 38, .97), rgba(1, 10, 16, .98));
  border: 1px solid rgba(72, 236, 255, .65);
  clip-path: polygon(17px 0, calc(100% - 17px) 0, 100% 17px, 100% calc(100% - 17px), calc(100% - 17px) 100%, 17px 100%, 0 calc(100% - 17px), 0 17px);
  box-shadow: inset 0 0 32px rgba(0, 207, 255, .08), 0 0 30px rgba(0, 214, 255, .16);
}
.shell::before, .dashboard::before {
  content: ""; position: absolute; inset: 8px; pointer-events: none;
  border: 1px solid rgba(76, 225, 244, .12);
  clip-path: inherit;
}
.corner { position: absolute; width: 44px; height: 44px; border-color: var(--cyan); filter: drop-shadow(0 0 5px var(--cyan)); }
.c1 { left: 7px; top: 7px; border-left: 4px solid; border-top: 4px solid; }
.c2 { right: 7px; top: 7px; border-right: 4px solid; border-top: 4px solid; }
.c3 { left: 7px; bottom: 7px; border-left: 4px solid; border-bottom: 4px solid; }
.c4 { right: 7px; bottom: 7px; border-right: 4px solid; border-bottom: 4px solid; }
.top-bars { position: absolute; top: 13px; left: 50%; display: flex; gap: 4px; transform: translateX(-50%) skewX(-35deg); }
.top-bars b { width: 18px; height: 4px; background: var(--cyan); box-shadow: 0 0 7px var(--cyan); }

.brand { text-align: center; margin-bottom: 25px; }
.brand-mark {
  position: relative;
  width: 94px;
  height: 94px;
  margin: -12px auto 8px;
  border-radius: 50%;
  overflow: hidden;
  filter: drop-shadow(0 0 11px rgba(28, 212, 255, .5));
  animation: logo-float 4s ease-in-out infinite, logo-glow 3.2s ease-in-out infinite;
}
.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 50%;
}
.brand-mark::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 28%, rgba(255,255,255,.08) 42%, rgba(146,247,255,.8) 49%, rgba(255,255,255,.12) 56%, transparent 70%);
  transform: translateX(-145%) rotate(8deg);
  mix-blend-mode: screen;
  animation: logo-shine 4.8s ease-in-out infinite;
}

@keyframes logo-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.025); }
}

@keyframes logo-glow {
  0%, 100% { filter: drop-shadow(-3px 0 9px rgba(23, 205, 255, .48)) drop-shadow(2px 0 5px rgba(255, 31, 76, .18)); }
  50% { filter: drop-shadow(-4px 0 15px rgba(23, 205, 255, .78)) drop-shadow(4px 0 10px rgba(255, 31, 76, .42)); }
}

@keyframes logo-shine {
  0%, 62% { transform: translateX(-145%) rotate(8deg); opacity: 0; }
  68% { opacity: 1; }
  84%, 100% { transform: translateX(145%) rotate(8deg); opacity: 0; }
}
.eyebrow { margin: 0 0 4px; font-family: Orbitron, sans-serif; font-size: 8px; letter-spacing: 3px; color: #789ca6; }
h1, h2 { margin: 0; font: 700 25px/1.2 Orbitron, sans-serif; letter-spacing: 2px; color: #d4fbff; text-shadow: 0 0 10px rgba(66, 228, 255, .5); }
h1 em, h2 em { color: var(--cyan); font-style: normal; }
.brand h1 { font-size: 18px; letter-spacing: 1px; white-space: nowrap; }
.brand > p:last-child { margin: 5px 0 0; color: var(--muted); font-size: 14px; }

.field {
  height: 49px; padding: 0 13px; margin-bottom: 13px; display: flex; align-items: center; gap: 11px;
  border: 1px solid rgba(57, 197, 224, .42); border-radius: 10px; background: rgba(1, 11, 17, .72);
  box-shadow: inset 0 0 13px rgba(0, 175, 213, .06); transition: .2s;
}
.field:focus-within { border-color: var(--cyan); box-shadow: 0 0 12px rgba(0, 223, 255, .16), inset 0 0 12px rgba(0, 223, 255, .08); }
.field > svg { width: 20px; flex: 0 0 20px; fill: none; stroke: #70a9b5; stroke-width: 1.8; }
.field input { min-width: 0; flex: 1; height: 100%; border: 0; outline: 0; background: transparent; color: #dffcff; font: 500 15px "Chakra Petch"; }
.field input::placeholder { color: #71848e; }
.captcha-wrap{margin:2px 0 13px;padding:8px;overflow:hidden;border:1px solid rgba(54,190,211,.32);border-radius:8px;background:rgba(1,15,22,.78);text-align:center}.captcha-line{display:grid;grid-template-columns:1fr 82px 34px;align-items:center;gap:7px}.captcha-line>span{display:grid;place-items:center;height:38px;border:1px solid rgba(54,214,232,.28);border-radius:5px;color:#8ff5ff;background:repeating-linear-gradient(135deg,rgba(21,94,106,.12) 0 5px,transparent 5px 10px);font:800 14px Orbitron,sans-serif;letter-spacing:1px;text-shadow:0 0 7px rgba(50,229,247,.45)}.captcha-line input{min-width:0;height:38px;padding:0 8px;border:1px solid rgba(61,190,211,.35);border-radius:5px;outline:none;color:#d9fcff;background:#061821;text-align:center;font:700 12px Orbitron,sans-serif}.captcha-line input:focus{border-color:#42e8f7;box-shadow:0 0 9px rgba(54,224,241,.14)}.captcha-line button{height:38px;border:1px solid rgba(57,212,230,.4);border-radius:5px;color:#71eaf5;background:#09232d;font-size:19px;cursor:pointer}.captcha-line button:hover{filter:brightness(1.2)}.captcha-wrap>small{display:block;margin-top:6px;color:#476d77;font:600 6px Orbitron,sans-serif;letter-spacing:.8px}
.eye { width: 26px; padding: 3px; border: 0; background: none; cursor: pointer; }
.eye svg { fill: none; stroke: #6f818b; stroke-width: 1.7; }
.eye.visible svg { stroke: var(--cyan); }
.options { display: flex; align-items: center; justify-content: space-between; margin: 3px 2px 18px; color: #8b9ba3; font-size: 12px; }
.remember { display: flex; align-items: center; gap: 7px; cursor: pointer; }
.remember input { position: absolute; opacity: 0; }
.remember span { width: 15px; height: 15px; border: 1px solid #36788a; border-radius: 3px; }
.remember input:checked + span { background: var(--cyan); box-shadow: 0 0 8px rgba(32,232,255,.5); }
.remember input:checked + span::after { content: "✓"; display: block; color: #05202b; font-size: 13px; font-weight: 800; line-height: 14px; text-align: center; }
.text-button { border: 0; padding: 0; background: none; color: #94a2a9; font: inherit; cursor: pointer; }
.text-button:hover { color: var(--cyan); }
.notice { min-height: 16px; margin: -8px 0 8px; text-align: center; font-size: 11px; }
.notice.error { color: #ff6980; }.notice.success { color: #54ffbc; }.notice.info { color: #77eafa; }

.submit, .switch-mode {
  position: relative; width: 100%; min-height: 48px; border: 1px solid var(--cyan); border-radius: 8px; cursor: pointer;
  font: 700 14px Orbitron, sans-serif; letter-spacing: .5px; transition: transform .15s, filter .15s;
}
.submit { color: #03202b; background: linear-gradient(90deg, #28dff4, #5beafb); box-shadow: 0 0 18px rgba(20, 223, 255, .35), inset 0 0 0 3px rgba(0, 48, 61, .18); }
.submit::before { content: ""; position: absolute; inset: -5px; z-index: -1; border: 1px solid rgba(38, 226, 248, .52); clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px); }
.submit b { position: absolute; right: 17px; top: 2px; font: 34px/40px sans-serif; }
.submit:hover, .switch-mode:hover { filter: brightness(1.15); transform: translateY(-1px); }
.submit:disabled { cursor: wait; filter: saturate(.35); }
.divider { display: flex; align-items: center; gap: 12px; margin: 25px 0 22px; color: #77868e; font-size: 11px; letter-spacing: 2px; }
.divider::before, .divider::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #31505a); }
.divider::after { transform: scaleX(-1); }
.switch-mode { display: flex; align-items: center; justify-content: center; gap: 8px; color: #d9faff; background: rgba(6, 29, 39, .8); border-color: rgba(42, 191, 218, .5); }
.switch-mode svg { width: 20px; fill: none; stroke: var(--cyan-soft); stroke-width: 1.8; }

.dashboard { text-align: center; padding: 26px 13px 18px; }
.tool-header { position: relative; margin: 0 24px 12px; padding: 13px 10px 11px; border: 1px solid rgba(64, 222, 255, .55); background: rgba(3, 15, 28, .78); clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 12px); box-shadow: inset 0 0 17px rgba(23, 172, 255, .12); }
.tool-header h2 {
  margin: 2px 0 4px;
  font-size: 29px;
  letter-spacing: 3px;
  background: linear-gradient(180deg, #efffff 5%, #a9efff 28%, #3caeff 49%, #d9fbff 53%, #3189ee 72%, #123a9d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: .7px #83eaff;
  filter: drop-shadow(0 2px 0 #072b72) drop-shadow(0 0 7px #008cff);
}
.tool-header > p:not(.eyebrow) { margin: 0; color: #7e9ca8; font-size: 10px; }
.tool-header strong { color: var(--cyan); }
.user-profile-card{position:relative;display:grid;grid-template-columns:70px 1fr;gap:11px;margin:0 1px 17px;padding:13px;overflow:hidden;border:1px solid rgba(49,207,232,.42);background:radial-gradient(circle at 15% 25%,rgba(0,181,215,.13),transparent 34%),linear-gradient(120deg,rgba(3,30,43,.96),rgba(1,12,21,.96));text-align:left;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);box-shadow:inset 0 0 24px rgba(34,205,236,.06)}
.user-profile-card::after{content:"";position:absolute;top:0;left:-35%;width:28%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(102,242,255,.09),transparent);transform:skewX(-15deg);animation:profile-scan 5s ease-in-out infinite}.profile-avatar{position:relative;grid-row:span 2;align-self:start;width:68px;height:68px;padding:3px;border:1px solid rgba(70,228,246,.65);background:rgba(0,16,25,.9);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:0 0 14px rgba(29,210,239,.15),inset 0 0 10px rgba(29,210,239,.1)}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-avatar img[hidden]{display:none}.profile-avatar span{position:absolute;inset:3px;z-index:-1;display:grid;place-items:center;color:#7eefff;background:#052734;font:800 25px Orbitron,sans-serif}.profile-avatar i{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border:2px solid #03141e;border-radius:50%;background:#44ffc0;box-shadow:0 0 8px #2affb7;animation:terminal-blink 1.3s steps(2) infinite}
.profile-main{min-width:0}.profile-main>small{color:#527f89;font:600 7px Orbitron,sans-serif;letter-spacing:1.2px}.profile-main>p{margin:4px 0 0;overflow:hidden;color:#83a6ae;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-main>p strong{color:#91f5ff;font:700 13px Orbitron,sans-serif;text-shadow:0 0 7px rgba(46,223,243,.4)}
.account-package { display: flex; align-items: center; justify-content: flex-start; flex-wrap:wrap; gap: 7px; margin-top: 8px; }
.account-package button, .account-package b, .account-package a { padding: 5px 9px; border: 1px solid rgba(67,193,215,.42); border-radius: 4px; font: 800 9px Orbitron,sans-serif; line-height:1;letter-spacing:.35px;text-decoration: none; }
.account-package button{display:flex;align-items:center;gap:5px;cursor:pointer;background:rgba(8,35,44,.72);transition:filter .2s,box-shadow .2s}.account-package button:hover{filter:brightness(1.25);box-shadow:0 0 10px rgba(52,222,240,.14)}.account-package button i{margin-left:1px;font-style:normal}.account-package button.standard { color: #b5c5c9; }.account-package button.gold { color: #ffdc67; border-color: rgba(255,199,48,.5); text-shadow: 0 0 5px #c99000; }.account-package button.premium { color: #70f5ff; border-color: rgba(64,230,255,.58); text-shadow: 0 0 6px #00aeca; }.tier-button-icon{display:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px currentColor)}.account-package button.standard .standard-icon,.account-package button.gold .gold-icon,.account-package button.premium .premium-icon{display:block;animation:tier-button-pulse 2.4s ease-in-out infinite}.account-package button.gold .gold-icon{animation-name:tier-crown-float}.account-package button.premium .premium-icon{animation-name:tier-diamond-pulse}
.account-package b { color: #9adbe3;background:rgba(13,69,80,.22);text-shadow:0 0 5px rgba(71,222,237,.28) }.account-package a { color: #ff8095; border-color: rgba(255,79,108,.45); }
.analysis-access{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;flex:1 0 100%;margin-top:2px;padding:8px 10px;border:1px solid rgba(49,167,184,.25);border-radius:5px;background:linear-gradient(90deg,rgba(5,34,43,.72),rgba(3,21,31,.72))}.analysis-access>i{width:1px;height:25px;background:linear-gradient(transparent,rgba(80,211,226,.4),transparent)}.analysis-access>span{display:flex;min-width:0;flex-direction:column;gap:3px}.analysis-access>span:last-child{text-align:right}.analysis-access small{color:#4f7982;font:600 6px Orbitron,sans-serif;letter-spacing:.65px}.analysis-access strong{overflow:hidden;color:#83dce4;font:800 8px Orbitron,sans-serif;letter-spacing:.45px;text-overflow:ellipsis;white-space:nowrap}.analysis-access #analysis-usage{color:#65dcae}.analysis-access #analysis-usage.limited{color:#ffd76b}.analysis-access #analysis-rate-badge.custom{color:#dd91ff;text-shadow:0 0 6px rgba(211,91,255,.35)}
.profile-level{align-self:end}.profile-level>div:first-child{display:flex;justify-content:space-between;gap:5px;margin-bottom:6px;color:#52777e;font:600 6px Orbitron,sans-serif}.profile-level small{color:#66bfc4;font:600 6px Orbitron,sans-serif;text-align:right}.profile-progress{height:4px;overflow:hidden;background:#08232b}.profile-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#00a9c4,#52ffca);box-shadow:0 0 8px #21e4d2;transition:transform .8s ease}.user-profile-card[data-tier="gold"]{border-color:rgba(255,202,66,.48)}.user-profile-card[data-tier="gold"] .profile-progress i{background:linear-gradient(90deg,#c08400,#ffe36b);box-shadow:0 0 8px #dbac19}.user-profile-card[data-tier="premium"]{border-color:rgba(90,237,255,.68);box-shadow:inset 0 0 28px rgba(34,205,236,.1),0 0 15px rgba(31,211,238,.08)}
@keyframes profile-scan{0%,28%{transform:translateX(0) skewX(-15deg);opacity:0}42%{opacity:1}70%,100%{transform:translateX(520%) skewX(-15deg);opacity:0}}
.tier-dialog{width:min(406px,calc(100% - 20px));max-height:calc(100dvh - 24px);padding:0;overflow:auto;border:1px solid rgba(58,225,244,.52);color:#d8faff;background:#020d15;box-shadow:0 0 35px rgba(0,203,235,.22);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.tier-dialog::backdrop{background:rgba(0,5,10,.84);backdrop-filter:blur(5px)}.tier-dialog-shell{padding:16px}.tier-dialog header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(54,191,212,.23);text-align:left}.tier-dialog header small{color:#507e88;font:600 7px Orbitron,sans-serif;letter-spacing:1.3px}.tier-dialog h3{margin:3px 0 0;color:#9ff7ff;font:800 17px Orbitron,sans-serif;letter-spacing:1px;text-shadow:0 0 8px rgba(38,218,240,.42)}.tier-dialog header button{width:32px;height:32px;border:1px solid rgba(57,205,226,.43);border-radius:4px;color:#7cefff;background:#06212c;font-size:22px;line-height:25px;cursor:pointer}.tier-dialog-lead{margin:12px 2px;color:#789ba3;font-size:10px;line-height:1.45;text-align:left}.tier-plans{display:grid;gap:9px}.tier-plans article{position:relative;padding:12px;border:1px solid rgba(70,151,165,.28);background:linear-gradient(110deg,rgba(5,31,42,.94),rgba(2,15,24,.96));text-align:left}.tier-plans article.current{border-color:#55e9f8;box-shadow:inset 0 0 18px rgba(46,219,239,.08),0 0 12px rgba(46,219,239,.1)}.tier-plans article.current::after{content:"GÓI HIỆN TẠI";position:absolute;right:9px;top:40px;padding:3px 5px;border:1px solid rgba(80,237,247,.4);color:#7ff4fc;background:#062832;font:700 6px Orbitron,sans-serif}.tier-plan-head{display:flex;align-items:center;justify-content:space-between}.tier-plan-name{display:flex;align-items:center;gap:7px}.tier-plan-name svg{width:23px;height:23px;fill:none;stroke:#aebfc3;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px currentColor);animation:tier-button-pulse 2.6s ease-in-out infinite}.tier-plan-head span{color:#b7c9ce;font:800 11px Orbitron,sans-serif}.tier-plan-head b{color:#658991;font:700 7px Orbitron,sans-serif}.tier-plans article[data-plan="gold"] .tier-plan-name svg{stroke:#ffdb5b;animation-name:tier-crown-float}.tier-plans article[data-plan="gold"] .tier-plan-head span{color:#ffe171;text-shadow:0 0 7px rgba(255,197,26,.4)}.tier-plans article[data-plan="premium"] .tier-plan-name svg{stroke:#66f3ff;animation-name:tier-diamond-pulse}.tier-plans article[data-plan="premium"] .tier-plan-head span{color:#78f5ff;text-shadow:0 0 7px rgba(35,220,239,.55)}.tier-score{display:flex;align-items:flex-end;gap:8px;margin:8px 0}.tier-score strong{color:#5affc3;font:800 24px Orbitron,sans-serif;text-shadow:0 0 9px rgba(42,255,190,.35)}.tier-score small{margin-bottom:4px;color:#4c777e;font:600 6px Orbitron,sans-serif;letter-spacing:.6px}.tier-plans ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none}.tier-plans li{color:#8badb3;font-size:8px}.tier-plans li i{margin-right:4px;color:#4fe3b3;font-style:normal;font-weight:800}.tier-plans li.locked{color:#52666b}.tier-plans li.locked i{color:#a25362}.tier-score-note{margin:12px 0 0;color:#3e676f;text-align:center;font:600 6px/1.5 Orbitron,sans-serif;letter-spacing:.65px}
.tier-plans ul{gap:7px 8px}.tier-plans li{line-height:1.35}.tier-plans li b{display:block;margin:0 0 2px 13px;color:#6edce6;font:700 7px Orbitron,sans-serif;letter-spacing:.35px}.tier-plans li i{float:left;margin-right:5px}
@keyframes tier-button-pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 6px currentColor)}}@keyframes tier-crown-float{50%{transform:translateY(-2px) rotate(-3deg);filter:drop-shadow(0 0 7px #ffd84f)}}@keyframes tier-diamond-pulse{50%{transform:scale(1.12) rotate(2deg);filter:drop-shadow(0 0 8px #43eaff)}}

.tool-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.tool-card {
  position: relative;
  min-width: 0;
  height: 290px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  color: #e7fcff;
  border: 1px solid rgba(89, 224, 255, .86);
  background: #03101d;
  clip-path: polygon(11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 11px);
  box-shadow: inset 0 0 15px rgba(0, 202, 255, .28);
  transition: transform .2s ease, filter .2s ease;
}
.tool-card::before { content: "◇"; position: absolute; z-index: 3; top: 5px; left: 50%; width: 25px; height: 18px; transform: translateX(-50%); color: #a3f7ff; font: 700 18px/16px sans-serif; text-shadow: 0 0 7px var(--cyan); }
.tool-card::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(0,10,22,.08) 45%, rgba(1,12,25,.38) 68%, rgba(1,10,22,.98) 85%), linear-gradient(90deg, rgba(15,161,255,.18), transparent 16%, transparent 84%, rgba(15,161,255,.18)); box-shadow: inset 0 0 13px rgba(38, 217, 255, .35); animation: card-energy 3.8s ease-in-out infinite; }
.tool-card:hover, .tool-card:focus-visible { transform: translateY(-5px); filter: brightness(1.18); outline: none; }
.tool-card:active { transform: translateY(-1px) scale(.98); }
.tool-art { position: absolute; inset: -5px; z-index: 1; overflow: hidden; background-image: url('/assets/images/tool-menu-characters.png'); background-repeat: no-repeat; background-size: auto 100%; will-change: transform, filter; animation: tool-art-motion 7s ease-in-out infinite alternate; }
.tool-art::before { content: ""; position: absolute; z-index: 2; left: 0; right: 0; top: -45%; height: 32%; pointer-events: none; background: linear-gradient(to bottom, transparent, rgba(82, 235, 255, .16), rgba(220, 253, 255, .38), transparent); transform: skewY(-8deg); animation: tool-scan 4.6s linear infinite; }
.tool-art::after { content: ""; position: absolute; z-index: 2; inset: 0; pointer-events: none; opacity: .55; background: radial-gradient(circle at 22% 26%, rgba(113,246,255,.9) 0 1px, transparent 2px), radial-gradient(circle at 72% 44%, rgba(77,218,255,.8) 0 1px, transparent 2px), radial-gradient(circle at 45% 68%, rgba(122,115,255,.8) 0 1px, transparent 2px); background-size: 37px 51px, 43px 59px, 53px 47px; animation: tool-particles 8s linear infinite; }
.tool-slots .tool-art { background-position: left center; }
.tool-baccarat .tool-art { background-position: center center; animation-delay: -2.3s; }
.tool-fishing .tool-art { background-position: right center; animation-delay: -4.6s; }
.tool-baccarat::after { animation-delay: -1.25s; }
.tool-fishing::after { animation-delay: -2.5s; }
.tool-label { position: absolute; z-index: 4; left: 4px; right: 4px; bottom: 10px; padding: 10px 1px 9px; border: 1px solid rgba(55, 231, 255, .55); background: linear-gradient(180deg, rgba(3, 30, 59, .82), rgba(1, 8, 24, .96)); clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px); box-shadow: inset 0 0 12px rgba(0, 153, 255, .3); transform: skewX(-2deg); }
.tool-label small, .tool-label b { display: block; font-family: Orbitron, sans-serif; }
.tool-label small { color: #d9f7ff; font-size: 9px; letter-spacing: 2px; text-shadow: 0 0 5px #24c7ff; }
.tool-label b {
  margin-top: 3px;
  font-size: 15px;
  line-height: 1.08;
  letter-spacing: -.5px;
  background: linear-gradient(180deg, #fff 0%, #bbf4ff 25%, #4ac7ff 52%, #f0ffff 56%, #318df7 78%, #173eae 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: .55px #8cf3ff;
  filter: drop-shadow(0 2px 0 #092d78) drop-shadow(0 0 5px #009dff) drop-shadow(0 0 10px rgba(0, 105, 255, .8));
  background-size: 100% 220%;
  animation: tool-text-shimmer 3.6s ease-in-out infinite;
}
.tool-baccarat .tool-label b { font-size: 10.5px; letter-spacing: -1px; }
.dashboard-logout { margin-top: 20px; padding: 7px 18px; border: 1px solid rgba(64, 203, 226, .35); border-radius: 4px; color: #6d9ca7; background: rgba(0, 12, 20, .72); font: 600 9px Orbitron, sans-serif; letter-spacing: 1px; cursor: pointer; }
.dashboard-logout:hover { color: #ff7184; border-color: rgba(255, 75, 103, .5); }

@keyframes tool-art-motion {
  0% { transform: scale(1.02) translate3d(-1px, 1px, 0); filter: brightness(.92) saturate(.95); }
  50% { filter: brightness(1.08) saturate(1.1); }
  100% { transform: scale(1.095) translate3d(2px, -4px, 0); filter: brightness(1) saturate(1.05); }
}
@keyframes tool-scan { from { transform: translateY(-20px) skewY(-8deg); } to { transform: translateY(440px) skewY(-8deg); } }
@keyframes tool-particles { to { background-position: 13px -102px, -11px -118px, 8px -94px; } }
@keyframes card-energy { 0%,100% { box-shadow: inset 0 0 12px rgba(38,217,255,.25); } 50% { box-shadow: inset 0 0 24px rgba(38,217,255,.48); } }
@keyframes tool-text-shimmer { 0%,100% { background-position: 50% 0%; } 50% { background-position: 50% 100%; } }

.game-library {
  position: relative;
  width: 100%;
  padding: 16px 12px 20px;
  border: 1px solid rgba(72, 236, 255, .5);
  background: linear-gradient(145deg, rgba(3, 18, 29, .96), rgba(1, 8, 15, .98));
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  box-shadow: inset 0 0 30px rgba(0, 196, 255, .08);
}
.library-header { display: grid; grid-template-columns: 38px 1fr 38px; align-items: center; gap: 8px; margin-bottom: 13px; text-align: center; }
.library-header h2 { font-size: 18px; letter-spacing: 1px; }
.library-back { width: 36px; height: 36px; border: 1px solid rgba(59, 220, 244, .55); border-radius: 7px; color: var(--cyan); background: rgba(1, 23, 32, .85); font: 28px/28px sans-serif; cursor: pointer; }
.game-count { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(59, 220, 244, .35); border-radius: 50%; color: #85eff8; font: 600 10px Orbitron, sans-serif; }
.game-search { height: 43px; display: flex; align-items: center; gap: 8px; margin-bottom: 13px; padding: 0 12px; border: 1px solid rgba(50, 191, 219, .38); border-radius: 8px; background: rgba(0, 8, 15, .78); }
.game-search svg { width: 18px; fill: none; stroke: #5599a7; stroke-width: 1.8; }
.game-search input { width: 100%; height: 100%; border: 0; outline: 0; color: #d8fbff; background: transparent; font: 500 12px "Chakra Petch", sans-serif; }
.game-search input::placeholder { color: #56717a; }
.game-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.game-item { min-width: 0; overflow: hidden; border: 1px solid rgba(44, 176, 209, .37); border-radius: 7px; background: rgba(2, 14, 23, .92); box-shadow: inset 0 0 10px rgba(0, 157, 255, .06); transition: transform .18s, border-color .18s; }
.game-item:hover { transform: translateY(-2px); border-color: rgba(71, 228, 255, .75); }
.game-item img { display: block; width: 100%; aspect-ratio: 1.34; object-fit: cover; background: #06131d; }
.game-item.image-error img { visibility: hidden; }
.game-item > div { min-height: 52px; padding: 7px 6px 6px; text-align: left; }
.game-item h3 { display: -webkit-box; margin: 0; overflow: hidden; color: #d3f9ff; font: 600 10px/1.25 "Chakra Petch", sans-serif; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.game-item span { display: inline-block; margin-top: 5px; padding: 2px 5px; border-radius: 3px; color: #27e6f7; background: rgba(21, 197, 220, .1); font: 600 7px Orbitron, sans-serif; }
.library-state { margin: 25px 0 10px; color: #65919b; text-align: center; font: 600 9px Orbitron, sans-serif; letter-spacing: 1px; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 16px; }
.pagination > button, .page-numbers button { display: grid; place-items: center; min-width: 31px; height: 31px; padding: 0 6px; border: 1px solid rgba(44, 185, 213, .38); border-radius: 5px; color: #76cbd5; background: rgba(1, 17, 27, .9); font: 600 9px Orbitron, sans-serif; cursor: pointer; }
.page-numbers { display: flex; gap: 5px; }
.page-numbers button.active { color: #031319; border-color: var(--cyan); background: var(--cyan); box-shadow: 0 0 10px rgba(32, 232, 255, .45); }
.pagination button:hover:not(:disabled) { color: #e4fdff; border-color: var(--cyan); }
.pagination button:disabled { opacity: .28; cursor: default; }
.page-status { min-height: 12px; margin: 9px 0 0; color: #587881; text-align: center; font: 600 7px Orbitron, sans-serif; letter-spacing: .6px; }

.baccarat-lobby, .baccarat-analyzer {
  position: relative;
  width: 100%;
  padding: 17px 13px 20px;
  border: 1px solid rgba(57, 218, 255, .58);
  background: linear-gradient(150deg, rgba(2, 16, 29, .97), rgba(1, 7, 16, .98));
  clip-path: polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);
  box-shadow: inset 0 0 32px rgba(0, 174, 255, .09);
}
.baccarat-brand { display: grid; grid-template-columns: 38px 1fr 38px; align-items: center; gap: 8px; margin-bottom: 8px; }
.baccarat-brand > div { text-align: center; }
.baccarat-brand small { color: #5c8895; font: 600 7px Orbitron, sans-serif; letter-spacing: 1.5px; }
.baccarat-brand h2 { margin-top: 2px; font-size: 21px; }
.live-dot { color: #49ffc0; font: 700 8px Orbitron, sans-serif; text-shadow: 0 0 8px #00ff9d; }
.lobby-caption { margin: 5px 0 13px; color: #6e929d; text-align: center; font: 600 8px Orbitron, sans-serif; letter-spacing: 1.4px; }
.baccarat-tables { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.baccarat-table { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(68, 222, 255, .65); border-radius: 7px; background: rgba(1, 18, 31, .94); box-shadow: inset 0 0 13px rgba(0, 163, 255, .13), 0 0 8px rgba(0, 142, 255, .1); }
.baccarat-table > header { height: 28px; display: flex; align-items: center; gap: 4px; padding: 0 6px; border-bottom: 1px solid rgba(54, 183, 216, .38); font-size: 7px; }
.baccarat-table > header strong { color: #ffcf69; white-space: nowrap; }
.baccarat-table > header b { padding: 3px; color: #5ff09e; background: rgba(25, 154, 78, .17); white-space: nowrap; }
.baccarat-table > header span { margin-left: auto; color: #70cfff; }
.table-road, .big-road { display: grid; grid-auto-flow: column; grid-template-rows: repeat(6, 1fr); grid-auto-columns: 12px; align-content: start; justify-content: start; overflow: hidden; background-image: linear-gradient(rgba(56,133,171,.27) 1px, transparent 1px), linear-gradient(90deg, rgba(56,133,171,.27) 1px, transparent 1px); background-size: 12px 12px; }
.table-road { width: calc(100% - 48px); height: 73px; padding: 1px; }
.table-road i, .big-road i { align-self: center; justify-self: center; width: 9px; height: 9px; border: 2px solid; border-radius: 50%; }
.table-road i.player, .big-road i.player { border-color: #20a5ff; box-shadow: 0 0 4px #0879ff; }
.table-road i.banker, .big-road i.banker { border-color: #ff5268; box-shadow: 0 0 4px #ff193d; }
.table-road i.tie, .big-road i.tie { border-color: #4cff82; box-shadow: 0 0 4px #16df59; }
.baccarat-table > aside { position: absolute; right: 0; top: 28px; width: 48px; height: 73px; padding: 8px 4px; border-left: 1px solid rgba(61, 186, 215, .36); color: #dfce6d; background: linear-gradient(135deg, rgba(79,60,8,.45), rgba(7,35,31,.8)); font-size: 7px; line-height: 1.3; }
.baccarat-table > footer { height: 31px; display: flex; align-items: center; justify-content: space-between; padding: 0 5px; border-top: 1px solid rgba(54, 183, 216, .3); }
.baccarat-table > footer span { color: #8aaab3; font-size: 7px; }
.baccarat-table > footer i { display: inline-block; width: 6px; height: 6px; margin: 0 2px; border-radius: 50%; }
.baccarat-table > footer i.player { background: #258cff; }.baccarat-table > footer i.banker { background: #ff5268; }.baccarat-table > footer i.tie { background: #42e979; }
.baccarat-table > footer button { padding: 5px 7px; border: 1px solid #22d7ff; border-radius: 4px; color: #bff7ff; background: rgba(0, 107, 155, .55); box-shadow: 0 0 7px rgba(0, 212, 255, .4); font: 600 7px Orbitron, sans-serif; cursor: pointer; }

.baccarat-analyzer { isolation: isolate; overflow: hidden; padding: 13px 14px 18px; background: #000; }
.baccarat-top-video { position: absolute; z-index: -2; top: 35; left: 0; width: 100%; height: 130px; object-fit: cover; object-position: center top; pointer-events: none; filter: saturate(.88) contrast(1.08) brightness(.72); mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%); }
.baccarat-top-overlay { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 320px; pointer-events: none; background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.46) 62%, #000 100%); }
.analyzer-topbar { position: relative; z-index: 1; display: grid; grid-template-columns: 40px 1fr 40px; align-items: center; }
.analyzer-topbar button { width: 36px; height: 36px; border: 1px solid rgba(61,214,255,.6); border-radius: 8px; color: var(--cyan); background: rgba(1,23,38,.9); font-size: 27px; cursor: pointer; }
.analyzer-topbar div { display: flex; flex-direction: column; text-align: center; }
.analyzer-topbar small { color: #6e9da8; font: 600 8px Orbitron, sans-serif; }
.analyzer-topbar strong { color: #8ef4ff; font: 700 13px Orbitron, sans-serif; letter-spacing: 1px; }
.analyzer-topbar > span { color: #7beeff; font-size: 20px; text-align: right; }
.analysis-orb { width: 190px; height: 150px; margin: 2px auto 10px; display: grid; place-items: center; background: radial-gradient(circle, rgba(0,216,255,.3) 0 25%, rgba(0,98,255,.13) 44%, transparent 66%); }
.orb-rings { width: 130px; height: 130px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(71,224,255,.6); border-radius: 50%; box-shadow: 0 0 22px rgba(0,174,255,.34), inset 0 0 25px rgba(0,153,255,.2); animation: orb-pulse 2.5s ease-in-out infinite; }
.orb-rings span { color: #9cd8e1; font-size: 9px; }.orb-rings strong { color: #8ff6ff; font: 700 32px Orbitron, sans-serif; text-shadow: 0 0 10px #00b7ff; }.orb-rings i { color: #4eeeff; font-size: 9px; font-style: normal; letter-spacing: 3px; }
.prediction-dial { position: relative; isolation: isolate; width: 200px; aspect-ratio: 1; margin: 12px auto 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 9px double rgba(34,181,255,.72); border-radius: 50%; background: #000; box-shadow: 0 0 20px rgba(0,155,255,.3), inset 0 0 25px rgba(0,116,255,.22); }
.prediction-video { position: absolute; z-index: -2; top: 50%; left: 50%; width: 230px; height: 230px; object-fit: cover; transform: translate(-50%, -50%) translateY(10px); pointer-events: none; filter: saturate(.9) contrast(1.08) brightness(.7); }
.prediction-video-overlay { position: absolute; z-index: -1; inset: 0; border-radius: 50%; pointer-events: none; background: radial-gradient(circle, rgba(0,10,22,.2), rgba(0,4,12,.62)); }
.prediction-dial small { color: #a6c7d0; font-size: 10px; }.prediction-dial > strong { margin-top: 5px; color: #7bdcff; font: 800 37px Orbitron, sans-serif; text-shadow: 0 0 11px #008dff; }.prediction-dial > strong.banker { color: #ff7588; text-shadow: 0 0 11px #ff234a; }.prediction-dial b { color: white; font: 700 25px Orbitron, sans-serif; }.prediction-dial span { margin-top: 6px; color: #6f9ea9; font-size: 8px; }
.result-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.result-actions button { height: 51px; border: 2px solid; border-radius: 8px; color: white; font: 800 12px "Chakra Petch", sans-serif; cursor: pointer; clip-path: polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px); }
.result-actions .player { border-color: #31b5ff; background: linear-gradient(#0750a5,#06235e); box-shadow: 0 0 10px rgba(0,127,255,.38); }.result-actions .tie { border-color: #45ef9d; background: linear-gradient(#087b50,#073728); }.result-actions .banker { border-color: #ff5672; background: linear-gradient(#a40e31,#4a0718); }
.analyzer-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0; }
.analyzer-controls button { height: 42px; border: 1px solid rgba(44,193,236,.5); border-radius: 7px; color: #d0eff4; background: rgba(3,29,51,.84); font-size: 20px; cursor: pointer; }.analyzer-controls span { margin-left: 8px; font-size: 11px; }
.road-panel { padding: 9px; border: 1px solid rgba(50,199,239,.55); border-radius: 7px; background: rgba(1,16,29,.88); }
.road-panel header { display: flex; justify-content: space-between; margin-bottom: 7px; color: #c6e9ee; font-size: 10px; }.road-panel header small { color: #75b2c0; }
.big-road { width: 100%; height: 84px; grid-auto-columns: 14px; background-size: 14px 14px; }.big-road i { width: 10px; height: 10px; }
.analysis-stats { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 10px; padding: 11px 5px; border: 1px solid rgba(53,197,235,.43); border-radius: 6px; background: rgba(2,21,38,.9); }
.analysis-stats div { border-right: 1px solid rgba(59,159,188,.35); text-align: center; }.analysis-stats div:last-child { border: 0; }.analysis-stats small,.analysis-stats strong { display: block; }.analysis-stats small { color: #6b99a4; font-size: 8px; }.analysis-stats strong { margin-top: 3px; color: #ecfaff; font: 700 16px Orbitron,sans-serif; }.analysis-stats div:first-child strong { color: #50b9ff; }.analysis-stats div:nth-child(2) strong { color: #ff647a; }.analysis-stats div:last-child strong { color: #f4e77d; }
.simulation-note { margin: 10px 0 0; color: #456773; text-align: center; font: 600 7px Orbitron,sans-serif; letter-spacing: 1px; }
.baccarat-analyzer.live-mode .result-actions,.baccarat-analyzer.live-mode .analyzer-controls{display:none}.baccarat-table.stale{filter:saturate(.45);opacity:.72}.baccarat-table.maintenance{filter:grayscale(.65);opacity:.58}.baccarat-table .dealer-mini{width:24px;height:24px;margin-right:6px;border:1px solid rgba(71,219,244,.38);border-radius:50%;object-fit:cover;vertical-align:middle}.baccarat-table .table-timer.stale{color:#ff8b69}.baccarat-table .table-timer.live{color:#5affc1}.baccarat-table>footer button:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(1)}.baccarat-table>footer em{font-style:normal}.live-dot.offline{color:#ff8b69;border-color:rgba(255,91,70,.5);box-shadow:0 0 12px rgba(255,64,48,.2)}.baccarat-empty{margin:30px 10px;padding:24px 12px;border:1px dashed rgba(47,214,244,.35);color:#6c9fac;text-align:center;font:700 9px Orbitron,sans-serif;letter-spacing:1px}
@keyframes orb-pulse { 50% { transform: scale(1.04); box-shadow: 0 0 34px rgba(0,190,255,.55), inset 0 0 30px rgba(0,153,255,.28); } }

.tip-terminal {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: calc(100dvh - 68px);
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(41, 237, 255, .82);
  color: #c9faff;
  background: linear-gradient(145deg, rgba(1, 15, 23, .985), rgba(1, 5, 11, .99));
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px);
  box-shadow: 0 0 30px rgba(0, 210, 255, .2), inset 0 0 30px rgba(0, 169, 255, .06);
}
.terminal-video { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; filter: saturate(.85) contrast(1.08) brightness(.72); }
.terminal-video-overlay { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(to bottom, rgba(0,7,13,.46), rgba(0,5,10,.7)), radial-gradient(circle at 50% 35%, rgba(0,36,48,.16), rgba(0,2,7,.55) 82%); }
.tip-terminal > header { display: flex; align-items: center; justify-content: space-between; padding: 0 2px 10px; border-bottom: 1px solid rgba(37, 171, 195, .27); }
.terminal-status { color: #58d8e5; font: 600 8px Orbitron, sans-serif; letter-spacing: 1.3px; }
.terminal-status i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: #2dffc0; box-shadow: 0 0 8px #2dffc0; animation: terminal-blink 1s steps(2) infinite; }
.tip-terminal > header button { width: 32px; height: 32px; padding: 0; border: 1px solid rgba(51, 211, 239, .5); border-radius: 5px; color: var(--cyan); background: rgba(2, 30, 43, .8); font-size: 27px; line-height: 25px; cursor: pointer; }
.terminal-loading { position: relative; min-height: 430px; padding: 38px 12px 22px; overflow: hidden; }
.terminal-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(to bottom, transparent 0 3px, rgba(49, 225, 255, .018) 3px 4px);
}
.terminal-loading::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -15%;
  height: 16%;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(55, 240, 255, .08), transparent);
  animation: terminal-scan 3.4s linear infinite;
}
.terminal-logo { width: 76px; height: 76px; margin: 0 auto 20px; border: 1px solid var(--cyan); border-radius: 50%; color: var(--cyan); font: 42px/72px sans-serif; text-align: center; box-shadow: 0 0 22px rgba(32,232,255,.35), inset 0 0 20px rgba(32,232,255,.15); animation: terminal-spin 3.5s linear infinite; }
.terminal-target { min-height: 33px; margin: 0 0 18px; color: #4f7c87; text-align: center; font: 600 8px/1.5 Orbitron, sans-serif; letter-spacing: .8px; }
.terminal-target strong { color: #9af7ff; }
.terminal-output { position: relative; height: 174px; padding: 12px; overflow: hidden; border: 1px solid rgba(25, 155, 181, .32); background: radial-gradient(circle at 30% 20%, rgba(0,95,90,.1), transparent 48%), rgba(0, 7, 10, .88); box-shadow: inset 0 0 18px rgba(0, 224, 199, .04); font: 10px/1.5 monospace; }
.terminal-output p { min-height: 15px; margin: 0 0 7px; color: #4eb9a0; text-shadow: 0 0 5px rgba(33, 225, 177, .25); }
.terminal-output p.typing::after { content: "▋"; margin-left: 2px; color: #7dffe0; animation: terminal-cursor .55s steps(2) infinite; }
.terminal-output .terminal-success { color: #58ffc0; text-shadow: 0 0 6px #00ca85; }
.terminal-progress { height: 4px; margin-top: 14px; overflow: hidden; background: #071d25; }
.terminal-progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; will-change: transform; background: linear-gradient(90deg, #04a7c8, #4effdc 75%, #e3ffff); box-shadow: 0 0 9px #20f1e0; }
.terminal-loading > small { display: block; margin-top: 9px; color: #42636c; text-align: center; font: 600 7px Orbitron, sans-serif; letter-spacing: 1px; }
.tip-result { padding: 22px 5px 7px; }
.tip-result > h2 { margin: 4px 0 16px; font-size: 17px; line-height: 1.35; }
.tip-result > h2 em { display: block; margin-top: 3px; font-size: 14px; }
.module-tier-signal{--tier-color:#aebfc5;position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:0 0 11px;padding:9px 11px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tier-color) 48%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--tier-color) 11%,#03131d),rgba(1,13,21,.94));box-shadow:inset 0 0 16px color-mix(in srgb,var(--tier-color) 8%,transparent)}.module-tier-signal::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,color-mix(in srgb,var(--tier-color) 12%,transparent) 45%,transparent 62%);transform:translateX(-100%);animation:tier-signal-scan 3.8s ease-in-out infinite}.module-tier-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--tier-color);color:var(--tier-color);font:800 18px Orbitron,sans-serif;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);text-shadow:0 0 7px var(--tier-color);animation:tier-signal-pulse 2s ease-in-out infinite}.module-tier-signal>div{display:flex;min-width:0;flex-direction:column}.module-tier-signal small{color:#587b83;font:600 6px Orbitron,sans-serif;letter-spacing:.8px}.module-tier-signal strong{margin-top:3px;overflow:hidden;color:var(--tier-color);font:800 9px Orbitron,sans-serif;letter-spacing:.55px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 6px color-mix(in srgb,var(--tier-color) 50%,transparent)}.module-tier-signal>b{color:var(--tier-color);font:800 18px Orbitron,sans-serif;text-shadow:0 0 9px color-mix(in srgb,var(--tier-color) 55%,transparent)}
.tip-terminal[data-tier="gold"],.baccarat-analyzer[data-tier="gold"],.fish-tactical[data-tier="gold"]{border-color:rgba(255,210,70,.72);box-shadow:0 0 30px rgba(255,190,30,.16),inset 0 0 30px rgba(255,190,30,.055)}.tip-terminal[data-tier="premium"],.baccarat-analyzer[data-tier="premium"],.fish-tactical[data-tier="premium"]{border-color:rgba(124,240,255,.94);box-shadow:0 0 34px rgba(46,220,255,.28),inset 0 0 35px rgba(117,74,255,.09)}[data-tier="gold"] .module-tier-signal{--tier-color:#ffd65c}[data-tier="premium"] .module-tier-signal{--tier-color:#73f4ff;background:linear-gradient(90deg,rgba(20,32,67,.88),rgba(1,17,28,.96))}[data-tier="premium"] .module-tier-icon{background:rgba(97,75,255,.1);box-shadow:0 0 12px rgba(87,226,255,.22)}
[data-tier="gold"] .tip-list mark,[data-tier="gold"] .tactical-phases mark{color:#ffe273;background:rgba(255,194,41,.12);text-shadow:0 0 6px rgba(255,194,41,.45)}[data-tier="gold"] .prediction-dial strong,[data-tier="gold"] #fish-target{color:#ffe273;text-shadow:0 0 10px rgba(255,194,41,.55)}[data-tier="premium"] .tip-list mark,[data-tier="premium"] .tactical-phases mark{color:#b9faff;background:rgba(91,102,255,.16);text-shadow:0 0 7px rgba(81,228,255,.55)}[data-tier="premium"] .prediction-dial strong,[data-tier="premium"] #fish-target{color:#8df8ff;text-shadow:0 0 12px rgba(89,94,255,.65)}
.slot-game-visual{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:145px;margin:0 0 11px;padding:15px;overflow:hidden;border:1px solid rgba(44,212,239,.44);background:#03121c;box-shadow:inset 0 0 25px rgba(22,209,240,.07)}
.slot-game-visual::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,15,24,.98) 0 25%,rgba(1,16,25,.72) 48%,rgba(1,12,20,.16) 78%,rgba(1,10,17,.42)),linear-gradient(to top,rgba(0,10,17,.82),transparent 62%)}
.slot-game-visual::after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:24%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(99,241,255,.14),transparent);transform:translateX(-150%);animation:slot-art-scan 4.5s ease-in-out infinite}
.slot-game-visual>img{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.2) contrast(1.08) brightness(.72);transform:scale(1.04);animation:slot-art-drift 8s ease-in-out infinite alternate}.slot-game-visual>img[hidden]{display:none}
.slot-visual-copy{position:relative;z-index:2;display:flex;flex-direction:column;max-width:75%;padding:8px 10px;border-left:2px solid #45e8f7;background:linear-gradient(90deg,rgba(0,18,28,.78),transparent)}.slot-visual-copy small{color:#60939c;font:600 7px Orbitron,sans-serif;letter-spacing:1px}.slot-visual-copy strong{margin:5px 0;color:#9af8ff;font:800 12px/1.3 Orbitron,sans-serif;text-shadow:0 0 8px rgba(23,222,244,.55)}.slot-visual-copy span{color:#55e4bd;font:700 7px Orbitron,sans-serif;letter-spacing:.6px}.slot-visual-copy i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#42ffc1;box-shadow:0 0 7px #42ffc1;animation:terminal-blink 1s steps(2) infinite}
.risk-level { display: flex; align-items: center; justify-content: space-between; padding: 9px 11px; border: 1px solid rgba(45, 255, 182, .4); background: linear-gradient(90deg, rgba(5, 71, 52, .42), rgba(7, 31, 34, .82)); font: 600 8px Orbitron, sans-serif; box-shadow: inset 0 0 12px rgba(35, 255, 188, .06); }
.risk-level span { color: #70bca8; }.risk-level strong { color: #55ffc1; letter-spacing: 1px; text-shadow: 0 0 8px #00d98c; }
.risk-level strong::before { content: "●"; margin-right: 6px; font-size: 7px; animation: terminal-blink 1.2s steps(2) infinite; }
.tip-code { margin: 8px 0 13px; color: #3d7781; font: 8px/1.4 monospace; word-break: break-all; }
.tip-list { display: grid; gap: 8px; }
.tip-list article { display: grid; grid-template-columns: 34px 1fr; gap: 9px; padding: 11px; border: 1px solid rgba(37, 180, 208, .25); background: linear-gradient(100deg, rgba(2,27,39,.9), rgba(2,13,22,.92)); }
.tip-list article > span { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid var(--cyan); color: var(--cyan); font: 700 9px Orbitron, sans-serif; box-shadow: inset 0 0 9px rgba(0,212,255,.15); }
.tip-list strong { display: block; color: #7ceaf3; font: 700 9px Orbitron, sans-serif; letter-spacing: .5px; }
.tip-list p { margin: 4px 0 0; color: #8aa5ab; font-size: 10px; line-height: 1.35; }
.tip-list mark { padding: 0 2px; color: #62f3ff; background: rgba(25, 194, 224, .13); font-weight: 700; text-shadow: 0 0 5px rgba(0, 216, 255, .45); }
.tip-list small { display: block; margin-top: 7px; color: #62c992; font-size: 8px; line-height: 1.35; }
.tip-reload { width: 100%; height: 41px; margin-top: 15px; border: 1px solid rgba(45, 221, 241, .5); border-radius: 5px; color: #8df3fb; background: rgba(2,32,43,.85); font: 600 9px Orbitron, sans-serif; letter-spacing: 1px; cursor: pointer; }
.jackpot-feed { position: relative; margin-top: 17px; overflow: hidden; border: 1px solid rgba(51,232,184,.35); background: linear-gradient(145deg,rgba(1,25,29,.94),rgba(1,10,18,.97)); box-shadow: inset 0 0 24px rgba(25,255,194,.045),0 0 16px rgba(0,209,255,.07); }
.jackpot-feed::before { content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(75,255,214,.018) 3px 4px) }
.jackpot-feed>header { position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid rgba(53,205,180,.22);background:rgba(2,27,32,.8) }
.jackpot-feed>header div{display:flex;align-items:center;gap:7px}.jackpot-feed>header i{width:7px;height:7px;border-radius:50%;background:#45ffc0;box-shadow:0 0 8px #24eaa9;animation:terminal-blink 1.1s steps(2) infinite}.jackpot-feed>header span{color:#7effd6;font:700 8px Orbitron,sans-serif;letter-spacing:.8px}.jackpot-feed>header small{color:#477b78;font:600 6px Orbitron,sans-serif;letter-spacing:.45px}
.jackpot-feed-window { position:relative;height:205px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent) }
.jackpot-feed-list { will-change:transform;animation:jackpot-scroll 25s linear infinite }
.jackpot-feed-item { display:grid;grid-template-columns:27px minmax(0,1fr) auto 45px;align-items:center;gap:7px;height:41px;padding:0 10px;border-bottom:1px solid rgba(48,158,147,.12);font-size:9px }
.jackpot-feed-item:nth-child(odd){background:linear-gradient(90deg,rgba(16,100,81,.1),transparent)}.jackpot-feed-item>span{color:#376b6b;font:700 7px Orbitron,sans-serif}.jackpot-feed-item p{min-width:0;margin:0;overflow:hidden;color:#77999b;text-overflow:ellipsis;white-space:nowrap}.jackpot-feed-item p strong{margin-right:4px;color:#a1f9e3;font-weight:700}.jackpot-feed-item b{color:#ffe073;font:800 10px Orbitron,sans-serif;text-shadow:0 0 7px rgba(255,199,41,.42)}.jackpot-feed-item small{color:#416c70;text-align:right;font-size:7px}
.jackpot-feed:hover .jackpot-feed-list{animation-play-state:paused}
.fish-win-feed{margin-top:14px;border-color:rgba(48,211,232,.34);background:linear-gradient(145deg,rgba(1,28,38,.95),rgba(1,10,20,.98))}.fish-win-feed>header{border-bottom-color:rgba(48,197,220,.22);background:rgba(2,30,42,.82)}.fish-win-feed>header i{background:#47eaff;box-shadow:0 0 8px #20d7ff}.fish-win-feed>header span{color:#7cefff}.fish-win-feed .jackpot-feed-item:nth-child(odd){background:linear-gradient(90deg,rgba(18,104,129,.12),transparent)}.fish-win-feed .jackpot-feed-item p strong{color:#9af5ff}.fish-win-feed .jackpot-feed-item b{color:#73ffd3;text-shadow:0 0 7px rgba(39,255,196,.4)}
.fish-return{width:100%;height:42px;margin-top:12px;border:1px solid rgba(52,218,238,.5);border-radius:5px;color:#91f4ff;background:linear-gradient(90deg,rgba(2,38,51,.92),rgba(3,25,39,.94));font:700 9px Orbitron,sans-serif;letter-spacing:.8px;cursor:pointer;box-shadow:inset 0 0 15px rgba(32,220,241,.055);transition:border-color .2s,box-shadow .2s,color .2s}.fish-return:hover,.fish-return:focus-visible{border-color:#4deaff;color:#d4fbff;box-shadow:0 0 14px rgba(36,221,243,.18),inset 0 0 16px rgba(32,220,241,.09);outline:none}.fish-return:active{transform:translateY(1px)}
.game-item[role="button"] { cursor: pointer; }
.game-item[role="button"]:focus-visible { outline: 1px solid var(--cyan); outline-offset: 2px; }
@keyframes terminal-blink { 50% { opacity: .25; } }
@keyframes terminal-spin { to { transform: rotate(360deg); } }
@keyframes terminal-cursor { 50% { opacity: 0; } }
@keyframes terminal-scan { to { transform: translateY(720px); } }
@keyframes jackpot-scroll { to { transform:translateY(-410px) } }
@keyframes slot-art-drift{to{transform:scale(1.1) translateX(-1.5%)}}
@keyframes slot-art-scan{0%,18%{transform:translateX(-150%);opacity:0}35%{opacity:1}62%,100%{transform:translateX(540%);opacity:0}}
@keyframes tier-signal-scan{0%,24%{transform:translateX(-110%);opacity:0}42%{opacity:1}72%,100%{transform:translateX(110%);opacity:0}}@keyframes tier-signal-pulse{50%{transform:scale(1.07);filter:brightness(1.25)}}

.fish-tactical {
  position: relative;
  width: 100%;
  min-height: calc(100dvh - 68px);
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(35, 229, 255, .7);
  color: #d8fbff;
  background: radial-gradient(circle at 50% 25%, rgba(0, 111, 130, .18), transparent 42%), linear-gradient(160deg, #02121b, #00070c 72%);
  clip-path: polygon(13px 0, calc(100% - 13px) 0, 100% 13px, 100% calc(100% - 13px), calc(100% - 13px) 100%, 13px 100%, 0 calc(100% - 13px), 0 13px);
  box-shadow: inset 0 0 35px rgba(0, 206, 232, .08);
}
.fish-tactical::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(rgba(29,175,198,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(29,175,198,.08) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(to bottom, #000, transparent 75%); }
.fish-topbar { position: relative; z-index: 2; display: grid; grid-template-columns: 40px 1fr 45px; align-items: center; padding-bottom: 11px; border-bottom: 1px solid rgba(40,183,204,.27); }
.fish-topbar button { width: 35px; height: 35px; border: 1px solid rgba(49,213,236,.55); border-radius: 6px; color: var(--cyan); background: rgba(1,27,37,.9); font-size: 27px; line-height: 25px; cursor: pointer; }
.fish-topbar > div { display: flex; flex-direction: column; min-width: 0; text-align: center; }.fish-topbar small { color: #5eaab4; font: 600 7px Orbitron,sans-serif; letter-spacing: 1.3px; }.fish-topbar strong { overflow: hidden; color: #a3f8ff; font: 700 11px Orbitron,sans-serif; text-overflow: ellipsis; white-space: nowrap; }.fish-topbar > span { color: #55ffc5; font: 700 7px Orbitron,sans-serif; }.fish-topbar > span i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #42ffc1; box-shadow: 0 0 7px #42ffc1; animation: terminal-blink 1s steps(2) infinite; }
.fish-scan { position: relative; z-index: 1; padding: 32px 8px 20px; }
.sonar-radar { position: relative; width: 230px; aspect-ratio: 1; margin: 0 auto 25px; overflow: hidden; border: 1px solid rgba(64,240,255,.8); border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 31px, rgba(45,226,239,.25) 32px 33px), linear-gradient(rgba(24,184,198,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(24,184,198,.18) 1px, transparent 1px), radial-gradient(circle, rgba(0,103,112,.25), rgba(0,12,18,.85)); background-size: auto, 100% 25%, 25% 100%, auto; box-shadow: 0 0 28px rgba(0,219,232,.23), inset 0 0 25px rgba(0,203,217,.15); }
.sonar-radar::before,.sonar-radar::after { content:""; position:absolute; background:rgba(63,234,245,.3); }.sonar-radar::before { left:50%; top:0; bottom:0; width:1px; }.sonar-radar::after { top:50%; left:0; right:0; height:1px; }
.sonar-sweep { position: absolute; inset: 50% 50% 0 0; transform-origin: right top; background: conic-gradient(from 270deg at 100% 0, rgba(72,255,221,.48), transparent 35deg); animation: sonar-rotate 2.4s linear infinite; }
.sonar-target { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #54ffcc; box-shadow: 0 0 10px #22ffb7; animation: sonar-ping 1.7s ease-out infinite; }.sonar-target.t1{left:28%;top:34%}.sonar-target.t2{right:23%;top:48%;animation-delay:-.6s}.sonar-target.t3{left:48%;bottom:22%;animation-delay:-1.1s}
.sonar-radar > strong { position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#8affdf; font:700 10px Orbitron,sans-serif; letter-spacing:2px; text-shadow:0 0 7px #00d99d; }
.fish-scan-log { height: 128px; padding: 11px; border: 1px solid rgba(41,183,200,.27); background: rgba(0,9,13,.72); font: 9px/1.45 monospace; }.fish-scan-log p{min-height:13px;margin:0 0 7px;color:#52c9aa;text-shadow:0 0 5px rgba(36,255,192,.2)}
.fish-scan-progress { height: 4px; margin-top: 12px; overflow:hidden; background:#062029; }.fish-scan-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#00a9ba,#56ffd1);box-shadow:0 0 9px #22e7c0;will-change:transform}
.fish-dashboard { position: relative; z-index: 1; padding-top: 13px; }
.ocean-profile { display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:10px }.ocean-profile article{min-width:0;padding:9px 2px;border:1px solid rgba(43,177,199,.3);background:rgba(1,20,29,.86);text-align:center}.ocean-profile small,.ocean-profile strong{display:block}.ocean-profile small{color:#598a94;font-size:6px}.ocean-profile strong{margin-top:4px;color:#72f0dc;font:700 9px Orbitron,sans-serif;text-shadow:0 0 6px rgba(38,240,212,.4)}
.target-radar { position:relative;isolation:isolate;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px;min-height:126px;padding:12px;overflow:hidden;border:1px solid rgba(53,217,236,.48);background:linear-gradient(100deg,rgba(2,35,45,.94),rgba(1,13,22,.88)); }
.target-radar::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#031c26 0 31%,rgba(3,25,35,.9) 47%,rgba(1,12,20,.22) 78%,rgba(1,10,17,.5));}
.target-radar::after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:25%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(95,245,255,.12),transparent);transform:translateX(-140%);animation:fish-art-scan 4.8s ease-in-out infinite}
.fish-game-art{position:absolute;z-index:0;top:0;right:0;width:69%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.22) contrast(1.08) brightness(.78);opacity:.78;transform:scale(1.04);animation:fish-art-drift 8s ease-in-out infinite alternate}.fish-game-art[hidden]{display:none}
.mini-sonar{position:relative;z-index:2;width:100px;aspect-ratio:1;border:1px solid #35e5e9;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 15px,rgba(52,220,226,.23) 16px 17px),rgba(0,55,62,.28)}.mini-sonar i{position:absolute;inset:50% 50% 0 0;transform-origin:right top;background:conic-gradient(from 270deg at 100% 0,rgba(70,255,213,.6),transparent 40deg);animation:sonar-rotate 2.8s linear infinite}.mini-sonar b{position:absolute;right:24px;top:30px;width:7px;height:7px;border-radius:50%;background:#55ffc6;box-shadow:0 0 9px #55ffc6;animation:sonar-ping 1.6s infinite}
.target-radar > div:last-child{position:relative;z-index:2;display:flex;flex-direction:column;padding:10px 5px;background:linear-gradient(90deg,rgba(0,15,23,.72),rgba(0,15,23,.15));text-shadow:0 1px 5px #001017}.target-radar small{color:#79c6cf;font:600 7px Orbitron,sans-serif}.target-radar strong{margin:6px 0;color:#80ffe5;font:800 21px Orbitron,sans-serif;text-shadow:0 0 9px #00cbb4,0 2px 5px #001014}.target-radar span{color:#a4d9dd;font-size:10px}
.tactical-phases{display:grid;gap:8px;margin-top:11px}.tactical-phases article{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px 10px;border:1px solid rgba(37,167,189,.3);background:linear-gradient(100deg,rgba(1,28,38,.92),rgba(1,13,22,.9))}.tactical-phases article>span{display:grid;place-items:center;width:33px;height:33px;border:1px solid #37dfd4;color:#54f4dd;font:700 9px Orbitron,sans-serif;box-shadow:inset 0 0 10px rgba(55,223,212,.12)}.tactical-phases strong{display:block;color:#79e9df;font:700 9px Orbitron,sans-serif;letter-spacing:.5px}.tactical-phases p{margin:5px 0 0;color:#88a6ac;font-size:10px;line-height:1.45}.tactical-phases mark{padding:1px 3px;color:#62ffe0;background:rgba(48,232,204,.12);font-weight:700;text-shadow:0 0 5px rgba(30,239,204,.4)}
@keyframes sonar-rotate{to{transform:rotate(360deg)}}
@keyframes sonar-ping{0%{transform:scale(.55);opacity:.4}50%{opacity:1}100%{transform:scale(1.8);opacity:0}}
@keyframes fish-art-drift{to{transform:scale(1.1) translateX(-2%)}}
@keyframes fish-art-scan{0%,18%{transform:translateX(-140%);opacity:0}35%{opacity:1}62%,100%{transform:translateX(520%);opacity:0}}

.status-bar { display: grid; grid-template-columns: 1fr 1.3fr; gap: 8px; margin-top: 14px; }
.status-bar > div { padding: 9px 10px; min-width: 0; border: 1px solid rgba(33, 144, 166, .35); border-radius: 7px; background: rgba(2, 13, 19, .8); }
.status-bar small, .status-bar strong { display: block; white-space: nowrap; }
.status-bar small { color: #596b73; font: 600 8px Orbitron; letter-spacing: .5px; }
.status-bar strong { margin-top: 3px; color: #60d8e7; font: 600 9px Orbitron; }
.status-bar i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 7px var(--cyan); }

@media (max-height: 690px) {
  .mobile-stage { justify-content: flex-start; padding-top: 18px; }
  .shell { padding-top: 32px; padding-bottom: 22px; }
  .brand { margin-bottom: 18px; }
  .brand-mark { transform: scale(.8); margin-bottom: 3px; }
  .divider { margin: 18px 0; }
}

@media (min-width: 431px) {
  body { background: radial-gradient(circle, #07141b, #000 55%); }
  .mobile-stage { min-height: 100dvh; border-left: 1px solid rgba(31, 188, 215, .14); border-right: 1px solid rgba(31, 188, 215, .14); }
}

@media (prefers-reduced-motion: reduce) {
  .brand-mark, .brand-mark::after,
  .cyber-toast::before, .toast-progress, .orb-rings,
  .robot-buddy, .robot-online, .robot-message::after,
  .robot-message>header span i, .robot-code p,
  .robot-code p::after, .robot-code-progress i,
  .user-profile-card::after, .profile-avatar i, .tier-button-icon,
  .tier-plan-name svg,
  .terminal-status i, .terminal-logo, .terminal-output p,
  .terminal-output p::after, .terminal-loading::after,
  .risk-level strong::before, .module-tier-signal::after, .module-tier-icon,
  .slot-visual-copy i, .slot-game-visual::after,
  .slot-game-visual>img, .jackpot-feed>header i, .jackpot-feed-list, .tool-card::after,
  .tool-art, .tool-art::before, .tool-art::after,
  .tool-label b, .fish-topbar > span i, .sonar-sweep,
  .sonar-target, .mini-sonar i, .mini-sonar b,
  .fish-game-art, .target-radar::after { animation: none !important; }
  .cyber-toast { transition: opacity .15s; }
}

.tool-use-price{display:block;margin-top:6px;color:#9af8ff;font-size:10px}.game-use-cost{display:block;margin-top:4px;color:#8cbac4;font-size:9px}#baccarat-next-prediction:disabled{opacity:.5;cursor:wait}