/*! 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}.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}.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}@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}}body,html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:manipulation;height:100%;overflow:hidden auto}body{color:#eee;background:#222;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{box-sizing:border-box;background:#222;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}.header-title{color:#fff;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;margin:0;font-size:20px;font-weight:700}.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{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;text-decoration:none;display:flex}.menu-trigger:hover{background:#333}.menu-trigger:before{content:"";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;width:20px;height:20px;display:block}.menu-dropdown{z-index:1300;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{cursor:pointer;background:#00000040;border:none;margin:0;padding:0;position:absolute;inset:0}.menu-panel{background:#1f1f1f;border-radius:0;flex-direction:column;gap:12px;width:min(380px,100vw - 24px);max-width:380px;height:100%;padding:16px 18px 20px;transition:transform .3s;display:flex;position:relative;overflow-y:auto;transform:translate(0);box-shadow:-12px 0 32px #00000073}.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:-12px 0 32px #00000059}.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{color:#fff;cursor:pointer;min-height:var(--qb-btn-height-md);background:#ffffff14;border:1px solid #ffffff4d;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:#fff;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:#ffffff26}.menu-auth-btn:disabled{opacity:.6;cursor:not-allowed}#auth-modal .modal-title{color:#fff;text-align:left;margin-bottom:4px;font-size:14px;font-weight:700}.auth-modal-desc{color:#fff;margin:0 0 4px;font-size:13px}.auth-modal-fineprint{color:#ffffffb8;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{color:#fff;background:#ffffff0d;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;color:#fff;text-transform:uppercase;background:#2d2d2d;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;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:#fff;font-size:14px;font-weight:700}.auth-account-email,.auth-account-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-account-email{color:#ffffffb3;font-size:12px}.menu-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;line-height:1;transition:background .2s;display:flex}.menu-close-btn:hover{background:#333}.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-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:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid #ffffff14;border-radius:12px;width:100%;padding:12px;box-shadow:inset 0 0 0 1px #0003}.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{color:#f5f5f5;background:#ffffff14;border:1px solid #ffffff1a;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;color:#0f1b1f;background:linear-gradient(135deg,#2ee0a6,#66f06b);border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #2ee0a659}.menu-panel .qb-btn .pro-plan-badge{margin-left:auto}.menu-panel .qb-btn:hover{background:#ffffff26}.auth-panel{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:10px;margin-top:12px;padding:12px;display:flex}.auth-panel-title{color:#fff;margin:0;font-size:14px;font-weight:700}.auth-panel-sub{color:#ffffffb3;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{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:8px;margin:6px 0 10px;padding:10px 12px;display:flex}.auth-plan-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.auth-plan-name{color:#fff;font-size:14px;font-weight:700}.auth-plan-row{align-items:center;gap:8px;min-width:0;display:flex}.auth-plan-exp{color:#fffc;font-size:12px}.auth-plan-desc{color:#ffffffb3;font-size:12px}.auth-portal-error{color:#ffdede;background:#ff565626;border:1px solid #ff565659;border-radius:8px;padding:6px 8px;font-size:12px}.auth-modal-actions{flex-direction:column;gap:12px;margin-top:12px;display:flex}.auth-feedback{color:#fff;background:#ffffff14;border-radius:8px;margin:0 0 8px;padding:8px 12px;font-size:13px}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:buttonSpin .8s linear infinite}@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{color:#fff;cursor:pointer;background:#555;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:#666;box-shadow:0 2px 4px #0003}.toolbar-btn.arrow-toggle{color:#fff;background:#555}.toolbar-btn.arrow-toggle:hover{background:#555;box-shadow:0 2px 4px #0003}.toolbar-btn.active{background:#6c6cff;box-shadow:inset 0 0 0 2px #ffffff59}.toolbar-btn.arrow-toggle.arrow-active{color:#fff;box-shadow:none;background:#555}.toolbar-btn.arrow-toggle.arrow-active:hover{color:#fff;background:#666;box-shadow:0 2px 4px #0003}.toolbar-btn.arrow-toggle .toolbar-icon{color:inherit}.arrow-style-group{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;margin:10px 0 16px;display:flex}.arrow-style-group .arrow-style-btn{flex:none}.arrow-style-btn{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fefefe;width:32px;height:32px;box-shadow:none;background:#2f2f2f;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;border-radius:50%!important}.arrow-style-btn:hover{background:#343434}.arrow-style-btn.selected{transform:scale(1.05);box-shadow:0 0 0 2px #fff,0 0 0 4px #00000040}.arrow-style-btn .arrow-style-icon{pointer-events:none;filter:brightness(0)invert();flex:0 0 24px;width:24px;min-width:24px;height:24px;min-height: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{cursor:pointer;color:#fefefe;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#3a3a3a;border:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-weight:700;transition:all .12s;display:flex;border-radius:50%!important}.arrow-head-btn,.arrow-head-btn.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #00000040}.arrow-head-btn.selected{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{color:#f5f5f5;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;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:#ffffff26}.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{color:#f5f5f5;background:#ffffff14;border-color:#ffffff1a}.qb-btn--neutral:hover{background:#ffffff26}.qb-btn--primary{color:#fff;background:#4caf50;border-color:#ffffff14}.qb-btn--primary:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d}.qb-btn--danger{color:#fff;background:#f44336;border-color:#ffffff14}.qb-btn--danger:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d}.qb-btn--ghost{background:0 0;border-color:#ffffff2e}.qb-btn--ghost:hover{background:#ffffff14}.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;margin:0}.share-sns-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 4px;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;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:drop-shadow(0 12px 28px #00000047);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:30;pointer-events:none;display:none}#field .arrow-layer-selected.active{display:block}.arrow-path,.arrow-path.arrow-endpoint-handle,.arrow-path.head-hit,.arrow-path.hit-proxy{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{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{cursor:grabbing}.arrow-path{stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke}.arrow-highlight{filter:drop-shadow(0 0 6px #9ae4ffb3)}.arrow-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;display:block;position:absolute;transform:translate(-50%,-50%)}.piece.selected-top{z-index:40}.piece:hover{cursor:grab}.piece.dragging,.piece:active{cursor:grabbing}.piece.selected .player{box-shadow:0 0 0 2px #9ae4ff,0 0 10px #9ae4ff99,inset 0 1px #ffffff59}.piece>.player{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.piece>.name{left:0;top:calc(var(--piece-size)*.56);position:absolute;transform:translate(-50%)}.piece>.name,.player{font-size:calc(var(--piece-size)*.375);color:#fff;text-shadow:0 1px 1px #0009,0 0 2px #0000008c;font-weight:700}.player{width:var(--piece-size);height:var(--piece-size);z-index:5;white-space:nowrap;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:0 4px 10px #00000059,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:calc(var(--piece-size)*.5);height:calc(var(--piece-size)*.5);color:#0000;text-shadow:none;background-color:#fefefe;background-image:url(/images/pieces/piece-shade.svg),url(/images/balls/ball-classic.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,contain}.piece .name{white-space:nowrap;font-weight:700}.piece-swatch{box-sizing:border-box;border:0;border-radius:50%;flex:0 0 32px;width:32px;height:32px;position:relative}.piece-swatch.player.ball{background-size:100% 100%,78% 78%;width:32px;height:32px}.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{color:#f4f4f4;width:36px;height:36px;box-shadow:none;background:#222222b8;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:#363636e6}.undo-redo-btn:active:not(:disabled){transform:translateY(1px)}.undo-redo-btn:disabled{opacity:.34;cursor:not-allowed}.piece-basket{--basket-fill:#2a2a2a;--basket-stroke:#fff3;z-index:1;background:0 0;flex-wrap:wrap;justify-content:center;gap:6px;width:min(244px,100% - 48px);padding:8px 18px 12px;transition:box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:0 10px 24px #0000003d}.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}.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;box-shadow:0 14px 30px #00000057}.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{cursor:grab;touch-action:none;background:#383838;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .15s,transform .15s,box-shadow .15s;display:flex}.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{z-index:5;background:#303030;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 14px 28px #00000047}.piece-basket-picker.hidden{display:none}.piece-basket-picker .piece-basket-item{cursor:pointer;background:#3a3a3a}.piece-basket-picker .piece-basket-item:active{transform:scale(.96)}.piece-basket-picker .piece-basket-item.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #00000040}.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:brightness(0)invert()}.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:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:12px;width:100%;padding:12px;box-shadow:inset 0 0 0 1px #0003}.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:repeat(auto-fit,minmax(180px,1fr))!important}.action-drawer-backdrop{z-index:1100;background:#00000040;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}.saved-panel-actions{justify-content:center;margin-bottom:8px;display:flex}.play-coming-soon{text-align:center;color:#fff;opacity:.95;padding:10px 6px;font-weight:700}.saved-board-upgrade-btn{color:#f5f5f5;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;gap:10px;height:40px;min-height:40px;padding:8px 12px;font-weight:600}.saved-board-upgrade-btn:hover{box-shadow:none;background:#ffffff26}.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-top:6px;display:grid}.field-theme-btn{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;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{background:#ffffff14;border-color:#ffffff59}.field-theme-btn.active{border-color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px #00000040}.field-theme-preview{aspect-ratio:115/78;background:#0b3a1d;border:1px solid #ffffff14;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}@media (min-width:721px){.board-stage{gap:8px}.board-action-section{gap:0}.board-action-buttons{border-bottom:1px solid #ffffff1f;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:#aaa!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:"";opacity:0;background:#fff;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:#ddd!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:#fff!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(216px,100% - 32px);padding:6px 6px 8px}.piece-basket-item{width:32px;height:32px}.piece-basket-item .piece-swatch{flex-basis:28px;width:28px;height:28px}.piece-basket-item .piece-swatch.player.ball{width:28px;height:28px}.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)}.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;color:#aaa!important}.board-action-buttons .toolbar-btn:not([aria-expanded=true]),.board-action-buttons .toolbar-btn[aria-expanded=false]{color:#aaa!important}.board-action-buttons .toolbar-btn.active,.board-action-buttons .toolbar-btn:hover{box-shadow:none;background:0 0;color:#aaa!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:#fff!important}.board-action-buttons #arrow-btn[aria-expanded=true]{color:#fff!important}.action-drawer-backdrop{z-index:990}.action-drawer{visibility:hidden;z-index:1000;opacity:0;background:#1f1f1f;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;box-shadow:0 -8px 24px #00000059}.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-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:0 0;display:block}.board-action-section{z-index:2000;--pro-action-bar-height:calc(64px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:none;background:#222;border-top:1px solid #ffffff1f;position:fixed;bottom:0;left:0;right:0}.board-action-buttons{z-index:2001;position:relative}.action-drawer-backdrop{bottom:0}.action-drawer{padding-bottom:var(--pro-action-bar-height);bottom:0}.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{backdrop-filter:none;z-index:3000;box-sizing:border-box;isolation:isolate;background:#00000040;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{display:none}#arrow-modal .box,#auth-modal .box,#lang-modal .box,#modal .box,#share-modal .box{color:#fff;box-sizing:border-box;background:#333;border-radius:12px;flex-direction:column;gap:12px;width:320px;max-width:320px;padding:24px;line-height:1.4;display:flex;position:relative;box-shadow:0 8px 24px #0006}#share-modal .box{gap:8px;padding:20px}#modal .box{min-width:240px}#player-form{flex-direction:column;gap:12px;display:flex}#arrow-modal .close-btn,#auth-modal .close-btn,#lang-modal .close-btn,#modal .close-btn,#share-modal .close-btn{color:#fff;cursor:pointer;z-index:10;background:#444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 2px 4px #0000004d}#arrow-modal .close-btn:hover,#auth-modal .close-btn:hover,#lang-modal .close-btn:hover,#modal .close-btn:hover,#share-modal .close-btn:hover{background:#666}#share-modal .share-url-row{align-items:center;gap:8px;display:flex}#share-modal .share-url-field{resize:none;color:#ffffffbf;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;background:#444;border:1px solid #ffffff26;border-radius:8px;flex:1;height:44px;padding:10px 12px;font-size:14px;line-height:1.2;overflow:hidden}#share-modal .share-url-field:focus{outline:2px solid #ffffff40}#share-modal .share-url-copy-btn{width:44px;min-width:44px;height:44px;padding:0}#share-modal .share-url-copy-btn:before{content:"";background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="11" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:contain;width:22px;height:22px;display:block}#modal .colors,#players-panel .colors{justify-content:center;gap:12px;padding:8px 0;display:flex}#modal .color-option,#players-panel .color-option{cursor:pointer;transition:transform .2s,box-shadow .2s}#modal .color-option:hover,#players-panel .color-option:hover{transform:scale(1.1)}#modal .color-option.selected,#players-panel .color-option.selected{transform:scale(1.05);box-shadow:0 0 0 2px #fff,0 0 0 4px #00000040}#modal .color-option.player.ball,#players-panel .color-option.player.ball,.piece-swatch.player.ball{color:#0000;background-color:#0000;background-image:url(/images/pieces/piece-shade.svg),url(/images/balls/ball-classic.svg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,contain}#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-radius:50%;width:20px;height:20px;margin:0 auto;display:block;box-shadow:0 0 0 2px #00000040}.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:center;align-items:center;gap:10px;display:flex}.color-edit-trigger{color:#fff;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.color-edit-label{color:#fff;opacity:.85;text-align:center;cursor:pointer;font-size:13px;line-height:1.2;display:block}.color-roster-pane textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;min-height:160px;padding:8px 10px;font-size:13px;line-height:1.35}.color-roster-pane textarea:focus{border-color:#ffffff40;box-shadow:0 0 0 1px #fff3}@media (max-width:720px){.color-roster-pane textarea{font-size:16px;line-height:1.35}}#modal input{color:#fff;box-sizing:border-box;background:#444;border:none;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:16px;transition:box-shadow .2s}#modal input:focus{box-shadow:0 0 0 2px #ffffff4d}#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{color:#fff;background:#4caf50;margin-left:auto}#modal #save-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d}#modal #delete-btn{color:#fff;background:#f44336}#modal #delete-btn:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d}#arrow-modal #arrow-save-btn{color:#fff;background:#4caf50;margin-left:auto}#arrow-modal #arrow-save-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf504d}#arrow-modal #arrow-delete-btn{color:#fff;background:#f44336}#arrow-modal #arrow-delete-btn:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d}#auth-modal.hidden,#lang-modal.hidden,#share-modal.hidden{display:none}#share-modal .box .modal-title{color:#fff;text-align:left;margin-bottom:4px;font-size:14px;font-weight:700}#lang-modal a,#lang-modal button{color:#fff;cursor:pointer;text-align:center;background:#555;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 #ffffff1f;margin-bottom:10px}.qb-tab{color:#aaa;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:"";opacity:0;background:#fff;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:#fff}.qb-tab.active:after{opacity:1;transform:scaleX(1)}.qb-tab:hover{color:#ddd}.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-radius:999px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #ffffff2e}.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:1px solid #ffffff1a;border-radius:12px;margin-bottom:12px;padding:12px}.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:#3c3c3c;border:1px solid #ffffff14;justify-content:center;width:100%}.layout-button-grid .qb-btn:hover{background:#4a4a4a;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;color:#fff!important;background:#f44336!important;padding:12px 16px!important}.layout-danger:hover{background:#d32f2f!important;box-shadow:0 4px 12px #f4433666!important}body.immersive-open{overflow:hidden}.immersive-open .app-container{display:none}.immersive-3d-overlay{z-index:3000;background:#000;display:none;position:fixed;inset:0}.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 img{width:auto;height:40px;display:block}.immersive-3d-toolbar{gap:10px;display:flex}.immersive-3d-btn{color:#fff;cursor:pointer;backdrop-filter:blur(6px);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:#222;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:#aaa;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:#fff;text-decoration:underline}#legal-link.footer-btn{padding:0}.footer-copyright{color:#888;font-size:14px}.footer-copyright a{color:inherit;text-decoration:none;transition:color .2s}.footer-copyright a:hover{color:#aaa;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{max-width:320px}.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{border-radius:8px;padding:10px 14px;font-size:14px}@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{backdrop-filter:none;z-index:3000;isolation:isolate;background:#00000040;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{color:#fff;background:#333;border-radius:12px;flex-direction:column;gap:12px;width:320px;max-width:320px;padding:24px;position:relative;box-shadow:0 8px 24px #0006}.qb-modal-box .modal-title{color:#fff;text-align:left;margin-bottom:4px;font-size:14px;font-weight:700}.qb-modal-close{color:#fff;cursor:pointer;z-index:10;background:#444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 2px 4px #0000004d}.qb-modal-close:hover{background:#666}.qb-modal-field{flex-direction:column;gap:6px;margin-top:4px;display:flex}.qb-modal-label{color:#fff;font-size:14px;font-weight:600;display:block}.qb-modal-input{color:#fff;background:#444;border:none;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:16px;transition:box-shadow .2s}.qb-modal-input:focus{box-shadow:0 0 0 2px #ffffff4d}.qb-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.upgrade-modal-overlay{backdrop-filter:none;z-index:3000;isolation:isolate;padding:20px;transform:translateZ(0)}.upgrade-modal-box{color:#f7f7f7;background:linear-gradient(135deg,#1a1a1afa,#2e3748f2);border:1px solid #ffffff14;gap:8px;width:100%;max-width:420px;box-shadow:0 16px 48px #0000008c}.upgrade-badge{letter-spacing:.02em;background:#ffffff14;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:#c3ff6a;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{text-align:left;cursor:pointer;color:#fff;background:#ffffff08;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:3px;min-height:96px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.upgrade-cycle-btn .upgrade-price{color:#c3ff6a;margin:0}.upgrade-cycle-btn .upgrade-cycle-label{opacity:.9;font-size:14px}.upgrade-cycle-btn:hover:not(:disabled):not(.active){background:#ffffff0f;border-color:#ffffff59}.upgrade-cycle-btn.active{background:#2ee0a614;border-color:#2ee0a6;box-shadow:0 4px 12px #2ee0a62e}.upgrade-best-pill{color:#0f1b1f;text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(135deg,#2ee0a6,#66f06b);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;top:-10px;right:10px}.upgrade-savings{color:#9ae4ff;font-size:13px}.upgrade-feature-list{flex-direction:column;gap:4px;margin:0 0 6px;padding:0;list-style:none;display:flex}.upgrade-feature-list li{color:#f3f3f3;align-items:flex-start;gap:8px;font-size:14px;line-height:1.3;display:flex}.upgrade-feature-list li span:first-child{color:#8ce2ff;margin-top:2px}.upgrade-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.upgrade-cta{color:#0f1b1f;cursor:pointer;text-align:center;background:linear-gradient(135deg,#2ee0a6,#66f06b);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:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 20px #2ee0a659}.upgrade-cta-sub{opacity:.8;letter-spacing:.01em;font-size:11px;font-weight:700;display:block}.upgrade-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #2ee0a673}.upgrade-cta:disabled{opacity:.7;cursor:not-allowed}.upgrade-cancel{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-left:none;border-radius:10px;padding:12px 14px;font-weight:600;transition:background .15s}.upgrade-cancel:hover:not(:disabled){background:#ffffff1f}.upgrade-error{color:#ffdede;background:#ff565624;border:1px solid #ff565666;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:#666;justify-content:center;align-items:center;transition:color .2s;display:inline-flex}.saved-board-slot-delete.armed{color:#f44336}.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-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;color:#fff;cursor:pointer;background:#3c3c3c;border:none;border-radius:8px;justify-content:space-between;align-items:stretch;gap:8px;width:100%;min-height:40px;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:#999;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-animation{color:#9ae4ff}.saved-board-drag-handle{color:#fffc;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:#fff}.saved-board-drag-handle:active{cursor:grabbing}.board-dragging .saved-board-slot-btn{pointer-events:none}.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{color:#fff;cursor:pointer;background:#3c3c3c;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:inline-flex}.animation-ctrl-btn:hover{background:#4c4c4c}.animation-ctrl-btn:disabled{opacity:.45;cursor:not-allowed}.animation-ctrl-btn:disabled:hover{background:#3c3c3c}.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:#9ae4ff;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:#363636;border:0 solid #ffffff14;border-width:0 1px;flex-direction:column;justify-content:center;align-items:stretch;min-height:50px;display:flex;position:relative;padding:0!important}.animation-step-card.is-selected{border-color:#9ae4ff;box-shadow:0 0 0 1px #9ae4ff73,0 4px 12px #00000040}.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,.animation-step-main{justify-content:center;align-items:center;display:flex}.animation-step-main{flex:1;min-height:50px;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:#ffffff80;border-radius:2px;width: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{opacity:.8;padding:8px 2px;font-size:.85rem}.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}#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{opacity:1;visibility:visible;pointer-events:auto;z-index:1800;background:#222;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}@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}.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}}@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}