@import "https://fonts.googleapis.com/css2?family=Inter&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz@0,9..40;1,9..40&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,700;1,9..40,700&display=swap";*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:initial;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--text-inverse:#f9fafb;--text-foreground:#030712;--text-foreground-muted:#4b5563;--text-error:#e11d48;--text-primary:#4f46e5;--text-success:#65a30d;--text-warning:#ea580c;--text-disabled:#9ca3af;--bg-default:#f9fafb;--bg-default-hover:#e5e7eb;--bg-default-active:#d1d5db;--bg-alternate:#e5e7eb;--bg-alternate-hover:#d1d5db;--bg-alternate-active:#9ca3af;--bg-inverse:#f3f4f6;--bg-inverse-hover:#e5e7eb;--bg-inverse-active:#d1d5db;--bg-primary:#4f46e5;--bg-primary-hover:#4338ca;--bg-primary-active:#3730a3;--bg-secondary:#e2e8f0;--bg-secondary-hover:#cbd5e1;--bg-secondary-active:#94a3b8;--bg-error:#e11d48;--bg-warning:#ea580c;--bg-success:#bef264}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-bottom-0{bottom:0}.-bottom-0\.5{bottom:-.125rem}.-right-0{right:0}.-right-0\.5{right:-.125rem}.left-0{left:0}.left-2\/4{left:50%}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2,.top-2\/4{top:50%}.z-10{z-index:10}.z-50{z-index:50}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.box-border{box-sizing:border-box}.flex{display:flex}.inline-flex{display:inline-flex}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-8{height:2rem}.h-\[15px\]{height:15px}.h-full{height:100%}.max-h-80{max-height:20rem}.w-12{width:3rem}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-\[15px\]{width:15px}.w-\[250px\]{width:250px}.w-\[475px\]{width:475px}.w-\[500px\]{width:500px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-2\/4{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2,.-translate-y-2\/4{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-2\/4,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-\[none\]{border-color:none}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-transparent{border-color:#0000}.border-t-blue-500{--tw-border-opacity:1;border-top-color:rgb(59 130 246/var(--tw-border-opacity))}.bg-\[\#ffffff\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-alternate{background-color:var(--bg-alternate)}.bg-default{background-color:var(--bg-default)}.bg-error{background-color:var(--bg-error)}.bg-inverse{background-color:var(--bg-inverse)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-success{background-color:var(--bg-success)}.bg-transparent{background-color:initial}.bg-warning{background-color:var(--bg-warning)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.fill-error{fill:var(--bg-error)}.fill-inverse{fill:var(--bg-inverse)}.fill-primary{fill:var(--bg-primary)}.fill-success{fill:var(--bg-success)}.fill-warning{fill:var(--bg-warning)}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-12{padding-left:3rem}.pr-3{padding-right:.75rem}.pr-5{padding-right:1.25rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.font-display{font-family:DM Sans,sans-serif}.font-sans{font-family:Inter,sans-serif}.text-\[2\.5rem\]{font-size:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-disabled{color:var(--text-disabled)}.text-error{color:var(--text-error)}.text-foreground{color:var(--text-foreground)}.text-foreground-muted{color:var(--text-foreground-muted)}.text-inverse{color:var(--text-inverse)}.text-primary{color:var(--text-primary)}.text-success{color:var(--text-success)}.text-warning{color:var(--text-warning)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.placeholder-\[\#5B616E\]::placeholder{--tw-placeholder-opacity:1;color:rgb(91 97 110/var(--tw-placeholder-opacity))}.opacity-\[0\.38\]{opacity:.38}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\[0px_8px_12px_0px_\#5B616E1F\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0px_8px_12px_0px_\#5B616E1F\]{--tw-shadow:0px 8px 12px 0px #5b616e1f;--tw-shadow-colored:0px 8px 12px 0px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ock-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db #fff}.hover\:bg-alternate-hover:hover{background-color:var(--bg-alternate-hover)}.hover\:bg-default-hover:hover{background-color:var(--bg-default-hover)}.hover\:bg-inverse-hover:hover{background-color:var(--bg-inverse-hover)}.hover\:bg-primary-hover:hover{background-color:var(--bg-primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--bg-secondary-hover)}.active\:bg-alternate-active:active{background-color:var(--bg-alternate-active)}.active\:bg-default-active:active{background-color:var(--bg-default-active)}.active\:bg-inverse-active:active{background-color:var(--bg-inverse-active)}.active\:bg-primary-active:active{background-color:var(--bg-primary-active)}.active\:bg-secondary-active:active{background-color:var(--bg-secondary-active)}:root,.custom-dark,.custom-light{--ock-font-family:var(--pcc-font-sans,"Inter var", Inter, system-ui, -apple-system, sans-serif);--ock-border-radius:var(--pcc-radius-md);--ock-border-radius-inner:var(--pcc-radius-sm);--ock-text-inverse:var(--pcc-bg-sunken);--ock-text-foreground:var(--pcc-text-primary);--ock-text-foreground-muted:var(--pcc-text-secondary);--ock-text-error:var(--pcc-danger);--ock-text-primary:var(--pcc-accent-400);--ock-text-success:var(--pcc-success);--ock-text-warning:var(--pcc-warning);--ock-text-disabled:var(--pcc-text-disabled);--ock-bg-default:var(--pcc-bg-surface);--ock-bg-default-hover:var(--pcc-bg-surface-hover);--ock-bg-default-active:var(--pcc-bg-surface-raised);--ock-bg-alternate:var(--pcc-bg-surface-raised);--ock-bg-alternate-hover:var(--pcc-bg-surface-hover);--ock-bg-alternate-active:var(--pcc-bg-surface-raised);--ock-bg-inverse:var(--pcc-bg-app);--ock-bg-inverse-hover:var(--pcc-bg-surface-raised);--ock-bg-inverse-active:var(--pcc-bg-surface-hover);--ock-bg-primary:var(--pcc-accent-500);--ock-bg-primary-hover:var(--pcc-accent-400);--ock-bg-primary-active:var(--pcc-accent-600);--ock-bg-primary-washed:var(--pcc-accent-soft);--ock-bg-primary-disabled:var(--pcc-accent-700);--ock-bg-secondary:var(--pcc-bg-surface-raised);--ock-bg-secondary-hover:var(--pcc-bg-surface-hover);--ock-bg-secondary-active:var(--pcc-bg-surface-raised);--ock-bg-error:var(--pcc-danger);--ock-bg-warning:var(--pcc-warning);--ock-bg-success:var(--pcc-success);--ock-bg-default-reverse:var(--pcc-text-primary);--ock-icon-color-primary:var(--pcc-accent-400);--ock-icon-color-foreground:var(--pcc-text-primary);--ock-icon-color-foreground-muted:var(--pcc-text-secondary);--ock-icon-color-inverse:var(--pcc-bg-sunken);--ock-icon-color-error:var(--pcc-danger);--ock-icon-color-success:var(--pcc-success);--ock-icon-color-warning:var(--pcc-warning);--ock-line-primary:var(--pcc-accent-500);--ock-line-default:var(--pcc-border-default);--ock-line-heavy:var(--pcc-border-strong);--ock-line-inverse:var(--pcc-border-subtle)}[data-testid=ockWalletModal],[class*=ock-modal]{border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-lg);box-shadow:0 14px 40px #0000008c}@keyframes pcc-attention-pulse{0%,to{transform:scale(1);box-shadow:0 0 #4caf5000}50%{transform:scale(1.08);box-shadow:0 0 0 6px #4caf502e}}.pcc-attention-pulse{will-change:transform;animation:1.4s ease-in-out infinite pcc-attention-pulse}@media (prefers-reduced-motion:reduce){.pcc-attention-pulse{animation:none}}@keyframes pcc-onb-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pcc-onb-card-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pcc-onb-step-enter-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes pcc-onb-step-enter-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes pcc-onb-hero-in{0%{opacity:0;transform:translateY(14px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pcc-onb-glow{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}.pcc-onb-backdrop{background:var(--pcc-bg-overlay);z-index:1100;padding:var(--pcc-space-4);box-sizing:border-box;justify-content:center;align-items:center;animation:.22s cubic-bezier(.2,0,0,1) both pcc-onb-backdrop-in;display:flex;position:fixed;inset:0}.pcc-onb-card{background:var(--pcc-bg-surface);border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-lg);flex-direction:column;width:min(560px,100%);max-height:calc(100dvh - 32px);animation:.32s cubic-bezier(.2,0,0,1) both pcc-onb-card-in;display:flex;overflow:hidden;box-shadow:0 24px 60px #0000008c}.pcc-onb-header{padding:var(--pcc-space-3) var(--pcc-space-4);border-bottom:1px solid var(--pcc-border-subtle);justify-content:space-between;align-items:center;display:flex}.pcc-onb-progress{align-items:center;gap:6px;display:flex}.pcc-onb-progress-dot{background:var(--pcc-border-default);border-radius:50%;width:8px;height:8px;transition:background-color .2s cubic-bezier(.2,0,0,1),transform .2s cubic-bezier(.2,0,0,1)}.pcc-onb-progress-dot[data-state=done]{background:var(--pcc-accent-700)}.pcc-onb-progress-dot[data-state=current]{background:var(--pcc-accent-400);transform:scale(1.35)}.pcc-onb-body{padding:var(--pcc-space-4);flex-direction:column;min-height:360px;display:flex;position:relative;overflow-y:auto}.pcc-onb-body[data-step-state=enter-right]{animation:.26s cubic-bezier(.2,0,0,1) both pcc-onb-step-enter-right}.pcc-onb-body[data-step-state=enter-left]{animation:.26s cubic-bezier(.2,0,0,1) both pcc-onb-step-enter-left}.pcc-onb-hero{animation:.38s cubic-bezier(.2,0,0,1) 60ms both pcc-onb-hero-in}.pcc-onb-welcome-glow{background:radial-gradient(closest-side, var(--pcc-accent-soft-border), transparent 70%);filter:blur(20px);pointer-events:none;border-radius:50%;width:220px;height:220px;margin:auto;animation:4.5s ease-in-out infinite pcc-onb-glow;position:absolute;inset:0}.pcc-onb-footer{justify-content:space-between;align-items:center;gap:var(--pcc-space-3);padding:var(--pcc-space-3) var(--pcc-space-4);border-top:1px solid var(--pcc-border-subtle);display:flex}.pcc-onb-skip-link{color:var(--pcc-text-muted);cursor:pointer;font:inherit;font-size:var(--pcc-size-sm);border-radius:var(--pcc-radius-xs);background:0 0;border:none;padding:4px 8px;transition:color .16s cubic-bezier(.2,0,0,1),background-color .16s cubic-bezier(.2,0,0,1)}.pcc-onb-skip-link:hover{color:var(--pcc-text-primary);background:var(--pcc-bg-surface-hover)}.pcc-onb-step{flex-direction:column;flex:1;min-height:0;display:flex}.pcc-onb-demo{justify-content:center;align-items:center;gap:var(--pcc-space-3);min-height:0;margin-top:var(--pcc-space-4);flex-direction:column;flex:1;width:100%;display:flex}.pcc-onb-step-title{margin:var(--pcc-space-2) 0 var(--pcc-space-3) 0;letter-spacing:.03em;color:var(--pcc-text-primary);text-align:center;font-family:Pirata One,system-ui,sans-serif;font-size:1.7rem;font-weight:400}.pcc-onb-step-body{max-width:46ch;font-size:var(--pcc-size-md);color:var(--pcc-text-secondary);text-align:center;margin:0 auto;line-height:1.6}@keyframes pcc-onb-demo-import-click{0%,6%{opacity:1;transform:scale(1)}9%{transform:scale(.92)}12%{opacity:1;transform:scale(1)}20%,88%{opacity:.45;transform:scale(1)}96%,to{opacity:1;transform:scale(1)}}@keyframes pcc-onb-demo-import-focus{0%,14%{opacity:.45;border-color:var(--pcc-border-default);box-shadow:none}20%,88%{opacity:1;border-color:var(--pcc-accent-400);box-shadow:0 0 0 3px var(--pcc-accent-soft-border)}96%,to{opacity:.45;border-color:var(--pcc-border-default);box-shadow:none}}@keyframes pcc-onb-demo-import-type{0%,20%{width:0}22%{width:0;animation-timing-function:steps(38,end)}58%,92%{width:38ch}96%,to{width:0}}@keyframes pcc-onb-demo-import-caret{0%,to{opacity:1}50%{opacity:0}}.pcc-onb-demo-import{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.pcc-onb-demo-import-btn{background:var(--pcc-accent-500);color:var(--pcc-text-on-accent);border-radius:var(--pcc-radius-sm);padding:10px 22px;font-size:1rem;font-weight:600;animation:8s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-import-click}.pcc-onb-demo-import-field{box-sizing:border-box;border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-md);background:var(--pcc-bg-sunken);width:min(400px,92%);padding:12px 16px;animation:8s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-import-focus}.pcc-onb-demo-import-typed{white-space:nowrap;vertical-align:bottom;max-width:100%;color:var(--pcc-text-secondary);font-family:ui-monospace,monospace;font-size:.85rem;animation:8s linear infinite pcc-onb-demo-import-type;display:inline-block;overflow:hidden}.pcc-onb-demo-import-caret{vertical-align:bottom;background:var(--pcc-accent-400);width:2px;height:1em;margin-left:1px;animation:.9s step-end infinite pcc-onb-demo-import-caret;display:inline-block}@keyframes pcc-onb-demo-advantage{0%,to{width:38%}35%{width:68%}65%{width:47%}}.pcc-onb-demo-adv-track{border:1px solid var(--pcc-border-default);background:#191919;border-radius:14px;width:min(420px,100%);height:28px;position:relative;overflow:hidden}.pcc-onb-demo-adv-fill{background:#e8e8e8;height:100%;animation:7s ease-in-out infinite pcc-onb-demo-advantage}.pcc-onb-demo-adv-tick{background:var(--pcc-color-success,#4caf50);opacity:.85;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}@keyframes pcc-onb-demo-adv-label-black{0%,8%{opacity:1}20%,86%{opacity:0}96%,to{opacity:1}}@keyframes pcc-onb-demo-adv-label-white{0%,20%{opacity:0}30%,48%{opacity:1}58%,to{opacity:0}}@keyframes pcc-onb-demo-adv-label-even{0%,56%{opacity:0}66%,84%{opacity:1}94%,to{opacity:0}}.pcc-onb-demo-adv-labels{justify-items:center;display:grid}.pcc-onb-demo-adv-label{color:#bdbdbd;grid-area:1/1;font-size:.95rem;font-weight:700;transition:opacity .3s cubic-bezier(.32,.72,0,1)}.pcc-onb-demo-adv-label:first-child{animation:7s ease-in-out infinite pcc-onb-demo-adv-label-black}.pcc-onb-demo-adv-label:nth-child(2){opacity:0;animation:7s ease-in-out infinite pcc-onb-demo-adv-label-white}.pcc-onb-demo-adv-label:nth-child(3){opacity:0;animation:7s ease-in-out infinite pcc-onb-demo-adv-label-even}@keyframes pcc-onb-demo-grade{0%,26%{opacity:1;transform:translateY(0)scale(1)}33%,93%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.pcc-onb-demo-grades{display:grid}.pcc-onb-demo-grade{color:#101010;text-align:center;white-space:nowrap;border-radius:999px;grid-area:1/1;padding:6px 14px;font-size:.95rem;font-weight:700;animation:5.4s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-grade}.pcc-onb-demo-grade:nth-child(2){opacity:0;animation-delay:1.8s}.pcc-onb-demo-grade:nth-child(3){opacity:0;animation-delay:3.6s}@keyframes pcc-onb-demo-line-select{0%,16%{color:#eaf2ff;background:#2f5a8d;border-color:#3f6fae}22%,to{color:#7eb1ff;background:0 0;border-color:#3b82f6}}.pcc-onb-demo-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.pcc-onb-demo-line-move{color:#7eb1ff;background:0 0;border:1px solid #3b82f6;border-radius:7px;padding:5px 10px;font-family:ui-monospace,monospace;font-size:.85rem;font-weight:700;animation:5s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-line-select}.pcc-onb-demo-line-move:nth-child(2){animation-delay:1s}.pcc-onb-demo-line-move:nth-child(3){animation-delay:2s}.pcc-onb-demo-line-move:nth-child(4){animation-delay:3s}.pcc-onb-demo-line-move:nth-child(5){animation-delay:4s}.pcc-onb-demo-line-chevron{color:#e8e8e8;background:#2b2b2b;border:1px solid #444;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.95rem;display:inline-flex}@keyframes pcc-onb-demo-bubble-q{0%,2%{opacity:0;transform:translateY(10px)}8%,88%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(0)}}@keyframes pcc-onb-demo-bubble-typing{0%,12%{opacity:0}16%,38%{opacity:1}42%,to{opacity:0}}@keyframes pcc-onb-demo-bubble-a{0%,42%{opacity:0;transform:translateY(10px)}50%,88%{opacity:1;transform:translateY(0)}95%,to{opacity:0;transform:translateY(0)}}.pcc-onb-demo-chat{flex-direction:column;gap:8px;width:min(360px,92%);display:flex}.pcc-onb-demo-chat-q,.pcc-onb-demo-chat-typing,.pcc-onb-demo-chat-a{border-radius:12px;max-width:85%;padding:8px 12px;font-size:.85rem;line-height:1.45}.pcc-onb-demo-chat-q{background:var(--pcc-accent-500);color:var(--pcc-text-on-accent);align-self:flex-end;animation:9s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-bubble-q}.pcc-onb-demo-chat-typing{background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);color:var(--pcc-text-muted);letter-spacing:2px;align-self:flex-start;animation:9s ease-in-out infinite pcc-onb-demo-bubble-typing}.pcc-onb-demo-chat-a{background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);color:var(--pcc-text-secondary);align-self:flex-start;animation:9s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-bubble-a}@keyframes pcc-onb-demo-pay-hover{0%,18%{background:var(--pcc-accent-500);border-color:var(--pcc-accent-400);color:var(--pcc-text-on-accent);transform:translateY(-4px)scale(1.06);box-shadow:0 8px 18px #0006}26%,to{box-shadow:none;background:var(--pcc-bg-surface-raised);border-color:var(--pcc-border-default);color:var(--pcc-text-primary);transform:translateY(0)scale(1)}}.pcc-onb-demo-pay{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pcc-onb-demo-pay-option{border-radius:var(--pcc-radius-sm);border:1px solid var(--pcc-border-default);background:var(--pcc-bg-surface-raised);color:var(--pcc-text-primary);white-space:nowrap;padding:9px 14px;font-size:.9rem;font-weight:600;animation:5.1s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-pay-hover}.pcc-onb-demo-pay-option:nth-child(2){animation-delay:1.7s}.pcc-onb-demo-pay-option:nth-child(3){animation-delay:3.4s}@keyframes pcc-onb-demo-switch-knob{0%,20%{transform:translate(0)}30%,75%{transform:translate(20px)}85%,to{transform:translate(0)}}@keyframes pcc-onb-demo-switch-bg{0%,20%{background:var(--pcc-bg-sunken);border-color:var(--pcc-border-default)}30%,75%{background:var(--pcc-accent-500);border-color:var(--pcc-accent-400)}85%,to{background:var(--pcc-bg-sunken);border-color:var(--pcc-border-default)}}.pcc-onb-demo-switch{border:1px solid var(--pcc-border-default);background:var(--pcc-bg-sunken);border-radius:13px;width:48px;height:26px;animation:4.4s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-switch-bg;position:relative}.pcc-onb-demo-switch:after{content:"";background:#e8e8e8;border-radius:50%;width:20px;height:20px;animation:4.4s cubic-bezier(.32,.72,0,1) infinite pcc-onb-demo-switch-knob;position:absolute;top:2px;left:3px}.pcc-onb-demo-nav{gap:8px;display:flex}.pcc-onb-demo-nav-btn{border-radius:var(--pcc-radius-sm);border:1px solid var(--pcc-border-default);background:var(--pcc-bg-surface-raised);color:var(--pcc-text-secondary);white-space:nowrap;padding:9px 16px;font-size:.9rem;font-weight:600}.pcc-onb-demo-movecard{background:#222;border:1px solid #3a3a3a;border-radius:10px;flex-direction:column;gap:8px;width:min(300px,90%);padding:10px 12px;display:flex}.pcc-onb-demo-movecard-top{align-items:center;gap:8px;display:flex}.pcc-onb-demo-ply-badge{color:#cfcfcf;text-align:center;background:#2e2e2e;border:1px solid #4a4a4a;border-radius:999px;min-width:26px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:.8rem;font-weight:700}.pcc-onb-demo-movecard-side{text-align:center;color:#999;text-transform:uppercase;letter-spacing:.06em;flex:1;font-size:.7rem;font-weight:600}.pcc-onb-demo-movecard-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pcc-onb-demo-movecard-move{color:#f0f0f0;font-family:ui-monospace,monospace;font-size:1rem;font-weight:700}.pcc-onb-side-by-side{gap:var(--pcc-space-3);margin-top:var(--pcc-space-4);grid-template-columns:1fr 1fr;display:grid}.pcc-onb-mini-card{background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-md);padding:var(--pcc-space-3);gap:var(--pcc-space-2);flex-direction:column;display:flex}.pcc-onb-mini-card h4{font-size:var(--pcc-size-md);color:var(--pcc-text-primary);margin:0}.pcc-onb-mini-card p{font-size:var(--pcc-size-sm);color:var(--pcc-text-secondary);margin:0;line-height:1.5}.pcc-onb-depth-row{gap:var(--pcc-space-2);margin-top:var(--pcc-space-3);grid-template-columns:repeat(4,1fr);display:grid}.pcc-onb-depth-chip{background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-sm);padding:var(--pcc-space-2);text-align:center;flex-direction:column;gap:2px;display:flex}.pcc-onb-depth-chip strong{color:var(--pcc-text-primary)}.pcc-onb-depth-chip span{color:var(--pcc-accent-300);font-size:var(--pcc-size-xs)}.pcc-onb-depth-chip small{color:var(--pcc-text-muted);font-size:var(--pcc-size-2xs);line-height:1.4}.pcc-onb-warning{margin-top:var(--pcc-space-3);padding:var(--pcc-space-3);background:var(--pcc-warning-soft);border:1px solid var(--pcc-warning);border-radius:var(--pcc-radius-sm);color:var(--pcc-text-primary);font-size:var(--pcc-size-sm);align-items:flex-start;gap:var(--pcc-space-2);line-height:1.5;display:flex}.pcc-onb-warning:before{content:"⚠";color:var(--pcc-warning);font-size:var(--pcc-size-md);line-height:1}.pcc-onb-welcome-icon{z-index:1;width:132px;height:132px;position:relative}.pcc-tutorial-btn:hover{background:var(--pcc-bg-surface-hover);color:var(--pcc-text-primary);border-color:var(--pcc-border-strong)}.pcc-tutorial-btn:focus-visible{box-shadow:var(--pcc-shadow-focus);border-color:var(--pcc-accent-400);outline:none}@media (width<=768px){.pcc-onb-card{border-radius:0;width:100%;height:100dvh;max-height:100dvh}.pcc-onb-body{min-height:0}.pcc-onb-step-title{font-size:1.35rem}.pcc-onb-depth-row{grid-template-columns:1fr 1fr}.pcc-onb-side-by-side{grid-template-columns:1fr}}.pcc-btn{justify-content:center;align-items:center;gap:var(--pcc-space-2);border-radius:var(--pcc-radius-sm);font-family:inherit;font-weight:var(--pcc-weight-medium);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:var(--pcc-transition);border:1px solid #0000;line-height:1;display:inline-flex}.pcc-btn:focus-visible{box-shadow:var(--pcc-shadow-focus);outline:none}.pcc-btn:disabled{opacity:.5;cursor:not-allowed}.pcc-btn:not(:disabled):active{transform:scale(.97)}.pcc-btn--sm{padding:var(--pcc-pad-control-sm);font-size:var(--pcc-size-xs)}.pcc-btn--md{padding:var(--pcc-pad-control);font-size:var(--pcc-size-sm)}.pcc-btn--primary{background:var(--pcc-accent-500);border-color:var(--pcc-accent-500);color:var(--pcc-text-on-accent)}.pcc-btn--primary:not(:disabled):hover{background:var(--pcc-accent-400);border-color:var(--pcc-accent-400)}.pcc-btn--primary:not(:disabled):active{background:var(--pcc-accent-600);border-color:var(--pcc-accent-600)}.pcc-btn--secondary{background:var(--pcc-bg-surface-raised);border-color:var(--pcc-border-default);color:var(--pcc-text-primary)}.pcc-btn--secondary:not(:disabled):hover{background:var(--pcc-bg-surface-hover);border-color:var(--pcc-border-strong)}.pcc-btn--ghost{color:var(--pcc-text-secondary);background:0 0;border-color:#0000}.pcc-btn--ghost:not(:disabled):hover{background:var(--pcc-bg-surface-hover);color:var(--pcc-text-primary)}.pcc-btn--danger{background:var(--pcc-danger-soft);border-color:var(--pcc-danger-border);color:var(--pcc-danger)}.pcc-btn--danger:not(:disabled):hover{background:var(--pcc-danger);border-color:var(--pcc-danger);color:#1a0d0d}.pcc-input{box-sizing:border-box;width:100%;padding:var(--pcc-pad-input);border-radius:var(--pcc-radius-xs);border:1px solid var(--pcc-border-default);background:var(--pcc-bg-sunken);color:var(--pcc-text-primary);font-family:inherit;font-size:var(--pcc-size-sm);transition:var(--pcc-transition);line-height:1.3}.pcc-input::placeholder{color:var(--pcc-text-muted)}.pcc-input:hover:not(:disabled){border-color:var(--pcc-border-strong)}.pcc-input:focus-visible,.pcc-input:focus{border-color:var(--pcc-accent-400);box-shadow:var(--pcc-shadow-focus);outline:none}.pcc-input:disabled{opacity:.5;cursor:not-allowed}.pcc-input[aria-invalid=true]{border-color:var(--pcc-danger)}.pcc-input[aria-invalid=true]:focus-visible,.pcc-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--pcc-danger-border)}.pcc-segmented{border-radius:var(--pcc-radius-sm);border:1px solid var(--pcc-border-subtle);background:var(--pcc-bg-sunken);gap:2px;padding:2px;display:inline-flex}.pcc-segmented__item{appearance:none;border-radius:var(--pcc-radius-xs);color:var(--pcc-text-secondary);font-family:inherit;font-size:var(--pcc-size-sm);font-weight:var(--pcc-weight-medium);padding:var(--pcc-pad-control-sm);cursor:pointer;transition:var(--pcc-transition);background:0 0;border:1px solid #0000}.pcc-segmented__item:not(:disabled):hover{color:var(--pcc-text-primary);background:var(--pcc-bg-surface-hover)}.pcc-segmented__item:focus-visible{box-shadow:var(--pcc-shadow-focus);outline:none}.pcc-segmented__item:disabled{opacity:.5;cursor:not-allowed}.pcc-segmented__item[aria-selected=true],.pcc-segmented__item[aria-pressed=true]{background:var(--pcc-accent-soft);border-color:var(--pcc-accent-soft-border);color:var(--pcc-accent-300)}.pcc-segmented__item:not(:disabled):active{transform:scale(.94)}.pcc-modal-scrim{z-index:50;background:var(--pcc-bg-overlay);pointer-events:auto;animation:pcc-modal-scrim-in var(--pcc-dur-base) var(--pcc-ease-standard);justify-content:center;align-items:center;display:flex}.pcc-modal-scrim[data-state=closing]{animation:pcc-modal-scrim-out var(--pcc-dur-fast) var(--pcc-ease-standard) forwards}.pcc-modal-card{animation:pcc-modal-card-in var(--pcc-dur-base) var(--pcc-ease-out);outline:none}.pcc-modal-card[data-state=closing]{animation:pcc-modal-card-out var(--pcc-dur-fast) var(--pcc-ease-standard) forwards}@keyframes pcc-modal-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes pcc-modal-scrim-out{0%{opacity:1}to{opacity:0}}@keyframes pcc-modal-card-in{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pcc-modal-card-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.98)}}.pcc-table{border-collapse:collapse;width:100%;font-size:var(--pcc-size-sm);color:var(--pcc-text-primary)}.pcc-table__caption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pcc-table__head th{color:var(--pcc-text-muted);font-weight:var(--pcc-weight-semibold);font-size:var(--pcc-size-2xs);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--pcc-border-default)}.pcc-table__row{transition:var(--pcc-transition)}.pcc-table__row:not(.pcc-table__row--empty):hover{background:var(--pcc-bg-surface-hover)}.pcc-table__row td{border-bottom:1px solid var(--pcc-border-subtle)}.pcc-table tbody tr:last-child td{border-bottom:none}.pcc-table__cell{vertical-align:middle;padding:8px 10px}.pcc-table--dense .pcc-table__cell{padding:4px 8px}.pcc-table__cell--left{text-align:left}.pcc-table__cell--right{text-align:right}.pcc-table__cell--center{text-align:center}.pcc-table__cell--num{font-family:var(--pcc-font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums}.pcc-table__row--empty .pcc-table__cell{color:var(--pcc-text-muted);text-align:center}.pcc-prompt-modal__card>*{box-sizing:border-box;width:100%;height:100%}.pcc-prompt-modal__card .pcc-btn--md{font-size:var(--pcc-size-md);padding:11px 22px}.pcc-prompt-modal__card .pcc-btn--sm{font-size:var(--pcc-size-sm);padding:8px 16px}.pcc-prompt-modal__card .pcc-input{font-size:var(--pcc-size-md);padding:10px 14px}.pcc-prompt-modal__card label{font-size:var(--pcc-size-sm)}.pcc-morph-tile{transition:var(--pcc-transition)}.pcc-morph-tile:not(:disabled):hover{border-color:var(--pcc-accent-400);background:var(--pcc-bg-surface-hover)}.pcc-morph-tile:focus-visible{box-shadow:var(--pcc-shadow-focus);border-color:var(--pcc-accent-400);outline:none}.pcc-morph-tile:not(:disabled):active{transform:scale(.97)}.pcc-morph-tile--random:not(:disabled):hover{background:var(--pcc-accent-soft-border);color:var(--pcc-accent-50)}.pcc-interactive{cursor:pointer;transition:var(--pcc-transition)}.pcc-interactive:focus-visible{box-shadow:var(--pcc-shadow-focus);outline:none}.pcc-interactive:not([aria-disabled=true]):active{transform:scale(.97)}.pcc-interactive[aria-disabled=true]{opacity:.5;cursor:not-allowed}@keyframes pcc-modal-grow{0%{opacity:0;transform:scale(.15)}to{opacity:1;transform:scale(1)}}.pcc-modal-grow{animation:.38s cubic-bezier(.32,.72,0,1) both pcc-modal-grow}@keyframes pcc-modal-backdrop-fade{0%{opacity:0}to{opacity:1}}.pcc-modal-backdrop-fade{animation:.24s ease-out both pcc-modal-backdrop-fade}@media (prefers-reduced-motion:reduce){.pcc-modal-grow,.pcc-modal-backdrop-fade{animation:none}}.pcc-piece-swap [data-square]>div{transition:transform .18s cubic-bezier(.32,.72,0,1)}.pcc-piece-swap--grow [data-square]>div{transition:transform .23s cubic-bezier(.34,1.35,.64,1)}.pcc-piece-swap--hidden [data-square]>div{transform:scale(0)!important}@keyframes pcc-live-grid-settle{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pcc-live-grid--settling{animation:.28s cubic-bezier(.32,.72,0,1) pcc-live-grid-settle}.pcc-live-grid .mini-board{transition:border-color .16s cubic-bezier(.2,0,0,1),box-shadow .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1)}@media (prefers-reduced-motion:reduce){.pcc-live-grid--settling{animation:none}}.pcc-collapsible{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.32,.72,0,1);display:grid}.pcc-collapsible[data-open=true]{grid-template-rows:1fr}.pcc-collapsible>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.pcc-collapsible{transition:none}}:root{--pcc-bg-app:#0e0e11;--pcc-bg-sunken:#0a0a0d;--pcc-bg-surface:#161619;--pcc-bg-surface-raised:#1c1c21;--pcc-bg-surface-hover:#232329;--pcc-bg-overlay:#0a0a0db8;--pcc-border-subtle:#26262d;--pcc-border-default:#33333c;--pcc-border-strong:#45454f;--pcc-text-primary:#ececef;--pcc-text-secondary:#a6a6b2;--pcc-text-muted:#71717f;--pcc-text-on-accent:#fff;--pcc-text-disabled:#55555f;--pcc-accent-300:#c4b5fd;--pcc-accent-400:#a78bfa;--pcc-accent-500:#8b5cf6;--pcc-accent-600:#7c3aed;--pcc-accent-700:#6d28d9;--pcc-accent-soft:#8b5cf624;--pcc-accent-soft-border:#8b5cf673;--pcc-accent-ring:#a78bfa8c;--pcc-success:#34d399;--pcc-success-soft:#34d39924;--pcc-warning:#fbbf24;--pcc-warning-soft:#fbbf2424;--pcc-danger:#f87171;--pcc-danger-soft:#f8717124;--pcc-danger-border:#f8717173;--pcc-info:#60a5fa;--pcc-info-soft:#60a5fa24;--pcc-info-border:#60a5fa73;--pcc-success-border:#34d39973;--pcc-warning-border:#fbbf2473;--pcc-rec-bg:#34d3991f;--pcc-rec-bg-hover:#34d39933;--pcc-rec-bg-active:#34d39912;--pcc-rec-border:var(--pcc-success);--pcc-rec-passive-accent:var(--pcc-warning);--pcc-deck-select:var(--pcc-warning);--pcc-deck-accent:var(--pcc-info);--pcc-deck-accent-soft:#60a5fa24;--pcc-size-2xs:.6875rem;--pcc-size-xs:.75rem;--pcc-size-sm:.8125rem;--pcc-size-md:.9375rem;--pcc-size-lg:1.0625rem;--pcc-size-xl:1.3125rem;--pcc-weight-regular:400;--pcc-weight-medium:500;--pcc-weight-semibold:600;--pcc-weight-bold:700;--pcc-tracking-wide:.04em;--pcc-tracking-caps:.08em;--pcc-space-1:4px;--pcc-space-2:8px;--pcc-space-3:12px;--pcc-space-4:16px;--pcc-radius-xs:4px;--pcc-radius-sm:6px;--pcc-radius-md:8px;--pcc-radius-lg:12px;--pcc-pad-control:7px 14px;--pcc-pad-control-sm:4px 10px;--pcc-pad-input:7px 10px;--pcc-shadow-focus:0 0 0 3px var(--pcc-accent-ring);--pcc-shadow-card:inset 0 1px 0 #ffffff0d, 0 2px 6px #00000073;--pcc-shadow-card-hover:inset 0 1px 0 #ffffff0f, 0 6px 18px #00000080;--pcc-dur-fast:.12s;--pcc-dur-base:.16s;--pcc-dur-slow:.22s;--pcc-ease-standard:cubic-bezier(.2, 0, 0, 1);--pcc-ease-out:cubic-bezier(.16, 1, .3, 1);--pcc-font-mono:ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Code", Consolas, monospace;--pcc-transition:background-color .16s cubic-bezier(.2, 0, 0, 1), border-color .16s cubic-bezier(.2, 0, 0, 1), color .16s cubic-bezier(.2, 0, 0, 1), box-shadow .16s cubic-bezier(.2, 0, 0, 1), transform .12s cubic-bezier(.2, 0, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--pcc-bg-app);color:var(--pcc-text-primary);font-family:Inter var,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--pcc-bg-app);min-height:100vh;color:var(--pcc-text-primary);margin:0}:focus-visible{outline:2px solid var(--pcc-accent-400);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.splash{min-height:100vh;color:var(--pcc-text-secondary);justify-content:center;align-items:center;font-size:1rem;display:flex}.brand{margin:0 0 12px;font-size:1.2rem}h2{font-size:var(--pcc-size-sm);color:var(--pcc-text-secondary);text-transform:uppercase;letter-spacing:var(--pcc-tracking-caps);margin:0 0 8px}.recommendation{background:var(--pcc-rec-bg);border-left:3px solid var(--pcc-rec-border);font-family:var(--pcc-font-mono);padding:8px 12px}.recommendation-passive{background:var(--pcc-bg-surface-raised);border-left-color:var(--pcc-rec-passive-accent);color:var(--pcc-text-secondary)}.side-selector{gap:6px;display:flex}button.recommendation,button.recommendation-clickable{text-align:left;border:none;border-left:3px solid var(--pcc-rec-border);cursor:pointer;width:100%;color:var(--pcc-text-primary);font-family:var(--pcc-font-mono);display:block}button.recommendation-clickable:hover{background:var(--pcc-rec-bg-hover)}button.recommendation-clickable:active{background:var(--pcc-rec-bg-active)}.move-list{font-family:var(--pcc-font-mono);font-size:var(--pcc-size-sm);background:var(--pcc-bg-sunken);border-radius:var(--pcc-radius-xs);max-height:200px;padding:8px;overflow-y:auto}button{background:var(--pcc-bg-surface-raised);color:var(--pcc-text-primary);border:1px solid var(--pcc-border-strong);border-radius:var(--pcc-radius-xs);cursor:pointer;font-size:var(--pcc-size-sm);padding:6px 12px}button:hover{background:var(--pcc-bg-surface-hover)}.deck-builder{flex-direction:column;gap:16px;display:flex}.deck-section{flex-direction:column;gap:6px;display:flex}.deck-section-title{font-size:var(--pcc-size-2xs);color:var(--pcc-text-muted);text-transform:uppercase;letter-spacing:var(--pcc-tracking-caps)}.deck-section-subtitle{font-size:var(--pcc-size-2xs);color:var(--pcc-text-muted);margin-top:-2px;margin-bottom:4px}.standard-piece-row{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px;display:grid}.standard-piece-tile{aspect-ratio:1;background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-xs);cursor:grab;transition:background var(--pcc-dur-fast) var(--pcc-ease-standard), border-color var(--pcc-dur-fast) var(--pcc-ease-standard);justify-content:center;align-items:center;padding:3px;display:flex}.standard-piece-tile:hover{background:var(--pcc-bg-surface-hover);border-color:var(--pcc-success-border)}.standard-piece-tile:focus-visible{outline:2px solid var(--pcc-accent-400);outline-offset:2px}.standard-piece-tile:active{cursor:grabbing}.standard-piece-tile img{object-fit:contain;pointer-events:none;width:100%;height:100%}.deck-cards{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;display:grid}.variant-card{aspect-ratio:1;background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);border-radius:var(--pcc-radius-xs);cursor:grab;transition:background var(--pcc-dur-fast) var(--pcc-ease-standard), border-color var(--pcc-dur-fast) var(--pcc-ease-standard);justify-content:center;align-items:center;display:flex;position:relative}.variant-card:hover{background:var(--pcc-bg-surface-hover);border-color:var(--pcc-success-border);z-index:2}.variant-card.selected{background:var(--pcc-warning-soft);border-color:var(--pcc-deck-select);box-shadow:inset 0 0 0 2px var(--pcc-deck-select), 0 0 0 2px var(--pcc-warning-soft)}.variant-card:focus-visible{outline:2px solid var(--pcc-deck-select);outline-offset:2px}.variant-card:active{cursor:grabbing}.variant-card-remove{background:var(--pcc-bg-overlay);width:20px;height:20px;color:var(--pcc-text-primary);font-size:14px;font-weight:var(--pcc-weight-semibold);cursor:pointer;opacity:0;transform-origin:50%;transition:opacity var(--pcc-dur-fast) var(--pcc-ease-out), transform var(--pcc-dur-fast) var(--pcc-ease-out), background var(--pcc-dur-fast) var(--pcc-ease-out), color var(--pcc-dur-fast) var(--pcc-ease-out);z-index:3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:4px;right:4px;transform:scale(.85);box-shadow:0 1px 3px #00000059}.variant-card:hover .variant-card-remove,.variant-card-remove:focus-visible{opacity:1;transform:scale(1)}.variant-card-remove:hover{background:var(--pcc-danger);color:var(--pcc-text-on-accent);box-shadow:0 2px 6px var(--pcc-danger-soft)}.variant-card-remove:active{background:var(--pcc-danger);transform:scale(.9)}.variant-card-icon{pointer-events:none;justify-content:center;align-items:center;width:80%;height:80%;display:flex;overflow:hidden}.variant-card-icon img{object-fit:contain;width:100%;height:100%}.variant-card-placeholder{color:var(--pcc-text-secondary);font-weight:var(--pcc-weight-bold);font-size:1.1rem}.variant-card-tooltip-portal{background:var(--pcc-bg-surface);border:1px solid var(--pcc-border-strong);border-radius:var(--pcc-radius-xs);pointer-events:none;z-index:1000;text-align:left;transition:opacity var(--pcc-dur-fast) var(--pcc-ease-out);padding:8px 10px;position:fixed;box-shadow:0 4px 12px #00000080}.variant-card-tooltip-name{font-size:var(--pcc-size-sm);font-weight:var(--pcc-weight-semibold);color:var(--pcc-text-primary);margin-bottom:4px}.variant-card-tooltip-desc{font-size:var(--pcc-size-xs);color:var(--pcc-text-secondary);line-height:1.4}.deck-filter{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.deck-filter button{font-size:var(--pcc-size-2xs);background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-strong);color:var(--pcc-text-secondary);padding:2px 8px}.deck-filter button:hover{background:var(--pcc-bg-surface-hover);color:var(--pcc-text-primary)}.deck-filter button.active{background:var(--pcc-success-soft);border-color:var(--pcc-success-border);color:var(--pcc-text-primary)}.my-deck-button{border:1px dashed var(--pcc-deck-accent);border-radius:var(--pcc-radius-sm);background:var(--pcc-deck-accent-soft);width:100%;min-height:52px;color:var(--pcc-deck-accent);font-size:var(--pcc-size-md);font-weight:var(--pcc-weight-semibold);cursor:pointer;transition:background var(--pcc-dur-fast) var(--pcc-ease-standard), border-color var(--pcc-dur-fast) var(--pcc-ease-standard), color var(--pcc-dur-fast) var(--pcc-ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-bottom:8px;padding:8px 12px;display:flex}.my-deck-button:hover{background:var(--pcc-info-soft);border-color:var(--pcc-deck-accent);color:var(--pcc-text-primary)}.my-deck-button.active,.my-deck-button.drop-ready{background:var(--pcc-info-soft);border-style:solid;border-color:var(--pcc-deck-accent);color:var(--pcc-text-primary)}.my-deck-button-label{font-size:var(--pcc-size-md);letter-spacing:var(--pcc-tracking-wide)}.my-deck-button-count{font-size:var(--pcc-size-2xs);font-weight:var(--pcc-weight-regular);color:inherit;opacity:.75}.my-deck-cards{border-radius:var(--pcc-radius-xs);border:1px dashed #0000;min-height:58px}.my-deck-cards.drop-ready{border-color:var(--pcc-deck-accent);background:var(--pcc-info-soft)}.my-deck-empty{border:1px dashed var(--pcc-deck-accent);border-radius:var(--pcc-radius-xs);min-height:54px;color:var(--pcc-deck-accent);font-size:var(--pcc-size-2xs);text-align:center;grid-column:1/-1;justify-content:center;align-items:center;padding:0 8px;display:flex}.board-overlay-wrap{-webkit-user-select:none;user-select:none}.board-overlay-wrap [data-piece]{position:relative}@keyframes avRainbow{0%{background-position:0%}to{background-position:300%}}@keyframes djinnVanish{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.backfill-range{appearance:none;cursor:pointer;background:0 0;height:22px;margin:0;padding:0}.backfill-range:focus{outline:none}.backfill-range::-webkit-slider-runnable-track{background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);border-radius:3px;height:6px}.backfill-range::-moz-range-track{background:var(--pcc-bg-surface-raised);border:1px solid var(--pcc-border-default);border-radius:3px;height:6px}.backfill-range::-webkit-slider-thumb{appearance:none;background:var(--pcc-success);border:2px solid var(--pcc-bg-sunken);width:16px;height:16px;box-shadow:0 0 0 1px var(--pcc-success-border);cursor:grab;transition:transform var(--pcc-dur-fast) var(--pcc-ease-standard), background var(--pcc-dur-fast) var(--pcc-ease-standard);border-radius:50%;margin-top:-6px}.backfill-range::-moz-range-thumb{background:var(--pcc-success);border:2px solid var(--pcc-bg-sunken);width:16px;height:16px;box-shadow:0 0 0 1px var(--pcc-success-border);cursor:grab;transition:transform var(--pcc-dur-fast) var(--pcc-ease-standard), background var(--pcc-dur-fast) var(--pcc-ease-standard);border-radius:50%}.backfill-range:hover::-webkit-slider-thumb{transform:scale(1.1)}.backfill-range:focus::-webkit-slider-thumb{transform:scale(1.1)}.backfill-range:hover::-moz-range-thumb{transform:scale(1.1)}.backfill-range:focus::-moz-range-thumb{transform:scale(1.1)}.backfill-range:active::-webkit-slider-thumb{cursor:grabbing}.backfill-range:active::-moz-range-thumb{cursor:grabbing}.backfill-range:disabled{opacity:.5;cursor:not-allowed}.backfill-range:disabled::-webkit-slider-thumb{background:var(--pcc-border-strong);box-shadow:none}.backfill-range:disabled::-moz-range-thumb{background:var(--pcc-border-strong);box-shadow:none}.backfill-stat-clickable{cursor:pointer;transition:background var(--pcc-dur-fast) var(--pcc-ease-standard), border-color var(--pcc-dur-fast) var(--pcc-ease-standard)}.backfill-stat-clickable:hover{background:var(--pcc-bg-surface-raised)!important;border-color:var(--pcc-border-strong)!important}.backfill-stat-clickable:focus-visible{outline:2px solid var(--pcc-success);outline-offset:1px}@keyframes backfillLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}@keyframes pcc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.38;transform:scale(.78)}}.backfill-live-dot{background:var(--pcc-success);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.2s ease-in-out infinite backfillLivePulse;display:inline-block}@keyframes pcc-pipeline-spin{to{transform:rotate(360deg)}}@keyframes backfillWarmupSpin{to{transform:rotate(360deg)}}.backfill-warmup-spinner{border:3px solid var(--pcc-success-soft);border-top-color:var(--pcc-success);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:1s linear infinite backfillWarmupSpin;display:inline-block}.rec-searching-spinner{border:2px solid var(--pcc-success-soft);border-top-color:var(--pcc-warning);border-radius:50%;width:14px;height:14px;margin-top:4px;animation:.8s linear infinite backfillWarmupSpin;display:inline-block}.log-tab{color:var(--pcc-text-muted);font-size:var(--pcc-size-sm);font-weight:var(--pcc-weight-semibold);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 8px}.log-tab:hover{color:var(--pcc-text-secondary)}.log-tab-active{color:var(--pcc-text-primary);border-bottom-color:var(--pcc-rec-border)}.nav-engine-button{transition:background var(--pcc-dur-fast) var(--pcc-ease-out), border-color var(--pcc-dur-fast) var(--pcc-ease-out), transform var(--pcc-dur-fast) var(--pcc-ease-out), color var(--pcc-dur-fast) var(--pcc-ease-out)}.nav-engine-button:not(:disabled):hover{filter:brightness(1.18)}.nav-engine-button:not(:disabled):active{transform:scale(.94)}.nav-engine-button:disabled{cursor:not-allowed}.nav-engine-button:focus-visible{outline:2px solid var(--pcc-info);outline-offset:1px}@keyframes navEngineSpin{to{transform:rotate(360deg)}}.nav-engine-button .nav-engine-spin{animation:.9s linear infinite navEngineSpin;display:inline-block}@keyframes navEngineFlash{0%{box-shadow:0 0 #ffffff59}to{box-shadow:0 0 0 8px #fff0}}.nav-engine-button:not(:disabled):active{animation:.25s ease-out navEngineFlash}@media (width<=768px){a,button,[role=button],input,label,select,textarea{-webkit-tap-highlight-color:transparent}a,button,[role=button]{touch-action:manipulation}.pcc-btn{min-height:44px}}.pixie-hover-zoom [data-piece] img,.pixie-hover-zoom [data-ring-key] img{transform-origin:50%;will-change:transform;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .18s ease-out}.pixie-hover-zoom [data-piece]:hover img,.pixie-hover-zoom [data-ring-key]:hover img{transform:scale(1.12);filter:drop-shadow(0 5px 6px #00000080)!important}.pixie-hover-zoom [data-piece]:hover{z-index:20!important}.pixie-hover-zoom [data-ring-key]:hover{z-index:20}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-ext-400-normal-CI_wL8s0.woff2)format("woff2"),url(/assets/pirata-one-latin-ext-400-normal-DS3wEyC3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(/assets/pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}