.first-play-coach{width:100%;box-sizing:border-box;flex:0 0 auto;pointer-events:none;padding:8px 12px;background:#fffdf2;border:1px solid #d5e1c7;color:#34523d;border-radius:13px;text-align:center;font-family:system-ui,sans-serif;line-height:1.4}.first-play-coach b{display:block;font-size:12px}.first-play-coach span{display:block;font-size:10px;color:#5c715d}body[data-game-screen=play] #bg-sky{background:linear-gradient(#edf4e8,#f8f7ec)!important}body[data-game-screen=play] #bg-ground{opacity:.15}body[data-game-screen=play] #play-safe>div:first-child .btn{width:52px;height:52px;min-height:52px;border:1px solid #dbe4d2;border-radius:16px;background:#fffdf2;box-shadow:0 3px #d4dfc7}body[data-game-screen=play] #play-bar .btn{min-width:48px;min-height:48px;border:1px solid #dbe4d2;border-radius:15px;background:#fffdf2;box-shadow:0 3px #d4dfc7}.saga{padding:0;background:#bfe6f6}.saga-scroll{position:absolute;top:0;right:0;bottom:0;left:0;padding-bottom:calc(84px + var(--sab, 0px));box-sizing:border-box;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.saga-map{position:relative;width:100%;max-width:430px;margin:0 auto}.saga-top{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;align-items:center;gap:7px;padding:10px 12px 18px;pointer-events:none;background:linear-gradient(180deg,#14284673,#14284600)}.saga-top>*{pointer-events:auto}.saga-bg{position:absolute;left:0;width:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.saga-seam{position:absolute;left:-10%;width:120%;height:120px;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 50%,#ffffffeb,#ffffff8c 45%,#fff0 72%),radial-gradient(ellipse 30% 40% at 12% 55%,#ffffffe6,#fff0 70%),radial-gradient(ellipse 30% 40% at 88% 45%,#ffffffe6,#fff0 70%)}.saga-dim{position:absolute;left:0;width:100%;pointer-events:none;background:#1e244647}.saga-svg{position:absolute;left:0;top:0;pointer-events:none;overflow:visible}.saga-node,.saga-boss{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;box-shadow:none;outline:none}.saga-node{position:absolute;width:56px;height:50px;margin:-30px 0 0 -28px;padding:0;border:0;cursor:pointer;filter:drop-shadow(0 4px 3px rgba(30,30,50,.35))}.saga-node .n{position:absolute;left:0;right:0;top:8px;text-align:center;font-weight:900;font-size:16px;color:#5a3b1c;text-shadow:0 1px 0 #fff;font-family:inherit}.saga-node .st{position:absolute;left:50%;top:40px;transform:translate(-50%);display:flex;gap:0;white-space:nowrap;filter:drop-shadow(0 1.5px 0 rgba(74,53,39,.55))}.saga-node.locked{filter:grayscale(.95) brightness(.85) drop-shadow(0 3px 2px rgba(30,30,50,.3));cursor:default}.saga-node.locked .n{font-size:13px}.saga-node.done .n{color:#3d6b12}.saga-node.here{transform:scale(1.18);animation:sagaPulse 1.6s ease-in-out infinite;z-index:3}.saga-node .paint{position:absolute;right:-2px;top:-2px;width:16px;height:16px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 1px 2px #0000004d}.saga-ball{position:absolute;margin:-62px 0 0 -18px;width:36px;height:36px;z-index:4;pointer-events:none;animation:sagaBob 1.1s ease-in-out infinite}.saga-boss{position:absolute;width:86px;height:105px;margin:-70px 0 0 -43px;padding:0;border:0;cursor:pointer;filter:drop-shadow(0 5px 4px rgba(30,30,50,.4))}.saga-boss.locked{filter:grayscale(.9) brightness(.85) drop-shadow(0 4px 3px rgba(30,30,50,.3))}.saga-boss .tag,.saga-gem .tag{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);white-space:nowrap;background:#fffdf7f2;border:2px solid var(--ink);border-radius:9px;padding:0 7px;font-size:11px;font-weight:800;color:#5a3b1c}.saga-gem{position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:3px solid #fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:22px;background:radial-gradient(circle at 35% 30%,#fff6c4,#ffc531 55%,#e08a12);box-shadow:0 4px #7a460a80,0 0 16px #ffd25acc}.saga-gem.locked{background:radial-gradient(circle at 35% 30%,#f4f1ea,#c9c2b4 60%,#9a927f);box-shadow:0 4px #3c322866}.saga-ribbon{position:absolute;left:50%;width:250px;height:74px;margin-left:-125px;z-index:2;pointer-events:none;filter:drop-shadow(0 4px 3px rgba(30,30,50,.35))}.saga-ribbon .t{position:absolute;left:50px;right:50px;top:17px;text-align:center;font-weight:900;font-size:17px;color:#5a3b1c;white-space:nowrap;overflow:hidden}.saga-ribbon .s{position:absolute;left:0;right:0;top:40px;text-align:center;font-size:11.5px;font-weight:800;color:#7a5a12}.saga-lock{position:absolute;width:58px;height:58px;margin:-29px 0 0 -29px;z-index:3;pointer-events:none}.saga-soon{position:absolute;left:50%;transform:translate(-50%);z-index:2;white-space:nowrap;font-size:16px;font-weight:900;color:#6a4d9a;background:#fffdf7e6;border:2.5px dashed #9b7ad0;border-radius:14px;padding:6px 14px}.saga-friends{position:absolute;z-index:3;display:flex;flex-direction:column;gap:3px}@keyframes sagaPulse{0%,to{transform:scale(1.14)}50%{transform:scale(1.24)}}@keyframes sagaBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.saga-node.edge{width:66px;height:59px;margin:-35px 0 0 -33px;z-index:2;filter:drop-shadow(0 0 6px rgba(255,70,30,.95)) drop-shadow(0 0 12px rgba(255,120,40,.6)) drop-shadow(0 4px 3px rgba(30,30,50,.4))}.saga-node.edge:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;border:3px dashed rgba(255,96,48,.9);animation:edgeSpin 9s linear infinite;pointer-events:none}.saga-node.edge .n{top:10px;font-size:19px;color:#7a1a08}.saga-node.edge.locked{filter:grayscale(.85) brightness(.85) drop-shadow(0 0 5px rgba(160,60,40,.5))}.saga-node.edge.locked:before{animation:none;border-color:#785a5099}.saga-node.edge.here{transform:scale(1.16)}.saga-node .edge-badge{position:absolute;left:-10px;top:-12px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:#fff;background:radial-gradient(circle at 35% 30%,#ff9a6a,#e0361a 60%,#8e1606);border:2px solid #fff;box-shadow:0 2px 3px #00000059}.saga-node .edge-tag{position:absolute;left:50%;top:-24px;transform:translate(-50%);white-space:nowrap;font-size:10.5px;font-weight:900;letter-spacing:.2px;color:#fff;background:linear-gradient(#ff6a3a,#c62a10);border:2px solid #5a1206;border-radius:9px;padding:0 6px;line-height:16px;text-shadow:0 1px 0 rgba(0,0,0,.35)}.saga-node.edge.done .st{top:50px}@keyframes edgeSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.saga-node.edge:before{animation:none}}
