.floating-arrows{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.floating-arrows .fa{position:absolute;opacity:.5;filter:drop-shadow(0 0 10px currentColor);transform:rotate(var(--rot));animation:fa-bob var(--dur) ease-in-out var(--delay) infinite}@keyframes fa-bob{0%,to{transform:rotate(var(--rot)) translateY(0);opacity:.45}50%{transform:rotate(var(--rot)) translateY(-22px);opacity:.75}}.phone{position:relative;width:min(320px,84vw);aspect-ratio:320 / 660;border-radius:54px;padding:13px;background:linear-gradient(155deg,#4a4f6b,#23263c 40%,#14172a);border:1px solid rgba(255,255,255,.14);box-shadow:0 44px 100px #0009,inset 0 1px 1px #fff3,var(--shadow-glow);transform:rotateY(-14deg) rotateX(5deg) rotate(1deg);transform-style:preserve-3d;animation:phone-float 7s ease-in-out infinite}.phone.is-flat{transform:none;animation:float-y 6s ease-in-out infinite}@keyframes phone-float{0%,to{transform:rotateY(-14deg) rotateX(5deg) rotate(1deg) translateY(0)}50%{transform:rotateY(-11deg) rotateX(4deg) rotate(.5deg) translateY(-16px)}}.phone-glare{position:absolute;inset:13px;border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 36%);z-index:6;pointer-events:none}.phone-island{position:absolute;top:26px;left:50%;transform:translate(-50%);width:92px;height:26px;background:#05060c;border-radius:99px;z-index:7}.phone-screen{position:relative;height:100%;border-radius:42px;background:radial-gradient(120% 60% at 80% 0%,#ffe1e7 0%,transparent 55%),radial-gradient(120% 60% at 0% 0%,#e3e7ff 0%,transparent 50%),linear-gradient(180deg,#fbf3f6,#f1f1fb 55%,#ecedfa);overflow:hidden;padding:16px 16px 18px;display:flex;flex-direction:column;gap:12px;color:#1f2233}.phone-statusbar{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;color:#1f2233;padding:2px 8px 0}.sb-icons{display:inline-flex;align-items:center;gap:4px}.sb-icons i{width:7px;height:7px;border-radius:2px;background:#1f2233;opacity:.85}.sb-icons .sb-batt{width:16px;height:8px;border-radius:2px}.phone-topbar{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}.tb-back{font-size:1.5rem;color:#1f2233;line-height:1;font-weight:700}.tb-level{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:#1f2233}.tb-coins{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:.9rem;color:#1f2233;background:#fff;box-shadow:0 4px 12px #1f22331f;padding:5px 12px 5px 8px;border-radius:99px}.coin{width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,#f4b400 70%);box-shadow:inset 0 0 0 1.5px #e09b00;display:inline-block;flex:none}.board-wrap{position:relative;flex:1;display:grid;place-items:center}.board-panel{position:relative;width:100%;background:#fff;border-radius:28px;padding:16px;box-shadow:0 16px 34px #1f223324,inset 0 0 0 1px #1f22330a}.board-svg{width:100%;height:auto;display:block}.bv-piece{transform-box:view-box;animation:piece-in .45s ease-out var(--d) both,piece-glow 3.6s ease-in-out calc(var(--d) + .5s) infinite}@keyframes piece-in{0%{opacity:0}to{opacity:1}}@keyframes piece-glow{0%,to{filter:drop-shadow(0 2px 3px rgba(31,34,51,.18))}50%{filter:drop-shadow(0 0 10px currentColor)}}.phone[data-interactive] .bv-piece{cursor:pointer;transition:filter .15s ease}.phone[data-interactive] .bv-piece:hover{filter:brightness(1.12) drop-shadow(0 0 12px currentColor)}.bv-piece.solved{animation:piece-solve .5s cubic-bezier(.5,0,.75,0) forwards!important;pointer-events:none}@keyframes piece-solve{to{transform:translate(calc(var(--ex) * 1px),calc(var(--ey) * 1px));opacity:0}}.bv-piece.blocked{animation:piece-shake .45s ease both!important}@keyframes piece-shake{0%,to{transform:translate(0);filter:drop-shadow(0 0 0 transparent)}20%,60%{transform:translate(-7px);filter:drop-shadow(0 0 9px #ff3b30)}40%,80%{transform:translate(7px);filter:drop-shadow(0 0 9px #ff3b30)}}.phone-win{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:28px;background:#ffffffd1;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s ease}.phone-win[data-show]{opacity:1;pointer-events:auto}.win-stars{font-size:2.6rem;color:#f4b400;letter-spacing:4px;transform:scale(.3)}.phone-win[data-show] .win-stars{animation:win-pop .55s cubic-bezier(.2,1.4,.4,1) .1s forwards}@keyframes win-pop{0%{opacity:0;transform:scale(.3) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}.phone-win p{font-family:var(--font-display);font-weight:800;color:#1f2233;margin:0}.phone-replay{font-family:var(--font-display);font-weight:700;font-size:.82rem;color:#fff;border:none;cursor:pointer;padding:9px 18px;border-radius:99px;background:var(--grad-btn);box-shadow:0 6px 16px #8e24aa4d;transition:transform .15s ease}.phone-replay:hover{transform:translateY(-2px)}.phone-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:8;font-family:var(--font-display);font-weight:800;font-size:.84rem;color:#fff;background:linear-gradient(135deg,#2dc653,#1ea34a);padding:8px 18px;border-radius:99px;white-space:nowrap;box-shadow:0 8px 22px #2dc65373;animation:badge-bounce 2.6s ease-in-out infinite;transition:opacity .4s ease,transform .4s ease}.phone-badge:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:11px;height:11px;background:#1ea34a;border-radius:2px}.phone-badge[data-hide]{opacity:0;transform:translate(-50%) translateY(-8px) scale(.9);pointer-events:none}@keyframes badge-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.phone-foot{display:flex;gap:8px;justify-content:center}.foot-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:.74rem;font-weight:700;padding:7px 12px;border-radius:13px;background:#fff;box-shadow:0 4px 12px #1f22331a;color:#4a4f63}.chip-win{color:#f4b400;letter-spacing:1px}