/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);border-width:0}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\[stripe\:webhook\]{stripe:webhook}:root{--background:#fff;--foreground:#171717;--qb-btn-height-md:40px;--qb-theme-bg:#222;--qb-theme-surface:#1f1f1f;--qb-theme-text:#eee;--qb-theme-accent:#2ee0a6;--qb-theme-promo:#2ee0a6;--qb-theme-promo-text:#0f1b1f;--qb-theme-promo-gradient:linear-gradient(135deg,#2ee0a6,#66f06b);--qb-theme-bg-rgb:34,34,34;--qb-theme-surface-rgb:31,31,31;--qb-theme-text-rgb:238,238,238;--qb-theme-accent-rgb:46,224,166;--qb-theme-promo-rgb:46,224,166;--qb-ui-page:#222;--qb-ui-surface:#1f1f1f;--qb-ui-surface-raised:#333;--qb-ui-control:#ffffff14;--qb-ui-control-hover:#ffffff26;--qb-ui-control-strong:#555;--qb-ui-control-strong-hover:#666;--qb-ui-input:#444;--qb-ui-border:#ffffff1a;--qb-ui-border-strong:#ffffff2e;--qb-ui-text:#eee;--qb-ui-text-strong:#fff;--qb-ui-text-muted:#ffffffb8;--qb-ui-selection:#9ae4ff;--qb-ui-selection-rgb:154,228,255;--qb-ui-selection-soft:#9ae4ff1f;--qb-ui-selection-shadow:0 0 0 1px #9ae4ff59,0 0 10px #9ae4ff6b;--qb-ui-selection-piece-shadow:0 0 0 2px var(--qb-ui-selection),0 0 10px rgba(var(--qb-ui-selection-rgb),.6);--qb-ui-selection-text:#fff;--qb-board-object-size:32px;--qb-board-ball-size:19px;--qb-board-object-glow:drop-shadow(0 0 4px rgba(var(--qb-ui-selection-rgb),.75));--qb-ui-overlay:#00000040;--qb-ui-primary:#4caf50;--qb-ui-primary-hover:#45a049;--qb-ui-danger:#f44336;--qb-ui-danger-hover:#d32f2f;--qb-ui-danger-soft:#ff565624;--qb-ui-danger-border:#ff565666;--qb-ui-danger-text:#ffdede;--qb-ui-info:#9ae4ff;--qb-ui-info-strong:#8ce2ff;--qb-ui-logo-filter:none;--qb-ui-icon-filter:brightness(0)invert(1);--qb-ui-card-bg:#ffffff0a;--qb-ui-card-border:#ffffff14;--qb-ui-tab-border:#ffffff1f;--qb-ui-tab-muted:#aaa;--qb-ui-tab-hover:#ddd;--qb-ui-tab-active:#fff;--qb-ui-basket-fill:#2a2a2a;--qb-ui-basket-stroke:#fff3;--qb-ui-basket-item:#383838;--qb-ui-basket-item-hover:#3a3a3a;--qb-ui-basket-picker:#303030;--qb-ui-basket-picker-item:#3a3a3a;--qb-ui-animation-step-bg:#363636;--qb-ui-animation-step-hover:#3d3d3d;--qb-ui-animation-step-border:#ffffff14;--qb-ui-animation-step-text:#fff;--qb-marketing-bg:radial-gradient(circle at 18% 8%,#244d443d,transparent 28%),linear-gradient(180deg,#0a1012,#070b0e 56%,#05080a),#080c0f;--qb-marketing-text:#f7f7f6;--qb-marketing-heading:#f7fff8;--qb-marketing-muted:#f7f7f6a3;--qb-marketing-muted-strong:#f7f7f6d1;--qb-marketing-muted-soft:#f7f7f670;--qb-marketing-control:#ffffff0e;--qb-marketing-control-hover:#ffffff14;--qb-marketing-border:#ffffff1f;--qb-marketing-border-strong:#ffffff24;--qb-marketing-panel:#0f1214fa;--qb-marketing-card:#ffffff0e;--qb-marketing-logo-filter:none;--qb-marketing-hero-border:#ffffff1a;--qb-marketing-hero-bg:linear-gradient(135deg,#0d1417fa,#122226f0),url(/images/fields/field-striped.svg);--qb-marketing-about-hero-bg:linear-gradient(135deg,#122224f5,#080c0ffa);--qb-marketing-cta-bg:linear-gradient(135deg,#1a252af0,#0a0f12f5),url(/images/fields/field-striped.svg)}html[data-theme=light]{--background:#fff;--foreground:#17211f;--qb-theme-bg:#fff;--qb-theme-surface:#fbfaf7;--qb-theme-text:#17211f;--qb-theme-accent:#128760;--qb-theme-promo:#2ee0a6;--qb-theme-promo-text:#0f1b1f;--qb-theme-promo-gradient:linear-gradient(135deg,#2ee0a6,#66f06b);--qb-theme-bg-rgb:255,255,255;--qb-theme-surface-rgb:251,250,247;--qb-theme-text-rgb:23,33,31;--qb-theme-accent-rgb:18,135,96;--qb-theme-promo-rgb:46,224,166;--qb-ui-page:var(--qb-theme-bg);--qb-ui-surface:var(--qb-theme-surface);--qb-ui-surface-raised:var(--qb-theme-surface);--qb-ui-control:rgba(var(--qb-theme-text-rgb),.06);--qb-ui-control-hover:rgba(var(--qb-theme-text-rgb),.1);--qb-ui-control-strong:rgba(var(--qb-theme-text-rgb),.06);--qb-ui-control-strong-hover:rgba(var(--qb-theme-text-rgb),.1);--qb-ui-input:var(--qb-theme-surface);--qb-ui-border:rgba(var(--qb-theme-text-rgb),.12);--qb-ui-border-strong:rgba(var(--qb-theme-text-rgb),.2);--qb-ui-text:var(--qb-theme-text);--qb-ui-text-strong:var(--qb-theme-text);--qb-ui-text-muted:rgba(var(--qb-theme-text-rgb),.68);--qb-ui-selection:#9ae4ff;--qb-ui-selection-rgb:154,228,255;--qb-ui-selection-soft:#9ae4ff24;--qb-ui-selection-shadow:0 0 0 1px #167ca747,0 0 10px #9ae4ff80;--qb-ui-selection-piece-shadow:0 0 0 2px var(--qb-ui-selection),0 0 10px rgba(var(--qb-ui-selection-rgb),.6);--qb-ui-selection-text:#fff;--qb-board-object-glow:drop-shadow(0 0 4px rgba(var(--qb-ui-selection-rgb),.75));--qb-ui-overlay:#00000040;--qb-ui-danger-soft:#be262614;--qb-ui-danger-border:#be262647;--qb-ui-danger-text:#8f1f1f;--qb-ui-info:#167ca7;--qb-ui-info-strong:#167ca7;--qb-ui-logo-filter:brightness(0)saturate(100%)invert(10%)sepia(14%)saturate(603%)hue-rotate(121deg)brightness(92%)contrast(91%);--qb-ui-icon-filter:none;--qb-ui-card-bg:var(--qb-theme-surface);--qb-ui-card-border:rgba(var(--qb-theme-text-rgb),.1);--qb-ui-tab-border:rgba(var(--qb-theme-text-rgb),.12);--qb-ui-tab-muted:rgba(var(--qb-theme-text-rgb),.58);--qb-ui-tab-hover:var(--qb-theme-text);--qb-ui-tab-active:var(--qb-theme-text);--qb-ui-basket-fill:#fff;--qb-ui-basket-stroke:rgba(var(--qb-theme-text-rgb),.16);--qb-ui-basket-item:rgba(var(--qb-theme-text-rgb),.08);--qb-ui-basket-item-hover:rgba(var(--qb-theme-text-rgb),.13);--qb-ui-basket-picker:var(--qb-theme-surface);--qb-ui-basket-picker-item:rgba(var(--qb-theme-text-rgb),.16);--qb-ui-animation-step-bg:#363636;--qb-ui-animation-step-hover:#3d3d3d;--qb-ui-animation-step-border:#ffffff14;--qb-ui-animation-step-text:#fff;--qb-marketing-bg:#fff;--qb-marketing-text:#17211f;--qb-marketing-heading:#17211f;--qb-marketing-muted:#17211fa8;--qb-marketing-muted-strong:#17211fc7;--qb-marketing-muted-soft:#17211f94;--qb-marketing-control:#17211f0e;--qb-marketing-control-hover:#17211f12;--qb-marketing-border:#17211f1f;--qb-marketing-border-strong:#17211f24;--qb-marketing-panel:#fff;--qb-marketing-card:#fff;--qb-marketing-logo-filter:var(--qb-ui-logo-filter);--qb-marketing-hero-border:#17211f1f;--qb-marketing-hero-bg:#fff;--qb-marketing-about-hero-bg:#fff;--qb-marketing-cta-bg:#fff}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Meiryo,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}html{background:var(--qb-ui-page);color:var(--qb-ui-text)}body,html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:manipulation;height:100%;overflow:hidden auto}body{background:var(--qb-ui-page);color:var(--qb-ui-text);flex-direction:column;align-items:center;height:auto;display:flex;overflow-y:auto}body.menu-open{overflow:hidden}:root{--player-1-color:#36f;--player-2-color:#e44;--player-3-color:#fc3;--player-4-color:#3b3;--player-1-text-color:#fff;--player-2-text-color:#fff;--player-3-text-color:#000;--player-4-text-color:#fff}.app-header{background:var(--qb-ui-page);box-sizing:border-box;justify-content:space-between;width:100%;padding:12px 20px}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-logo{width:auto;height:40px;filter:var(--qb-ui-logo-filter)}.header-title{color:var(--qb-ui-text-strong);-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;margin:0;font-size:20px;font-weight:700}.app-notice-bar{box-sizing:border-box;border-top:1px solid var(--qb-ui-border);border-bottom:1px solid var(--qb-ui-border);width:100%;min-height:34px;color:var(--qb-ui-text-muted);text-align:center;background:0 0;justify-content:center;align-items:center;margin:0 0 12px;padding:6px 46px 6px 16px;font-size:13px;font-weight:650;line-height:1.3;text-decoration:none;transition:color .2s,border-color .2s;display:flex;position:relative}.app-notice-bar:hover{border-top-color:#78dca052;border-bottom-color:#78dca052}.app-notice-link{min-width:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:0;text-decoration:none;display:inline-flex}.app-notice-link:hover{color:var(--qb-ui-text-strong)}.trial-ineligible-user .app-notice-bar{display:none}.app-notice-label{color:#9fe6b8;letter-spacing:0;border:1px solid #78dca080;border-radius:999px;justify-content:center;align-items:center;min-width:34px;height:18px;padding:0 7px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.app-notice-text{overflow-wrap:anywhere;display:inline}.app-notice-text-pro,.logged-in-user .app-notice-text-login{display:none}.logged-in-user .app-notice-text-pro{display:inline}.app-notice-text:after{content:"";opacity:.72;border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;margin-left:8px;display:inline-block;transform:translateY(-1px)rotate(45deg)}.app-notice-close{width:28px;height:28px;color:var(--qb-ui-text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.app-notice-close:hover{background:var(--qb-ui-control);color:var(--qb-ui-text-strong)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.header-actions .toolbar-btn{flex-shrink:0}.header-actions .toolbar-btn.icon-only{box-shadow:none;background:0 0;border:none;min-width:32px;min-height:32px;padding:6px}.header-actions .toolbar-btn.icon-only:hover{box-shadow:none;background:0 0}.header-actions .toolbar-btn.icon-only.inline-icon .toolbar-icon{margin-right:0}.header-menu{flex-wrap:wrap;gap:8px;display:flex;position:relative}.menu-trigger{width:36px;height:36px;color:var(--qb-ui-text-strong);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.menu-trigger:hover{background:var(--qb-ui-control-hover)}.menu-trigger:before{content:"";width:20px;height:20px;filter:var(--qb-ui-logo-filter);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><rect x="3" y="6" width="18" height="2" rx="1"/><rect x="3" y="11" width="18" height="2" rx="1"/><rect x="3" y="16" width="18" height="2" rx="1"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}.menu-dropdown{z-index:3400;opacity:1;pointer-events:auto;justify-content:flex-end;align-items:stretch;transition:opacity .2s;display:flex;position:fixed;inset:0}.menu-dropdown.hidden{opacity:0;visibility:hidden;pointer-events:none}.menu-backdrop{background:var(--qb-ui-overlay);cursor:pointer;border:none;margin:0;padding:0;position:absolute;inset:0}.menu-panel{background:var(--qb-ui-surface);width:min(380px,100vw - 24px);max-width:380px;height:100%;box-shadow:none;border-radius:0;flex-direction:column;gap:12px;padding:16px 18px 20px;transition:transform .3s;display:flex;position:relative;overflow-y:auto;transform:translate(0)}.menu-dropdown.hidden .menu-panel{transform:translate(100%)}.menu-dropdown.menu-detached{pointer-events:none;opacity:1;visibility:visible;background:0 0}.menu-dropdown.menu-detached .menu-panel{pointer-events:auto;box-shadow:none}.menu-dropdown.menu-detached .menu-backdrop{display:none}.menu-dropdown.menu-detached.hidden{opacity:0;visibility:hidden}.menu-panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.menu-auth-btn{border:1px solid var(--qb-ui-border-strong);background:var(--qb-ui-control);color:var(--qb-ui-text-strong);cursor:pointer;min-height:var(--qb-btn-height-md);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;line-height:1.2;transition:background .2s,border .2s}.menu-auth-btn,.menu-auth-btn-content{align-items:center;display:inline-flex}.menu-auth-btn-content{gap:8px;min-width:0}.auth-avatar{-o-object-fit:cover;object-fit:cover;background:#2d2d2d;border-radius:999px;flex-shrink:0;width:24px;height:24px}.auth-avatar-fallback{color:var(--qb-ui-text-strong);text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.auth-display-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.menu-auth-btn:hover{background:var(--qb-ui-control-hover)}.menu-auth-btn:disabled{opacity:.6;cursor:not-allowed}#auth-modal .modal-title{color:var(--qb-ui-text-strong);text-align:left;margin-bottom:4px;font-size:14px;font-weight:700}.auth-modal-desc{color:var(--qb-ui-text-strong);margin:0 0 4px;font-size:13px}.auth-modal-fineprint{color:var(--qb-ui-text-muted);margin-top:8px;font-size:12px}.auth-modal-fineprint a{color:inherit}.auth-modal-fineprint a,.auth-modal-fineprint a:hover{text-decoration:underline}.auth-modal-note{background:var(--qb-ui-control);color:var(--qb-ui-text-strong);border-radius:10px;padding:10px 12px;font-size:13px}.auth-modal-note strong{margin-bottom:4px;font-size:13px;display:block}.auth-modal-actions{justify-content:flex-end}.auth-account-header{align-items:center;gap:12px;padding:6px 0 2px;display:flex}.auth-account-avatar{-o-object-fit:cover;object-fit:cover;background:var(--qb-ui-surface-raised);width:40px;height:40px;color:var(--qb-ui-text-strong);text-transform:uppercase;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.auth-account-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.auth-account-name{color:var(--qb-ui-text-strong);font-size:14px;font-weight:700}.auth-account-email,.auth-account-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-account-email{color:var(--qb-ui-text-muted);font-size:12px}.menu-close-btn{width:36px;height:36px;color:var(--qb-ui-text-strong);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .2s;display:flex}.menu-close-btn:hover{background:var(--qb-ui-control-hover)}.menu-accordion{flex-direction:column;gap:4px;width:100%;margin-bottom:8px;padding-bottom:0;display:flex}.menu-accordion .menu-item-btn{margin:0}.menu-preset-details{width:100%;display:block}.menu-preset-summary{cursor:pointer;list-style:none}.menu-preset-summary::-webkit-details-marker{display:none}.menu-preset-summary:after{content:"";opacity:.72;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:14px;width:14px;height:14px;margin-left:auto;transition:transform .2s}.menu-preset-details[open] .menu-preset-summary:after{transform:rotate(180deg)}.menu-preset-panel{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);border-radius:10px;flex-direction:column;gap:4px;margin-top:4px;padding:8px;display:flex}.menu-emoji-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:17px;line-height:1;display:inline-flex}.menu-accordion-trigger{justify-content:space-between;font-weight:600}.menu-accordion-trigger:after{content:"";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:14px;width:14px;height:14px;margin-left:6px;transition:transform .2s}.menu-accordion-trigger[aria-expanded=true]:after{transform:rotate(180deg)}.menu-accordion-panel{background:var(--qb-ui-control);border:1px solid var(--qb-ui-border);width:100%;box-shadow:none;border-radius:12px;padding:12px}.menu-item-btn{text-align:center;justify-content:center;align-items:center;width:100%;min-height:36px;margin:0 0 8px;padding:10px 14px;display:inline-flex}.menu-panel .qb-btn:last-child{margin-bottom:0}.menu-panel .qb-btn{background:var(--qb-ui-control);border:1px solid var(--qb-ui-border);color:var(--qb-ui-text-strong);border-radius:8px;justify-content:flex-start;padding:10px 12px;font-weight:600}.menu-panel .qb-btn .qb-btn-icon svg{opacity:.9;width:20px;height:20px}.menu-panel .qb-btn .qb-btn-label{text-align:left;width:100%;min-width:0}.pro-plan-badge{text-align:center;letter-spacing:.04em;text-transform:uppercase;background:var(--qb-theme-promo-gradient);width:auto;color:var(--qb-theme-promo-text);box-shadow:none;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.menu-panel .qb-btn .pro-plan-badge{margin-left:auto}.menu-panel .qb-btn:hover{background:var(--qb-ui-control-hover)}.auth-panel{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.auth-panel-title{color:var(--qb-ui-text-strong);margin:0;font-size:14px;font-weight:700}.auth-panel-sub{color:var(--qb-ui-text-muted);margin:0;font-size:12px}.auth-panel-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-provider-grid{grid-template-columns:1fr;gap:8px;display:grid}.auth-plan-box{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);border-radius:10px;flex-direction:column;gap:8px;margin:6px 0 10px;padding:10px 12px;display:flex}.auth-plan-label{color:var(--qb-ui-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.auth-plan-name{color:var(--qb-ui-text-strong);font-size:14px;font-weight:700}.auth-plan-row{align-items:center;gap:8px;min-width:0;display:flex}.auth-plan-desc,.auth-plan-exp{color:var(--qb-ui-text-muted);font-size:12px}.auth-ai-usage{border-top:1px solid var(--qb-ui-border);min-width:0;padding-top:12px;font-size:12px}.auth-ai-usage-heading{margin-bottom:8px;font-size:13px;font-weight:700}.auth-ai-usage-content{position:relative}.auth-ai-usage-placeholder{visibility:hidden}.auth-ai-usage-status{color:var(--qb-ui-text-muted);align-items:center;margin:0;display:flex;position:absolute;inset:0}.auth-ai-usage-total{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.auth-ai-usage-reset,.auth-ai-usage-total span{color:var(--qb-ui-text-muted)}.auth-ai-usage progress{width:100%;height:6px;accent-color:var(--qb-ui-text-strong);margin:8px 0;display:block}.auth-ai-usage-reset{overflow-wrap:anywhere;margin:8px 0 0}#auth-modal .auth-account-box{max-height:calc(100dvh - 64px);overflow-y:auto}#auth-modal .auth-account-box .close-btn{flex-shrink:0;align-self:flex-end;margin-bottom:-28px;position:sticky;top:0;right:auto}.auth-portal-error{color:var(--qb-ui-danger-text);background:var(--qb-ui-danger-soft);border:1px solid var(--qb-ui-danger-border);border-radius:8px;padding:6px 8px;font-size:12px}.auth-modal-actions{flex-direction:column;gap:12px;margin-top:12px;display:flex}.auth-feedback{background:var(--qb-ui-control);color:var(--qb-ui-text-strong);border-radius:8px;margin:0 0 8px;padding:8px 12px;font-size:13px}@keyframes buttonSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:720px){.menu-panel{width:min(320px,100vw - 16px);max-width:320px;padding:14px 14px 18px}}@media (max-width:560px){.menu-panel{width:min(280px,100vw - 12px);max-width:280px;padding:12px 12px 16px}}.toolbar-btn{background:var(--qb-ui-control-strong);color:var(--qb-ui-text-strong);cursor:pointer;border:none;border-radius:6px;align-items:center;padding:8px 12px;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:relative}.toolbar-btn:hover{background:var(--qb-ui-control-strong-hover);box-shadow:none}.toolbar-btn.arrow-toggle{background:var(--qb-ui-control-strong);color:var(--qb-ui-text-strong)}.toolbar-btn.arrow-toggle:hover{background:var(--qb-ui-control-strong);box-shadow:none}.toolbar-btn.active{color:var(--qb-ui-selection-text);box-shadow:none;background:#6c6cff}.toolbar-btn.arrow-toggle.arrow-active{background:var(--qb-ui-control-strong);color:var(--qb-ui-text-strong);box-shadow:none}.toolbar-btn.arrow-toggle.arrow-active:hover{background:var(--qb-ui-control-strong-hover);color:var(--qb-ui-text-strong);box-shadow:none}.toolbar-btn.arrow-toggle .toolbar-icon{color:inherit}.board-action-buttons #arrow-btn.arrow-active,.board-action-buttons #arrow-btn[aria-expanded=true],.board-action-buttons #play-btn[aria-expanded=true]{color:var(--qb-ui-selection)!important}.board-action-buttons #arrow-btn.arrow-active .toolbar-icon,.board-action-buttons #arrow-btn[aria-expanded=true] .toolbar-icon,.board-action-buttons #play-btn[aria-expanded=true] .toolbar-icon{color:inherit}.arrow-style-group{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;max-width:252px;margin:10px auto 16px;display:flex}#arrow-panel .arrow-style-group{flex-wrap:nowrap;justify-content:center;gap:6px;max-width:none;margin:8px auto 12px}#arrow-panel .arrow-style-btn{width:32px;height:32px}#arrow-panel .arrow-style-btn .arrow-style-icon{flex-basis:24px;width:24px;min-width:24px;height:24px;min-height:24px}#arrow-panel .arrow-style-btn .zone-swatch{flex-basis:24px;width:24px;min-width:24px;height:18px}.arrow-style-group .arrow-style-btn{flex:none}.arrow-style-btn{background:var(--qb-ui-control);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;color:var(--qb-ui-text-strong);box-shadow:none;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:visible;border-radius:50%!important}.arrow-style-btn:hover{background:var(--qb-ui-control-hover)}.arrow-style-btn.selected{box-shadow:none;border:0;transform:scale(1.05)}.arrow-style-btn.selected:after{content:"";pointer-events:none;box-shadow:var(--qb-ui-selection-piece-shadow);border:0;border-radius:50%;position:absolute;inset:0}.arrow-style-btn .arrow-style-icon{pointer-events:none;width:24px;min-width:24px;height:24px;min-height:24px;filter:var(--qb-ui-icon-filter);flex:0 0 24px;display:block}.arrow-style-btn .arrow-style-icon path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.arrow-style-pane{margin-bottom:16px}.arrow-style-pane.hidden{display:none}.arrow-head-btn{border:2px solid var(--qb-ui-selection);background:var(--qb-ui-control);cursor:pointer;width:32px;height:32px;box-shadow:none;color:var(--qb-ui-text-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:700;transition:all .12s;display:flex;border-radius:50%!important}.arrow-head-btn.selected{box-shadow:none;color:#ffd966}.toolbar-btn.inline-icon .toolbar-icon{flex-shrink:0;width:22px;height:22px;margin-right:8px}.toolbar-btn.inline-icon.icon-only .toolbar-icon{margin-right:0}.qb-btn{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);color:var(--qb-ui-text-strong);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,border .2s,box-shadow .2s,color .2s,transform .2s;display:inline-flex}.qb-btn:hover{background:var(--qb-ui-control-hover)}.qb-btn:disabled{opacity:.6;cursor:not-allowed}.qb-btn--block{width:100%}.qb-btn--sm{height:36px;min-height:36px;padding:0 12px}.qb-btn--md{height:var(--qb-btn-height-md);min-height:var(--qb-btn-height-md);padding:0 14px}.qb-btn--start{justify-content:flex-start}.qb-btn--start .qb-btn-label{text-align:left;width:100%;min-width:0}.qb-btn--center{justify-content:center}.qb-btn--with-icon .qb-btn-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.qb-btn--with-icon .qb-btn-label{min-width:0}.qb-btn .pro-plan-badge{margin-left:auto}.qb-btn--neutral{background:var(--qb-ui-control);border-color:var(--qb-ui-border);color:var(--qb-ui-text-strong)}.qb-btn--neutral:hover{background:var(--qb-ui-control-hover)}.qb-btn--primary{background:var(--qb-ui-primary);border-color:var(--qb-ui-border);color:#fff}.qb-btn--primary:hover{background:var(--qb-ui-primary-hover);box-shadow:none}.qb-btn--danger{background:var(--qb-ui-danger);border-color:var(--qb-ui-border);color:#fff}.qb-btn--danger:hover{background:var(--qb-ui-danger-hover);box-shadow:none}.qb-btn--ghost{border-color:var(--qb-ui-border-strong);background:0 0}.qb-btn--ghost:hover{background:var(--qb-ui-control)}.qb-btn--twitter{color:#fff;background:#1da1f2;border-color:#1da1f2}.qb-btn--twitter:hover{background:#0c85d0;border-color:#0c85d0}.qb-btn--x{color:#fff;background:#111;border-color:#111}.qb-btn--x:hover{background:#000;border-color:#000}.qb-btn--facebook{color:#fff;background:#4267b2;border-color:#4267b2}.qb-btn--facebook:hover{background:#3b5998;border-color:#3b5998}.qb-btn--line{color:#fff;background:#06c755;border-color:#06c755}.qb-btn--line:hover{background:#05b04b;border-color:#05b04b}.qb-btn--link,.share-btn{display:flex}.share-btn{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;gap:8px;margin:0}.share-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.share-action-row .share-btn{width:100%;min-width:0}.share-sns-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.share-sns-btn{height:40px;min-height:40px;margin:0;padding:0}.share-btn-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.share-btn-icon svg{width:20px;height:20px;display:block}.app-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:900px;padding:0;display:flex}#board-root{transition:opacity .18s}#board-root,#board-root.is-ready{opacity:1;visibility:visible;pointer-events:auto}#board{box-sizing:border-box;touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;min-height:auto;margin:0 0 16px;padding:10px 20px;overflow:visible}#board,.board-stage{align-items:center;width:100%;display:flex;position:relative}.board-stage{flex-direction:column;gap:8px;max-width:900px}#field{z-index:2;aspect-ratio:115/78;box-sizing:border-box;touch-action:pan-x pan-y pinch-zoom;--piece-size:32px;transform-origin:50% 90%;filter:none;background:0 0;border:0;outline:0;width:100%;max-width:900px;min-height:100px;margin:0 auto;transition:transform .35s,box-shadow .35s,filter .35s;position:relative;overflow:visible}#field,#field *{-webkit-user-select:none;-moz-user-select:none;user-select:none}#field{cursor:pointer}body.customize-lock-field #field{pointer-events:none;cursor:default}#field.arrow-mode{cursor:crosshair;touch-action:pinch-zoom;-ms-touch-action:pinch-zoom}#field.vertical{aspect-ratio:78/115;max-width:620px}#field .field-surface{pointer-events:none;isolation:isolate;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);border-radius:10px;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(#fff,#000);mask-image:radial-gradient(#fff,#000)}#field .field-svg,#field svg{pointer-events:none;transform-origin:50%;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}#field[data-rotation="1"] .field-svg,#field[data-rotation="3"] .field-svg{top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)scale(1.474)}#field[data-rotation="3"] .field-svg{transform:translate(-50%,-50%)rotate(90deg)scale(1.474)}#field[data-rotation="2"] .field-svg{transform:rotate(180deg)}#field .arrow-layer{pointer-events:auto;touch-action:pan-x pan-y pinch-zoom;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}#field .arrow-layer-selected{z-index:10000002;pointer-events:none;display:none}#field .arrow-layer-selected.active{pointer-events:auto;display:block}.arrow-path,.arrow-path.arrow-endpoint-handle,.arrow-path.head-hit,.arrow-path.hit-proxy,.zone-endpoint-handle,.zone-shape{cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.arrow-path.arrow-endpoint-handle:hover,.arrow-path.head-hit:hover,.arrow-path.hit-proxy:hover,.arrow-path:hover,.zone-endpoint-handle:hover,.zone-shape:hover{cursor:grab}.arrow-path.arrow-endpoint-handle.dragging,.arrow-path.arrow-endpoint-handle:active,.arrow-path.dragging,.arrow-path.head-hit.dragging,.arrow-path.head-hit:active,.arrow-path.hit-proxy.dragging,.arrow-path.hit-proxy:active,.arrow-path:active,.zone-endpoint-handle.dragging,.zone-endpoint-handle:active,.zone-shape.dragging,.zone-shape:active{cursor:grabbing}.arrow-path{stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.zone-shape.selected{filter:drop-shadow(0 0 5px #9ae4ffd9)}.arrow-highlight{filter:drop-shadow(0 0 6px #9ae4ffb3)}.arrow-endpoint-handle,.zone-endpoint-handle{pointer-events:all;animation:arrow-endpoint-pulse 1.35s ease-in-out infinite}@keyframes arrow-endpoint-pulse{0%{opacity:.86}50%{opacity:1}to{opacity:.86}}#field.view-3d,.field-3d,.view-3d #field{filter:drop-shadow(0 12px 18px #00000059);transform:perspective(1200px)rotateX(62deg)translateY(-6%);box-shadow:0 18px 38px #00000073}#field.view-3d{transform-style:preserve-3d}#field.view-3d .piece{transform:translate(-50%,-50%)translateZ(26px)}#field.view-3d .name{transform:translate(-50%)translateZ(28px)}.piece{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;z-index:10;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;display:block;position:absolute;transform:translate(-50%,-50%)}.piece.selected-top{z-index:10000001!important}.piece:hover{cursor:grab}.piece.dragging,.piece:active{cursor:grabbing}.piece.selected .player{box-shadow:var(--qb-ui-selection-piece-shadow),0 1px 0 #ffffff59 inset}.piece.selected .player.equipment{box-shadow:none;filter:none}.piece.swap-target .player{animation:pieceSwapTargetPulse 1.7s ease-in-out infinite;box-shadow:0 0 0 2px #9ae4ffc7,0 0 12px #9ae4ff57,inset 0 1px #ffffff59}@keyframes pieceSwapTargetPulse{0%,to{box-shadow:0 0 0 2px #9ae4ff6b,0 0 7px #9ae4ff2e,inset 0 1px #ffffff59}50%{box-shadow:0 0 0 3px #9ae4fff2,0 0 16px #9ae4ff94,inset 0 1px #ffffff59}}@media (prefers-reduced-motion:reduce){.piece.swap-target .player{animation:none}}.piece>.player{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.piece>.name{left:0;top:calc(var(--piece-size)*.56);font-size:calc(var(--piece-size)*.375);color:#fff;text-shadow:0 1px 1px #0009,0 0 2px #0000008c;font-weight:700;position:absolute;transform:translate(-50%)}.piece-actions{width:calc(var(--piece-size)*4.2);height:calc(var(--piece-size)*4.2);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;z-index:6;background:0 0;border:0;padding:0;transition:opacity .12s,visibility .12s,transform .12s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)translateY(4px)}.piece.selected .piece-actions{opacity:1;visibility:visible;pointer-events:none;transform:translate(-50%,-50%)}.piece-action-btn{color:#167ca7;cursor:pointer;touch-action:manipulation;width:30px;height:30px;box-shadow:none;left:calc(50% - 15px);top:calc(50% - var(--piece-size)*1.38 - 15px);background:#e1f8ffeb;border:1px solid #9ae4ffe0;border-radius:999px;flex:0 0 30px;justify-content:center;align-items:center;padding:0;transition:background .12s,transform .12s,color .12s;display:inline-flex;position:absolute}.piece-actions .piece-action-btn{pointer-events:auto}.piece-actions-count-2 .piece-action-btn:first-child{left:calc(50% - var(--piece-size)*.88 - 15px);top:calc(50% - var(--piece-size)*1.24 - 15px)}.piece-actions-count-2 .piece-action-btn:nth-child(2){left:calc(50% + var(--piece-size)*.88 - 15px);top:calc(50% - var(--piece-size)*1.24 - 15px)}.piece-actions-count-3 .piece-action-btn:first-child{left:calc(50% - var(--piece-size)*1.18 - 15px);top:calc(50% - var(--piece-size)*1.1 - 15px)}.piece-actions-count-3 .piece-action-btn:nth-child(2){left:calc(50% - 15px);top:calc(50% - var(--piece-size)*1.38 - 15px)}.piece-actions-count-3 .piece-action-btn:nth-child(3){left:calc(50% + var(--piece-size)*1.18 - 15px);top:calc(50% - var(--piece-size)*1.1 - 15px)}.piece-actions .piece-action-btn.piece-action-3d{left:calc(50% - var(--piece-size)*1.18 - 15px);top:calc(50% - var(--piece-size)*1.1 - 15px)}.piece-actions .piece-action-btn.piece-action-edit{left:calc(50% - 15px);top:calc(50% - var(--piece-size)*1.38 - 15px)}.piece-actions .piece-action-btn.piece-action-direction{left:calc(50% + var(--piece-size)*1.18 - 15px);top:calc(50% - var(--piece-size)*1.1 - 15px)}.piece-action-direction{cursor:grab;touch-action:none}.piece-action-direction:active{cursor:grabbing}.piece-action-direction.active{color:#fff;box-shadow:none;background:#167ca7;border-color:#e1f8fff2}@media (hover:hover){.piece-action-btn:hover{color:#096d9a;background:#fff}.piece-action-direction.active:hover{color:#fff;background:#0f6d96}}.piece-action-btn:active{scale:.94}#field .piece-action-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;border-radius:0;width:17px;height:17px;display:block;position:static;inset:auto;transform:none}.field-add-marker{z-index:10000000;line-height:0;position:absolute;transform:translate(-50%,-50%)}.field-add-marker.hidden{display:none}.piece-direction-nose{width:calc(var(--piece-size)*.72);height:calc(var(--piece-size)*.72);pointer-events:none;z-index:4;transform-origin:center calc(50% + var(--piece-size)*.64);cursor:grab;touch-action:none;position:absolute;top:0;left:0}.piece-direction-nose:active{cursor:grabbing}.piece-direction-nose:before{content:"";left:50%;top:calc(var(--piece-size)*.2);border-left:calc(var(--piece-size)*.18)solid transparent;border-right:calc(var(--piece-size)*.18)solid transparent;border-bottom:calc(var(--piece-size)*.3)solid var(--piece-direction-color,#fffffff5);filter:drop-shadow(0 1px 2px #0000008c);width:0;height:0;position:absolute;transform:translate(-50%)}.piece.selected .piece-direction-nose{--piece-direction-color:#9ae4ff;pointer-events:auto;z-index:8}.piece.selected .piece-direction-nose:before{filter:drop-shadow(0 0 1px #9ae4ff)drop-shadow(0 0 6px #9ae4ffd9)drop-shadow(0 0 10px #9ae4ff8c);border-bottom-color:#9ae4ff}.player{width:var(--piece-size);height:var(--piece-size);color:#fff;font-weight:700;font-size:calc(var(--piece-size)*.375);z-index:5;white-space:nowrap;text-shadow:0 1px 1px #0009,0 0 2px #0000008c;-webkit-tap-highlight-color:transparent;background-image:url(/images/pieces/piece-shade.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:visible;box-shadow:inset 0 1px #ffffff59}.player[data-text-color=dark]{color:#111;text-shadow:0 1px 1px #ffffffb3,0 -1px 1px #fff9,0 0 2px #ffffffa6;-webkit-text-stroke:.2px #ffffffa6}.player.c1{background-color:var(--player-1-color);color:var(--player-1-text-color)}.player.c2{background-color:var(--player-2-color);color:var(--player-2-text-color)}.player.c3{background-color:var(--player-3-color);color:var(--player-3-text-color)}.player.c4{background-color:var(--player-4-color);color:var(--player-4-text-color)}.player.ball{width:var(--qb-board-ball-size);height:var(--qb-board-ball-size);color:#0000;text-shadow:none;background-color:#fefefe;background-image:url(/images/pieces/piece-shade.svg),var(--qb-ball-artwork,url(/images/balls/ball-classic.svg));background-position:50%;background-repeat:no-repeat;background-size:100% 100%,contain}.player.ball.trionda{--qb-ball-artwork:url(/images/balls/ball-trionda.svg)}.player.ball.tango{--qb-ball-artwork:url(/images/balls/ball-tango.svg)}.player.ball.tricolore{--qb-ball-artwork:url(/images/balls/ball-tricolore.svg)}.player.ball.fevernova{--qb-ball-artwork:url(/images/balls/ball-fevernova.svg)}.player.ball.teamgeist{--qb-ball-artwork:url(/images/balls/ball-teamgeist.svg)}.player.equipment{width:var(--qb-board-object-size);height:var(--qb-board-object-size);color:#0000;text-shadow:none;box-shadow:none;isolation:isolate;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:0;overflow:visible}.piece-swatch.equipment:after,.piece-swatch.equipment:before,.player.equipment:after,.player.equipment:before{content:none}.piece-swatch.equipment.cone,.player.equipment.cone{background-image:url(/images/equipment/cone.svg);background-size:88% 88%}.piece-swatch.equipment.flat-marker,.player.equipment.flat-marker{background-image:url(/images/equipment/flat-marker.svg)}.piece-swatch.equipment.flat-marker-blue,.player.equipment.flat-marker-blue{background-image:url(/images/equipment/flat-marker-blue.svg)}.piece-swatch.equipment.mini-goal,.player.equipment.mini-goal{background-image:url(/images/equipment/mini-goal.svg)}.piece .name{white-space:nowrap;font-weight:700}.piece-swatch{box-sizing:border-box;flex:0 0 var(--qb-board-object-size);border:0;border-radius:50%;position:relative}.piece-swatch,.piece-swatch.player.ball{width:var(--qb-board-object-size);height:var(--qb-board-object-size)}.piece-swatch.player.ball{background-size:var(--qb-board-ball-size)var(--qb-board-ball-size),var(--qb-board-ball-size)var(--qb-board-ball-size)}.piece-swatch.equipment{isolation:isolate;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:0;overflow:visible}.board-bottom-controls{justify-content:center;align-items:flex-end;width:100%;margin-top:2px;display:flex;position:relative}.undo-redo-controls{align-items:center;gap:4px;display:flex;position:absolute;bottom:6px;left:0}.undo-redo-btn{width:36px;height:36px;color:var(--qb-ui-text);box-shadow:none;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .18s,color .18s,transform .18s;display:inline-flex}.undo-redo-btn:hover:not(:disabled){background:var(--qb-ui-control-hover)}.undo-redo-btn:active:not(:disabled){transform:translateY(1px)}.undo-redo-btn:disabled{opacity:.34;cursor:not-allowed}.piece-basket{--basket-fill:var(--qb-ui-basket-fill);--basket-stroke:var(--qb-ui-basket-stroke);--basket-shadow:none;z-index:1;width:min(292px,100% - 48px);box-shadow:none;background:0 0;flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 18px 12px;transition:filter .18s,transform .18s;display:flex;position:relative}.piece-basket-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.piece-basket-bg-path{fill:var(--basket-fill);stroke:var(--basket-stroke);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:var(--basket-shadow)}.piece-basket>:not(.piece-basket-bg){z-index:1;position:relative}.piece-basket.picker-open{z-index:4}.piece-basket.delete-active{--basket-fill:#5a1f1f;--basket-stroke:#ff7c7cfa;--basket-shadow:none}.piece-basket.delete-active:after{content:"";z-index:2;pointer-events:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ff8e8e" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M8 6V4h8v2"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 10v6"/><path d="M14 10v6"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:24px 24px;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.piece-basket-item{width:var(--qb-board-object-size);height:var(--qb-board-object-size);background:var(--qb-ui-basket-item);cursor:grab;touch-action:none;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.piece-basket-item:hover{background:var(--qb-ui-basket-item-hover)}.piece-basket-item:has(.piece-swatch.equipment),.piece-basket-item:has(.piece-swatch.equipment):hover,.piece-basket-item:has(.piece-swatch.player.ball),.piece-basket-item:has(.piece-swatch.player.ball):hover{background:0 0}.piece-basket-item:focus,.piece-basket-item:focus-visible{outline:none}.piece-basket-item:active{cursor:grabbing;transform:scale(.96)}.piece-basket-item .piece-swatch{pointer-events:none}.piece-basket-picker-wrap{justify-content:center;align-items:center;display:flex;position:relative}.piece-basket-picker{background:var(--qb-ui-basket-picker);border:1px solid var(--qb-ui-border);box-shadow:none;z-index:5;border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.piece-basket-picker.hidden{display:none}.piece-basket-picker .piece-basket-item{background:var(--qb-ui-basket-picker-item);cursor:pointer}.piece-basket-picker .piece-basket-item:hover{background:var(--qb-ui-control-hover)}.piece-basket-picker .piece-basket-ball-option,.piece-basket-picker .piece-basket-ball-option:hover,.piece-basket-picker .piece-basket-equipment-option,.piece-basket-picker .piece-basket-equipment-option:hover{background:0 0}.piece-basket-picker .piece-basket-item:active{transform:scale(.96)}.piece-basket-object-picker{grid-template-columns:var(--qb-board-object-size);grid-auto-rows:var(--qb-board-object-size);display:grid}.piece-basket-picker .piece-basket-ball-option,.piece-basket-picker .piece-basket-equipment-option{border-radius:50%}.piece-basket-picker .piece-basket-equipment-option.selected{box-shadow:none;border:0;border-radius:50%}.piece-basket-picker .piece-basket-ball-option.selected{border-radius:50%}.piece-basket-picker .piece-basket-item:not(.piece-basket-equipment-option).selected{box-shadow:none;border:0}#modal .color-option.selected,.piece-basket-picker .piece-basket-item.selected{box-shadow:none;border:0;position:relative}#modal .color-option.selected:after,.piece-basket-picker .piece-basket-item.selected:after{content:"";pointer-events:none;box-shadow:var(--qb-ui-selection-piece-shadow);border:0;border-radius:50%;position:absolute;inset:0}#modal .color-option.equipment.selected:after,#modal .color-option.player.ball.selected:after,.piece-basket-picker .piece-basket-ball-option.selected:after,.piece-basket-picker .piece-basket-equipment-option.selected:after{content:none}#modal .color-option.player.ball.selected,.piece-basket-picker .piece-basket-ball-option.selected .piece-swatch.player.ball{box-shadow:none;filter:none}#modal .color-option.player.ball.selected:after,.piece-basket-picker .piece-basket-ball-option.selected .piece-swatch.player.ball:after{content:"";width:var(--qb-board-ball-size);height:var(--qb-board-ball-size);box-shadow:var(--qb-ui-selection-piece-shadow);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#modal .color-option.equipment.selected,.piece-basket-picker .piece-basket-equipment-option.selected .piece-swatch.equipment{filter:none}#modal .color-option.equipment.selected:after,.piece-basket-picker .piece-basket-equipment-option.selected .piece-swatch.equipment:after,.piece.selected .player.equipment:after{content:"";pointer-events:none;box-shadow:none;background:var(--qb-ui-selection);filter:var(--qb-board-object-glow);z-index:1;border:0;border-radius:0;position:absolute;transform:none}#modal .color-option.equipment.cone.selected:after,.piece-basket-picker .piece-basket-equipment-option.selected .piece-swatch.equipment.cone:after,.piece.selected .player.equipment.cone:after{content:"";inset:-1px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 15 77 78Q78 83 72 86H28Q22 83 23 78L50 15Z' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M27 80Q50 91 73 80' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 15 77 78Q78 83 72 86H28Q22 83 23 78L50 15Z' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M27 80Q50 91 73 80' fill='none' stroke='black' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}#modal .color-option.equipment.flat-marker-blue.selected:after,#modal .color-option.equipment.flat-marker.selected:after,.piece-basket-picker .piece-basket-equipment-option.selected .piece-swatch.equipment.flat-marker-blue:after,.piece-basket-picker .piece-basket-equipment-option.selected .piece-swatch.equipment.flat-marker:after,.piece.selected .player.equipment.flat-marker-blue:after,.piece.selected .player.equipment.flat-marker:after{border:2px solid var(--qb-ui-selection);width:50%;height:50%;box-shadow:0 0 8px rgba(var(--qb-ui-selection-rgb),.6);filter:none;background:0 0;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}#modal .color-option.equipment.mini-goal.selected:after,.piece-basket-picker .piece-basket-equipment-option.selected .piece-swatch.equipment.mini-goal:after,.piece.selected .player.equipment.mini-goal:after{border:2px solid var(--qb-ui-selection);height:21px;box-shadow:0 0 8px rgba(var(--qb-ui-selection-rgb),.6);filter:none;background:0 0;border-radius:3px;top:2px;left:-2px;right:-2px;-webkit-mask:none;mask:none}.piece-basket-arrow-icon{pointer-events:none;opacity:.92;width:28px;height:28px}.piece-basket-arrow-icon,.piece-basket-arrow-option .arrow-style-icon{filter:var(--qb-ui-icon-filter)}.piece-basket-arrow-picker{grid-template-columns:32px;display:grid}.piece-basket-arrow-picker.hidden{display:none}.zone-swatch{box-sizing:border-box;pointer-events:none;width:26px;height:20px;color:var(--qb-ui-text-strong);background:0 0;border:1.5px solid;display:block}.arrow-style-btn .zone-swatch,.piece-basket-arrow-option .zone-swatch{flex:0 0 24px;width:24px;min-width:24px;height:18px}.zone-swatch.filled{background:currentColor}@supports (color:color-mix(in lab,red,red)){.zone-swatch.filled{background:color-mix(in srgb,currentColor 12%,transparent)}}.zone-swatch.oval{border-radius:50%}.piece-basket.delete-active .piece-basket-item,.piece-basket.delete-active .piece-basket-picker{opacity:0;pointer-events:none}.board-action-section{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:960px;padding:10px 16px 20px;display:flex}.board-action-buttons{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:10px;display:grid;position:relative}.board-action-btn{letter-spacing:.01em;justify-content:center;width:100%;min-height:46px;font-size:clamp(12px,3vw,14px);font-weight:700}.board-action-btn span{text-align:center;white-space:normal;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;width:100%;line-height:1.2;overflow:visible}.board-action-buttons .toolbar-btn{justify-content:center;width:100%;min-width:0}.board-action-buttons #save-current-btn,.board-action-buttons #saved-boards-btn,.board-action-buttons #share-btn{width:100%}.board-action-card{background:var(--qb-ui-card-bg);border:1px solid var(--qb-ui-card-border);width:100%;box-shadow:none;border-radius:12px;padding:12px}.board-action-card .layout-button-grid{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.board-action-section .menu-accordion,.board-action-section .menu-item-group{margin:0;padding:0}.board-action-section .menu-item-btn{margin:0}.board-action-section .menu-accordion-trigger:after{display:none}.board-action-section .menu-accordion-panel{box-shadow:none;background:0 0;border:none;padding:0}.board-action-section .saved-board-grid{grid-template-columns:1fr!important}.action-drawer-backdrop{z-index:1100;background:#0a0c101a;display:none;position:fixed;inset:0}.action-drawer{z-index:1;box-shadow:none;visibility:visible;position:relative;transform:none}.action-drawer.drawer-fit{height:auto}.action-drawer-top-actions{gap:8px;display:flex}.action-drawer-icon-btn,.action-drawer-top-actions{z-index:3;align-items:center;position:absolute;top:10px;right:10px}.action-drawer-icon-btn{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);width:36px;height:36px;color:var(--qb-ui-text-strong);cursor:pointer;border-radius:8px;justify-content:center;padding:0;transition:background .2s,border-color .2s;display:inline-flex}.action-drawer-top-actions .action-drawer-icon-btn{position:relative;top:auto;right:auto}.action-drawer-icon-btn:hover{background:var(--qb-ui-control-hover);border-color:var(--qb-ui-border-strong)}.action-drawer-icon-btn .toolbar-icon{width:20px;height:20px}.saved-panel-actions{justify-content:center;margin-bottom:8px;display:flex}.play-coming-soon{text-align:center;color:var(--qb-ui-text-strong);opacity:.95;padding:10px 6px;font-weight:700}.saved-board-panel-toolbar{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;display:flex}.saved-board-panel-icon-btn{width:36px;min-width:36px;height:36px;min-height:36px;color:var(--qb-ui-text-strong);background:0 0;border:none;justify-content:center;padding:0}.saved-board-panel-icon-btn:hover{background:var(--qb-ui-control-hover);box-shadow:none}.saved-board-panel-icon-btn .toolbar-icon{width:21px;height:21px;margin-right:0}.saved-board-upgrade-btn{background:var(--qb-ui-control);border:1px solid var(--qb-ui-border);height:40px;min-height:40px;color:var(--qb-ui-text-strong);border-radius:8px;justify-content:center;gap:10px;padding:8px 12px;font-weight:600}.saved-board-upgrade-btn:hover{background:var(--qb-ui-control-hover);box-shadow:none}.saved-board-upgrade-btn .qb-btn-label{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.saved-board-upgrade-btn .pro-plan-badge{margin-left:0}.field-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 4px 4px;display:grid}.field-theme-btn{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);color:var(--qb-ui-text-strong);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:10px;transition:border-color .15s,background .15s;display:flex;position:relative}.field-theme-btn:hover{border-color:var(--qb-ui-border-strong);background:var(--qb-ui-control-hover)}.field-theme-btn.active{border-color:var(--qb-ui-selection);background:var(--qb-ui-selection-soft);box-shadow:var(--qb-ui-selection-shadow)}.field-theme-preview{aspect-ratio:115/78;border:1px solid var(--qb-ui-border);background:#0b3a1d;border-radius:6px;width:100%;overflow:hidden}.field-theme-svg{width:100%;height:100%}.field-theme-label{opacity:.9;font-size:12px;font-weight:700}.field-theme-btn .pro-plan-badge{position:absolute;top:6px;right:6px}.ball-type-grid{border-bottom:1px solid var(--qb-ui-tab-border);grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:6px;margin:4px 4px 14px;padding-bottom:12px;display:grid}.ball-type-btn{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;min-width:0;min-height:64px;padding:8px 2px 20px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.ball-type-btn .pro-plan-badge{padding:1px 6px;font-size:9px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.ball-type-btn:hover{border-color:var(--qb-ui-border-strong);background:var(--qb-ui-control-hover)}.ball-type-btn.active{border-color:var(--qb-ui-selection);background:var(--qb-ui-selection-soft);box-shadow:var(--qb-ui-selection-shadow)}@media (min-width:721px){.board-stage{gap:8px}.board-action-section{gap:0}.board-action-buttons{border-bottom:1px solid var(--qb-ui-tab-border);gap:0}.board-action-card.action-drawer{border-top:0;border-top-left-radius:0;border-top-right-radius:0}.board-action-buttons .toolbar-btn{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:52px;padding:8px;display:flex;position:relative;color:var(--qb-ui-tab-muted)!important}.board-action-buttons .toolbar-btn.inline-icon .toolbar-icon{width:20px;height:20px;margin-right:0}.board-action-buttons .toolbar-btn span{text-align:center;width:100%;font-size:12px;line-height:1.2;display:block}.board-action-buttons .toolbar-btn:after{content:"";background:var(--qb-ui-tab-active);opacity:0;border-radius:999px;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:0;left:18%;right:18%;transform:scaleX(.6)}.board-action-buttons .toolbar-btn:hover{box-shadow:none;background:0 0;color:var(--qb-ui-tab-hover)!important}.board-action-buttons #arrow-btn.arrow-active,.board-action-buttons .toolbar-btn.active,.board-action-buttons .toolbar-btn[aria-expanded=true]{box-shadow:none;background:0 0;color:var(--qb-ui-tab-active)!important}.board-action-buttons #arrow-btn.arrow-active,.board-action-buttons #arrow-btn[aria-expanded=true],.board-action-buttons #play-btn[aria-expanded=true]{color:var(--qb-ui-selection)!important}.board-action-buttons #arrow-btn.arrow-active:after,.board-action-buttons .toolbar-btn.active:after,.board-action-buttons .toolbar-btn[aria-expanded=true]:after{opacity:1;transform:scaleX(1)}}@media (max-width:720px){.board-stage{gap:6px}.undo-redo-controls{bottom:3px;left:2px}.undo-redo-btn{width:32px;height:32px}.piece-basket{gap:4px;width:min(260px,100% - 32px);padding:6px 6px 8px}.piece-basket-item,.piece-basket-item .piece-swatch{width:var(--qb-board-object-size);height:var(--qb-board-object-size)}.piece-basket-item .piece-swatch{flex-basis:var(--qb-board-object-size)}.piece-basket-item .piece-swatch.equipment,.piece-basket-item .piece-swatch.player.ball{width:var(--qb-board-object-size);height:var(--qb-board-object-size)}.piece-basket-item .piece-swatch.equipment{flex-basis:var(--qb-board-object-size)}.piece-basket-item .zone-swatch{width:24px;height:18px}.piece-basket-arrow-icon,.piece-basket-arrow-option .arrow-style-icon{width:24px;height:24px}.piece-basket-picker{gap:6px;padding:8px;bottom:calc(100% + 8px)}.piece-basket-object-picker{grid-template-columns:var(--qb-board-object-size);grid-auto-rows:var(--qb-board-object-size)}.board-action-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.board-action-btn--desktop-only{display:none!important}.sp-only-menu-item{display:flex!important}.board-action-section{padding:8px 8px 12px;position:relative}.board-action-buttons .toolbar-btn{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-rows:18px minmax(0,1fr);place-items:start center;row-gap:5px;height:auto;min-height:46px;padding:3px 4px 5px;display:grid}.board-action-buttons .toolbar-btn,.board-action-buttons .toolbar-btn:not([aria-expanded=true]),.board-action-buttons .toolbar-btn[aria-expanded=false]{color:var(--qb-ui-tab-muted)!important}.board-action-buttons .toolbar-btn.active,.board-action-buttons .toolbar-btn:hover{box-shadow:none;background:0 0;color:var(--qb-ui-tab-muted)!important}.board-action-buttons .toolbar-btn[aria-expanded=true]{box-shadow:none;background:0 0;color:var(--qb-ui-tab-active)!important}.board-action-buttons .toolbar-btn .toolbar-icon{grid-row:1;width:18px;height:18px;margin:0}.board-action-buttons .toolbar-btn span{letter-spacing:0;text-align:center;white-space:normal;word-break:normal;overflow-wrap:anywhere;grid-row:2;width:100%;font-size:10.5px;line-height:1.1;display:block!important}body.drawer-open .board-action-buttons .toolbar-btn[aria-expanded=true]{box-shadow:none;background:0 0;color:var(--qb-ui-tab-active)!important}.board-action-buttons #arrow-btn.arrow-active,.board-action-buttons #arrow-btn[aria-expanded=true],.board-action-buttons #play-btn[aria-expanded=true],body.drawer-open .board-action-buttons #arrow-btn.arrow-active,body.drawer-open .board-action-buttons #arrow-btn[aria-expanded=true],body.drawer-open .board-action-buttons #play-btn[aria-expanded=true]{color:var(--qb-ui-selection)!important}.action-drawer-backdrop{z-index:990}.action-drawer{box-shadow:none;visibility:hidden;z-index:1000;background:var(--qb-ui-surface);opacity:0;border-radius:18px 18px 0 0;flex-direction:column;height:40vh;min-height:40vh;max-height:40vh;padding-bottom:0;transition:bottom .25s,opacity .2s;display:flex;position:fixed;bottom:-40vh;left:0;right:0;overflow:hidden}.action-drawer.hidden{display:none}.action-drawer.drawer-open{visibility:visible;opacity:1;height:40vh;min-height:40vh;max-height:40vh;display:flex;bottom:0}.action-drawer.drawer-fit,.action-drawer.drawer-fit.drawer-open{height:auto;min-height:0;max-height:70vh}.action-drawer-manual{border:1px solid var(--qb-ui-border-strong);box-shadow:none;border-radius:18px}.action-drawer-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;padding-right:2px;overflow-y:auto}body.drawer-open{overflow:hidden}body.drawer-open .action-drawer-backdrop{background:#0a0c101a;display:block}.board-action-section{z-index:3200;--pro-action-bar-height:calc(64px + env(safe-area-inset-bottom));background:var(--qb-ui-page);border-top:1px solid var(--qb-ui-tab-border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:none;position:fixed;bottom:0;left:0;right:0}.board-action-buttons{z-index:3201;position:relative}.action-drawer-backdrop{bottom:0}.action-drawer{padding-bottom:var(--pro-action-bar-height);bottom:0}.action-drawer-manual{padding-bottom:0}.action-drawer-manual,.action-drawer-manual.drawer-open{bottom:var(--pro-action-bar-height)}.action-drawer-manual .action-drawer-body{padding-bottom:8px}.app-container{padding-bottom:124px}.color-roster-panes{flex-direction:column;gap:12px;display:flex}.color-roster-pane{display:none}.color-roster-pane.active{display:flex}.color-roster-pane textarea{font-size:16px}.saved-panel-actions .save-inline-btn{width:100%}.saved-panel-actions .save-inline-btn span{white-space:normal;text-overflow:clip;overflow:visible}}@media (min-width:800px){.board-action-buttons{grid-template-columns:repeat(6,1fr)}.color-roster-tabs{display:none}.color-roster-panes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.color-roster-pane{display:flex}.color-roster-pane textarea{min-height:240px}}@media (min-width:721px){.sp-only-menu-item{display:none!important}}@media (min-width:720px){.color-roster-tabs{display:none!important}.color-roster-panes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid!important}.color-roster-pane{display:flex!important}.color-roster-pane textarea{min-height:240px}}#arrow-modal,#auth-modal,#lang-modal,#modal,#share-modal,#theme-modal{background:var(--qb-ui-overlay);backdrop-filter:none;z-index:3000;box-sizing:border-box;isolation:isolate;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;transform:translateZ(0)}#arrow-modal.hidden,#auth-modal.hidden,#lang-modal.hidden,#modal.hidden,#share-modal.hidden,#theme-modal.hidden{display:none}#arrow-modal .box,#auth-modal .box,#lang-modal .box,#modal .box,#share-modal .box,#theme-modal .box{background:var(--qb-ui-surface-raised);width:320px;max-width:320px;color:var(--qb-ui-text-strong);box-shadow:none;box-sizing:border-box;border-radius:12px;flex-direction:column;gap:12px;padding:24px;line-height:1.4;display:flex;position:relative}#share-modal .box{gap:8px;width:360px;max-width:calc(100vw - 32px);padding:20px}#modal .box{min-width:240px}#player-form{flex-direction:column;gap:12px;display:flex}.modal-input-row{grid-template-columns:minmax(72px,.38fr) minmax(0,1fr);gap:8px;display:grid}.modal-input-row input{min-width:0}#modal .modal-input-row #m-name,#modal .modal-input-row #m-number{display:block!important}#arrow-modal .close-btn,#auth-modal .close-btn,#lang-modal .close-btn,#modal .close-btn,#share-modal .close-btn,#theme-modal .close-btn{background:var(--qb-ui-input);width:28px;height:28px;color:var(--qb-ui-text-strong);cursor:pointer;box-shadow:none;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-14px;right:-14px}#arrow-modal .close-btn:hover,#auth-modal .close-btn:hover,#lang-modal .close-btn:hover,#modal .close-btn:hover,#share-modal .close-btn:hover,#theme-modal .close-btn:hover{background:var(--qb-ui-control-strong-hover)}#share-modal .share-url-row{align-items:center;gap:8px;margin-bottom:-2px;display:flex}#share-modal .share-url-field{background:var(--qb-ui-input);border:1px solid var(--qb-ui-border);width:100%;height:58px;min-height:58px;max-height:58px;color:var(--qb-ui-text-muted);font:inherit;box-sizing:border-box;text-align:left;cursor:pointer;border-radius:8px;padding:0;line-height:1.25;display:block;position:relative;overflow:hidden;font-size:12px!important}#share-modal .share-url-text{-webkit-line-clamp:3;overflow-wrap:anywhere;word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;position:absolute;top:8px;left:12px;right:12px;overflow:hidden}#share-modal .share-url-field:focus-visible{outline:2px solid var(--qb-ui-border-strong)}#share-modal .share-url-field:hover{background:var(--qb-ui-control-hover)}#share-modal .share-url-status{min-height:0;color:var(--qb-ui-text-muted);margin:0;font-size:11px;line-height:1.35;display:none}#share-modal.share-url-error .share-url-status{min-height:14px;margin:0;display:block}#share-modal .share-preview-group{flex-direction:column;gap:4px;margin-top:2px;display:flex}#share-modal .share-preview-label{color:var(--qb-ui-text-muted);font-size:11px;line-height:1.3}#share-modal .share-preview{aspect-ratio:1200/630;background:var(--qb-ui-surface);border:1px solid var(--qb-ui-border);box-sizing:border-box;border-radius:8px;width:100%;position:relative;overflow:hidden}#share-modal .share-preview.is-empty{display:none}#share-modal .share-preview.is-loading:after{content:"";border:3px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:share-preview-spin .8s linear infinite;position:absolute;top:50%;left:50%}#share-modal .share-preview-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}#share-modal.share-url-loading .share-url-field{color:var(--qb-ui-text-muted);background:var(--qb-ui-input);animation:none}#share-modal.share-url-error .share-url-status{color:#f6c35f}#share-modal button:disabled{cursor:wait;opacity:.58}@keyframes share-url-loading{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes share-preview-spin{to{transform:rotate(1turn)}}#modal .colors,#players-panel .colors{justify-content:center;gap:12px;padding:8px 0;display:flex}#modal .colors{flex-wrap:wrap;justify-content:center;gap:8px;max-width:192px;margin:0 auto;display:flex}#modal .color-option,#players-panel .color-option{cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}#modal .color-option{flex:0 0 var(--qb-board-object-size);justify-content:center;align-items:center;display:flex}#modal .color-option.equipment{border-radius:0}#modal.modal-mode-new .color-option.player.c1{margin-left:20px}#modal.modal-mode-new .color-option.player.c4{margin-right:20px}#modal.modal-mode-new .btn-group,#modal.modal-mode-new .modal-input-row,#modal.modal-mode-object .color-option.player:not(.ball),#modal.modal-mode-player .color-option.equipment,#modal.modal-mode-player .color-option.player.ball{display:none}#modal .color-option:hover,#players-panel .color-option:hover{transform:scale(1.1)}#modal .color-option.selected{box-shadow:none;border:0;transform:none}#players-panel .color-option.selected{border:2px solid var(--qb-ui-selection);box-shadow:var(--qb-ui-selection-shadow);transform:scale(1.05)}#modal .color-option.player.ball.selected{border-radius:50%}#modal.modal-mode-new .color-option{box-shadow:none}#modal.modal-mode-new .color-option.player{box-shadow:none;text-shadow:none}#modal .color-option.player.ball,#players-panel .color-option.player.ball,.piece-swatch.player.ball{background-color:#0000;background-image:url(/images/pieces/piece-shade.svg),var(--qb-ball-artwork,url(/images/balls/ball-classic.svg));color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%,contain}#modal .color-option.player.ball,#piece-basket .piece-basket-item .piece-swatch.player.ball{background-image:url(/images/pieces/piece-shade.svg),var(--qb-ball-artwork,url(/images/balls/ball-classic.svg));background-size:var(--qb-board-ball-size)var(--qb-board-ball-size),var(--qb-board-ball-size)var(--qb-board-ball-size)}#modal .color-option.player.ball:not(.selected),#piece-basket .piece-basket-item .piece-swatch.player.ball{box-shadow:none}#modal .chip-color-input,#players-panel .chip-color-input{opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}#modal .color-option:not(.selected) .chip-color-input{pointer-events:none}#players-panel .chip-color-input{pointer-events:auto}.color-roster-tabs{gap:0;margin-top:6px;display:flex}.color-roster-tab{justify-content:center;align-items:center;display:flex}.color-tab-chip{border:2px solid var(--qb-ui-border-strong);width:20px;height:20px;box-shadow:none;border-radius:50%;margin:0 auto;display:block}.color-tab-chip.c1{background:var(--player-1-color,#36f)}.color-tab-chip.c2{background:var(--player-2-color,#e44)}.color-tab-chip.c3{background:var(--player-3-color,#fc3)}.color-tab-chip.c4{background:var(--player-4-color,#3b3)}.color-roster-panes{flex-direction:column;gap:12px;margin-top:10px;display:flex}.color-roster-pane{flex-direction:column;gap:6px;display:none}.color-roster-pane.active{display:flex}.color-pane-head{justify-content:flex-start;align-items:center;gap:8px;padding-left:4px;display:flex}.color-edit-trigger{background:0 0;border:none;flex-direction:column;gap:6px;padding:4px;display:flex}.color-edit-label,.color-edit-trigger{color:var(--qb-ui-text-strong);cursor:pointer;align-items:center}.color-edit-label{opacity:.85;text-align:left;min-height:32px;padding:0 4px;font-size:13px;line-height:1.2;display:inline-flex}.color-roster-pane textarea{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);width:100%;min-height:160px;color:var(--qb-ui-text-strong);resize:vertical;box-sizing:border-box;border-radius:10px;outline:none;padding:8px 10px;font-size:13px;line-height:1.35}.color-roster-pane textarea:focus{border-color:var(--qb-ui-border-strong);box-shadow:none}.roster-bulk-link{color:var(--qb-ui-text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:4px;min-height:32px;margin-left:auto;padding:0 4px;font-size:11px;font-weight:600;line-height:1.2;text-decoration:underline;display:inline-flex}.roster-bulk-link:hover{color:var(--qb-ui-text-strong)}.roster-link-icon{pointer-events:none;flex:none}.roster-bulk-link.active .roster-link-icon-bulk,.roster-link-icon-table{display:none}.roster-bulk-link.active .roster-link-icon-table{display:block}.roster-mode-panel{display:none}.roster-mode-panel.active{flex-direction:column;gap:8px;display:flex}.roster-row-list{flex-direction:column;gap:6px;min-height:40px;display:flex}.roster-row{grid-template-columns:minmax(54px,72px) minmax(0,1fr) 34px;align-items:center;gap:6px;display:grid}.roster-row input{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);min-width:0;height:36px;color:var(--qb-ui-text-strong);box-sizing:border-box;border-radius:8px;outline:none;padding:0 9px;font-size:13px;line-height:1}.roster-row input:focus{border-color:var(--qb-ui-border-strong);box-shadow:none}.roster-row-number{text-align:center}.roster-add-row-btn,.roster-delete-row-btn{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);color:var(--qb-ui-text-muted);cursor:pointer;transition:background .16s,color .16s,border-color .16s}.roster-delete-row-btn{border-radius:8px;justify-content:center;align-items:center;width:34px;height:36px;padding:0;display:flex}.roster-row[data-roster-placeholder=true] .roster-delete-row-btn{visibility:hidden;pointer-events:none}.roster-add-row-btn{border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.roster-add-row-btn:hover,.roster-delete-row-btn:hover{background:var(--qb-ui-control-hover);border-color:var(--qb-ui-border-strong);color:var(--qb-ui-text-strong)}@media (max-width:720px){.color-roster-pane textarea{font-size:16px;line-height:1.35}.roster-row input{font-size:16px}}#modal input{background:var(--qb-ui-control);border:1px solid var(--qb-ui-border);color:var(--qb-ui-text-strong);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}#modal input:focus{border-color:var(--qb-ui-border-strong);box-shadow:none}#arrow-modal button,#modal button{cursor:pointer;text-transform:uppercase;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}#arrow-modal .btn-group,#modal .btn-group{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:8px;display:flex}#modal #save-btn{background:var(--qb-ui-primary);color:#fff;margin-left:auto}#modal #save-btn:hover{background:var(--qb-ui-primary-hover);box-shadow:none}#modal #delete-btn{background:var(--qb-ui-danger);color:#fff}#modal #delete-btn:hover{background:var(--qb-ui-danger-hover);box-shadow:none}#arrow-modal #arrow-save-btn{background:var(--qb-ui-primary);color:#fff;margin-left:auto}#arrow-modal #arrow-save-btn:hover{background:var(--qb-ui-primary-hover);box-shadow:none}#arrow-modal #arrow-delete-btn{background:var(--qb-ui-danger);color:#fff}#arrow-modal #arrow-delete-btn:hover{background:var(--qb-ui-danger-hover);box-shadow:none}#auth-modal.hidden,#lang-modal.hidden,#share-modal.hidden,#theme-modal.hidden{display:none}#share-modal .box .modal-title{color:var(--qb-ui-text-strong);text-align:left;margin-bottom:4px;font-size:14px;font-weight:700}#share-modal .share-description{flex-direction:column;gap:2px;margin:-2px 0 2px;display:flex}#share-modal .share-description p{color:var(--qb-ui-text-muted);margin:0;font-size:12px;line-height:1.45}#lang-modal a,#lang-modal button{background:var(--qb-ui-control-strong);color:var(--qb-ui-text-strong);cursor:pointer;text-align:center;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.layout-tabs,.qb-tablist{gap:0;display:flex}.qb-tablist{border-bottom:1px solid var(--qb-ui-tab-border);margin-bottom:10px}.qb-tab{color:var(--qb-ui-tab-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:9px 0;font-weight:600;line-height:1.2;position:relative}.qb-tab:after{content:"";background:var(--qb-ui-tab-active);opacity:0;border-radius:999px;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:-1px;left:18%;right:18%;transform:scaleX(.6)}.qb-tab.active{color:var(--qb-ui-tab-active)}.qb-tab.active:after{opacity:1;transform:scaleX(1)}.qb-tab:hover{color:var(--qb-ui-tab-hover)}.layout-target-tab-content{justify-content:center;align-items:center;gap:8px;display:inline-flex}.layout-target-icon{align-items:center;gap:4px;display:inline-flex}.layout-target-dot{border:1px solid var(--qb-ui-border-strong);width:10px;height:10px;box-shadow:none;border-radius:999px;display:inline-block}.layout-target-dot.home-primary{background:var(--player-1-color,#36f)}.layout-target-dot.home-secondary{background:var(--player-3-color,#fc3)}.layout-target-dot.away-primary{background:var(--player-2-color,#e44)}.layout-target-dot.away-secondary{background:var(--player-4-color,#3b3)}.layout-mode-tabs,.layout-target-tabs{margin-top:-4px}.layout-target-tabs.hidden{display:none}.layout-size-panel{border:none;border-radius:0;margin-bottom:12px;padding:12px 0}.layout-size-panel.hidden{display:none}.layout-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.layout-button-grid .qb-btn{background:var(--qb-ui-control);border:1px solid var(--qb-ui-border);justify-content:center;width:100%}.layout-button-grid .qb-btn:hover{background:var(--qb-ui-control-hover);transform:none}.layout-section{margin-top:4px}.layout-section .qb-btn{width:100%;margin-bottom:6px;display:flex}.layout-section .qb-btn:last-child{margin-bottom:0}.layout-danger{border:none;border-radius:8px;font-weight:700;background:var(--qb-ui-danger)!important;color:#fff!important;padding:12px 16px!important}.layout-danger:hover{background:var(--qb-ui-danger-hover)!important;box-shadow:none!important}body.immersive-open{-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.immersive-open .app-container{display:none}.immersive-3d-overlay{background:var(--qb-ui-page);z-index:3000;display:none;position:fixed;inset:0}.immersive-3d-overlay,.immersive-3d-overlay *,.immersive-3d-overlay canvas{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.immersive-3d-overlay canvas,.immersive-3d-overlay.open{display:block}.immersive-3d-topbar{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.immersive-3d-logo{min-width:0}.immersive-3d-logo img{width:160px;max-width:28vw;height:auto;display:block}.immersive-3d-toolbar{gap:10px;display:flex}.immersive-3d-btn{color:#fff;cursor:pointer;backdrop-filter:none;background:#0009;border:1px solid #fff3;border-radius:8px;padding:10px 14px;font-weight:700;transition:background .2s,border-color .2s}.immersive-3d-btn:hover{background:#ffffff1f;border-color:#ffffff59}.immersive-3d-btn.icon-only{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:18px;line-height:1;display:flex}.immersive-3d-btn .toolbar-icon{width:20px;height:20px}.app-footer{background:var(--qb-ui-page);margin-top:auto;padding:10px 20px}.app-footer,.footer-ad-slot{box-sizing:border-box;width:100%}.footer-ad-slot{max-width:900px;margin:0 auto 10px;padding:0 20px}.footer-ad-slot .adsbygoogle{min-height:90px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;gap:12px 16px;display:flex}.footer-btn{color:var(--qb-ui-text-muted);cursor:pointer;white-space:normal;text-align:left;background:0 0;border:none;font-size:clamp(12px,3vw,14px);line-height:1.3;text-decoration:none;transition:color .2s}.footer-btn,.footer-content{font-weight:400}.footer-btn:hover{color:var(--qb-ui-text-strong);text-decoration:underline}#legal-link.footer-btn{padding:0}.footer-copyright{color:var(--qb-ui-text-muted);font-size:14px}.footer-copyright a{color:inherit;text-decoration:none;transition:color .2s}.footer-copyright a:hover{color:var(--qb-ui-text-strong);text-decoration:underline}@media (max-width:600px){#auth-modal .box,#lang-modal .box,#modal .box,#share-modal .box,.qb-modal-box{width:85%;min-width:unset;max-width:320px;margin:0 auto;padding:20px 16px}#auth-modal .close-btn,#lang-modal .close-btn,#modal .close-btn,#share-modal .close-btn,.qb-modal-close{top:-12px;right:-12px}}.driver-popover{color:#f4f4f4;max-width:320px;box-shadow:none;background:#252525;border:1px solid #ffffff1f;border-radius:12px}html.tour-scroll-settling .driver-popover{visibility:hidden;pointer-events:none}.driver-popover-title{color:#fff;font-weight:800;line-height:1.25}.driver-popover-description{color:#ffffffc7;line-height:1.55}.driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:#252525}.driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:#252525}.driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:#252525}.driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:#252525}.driver-popover .driver-popover-close-btn{color:#ffffff94;font-size:20px;line-height:1}.driver-popover .driver-popover-close-btn:hover{color:#fff}.driver-popover .driver-popover-navigation-btns{justify-content:space-between;gap:12px;width:100%;display:flex}.driver-popover .driver-popover-navigation-btns .driver-popover-prev-btn{margin-right:auto}.driver-popover .driver-popover-navigation-btns .driver-popover-next-btn{margin-left:auto}.driver-popover button{text-shadow:none;border-radius:8px;padding:10px 14px;font-size:14px}.driver-popover .driver-popover-footer button,.driver-popover .driver-popover-navigation-btns button{font-weight:700;color:#f4f4f4!important;text-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff24!important}.driver-popover .driver-popover-footer button:hover,.driver-popover .driver-popover-navigation-btns button:hover{color:#fff!important;background:#ffffff24!important;border-color:#ffffff38!important}.driver-popover .tour-install-action{text-align:center;border-radius:8px;width:100%;margin:14px 0 4px;padding:12px 14px;font-weight:800;display:block;color:#1d1d1d!important;text-shadow:none!important;background:#f4f4f4!important;border:1px solid #fff3!important}.driver-popover .tour-install-action:hover{color:#111!important;background:#fff!important}.driver-popover .tour-install-action:disabled{opacity:.62;cursor:wait}@media (max-width:600px){.driver-popover{max-width:260px}.driver-popover button{padding:12px 16px;font-size:15px}}.toast-container{z-index:1100;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-shadow:0 1px 1px #0006;opacity:0;background:#000000d9;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;animation:toastFade 2.5s forwards}.toast.toast-persistent{opacity:1;animation:none;transform:none}@keyframes toastFade{0%{opacity:0;transform:translateY(8px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.qb-modal-overlay{background:var(--qb-ui-overlay);backdrop-filter:none;z-index:3000;isolation:isolate;justify-content:center;align-items:center;padding:16px;position:fixed;inset:0;transform:translateZ(0)}.qb-modal-box,.qb-modal-overlay{box-sizing:border-box;display:flex}.qb-modal-box{background:var(--qb-ui-surface-raised);width:320px;max-width:320px;box-shadow:none;color:var(--qb-ui-text-strong);border-radius:12px;flex-direction:column;gap:12px;padding:24px;position:relative}.qb-modal-box .modal-title{color:var(--qb-ui-text-strong);text-align:left;margin-bottom:4px;font-size:14px;font-weight:700}.qb-modal-close{background:var(--qb-ui-input);width:28px;height:28px;color:var(--qb-ui-text-strong);cursor:pointer;box-shadow:none;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-14px;right:-14px}.qb-modal-close:hover{background:var(--qb-ui-control-strong-hover)}.qb-modal-field{flex-direction:column;gap:6px;margin-top:4px;display:flex}.qb-modal-label{color:var(--qb-ui-text-strong);font-size:14px;font-weight:600;display:block}.qb-modal-input{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);width:100%;color:var(--qb-ui-text-strong);border-radius:8px;outline:none;padding:10px 12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.qb-modal-input:focus{border-color:var(--qb-ui-border-strong);box-shadow:none}.qb-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.qb-modal-loading-overlay{border-radius:inherit;background:var(--qb-ui-surface-raised);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.qb-modal-loading-overlay{background:color-mix(in srgb,var(--qb-ui-surface-raised)72%,transparent)}}.qb-modal-loading-overlay{z-index:30;cursor:wait;justify-content:center;align-items:center;display:flex}.qb-modal-loading-spinner{border:3px solid var(--qb-ui-border-strong);border-right:3px solid #0000;border-radius:50%;width:30px;height:30px;animation:buttonSpin .8s linear infinite}.ai-board-modal-overlay{z-index:3350}.ai-board-modal-box{width:min(420px,100vw - 32px);max-width:420px}.ai-board-form{flex-direction:column;gap:12px;display:flex}.ai-board-desc{color:var(--qb-ui-text-muted);margin:0;font-size:13px;line-height:1.5}.ai-board-textarea{resize:vertical;min-height:112px;line-height:1.5}.ai-board-examples{flex-wrap:wrap;gap:8px;display:flex}.ai-board-example-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);color:var(--qb-ui-text-strong);cursor:pointer;text-align:left;border-radius:999px;padding:7px 10px;font-size:12px;line-height:1.25}.ai-board-example-btn:hover{background:var(--qb-ui-control-strong-hover)}.ai-board-example-btn:disabled{opacity:.6;cursor:wait}.ai-board-error{color:#dc2626;margin:0;font-size:13px;line-height:1.45}.upgrade-modal-overlay{backdrop-filter:none;z-index:3000;isolation:isolate;padding:20px;transform:translateZ(0)}.upgrade-modal-box{background:var(--qb-ui-surface);border:1px solid var(--qb-ui-border);width:100%;max-width:420px;box-shadow:none;color:var(--qb-ui-text-strong);gap:8px}.upgrade-badge{background:var(--qb-ui-control);letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;width:-moz-max-content;width:max-content;padding:6px 10px;font-size:12px;display:inline-flex}.upgrade-title{margin-top:4px;font-size:18px;font-weight:800}.upgrade-subtitle{opacity:.9;margin:4px 0 6px;line-height:1.5}.upgrade-price{color:var(--qb-theme-promo);margin:4px 0 10px;font-size:16px;font-weight:700}.upgrade-cycle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 10px;display:grid}.upgrade-cycle-btn{border:1px solid var(--qb-ui-border);background:var(--qb-ui-control);text-align:left;cursor:pointer;color:var(--qb-ui-text-strong);border-radius:10px;flex-direction:column;gap:3px;min-height:108px;padding:10px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.upgrade-cycle-btn .upgrade-price{color:var(--qb-theme-promo);margin:0}.upgrade-cycle-btn .upgrade-cycle-label{opacity:.9;font-size:14px}.upgrade-cycle-btn:hover:not(:disabled):not(.active){border-color:var(--qb-ui-border-strong);background:var(--qb-ui-control-hover)}.upgrade-cycle-btn.active{border-color:var(--qb-ui-selection);background:var(--qb-ui-control);box-shadow:var(--qb-ui-selection-shadow)}.upgrade-best-pill{background:var(--qb-theme-promo-gradient);color:var(--qb-theme-promo-text);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:-10px;right:10px}.upgrade-trial-badge{background:var(--qb-ui-control-strong);width:-moz-max-content;width:max-content;max-width:100%;color:var(--qb-ui-text-strong);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:750;line-height:1.2;display:inline-flex}.upgrade-savings{color:var(--qb-ui-text-muted);font-size:12px;font-weight:650}.upgrade-feature-list{flex-direction:column;gap:4px;margin:0 0 6px;padding:0;list-style:none;display:flex}.upgrade-feature-list li{color:var(--qb-ui-text-strong);align-items:flex-start;gap:8px;font-size:14px;line-height:1.3;display:flex}.upgrade-feature-list li span:first-child{color:var(--qb-ui-info-strong);margin-top:2px}.upgrade-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.upgrade-cta{background:var(--qb-theme-promo-gradient);color:var(--qb-theme-promo-text);cursor:pointer;box-shadow:none;text-align:center;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:10px 14px 8px;font-size:14px;font-weight:800;transition:filter .15s;display:flex}.upgrade-cta-sub{opacity:.8;letter-spacing:.01em;font-size:11px;font-weight:700;display:block}.upgrade-cta:hover:not(:disabled){filter:brightness(1.06);box-shadow:none}.upgrade-cta:disabled{opacity:.7;cursor:not-allowed}.upgrade-cancel{background:var(--qb-ui-control);color:var(--qb-ui-text-strong);cursor:pointer;border:1px solid var(--qb-ui-border-strong);border-left:none;border-radius:10px;padding:12px 14px;font-weight:600;transition:background .15s}.upgrade-cancel:hover:not(:disabled){background:var(--qb-ui-control-hover)}.upgrade-error{background:var(--qb-ui-danger-soft);border:1px solid var(--qb-ui-danger-border);color:var(--qb-ui-danger-text);border-radius:8px;padding:8px 10px;font-size:13px}.saved-board-empty,.saved-board-team-placeholder{opacity:.8;font-size:.9rem}.saved-board-slot-delete{color:var(--qb-ui-tab-muted);justify-content:center;align-items:center;transition:color .2s;display:inline-flex}.saved-board-slot-delete.armed{color:var(--qb-ui-danger)}.saved-board-slot-row{align-items:center;width:100%;display:flex}.saved-board-slot-row.dragging{opacity:.6}.saved-board-slot-row.drag-ghost{opacity:.95;pointer-events:none;font-size:.833rem}.saved-board-card-row{background:0 0;border-radius:10px;position:relative}.saved-board-slot-content{flex:1;align-items:center;gap:0;min-width:0;padding:0;display:flex}.saved-board-slot-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:100%;padding:0;display:block;overflow:hidden}.saved-board-slot-btn{text-align:left;background:var(--qb-ui-control);width:100%;min-height:40px;color:var(--qb-ui-text-strong);cursor:pointer;border:none;border-radius:8px;justify-content:space-between;align-items:stretch;gap:8px;font-size:.833rem;font-weight:600;line-height:1.2;transition:background .2s,transform .2s;display:flex;padding:0!important}.saved-board-slot-btn.is-muted{color:var(--qb-ui-tab-muted);cursor:default;opacity:.8}.layout-button-grid .saved-board-slot-btn{text-align:left;padding:0!important}.saved-board-slot-action{flex:0 0 32px;justify-content:center;align-items:center;width:32px;min-width:32px;height:40px;padding:10px 0;display:inline-flex}.saved-board-slot-preview{aspect-ratio:1.91;background:var(--qb-ui-control-strong);border:1px solid var(--qb-ui-border);border-radius:5px;width:64px;min-width:64px;margin:6px 8px 6px 0;display:block;position:relative;overflow:hidden}.saved-board-slot-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.saved-board-slot-preview:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff1f;position:absolute;inset:0}.saved-board-animation-badge{z-index:1;color:#fff;pointer-events:none;background:#080a0cb8;border:1px solid #ffffff47;border-radius:5px;justify-content:center;align-items:center;width:24px;height:20px;display:inline-flex;position:absolute;top:5px;right:5px}.saved-board-slot-btn.has-preview{min-height:48px}.saved-board-slot-btn.has-preview .saved-board-slot-action{height:auto;min-height:48px}.saved-board-slot-animation{color:var(--qb-ui-info)}.saved-board-slot-edit{color:var(--qb-ui-tab-muted);transition:color .2s}.saved-board-slot-edit:hover{color:var(--qb-ui-text-strong)}.saved-board-drag-handle{color:var(--qb-ui-text-muted);cursor:grab;box-shadow:none;touch-action:none;background:0 0;border:none;border-radius:4px;align-self:stretch;font-weight:700;line-height:1}.saved-board-slot-delete{align-self:stretch}.saved-board-slot-btn .saved-board-slot-delete{color:var(--qb-ui-tab-muted)}.saved-board-drag-handle:active{cursor:grabbing}.board-dragging .saved-board-slot-btn{pointer-events:none}.saved-board-card-btn{background:var(--qb-ui-surface);border:1px solid var(--qb-ui-border);border-radius:10px;min-height:78px;font-size:.94rem}.saved-board-card-btn:hover{background:var(--qb-ui-control-hover)}.saved-board-card-btn .saved-board-slot-content{gap:10px;padding:8px 10px 8px 0}.saved-board-card-btn .saved-board-drag-handle{flex-basis:28px;width:28px;min-width:28px;min-height:60px}.saved-board-card-btn .saved-board-slot-preview{border-radius:6px;width:112px;min-width:112px;margin:0}.saved-board-card-btn .saved-board-slot-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.96rem;line-height:1.28;display:-webkit-box}.saved-board-card-btn .saved-board-slot-action{height:auto;min-height:60px}.saved-board-card-btn .saved-board-slot-animation,.saved-board-card-btn .saved-board-slot-edit{width:36px;min-width:36px;color:var(--qb-ui-tab-muted);flex-basis:36px}.saved-board-card-btn .saved-board-slot-animation{color:var(--qb-ui-info)}.saved-board-edit-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.saved-board-edit-actions-spacer{flex:1}@media (max-width:420px){.saved-board-card-btn .saved-board-slot-content{gap:8px;padding-right:8px}.saved-board-card-btn .saved-board-slot-preview{width:96px;min-width:96px}.saved-board-card-btn .saved-board-slot-title{font-size:.92rem}}.animation-panel{flex-direction:column;gap:8px;min-height:100%;display:flex}.animation-controls{align-items:center;gap:8px;width:100%;display:flex;position:relative}.animation-controls-center,.animation-controls-left,.animation-controls-right{flex:1;align-items:center;gap:8px;display:flex}.animation-controls-left{justify-content:flex-start}.animation-controls-center{pointer-events:none;width:0;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-controls-center .animation-ctrl-btn{pointer-events:auto;position:absolute;top:0}.animation-ctrl-btn-restart{left:-62px}.animation-ctrl-btn-play{left:-18px}.animation-ctrl-btn-stop{left:26px}.animation-controls-right{justify-content:flex-end}.animation-ctrl-btn{background:var(--qb-ui-control);width:36px;height:36px;color:var(--qb-ui-text-strong);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.animation-ctrl-btn:hover{background:var(--qb-ui-control-hover)}.animation-ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.animation-ctrl-btn:disabled:hover{background:var(--qb-ui-control)}.animation-ai-drawer-btn{position:relative}.animation-ai-pro-badge{background:var(--qb-theme-promo-gradient);min-width:20px;height:12px;color:var(--qb-theme-promo-text);letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:8px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-5px}.animation-timeline{touch-action:pan-x;overscroll-behavior-x:contain;padding-top:10px;padding-bottom:2px;overflow:auto hidden}.animation-timeline.resizing{touch-action:none;overflow-x:hidden}.animation-step-track-wrap{min-width:100%;display:inline-block;position:relative}.animation-playhead-hit-zone{z-index:5;pointer-events:auto;cursor:pointer;height:20px;position:absolute;top:-16px;left:0;right:0}.animation-playhead{opacity:1;pointer-events:auto;cursor:ew-resize;touch-action:none;z-index:6;background:0 0;width:14px;position:absolute;top:0;bottom:0;left:0;transform:translate(0)}.animation-playhead:before{width:2px;top:0;bottom:0}.animation-playhead:after,.animation-playhead:before{content:"";background:var(--qb-ui-selection);position:absolute;left:50%;transform:translate(-50%)}.animation-playhead:after{border-radius:999px;width:10px;height:10px;top:-10px}.animation-step-track{align-items:stretch;gap:0;min-height:54px;padding:0 2px;display:flex}.animation-step-shell{flex:none}.animation-step-shell.is-entering{animation:animation-step-enter .26s ease-out}.animation-step-shell.is-exiting{pointer-events:none;animation:animation-step-exit .22s ease-in forwards}.animation-step-card{background:var(--qb-ui-animation-step-bg);border-left:1px solid var(--qb-ui-animation-step-border);border-bottom-width:1px;border-right:1px solid var(--qb-ui-animation-step-border);border-top-width:1px;min-height:50px;color:var(--qb-ui-animation-step-text);border-top:0 solid var(--qb-ui-animation-step-border);border-bottom:0 solid var(--qb-ui-animation-step-border);flex-direction:column;justify-content:center;align-items:stretch;display:flex;position:relative;padding:0!important}.animation-step-card:hover:not(.is-muted){background:var(--qb-ui-animation-step-hover)}.animation-step-card.is-selected{border-color:var(--qb-ui-selection);box-shadow:var(--qb-ui-selection-shadow);z-index:1}.animation-step-film{pointer-events:none;z-index:0;border-radius:8px;position:absolute;inset:0}.animation-step-film:after,.animation-step-film:before{content:"";opacity:.65;pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff42 0 4px,#0000 4px 9px);height:6px;position:absolute;left:0;right:0}.animation-step-film:before{top:3px}.animation-step-film:after{bottom:3px}.animation-step-card .saved-board-slot-content{z-index:1;position:relative}.animation-step-card .saved-board-slot-title{text-align:center;font-size:.92rem;font-weight:700}.animation-step-card .saved-board-slot-content{align-items:stretch;min-height:50px}.animation-step-card .saved-board-slot-action{align-self:stretch;height:50px;padding:0}.animation-step-card .saved-board-drag-handle{justify-content:center;align-items:center;display:flex}.animation-step-card.is-selected .saved-board-drag-handle{color:var(--qb-ui-selection)}.animation-step-main{flex:1;justify-content:center;align-items:center;min-height:50px;display:flex;position:relative}.animation-step-card .saved-board-slot-title{justify-content:center;align-items:center;height:auto;display:flex}.animation-step-duration{z-index:1;text-align:center;white-space:nowrap;visibility:hidden;opacity:0;font-size:.72rem;line-height:1;display:block;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.animation-step-duration.is-visible{visibility:visible;opacity:.85}@keyframes animation-step-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes animation-step-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.animation-step-resize-handle{cursor:ew-resize;touch-action:none;z-index:2;width:16px;height:100%;position:absolute;top:0;right:0}.animation-step-resize-handle:before{content:"";background:var(--qb-ui-selection);width:2px;box-shadow:0 0 8px rgba(var(--qb-ui-selection-rgb),.64);border-radius:2px;position:absolute;top:18%;bottom:18%;right:5px}@media (max-width:720px){.animation-step-track{min-height:46px}.animation-step-card,.animation-step-card .saved-board-slot-content{min-height:42px}.animation-step-card .saved-board-slot-action{height:42px}.animation-step-main{min-height:42px}.animation-step-card .saved-board-slot-title{font-size:.84rem}.animation-step-duration{font-size:.62rem;bottom:2px}}.animation-empty{box-sizing:border-box;opacity:.8;text-align:center;justify-content:center;align-items:center;min-height:54px;padding:0 2px;font-size:.85rem;display:flex}@media (max-width:720px){.animation-empty{min-height:46px}}.animation-overlay-layer{pointer-events:none;z-index:45;position:absolute;inset:0;overflow:visible}.animation-ghost-piece{z-index:2;position:absolute;transform:translate(-50%,-50%)}.animation-overlay-arrows{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.animation-ghost-arrow{pointer-events:none}.animation-ghost-zone{pointer-events:none;filter:none!important}#field.field-animation-active #arrow-layer,#field.field-animation-active .piece{opacity:0}.toast.toast-loading{align-items:center;gap:8px;display:flex}.toast-spinner{opacity:0;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .2s;animation:toast-spin .8s linear infinite}.toast-spinner.active{opacity:1}.toast-text{font-size:13px;line-height:1.35}@keyframes toast-spin{to{transform:rotate(1turn)}}#loading-overlay{background:var(--qb-ui-page);min-height:100svh;color:var(--qb-ui-text-strong);opacity:1;visibility:visible;pointer-events:auto;z-index:1800;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}#board-root.is-ready+#loading-overlay,#board-root:not(.is-ready) .board-action-section{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{opacity:.95;width:min(62vw,280px);height:auto;filter:var(--qb-ui-logo-filter)}@media (prefers-reduced-motion:reduce){#loading-overlay{transition:none}}@media (max-width:600px){#board{margin:0 0 24px;padding:0 12px}#field{width:100%}.app-header{padding:8px 12px}.app-notice-bar{text-align:left;min-height:38px;margin-bottom:10px;padding:8px 42px 8px 12px;font-size:12px}.app-notice-bar,.app-notice-link{justify-content:flex-start}.app-notice-label{min-width:32px;height:17px;font-size:9px}.footer-ad-slot{margin:0 auto 8px;padding:0 12px}.app-footer{padding:8px 12px}.header-actions{gap:8px}.toolbar-btn{justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.toolbar-btn.inline-icon .toolbar-icon{width:20px;height:20px;margin-right:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toolbar-btn span{display:none!important}.board-action-buttons .toolbar-btn{width:100%;height:auto;min-height:46px;padding:3px 4px 5px}.board-action-buttons .toolbar-btn.inline-icon .toolbar-icon{margin-right:0;position:static;top:auto;left:auto;transform:none}.board-action-buttons .toolbar-btn span{display:block!important}.menu-item-btn{justify-content:center;align-items:center;min-height:36px;width:100%!important;height:auto!important;padding:10px 14px!important;display:flex!important}.menu-item-btn .qb-btn-icon{display:inline-flex!important;position:static!important;transform:none!important}.menu-item-btn .qb-btn-icon svg{width:20px!important;height:20px!important}.menu-item-btn .qb-btn-label{text-align:center;overflow-wrap:anywhere;line-height:1.2;position:static;transform:none;display:inline!important}.menu-item-btn .pro-plan-badge{margin-left:8px;display:inline-flex!important}}@media (max-width:920px){.footer-content{flex-direction:column;align-items:center;gap:12px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-content .footer-copyright{text-align:center;justify-content:center;width:100%;margin-top:4px;display:flex}}.app-notice-tutorial{display:none}.app-notice-bar[data-tutorial-pending=true] .app-notice-tutorial{display:inline-flex}.app-notice-bar[data-tutorial-pending=true] [data-app-notice-upgrade]{display:none}.trial-ineligible-user .app-notice-bar[data-tutorial-pending=true]{display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}