@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700&display=swap";.arcade-game-wrapper{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .85);--bg-card-hover: rgba(31, 41, 55, .9);--border-color: rgba(51, 65, 85, .7);--border-glow: rgba(245, 158, 11, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-gold: #f59e0b;--accent-gold-light: #fef3c7;--accent-emerald: #10b981;--accent-rose: #ef4444;--accent-blue: #3b82f6;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);width:100%;position:relative;box-sizing:border-box;@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-10%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes reactionPop{0%{opacity:0;transform:translateY(12px) scale(.8)}15%{opacity:1;transform:translateY(-4px) scale(1.08)}25%{transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.9)}}@keyframes piecePop{0%{transform:scale(.3);opacity:.2}75%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}}.arcade-game-wrapper *{box-sizing:border-box}.arcade-game-wrapper .font-mono{font-family:JetBrains Mono,monospace}.arcade-game-wrapper .font-serif{font-family:serif}.arcade-game-wrapper .flex{display:flex}.arcade-game-wrapper .flex-1{flex:1 1 0%}.arcade-game-wrapper .flex-shrink-0{flex-shrink:0}.arcade-game-wrapper .flex-col{flex-direction:column}.arcade-game-wrapper .flex-row{flex-direction:row}.arcade-game-wrapper .items-center{align-items:center}.arcade-game-wrapper .items-start{align-items:flex-start}.arcade-game-wrapper .justify-center{justify-content:center}.arcade-game-wrapper .justify-between{justify-content:space-between}.arcade-game-wrapper .justify-end{justify-content:flex-end}.arcade-game-wrapper .grid{display:grid}.arcade-game-wrapper .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-game-wrapper .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-game-wrapper .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.arcade-game-wrapper .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.arcade-game-wrapper .col-span-2{grid-column:span 2 / span 2}.arcade-game-wrapper .col-span-3{grid-column:span 3 / span 3}.arcade-game-wrapper .col-span-5{grid-column:span 5 / span 5}.arcade-game-wrapper .gap-1{gap:.25rem}.arcade-game-wrapper .gap-2{gap:.5rem}.arcade-game-wrapper .gap-3{gap:.75rem}.arcade-game-wrapper .gap-3\.5{gap:.875rem}.arcade-game-wrapper .gap-4{gap:1rem}.arcade-game-wrapper .gap-6{gap:1.5rem}.arcade-game-wrapper .gap-8{gap:2rem}.arcade-game-wrapper .p-1{padding:.25rem}.arcade-game-wrapper .p-2{padding:.5rem}.arcade-game-wrapper .p-3{padding:.75rem}.arcade-game-wrapper .p-3\.5{padding:.875rem}.arcade-game-wrapper .p-4{padding:1rem}.arcade-game-wrapper .p-6{padding:1.5rem}.arcade-game-wrapper .p-8{padding:2rem}.arcade-game-wrapper .px-1\.5{padding-left:.375rem;padding-right:.375rem}.arcade-game-wrapper .px-2{padding-left:.5rem;padding-right:.5rem}.arcade-game-wrapper .px-3{padding-left:.75rem;padding-right:.75rem}.arcade-game-wrapper .px-3\.5{padding-left:.875rem;padding-right:.875rem}.arcade-game-wrapper .px-4{padding-left:1rem;padding-right:1rem}.arcade-game-wrapper .px-5{padding-left:1.25rem;padding-right:1.25rem}.arcade-game-wrapper .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.arcade-game-wrapper .py-1{padding-top:.25rem;padding-bottom:.25rem}.arcade-game-wrapper .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.arcade-game-wrapper .py-2{padding-top:.5rem;padding-bottom:.5rem}.arcade-game-wrapper .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.arcade-game-wrapper .py-3{padding-top:.75rem;padding-bottom:.75rem}.arcade-game-wrapper .py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.arcade-game-wrapper .pt-2{padding-top:.5rem}.arcade-game-wrapper .pb-2{padding-bottom:.5rem}.arcade-game-wrapper .m-0{margin:0}.arcade-game-wrapper .mx-auto{margin-left:auto;margin-right:auto}.arcade-game-wrapper .mx-4{margin-left:1rem;margin-right:1rem}.arcade-game-wrapper .mb-1{margin-bottom:.25rem}.arcade-game-wrapper .mb-2{margin-bottom:.5rem}.arcade-game-wrapper .mb-3{margin-bottom:.75rem}.arcade-game-wrapper .mb-4{margin-bottom:1rem}.arcade-game-wrapper .mb-6{margin-bottom:1.5rem}.arcade-game-wrapper .mb-8{margin-bottom:2rem}.arcade-game-wrapper .mt-1{margin-top:.25rem}.arcade-game-wrapper .mt-2{margin-top:.5rem}.arcade-game-wrapper .ml-2{margin-left:.5rem}.arcade-game-wrapper .ml-auto{margin-left:auto}.arcade-game-wrapper .w-full{width:100%}.arcade-game-wrapper .w-2{width:.5rem}.arcade-game-wrapper .w-3\.5{width:.875rem}.arcade-game-wrapper .w-4{width:1rem}.arcade-game-wrapper .w-5{width:1.25rem}.arcade-game-wrapper .w-6{width:1.5rem}.arcade-game-wrapper .w-8{width:2rem}.arcade-game-wrapper .w-10{width:2.5rem}.arcade-game-wrapper .w-11{width:2.75rem}.arcade-game-wrapper .w-12{width:3rem}.arcade-game-wrapper .w-14{width:3.5rem}.arcade-game-wrapper .w-16{width:4rem}.arcade-game-wrapper .w-20{width:5rem}.arcade-game-wrapper .w-32{width:8rem}.arcade-game-wrapper .w-48{width:12rem}.arcade-game-wrapper .max-w-xs{max-width:20rem}.arcade-game-wrapper .max-w-sm{max-width:24rem}.arcade-game-wrapper .max-w-md{max-width:28rem}.arcade-game-wrapper .max-w-xl{max-width:36rem}.arcade-game-wrapper .max-w-2xl{max-width:42rem}.arcade-game-wrapper .max-w-5xl{max-width:64rem}.arcade-game-wrapper .max-w-6xl{max-width:72rem}.arcade-game-wrapper .max-w-7xl{max-width:80rem}.arcade-game-wrapper .max-w-\[560px\]{max-width:560px}.arcade-game-wrapper .h-full{height:100%}.arcade-game-wrapper .h-2{height:.5rem}.arcade-game-wrapper .h-3\.5{height:.875rem}.arcade-game-wrapper .h-4{height:1rem}.arcade-game-wrapper .h-5{height:1.25rem}.arcade-game-wrapper .h-6{height:1.5rem}.arcade-game-wrapper .h-8{height:2rem}.arcade-game-wrapper .h-10{height:2.5rem}.arcade-game-wrapper .h-11{height:2.75rem}.arcade-game-wrapper .h-12{height:3rem}.arcade-game-wrapper .h-14{height:3.5rem}.arcade-game-wrapper .h-16{height:4rem}.arcade-game-wrapper .h-20{height:5rem}.arcade-game-wrapper .h-32{height:8rem}.arcade-game-wrapper .h-48{height:12rem}.arcade-game-wrapper .min-h-screen{min-height:100vh}.arcade-game-wrapper .aspect-square{aspect-ratio:1 / 1}.arcade-game-wrapper .relative{position:relative}.arcade-game-wrapper .absolute{position:absolute}.arcade-game-wrapper .fixed{position:fixed}.arcade-game-wrapper .inset-0{top:0;right:0;bottom:0;left:0}.arcade-game-wrapper .z-40{z-index:40}.arcade-game-wrapper .z-50{z-index:50}.arcade-game-wrapper .-bottom-1{bottom:-.25rem}.arcade-game-wrapper .-right-1{right:-.25rem}.arcade-game-wrapper .-bottom-6{bottom:-1.5rem}.arcade-game-wrapper .-right-6{right:-1.5rem}.arcade-game-wrapper .-bottom-8{bottom:-2rem}.arcade-game-wrapper .-top-24{top:-6rem}.arcade-game-wrapper .-left-24{left:-6rem}.arcade-game-wrapper .-rotate-12{transform:rotate(-12deg)}.arcade-game-wrapper .text-9xl{font-size:7rem;line-height:1}.arcade-game-wrapper .rounded{border-radius:.25rem}.arcade-game-wrapper .rounded-lg{border-radius:.5rem}.arcade-game-wrapper .rounded-xl{border-radius:.75rem}.arcade-game-wrapper .rounded-2xl{border-radius:1rem}.arcade-game-wrapper .rounded-3xl{border-radius:1.5rem}.arcade-game-wrapper .rounded-full{border-radius:9999px}.arcade-game-wrapper .border{border-width:1px;border-style:solid;border-color:var(--border-color)}.arcade-game-wrapper .border-2{border-width:2px;border-style:solid}.arcade-game-wrapper .border-4{border-width:4px;border-style:solid}.arcade-game-wrapper .border-b{border-bottom-width:1px;border-bottom-style:solid;border-color:var(--border-color)}.arcade-game-wrapper .border-t{border-top-width:1px;border-top-style:solid;border-color:var(--border-color)}.arcade-game-wrapper .border-slate-700{border-color:#334155}.arcade-game-wrapper .border-slate-800{border-color:#1e293b}.arcade-game-wrapper .border-amber-400{border-color:#fbbf24}.arcade-game-wrapper .border-amber-500{border-color:#f59e0b}.arcade-game-wrapper .border-amber-500\/20{border-color:#f59e0b33}.arcade-game-wrapper .border-amber-500\/30{border-color:#f59e0b4d}.arcade-game-wrapper .border-amber-500\/40{border-color:#f59e0b66}.arcade-game-wrapper .border-amber-500\/60{border-color:#f59e0b99}.arcade-game-wrapper .border-amber-500\/80{border-color:#f59e0bcc}.arcade-game-wrapper .border-red-500\/30{border-color:#ef44444d}.arcade-game-wrapper .border-red-500\/80{border-color:#ef4444cc}.arcade-game-wrapper .border-blue-500\/20{border-color:#3b82f633}.arcade-game-wrapper .border-blue-500\/30{border-color:#3b82f64d}.arcade-game-wrapper .border-white{border-color:#fff}.arcade-game-wrapper .bg-black\/70{background-color:#000000b3}.arcade-game-wrapper .bg-black\/80{background-color:#000c}.arcade-game-wrapper .bg-slate-950{background-color:#020617}.arcade-game-wrapper .bg-slate-950\/40{background-color:#02061766}.arcade-game-wrapper .bg-slate-950\/60{background-color:#02061799}.arcade-game-wrapper .bg-slate-950\/80{background-color:#020617cc}.arcade-game-wrapper .bg-slate-900{background-color:#0f172a}.arcade-game-wrapper .bg-slate-900\/70{background-color:#0f172ab3}.arcade-game-wrapper .bg-slate-900\/80{background-color:#0f172acc}.arcade-game-wrapper .bg-slate-900\/90{background-color:#0f172ae6}.arcade-game-wrapper .bg-slate-800{background-color:#1e293b}.arcade-game-wrapper .bg-slate-800\/40{background-color:#1e293b66}.arcade-game-wrapper .bg-slate-800\/50{background-color:#1e293b80}.arcade-game-wrapper .bg-slate-800\/70{background-color:#1e293bb3}.arcade-game-wrapper .bg-slate-800\/80{background-color:#1e293bcc}.arcade-game-wrapper .bg-slate-800\/90{background-color:#1e293be6}.arcade-game-wrapper .bg-slate-700\/80{background-color:#334155cc}.arcade-game-wrapper .bg-slate-100{background-color:#f1f5f9}.arcade-game-wrapper .bg-amber-100{background-color:#fef3c7}.arcade-game-wrapper .bg-amber-400{background-color:#fbbf24}.arcade-game-wrapper .bg-amber-500{background-color:#f59e0b}.arcade-game-wrapper .bg-amber-500\/10{background-color:#f59e0b1a}.arcade-game-wrapper .bg-amber-500\/15{background-color:#f59e0b26}.arcade-game-wrapper .bg-amber-500\/20{background-color:#f59e0b33}.arcade-game-wrapper .bg-blue-500{background-color:#3b82f6}.arcade-game-wrapper .bg-blue-500\/10{background-color:#3b82f61a}.arcade-game-wrapper .bg-blue-500\/20{background-color:#3b82f633}.arcade-game-wrapper .bg-red-500{background-color:#ef4444}.arcade-game-wrapper .bg-red-500\/10{background-color:#ef44441a}.arcade-game-wrapper .bg-red-500\/20{background-color:#ef444433}.arcade-game-wrapper .bg-emerald-500\/20{background-color:#10b98133}.arcade-game-wrapper .bg-gradient-to-r{background-image:linear-gradient(to right,#f59e0b,#fbbf24)}.arcade-game-wrapper .from-amber-500{--tw-gradient-from: #f59e0b}.arcade-game-wrapper .to-amber-400{--tw-gradient-to: #fbbf24}.arcade-game-wrapper .text-transparent{color:transparent}.arcade-game-wrapper .bg-clip-text{-webkit-background-clip:text;background-clip:text}.arcade-game-wrapper .text-slate-100{color:#f1f5f9}.arcade-game-wrapper .text-slate-200{color:#e2e8f0}.arcade-game-wrapper .text-slate-300{color:#cbd5e1}.arcade-game-wrapper .text-slate-400{color:#94a3b8}.arcade-game-wrapper .text-slate-500{color:#64748b}.arcade-game-wrapper .text-slate-600{color:#475569}.arcade-game-wrapper .text-slate-900{color:#0f172a}.arcade-game-wrapper .text-slate-950{color:#020617}.arcade-game-wrapper .text-amber-200{color:#fde68a}.arcade-game-wrapper .text-amber-300{color:#fcd34d}.arcade-game-wrapper .text-amber-400{color:#fbbf24}.arcade-game-wrapper .text-amber-500{color:#f59e0b}.arcade-game-wrapper .text-blue-400{color:#60a5fa}.arcade-game-wrapper .text-red-300{color:#fca5a5}.arcade-game-wrapper .text-red-400{color:#f87171}.arcade-game-wrapper .text-emerald-400{color:#34d399}.arcade-game-wrapper .text-\[10px\]{font-size:10px;line-height:14px}.arcade-game-wrapper .text-\[11px\]{font-size:11px;line-height:15px}.arcade-game-wrapper .text-xs{font-size:.75rem;line-height:1rem}.arcade-game-wrapper .text-sm{font-size:.875rem;line-height:1.25rem}.arcade-game-wrapper .text-base{font-size:1rem;line-height:1.5rem}.arcade-game-wrapper .text-lg{font-size:1.125rem;line-height:1.75rem}.arcade-game-wrapper .text-xl{font-size:1.25rem;line-height:1.75rem}.arcade-game-wrapper .text-2xl{font-size:1.5rem;line-height:2rem}.arcade-game-wrapper .text-3xl{font-size:1.875rem;line-height:2.25rem}.arcade-game-wrapper .text-4xl{font-size:2.25rem;line-height:2.5rem}.arcade-game-wrapper .text-5xl{font-size:3rem;line-height:1}.arcade-game-wrapper .font-medium{font-weight:500}.arcade-game-wrapper .font-semibold{font-weight:600}.arcade-game-wrapper .font-bold{font-weight:700}.arcade-game-wrapper .font-black{font-weight:900}.arcade-game-wrapper .italic{font-style:italic}.arcade-game-wrapper .uppercase{text-transform:uppercase}.arcade-game-wrapper .text-center{text-align:center}.arcade-game-wrapper .text-right{text-align:right}.arcade-game-wrapper .tracking-wide{letter-spacing:.025em}.arcade-game-wrapper .tracking-wider{letter-spacing:.05em}.arcade-game-wrapper .tracking-widest{letter-spacing:.1em}.arcade-game-wrapper .tracking-tight{letter-spacing:-.025em}.arcade-game-wrapper .select-none{-webkit-user-select:none;user-select:none}.arcade-game-wrapper .select-all{-webkit-user-select:all;user-select:all}.arcade-game-wrapper .underline{text-decoration-line:underline}.arcade-game-wrapper .underline-offset-4{text-underline-offset:4px}.arcade-game-wrapper .shadow-md{box-shadow:0 4px 6px -1px #0000004d}.arcade-game-wrapper .shadow-lg{box-shadow:0 10px 15px -3px #0006}.arcade-game-wrapper .shadow-xl{box-shadow:0 20px 25px -5px #00000080}.arcade-game-wrapper .shadow-2xl{box-shadow:0 25px 50px -12px #0009}.arcade-game-wrapper .backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arcade-game-wrapper .backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.arcade-game-wrapper .blur-3xl{filter:blur(64px)}.arcade-game-wrapper .opacity-30{opacity:.3}.arcade-game-wrapper .opacity-40{opacity:.4}.arcade-game-wrapper .opacity-50{opacity:.5}.arcade-game-wrapper .drop-shadow-sm{filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.arcade-game-wrapper .drop-shadow-md{filter:drop-shadow(0 3px 3px rgba(0,0,0,.5))}.arcade-game-wrapper .overflow-hidden{overflow:hidden}.arcade-game-wrapper .overflow-y-auto{overflow-y:auto}.arcade-game-wrapper .scrollbar-thin::-webkit-scrollbar{width:6px}.arcade-game-wrapper .scrollbar-thin::-webkit-scrollbar-track{background:#0f172a66}.arcade-game-wrapper .scrollbar-thin::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.arcade-game-wrapper .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#475569}.arcade-game-wrapper button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.arcade-game-wrapper button:disabled{cursor:not-allowed}.arcade-game-wrapper .transition{transition:all .2s ease}.arcade-game-wrapper .transition-all{transition:all .25s ease}.arcade-game-wrapper .transition-colors{transition:color .15s ease,background-color .15s ease}.arcade-game-wrapper .transition-transform{transition:transform .2s ease}.arcade-game-wrapper .duration-300{transition-duration:.3s}.arcade-game-wrapper .hover\:bg-slate-700:hover{background-color:#334155}.arcade-game-wrapper .hover\:bg-slate-800:hover{background-color:#1e293b}.arcade-game-wrapper .hover\:bg-slate-800\/40:hover{background-color:#1e293b66}.arcade-game-wrapper .hover\:bg-amber-400:hover{background-color:#fbbf24}.arcade-game-wrapper .hover\:bg-amber-500\/20:hover{background-color:#f59e0b33}.arcade-game-wrapper .hover\:border-amber-400:hover{border-color:#fbbf24}.arcade-game-wrapper .hover\:border-amber-500\/40:hover{border-color:#f59e0b66}.arcade-game-wrapper .hover\:border-slate-700:hover{border-color:#334155}.arcade-game-wrapper .hover\:text-slate-200:hover{color:#e2e8f0}.arcade-game-wrapper .hover\:text-amber-400:hover{color:#fbbf24}.arcade-game-wrapper .hover\:scale-105:hover{transform:scale(1.05)}.arcade-game-wrapper .active\:scale-95:active{transform:scale(.95)}.arcade-game-wrapper .animate-fade-in{animation:fadeIn .3s cubic-bezier(.16,1,.3,1) forwards}.arcade-game-wrapper .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.arcade-game-wrapper .animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.arcade-game-wrapper .animate-spin{animation:spin 1s linear infinite}.arcade-game-wrapper .animate-spin-slow{animation:spin 8s linear infinite}.arcade-game-wrapper .animate-bounce{animation:bounce 1s infinite}@media(min-width:640px){.arcade-game-wrapper .sm\:flex-row{flex-direction:row}.arcade-game-wrapper .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.arcade-game-wrapper .md\:p-6{padding:1.5rem}.arcade-game-wrapper .md\:p-8{padding:2rem}.arcade-game-wrapper .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.arcade-game-wrapper .md\:text-5xl{font-size:3rem;line-height:1}.arcade-game-wrapper .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-game-wrapper .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-game-wrapper .md\:flex-row{flex-direction:row}}@media(min-width:1024px){.arcade-game-wrapper .lg\:flex-row{flex-direction:row}.arcade-game-wrapper .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.arcade-game-wrapper .hidden{display:none!important}.arcade-game-wrapper .block{display:block!important}.arcade-game-wrapper .game-match-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding:0 .5rem}@media(min-width:1024px){.arcade-game-wrapper .game-match-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:1.5rem}}.arcade-game-wrapper .game-board-col{width:100%;max-width:640px;display:flex;flex-direction:column;gap:.75rem;flex:0 1 auto}.arcade-game-wrapper .game-board-col-caro{width:100%;max-width:760px;display:flex;flex-direction:column;gap:.75rem;flex:0 1 auto}.arcade-game-wrapper .game-history-sidebar{width:230px!important;min-width:230px!important;max-width:230px!important;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem}@media(max-width:1023px){.arcade-game-wrapper .game-history-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important}.arcade-game-wrapper .game-history-sidebar.mobile-hidden{display:none!important}.arcade-game-wrapper .mobile-hide-btn{display:flex!important}}@media(min-width:1024px){.arcade-game-wrapper .mobile-hide-btn{display:none!important}}.arcade-game-wrapper .reaction-pop-anim{animation:reactionPop 3.2s cubic-bezier(.16,1,.3,1) forwards}.arcade-game-wrapper .bg-\[\#e8d5b5\]{background-color:#e8d5b5}.arcade-game-wrapper .dark\:bg-\[\#1a2333\]{background-color:#1a2333}.arcade-game-wrapper .border-\[\#b89f78\]{border-color:#b89f78}.arcade-game-wrapper .dark\:border-slate-700{border-color:#334155}.arcade-game-wrapper .bg-\[\#c2a884\]{background-color:#c2a884}.arcade-game-wrapper .dark\:bg-slate-700{background-color:#334155}.arcade-game-wrapper .bg-\[\#8c6d48\]{background-color:#8c6d48}.arcade-game-wrapper .dark\:bg-slate-500{background-color:#64748b}.arcade-game-wrapper .dark\:bg-amber-400\/20{background-color:#fbbf2433}.arcade-game-wrapper .dark\:border-amber-300{border-color:#fcd34d}.arcade-game-wrapper .dark\:text-cyan-400{color:#22d3ee}.arcade-game-wrapper .dark\:text-rose-500{color:#f43f5e}.arcade-game-wrapper .bg-cyan-950\/20{background-color:#08334433}.arcade-game-wrapper .bg-cyan-950\/40{background-color:#08334466}.arcade-game-wrapper .bg-cyan-500\/10{background-color:#06b6d41a}.arcade-game-wrapper .bg-cyan-500\/20{background-color:#06b6d433}.arcade-game-wrapper .bg-cyan-400{background-color:#22d3ee}.arcade-game-wrapper .bg-cyan-500{background-color:#06b6d4}.arcade-game-wrapper .bg-rose-950\/20{background-color:#4c051933}.arcade-game-wrapper .bg-rose-950\/40{background-color:#4c051966}.arcade-game-wrapper .bg-rose-950\/60{background-color:#4c051999}.arcade-game-wrapper .bg-rose-500\/10{background-color:#f43f5e1a}.arcade-game-wrapper .bg-rose-500\/20{background-color:#f43f5e33}.arcade-game-wrapper .bg-rose-400{background-color:#fb7185}.arcade-game-wrapper .bg-rose-500{background-color:#f43f5e}.arcade-game-wrapper .bg-rose-600{background-color:#e11d48}.arcade-game-wrapper .bg-purple-950\/50{background-color:#3b076480}.arcade-game-wrapper .bg-purple-950\/60{background-color:#3b076499}.arcade-game-wrapper .bg-purple-500\/10{background-color:#a855f71a}.arcade-game-wrapper .bg-purple-500\/20{background-color:#a855f733}.arcade-game-wrapper .bg-amber-950\/60{background-color:#451a0399}.arcade-game-wrapper .bg-amber-400\/30{background-color:#fbbf244d}.arcade-game-wrapper .border-cyan-500\/20{border-color:#06b6d433}.arcade-game-wrapper .border-cyan-500\/30{border-color:#06b6d44d}.arcade-game-wrapper .border-cyan-500\/40{border-color:#06b6d466}.arcade-game-wrapper .border-cyan-500\/80{border-color:#06b6d4cc}.arcade-game-wrapper .border-cyan-500{border-color:#06b6d4}.arcade-game-wrapper .border-rose-500\/20{border-color:#f43f5e33}.arcade-game-wrapper .border-rose-500\/30{border-color:#f43f5e4d}.arcade-game-wrapper .border-rose-500\/80{border-color:#f43f5ecc}.arcade-game-wrapper .border-rose-500{border-color:#f43f5e}.arcade-game-wrapper .border-purple-500\/20{border-color:#a855f733}.arcade-game-wrapper .border-purple-500\/30{border-color:#a855f74d}.arcade-game-wrapper .border-purple-500\/40{border-color:#a855f766}.arcade-game-wrapper .border-amber-300{border-color:#fcd34d}.arcade-game-wrapper .text-cyan-300{color:#67e8f9}.arcade-game-wrapper .text-cyan-400{color:#22d3ee}.arcade-game-wrapper .text-cyan-600{color:#0891b2}.arcade-game-wrapper .text-rose-300{color:#fda4af}.arcade-game-wrapper .text-rose-400{color:#fb7185}.arcade-game-wrapper .text-rose-500{color:#f43f5e}.arcade-game-wrapper .text-rose-600{color:#e11d48}.arcade-game-wrapper .text-purple-200{color:#e9d5ff}.arcade-game-wrapper .text-purple-300{color:#d8b4fe}.arcade-game-wrapper .text-purple-400{color:#c084fc}.arcade-game-wrapper .hover\:text-purple-200:hover{color:#e9d5ff}.arcade-game-wrapper .focus\:border-rose-400:focus{border-color:#fb7185}.arcade-game-wrapper .hover\:from-cyan-500:hover{--tw-gradient-from: #06b6d4}.arcade-game-wrapper .hover\:to-blue-400:hover{--tw-gradient-to: #60a5fa}.arcade-game-wrapper .hover\:to-indigo-500:hover{--tw-gradient-to: #6366f1}.arcade-game-wrapper .hover\:bg-slate-700\/20:hover{background-color:#33415533}.arcade-game-wrapper .bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-from),var(--tw-gradient-to, rgba(255,255,255,0)))}.arcade-game-wrapper .bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from),var(--tw-gradient-to, rgba(255,255,255,0)))}.arcade-game-wrapper .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-from),var(--tw-gradient-to, rgba(255,255,255,0)))}.arcade-game-wrapper .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from),var(--tw-gradient-to, rgba(255,255,255,0)))}.arcade-game-wrapper .from-cyan-400{--tw-gradient-from: #22d3ee}.arcade-game-wrapper .from-cyan-500{--tw-gradient-from: #06b6d4}.arcade-game-wrapper .from-cyan-600{--tw-gradient-from: #0891b2}.arcade-game-wrapper .via-blue-500{--tw-gradient-via: #3b82f6}.arcade-game-wrapper .to-blue-400{--tw-gradient-to: #60a5fa}.arcade-game-wrapper .to-blue-500{--tw-gradient-to: #3b82f6}.arcade-game-wrapper .to-indigo-500{--tw-gradient-to: #6366f1}.arcade-game-wrapper .to-indigo-600{--tw-gradient-to: #4f46e5}.arcade-game-wrapper .from-rose-600{--tw-gradient-from: #e11d48}.arcade-game-wrapper .to-rose-400{--tw-gradient-to: #fb7185}.arcade-game-wrapper .from-slate-700{--tw-gradient-from: #334155}.arcade-game-wrapper .to-slate-950{--tw-gradient-to: #020617}.arcade-game-wrapper .from-slate-100{--tw-gradient-from: #f1f5f9}.arcade-game-wrapper .to-slate-300{--tw-gradient-to: #cbd5e1}.arcade-game-wrapper .from-amber-100\/90{--tw-gradient-from: rgba(254, 243, 199, .9)}.arcade-game-wrapper .to-amber-200\/90{--tw-gradient-to: rgba(253, 230, 138, .9)}.arcade-game-wrapper .dark\:from-slate-900{--tw-gradient-from: #0f172a}.arcade-game-wrapper .dark\:to-slate-950{--tw-gradient-to: #020617}.arcade-game-wrapper .via-rose-400{--tw-gradient-via: #fb7185}.arcade-game-wrapper .via-blue-400{--tw-gradient-via: #60a5fa}.arcade-game-wrapper .shadow-\[0_0_15px_rgba\(251\,191\,36\,0\.6\)\]{box-shadow:0 0 15px #fbbf2499}.arcade-game-wrapper .shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.25\)\]{box-shadow:0 0 20px #06b6d440}.arcade-game-wrapper .shadow-\[0_0_20px_rgba\(244\,63\,94\,0\.25\)\]{box-shadow:0 0 20px #f43f5e40}.arcade-game-wrapper .shadow-\[0_0_12px_rgba\(6\,182\,212\,0\.25\)\]{box-shadow:0 0 12px #06b6d440}.arcade-game-wrapper .drop-shadow-\[0_0_8px_rgba\(6\,182\,212\,0\.6\)\]{filter:drop-shadow(0 0 8px rgba(6,182,212,.6))}.arcade-game-wrapper .drop-shadow-\[0_0_8px_rgba\(244\,63\,94\,0\.6\)\]{filter:drop-shadow(0 0 8px rgba(244,63,94,.6))}.arcade-game-wrapper .shadow-cyan-500\/20{box-shadow:0 4px 6px -1px #06b6d433,0 2px 4px -1px #06b6d41a}.arcade-game-wrapper .shadow-rose-500\/20{box-shadow:0 4px 6px -1px #f43f5e33,0 2px 4px -1px #f43f5e1a}.arcade-game-wrapper .shadow-black\/60{--tw-shadow-color: rgba(0, 0, 0, .6);box-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.arcade-game-wrapper .shadow-black\/40{--tw-shadow-color: rgba(0, 0, 0, .4);box-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -2px var(--tw-shadow-color)}.arcade-game-wrapper .shadow-inner{box-shadow:inset 0 2px 4px #0000000f}.arcade-game-wrapper .pointer-events-none{pointer-events:none}.arcade-game-wrapper .inset-0\.5{top:.125rem;right:.125rem;bottom:.125rem;left:.125rem}.arcade-game-wrapper .inset-1{top:.25rem;right:.25rem;bottom:.25rem;left:.25rem}.arcade-game-wrapper .-top-0\.5{top:-.125rem}.arcade-game-wrapper .-right-0\.5{right:-.125rem}.arcade-game-wrapper .-translate-y-1\/2{transform:translateY(-50%)}.arcade-game-wrapper .-translate-x-1\/2{transform:translate(-50%)}.arcade-game-wrapper .w-\[1px\]{width:1px}.arcade-game-wrapper .h-\[1px\]{height:1px}.arcade-game-wrapper .w-\[85\%\]{width:85%}.arcade-game-wrapper .h-\[85\%\]{height:85%}.arcade-game-wrapper .max-h-\[70vh\]{max-height:70vh}.arcade-game-wrapper .inline-flex{display:inline-flex}.arcade-game-wrapper .left-0{left:0}.arcade-game-wrapper .right-0{right:0}.arcade-game-wrapper .bottom-0{bottom:0}.arcade-game-wrapper .top-0{top:0}.arcade-game-wrapper .left-1\/2{left:50%}.arcade-game-wrapper .right-1\/2{right:50%}.arcade-game-wrapper .top-1\/2{top:50%}.arcade-game-wrapper .bottom-1\/2{bottom:50%}.arcade-game-wrapper .z-0{z-index:0}.arcade-game-wrapper .z-10{z-index:10}.arcade-game-wrapper .z-20{z-index:20}.arcade-game-wrapper .z-30{z-index:30}.arcade-game-wrapper .border-amber-300\/40{border-color:#fcd34d66}.arcade-game-wrapper .caro-line-h{position:absolute;top:50%;left:0;width:100%;height:1.5px;transform:translateY(-50%);background-color:#94a3b859;pointer-events:none}.arcade-game-wrapper .caro-line-v{position:absolute;left:50%;top:0;height:100%;width:1.5px;transform:translate(-50%);background-color:#94a3b859;pointer-events:none}.arcade-game-wrapper .animate-piece-pop{animation:piecePop .18s cubic-bezier(.34,1.56,.64,1) forwards}:root{--bg-app: #09090b;--bg-sidebar: rgba(18, 18, 22, .65);--bg-card: rgba(24, 24, 27, .6);--bg-card-hover: rgba(39, 39, 42, .7);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.app-container{display:flex;height:100dvh;width:100vw;position:relative;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.08),transparent 25%)}.app-sidebar{width:280px;background:var(--bg-sidebar);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:24px 16px;z-index:10}.app-main{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:relative;border-bottom:1px solid var(--border-subtle);background:#09090b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5}.app-content{flex:1;overflow-y:auto;padding:32px;display:flex;justify-content:center;align-items:flex-start}.panel-container{width:100%;max-width:800px;animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4{font-weight:600;color:var(--text-primary)}p{color:var(--text-secondary)}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:32px;padding:0 12px}.brand svg{color:var(--accent-primary)}.nav-menu{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer;border:1px solid transparent;background:transparent;text-align:left;font-family:inherit;font-size:.95rem}.nav-item:hover{background:#ffffff08;color:var(--text-primary)}.nav-item.active{background:#3b82f61a;color:var(--accent-primary);border-color:#3b82f633}.nav-item svg{width:20px;height:20px}.status-area{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.status-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0003;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.online{background:var(--accent-success);box-shadow:0 0 8px var(--accent-success)}.status-dot.warning{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-glass);position:relative}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.panel-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600}.panel-title svg{color:var(--text-muted)}input[type=text],input[type=password],textarea{width:100%;background:#0003;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:border-color .2s,box-shadow .2s;outline:none}input:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f633}textarea{min-height:120px;resize:vertical}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:color .2s}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input{accent-color:var(--accent-primary);width:16px;height:16px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;border:1px solid transparent;outline:none;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#ffffff0d;color:var(--text-primary)}.btn-danger{background:#ef44441a;color:var(--accent-danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:#ef444433}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:#10b98126;color:#34d399}.badge-blue{background:#3b82f626;color:#60a5fa}.badge-red{background:#ef444426;color:#f87171}.badge-gray{background:#ffffff1a;color:var(--text-secondary)}.notice-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-sidebar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-strong);padding:12px 24px;border-radius:var(--radius-full);color:var(--text-primary);font-weight:500;box-shadow:var(--shadow-lg);z-index:100;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards;display:flex;align-items:center;gap:12px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.app-container{flex-direction:column}.app-sidebar{width:100%;height:auto;flex-direction:row;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px)) 12px;border-right:none;border-top:1px solid var(--border-subtle);border-bottom:none;order:2;background:#121216d9}.app-sidebar .brand{display:none}.app-header{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}.app-header .brand{position:absolute;left:50%;transform:translate(-50%);margin:0}.nav-menu{flex-direction:row;justify-content:space-around;width:100%}.nav-item{flex-direction:column;padding:8px;font-size:.75rem;gap:4px;flex:1;justify-content:center;border-radius:var(--radius-lg);min-height:48px}.status-area{display:none}.app-main{order:1}.app-content{padding:0}.panel-container{height:100%;max-width:100%}.glass-panel{border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:16px;height:100%;display:flex;flex-direction:column}.chat-container{height:100%!important;min-height:0!important}}.clipboard-area{display:flex;flex-direction:column;gap:24px}.action-row{display:flex;gap:12px;flex-wrap:wrap}.drag-over-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3b82f61a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px dashed var(--accent-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent-primary);font-weight:600;z-index:50;pointer-events:none;transition:all .2s}.received-card{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-md);padding:16px;margin-top:16px}.received-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:var(--text-secondary)}.received-content{font-weight:500;word-break:break-word}.progress-container{background:#0003;border-radius:var(--radius-full);height:8px;width:100%;overflow:hidden;margin-top:8px}.progress-bar{height:100%;background:var(--accent-primary);transition:width .2s linear}.chat-container{display:flex;flex-direction:column;height:60vh;min-height:400px}.chat-messages{flex:1;overflow-y:auto;padding-right:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.chat-message{max-width:80%;padding:10px 14px;border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid var(--border-subtle);align-self:flex-start}.chat-message.self{background:#3b82f626;border-color:#3b82f64d;align-self:flex-end}.chat-header{font-size:.75rem;color:var(--text-muted);margin-bottom:4px;display:flex;gap:8px}.chat-input-area{display:flex;gap:12px}.game-area{aspect-ratio:1;width:100%;max-width:600px;margin:0 auto;background:#0000004d;border:1px solid var(--border-strong);border-radius:var(--radius-lg);position:relative;overflow:hidden}.game-player{position:absolute;width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%);transition:all .1s linear;box-shadow:0 0 12px currentColor}.game-target{position:absolute;width:16px;height:16px;background:var(--accent-warning);border-radius:4px;transform:translate(-50%,-50%);box-shadow:0 0 16px var(--accent-warning);animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.2)}}.device-list{display:flex;flex-direction:column;gap:8px}.device-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff08;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.device-info{display:flex;align-items:center;gap:12px}.text-purple{color:#a855f7!important}.text-blue{color:#3b82f6!important}.text-amber{color:#f59e0b!important}.text-emerald{color:#10b981!important}.text-cyan{color:#06b6d4!important}.text-rose{color:#f43f5e!important}.text-muted{color:var(--text-muted)!important}.sparkline-svg{filter:drop-shadow(0 0 6px rgba(59,130,246,.4));overflow:visible}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.file-transfer-panel.drag-over{border-color:var(--accent-primary)!important;box-shadow:0 0 25px #3b82f64d!important}