.twb-immersive-surface{width:100%;min-width:0;height:100%;min-height:0;position:relative}.twb-immersive-surface.is-css-fullscreen,.twb-immersive-surface:fullscreen{z-index:10000;background:#fffdf7;width:100vw;height:100dvh;position:fixed;inset:0}.twb-immersive-surface.is-css-fullscreen>:is(.twb-editor-shell,.hwb-shell),.twb-immersive-surface:fullscreen>:is(.twb-editor-shell,.hwb-shell){width:100%;height:100%;min-height:0}.twb-immersive-mode-controls{z-index:57;background:#fffdf7;border:1px solid #252927;border-radius:7px;align-items:center;gap:5px;padding:4px;display:flex;position:absolute;top:4px;right:8px;box-shadow:0 3px 14px #00000024}.twb-immersive-mode-controls label{align-items:center;gap:4px;display:flex}.twb-immersive-mode-controls :is(button,select){min-height:34px}.twb-edge-trigger{z-index:54;opacity:0;background:0 0;border:0;min-width:0;min-height:0;margin:0;padding:0;display:none;position:absolute}.twb-immersive-surface[data-view-mode=auto-hide]>.twb-edge-trigger,.twb-immersive-surface[data-view-mode=immersive]>.twb-edge-trigger{opacity:1;display:block}.twb-edge-trigger:after{content:"";opacity:.35;background:#252927;border-radius:999px;transition:opacity .14s,background-color .14s;position:absolute}.twb-edge-trigger[data-edge=top]:after,.twb-edge-trigger[data-edge=bottom]:after{width:52px;height:4px;left:50%;transform:translate(-50%)}.twb-edge-trigger[data-edge=top]:after{top:3px}.twb-edge-trigger[data-edge=bottom]:after{bottom:3px}.twb-edge-trigger[data-edge=left]:after,.twb-edge-trigger[data-edge=right]:after{width:4px;height:52px;top:50%;transform:translateY(-50%)}.twb-edge-trigger[data-edge=left]:after{left:3px}.twb-edge-trigger[data-edge=right]:after{right:3px}.twb-edge-trigger:hover:after,.twb-edge-trigger:focus-visible:after{opacity:1;background:#173f7c}.twb-edge-trigger[data-edge=top]{height:12px;inset:0 32px auto}.twb-edge-trigger[data-edge=left]{width:12px;inset:32px auto 32px 0}.twb-edge-trigger[data-edge=right]{width:12px;inset:32px 0 32px auto}.twb-edge-trigger[data-edge=bottom]{height:12px;inset:auto 32px 0}.twb-edge-trigger:focus-visible{opacity:1;outline-offset:-3px;outline:3px solid #f59e0b}.twb-compact-menu-trigger{display:none}.twb-compact-menu{z-index:56;background:#fffdf7;border:1px solid #252927;border-radius:7px;flex-wrap:wrap;gap:4px;width:max-content;max-width:min(92vw,760px);padding:6px;display:none;position:absolute;top:48px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00000029}.twb-compact-menu button{min-height:34px}.twb-compact-menu button[aria-pressed=true]{color:#fff;background:#173f7c}.twb-immersive-surface[data-view-mode=auto-hide]>.twb-immersive-mode-controls,.twb-immersive-surface[data-view-mode=immersive]>.twb-immersive-mode-controls{display:none}.twb-immersive-surface[data-active-panel=view]>.twb-immersive-mode-controls{display:flex}.twb-immersive-status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (pointer:coarse),(max-width:768px){.twb-edge-trigger{display:none!important}.twb-immersive-surface[data-view-mode=auto-hide]>.twb-compact-menu-trigger,.twb-immersive-surface[data-view-mode=immersive]>.twb-compact-menu-trigger{z-index:60;right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));color:#fff;background:#173f7c;border:2px solid #252927;border-radius:50%;min-width:44px;min-height:44px;display:block;position:fixed}.twb-compact-menu{z-index:59;inset:auto max(8px, env(safe-area-inset-right)) calc(60px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));width:auto;max-width:none;max-height:70dvh;display:none;position:fixed;overflow:auto;transform:none}.twb-immersive-surface:not([data-view-mode=normal])[data-compact-menu-open=true]>.twb-compact-menu{display:flex}.twb-compact-menu button{min-width:44px;min-height:44px}}@media (max-width:520px){.twb-compact-menu{border-radius:16px 16px 0 0}.twb-compact-menu button{text-align:left;flex:100%}}@media (prefers-reduced-motion:reduce){.twb-immersive-surface *,.twb-immersive-surface :before,.twb-immersive-surface :after{transition:none!important;animation:none!important}}@media print{.twb-immersive-mode-controls,.twb-edge-trigger,.twb-compact-menu-trigger,.twb-compact-menu{display:none!important}}
.hwb-competitive{border:2px solid var(--trayners-ink,#252927);background:var(--trayners-paper,#fffdf7);min-width:min(100%,280px);color:var(--trayners-ink,#252927);border-radius:10px;gap:8px;padding:10px;display:grid;box-shadow:2px 3px #25292714}.hwb-competitive>header,.hwb-competitive-section,.hwb-competitive-section article,.hwb-competitive-section label{gap:6px;display:grid}.hwb-competitive>header{grid-template-columns:1fr minmax(150px,1.5fr);align-items:center}.hwb-competitive h3,.hwb-competitive p{margin:0}.hwb-competitive input,.hwb-competitive select,.hwb-competitive textarea,.hwb-competitive button{min-height:38px;color:inherit;font:inherit;background:#fff;border:1.5px solid;border-radius:7px}.hwb-competitive button{cursor:pointer;padding:6px 10px}.hwb-competitive textarea{resize:vertical;min-height:64px}.hwb-competitive-section article{border:1px dashed #6b7280;padding:7px}.hwb-competitive-section dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;display:grid}.hwb-competitive-section dl div{border:1px solid #d1d5db;padding:6px}.hwb-competitive-section dd{margin:0;font-weight:700}.hwb-chip-list{flex-wrap:wrap;gap:5px;display:flex}.hwb-chip-list label{border:1px solid #a3a3a3;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;padding:4px 7px;display:inline-flex}.hwb-competitive.is-matchday .hwb-competitive-section{font-size:1.05rem}.hwb-shell[data-matchday=true] .hwb-storage,.hwb-shell[data-matchday=true] .hwb-toolbar-settings,.hwb-shell[data-matchday=true] .hwb-knowledge,.hwb-shell[data-matchday=true] .hwb-validation,.hwb-shell[data-matchday=true] .hwb-pilot,.hwb-shell[data-matchday=true] .hwb-library-toggle,.hwb-shell[data-matchday=true] #hwb-tactical-library,.hwb-shell[data-matchday=true] .hwb-file-manager{display:none!important}.hwb-competitive-media{z-index:3;object-fit:contain;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.hwb-competitive-media.is-unlocked{pointer-events:auto}@media (pointer:coarse),(max-width:768px){.hwb-competitive{max-height:min(70vh,520px);overflow:auto}.hwb-competitive input,.hwb-competitive select,.hwb-competitive textarea,.hwb-competitive button{min-height:44px}}