/* Sam Ninja: saturated arcade presentation. */
#screen-map .node.ninja{background:linear-gradient(145deg,#ffe84b,#ff9b31 48%,#ff3e91)!important;color:#26071c;overflow:hidden;}
#screen-map .node.ninja .ninja-map-panther{width:76%;height:76%;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px rgba(30,4,35,.55));}
.ninja-screen{background:#070c29;color:#fff;overflow:hidden;min-height:0;}
.ninja-head{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(100deg,#102d78,#7528a8 58%,#ff3e91);box-shadow:0 3px 18px #02041888;z-index:8;}
.ninja-head b{display:block;font-size:18px;letter-spacing:.02em}.ninja-head small{display:block;color:#d9faff;font-size:10px;margin-top:2px}.ninja-back{border:1px solid #9df9ff;border-radius:99px;background:#071b50;color:#fff;font-weight:800;padding:8px 10px}.ninja-stats{margin-left:auto;font-size:12px;font-weight:800;white-space:nowrap}
.ninja-stage{--ninja-a:#14dff3;--ninja-b:#476dff;position:relative;flex:1;min-height:360px;margin:10px 10px 0;border-radius:24px;overflow:hidden;touch-action:none;background:radial-gradient(circle at 18% 24%,#fff8 0 3%,transparent 18%),radial-gradient(circle at 82% 72%,#fff5 0 2%,transparent 20%),linear-gradient(145deg,var(--ninja-a),var(--ninja-b) 58%,#831d9d);border:2px solid #ffffff70;box-shadow:inset 0 0 65px #ffffff35,0 14px 30px #0009}.ninja-glow{position:absolute;inset:-50%;background:repeating-conic-gradient(#fff0 0 8deg,#fff2 9deg 11deg,#fff0 12deg 24deg);animation:ninjaSpin 18s linear infinite}.ninja-panther{position:absolute;bottom:4px;left:50%;width:92px;height:92px;object-fit:contain;z-index:4;pointer-events:none;transform:translateX(-50%);filter:drop-shadow(0 8px 7px #09022a99)}.ninja-machete{position:absolute;bottom:75px;left:calc(50% + 20px);z-index:4;width:95px;height:14px;border-radius:99px;background:linear-gradient(90deg,#fff7b0,#ffe32b 34%,#54fff5 72%,#fff);border:2px solid #fff;box-shadow:0 0 16px #71ffff,0 0 28px #ffe648;transform-origin:left center;pointer-events:none}.ninja-machete::after{content:'';position:absolute;left:-16px;top:-7px;width:19px;height:25px;border-radius:6px;background:#ff4aa1;border:2px solid #fff}.ninja-machete.slash{animation:macheteSlash .22s ease-out}.ninja-item{position:absolute;top:0;width:61px;height:61px;display:grid;place-items:center;border-radius:20px;font-size:34px;z-index:2;user-select:none;filter:drop-shadow(0 7px 5px #15052b88)}.ninja-item.scam{background:linear-gradient(135deg,#fffcff,#ffb6dc 45%,#ff3b98);border:3px solid #fff;box-shadow:0 0 0 4px #ff208f88,0 0 23px #fff4}.ninja-item.safe{background:linear-gradient(135deg,#faffff,#a5fff0 50%,#22bdde);border:3px solid #fff;box-shadow:0 0 0 4px #25f2e088,0 0 23px #fff4}.ninja-status{position:absolute;z-index:5;inset:46% 0 auto;text-align:center;font-size:21px;font-weight:1000;text-shadow:0 3px #1c0754,0 0 15px #fff;pointer-events:none;opacity:0}.ninja-status.pop{animation:ninjaPop .7s ease}.ninja-swipe{position:absolute;width:74px;height:10px;border-radius:99px;background:linear-gradient(90deg,#fff,#85ffff,#ffea64);box-shadow:0 0 14px #fff;z-index:6;pointer-events:none;transform:translate(-50%,-50%) rotate(-24deg);opacity:0}.ninja-swipe.show{opacity:1}.ninja-menu{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;background:linear-gradient(#081342b8,#291060c9);backdrop-filter:blur(3px)}.ninja-logo{font-weight:1000;font-size:40px;line-height:1;filter:drop-shadow(0 4px 5px #0008)}.ninja-logo span{display:block;font-size:24px;color:#fff074;letter-spacing:.07em;margin-top:8px}.ninja-menu p{max-width:270px;font-size:13px;line-height:1.45;color:#f0f8ff}.ninja-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(300px,100%);margin:5px 0 13px}.ninja-level{display:flex;align-items:center;gap:8px;text-align:left;border:2px solid #ffffff77;border-radius:15px;padding:7px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;box-shadow:0 6px 13px #0006}.ninja-level.chosen{border-color:#fff57e;box-shadow:0 0 0 3px #fff05755,0 6px 13px #0006}.ninja-level i{font-size:22px;font-style:normal}.ninja-level span{font-size:14px;font-weight:900}.ninja-level small{display:block;font-size:8px;font-weight:700;max-width:76px}.ninja-play{border:0;border-radius:999px;padding:12px 24px;background:linear-gradient(100deg,#ffe45f,#ff9d2e,#ff498f);color:#27042a;font-size:15px;font-weight:1000;box-shadow:0 7px 0 #a72a62,0 12px 25px #0008}.ninja-help{text-align:center;margin:7px 12px 11px;font-size:10px;color:#aeeefa}.ninja-result{background:linear-gradient(#112e7ee8,#6920aee8)}
@keyframes ninjaSpin{to{transform:rotate(360deg)}}@keyframes ninjaPop{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(1.5)}}@keyframes macheteSlash{0%{transform:rotate(-62deg) scale(.72)}100%{transform:rotate(18deg) scale(1)}}
@media(max-width:600px){.ninja-stage{min-height:0}.ninja-head{padding-top:max(10px,env(safe-area-inset-top))}.ninja-item{width:56px;height:56px;font-size:30px}.ninja-logo{font-size:36px}.ninja-logo span{font-size:21px}.ninja-map-panther{width:74%!important;height:74%!important}}
.ninja-mask{position:absolute;bottom:59px;left:50%;z-index:5;width:54px;height:16px;border-radius:9px;background:linear-gradient(90deg,#101022,#2f2358,#101022);border:1px solid #7effff;transform:translateX(-50%);box-shadow:0 0 9px #56ffff}.ninja-mask::after{content:'••';position:absolute;inset:-5px 0;text-align:center;color:#bfffff;font-size:19px;letter-spacing:6px}.ninja-bandana{position:absolute;bottom:76px;left:calc(50% + 25px);z-index:5;width:41px;height:10px;border-radius:0 12px 12px 0;background:#ff3d9b;transform:rotate(12deg);box-shadow:0 0 10px #ff56ac}.ninja-bandana::after{content:'';position:absolute;right:-17px;top:4px;width:24px;height:6px;border-radius:99px;background:#ff77bb;transform:rotate(-25deg)}
.mahjong-map-tile{display:block;width:44px;height:44px;object-fit:cover;object-position:center;border-radius:9px;border:2px solid #fff;box-shadow:0 3px 7px rgba(0,0,0,.38)}.tab .mahjong-map-tile{width:19px;height:19px;border-radius:4px;border-width:1px;vertical-align:middle}

/* Final Sam Ninja scene: the city and the panther are one coherent arcade tableau. */
.ninja-stage{background-image:linear-gradient(rgba(6,11,56,.10),rgba(29,5,81,.16)),url('sam-ninja-city-bg-v1.png');background-size:cover;background-position:center bottom}
.ninja-glow{background:linear-gradient(180deg,rgba(26,244,255,.08),transparent 45%,rgba(255,50,170,.13));animation:none}
.ninja-panther{bottom:-13px;left:50%;width:134px;height:202px;object-fit:contain;z-index:4;pointer-events:none;transform:translateX(-50%);mix-blend-mode:screen;filter:drop-shadow(0 8px 7px #09022a99)}
.ninja-panther.swing{animation:pantherSwing .22s ease-out}.ninja-mask,.ninja-bandana,#ninja-machete{display:none}
.ninja-swipe{display:none!important}
.ninja-item{z-index:6}.ninja-cut-fx{position:absolute;z-index:9;width:115px;height:115px;border-top:11px solid #fff8a6;border-right:7px solid #4dfff0;border-radius:50%;transform:translate(-50%,-50%) rotate(-48deg);filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 19px #3cfff1);pointer-events:none;animation:ninjaCut .42s ease-out forwards}.ninja-cut-fx::after{content:'✦ ✦ ✦';position:absolute;inset:25px -13px auto;text-align:center;color:#fff5a7;font-size:20px;letter-spacing:5px;text-shadow:0 0 12px #fff}.ninja-panther{z-index:7}
.ninja-half{position:absolute;z-index:8;width:31px;height:56px;overflow:hidden;font-size:34px;line-height:56px;pointer-events:none;filter:drop-shadow(0 4px 5px #16022a99)}.ninja-half span{display:block;width:61px;text-align:center}.ninja-half.left{clip-path:polygon(0 0,100% 0,58% 100%,0 100%);animation:splitLeft .52s ease-out forwards}.ninja-half.right{margin-left:30px;clip-path:polygon(42% 0,100% 0,100% 100%,0 100%);animation:splitRight .52s ease-out forwards}.ninja-half.right span{transform:translateX(-30px)}
@keyframes ninjaCut{0%{opacity:0;transform:translate(-50%,-50%) rotate(-80deg) scale(.45)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(35deg) scale(1.35)}}
@keyframes splitLeft{to{opacity:0;transform:translate(-32px,38px) rotate(-32deg)}}@keyframes splitRight{to{opacity:0;transform:translate(32px,38px) rotate(32deg)}}
.ninja-panther{mix-blend-mode:normal!important;width:118px;height:178px;bottom:-8px}
.ninja-panther{left:18%!important;bottom:-8px}.ninja-mask,.ninja-bandana{display:none!important}#ninja-machete{display:block!important;position:absolute!important;z-index:12!important;bottom:auto!important;width:92px!important;height:13px!important;opacity:.96;pointer-events:none;transform-origin:left center}.ninja-machete.slash{animation:bladeSlash .18s ease-out}@keyframes bladeSlash{0%{transform:rotate(-58deg) scale(.6);opacity:.35}100%{transform:rotate(18deg) scale(1);opacity:1}}
#ninja-machete{opacity:0;transition:opacity .08s linear}
.ninja-legend{position:absolute;z-index:11;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:5px;white-space:nowrap;pointer-events:none}.ninja-legend span{padding:5px 8px;border-radius:99px;font-size:9px;font-weight:1000;letter-spacing:.03em;box-shadow:0 3px 9px #09052c88;border:1px solid #fff9}.legend-scam{background:#e91b75;color:#fff}.legend-safe{background:#0aa67f;color:#fff}.ninja-item.scam{background:linear-gradient(145deg,#fff2fb 0%,#ff9bc9 42%,#e80068 100%);border-color:#fff;box-shadow:0 0 0 4px #ff126fbb,0 0 28px #ff8cc9}.ninja-item.safe{background:linear-gradient(145deg,#effff9 0%,#82f6c8 43%,#00a87a 100%);border-color:#fff;box-shadow:0 0 0 4px #00cb93bb,0 0 28px #7bffe0}.ninja-item.scam::after,.ninja-item.safe::after{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);padding:2px 6px;border-radius:99px;color:#fff;font-size:8px;font-weight:1000;letter-spacing:.06em;white-space:nowrap;box-shadow:0 2px 5px #11022c88}.ninja-item.scam::after{content:attr(data-cut-label);background:#d5005d}.ninja-item.safe::after{content:attr(data-safe-label);background:#008963}@media(max-width:360px){.ninja-legend span{font-size:8px;padding:4px 5px}}
@media(max-width:600px){.phone:has(#screen-ninja.active){height:100dvh;min-height:100dvh}.ninja-screen.active{height:100%;min-height:0;flex:1}.ninja-screen .ninja-stage{min-height:0;margin:6px 6px 0;border-radius:18px}.ninja-screen .ninja-help{margin:5px 8px 7px}.ninja-screen .ninja-head{padding:9px 10px}}
@keyframes pantherSwing{0%{transform:translateX(-50%) translateY(10px) rotate(-11deg) scale(.94)}35%{transform:translateX(-50%) translateY(-15px) rotate(12deg) scale(1.04)}70%{transform:translateX(-50%) translateY(2px) rotate(-3deg) scale(1)}100%{transform:translateX(-50%) rotate(0) scale(1)}}