:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:1126px;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.board-container.svelte-1brfmwn{background:wheat;border:3px solid #d4a574;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:inset 0 3px 10px #00000026}canvas.svelte-1brfmwn{touch-action:none;display:block}.danmaku-container.svelte-7958cj{pointer-events:none;z-index:999;box-sizing:border-box;clip:rect(0, 100vw, 100vh, 0);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.danmaku.svelte-7958cj{white-space:nowrap;text-shadow:2px 2px 4px #00000080;text-overflow:ellipsis;will-change:transform;border-radius:20px;max-width:80vw;padding:8px 16px;font-size:18px;font-weight:700;animation:5s linear svelte-7958cj-danmaku-fly;position:absolute;right:0;overflow:hidden;transform:translate(100%)}@keyframes svelte-7958cj-danmaku-fly{0%{transform:translate(100%)}to{transform:translate(calc(-100vw - 100%))}}.danmaku.red.svelte-7958cj{color:#fff;background:linear-gradient(145deg,#ff6b6b,#ee5a5a);border:2px solid #c00}.danmaku.black.svelte-7958cj{color:#fff;background:linear-gradient(145deg,#555,#333);border:2px solid #000}.danmaku-emoji.svelte-7958cj{font-size:32px}.danmaku-text.svelte-7958cj{font-size:18px}.chat-float-btn.svelte-7958cj{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(#7e57c2,#673ab7);border:3px solid #4527a0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px #0003,0 4px 12px #673ab74d}.chat-float-btn.svelte-7958cj:hover{transform:scale(1.05)}.chat-float-btn.svelte-7958cj:active{transform:translateY(2px);box-shadow:0 2px #0003,0 2px 8px #673ab74d}.chat-modal-overlay.svelte-7958cj{z-index:1001;box-sizing:border-box;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.2s svelte-7958cj-fadeIn;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes svelte-7958cj-fadeIn{0%{opacity:0}to{opacity:1}}.chat-modal.svelte-7958cj{box-sizing:border-box;background:#fff;border-radius:16px;width:90%;max-width:400px;animation:.3s svelte-7958cj-slideUp;overflow:hidden;box-shadow:0 10px 40px #0000004d}@keyframes svelte-7958cj-slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chat-modal-header.svelte-7958cj{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:18px;font-weight:600;display:flex}.close-btn.svelte-7958cj{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:flex}.close-btn.svelte-7958cj:hover{background:#ffffff4d}.chat-modal-body.svelte-7958cj{padding:20px}.emoji-bar.svelte-7958cj{border-bottom:2px solid #f0f0f0;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.emoji-btn.svelte-7958cj{cursor:pointer;background:#f8f8f8;border:2px solid #e0e0e0;border-radius:12px;padding:8px 12px;font-size:24px;transition:all .2s}.emoji-btn.svelte-7958cj:hover{background:#fff;border-color:#667eea;transform:scale(1.1)}.emoji-btn.svelte-7958cj:active{transform:scale(1.2)}.chat-input-area.svelte-7958cj{gap:8px;display:flex}input.svelte-7958cj{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:12px;outline:none;flex:1;width:100%;min-width:0;padding:12px 16px;font-size:14px;transition:all .2s}input.svelte-7958cj:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.send-btn.svelte-7958cj{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.send-btn.svelte-7958cj:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.send-btn.svelte-7958cj:active{transform:translateY(0)}@media (width<=480px){.chat-float-btn.svelte-7958cj{width:44px;height:44px;font-size:20px;bottom:15px;right:15px}.chat-modal.svelte-7958cj{width:95%;max-width:none}}.modal-overlay.svelte-45p581{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content.svelte-45p581{text-align:center;background:#fff;border-radius:16px;min-width:320px;max-width:90%;padding:24px;animation:.3s svelte-45p581-modalIn}@keyframes svelte-45p581-modalIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}h3.svelte-45p581{color:#333;margin-bottom:20px}.online-options.svelte-45p581{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.divider.svelte-45p581{text-align:center;color:#999;font-size:14px}input[type=text].svelte-45p581{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px;font-size:14px}input[type=text].svelte-45p581:focus{border-color:#667eea}.room-id-display.svelte-45p581{gap:8px;margin:16px 0;display:flex}.room-id-display.svelte-45p581 input:where(.svelte-45p581){text-align:center;border:2px solid #667eea;border-radius:8px;flex:1;padding:10px;font-family:monospace;font-size:16px;font-weight:700}.status-message.svelte-45p581{color:#666;margin:16px 0;font-size:14px}.hint.svelte-45p581{color:#999;margin-top:8px;font-size:12px}.btn.svelte-45p581{cursor:pointer;border:none;border-radius:8px;width:100%;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn.svelte-45p581:active{transform:scale(.95)}.btn-primary.svelte-45p581{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary.svelte-45p581{color:#333;background:#e0e0e0;margin-top:10px}.btn-small.svelte-45p581{width:auto;padding:8px 16px}.toast-container.svelte-1q6vvua{z-index:9999;opacity:0;pointer-events:none;transition:all .3s;position:fixed;top:80px;left:50%;transform:translate(-50%)translateY(-100px)}.toast-container.visible.svelte-1q6vvua{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.toast.svelte-1q6vvua{background:#fff;border:2px solid;border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:90vw;padding:16px 20px;animation:.5s svelte-1q6vvua-bounce;display:flex;box-shadow:0 8px 32px #0000001f}@keyframes svelte-1q6vvua-bounce{0%{opacity:0;transform:scale(.8)translateY(-20px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)translateY(0)}}.toast.success.svelte-1q6vvua{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784}.toast.warning.svelte-1q6vvua{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-color:#ffb74d}.toast.error.svelte-1q6vvua{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#e57373}.toast.hint.svelte-1q6vvua{background:linear-gradient(135deg,#fffde7,#fff9c4);border-color:#ffd54f}.toast.info.svelte-1q6vvua{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#64b5f6}.toast-icon.svelte-1q6vvua{flex-shrink:0;font-size:28px;animation:.6s svelte-1q6vvua-rotate}@keyframes svelte-1q6vvua-rotate{0%{transform:rotate(-20deg)scale(.8)}50%{transform:rotate(10deg)scale(1.2)}to{transform:rotate(0)scale(1)}}.toast-message.svelte-1q6vvua{color:#424242;white-space:pre-line;flex:1;font-size:14px;font-weight:500;line-height:1.6}.toast-close.svelte-1q6vvua{color:#999;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:color .2s;display:flex}.toast-close.svelte-1q6vvua:hover{color:#333}.modal-overlay.svelte-1eh8v5n{z-index:9998;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s svelte-1eh8v5n-fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes svelte-1eh8v5n-fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog.svelte-1eh8v5n{background:#fff9e6;border:5px solid wheat;border-radius:20px;min-width:300px;max-width:90vw;padding:32px 24px 24px;animation:.4s cubic-bezier(.68,-.55,.265,1.55) svelte-1eh8v5n-popIn;box-shadow:0 8px #d4a574,0 12px 32px #0000004d}@keyframes svelte-1eh8v5n-popIn{0%{opacity:0;transform:scale(.5)translateY(-50px)rotate(-5deg)}70%{transform:scale(1.1)translateY(5px)rotate(2deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.dialog-icon.svelte-1eh8v5n{text-align:center;margin-bottom:16px;font-size:64px;animation:.6s svelte-1eh8v5n-bounce-icon}@keyframes svelte-1eh8v5n-bounce-icon{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(-10px)scale(1.1)}50%{transform:translateY(0)scale(.95)}75%{transform:translateY(-5px)scale(1.05)}}.dialog-message.svelte-1eh8v5n{text-align:center;color:#5d4037;white-space:pre-line;margin-bottom:24px;font-size:15px;font-weight:500;line-height:1.6}.dialog-buttons.svelte-1eh8v5n{justify-content:center;gap:12px;display:flex}.btn.svelte-1eh8v5n{cursor:pointer;border:3px solid;border-radius:10px;min-width:110px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 5px #0003}.btn.svelte-1eh8v5n:active{transform:translateY(2px);box-shadow:0 3px #0003}.btn-cancel.svelte-1eh8v5n{color:#666;background:linear-gradient(#fff,#f0f0f0);border-color:#999}.btn-cancel.svelte-1eh8v5n:hover{background:linear-gradient(#f8f8f8,#e8e8e8)}.btn-confirm.svelte-1eh8v5n{color:#fff;background:linear-gradient(#ffb74d,#ff9800);border-color:#e65100}.btn-confirm.svelte-1eh8v5n:hover{background:linear-gradient(#ffa726,#f57c00)}.home-overlay.svelte-17xegl3{z-index:10000;pointer-events:auto;background:linear-gradient(#87ceeb 0%,#98d8e8 50%,#ffb6c1 100%);justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.cloud.svelte-17xegl3{opacity:.6;pointer-events:none;z-index:0;font-size:48px;animation:20s linear infinite svelte-17xegl3-float;position:absolute}.cloud-1.svelte-17xegl3{animation-duration:25s;top:10%;left:-100px}.cloud-2.svelte-17xegl3{animation-duration:30s;animation-delay:5s;top:30%;left:-150px}.cloud-3.svelte-17xegl3{animation-duration:35s;animation-delay:10s;top:60%;left:-120px}@keyframes svelte-17xegl3-float{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.home-menu.svelte-17xegl3{z-index:1;background:#fff9e6;border:5px solid wheat;border-radius:24px;flex-direction:column;width:90vw;max-width:420px;max-height:95vh;padding:min(32px,5vh) min(28px,5vw) min(24px,4vh);animation:.6s cubic-bezier(.68,-.55,.265,1.55) svelte-17xegl3-popIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 8px #d4a574,0 12px 24px #0000004d}@keyframes svelte-17xegl3-popIn{0%{opacity:0;transform:scale(0)rotate(-180deg)}70%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.game-title.svelte-17xegl3{text-align:center;flex-shrink:0;margin-bottom:min(24px,3vh)}h1.svelte-17xegl3{color:#ff6b35;text-shadow:2px 2px orange,4px 4px #0003;letter-spacing:min(4px,1vw);margin:0 0 min(10px,2vh);font-size:min(32px,8vw);font-weight:900}.title-badge.svelte-17xegl3{justify-content:center;align-items:center;gap:min(8px,2vw);margin-top:min(12px,2vh);display:flex}.badge-star.svelte-17xegl3{font-size:min(18px,5vw);animation:1s ease-in-out infinite svelte-17xegl3-twinkle}.badge-star.svelte-17xegl3:first-child{animation-delay:0s}.badge-star.svelte-17xegl3:nth-child(3){animation-delay:.5s}@keyframes svelte-17xegl3-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.7;transform:scale(1.3)rotate(180deg)}}.badge-text.svelte-17xegl3{color:#ff8c00;box-shadow:none;text-shadow:1px 1px 2px #ff8c004d;background:0 0;border:none;padding:0;font-size:min(14px,3.8vw);font-weight:600}.menu-options.svelte-17xegl3{flex-direction:column;flex-shrink:0;gap:min(16px,2.5vh);margin-bottom:min(20px,3vh);display:flex}.menu-btn.svelte-17xegl3{cursor:pointer;z-index:10;pointer-events:auto;text-align:center;border:none;border-radius:16px;padding:min(20px,3vh) min(24px,5vw);transition:all .2s;position:relative;overflow:hidden;box-shadow:0 6px #0000004d}.menu-btn.svelte-17xegl3:hover{transform:translateY(-3px);box-shadow:0 9px #0000004d}.menu-btn.svelte-17xegl3:active{transform:translateY(3px);box-shadow:0 3px #0000004d}.single-player.svelte-17xegl3{background:linear-gradient(145deg,#81c784,#66bb6a);border:4px solid #4caf50}.online-player.svelte-17xegl3{background:linear-gradient(145deg,#64b5f6,#42a5f5);border:4px solid #2196f3}.btn-decoration.svelte-17xegl3{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.btn-shine.svelte-17xegl3{background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:50%;height:100%;animation:3s ease-in-out infinite svelte-17xegl3-shine;position:absolute;top:0;left:-100%}@keyframes svelte-17xegl3-shine{0%{left:-100%}50%,to{left:200%}}.btn-emoji.svelte-17xegl3{filter:drop-shadow(0 3px 5px #0000004d);z-index:3;margin-bottom:min(6px,1vh);font-size:min(42px,10vw);position:relative}.btn-title.svelte-17xegl3{color:#fff;text-shadow:2px 2px 4px #0000004d;letter-spacing:min(2px,.5vw);z-index:3;margin-bottom:min(4px,.5vh);font-size:min(20px,5.5vw);font-weight:900;position:relative}.btn-desc.svelte-17xegl3{color:#ffffffe6;text-shadow:1px 1px 2px #0003;z-index:3;font-size:min(13px,3.5vw);font-weight:600;position:relative}.game-features.svelte-17xegl3{border-top:2px dashed #ffb347;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:min(10px,2vw);padding-top:min(16px,2.5vh);display:flex}.feature.svelte-17xegl3{color:#ff6b35;background:#fff;border:2px solid #ffb347;border-radius:12px;padding:min(5px,1vh) min(12px,3vw);font-size:min(12px,3.2vw);font-weight:600;box-shadow:0 2px orange}@media (height<=600px){.home-menu.svelte-17xegl3{padding:20px 24px 16px}h1.svelte-17xegl3{margin-bottom:8px;font-size:28px}.menu-options.svelte-17xegl3{gap:12px;margin-bottom:16px}.menu-btn.svelte-17xegl3{padding:16px 20px}.btn-emoji.svelte-17xegl3{margin-bottom:4px;font-size:36px}.btn-title.svelte-17xegl3{font-size:18px}.btn-desc.svelte-17xegl3{font-size:12px}.game-features.svelte-17xegl3{gap:8px;padding-top:12px}.feature.svelte-17xegl3{padding:4px 10px;font-size:11px}}.captured-section.svelte-40rixq{border:2px dashed #fff9;border-radius:8px;min-height:32px;padding:6px 8px}.pieces-list.svelte-40rixq{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px;display:flex}.captured-piece.svelte-40rixq{text-shadow:.5px .5px,-.5px -.5px,.5px -.5px,-.5px .5px;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:KaiTi,楷体,STKaiti,SimKai,serif;font-size:19px;font-weight:900;display:flex;position:relative;box-shadow:1px 1px 3px #0003}.captured-piece.red.svelte-40rixq{color:#c00;background:radial-gradient(circle at 30% 30%,#fff5f5,#ffe0e0,#fcc);border:2.5px solid #b30000}.captured-piece.black.svelte-40rixq{color:#1a1a1a;background:radial-gradient(circle at 30% 30%,#fffef8,#fcf6e8,#f5e6c8);border:2.5px solid #1a1a1a}.captured-piece.svelte-40rixq:after{content:"";pointer-events:none;border:1px solid;border-radius:50%;width:82%;height:82%;position:absolute}.captured-piece.red.svelte-40rixq:after{border-color:#c00}.captured-piece.black.svelte-40rixq:after{border-color:#2a2a2a}.empty-text.svelte-40rixq{color:#999;text-align:center;padding:4px 0;font-size:11px}@media (width<=480px){.captured-piece.svelte-40rixq{width:28px;height:28px;font-size:15px}.empty-text.svelte-40rixq{font-size:10px}}.floating-actions.svelte-14nfjj0{z-index:999;position:fixed;bottom:80px;right:20px}.main-btn.svelte-14nfjj0{color:#fff;cursor:pointer;background:linear-gradient(#ffb74d,#ff9800);border:3px solid #e65100;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-weight:900;transition:all .2s;display:flex;position:relative;box-shadow:0 4px #0003,0 4px 12px #ff98004d}.main-btn.svelte-14nfjj0:hover{transform:scale(1.05)}.main-btn.svelte-14nfjj0:active{transform:translateY(2px);box-shadow:0 2px #0003,0 2px 8px #ff98004d}.main-btn.expanded.svelte-14nfjj0{background:linear-gradient(#ef5350,#e53935);border-color:#c62828}.main-btn.svelte-14nfjj0 .icon:where(.svelte-14nfjj0){letter-spacing:-2px;font-size:20px;font-weight:900}.action-buttons.svelte-14nfjj0{flex-direction:column;gap:8px;animation:.3s svelte-14nfjj0-slideUp;display:flex;position:absolute;bottom:56px;right:0}@keyframes svelte-14nfjj0-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-btn.svelte-14nfjj0{cursor:pointer;background:#fff;border:3px solid #ff9800;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;animation:.3s backwards svelte-14nfjj0-popIn;display:flex;box-shadow:0 3px 8px #00000026}.action-btn.svelte-14nfjj0:first-child{animation-delay:50ms}.action-btn.svelte-14nfjj0:nth-child(2){animation-delay:.1s}.action-btn.svelte-14nfjj0:nth-child(3){animation-delay:.15s}.action-btn.svelte-14nfjj0:nth-child(4){animation-delay:.2s}@keyframes svelte-14nfjj0-popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.action-btn.svelte-14nfjj0:hover{background:#fff3e0;transform:scale(1.15);box-shadow:0 6px 16px #ff98004d}.action-btn.svelte-14nfjj0:active{transform:scale(.95)}.action-btn.svelte-14nfjj0 .icon:where(.svelte-14nfjj0){font-size:18px;font-weight:700}@media (width<=480px){.floating-actions.svelte-14nfjj0{bottom:70px;right:15px}.main-btn.svelte-14nfjj0{width:44px;height:44px}.main-btn.svelte-14nfjj0 .icon:where(.svelte-14nfjj0){font-size:18px}.action-btn.svelte-14nfjj0{width:36px;height:36px}.action-btn.svelte-14nfjj0 .icon:where(.svelte-14nfjj0){font-size:16px}}html{width:100%;height:100%;position:fixed;inset:0;overflow:hidden auto}body{box-sizing:border-box;touch-action:pan-y;justify-content:center;align-items:center;width:100%;height:100%;min-height:100vh;margin:0;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden auto}body.home{background:linear-gradient(#87ceeb 0%,#98d8e8 50%,#ffb6c1 100%)}body.game{background:#f0d9b5}main.svelte-1n46o8q{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;display:flex;overflow-x:hidden}.game-container.svelte-1n46o8q{box-sizing:border-box;flex-direction:column;gap:6px;width:100%;max-width:100%;padding:12px;display:flex}.player-info.svelte-1n46o8q{background:#fffc;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;transition:all .3s;display:flex}.player-info.in-check.svelte-1n46o8q{background:#ffebeee6;animation:.5s svelte-1n46o8q-shake}@keyframes svelte-1n46o8q-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.player-avatar.svelte-1n46o8q{color:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px #0003}.red-player.svelte-1n46o8q .player-avatar:where(.svelte-1n46o8q){background:linear-gradient(145deg,#ff6b6b,#ee5a5a);border-color:#c00}.black-player.svelte-1n46o8q .player-avatar:where(.svelte-1n46o8q){background:linear-gradient(145deg,#555,#333);border-color:#000}.player-details.svelte-1n46o8q{flex:1;align-items:center;gap:8px;display:flex}.player-name.svelte-1n46o8q{color:#ff6b35;white-space:nowrap;font-size:14px;font-weight:700}.player-status.svelte-1n46o8q{color:#999;white-space:nowrap;font-size:11px;font-weight:600}.player-status.active.svelte-1n46o8q{color:#4caf50;font-weight:700}.player-info.in-check.svelte-1n46o8q .player-status:where(.svelte-1n46o8q){color:#f44336;font-weight:700}.online-indicator.svelte-1n46o8q{color:#fff;z-index:999;background:linear-gradient(145deg,#81c784,#66bb6a);border:2px solid #4caf50;border-radius:16px;padding:6px 14px;font-size:12px;font-weight:700;position:fixed;top:10px;right:10px;box-shadow:0 2px 8px #00000026}