@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@800;900&display=swap";:root{color:#18212f;background:#11141a;font-family:Nunito,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{display:flex;min-width:320px;min-height:100vh;align-items:center;justify-content:center;padding:20px;background:#11141a}button,input{font:inherit}button{border:0;cursor:pointer}.phone-canvas{position:relative;display:flex;width:min(412px,calc(100vw - 24px));height:min(870px,calc(100vh - 24px));min-height:720px;flex-direction:column;overflow:hidden;border:4px solid #2d3748;border-radius:36px;background:linear-gradient(180deg,#3a587e,#6388b9 25% 75%,#2a4365);box-shadow:0 25px 60px #000c,inset 0 4px 10px #fff3}.page-lake-texture{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:radial-gradient(#283a55 2px,transparent 2px);background-size:16px 16px}.top-header{z-index:10;display:flex;align-items:center;justify-content:space-between;padding:40px 16px 10px}.menu-icon-btn{display:flex;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:3px solid #ffffff;border-radius:50%;background:#1cb5e0;box-shadow:0 4px #106a85,0 6px 10px #0000004d}.menu-icon-btn .line{width:18px;height:3px;border-radius:2px;background:#fff}.menu-icon-btn .line.short{width:14px;margin-left:-4px}.home-indicator-badge{position:relative;display:flex;width:72px;height:72px;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:4px;border:4px solid #66b5ff;border-radius:20px;background:#fff;box-shadow:0 8px 16px #00000040;transform:translateY(12px)}.home-indicator-badge:after{position:absolute;bottom:-10px;border-top:10px solid #66b5ff;border-right:8px solid transparent;border-left:8px solid transparent;content:""}.plane-avatar{position:absolute;top:4px;display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:#eef5ff;font-size:24px}.count-text,.amount,.card-num-val{font-family:Fredoka One,Nunito,sans-serif}.count-text{z-index:2;color:#1a2544;font-size:16px}.diamond-pill-box{position:relative;display:flex;width:110px;height:36px;align-items:center;border-radius:18px;background:#fff;box-shadow:0 4px #d2d6dc,0 4px 8px #00000026}.diamond-icon{position:absolute;top:-8px;left:-12px;width:46px;height:46px;background:url(/iv_diamond.webp) center / contain no-repeat;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}.diamond-add-btn{position:absolute;bottom:-4px;left:14px;display:flex;width:18px;height:18px;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:50%;background:#6bd62e;color:#fff;font-size:12px;font-weight:900}.lobby-screen{padding:38px 18px 24px;background:radial-gradient(circle at 50% 18%,rgba(112,220,255,.32) 0 18%,transparent 38%),linear-gradient(180deg,#243f63,#6388b9 42%,#294464)}.lobby-header{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.lobby-brand-mark{display:grid;width:58px;height:58px;place-items:center;border:4px solid rgba(255,255,255,.95);border-radius:18px;background:linear-gradient(180deg,#57c7ff,#1d8cc8);box-shadow:0 7px #14648f,0 10px 18px #0712224d;color:#17233c;font-size:30px}.lobby-eyebrow{color:#ffffffb8;font-family:Fredoka One,Nunito,sans-serif;font-size:12px;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.16)}.lobby-header h1{color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:34px;line-height:1;text-shadow:0 4px 0 rgba(18,37,58,.36)}.lobby-diamond{position:absolute;top:0;right:0;width:96px;transform:scale(.88);transform-origin:top right}.lobby-hero-panel{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;justify-content:center;margin-top:28px;padding:28px 16px}.lobby-hero-glow{position:absolute;top:68px;left:50%;width:230px;height:230px;border-radius:50%;background:#32b4e647;filter:blur(2px);transform:translate(-50%)}.lobby-plane-badge{z-index:1;display:grid;width:104px;height:104px;place-items:center;align-self:center;border:5px solid #ffffff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#57c7ff 48%,#1f78b2);box-shadow:0 8px #155a88,0 14px 22px #030d1c59;color:#17233c;font-size:54px}.lobby-hero-panel h2{z-index:1;margin-top:22px;color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:32px;text-align:center;text-shadow:0 4px 0 rgba(18,37,58,.34)}.lobby-hero-panel p{z-index:1;max-width:290px;align-self:center;margin-top:8px;color:#ffffffc7;font-size:14px;font-weight:900;line-height:1.45;text-align:center}.mode-card-list{z-index:1;display:grid;gap:14px;margin-top:34px}.mode-card{position:relative;display:grid;min-height:92px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:4px solid rgba(255,255,255,.9);border-radius:20px;text-align:left;transition:transform .12s ease,filter .12s ease}.mode-card-primary{background:linear-gradient(180deg,#52c6ff,#2daee9 58%,#1788c3);box-shadow:0 8px #116a9c,0 13px 20px #04112252}.mode-card-primary:active,.mode-card-online:active{transform:translateY(5px);box-shadow:0 3px #116a9c,0 8px 14px #0411223d}.mode-card-online{background:linear-gradient(180deg,#6ee7b7,#26b98d 58%,#168261);box-shadow:0 8px #0f644a,0 13px 20px #04112252}.mode-card-locked{background:linear-gradient(180deg,#f6f1e5,#d9d0c0);box-shadow:0 7px #8c8274,0 12px 18px #04112238;cursor:not-allowed;filter:saturate(.72)}.mode-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:#ffffffdb;box-shadow:inset 0 -4px #1c30481f;font-size:31px}.mode-copy{display:grid;gap:5px}.mode-copy strong{color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:23px;line-height:1;text-shadow:0 3px 0 rgba(12,40,64,.28)}.mode-card-locked .mode-copy strong{color:#5f5649;text-shadow:0 1px 0 rgba(255,255,255,.55)}.mode-copy small{color:#ffffffc7;font-size:12px;font-weight:900}.mode-card-locked .mode-copy small{color:#3e3730ad}.mode-play-pill,.mode-lock-pill{display:grid;min-width:52px;height:32px;place-items:center;border-radius:999px;font-size:13px;font-weight:900}.mode-play-pill{background:#fff7d2;box-shadow:0 3px #c99028;color:#926019}.mode-lock-pill{background:#534b4129;color:#6b6258}.online-room-screen{gap:18px}.online-back-btn{transform:rotate(180deg)}.online-room-panel{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center;padding:22px 12px 34px}.online-room-orb{display:grid;width:98px;height:98px;place-items:center;align-self:center;border:5px solid #ffffff;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#80f1c8 45%,#17956d);box-shadow:0 8px #0d6047,0 14px 22px #030d1c59;font-size:48px}.online-status-pill{align-self:center;padding:8px 18px;border:3px solid rgba(255,255,255,.88);border-radius:999px;background:#11233a47;color:#fff;font-size:14px;font-weight:900;box-shadow:inset 0 -3px #0000001f}.room-code-display{display:grid;gap:6px;justify-items:center;padding:16px 18px;border:4px solid rgba(255,255,255,.92);border-radius:22px;background:#fff7d2;box-shadow:0 7px #c99028,0 12px 18px #04112238}.room-code-display span{color:#926019;font-size:13px;font-weight:900}.room-code-display strong{color:#1b2744;font-family:Fredoka One,Nunito,sans-serif;font-size:38px;letter-spacing:0}.online-command-card{width:100%}.online-join-box{display:grid;grid-template-columns:1fr 86px;gap:10px;align-items:center}.online-room-input{min-width:0;height:58px;padding:0 16px;border:4px solid rgba(255,255,255,.9);border-radius:18px;outline:none;background:#fffffff0;box-shadow:inset 0 -5px #1c30481f,0 6px #144a6873;color:#1b2744;font-family:Fredoka One,Nunito,sans-serif;font-size:22px}.online-room-input:focus{border-color:#fff7d2}.online-join-button{height:58px;border:4px solid rgba(255,255,255,.9);border-radius:18px;background:linear-gradient(180deg,#ffe28a,#ffc245);box-shadow:0 6px #b47917,0 10px 14px #04112238;color:#805313;font-weight:900}.online-room-message{min-height:24px;color:#ffffffe0;font-size:13px;font-weight:900;text-align:center}.amount{margin-left:51px;color:#121c3e;font-size:16px}.opponent-floating-card{position:absolute;top:125px;right:16px;z-index:9;display:flex;align-items:center}.opponent-plate{margin-right:-24px;padding:4px 30px 4px 14px;border:2px solid #7c5835;border-radius:10px;background:linear-gradient(180deg,tan,#c59b6e,#b38453);box-shadow:0 4px 8px #0000004d;text-align:right}.opponent-title{max-width:138px;overflow:hidden;color:#fff;font-size:13px;font-weight:900;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap}.opponent-geo{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:1px;color:#3e2510;font-size:11px;font-weight:800}.arrow-indicator{display:inline-flex;width:12px;height:12px;align-items:center;justify-content:center;border-radius:50%;background:#7c5835;color:#fbd38d;font-size:8px}.avatar-frame,.player-avatar-shell{position:relative}.avatar-ring-outer,.player-avatar-ring{border-radius:50%;background:#fff;box-shadow:0 6px 12px #00000059}.avatar-ring-outer{width:66px;height:66px;padding:3px}.avatar-screen,.player-avatar-core{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:50%}.avatar-screen{border:2.5px solid #6be3f9;background:#1cb5e0}.emoji-pic{font-size:42px;transform:translateY(4px)}.level-badge-star,.player-badge-star{position:absolute;right:-2px;bottom:-4px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:6px;background:#1cb5e0;box-shadow:0 3px 6px #0000004d;transform:rotate(45deg)}.level-badge-star span,.player-badge-star span{color:#fff;font-size:11px;font-weight:900;transform:rotate(-45deg)}.board-center-container{position:relative;display:flex;align-items:center;justify-content:center;margin-top:105px;padding:0 2px}.online-board-status{position:absolute;top:-42px;left:50%;z-index:12;display:flex;min-width:210px;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border:3px solid rgba(255,255,255,.9);border-radius:999px;background:#0f304cdb;box-shadow:0 5px #08182a70,0 10px 18px #08182a38;color:#ffffffd1;font-size:12px;font-weight:900;transform:translate(-50%)}.online-board-status strong{color:#fff7d2;font-size:13px}.main-game-board{position:relative;display:grid;width:100%;aspect-ratio:1;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(11,1fr);padding:6px;border-radius:24px;background:#cce8f461;box-shadow:0 10px 18px #111f2b52,inset 0 0 0 2px #d8f4ff38,inset 0 -7px #2d4a5e38}.inner-board-lake{position:relative;grid-row:2 / 11;grid-column:2 / 11;overflow:hidden;border:2.5px solid #283a55;border-radius:1px;background:#7398c7;box-shadow:inset 0 0 24px #00000026}.lake-texture{position:absolute;width:100%;height:100%;opacity:.15;background-image:radial-gradient(#283a55 2px,transparent 2px);background-size:16px 16px}.red-home-base-pool,.blue-home-base-pool{position:absolute;z-index:2;width:80px;height:80px;border:0;border-radius:50%;box-shadow:inset 0 -6px #00000040,0 4px 8px #0003}.red-home-base-pool{top:calc(83.333% - 40px);left:130px;background:#eb5465}.blue-home-base-pool{top:calc(16.667% - 40px);right:130px;background:#5ca4e6}.red-start-base-pool,.blue-start-base-pool{position:absolute;z-index:1;width:86px;height:86px;border:3px solid rgba(78,46,58,.48);border-radius:50%;box-shadow:inset 0 -7px #521a302e,0 6px 10px #18212d2e}.red-start-base-pool{top:calc(6px + (100% - 12px) / 11 * 6 + ((100% - 12px) / 11 - 86px) / 2 + 8px);left:calc(6px + (100% - 12px) / 11 - 34px);background:linear-gradient(140deg,rgba(255,146,161,.3) 0%,rgba(255,146,161,.12) 24%,transparent 25%),#eb5465}.blue-start-base-pool{top:calc(6px + (100% - 12px) / 11 * 4 + ((100% - 12px) / 11 - 86px) / 2 - 8px);right:calc(6px + (100% - 12px) / 11 - 34px);background:linear-gradient(140deg,rgba(150,220,255,.3) 0%,rgba(150,220,255,.12) 24%,transparent 25%),#5ca4e6}.red-start-base-pool:before,.blue-start-base-pool:before{position:absolute;top:50%;z-index:2;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;content:"";transform:translateY(-50%)}.red-start-base-pool:before{left:2px;border-right:12px solid rgba(132,27,37,.42)}.blue-start-base-pool:before{right:2px;border-left:12px solid rgba(25,82,142,.42)}.start-slot{position:absolute;width:24px;height:24px;border-radius:50%;background:#7c263857;box-shadow:inset 0 2px 3px #56182b38}.start-slot.slot-one{top:14px;left:32px}.start-slot.slot-two{top:41px;left:20px}.start-slot.slot-three{top:41px;left:47px}.red-start-base-pool .start-slot.slot-one{top:15px;left:22px}.red-start-base-pool .start-slot.slot-two{top:41px;left:22px}.red-start-base-pool .start-slot.slot-three{top:28px;left:48px}.blue-start-base-pool .start-slot.slot-one{top:13px;left:40px}.blue-start-base-pool .start-slot.slot-two{top:39px;left:40px}.blue-start-base-pool .start-slot.slot-three{top:26px;left:14px}.pool-plane{position:absolute;z-index:2;font-size:22px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.3))}.plane-one{top:14px;left:10px;transform:rotate(15deg)}.plane-two{top:38px;left:28px;transform:rotate(-10deg)}.plane-three{top:12px;left:48px;transform:rotate(45deg)}.blue-plane{filter:hue-rotate(185deg) saturate(1.15) drop-shadow(0 3px 2px rgba(0,0,0,.3))}.red-home-path-track,.blue-home-path-track{position:absolute;display:flex;z-index:3;width:132px;height:34px;gap:0;filter:drop-shadow(0 5px 3px rgba(38,43,32,.38))}.red-home-path-track{top:calc(83.333% - 15px);left:0}.blue-home-path-track{top:calc(16.667% - 17px);right:0}.path-node{position:relative;z-index:1;flex:1;border:1.5px solid rgba(104,52,60,.55);border-radius:4px;margin-right:-1px;box-shadow:inset 0 1px #ffffff2e,inset 0 -4px #5c19231f}.red-home-path-track .path-node:last-child,.blue-home-path-track .path-node:last-child{margin-right:0}.red-home-path-track .path-node{background:#ef5265}.blue-home-path-track .path-node{border-color:#2b57828c;background:#63a8e7;box-shadow:inset 0 1px #ffffff2e,inset 0 -4px #1c497424}.red-home-path-track .path-node:last-child{border-right:0}.blue-home-path-track .path-node:first-child{border-left:0}.path-node:before{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0d;pointer-events:none;content:""}.path-arrow-red{position:absolute;top:50%;left:8px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #841b25;transform:translateY(-50%)}.path-arrow-blue{position:absolute;top:50%;right:8px;width:0;height:0;border-top:5px solid transparent;border-right:7px solid #123e72;border-bottom:5px solid transparent;transform:translateY(-50%)}.central-cards-deck{position:absolute;top:48%;left:50%;z-index:10;display:flex;gap:8px;transform:translate(-50%,-50%)}.card-face-up-active,.card-back-pile{position:relative;display:flex;width:52px;height:84px;align-items:center;justify-content:center;border-radius:8px}.card-back-stack{position:relative;width:52px;height:84px}.card-face-up-active{overflow:hidden;border:2.5px solid #283a55;box-shadow:2px 5px 10px #00000059}.card-face-image-frame{background:#fff}.card-display-frame{width:100%;height:100%}.card-draw-flight-layer{position:absolute;top:0;left:60px;z-index:24;width:52px;height:84px;perspective:1100px;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity;animation:drawCardLift .72s cubic-bezier(.22,.78,.24,1) forwards}.card-flight-shell{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:drawCardTravel .72s cubic-bezier(.22,.84,.24,1) forwards,drawCardFlip .72s cubic-bezier(.22,.84,.25,1) forwards;box-shadow:0 14px 20px #00000038;transform-origin:center center;will-change:transform}.card-flip-face{position:absolute;inset:0;overflow:hidden;border-radius:5px;backface-visibility:hidden}.card-flip-face-back{background:transparent}.card-flip-face-front{transform:rotateY(180deg)}.card-back-skin{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:5px;border:2.5px solid #ffffff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22) 0,rgba(255,255,255,.06) 20%,transparent 36%),linear-gradient(135deg,#ef6aa8,#b744d2 52%,#6f41ea);box-shadow:inset 0 0 0 2px #283a55f2,inset 0 -8px #241b4e47}.card-face-up-active.is-flipping .card-display-frame{opacity:0}.card-face-up-active.is-idle .card-display-frame{opacity:1}.card-face-image{display:block;width:100%;height:100%;object-fit:cover}.card-flip-face-front:after{position:absolute;top:-10%;left:-120%;width:62%;height:120%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 28%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.1) 72%,transparent 100%);mix-blend-mode:screen;opacity:0;content:"";animation:drawCardGlint .72s ease-out forwards;pointer-events:none}.card-back-pile{overflow:hidden;padding:0;border:2.5px solid #ffffff;box-shadow:0 0 0 2px #283a55,3px 6px #151d2a,5px 10px 12px #0006;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.card-back-stack.is-draw-enabled .card-back-pile:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 0 2px #283a55,3px 8px #151d2a,6px 13px 14px #00000070}.card-back-stack.is-draw-enabled .card-back-pile:active{transform:translateY(-1px) scale(.985)}.card-back-pile:disabled{cursor:default;filter:saturate(.88) brightness(.95)}.card-back-text{font-family:Fredoka One,Nunito,sans-serif;font-size:13px;line-height:1}.green-prompt-arrow{position:absolute;top:-14px;left:50%;width:0;height:0;z-index:20;border-left:12px solid transparent;border-right:12px solid transparent;border-top:22px solid #4dfb2a;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45));animation:bounceIndicator 1s infinite;pointer-events:none;margin-left:-12px}@keyframes drawCardLift{0%{transform:translateZ(0)}16%{transform:translate3d(0,2px,0)}38%{transform:translate3d(0,-12px,0)}68%{transform:translate3d(0,-6px,0)}to{transform:translateZ(0)}}@keyframes drawCardFlip{0%{transform:rotateY(0) rotate(0) scaleX(.99) scaleY(1.02)}14%{transform:rotateY(0) rotate(1deg) scaleX(1.04) scaleY(.94)}30%{transform:rotateY(8deg) rotate(3deg) scaleX(1.02) scaleY(.98)}46%{transform:rotateY(54deg) rotate(6deg) scaleX(1.01) scaleY(.98)}54%{transform:rotateY(89deg) rotate(6deg) scaleX(.78) scaleY(1.03)}66%{transform:rotateY(126deg) rotate(4deg) scaleX(.95) scaleY(1.01)}82%{transform:rotateY(174deg) rotate(1deg) scaleX(1.05) scaleY(.94)}to{transform:rotateY(180deg) rotate(0) scaleX(1) scaleY(1)}}@keyframes drawCardTravel{0%{transform:translate(0) translateY(0) scale(.98)}14%{transform:translate(0) translateY(2px) scale(.96)}34%{transform:translate(-10px) translateY(-16px) scale(1.02)}56%{transform:translate(-34px) translateY(-24px) scale(1.05)}82%{transform:translate(-60px) translateY(4px) scale(.99)}to{transform:translate(-68px) translateY(0) scale(1)}}@keyframes drawCardGlint{0%,52%{left:-120%;opacity:0}64%{left:-18%;opacity:.72}76%{left:42%;opacity:.32}to{left:120%;opacity:0}}.blue-pawn-base-hang{position:absolute;top:35%;right:12%;display:flex;width:70px;height:70px;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.2);border-radius:50%;background:#1e325566}.board-cell-item{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #6f7778;border-radius:5px;background:linear-gradient(180deg,#fffdf4,#f7f2e5);box-shadow:inset 1px 1px #ffffffdb,inset -1px -1px #40464c29,0 2px 3px #232c303d}.main-game-board.is-selection-active .board-cell-item{filter:saturate(.82) brightness(.7)}.main-game-board.is-selection-active .board-cell-item.is-target-cell{filter:none}.board-cell-item.is-target-cell{cursor:pointer}.board-cell-item:after{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #2a303614;pointer-events:none;content:""}.corner-top-left{border-top-left-radius:18px}.corner-top-right{border-top-right-radius:18px}.corner-bottom-left{border-bottom-left-radius:18px}.corner-bottom-right{border-bottom-right-radius:18px}.track-circle-dot{width:22px;height:22px;border:4px solid #73b3e2;border-radius:50%;box-shadow:inset 0 0 0 3px #fdfcf9}.track-circle-dot.red-dot{border-color:#ea6472}.slide-pipe-h,.slide-pipe-v{position:absolute;z-index:1}.slide-pipe-h{width:100%;height:7px;background:linear-gradient(180deg,#6fb2e3 50%,#eb6674 50%)}.slide-pipe-v{width:7px;height:100%;background:linear-gradient(90deg,#6fb2e3 50%,#eb6674 50%)}.slide-pipe-v.blue-only{background:#6fb2e3}.slide-strip{position:absolute;z-index:1;width:calc((100% - 12px) / 11 * 2.68);height:28px;pointer-events:none;background:url(/blue_red_slide.png) center / 100% 100% no-repeat}.slide-strip-top{top:calc(6px + ((100% - 12px) / 11 - 28px) / 2);transform:rotate(180deg)}.slide-strip-bottom{top:calc(6px + (100% - 12px) / 11 * 10 + ((100% - 12px) / 11 - 28px) / 2)}.slide-strip-top-a{left:calc(6px + (100% - 12px) / 11 * 1.32)}.slide-strip-top-b{left:calc(6px + (100% - 12px) / 11 * 6.32)}.slide-strip-bottom-a{left:calc(6px + (100% - 12px) / 11 * 7)}.slide-strip-bottom-b{left:calc(6px + (100% - 12px) / 11 * 2)}.side-slide-strip{position:absolute;z-index:1;width:23px;height:calc((100% - 12px) / 11 * 2.68);pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:100% 100%}.red-side-slide{left:calc(6px + (100% - 12px) / 11 * 10 + ((100% - 12px) / 11 - 23px) / 2);background-image:url(/red_slide.png)}.red-side-slide-a{top:calc(6px + (100% - 12px) / 11 * 1.32)}.red-side-slide-b{top:calc(6px + (100% - 12px) / 11 * 6.32)}.blue-side-slide{left:calc(6px + ((100% - 12px) / 11 - 23px) / 2);background-image:url(/blue_slide.png)}.blue-side-slide-a{top:calc(6px + (100% - 12px) / 11 * 7)}.blue-side-slide-b{top:calc(6px + (100% - 12px) / 11 * 2)}.slide-end-img{position:absolute;z-index:2;width:30px;height:30px}.slide-end-img.shared-end{background:url(/red_blue_end.png) center / contain no-repeat}.slide-end-img.red-end{background:url(/red_end.png) center / contain no-repeat}.slide-end-img.blue-end{background:url(/blue_slide_end.png) center / contain no-repeat}.slide-arrow-img{position:absolute;z-index:2;width:23px;height:13px;background:url(/arrow.png) center / contain no-repeat;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.slide-arrow-img.arrow-right{transform:rotate(-90deg)}.slide-arrow-img.arrow-down{transform:rotate(0)}.slide-arrow-img.arrow-left{transform:rotate(90deg)}.slide-arrow-img.arrow-up{transform:rotate(180deg)}.game-pawn-token{position:absolute;z-index:20;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 5px rgba(0,0,0,.45));transform:translateZ(0);transition:left .16s ease-in-out,top .16s ease-in-out}.game-pawn-token.is-selectable{cursor:pointer}.game-pawn-token.is-selectable:before,.game-pawn-token.is-selected:before,.game-pawn-token.is-selected:after{position:absolute;left:50%;top:50%;width:36px;height:36px;border-radius:50%;content:"";transform:translate(-50%,-50%);pointer-events:none}.game-pawn-token.is-selectable:before{border:3px solid #5ef23f;box-shadow:0 3px 8px #27831857,0 0 10px #5ef23f38;opacity:.96;animation:selectablePawnPulse 1.1s ease-in-out infinite}.game-pawn-token.is-selected:before{border:4px solid #66ff4d;box-shadow:0 0 14px #6cff426b,0 0 7px #6cff422e;animation:selectedPawnPulse .9s ease-in-out infinite}.game-pawn-token.is-selected:after{width:42px;height:42px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M21.8 5.8c2.6.2 5 1.2 7 2.8l-1.8 1.8 5.5.8-.8-5.5-1.9 1.9c-2.3-1.8-5.1-2.8-8-3l0 1.2Z'/%3E%3Cpath d='M36.2 21.8c-.2 2.6-1.2 5-2.8 7l-1.8-1.8-.8 5.5 5.5-.8-1.9-1.9c1.8-2.3 2.8-5.1 3-8l-1.2 0Z'/%3E%3Cpath d='M20.2 36.2c-2.6-.2-5-1.2-7-2.8l1.8-1.8-5.5-.8.8 5.5 1.9-1.9c2.3 1.8 5.1 2.8 8 3l0-1.2Z'/%3E%3Cpath d='M5.8 20.2c.2-2.6 1.2-5 2.8-7l1.8 1.8.8-5.5-5.5.8 1.9 1.9c-1.8 2.3-2.8 5.1-3 8l1.2 0Z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;filter:drop-shadow(0 0 5px rgba(255,255,255,.42));animation:selectedPawnPulse .9s ease-in-out infinite,selectedRingRotate 2.2s linear infinite}.game-pawn-token.is-swap-target:before{position:absolute;left:50%;top:50%;width:36px;height:36px;border:3px solid #5ef23f;border-radius:50%;box-shadow:0 3px 8px #27831857,0 0 10px #5ef23f38;opacity:.96;content:"";transform:translate(-50%,-50%);animation:selectablePawnPulse 1.1s ease-in-out infinite;pointer-events:none}.game-pawn-token.is-swap-target{z-index:31;cursor:pointer}.board-swap-overlay-host{position:absolute;inset:0;z-index:28;pointer-events:none}.swap-target-button,.kick-target-button{position:absolute;z-index:35;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:11px;background:linear-gradient(180deg,#fff,#f7f8fc);box-shadow:0 0 0 2px #465877f2,0 5px 10px #111b2a38;color:#273d61;font-size:0;pointer-events:auto;overflow:visible}.swap-target-button:before{content:"↺";font-size:21px;font-weight:900;line-height:1;transform:translateY(-1px)}.kick-target-button:before{content:"💣";font-size:19px;font-weight:900;line-height:1;transform:translateY(-1px)}.swap-target-button:after,.kick-target-button:after{content:"";position:absolute;width:0;height:0;filter:drop-shadow(0 1px 1px rgba(33,16,16,.18))}.swap-target-button.is-bottom:after,.kick-target-button.is-bottom:after{left:50%;top:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #b74643;transform:translate(-50%)}.swap-target-button.is-top:after,.kick-target-button.is-top:after{left:50%;bottom:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #b74643;transform:translate(-50%)}.swap-target-button.is-left:after,.kick-target-button.is-left:after{right:-7px;top:50%;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #b74643;transform:translateY(-50%)}.swap-target-button.is-right:after,.kick-target-button.is-right:after{left:-7px;top:50%;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:9px solid #b74643;transform:translateY(-50%)}.game-pawn-token.is-jumping{transition:none;z-index:33;will-change:left,top,transform}.game-pawn-token.is-home-entering{transition:none;z-index:38;filter:drop-shadow(0 16px 14px rgba(0,0,0,.46));transform-style:preserve-3d;will-change:left,top,transform}.game-pawn-token.is-swapping{z-index:32;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));transform:translateZ(0) scale(1.08);transition:left .28s cubic-bezier(.2,.9,.2,1),top .28s cubic-bezier(.2,.9,.2,1),transform .16s ease-out}.game-pawn-token.is-sliding{z-index:34;filter:drop-shadow(0 12px 12px rgba(0,0,0,.48));transform:translateZ(0) scale(1.06);transition:left .54s cubic-bezier(.12,.82,.2,1),top .54s cubic-bezier(.12,.82,.2,1),transform .22s ease-out}.game-pawn-token.is-attacking{z-index:36;filter:drop-shadow(0 12px 12px rgba(0,0,0,.52));transform:translateZ(0) scale(1.1);transition:left .3s cubic-bezier(.18,.95,.22,1),top .3s cubic-bezier(.18,.95,.22,1),transform .14s ease-out}.game-pawn-token.is-bumped-home{z-index:35;filter:drop-shadow(0 10px 10px rgba(0,0,0,.5));transform:translateZ(0) scale(.96);transition:left .32s cubic-bezier(.25,.75,.2,1),top .32s cubic-bezier(.25,.75,.2,1),transform .16s ease-out}.token-body-red,.token-body-blue,.token-body-yellow,.token-body-green{position:relative;width:32px;height:36px;border:2px solid #5a0b13;border-radius:42% 58% 50% 50%/65% 65% 35% 35%}.token-body-red{background:radial-gradient(circle at 35% 35%,#ff8e99,#ce3343 70%,#7e121d)}.token-body-red:before{position:absolute;top:-7px;left:7px;width:12px;height:13px;border:2px solid #5a0b13;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8e99,#ce3343);content:""}.token-body-red:after{position:absolute;top:4px;left:4px;font-size:13px;content:"👀"}.token-body-blue{border-color:#091f38;background:radial-gradient(circle at 35% 35%,#60b2f5,#215fa3 70%,#0d2e54)}.token-body-blue:before{position:absolute;top:-7px;left:7px;width:12px;height:13px;border:2px solid #091f38;border-radius:50%;background:radial-gradient(circle at 35% 35%,#78c4ff,#215fa3);content:""}.token-body-blue:after{position:absolute;top:4px;left:4px;font-size:13px;content:"👀"}.token-body-yellow{border-color:#674009;background:radial-gradient(circle at 35% 35%,#ffe28a,#d7a322 70%,#7e5312)}.token-body-green{border-color:#154d25;background:radial-gradient(circle at 35% 35%,#87ef8d,#2ca34e 70%,#125023)}.mini-token{transform:scale(.9);margin-right:-8px}.mini-token.second{transform:scale(.9) translateY(4px);margin-right:0}.local-player-dock{position:absolute;bottom:110px;left:16px;z-index:9;display:flex;width:calc(100% - 32px);align-items:center}.green-check-badge{position:absolute;top:-2px;left:-2px;z-index:4;display:flex;width:22px;height:22px;align-items:center;justify-content:center;border:2.5px solid #ffffff;border-radius:50%;background:#6bd62e;color:#fff;font-size:11px;font-weight:900}.player-avatar-ring{width:72px;height:72px;padding:4px}.player-avatar-core{border:2.5px solid #1cb5e0;background:radial-gradient(circle at center,#fff,#6dddf9)}.player-avatar-core span{font-size:52px;transform:translateY(6px)}.player-badge-star{background:#48bb78}.player-meta-plate{display:flex;height:46px;flex-direction:column;justify-content:space-between;margin-left:-14px;padding:4px 12px 4px 20px;border-radius:10px;background:#fff;box-shadow:0 4px 8px #00000040}.ribbon-name{max-width:114px;margin-top:-10px;margin-left:-6px;overflow:hidden;padding:1px 8px;border-radius:5px;background:#f15268;box-shadow:0 3px 4px #f1526866;color:#fff;font-size:12px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.flag-geo-row{display:flex;align-items:center;gap:2px;color:#1a233a;font-size:11px;font-weight:800}.blue-status-dot{width:22px;height:18px;margin-left:8px;border-radius:4px;background:#2b5998}.task-reward-track-group{display:flex;align-items:center;margin-left:auto}.progress-slot-bg{position:relative;z-index:1;display:flex;width:90px;height:16px;margin-right:-12px;overflow:hidden;border:2.5px solid #cfc1b4;border-radius:9px;background:#4a4540;box-shadow:inset 0 2px 4px #0006}.progress-node{z-index:1;flex:1;border-right:1.5px solid #332f2b;background:linear-gradient(180deg,#4e4a45,#2f2d2b)}.progress-node:last-child{border-right:0}.progress-node.is-filled{background:linear-gradient(180deg,#91f06f,#35bd61);box-shadow:inset 0 1px #ffffff61}.reward-chest-shining{z-index:2;display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:3px solid #fceacf;border-radius:10px;background:radial-gradient(circle,#f3b463,#bd6e23);box-shadow:0 5px 10px #0006;font-size:20px}.turn-control-strip{position:absolute;right:16px;bottom:76px;left:96px;z-index:12;display:flex;gap:7px;overflow-x:auto;padding:0 0 4px;scrollbar-width:none}.turn-control-strip::-webkit-scrollbar{display:none}.move-button,.reset-button{flex:0 0 auto;min-width:64px;padding:8px 10px;border:2px solid #ffffff;border-radius:999px;box-shadow:0 4px #24214e4d;color:#fff;font-size:12px;font-weight:900;white-space:nowrap}@keyframes selectedPawnPulse{0%,to{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1)}}@keyframes selectablePawnPulse{0%,to{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(.985)}}@keyframes selectedRingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.move-button{background:linear-gradient(180deg,#55bdf4,#347fe2)}.reset-button{background:linear-gradient(180deg,#ffbd5b,#f37038)}.bottom-action-dock{position:absolute;bottom:0;left:0;z-index:10;display:flex;width:100%;height:95px;align-items:flex-end;justify-content:space-between;padding:0 16px 24px;background:linear-gradient(180deg,transparent 0%,rgba(11,20,38,.85) 45%,rgba(11,20,38,.98) 100%)}.dock-circle-btn{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border:3px solid #66b5ff;border-radius:50%;background:#fff;box-shadow:0 4px 6px #0000004d;font-size:22px}.chat-button{color:#66b5ff}.chat-pill-input-field{position:relative;flex:1;margin:0 8px}.chat-pill-inner{display:flex;width:100%;height:44px;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.05);border-radius:22px;background:#131924;box-shadow:inset 0 3px 6px #00000080}.chat-pill-inner input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:15px;font-weight:700}.chat-pill-inner input::placeholder{color:#53627c}.paper-plane-send{color:#53627c;font-size:18px;transform:rotate(45deg) translateY(-2px)}.text-counter-lbl{position:absolute;right:12px;bottom:-18px;color:#2e4d77;font-size:11px;font-weight:800}.is-turn .avatar-ring-outer,.is-turn .player-avatar-ring{outline:4px solid #7cff58}.win-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#000000b8}.win-card{display:grid;width:230px;justify-items:center;padding:24px 22px;color:#fff;text-align:center}.crown{color:#ffd85f;font-size:44px;line-height:1}.winner-face{display:grid;width:86px;height:86px;place-items:center;margin-top:-8px;border:4px solid #ffffff;border-radius:50%;background:#54b9ff;box-shadow:0 6px #261f5447;font-size:42px}.winner-face.red{background:#f15a59}.win-card h2{margin:10px 0 16px;padding:8px 18px;border-radius:14px;background:#35aee9;box-shadow:0 5px #176fa3;font-size:28px;text-shadow:0 2px 0 rgba(0,0,0,.22)}.reward-row{display:inline-flex;min-width:126px;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;border-radius:999px;background:#ffffff24;font-size:22px}.win-actions{display:flex;width:260px;gap:12px;justify-content:center;margin-top:22px}.win-action-button{position:relative;min-width:118px;height:48px;border:0;border-radius:16px;color:#fff;font-family:Fredoka One,Nunito,sans-serif;font-size:18px;font-weight:900;letter-spacing:0;text-shadow:0 2px 0 rgba(34,44,66,.25);cursor:pointer;transform:translateY(0);transition:transform .12s ease,filter .12s ease}.win-action-button:before{position:absolute;inset:4px 8px auto;height:11px;border-radius:999px;background:#ffffff47;content:"";pointer-events:none}.win-action-button:active{transform:translateY(4px)}.win-action-primary{background:linear-gradient(180deg,#55c8ff,#23a4e6 62%,#1889c8);box-shadow:inset 0 -4px #125e8f57,0 6px #126c9e,0 9px 14px #020e1c47}.win-action-secondary{background:linear-gradient(180deg,#fffdf4,#e7e1d2 65%,#cfc5b4);box-shadow:inset 0 -4px #6a5d4d38,0 6px #8a806f,0 9px 14px #020e1c38;color:#5d5244;text-shadow:0 1px 0 rgba(255,255,255,.55)}.win-action-primary:active,.win-action-secondary:active{box-shadow:inset 0 -2px #122c423d,0 2px #122c4280,0 5px 10px #020e1c33}@keyframes bounceIndicator{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-height:820px),(max-width:430px){body{padding:6px}.phone-canvas{height:calc(100vh - 12px);min-height:680px}.top-header{padding-top:28px}.opponent-floating-card{top:106px}.board-center-container{margin-top:86px}}