.traka-section{
  position:relative;
  padding:clamp(72px,8vw,118px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 48%,rgba(42,176,255,.18),transparent 28rem),
    radial-gradient(circle at 83% 30%,rgba(119,73,244,.16),transparent 30rem),
    linear-gradient(180deg,rgba(3,12,25,.96),rgba(7,22,42,.98));
  border-bottom:1px solid var(--cinema-line);
}
.traka-section:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:linear-gradient(rgba(94,188,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,188,255,.06) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(90deg,black,transparent 78%);
}
.traka-card{
  position:relative;display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(42px,7vw,96px);
}
.traka-visual{
  position:relative;isolation:isolate;min-height:520px;display:grid;place-items:center;
}
.traka-visual:before{
  content:"";position:absolute;z-index:-2;width:82%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(41,139,255,.22),rgba(64,42,163,.13) 48%,transparent 70%);
  filter:blur(12px);
}
.traka-visual:after{
  content:"";position:absolute;z-index:-1;left:9%;right:9%;bottom:5%;height:12%;border-radius:50%;
  background:rgba(20,117,255,.42);filter:blur(30px);
}
.traka-visual img{
  display:block;width:min(100%,520px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:34px;
  border:1px solid rgba(103,203,255,.36);box-shadow:0 35px 90px rgba(0,0,0,.5),0 0 60px rgba(52,139,255,.14);
}
.traka-orbit{
  position:absolute;z-index:2;width:90%;aspect-ratio:1;border:1px solid rgba(88,216,255,.25);border-radius:50%;
  box-shadow:0 0 45px rgba(81,143,255,.15),inset 0 0 35px rgba(117,77,244,.08);pointer-events:none;
}
.traka-orbit:before,.traka-orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#66e4ff;box-shadow:0 0 18px #66e4ff}
.traka-orbit:before{left:7%;top:23%}.traka-orbit:after{right:4%;bottom:28%;background:#9375ff;box-shadow:0 0 18px #9375ff}
.traka-greeting{
  position:absolute;z-index:3;right:-8px;top:13%;padding:12px 16px;border:1px solid rgba(115,208,255,.4);border-radius:15px 15px 15px 4px;
  background:rgba(5,24,48,.9);color:#f5fbff;font-size:.88rem;font-weight:850;box-shadow:0 16px 42px rgba(0,0,0,.34);backdrop-filter:blur(12px);
}
.traka-copy{position:relative;z-index:2;max-width:650px}
.traka-copy h2{margin:0;color:var(--cinema-text);font-size:clamp(2.7rem,5.8vw,5.2rem);line-height:.95;letter-spacing:-.055em}
.traka-copy h2 span{background:linear-gradient(100deg,#62e6ff,#3f91ff 52%,#9175ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.traka-copy>p:not(.eyebrow){max-width:610px;margin:24px 0 0;color:var(--cinema-muted);font-size:1.08rem;line-height:1.75}
.traka-values{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}
.traka-values span{padding:10px 13px;border:1px solid var(--cinema-line);border-radius:999px;background:rgba(10,36,67,.72);color:#dbeeff;font-size:.82rem;font-weight:750}
.traka-copy .button{display:inline-flex}
@media(max-width:900px){
  .traka-card{grid-template-columns:1fr;gap:36px}.traka-visual{min-height:0;width:min(100%,560px);margin:auto}.traka-greeting{right:0}.traka-copy{text-align:center;margin:auto}.traka-copy>p:not(.eyebrow){font-size:1rem}.traka-values{justify-content:center}
}
@media(max-width:560px){
  .traka-section{padding:62px 0}.traka-card{width:calc(100% - 28px)}.traka-visual img{border-radius:24px}.traka-greeting{top:10%;right:-2px;padding:9px 12px;font-size:.75rem}.traka-copy h2{font-size:clamp(2.55rem,14vw,3.65rem)}.traka-values span{font-size:.75rem}
}
@media(prefers-reduced-motion:no-preference){
  .traka-orbit{animation:traka-drift 8s ease-in-out infinite}.traka-greeting{animation:traka-wave 4s ease-in-out infinite}
}
@keyframes traka-drift{50%{transform:rotate(4deg) scale(1.02)}}
@keyframes traka-wave{50%{transform:translateY(-7px)}}

/* Traka menyambut pengunjung di seluruh halaman dan setiap game. */
.traka-greeter{position:fixed;z-index:90;left:18px;bottom:18px;display:flex;align-items:flex-end;gap:10px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;pointer-events:none}
.traka-greeter__mascot{position:relative;width:94px;height:94px;padding:0;border:1px solid rgba(95,216,255,.48);border-radius:28px;background:#071a32;box-shadow:0 18px 48px rgba(0,0,0,.45),0 0 30px rgba(49,143,255,.2);overflow:hidden;cursor:pointer;pointer-events:auto;animation:traka-greeter-bob 3.4s ease-in-out infinite}
.traka-greeter__mascot img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform .25s ease}
.traka-greeter__mascot:hover img{transform:scale(1.14) rotate(-2deg)}
.traka-greeter__mascot:focus-visible{outline:3px solid #62e6ff;outline-offset:3px}
.traka-greeter__bubble{position:relative;max-width:290px;margin-bottom:24px;padding:14px 38px 14px 15px;border:1px solid rgba(107,203,255,.4);border-radius:17px 17px 17px 5px;background:rgba(5,22,44,.94);color:#edf8ff;box-shadow:0 18px 48px rgba(0,0,0,.4);font-size:.82rem;font-weight:700;line-height:1.45;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;opacity:0;transform:translate(-10px,10px) scale(.96);transition:opacity .3s ease,transform .3s ease}
.traka-greeter.is-speaking .traka-greeter__bubble{opacity:1;transform:none}
.traka-greeter__bubble b{color:#6ee4ff}.traka-greeter__close{position:absolute;right:8px;top:7px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(95,164,224,.14);color:#bcd4e8;font-size:1rem;cursor:pointer}
@keyframes traka-greeter-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@media(max-width:620px){.traka-greeter{left:10px;bottom:10px;gap:7px}.traka-greeter__mascot{width:70px;height:70px;border-radius:21px}.traka-greeter__bubble{max-width:min(245px,calc(100vw - 100px));margin-bottom:13px;padding:11px 32px 11px 12px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.traka-greeter__mascot{animation:none}}