:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-globalText);background-color:var(--color-globalBackground)}html,body,#root{height:100%}html,body{margin:0;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:manipulation}button{border-radius:8px;border:1px solid var(--color-buttonGenericBorder);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-buttonGenericBackground);color:var(--color-globalText);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--color-buttonGenericBorderHover);background-color:var(--color-buttonGenericBackgroundHover)}@keyframes qc-target-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qc-measure-target-ring{animation:qc-target-spin 6s linear infinite}@keyframes qc-onboard-pulse{0%,to{box-shadow:0 0 0 0 var(--qc-glow, #4fc3f7),0 0 9px 1px var(--qc-glow, #4fc3f7);transform:scale(1)}50%{box-shadow:0 0 0 5px transparent,0 0 18px 6px var(--qc-glow, #4fc3f7);transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.qc-icon-button[style*=qc-onboard-pulse]{animation:none!important}}@keyframes qc-attract-breathe{0%,to{opacity:.3;transform:scale(.82)}50%{opacity:1;transform:scale(1.14)}}.qc-attract-glow{animation:qc-attract-breathe 1.6s ease-in-out infinite}@keyframes qc-speech-flash{0%,to{box-shadow:0 2px 8px #00000059}50%{box-shadow:0 0 0 2px #ffc85073,0 0 12px #ffc8504d}}@keyframes qc-guide-pulse{0%,to{opacity:.5;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}.qc-guide-target{animation:qc-guide-pulse 1.2s ease-in-out infinite}@keyframes qc-nudge-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}30%{opacity:1;transform:translate(calc(-50% - 7px),-50%) scale(1.04)}45%{transform:translate(calc(-50% + 6px),-50%) scale(1.02)}60%{transform:translate(calc(-50% - 4px),-50%) scale(1)}75%{transform:translate(calc(-50% + 2px),-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.qc-intro-nudge{animation:qc-nudge-in .55s ease-out}@media (prefers-reduced-motion: reduce){.qc-attract-glow{animation:none!important;opacity:.7}.qc-player-speech{animation:none!important}.qc-guide-target{animation:none!important;opacity:.9}.qc-intro-nudge{animation:none!important}}@keyframes qc-speech-pop{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes qc-cta-pulse{0%{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes qc-panel-glow{0%{box-shadow:0 6px 18px #00000059}35%{box-shadow:0 0 0 2px #4ade8080,0 0 16px #4ade8040}to{box-shadow:0 6px 18px #00000059}}.qc-menu-btn{transition:background .15s ease,transform .12s ease,box-shadow .15s ease}.qc-menu-btn:not(.qc-menu-btn--primary):hover{background:#ffffff17!important;transform:translate(3px)}@media (prefers-reduced-motion: reduce){.qc-side-tray-root,.qc-board-start-cta{animation:none!important}}.qc-menu-btn--primary:hover{filter:brightness(1.15);transform:translate(3px) scale(1.01)}.qc-new-game-challenge{transition:background .15s ease,border-color .15s ease,transform .12s ease}.qc-new-game-challenge:hover{background:#ffffff1a!important;border-color:#4fc3f7!important;transform:translate(2px)}.qc-header-account{transition:filter .15s ease,background .15s ease}.qc-header-account:hover{filter:brightness(1.15)}.qc-header-account--signin{position:relative;overflow:hidden;z-index:0;transition:color .25s ease,text-shadow .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease,filter .15s ease}.qc-header-account--signin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#00f5ff,#b400ff,#ff3b7f,#00f5ff);background-size:300% 100%;transform:translate(-101%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.qc-header-account--signin:hover{color:#0b0e16!important;text-shadow:none!important;border-color:#ffffffd9!important;box-shadow:0 0 16px #b400ff8c,0 0 30px #00f5ff59!important;transform:translateY(-1px)}.qc-header-account--signin:hover:before{transform:translate(0);animation:qc-signin-flow 2.4s linear infinite}@keyframes qc-signin-flow{0%{background-position:0% 50%}to{background-position:300% 50%}}.qc-header-settings{transition:color .3s ease,filter .3s ease}.qc-header-settings:hover{animation:qc-gear-spin .8s ease-in-out forwards}@keyframes qc-gear-spin{0%{transform:rotate(0);color:#7fe7ff;filter:drop-shadow(0 0 7px rgba(0,245,255,.45))}50%{transform:rotate(180deg);color:#b400ff;filter:drop-shadow(0 0 10px rgba(180,0,255,.65))}to{transform:rotate(360deg);color:#ff3b7f;filter:drop-shadow(0 0 10px rgba(255,59,127,.65))}}.custom-scrollbar{scrollbar-gutter:stable}@-moz-document url-prefix(){.custom-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.custom-scrollbar:hover,.custom-scrollbar.scrolling{scrollbar-color:rgba(11,214,241,.959) transparent}}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.custom-scrollbar:hover::-webkit-scrollbar-thumb,.custom-scrollbar.scrolling::-webkit-scrollbar-thumb{background:#61dafb8c}.custom-scrollbar:hover::-webkit-scrollbar-thumb:hover,.custom-scrollbar.scrolling::-webkit-scrollbar-thumb:hover{background:#61dafbb3}.custom-scrollbar::-webkit-scrollbar-button{display:none;width:0;height:0}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent;display:none}.custom-scrollbar::-webkit-scrollbar-track-piece:vertical:start,.custom-scrollbar::-webkit-scrollbar-track-piece:vertical:end,.custom-scrollbar::-webkit-scrollbar-track-piece:horizontal:start,.custom-scrollbar::-webkit-scrollbar-track-piece:horizontal:end{display:none}.qc-am-panel{width:min(94vw,480px);max-height:88vh;overflow-y:auto;border-radius:16px;background:#0a0a0ed9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(97,218,251,.15);box-shadow:0 0 50px #000000e6,0 0 20px #61dafb1a inset;color:#fff;padding:24px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.qc-am-panel::-webkit-scrollbar{width:6px}.qc-am-panel::-webkit-scrollbar-track{background:transparent}.qc-am-panel::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.qc-am-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.qc-am-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.qc-am-title{margin:0;font-size:1.4rem;font-weight:900;letter-spacing:.05em;display:flex;align-items:center;gap:12px;text-shadow:0 0 15px rgba(97,218,251,.6);color:#fff}.qc-am-label{font-size:11px;color:#a8b2d1;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.qc-am-input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0006;color:#fff;font-size:14px;transition:all .25s cubic-bezier(.25,.8,.25,1);outline:none}.qc-am-input:focus{border-color:#61dafbcc;box-shadow:0 0 12px #61dafb4d,0 0 0 1px #61dafb80 inset;background:#0009}.qc-am-input::placeholder{color:#ffffff4d}.qc-am-primary-btn{padding:14px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#61dafb,#d946ef);color:#000;font-weight:900;font-size:14px;cursor:pointer;transition:all .25s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #d946ef4d;text-transform:uppercase;letter-spacing:.06em;position:relative;overflow:hidden}.qc-am-primary-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:all .5s ease}.qc-am-primary-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #d946ef80,0 0 15px #61dafb80}.qc-am-primary-btn:hover:not(:disabled):after{left:200%}.qc-am-primary-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.qc-am-primary-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.7)}.qc-am-ghost-btn{padding:14px 20px;border-radius:10px;border:1px solid rgba(97,218,251,.4);background:#61dafb0d;color:#61dafb;font-weight:800;font-size:14px;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.06em}.qc-am-ghost-btn:hover:not(:disabled){background:#61dafb26;border-color:#61dafbe6;box-shadow:0 0 15px #61dafb4d;transform:translateY(-1px)}.qc-am-ghost-btn:active:not(:disabled){transform:translateY(1px)}.qc-am-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.qc-am-notice-info{font-size:13.5px;line-height:1.5;border-radius:10px;padding:14px 18px;background:#61dafb1a;border:1px solid rgba(97,218,251,.4);color:#fff;box-shadow:0 0 20px #61dafb1a inset}.qc-am-notice-error{font-size:13.5px;line-height:1.5;border-radius:10px;padding:14px 18px;background:#ff3b301a;border:1px solid rgba(255,59,48,.4);color:#ff7b72;box-shadow:0 0 20px #ff3b301a inset}.qc-am-stat-row{display:flex;gap:14px;flex-wrap:wrap}.qc-am-stat{flex:1 1 90px;border-radius:12px;padding:14px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;transition:all .3s ease}.qc-am-stat:hover{background:#ffffff0d;border-color:#61dafb66;box-shadow:0 0 20px #61dafb26;transform:translateY(-2px)}.qc-am-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(97,218,251,.8),transparent);opacity:0;transition:opacity .3s ease}.qc-am-stat:hover:before{opacity:1}.qc-am-stat-label{font-size:10.5px;color:#a8b2d1;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.qc-am-stat-value{font-size:26px;font-weight:900;margin-top:6px;color:#fff;text-shadow:0 0 12px rgba(255,255,255,.4)}.qc-am-tier-badge-free{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#a8b2d1}.qc-am-tier-badge-paid{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:#f6c44526;border:1px solid #f6c445;color:#f6c445;box-shadow:0 0 15px #f6c44566}.qc-am-game-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:#0000004d;font-size:13.5px;transition:all .25s ease}.qc-am-game-row:hover{background:#ffffff0f;border-color:#fff3;transform:translate(4px);box-shadow:-4px 0 15px #61dafb1a}.qc-am-result-win{color:#7ee787;font-weight:900;text-transform:uppercase;font-size:12px;text-shadow:0 0 10px rgba(126,231,135,.5)}.qc-am-result-loss{color:#ff7b72;font-weight:900;text-transform:uppercase;font-size:12px;text-shadow:0 0 10px rgba(255,123,114,.4)}.qc-am-result-draw{color:#a8b2d1;font-weight:900;text-transform:uppercase;font-size:12px}.qc-am-premium-card{border:1px solid rgba(246,196,69,.4);border-radius:14px;padding:18px 20px;background:linear-gradient(160deg,#f6c44526,#00000080);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;box-shadow:0 0 25px #f6c44514}.qc-am-premium-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(246,196,69,.15) 0%,transparent 60%);pointer-events:none;animation:pulseGold 4s infinite alternate}@keyframes pulseGold{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.1);opacity:.8}}.qc-am-premium-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:900;color:#f6c445;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 12px rgba(246,196,69,.6)}.qc-am-feature-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.qc-am-feature-item{font-size:13.5px;color:#fffffff2;display:flex;align-items:center;gap:10px}.qc-am-gold-btn{padding:14px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#f6c445,#d49a1c);color:#1a1a1a;font-weight:900;font-size:14px;cursor:pointer;align-self:flex-start;transition:all .25s ease;box-shadow:0 6px 20px #f6c44559;text-transform:uppercase;letter-spacing:.06em}.qc-am-gold-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #f6c44599;background:linear-gradient(135deg,#ffcf54,#e0a322)}.qc-am-gold-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.qc-am-gold-btn:disabled{opacity:.6;filter:grayscale(.5);cursor:not-allowed}.qc-am-review-btn{padding:6px 14px;border-radius:8px;font-size:11.5px;font-weight:800;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all .25s ease}.qc-am-review-btn.premium{border:1px solid rgba(246,196,69,.6);background:#f6c44526;color:#f6c445}.qc-am-review-btn.premium:hover{background:#f6c44540;box-shadow:0 0 12px #f6c44566;transform:translateY(-1px)}.qc-am-review-btn.standard{border:1px solid rgba(255,255,255,.2);background:transparent;color:#a8b2d1}.qc-am-review-btn.standard:hover{background:#ffffff14;border-color:#fff6;color:#fff;box-shadow:0 0 10px #ffffff1a}.qc-am-create-btn{padding:14px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-weight:900;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #00000080,0 0 0 1px #61dafb33 inset;text-transform:uppercase;letter-spacing:.08em;position:relative;overflow:hidden}.qc-am-create-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#61dafb,#d946ef,#61dafb,#f6c445);background-size:300% 300%;z-index:-1;border-radius:12px;transition:all .3s ease;opacity:.5;filter:blur(8px)}.qc-am-create-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.03);box-shadow:0 12px 30px #61dafb40,0 0 0 2px #61dafb80 inset;text-shadow:0 0 8px rgba(255,255,255,.5);color:#fff}.qc-am-create-btn:hover:not(:disabled):before{opacity:1;filter:blur(12px);animation:bgShift 3s ease infinite}.qc-am-create-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.qc-am-create-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.qc-am-link-ghost{background:transparent;border:none;color:#a8b2d1;font-size:12.5px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease;font-weight:600}.qc-am-link-ghost:hover{color:#fff;background:#ffffff0d;text-shadow:0 0 5px rgba(255,255,255,.3)}.qc-pm-panel{width:900px;max-width:95vw;background:#0a0a0ed9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 40px #000c,inset 0 1px #ffffff0d;padding:32px;display:flex;flex-direction:column;color:#fff}.qc-pm-header{text-align:center;margin-bottom:32px}.qc-pm-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.2)}.qc-pm-subtitle{margin:0;font-size:15px;color:#ffffffb3}.qc-pm-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 768px){.qc-pm-columns{grid-template-columns:1fr}}.qc-pm-card{background:#0006;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:24px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,border-color .2s ease}.qc-pm-card:hover{transform:translateY(-2px);border-color:#ffffff26}.qc-pm-card.premium{background:linear-gradient(135deg,#140f00b3,#1e1400e6);border:1px solid rgba(246,196,69,.4);box-shadow:0 0 20px #f6c4451a inset,0 8px 24px #00000080}.qc-pm-card.premium:hover{border-color:#f6c445b3;box-shadow:0 0 30px #f6c44526 inset,0 8px 24px #0009}.qc-pm-card-title{font-size:20px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.qc-pm-card.premium .qc-pm-card-title{color:#f6c445;text-shadow:0 0 10px rgba(246,196,69,.4)}.qc-pm-card-price{font-size:14px;color:#fff9;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.qc-pm-card.premium .qc-pm-card-price{border-bottom-color:#f6c44533}.qc-pm-feature-list{list-style:none;padding:0;margin:0 0 24px;flex:1}.qc-pm-feature-item{font-size:14px;color:#ffffffd9;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;line-height:1.4}.qc-pm-feature-item .check{color:#61dafb}.qc-pm-card.premium .qc-pm-feature-item .check{color:#f6c445;text-shadow:0 0 5px rgba(246,196,69,.5)}.qc-pm-btn{width:100%;padding:12px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.qc-pm-btn-ghost{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.qc-pm-btn-ghost:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.qc-pm-btn-gold{background:linear-gradient(135deg,#f6c445,#d49c1a);color:#000;box-shadow:0 0 15px #f6c4454d}.qc-pm-btn-gold:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 25px #f6c44580}.qc-pm-btn-tip{background:#f6c4451a;color:#f6c445;border:1px solid rgba(246,196,69,.4)}.qc-pm-btn-tip:hover:not(:disabled){background:#f6c44526;border-color:#f6c44599;box-shadow:0 0 15px #f6c44533}.qc-pm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.qc-pm-notice{margin-top:16px;padding:12px;border-radius:8px;background:#d946ef1a;border:1px solid rgba(217,70,239,.3);color:#ff9cf9;font-size:13.5px;text-align:center}
