@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&display=swap";:root{--bg: #0a0c1e;--panel: rgba(24, 28, 58, .82);--panel2: #262a52;--border: #3a3e6e;--text: #e8eaf6;--muted: #9aa0c3;--accent: #ffcf5c;--p0: #4da3ff;--p1: #ff6b81;--place: #39d98a;--attack: #ff5c5c}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100%}body{font-family:Noto Sans JP,Hiragino Sans,sans-serif;color:var(--text);overflow:hidden;background-color:var(--bg);background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E7%9B%A4%E9%9D%A2%E8%83%8C%E6%99%AF.png);background-repeat:no-repeat;background-size:auto 100%;background-position:left center}#knot-glow{position:fixed;left:0;top:0;z-index:-2;pointer-events:none;opacity:0;mix-blend-mode:screen}#knot-glow.energize.dir-lr{animation:knotGlowFade 2.6s ease-in forwards,knotWipeLR .6s cubic-bezier(.2,.8,.3,1) forwards}#knot-glow.energize.dir-rl{animation:knotGlowFade 2.6s ease-in forwards,knotWipeRL .6s cubic-bezier(.2,.8,.3,1) forwards}#knot-glow.energize.dir-tb{animation:knotGlowFade 2.6s ease-in forwards,knotWipeTB .6s cubic-bezier(.2,.8,.3,1) forwards}#knot-glow.energize.dir-bt{animation:knotGlowFade 2.6s ease-in forwards,knotWipeBT .6s cubic-bezier(.2,.8,.3,1) forwards}@keyframes knotGlowFade{0%{opacity:0}10%{opacity:.45}55%{opacity:.45}to{opacity:0}}@keyframes knotWipeLR{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes knotWipeRL{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes knotWipeTB{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes knotWipeBT{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}button{font-family:inherit;cursor:pointer;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:14px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#1a1a2e;font-weight:700;border:none}button:disabled{opacity:.4;cursor:not-allowed}select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:14px}img{-webkit-user-drag:none}.setup{max-width:560px;margin:48px auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.setup h1{margin:0 0 4px;font-size:26px;letter-spacing:2px}.setup .sub{color:var(--muted);margin-bottom:24px}.setup .field{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.setup .field span{font-size:13px;color:var(--muted)}.demo-gate-box{background:var(--panel2);border:1px solid var(--accent);border-radius:12px;padding:20px;margin-top:8px;line-height:1.7;font-size:14px}.demo-gate-box p{margin:0 0 12px}.demo-gate-box p:last-of-type{margin-bottom:0}.demo-shop-btn{display:block;text-align:center;margin-top:4px;padding:12px 16px;border-radius:8px;background:var(--accent);color:#1a1a2e;font-weight:700;text-decoration:none}.demo-shop-btn:hover{filter:brightness(1.08)}.game{display:grid;grid-template-columns:auto minmax(300px,1fr);gap:10px;height:100vh;padding:8px 128px 8px 8px;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAE6klEQVR4nJVUa2yURRQ9M/Pttl2Wll1Y+i5gaUu3pFVAkYessUATHyWENhUxIAoGRRIIxkBIKDX4k8SYkBijhsTIw8aoGLAICAtFHuWxWGxLX/RJaaGPbXe/3e8xM+YrFUIkoufPzNzJ3Lnn5p6DtSsKe1a+uugXADkAQCmBz+dT8H/xacV6eevaIblz8+sD82d5dwJwWvHy8nJq5cV/RcXWVbp2+wi/W/+N9P+wR25c/VrjlMmuldYdIUBpaSmztk/KQwUXQg2HKBeQubmJ5oeby7I+3rFuf3Hh3GNS4rnKykpOCJFPoquYui4IBdo7eolh6Mr0rHSxeEm+LJiZvjTfm1F45ETN59fq2z7x+/09hBBIKa0K+T8qiupC2hSKxqYurN/8NX48fIlGwyGWlBLP31mzhO3e9ubGt0p819ISPZuklAoI+BjdR/pHhZSCmwJxcTFo7o5g6+6j2LJ9P65ebmKMAXl56eaWDcsSd2xa9tnShQXnmYwpuk8XYozuaP8Uq0eQgGlKaWOSJLiTcfziIC4GvsWq4gKsKJ6tuFwJcsE8r8jJSpszZ+YfVcfOBA5dqWvd6ff7Gy26JVIyaui6kJCwvuemCU/KJOTnPwvFORV7D9Ziw0cHcLSqhoRDYeYYFyteKZoltr1fXLZ2+YtXpqellEspnZUAV0yrJAnYbQRUUaBrdoxzO+AePxmKw4HO4F1U7K3GwuqbKCueTVOS3UiIj+Mrl89zzs7L2HUu0Fx2ta5jNzU5hJTS6iEYZdBNBmWiDfPXvQT3pCRMnJCECRlZuHCLYvue07h0tQXMrrBgUJMzsjK07CmeXIfdvk8BiCASkJKDEgbDAagxBNLrQuZTPgxWt6L7ciNMZoPHBGZkp8IwJRiIOHj4TMxv5xuPjxvv2EqlsCAhOQehFJHoENRYoDMSQnqyG3PWvACbOxba7U6sL82DxzMBPMr5r2cD7NSFhn0t3T1FtTdba6nJuVBVDYYhQCiDqRswRQTMNR63zw3B6BfQiYo3lk7FMwXTEFUNfvl6Mzt9se5ES3ff2l27CCkFmGIYgocjGkxTgDKAMgqoJtSWPvSODMOpxCOB6li8IBNqVJfDQyHqv1A30tY++PaoVitG54hTg5tC03RACkCxI6wauFNTi8C+KhjRfgwO9ANRHVwyKFB4bUMHae3q+zKKaOfYQI7KRTFNU+iaDiEE4oiGRTmxeHlRLv68NYCfjlSj5nob3KEoYmwUakhjN5q6eFvP0FfWRPv9fvFAtJZEDM2Awmyo+KAQBU9nwhASedmpeD43Cd+fbUbdYBAgVAwNBWlX970mwKi/r19LE2OJiJQiqkYwyeNCcpoNdweDoFwIbnLpjIsj7xbPIl29A8QW4xBDwTs0GI7UARAlJWCVlQ9dQJESppACggtpE1TGKRT3gmE6PBKBoXE4Yu1InewyYehyOBSBpvN262Ffn48A/od+ZJimIJQglin8Rn2n7eTZWnT09HeqarSdMepyxztycjOTlbn50yHBOeci/FhjIwSmTbHL737+3VZ1KnClPxgqHxwZOQ3AekCcTmdOQ1tfWaCh671pqe7EhHiHvbP3MZmKFhYEVi9bJFMmur/wer32v+Pl5Y8al8PhSfJmZhzIz5q62jqPmdtD5GWmn8xOT6m09pZ2fcADsxpbqc83GvtX/AWotmTGB2txUwAAAABJRU5ErkJggg==) 3 3,auto}.game,.game *{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAE6klEQVR4nJVUa2yURRQ9M/Pttl2Wll1Y+i5gaUu3pFVAkYessUATHyWENhUxIAoGRRIIxkBIKDX4k8SYkBijhsTIw8aoGLAICAtFHuWxWGxLX/RJaaGPbXe/3e8xM+YrFUIkoufPzNzJ3Lnn5p6DtSsKe1a+uugXADkAQCmBz+dT8H/xacV6eevaIblz8+sD82d5dwJwWvHy8nJq5cV/RcXWVbp2+wi/W/+N9P+wR25c/VrjlMmuldYdIUBpaSmztk/KQwUXQg2HKBeQubmJ5oeby7I+3rFuf3Hh3GNS4rnKykpOCJFPoquYui4IBdo7eolh6Mr0rHSxeEm+LJiZvjTfm1F45ETN59fq2z7x+/09hBBIKa0K+T8qiupC2hSKxqYurN/8NX48fIlGwyGWlBLP31mzhO3e9ubGt0p819ISPZuklAoI+BjdR/pHhZSCmwJxcTFo7o5g6+6j2LJ9P65ebmKMAXl56eaWDcsSd2xa9tnShQXnmYwpuk8XYozuaP8Uq0eQgGlKaWOSJLiTcfziIC4GvsWq4gKsKJ6tuFwJcsE8r8jJSpszZ+YfVcfOBA5dqWvd6ff7Gy26JVIyaui6kJCwvuemCU/KJOTnPwvFORV7D9Ziw0cHcLSqhoRDYeYYFyteKZoltr1fXLZ2+YtXpqellEspnZUAV0yrJAnYbQRUUaBrdoxzO+AePxmKw4HO4F1U7K3GwuqbKCueTVOS3UiIj+Mrl89zzs7L2HUu0Fx2ta5jNzU5hJTS6iEYZdBNBmWiDfPXvQT3pCRMnJCECRlZuHCLYvue07h0tQXMrrBgUJMzsjK07CmeXIfdvk8BiCASkJKDEgbDAagxBNLrQuZTPgxWt6L7ciNMZoPHBGZkp8IwJRiIOHj4TMxv5xuPjxvv2EqlsCAhOQehFJHoENRYoDMSQnqyG3PWvACbOxba7U6sL82DxzMBPMr5r2cD7NSFhn0t3T1FtTdba6nJuVBVDYYhQCiDqRswRQTMNR63zw3B6BfQiYo3lk7FMwXTEFUNfvl6Mzt9se5ES3ff2l27CCkFmGIYgocjGkxTgDKAMgqoJtSWPvSODMOpxCOB6li8IBNqVJfDQyHqv1A30tY++PaoVitG54hTg5tC03RACkCxI6wauFNTi8C+KhjRfgwO9ANRHVwyKFB4bUMHae3q+zKKaOfYQI7KRTFNU+iaDiEE4oiGRTmxeHlRLv68NYCfjlSj5nob3KEoYmwUakhjN5q6eFvP0FfWRPv9fvFAtJZEDM2Awmyo+KAQBU9nwhASedmpeD43Cd+fbUbdYBAgVAwNBWlX970mwKi/r19LE2OJiJQiqkYwyeNCcpoNdweDoFwIbnLpjIsj7xbPIl29A8QW4xBDwTs0GI7UARAlJWCVlQ9dQJESppACggtpE1TGKRT3gmE6PBKBoXE4Yu1InewyYehyOBSBpvN262Ffn48A/od+ZJimIJQglin8Rn2n7eTZWnT09HeqarSdMepyxztycjOTlbn50yHBOeci/FhjIwSmTbHL737+3VZ1KnClPxgqHxwZOQ3AekCcTmdOQ1tfWaCh671pqe7EhHiHvbP3MZmKFhYEVi9bJFMmur/wer32v+Pl5Y8al8PhSfJmZhzIz5q62jqPmdtD5GWmn8xOT6m09pZ2fcADsxpbqc83GvtX/AWotmTGB2txUwAAAABJRU5ErkJggg==) 3 3,auto!important}.board-wrap{height:100%;min-height:0;display:flex;align-items:center}.board{height:100%;max-width:58vw;aspect-ratio:4 / 5.1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:0;border:1px solid rgba(90,110,220,.35);border-radius:14px;padding:0;background-color:#0c102c59;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E7%9B%A4%E9%9D%A2%E8%83%8C%E6%99%AF.png),linear-gradient(160deg,#1c225459,#0c0e2866);background-size:297% 100%,cover;background-position:2% center,center;background-repeat:no-repeat,no-repeat;box-shadow:0 0 40px #2846c840,inset 0 0 60px #14288c40}.cell{position:relative;background:#2e366e14;border:1px solid rgba(110,130,230,.35);border-radius:8px;overflow:hidden;cursor:pointer;min-width:0;min-height:0;transition:box-shadow .12s,border-color .12s}.cell:hover{border-color:#a0b4ffcc}.cell.neutral{background:#50468c38}.cell[data-drag]{cursor:grab}.cell.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cell.hl-place,.cell.hl-move{border-color:var(--place);box-shadow:inset 0 0 14px #39d98a8c,0 0 8px #39d98a80}.cell.hl-attack{border-color:var(--attack);box-shadow:inset 0 0 14px #ff5c5c99,0 0 8px #ff5c5c8c}.cell .unit,.cell .base{position:absolute;top:0;right:0;bottom:0;left:0}.cell .unit.p0,.cell .base.p0{--c-bright: #66c8ff;--c-mid: #0d4fd4;--c-deep: #041b40;--c-base-a: #0a3a86;--c-base-b: #05204d}.cell .unit.p1,.cell .base.p1{--c-bright: #ff8a8a;--c-mid: #d4270d;--c-deep: #400404;--c-base-a: #86140a;--c-base-b: #4d0505}.cell .unit:before,.cell .base:before{content:"";position:absolute;top:1%;right:1%;bottom:1%;left:1%;z-index:1;background:linear-gradient(180deg,var(--c-bright) 0%,var(--c-mid) 12%,var(--c-base-a) 13%,var(--c-base-a) 27%,var(--c-deep) 28%,#05070d 84%,var(--c-base-b) 85%,#020409 100%);clip-path:polygon(10% 0%,90% 0%,100% 8%,100% 93%,91% 100%,9% 100%,0% 93%,0% 8%);box-shadow:inset 0 2px #fffffff2;filter:drop-shadow(0 6px 8px rgba(0,0,0,.8))}.cell .side-wing-left,.cell .side-wing-right{position:absolute;top:35%;width:2.5%;height:22%;z-index:2;background:linear-gradient(180deg,var(--c-bright) 0%,var(--c-deep) 100%);box-shadow:inset 1px 1px #ffffffe6}.cell .side-wing-left{left:0;clip-path:polygon(100% 0%,100% 100%,0% 80%,0% 20%)}.cell .side-wing-right{right:0;clip-path:polygon(0% 0%,0% 100%,100% 80%,100% 20%)}.cell .hex-frame-top{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(95deg,#ffffff 0%,var(--c-bright) 10%,var(--c-mid) 50%,var(--c-deep) 95%,#05070d 100%);clip-path:polygon(10% 0%,90% 0%,100% 8%,100% 92%,90% 100%,10% 100%,0% 92%,0% 8%);box-shadow:inset 0 3px #fff,inset 2px 0 #fffc,inset 0 -2px #fff6;padding:3.5%;box-sizing:border-box}.cell .shadow-inner-edge{width:100%;height:100%;padding:1px;box-sizing:border-box;background:#000;clip-path:polygon(9.5% 0%,90.5% 0%,100% 7.5%,100% 92.5%,90.5% 100%,9.5% 100%,0% 92.5%,0% 7.5%)}.cell .content-area{width:100%;height:100%;overflow:hidden;position:relative;background:#111;clip-path:polygon(9.5% 0%,90.5% 0%,100% 7.5%,100% 92.5%,90.5% 100%,9.5% 100%,0% 92.5%,0% 7.5%);box-shadow:inset 0 0 20px #000;border:1px solid rgba(255,255,255,.5)}.cell .content-area img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%;pointer-events:none}.cell .base .content-area img{filter:brightness(.7)}.cell .badge{position:absolute;z-index:5;font-size:12px;font-weight:800;padding:1px 7px;border-radius:9px;background:linear-gradient(180deg,#181208eb,#2e220ceb);border:1.5px solid #c9a144;box-shadow:inset 0 1px #ffe0a08c,inset 0 -1.5px 2px #0009,0 1px 3px #0000008c;pointer-events:none}.cell .badge.pow{left:50%;bottom:1%;transform:translate(-50%) scale(1);min-width:44%;text-align:center;font-size:22px;font-weight:900;letter-spacing:.5px;color:#fff;padding:0;border-radius:0;background:none;border:none;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:-1.5px -1.5px 0 #000,1.5px -1.5px 0 #000,-1.5px 1.5px 0 #000,1.5px 1.5px 0 #000,0 0 4px rgba(0,0,0,.8);box-shadow:none}.cell .badge.stack,.cell .badge.life{left:auto;right:auto;top:2px;width:32px;height:32px;padding:0;border-radius:0;background:none;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;font-family:Cinzel,Noto Sans JP,serif;font-weight:900;font-size:17px;letter-spacing:0}.cell .badge.stack{left:2px;transform:scale(1);color:#eaf3ff;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E9%87%8D%E3%81%AA%E3%82%8A%E6%95%B0%E8%A1%A8%E7%A4%BA%E8%83%8C%E6%99%AF.png);background-size:100% 100%;background-repeat:no-repeat;text-shadow:-1px -1px 0 #061033,1px -1px 0 #061033,-1px 1px 0 #061033,1px 1px 0 #061033,0 0 4px rgba(120,170,255,.8)}.cell .badge.life{right:2px;color:#ffe9a8;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E3%83%A9%E3%82%A4%E3%83%95%E8%83%8C%E6%99%AF.png);background-size:100% 100%;background-repeat:no-repeat;text-shadow:-1px -1px 0 #3a0000,1px -1px 0 #3a0000,-1px 1px 0 #3a0000,1px 1px 0 #3a0000,0 0 4px rgba(255,180,60,.8)}.cell .badge.ink{right:5px;top:36px;font-size:11px;color:#bfe3ff;border-color:#6fa8dc;text-shadow:0 0 4px rgba(110,180,255,.8)}.cell.fx-hold-base .badge.ink{visibility:hidden}@keyframes menkoBounce{0%{transform:scale(.55) rotate(-8deg)}40%{transform:scale(1.22) rotate(5deg)}60%{transform:scale(.9) rotate(-3deg)}80%{transform:scale(1.06) rotate(1.5deg)}to{transform:scale(1) rotate(0)}}.cell .unit.fx-bounce,.cell .base.fx-bounce{animation:menkoBounce .55s cubic-bezier(.34,1.56,.64,1);transform-origin:50% 60%}.cell .unit.sideways{transform:rotate(90deg);filter:grayscale(1)}.cell .unit:before,.cell .unit .side-wing-left,.cell .unit .side-wing-right{transition:opacity .3s ease-out}.cell .unit .hex-frame-top{transition:background .3s ease-out,box-shadow .3s ease-out}.cell .unit .shadow-inner-edge{transition:background .3s ease-out}.cell .badge.pow,.cell .badge.stack{transition:opacity .25s ease-out .05s,transform .3s cubic-bezier(.34,1.56,.64,1) .05s}.cell.fx-frame-hold .unit:before,.cell.fx-frame-hold .unit .side-wing-left,.cell.fx-frame-hold .unit .side-wing-right{opacity:0}.cell.fx-frame-hold .unit .hex-frame-top{background:transparent;box-shadow:none}.cell.fx-frame-hold .unit .shadow-inner-edge{background:transparent}.cell.fx-frame-hold .unit .badge.pow{opacity:0;transform:translate(-50%) scale(.4)}.cell.fx-frame-hold .unit .badge.stack{opacity:0;transform:scale(.4)}.right-col{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0}.flex-spacer{flex:1 1 auto}.player-bar{position:relative;z-index:2;flex:0 0 auto;display:flex;align-items:center;gap:8px;background:none;border:none;padding:5px 10px 5px 22px;margin-bottom:6px;font-size:13px;flex-wrap:nowrap;min-width:0}.player-bar:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:275px;height:375%;background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E6%96%87%E5%AD%97%E8%A1%A8%E7%A4%BA%E8%83%8C%E6%99%AF.png) center / contain no-repeat;z-index:-1;pointer-events:none}.player-bar .stat{color:#000;white-space:nowrap;display:flex;align-items:center;gap:4px}.player-bar .stat b{color:#000;font-size:15px}.player-bar.with-icon{width:fit-content;margin-bottom:0;padding-right:46px}.player-bar-row{position:relative;flex:0 0 auto;width:fit-content;display:flex;align-items:center;margin-bottom:6px}.own-info-row{position:fixed;right:140px;bottom:40px;z-index:0;display:flex;align-items:center}.own-info-row .player-bar{pointer-events:none}.player-bar-row .zone-tab.grave,.own-info-row .zone-tab.grave{position:absolute;right:6px;top:50%;transform:translateY(-50%);z-index:3}.opp-hand-dock{position:fixed;top:0;left:0;width:460px;height:150px;display:flex;align-items:flex-start;justify-content:center;z-index:-1;pointer-events:none;transform:rotate(180deg)}.opp-hand-card{width:78px;height:109px;flex:0 0 auto;border-radius:6px;background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E3%82%AB%E3%83%BC%E3%83%89%E8%A3%8F%E9%9D%A2.png) center / cover,radial-gradient(circle at 50% 35%,#2c3a8a,#141737 75%);box-shadow:0 3px 10px #0000008c;transform:rotate(var(--fan-rot, 0deg)) translateY(var(--fan-y, 0px));transform-origin:bottom center}.pname.p0,.pname.p1{color:#000;font-weight:700;white-space:nowrap}.ic{width:16px;height:16px;display:inline-block;vertical-align:-2px;background-size:contain;background-repeat:no-repeat;background-position:center}.ic-res{background-image:url(/assets/icon_resource.png),radial-gradient(circle,#58c7ff 30%,transparent 70%);border-radius:50%}.ic-grave{background-image:url(/assets/icon_grave.png),radial-gradient(circle,#b58aff 30%,transparent 70%);border-radius:50%}.ic-deck{background-image:url(/assets/icon_deck.png),linear-gradient(#7d8ada,#4a5490);border-radius:3px}.ic-hand{background-image:url(/assets/icon_deck.png),linear-gradient(#dab97d,#907a4a);border-radius:3px}.zone-area{position:relative;z-index:46;flex:0 0 auto;display:flex;flex-direction:column;gap:6px;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E8%83%8C%E6%99%AF%E7%B4%99.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:none;padding:8px}.zone-area.zone-area-closed{display:none}.zone-panel-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.zone-panel-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.zone-close{flex:0 0 auto;width:22px;height:22px;padding:0;border-radius:999px;background:#262a52b3;color:#fff;font-size:12px;line-height:1}.zone-close:hover{background:#3a3e70d9}.zone-tab-label{font-size:13px;font-weight:400;color:#000}.zone-tab{padding:4px 10px;font-size:12px;border-radius:999px;background:#262a52b3}.zone-tab.own,.zone-tab.opp{--orb: url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E8%87%AA%E5%88%86%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%96.png);width:34px;height:34px;padding:0;background:var(--orb) no-repeat center / 36px 36px,#262a52b3}.zone-tab.opp{--orb: url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E7%9B%B8%E6%89%8B%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%96.png)}.zone-tab.own.grave,.zone-tab.opp.grave{background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E5%A2%93%E5%9C%B0%E3%83%9E%E3%83%BC%E3%82%AF.png) no-repeat center / 16px 16px,var(--orb) no-repeat center / 36px 36px,#262a52b3}.zone-tab.own.on,.zone-tab.opp.on{background:var(--orb) no-repeat center / 36px 36px,#262a52b3;box-shadow:0 0 10px 3px #ffcf5cd9,inset 0 0 8px #ffffff80;border:1px solid var(--accent)}.zone-tab.own.grave.on,.zone-tab.opp.grave.on{background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E5%A2%93%E5%9C%B0%E3%83%9E%E3%83%BC%E3%82%AF.png) no-repeat center / 16px 16px,var(--orb) no-repeat center / 36px 36px,#262a52b3;box-shadow:0 0 10px 3px #ffcf5cd9,inset 0 0 8px #ffffff80;border:1px solid var(--accent)}.zone-grid{flex:0 0 auto;height:190px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start;padding:2px}.pending-bar{flex:0 0 auto;min-height:40px;display:flex;align-items:center;gap:10px;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E6%96%87%E5%AD%97%E8%A1%A8%E7%A4%BA%E8%83%8C%E6%99%AF%E9%95%B7%E3%81%84.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:none;padding:6px 12px 6px 22px;margin-bottom:6px;font-size:12px;color:#000}.pending-bar button{padding:3px 10px;font-size:12px}.hand-area{position:relative;z-index:1;flex:0 0 auto;display:flex;gap:8px;align-items:center;border:none;padding:6px 8px;pointer-events:none}.hand-area.hand-area-hidden{visibility:hidden;pointer-events:none}.res-orb{position:fixed;right:-14px;width:134px;height:134px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.95),0 0 4px rgba(0,0,0,.9);background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .12s,filter .15s;z-index:60}.res-orb:hover{transform:scale(1.06)}.res-orb.own{bottom:16px;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E8%87%AA%E5%88%86%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%96.png)}.res-orb.opp{top:16px;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E7%9B%B8%E6%89%8B%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%96.png)}.deck-pile{position:fixed;right:-40px;width:92px;height:129px;border-radius:10px;border:2px solid rgba(120,140,240,.6);background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E3%82%AB%E3%83%BC%E3%83%89%E8%A3%8F%E9%9D%A2.png) center / cover,radial-gradient(circle at 50% 35%,#2c3a8a,#141737 75%);box-shadow:0 8px 22px #000000a6,0 0 16px #5a8cff66;z-index:50;pointer-events:none}.deck-pile:before,.deck-pile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:2px solid rgba(120,140,240,.4);background:inherit;z-index:-1;filter:brightness(.72)}.deck-pile:before{transform:translate(4px,3px)}.deck-pile:after{transform:translate(8px,6px);filter:brightness(.5)}.deck-pile.own{bottom:calc(50% - 194px);transform:rotate(75deg)}.deck-pile.opp{top:calc(50% - 194px);transform:rotate(-75deg)}.deck-pile.empty{opacity:.35;filter:grayscale(.7)}.deck-count{position:absolute;left:50%;top:50%;min-width:38px;padding:1px 6px;border-radius:999px;background:#060814cc;border:1px solid rgba(140,160,255,.7);font-size:16px;font-weight:900;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);box-sizing:border-box}.deck-pile.own .deck-count{transform:translate(-50%,-50%) rotate(-75deg)}.deck-pile.opp .deck-count{transform:translate(-50%,-50%) rotate(75deg)}.res-orb .orb-count{font-size:46px;font-weight:900;line-height:1;transform:translateY(-6px)}.res-orb .orb-count small{font-size:27px;font-weight:700;color:#cfe0ff}.res-orb.ready{animation:orbPulse 1.6s ease-in-out infinite}.res-orb.res-drop.active{filter:drop-shadow(0 0 14px rgba(57,217,138,.95));transform:scale(1.1)}.res-table{position:fixed;z-index:45;display:flex;align-items:center;cursor:pointer}.res-table-card{width:78px;height:109px;flex:0 0 auto;transform:rotate(var(--res-rot, 0deg)) translateY(var(--res-y, 0px));box-shadow:0 4px 10px #00000080}.res-table.res-drop.active{filter:drop-shadow(0 0 14px rgba(57,217,138,.95))}@keyframes orbPulse{0%,to{filter:drop-shadow(0 0 3px rgba(57,217,138,.3))}50%{filter:drop-shadow(0 0 12px rgba(57,217,138,.95))}}.hand-row{flex:1 1 auto;display:flex;flex-wrap:nowrap;overflow:hidden;padding:2px;min-width:0}.hand-row .hand-card{pointer-events:auto;transform:rotate(var(--fan-rot, 0deg)) translateY(var(--fan-y, 0px));transform-origin:bottom center}.hand-row .hand-card:hover{z-index:5;transform:rotate(var(--fan-rot, 0deg)) translateY(calc(var(--fan-y, 0px) - 10px))}.mini-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;background:#10122a;flex:0 0 auto;transition:transform .1s}.mini-card:hover{transform:translateY(-3px)}.mini-card img{width:100%;height:100%;object-fit:cover;pointer-events:none}.mini-card.discard{box-shadow:0 0 0 2px var(--attack)}.mini-card .cost{display:none}.hand-card{width:120px;height:168px;cursor:grab}.hand-card:active{cursor:grabbing}.zone-card{width:64px;height:89px}.zone-card.tapped{filter:grayscale(.85) brightness(.55)}.zone-card .tapmark{position:absolute;right:2px;top:2px;font-size:9px;background:#000000d9;color:var(--muted);border-radius:6px;padding:0 3px;pointer-events:none}.zone-area.zone-picking{padding:22px 16px 16px;gap:10px}.zone-pick-title{font-size:13px;font-weight:700;color:#000;line-height:1.4;margin:0}.zone-picking .zone-grid{display:flex}.zone-picking .zone-grid .hint{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.zone-card.pick{border-color:#78c8ffe6;box-shadow:0 0 6px #78c8ff80}.zone-card.pick .pick-note{position:absolute;left:0;right:0;bottom:0;font-size:9px;text-align:center;line-height:1.4;background:#000000c7;color:#fff;pointer-events:none}.zone-card.pick-disabled{border-color:var(--border);box-shadow:none;filter:grayscale(.85) brightness(.55);cursor:not-allowed}.zone-card.pick-disabled:hover{transform:none;border-color:var(--border)}.zone-pick-cancel{-moz-appearance:none;appearance:none;-webkit-appearance:none;align-self:flex-start;padding:5px 16px;font-size:12px;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E6%96%87%E5%AD%97%E8%A1%A8%E7%A4%BA%E8%83%8C%E6%99%AF.png)!important;background-size:160% 220%!important;background-position:center!important;background-repeat:no-repeat!important;border:2px solid #000!important;outline:none!important;box-shadow:none!important;color:#000!important}.zone-pick-cancel:focus,.zone-pick-cancel:hover{outline:none!important;border-color:#000!important}.turn-end{position:fixed;right:-14px;top:50%;transform:translateY(-50%);width:134px;height:134px;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;font-size:17px;font-weight:900;letter-spacing:1px;line-height:1.15;text-shadow:0 1px 4px rgba(0,0,0,.8);background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center;transition:transform .12s,filter .12s;z-index:60}.turn-end.orb-own{background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E8%87%AA%E5%88%86%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%96.png)}.turn-end.orb-opp{background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E7%9B%B8%E6%89%8B%E3%83%AA%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%AA%E3%83%BC%E3%83%96.png)}.turn-end:hover{transform:translateY(-50%) scale(1.06);filter:brightness(1.15)}.turn-end small{font-size:10px;font-weight:400;color:#cfe0ff;letter-spacing:0}.reset-btn{position:fixed;top:calc(50% - 98px);right:46px;width:36px;height:36px;border-radius:50%;padding:0;font-size:17px;opacity:.75;z-index:60}.reset-btn:hover{opacity:1}.turn-banner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:150;font-family:Times New Roman,Times,serif,Yu Mincho,遊明朝;animation:tbWrapFade 1.8s ease forwards}@keyframes tbWrapFade{0%,82%{opacity:1}to{opacity:0}}.turn-banner .tb-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.85) 25%,rgba(0,0,0,.85) 75%,transparent 100%);transform:scaleY(0);animation:tbBgIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes tbBgIn{to{transform:scaleY(1)}}.turn-banner .tb-laser{position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%) scaleX(0);animation:tbLaserIn .5s cubic-bezier(.16,1,.3,1) .1s forwards}@keyframes tbLaserIn{to{transform:translate(-50%,-50%) scaleX(1)}}.turn-banner .tb-text{position:relative;font-size:6rem;font-weight:900;letter-spacing:.35rem;color:#fff;margin:0;opacity:0;transform:scale(1.15);animation:tbTextIn .5s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes tbTextIn{to{opacity:1;transform:scale(1)}}.turn-banner.p1 .tb-laser{background:linear-gradient(90deg,transparent,var(--p1) 20%,#fff 50%,var(--p1) 80%,transparent);box-shadow:0 0 20px var(--p1),0 0 5px #fff}.turn-banner.p1 .tb-text{text-shadow:0 0 5px #fff,0 0 10px var(--p1),0 0 20px var(--p1),0 0 40px var(--p1),0 0 70px var(--p1),0 0 90px var(--p1)}.turn-banner.p0 .tb-laser{background:linear-gradient(90deg,transparent,var(--p0) 20%,#fff 50%,var(--p0) 80%,transparent);box-shadow:0 0 20px var(--p0),0 0 5px #fff}.turn-banner.p0 .tb-text{text-shadow:0 0 5px #fff,0 0 10px var(--p0),0 0 20px var(--p0),0 0 40px var(--p0),0 0 70px var(--p0),0 0 90px var(--p0)}.game-start-fx{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;pointer-events:none;z-index:160;font-family:Times New Roman,Times,serif,Yu Mincho,遊明朝;color:#fff;-webkit-user-select:none;user-select:none;animation:gsfxWrapFade 2.6s ease forwards}@keyframes gsfxWrapFade{0%,90%{opacity:1}to{opacity:0}}.game-start-fx .gsfx-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.9) 25%,rgba(0,0,0,.9) 75%,transparent 100%);transform:scaleY(0);animation:gsfxBgIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes gsfxBgIn{to{transform:scaleY(1)}}.game-start-fx .gsfx-laser{position:absolute;top:50%;left:50%;width:160%;height:3px;transform:translate(-50%,-50%) scaleX(0) rotate(0);background:linear-gradient(90deg,transparent,#0088ff 20%,#fff 50%,#0088ff 80%,transparent);box-shadow:0 0 25px #08f,0 0 8px #fff;animation:gsfxLaser 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes gsfxLaser{0%{transform:translate(-50%,-50%) scaleX(0) rotate(0)}40%{transform:translate(-50%,-50%) scaleX(1) rotate(0)}to{transform:translate(-50%,-50%) scaleX(1) rotate(-25deg)}}.game-start-fx .gsfx-spark{position:absolute;top:50%;left:50%;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff,#0088ff 60%,transparent 75%);box-shadow:0 0 10px #08f;opacity:0;animation:gsfxSparkFly var(--ms, .5s) cubic-bezier(.05,.7,.2,1) .6s forwards}@keyframes gsfxSparkFly{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--ang)) translate(4px)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translate(var(--d))}}.game-start-fx .gsfx-vs{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.game-start-fx .gsfx-v,.game-start-fx .gsfx-s{font-size:12rem;font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 10px #fff,0 0 20px #0088ff,0 0 50px #0088ff,0 0 80px #0088ff;position:absolute;opacity:0}.game-start-fx .gsfx-v{animation:gsfxVIn 1s cubic-bezier(.25,1,.2,1) forwards}.game-start-fx .gsfx-s{animation:gsfxSIn 1s cubic-bezier(.25,1,.2,1) forwards}@keyframes gsfxVIn{0%{transform:translate(-1000px);opacity:0}15%{opacity:1}60%,61%{transform:translate(-70px);opacity:1}to{transform:translate(-1300px);opacity:0}}@keyframes gsfxSIn{0%{transform:translate(1000px);opacity:0}15%{opacity:1}60%,61%{transform:translate(70px);opacity:1}to{transform:translate(1300px);opacity:0}}.game-start-fx .gsfx-fight{position:absolute;font-size:9.5rem;font-weight:900;font-style:italic;letter-spacing:.3rem;color:#fff;text-shadow:0 0 10px #fff,0 0 25px #0088ff,0 0 50px #0088ff,0 0 80px #0088ff,0 0 120px #0088ff;margin:0;opacity:0;transform:scale(.2);animation:gsfxFightPop 1.8s cubic-bezier(.15,.85,.2,1.15) .6s forwards}@keyframes gsfxFightPop{0%{transform:scale(.2);opacity:0}10%{transform:scale(1.15);opacity:1}14%{transform:scale(1);opacity:1}80%{transform:scale(1.02);opacity:1}to{transform:scale(1.2);opacity:0}}.game-start-fx .gsfx-players{position:absolute;width:100%;height:100%}.game-start-fx .gsfx-side{position:absolute;opacity:0;display:flex;flex-direction:column;animation:gsfxSideIn 1.8s cubic-bezier(.16,1,.3,1) .6s forwards}@keyframes gsfxSideIn{0%{opacity:0;transform:translate(var(--sx),var(--sy))}15%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--ex),var(--ey))}}.game-start-fx .gsfx-side.enemy{top:40px;left:10%;align-items:flex-start;--sx: -120px;--sy: -60px;--ex: -30px;--ey: -15px}.game-start-fx .gsfx-side.you{bottom:40px;right:10%;align-items:flex-end;--sx: 120px;--sy: 60px;--ex: 30px;--ey: 15px}.game-start-fx .gsfx-name{font-size:6.5rem;font-weight:900;font-style:italic;letter-spacing:4px;color:#fff;margin:0}.game-start-fx .gsfx-side.enemy .gsfx-name{text-shadow:0 0 10px #fff,0 0 20px var(--p1),0 0 50px var(--p1),0 0 80px var(--p1)}.game-start-fx .gsfx-side.you .gsfx-name{text-shadow:0 0 10px #fff,0 0 20px var(--p0),0 0 50px var(--p0),0 0 80px var(--p0)}.game-start-fx .gsfx-order{margin-top:-5px;font-size:3.5rem;font-family:Yu Mincho,遊明朝,serif;font-weight:900;font-style:italic;letter-spacing:4px;color:#fff}.game-start-fx .gsfx-order.first{text-shadow:0 0 8px #fff,0 0 15px #4af3ff,0 0 35px var(--p0),0 0 55px var(--p0),0 0 80px var(--p0)}.game-start-fx .gsfx-order.second{text-shadow:0 0 8px #fff,0 0 15px #ff4a4a,0 0 35px var(--p1),0 0 55px var(--p1),0 0 80px var(--p1)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060814c7;display:flex;align-items:center;justify-content:center;z-index:100}.overlay .box{background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E8%83%8C%E6%99%AF%E7%B4%99.png);background-size:100% 100%;background-repeat:no-repeat;border:none;border-radius:16px;padding:24px;min-width:320px;max-width:640px;max-height:86vh;overflow-y:auto;text-align:center;color:#000}.overlay .box h2{margin:0 0 14px;font-size:17px;color:#000}.overlay .box .opts{display:flex;flex-direction:column;gap:8px}.overlay .box .opts button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E6%96%87%E5%AD%97%E8%A1%A8%E7%A4%BA%E8%83%8C%E6%99%AF.png)!important;background-size:160% 220%!important;background-position:center!important;background-repeat:no-repeat!important;border:2px solid #000!important;outline:none!important;box-shadow:none!important;color:#000!important}.overlay .box .opts button:focus,.overlay .box .opts button:hover{outline:none!important;border-color:#000!important}.overlay .box .opts button:disabled{opacity:.4;cursor:not-allowed}.overlay .box.victory{border-color:var(--accent);background-image:url(/assets/banner_victory.png),linear-gradient(#181c3af2,#181c3af2);background-size:contain;background-repeat:no-repeat;background-position:top center;padding-top:48px;color:var(--text)}.overlay.result-fx{flex-direction:column;gap:22px}.overlay.result-fx .box.victory{background-image:none;padding-top:24px}.rfx-stage{position:relative;display:flex;align-items:center;justify-content:center}.rfx-img{position:relative;z-index:2;max-width:78vw;max-height:42vh;object-fit:contain;display:block}.overlay.result-fx.win .rfx-img{opacity:0;transform:scale(.3) rotate(-6deg);filter:drop-shadow(0 0 30px rgba(255,210,90,.9)) drop-shadow(0 0 60px rgba(255,180,40,.55));animation:rfxWinPop .7s cubic-bezier(.2,1.5,.3,1) forwards}@keyframes rfxWinPop{0%{opacity:0;transform:scale(.3) rotate(-6deg)}55%{opacity:1;transform:scale(1.15) rotate(2deg)}75%{transform:scale(.96) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rfx-flash{position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,244,200,.95),rgba(255,200,60,.5) 40%,transparent 72%);opacity:0;animation:rfxFlash .55s ease-out .18s forwards}@keyframes rfxFlash{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}.rfx-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;z-index:3;pointer-events:none;background:var(--pc, #fff);box-shadow:0 0 6px var(--pc, #fff);opacity:0;animation:rfxParticleFly var(--ms, .9s) ease-out var(--delay, 0ms) forwards}@keyframes rfxParticleFly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translate(6px) scale(1)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translate(var(--d)) scale(.3)}}.overlay.result-fx.lose .rfx-img{opacity:0;filter:blur(14px) brightness(0);animation:rfxLoseIn 1.6s ease forwards}@keyframes rfxLoseIn{0%{opacity:0;filter:blur(14px) brightness(0)}55%{opacity:.55;filter:blur(6px) brightness(.4)}to{opacity:1;filter:blur(0) brightness(1)}}.detail-overlay{cursor:pointer}.detail-box{display:flex;gap:20px;align-items:flex-start;max-width:720px;max-height:86vh;cursor:default}.detail-box img{height:min(64vh,560px);border-radius:14px;box-shadow:0 0 40px #5082ff73}.detail-box .d-info{background-image:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E8%83%8C%E6%99%AF%E7%B4%99.png);background-size:100% 100%;background-repeat:no-repeat;border:none;border-radius:12px;padding:16px;width:280px;max-height:64vh;overflow-y:auto}.d-name{font-weight:800;font-size:16px;margin-bottom:4px;color:#000}.d-meta{font-size:12px;color:#221a10;margin-bottom:10px}.d-text{font-size:13px;line-height:1.7;white-space:pre-wrap;color:#000}.stack-select{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.stack-select h4{margin:0 0 6px;font-size:12px;color:var(--muted)}.mover-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:12px}.mover-row:hover{background:var(--panel2)}.mover-row.viewing{background:var(--panel2);outline:1px solid var(--accent, var(--border))}.mover-row [data-action=view-stack-card]{cursor:pointer}.mover-row .chk{width:16px;height:16px;border-radius:4px;border:1px solid var(--border);display:inline-block;text-align:center;line-height:15px;font-size:11px;flex:0 0 auto;cursor:pointer}.mover-row.on .chk{background:var(--place);color:#10122a}.mover-row.disabled [data-action=toggle-mover]{opacity:.4;cursor:not-allowed}#anim-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;pointer-events:none;overflow:hidden}#anim-layer.active{pointer-events:auto}.fx-card{position:fixed;border-radius:10px;overflow:hidden;background:#10122a;box-shadow:0 10px 34px #000000a6,0 0 24px #5a8cff59;will-change:transform,opacity;pointer-events:none}.fx-card img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;display:block}.fx-card.cell{background:none;border:none;border-radius:0;box-shadow:none;cursor:default}.fx-card.cell .unit{border-radius:8px;overflow:hidden}.fx-card .cnt{position:absolute;left:4px;top:4px;font-size:12px;font-weight:800;color:#fff;background:#000c;border-radius:8px;padding:0 6px}.fx-card.dissolve,.fx-flip.dissolve{--dc: 168, 85, 247}.fx-card.dissolve.white,.fx-flip.dissolve.white{--dc: 255, 255, 255}.fx-card.dissolve img,.fx-flip.dissolve .fx-flip-face.front img{transition:filter .2s ease-in}.fx-card.dissolve.dissolve-active img,.fx-flip.dissolve.dissolve-active .fx-flip-face.front img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(var(--dc),.9))}.fx-card.dissolve,.fx-flip.dissolve{transition:box-shadow .2s ease-in,opacity .32s ease-in}.fx-card.dissolve.dissolve-active,.fx-flip.dissolve.dissolve-active{box-shadow:0 0 4px 2px rgba(var(--dc),.9) inset,0 0 26px rgba(var(--dc),.85),0 0 46px rgba(var(--dc),.5)}.fx-card.dissolve.dissolve-out,.fx-flip.dissolve.dissolve-out{opacity:0}.fx-p.dissolve-p{width:4px;height:4px;border-radius:50%;animation:fxDrift var(--ms, .5s) cubic-bezier(.15,.8,.3,1) forwards}.fx-p.dissolve-p.purple{background:radial-gradient(circle,#fff,#c084fc 45%,transparent 75%);box-shadow:0 0 6px #a855f7f2}.fx-p.dissolve-p.white{background:radial-gradient(circle,#fff,#fff 45%,transparent 75%);box-shadow:0 0 6px #fffffff2}.fx-card.fx-narrow,.fx-flip.fx-narrow{animation:fxNarrowScale .2s cubic-bezier(.4,0,.7,1)}@keyframes fxNarrowScale{0%{transform:scaleX(1)}to{transform:scaleX(.03)}}.fx-reveal{opacity:0;transform:scale(.55);transition:transform .2s cubic-bezier(.2,.9,.3,1.25),opacity .18s;box-shadow:0 14px 44px #000000b3,0 0 46px #78aaff8c}.fx-reveal.in{opacity:1;transform:scale(1)}.fx-reveal.out{opacity:0;transform:scale(.85);transition:transform .28s ease-in,opacity .28s}.fx-card.back{background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E3%82%AB%E3%83%BC%E3%83%89%E8%A3%8F%E9%9D%A2.png) center / cover,radial-gradient(circle at 50% 35%,#2c3a8a,#141737 75%);box-shadow:0 6px 20px #0009,0 0 16px #5a8cff66}.fx-flip{position:fixed;perspective:900px;pointer-events:none}.fx-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .3s cubic-bezier(.3,.55,.25,1)}.fx-flip.flip-in .fx-flip-inner{transform:rotateY(0)}.fx-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:10px;overflow:hidden;box-shadow:0 14px 44px #000000b3,0 0 46px #ffbe6e8c}.fx-flip-face img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;display:block}.fx-flip-face.front{transform:rotateY(0)}.fx-flip-face.back{transform:rotateY(180deg);background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E3%82%AB%E3%83%BC%E3%83%89%E8%A3%8F%E9%9D%A2.png) center / cover,radial-gradient(circle at 50% 35%,#2c3a8a,#141737 75%);border:2px solid rgba(120,140,240,.6)}.fx-flip-face.back-as-front{transform:rotateY(0);background:url(https://pub-c46d5e1d4d8a477081b4f23ef851c417.r2.dev/images/%E3%82%AB%E3%83%BC%E3%83%89%E8%A3%8F%E9%9D%A2.png) center / cover,radial-gradient(circle at 50% 35%,#2c3a8a,#141737 75%);border:2px solid rgba(120,140,240,.6)}.fx-flip-aura,.fx-slash-canvas{position:fixed;pointer-events:none}.hand-card.fx-hide,.zone-card.fx-hide,.res-table-card.fx-hide,.hand-card.dragging,.cell.dragging .unit,.cell.dragging .badge.pow,.cell.dragging .badge.stack{visibility:hidden}.fx-burst{position:fixed;width:24px;height:24px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff,#ffcf5c 40%,rgba(255,120,60,.6) 60%,transparent 72%);animation:fxBurst .55s ease-out forwards}.fx-burst.spell{background:radial-gradient(circle,#fff,#7db8ff 40%,rgba(120,90,255,.6) 60%,transparent 72%)}.fx-burst.big{animation-duration:.8s;width:40px;height:40px}.fx-burst.slow{animation-duration:2.4s}@keyframes fxBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}.fx-finisher-canvas{position:fixed;pointer-events:none;mix-blend-mode:screen;opacity:0;transform:scale(.25);animation:fxFinisherIn .8s cubic-bezier(.1,.8,.2,1) forwards}@keyframes fxFinisherIn{0%{opacity:0;transform:scale(.25)}18%{opacity:1;transform:scale(1.05)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes fxPop{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}32%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(1)}}.fx-slash{position:fixed;width:10px;height:10px;pointer-events:none}.fx-slash:before,.fx-slash:after{content:"";position:absolute;left:50%;top:50%;width:130px;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent,#fff 45%,#ffe9b0 55%,transparent);opacity:0}.fx-slash:before{animation:fxSlashA .32s ease-out forwards}.fx-slash:after{animation:fxSlashB .32s ease-out .08s forwards}@keyframes fxSlashA{0%{opacity:0;transform:translate(-50%,-50%) rotate(40deg) scaleX(.1)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(40deg) scaleX(1.5)}}@keyframes fxSlashB{0%{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scaleX(.1)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scaleX(1.5)}}.fx-basedmg{position:fixed;pointer-events:none;font-family:Cinzel,Noto Sans JP,serif;font-size:34px;white-space:nowrap;animation:fxPop 1s ease-out forwards}.fx-basedmg.big{font-size:46px}.fx-basedmg-inner{position:relative;width:0;height:0}.fx-basedmg .layer{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-weight:900;white-space:nowrap}.fx-basedmg .fill-red{background:linear-gradient(180deg,#ff6a3d,#d81f1f 40%,#4a0808);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2.5px #3d0808;text-stroke:2.5px #3d0808;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.fx-impact{position:fixed;width:22px;height:22px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff,#fff 30%,rgba(255,220,140,.9) 50%,transparent 72%);animation:fxImpact .24s ease-out forwards}.fx-impact.big{animation-duration:.32s;width:34px;height:34px}@keyframes fxImpact{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(3.6)}}.fx-p{position:fixed;pointer-events:none;will-change:transform,opacity}.fx-p.spark{width:16px;height:3px;border-radius:2px;background:linear-gradient(90deg,#fff,#ffd86b 55%,transparent);box-shadow:0 0 6px #ffc85acc;animation:fxSparkFly var(--ms, .4s) cubic-bezier(.05,.7,.2,1) forwards}@keyframes fxSparkFly{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--ang)) translate(4px) scaleX(1.2)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translate(var(--d)) scaleX(.25)}}.fx-p.mote{width:3px;height:3px;border-radius:50%;background:var(--mc, #fff);box-shadow:0 0 5px var(--mc, #fff);animation:fxMoteFly var(--ms, .4s) ease-out forwards}@keyframes fxMoteFly{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--ang)) translate(2px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang)) translate(var(--d)) scale(.4)}}.fx-vortex{position:fixed;pointer-events:none}.fx-p.green{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#eafff0,#39d98a 55%,transparent 78%);box-shadow:0 0 10px #39d98ae6;animation:fxDrift var(--ms, .9s) cubic-bezier(.2,.7,.4,1) forwards}@keyframes fxDrift{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.3)}}.fx-p.sparkle{width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff,#fff 45%,transparent 75%);box-shadow:0 0 5px #fffffff2;animation:fxDrift var(--ms, .4s) cubic-bezier(.15,.8,.3,1) forwards}.fx-reveal.aura-green{box-shadow:0 14px 44px #000000b3,0 0 46px #39d98a99,0 0 90px #39d98a4d}.board.fx-shake{animation:fxShake .35s}@keyframes fxShake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(3px,2px)}}.board.fx-shake-sm{animation:fxShakeSm .22s}@keyframes fxShakeSm{0%,to{transform:translate(0)}30%{transform:translate(-3px,2px)}60%{transform:translate(3px,-2px)}}.res-orb.fx-pulse{animation:orbPop .5s ease}@keyframes orbPop{50%{transform:scale(1.28)}}.cell.fx-hold .unit,.cell.fx-hold .badge.pow,.cell.fx-hold .badge.stack,.cell.fx-hold-base .base,.cell.fx-hold-base .badge.life{visibility:hidden}.tut-panel{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:70;width:min(620px,90vw);background:#0d1026f5;border:1px solid var(--accent);border-radius:14px;padding:14px 18px;box-shadow:0 10px 36px #0000008c,0 0 22px #ffcf5c2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.tut-btns button{pointer-events:auto}.tut-head{color:var(--accent);font-weight:800;font-size:12px;letter-spacing:1px;margin-bottom:6px}.tut-text{font-size:13.5px;line-height:1.85}.tut-btns{display:flex;align-items:center;gap:10px;margin-top:10px}.tut-quit{background:transparent;border:none;font-size:11px;color:var(--muted);text-decoration:underline;padding:4px}.tut-quit:hover{color:var(--text);border:none}.tut-glow{animation:tutGlow 1.3s ease-in-out infinite;border-color:var(--accent)!important}@keyframes tutGlow{0%,to{box-shadow:0 0 6px #ffcf5c59}50%{box-shadow:0 0 26px #ffcf5cf2}}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:#402030;border:1px solid var(--attack);color:#ffd7d7;border-radius:10px;padding:8px 18px;font-size:13px;z-index:200;max-width:80vw}.toast.info{background:#1e2a40;border-color:var(--p0);color:#d7e8ff}.hint{font-size:12px;color:var(--muted);line-height:1.6}.zone-grid .hint,.hand-row .hint{color:#000}