.hwb-shell{--trayners-blue:#173f7c;--trayners-red:#ed2417;--trayners-field-green:#5b8f48;--trayners-ink:#1f2320;--trayners-paper:#fffefa;--trayners-canvas:#f7f4ea;box-sizing:border-box;min-height:100dvh;padding:max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));background:radial-gradient(circle at 15% 10%, #00000005 0 1px, transparent 1px 100%), linear-gradient(180deg, #fbfaf5, var(--trayners-canvas));color:var(--trayners-ink);background-size:18px 18px,auto;flex-direction:column;gap:clamp(5px,1vw,10px);font-family:Segoe Print,Comic Sans MS,cursive;display:flex;overflow:hidden auto}.hwb-header{background:var(--trayners-paper);border:2px solid var(--trayners-ink);border-radius:clamp(9px,1.5vw,14px);justify-content:space-between;align-items:center;gap:clamp(8px,2vw,18px);min-width:0;padding:clamp(7px,1.4vw,12px) clamp(9px,2vw,18px);display:flex;box-shadow:0 0 0 1px #00000008,2px 3px #20202018}.hwb-brand{align-items:center;gap:clamp(8px,1.5vw,13px);min-width:0;display:flex}.hwb-brand strong{color:var(--trayners-blue);letter-spacing:clamp(1px,.3vw,2px);font-size:clamp(20px,3.2vw,32px);line-height:1;display:block}.hwb-brand small{letter-spacing:1px;margin-top:3px;font:clamp(9px,1.2vw,11px) Arial,sans-serif;display:block}.hwb-shield{color:#fff;background:var(--trayners-blue);clip-path:polygon(50% 0,100% 14%,88% 75%,50% 100%,12% 75%,0 14%);border:0;border-radius:0;flex:none;place-items:center;width:clamp(34px,5vw,44px);height:clamp(38px,5.6vw,49px);font:700 clamp(22px,3.4vw,29px) Georgia,serif;display:grid;box-shadow:inset 0 0 0 3px #6f9855}.hwb-save{text-align:right;color:#48683c;flex:0 auto;font:clamp(11px,1.3vw,13px) Arial,sans-serif}.hwb-toolbar{overscroll-behavior:contain;scrollbar-width:thin;background:var(--trayners-paper);border:2px solid var(--trayners-ink);border-radius:10px;flex-wrap:wrap;align-items:center;gap:clamp(5px,.8vw,8px);max-height:min(22vh,150px);padding:clamp(6px,1vw,9px);display:flex;overflow:auto hidden}.hwb-toolbar-group{border-right:1px solid #1f232044;flex:none;align-items:center;gap:5px;padding-right:7px;display:flex}.hwb-toolbar-group:last-child{border-right:0;padding-right:0}.hwb-toolbar button{border:1.5px solid var(--trayners-ink);background:var(--trayners-paper);min-height:clamp(36px,5.2vw,43px);color:var(--trayners-blue);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;padding:clamp(6px,1vw,8px) clamp(8px,1.4vw,12px);font:700 clamp(11px,1.4vw,13px) Segoe Print,cursive}.hwb-toolbar button:hover:not(:disabled),.hwb-toolbar button:focus-visible{outline-offset:1px;background:#edf4e8;outline:3px solid #92ad67}.hwb-toolbar button:disabled{opacity:.42;cursor:not-allowed}.hwb-toolbar label{white-space:nowrap;align-items:center;gap:4px;font-size:clamp(11px,1.3vw,12px);display:flex}.hwb-toolbar input[type=color]{background:0 0;border:0;width:clamp(34px,5vw,39px);height:clamp(34px,5vw,39px)}.hwb-feedback{z-index:6;background:color-mix(in srgb, var(--trayners-paper) 88%, transparent);color:#314a65;pointer-events:none;border-radius:7px;margin:0;padding:2px 9px;font:clamp(11px,1.3vw,13px) Arial,sans-serif;position:absolute;top:8px;left:10px}.hwb-feedback:empty{display:none}.hwb-selection-status{color:var(--trayners-blue);background:color-mix(in srgb, var(--trayners-blue) 7%, var(--trayners-paper));border-bottom:1px solid color-mix(in srgb, var(--trayners-blue) 22%, transparent);padding:4px 10px;font-size:.78rem;font-weight:700}.hwb-context{border-bottom:1px solid color-mix(in srgb, var(--trayners-ink) 18%, transparent);background:var(--trayners-paper);white-space:nowrap;align-items:center;gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.hwb-context button,.hwb-context select,.hwb-context input{min-height:30px}.hwb-context button[aria-pressed=true]{color:var(--trayners-paper);background:var(--trayners-blue)}.hwb-storage input{width:10rem}.hwb-storage select{min-height:30px}.hwb-save.is-saving{color:#8a5a00}.hwb-save.is-synced{color:var(--trayners-field-green)}.hwb-save.is-error{color:var(--trayners-red)}@media print{.hwb-toolbar,.hwb-feedback,.hwb-selection-status,.hwb-context,.hwb-layers,.hwb-knowledge,.hwb-library-toggle,.hwb-library,.hwb-match-presets,.hwb-timeline,.hwb-file-safety,.hwb-pilot,.hwb-validation{display:none!important}.hwb-shell,.hwb-board{box-shadow:none!important;color:#000!important;background:#fff!important;border:0!important}.hwb-board{break-inside:avoid;width:277mm!important;height:180mm!important}}.hwb-library-toggle{border-bottom:1px solid color-mix(in srgb, var(--trayners-ink) 18%, transparent);background:var(--trayners-paper);justify-content:flex-end;padding:4px 8px;display:flex}.hwb-library-toggle button{min-height:36px}.hwb-knowledge{scrollbar-width:thin;background:#fffefaee;border:1.5px solid #1f232055;border-radius:10px;align-items:center;gap:clamp(8px,1vw,12px);min-width:0;padding:5px 8px;font:12px Arial,sans-serif;display:flex;overflow:auto}.hwb-knowledge strong{color:var(--trayners-blue);flex:none;font-family:Segoe Print,cursive}.hwb-knowledge>span,.hwb-knowledge small{color:#314a65}.hwb-knowledge ul{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hwb-knowledge li{white-space:nowrap;border-left:2px solid var(--trayners-field-green);align-items:baseline;gap:4px;padding-left:6px;display:flex}.hwb-validation{border:1px solid color-mix(in srgb, var(--trayners-blue) 25%, transparent);background:color-mix(in srgb, var(--trayners-blue) 5%, var(--trayners-paper));white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:4px 9px;font:11px Arial,sans-serif;display:flex;overflow-x:auto}.hwb-pilot{border:1px solid color-mix(in srgb, var(--trayners-blue) 35%, transparent);background:var(--trayners-paper);border-radius:12px;padding:8px 12px}.hwb-pilot label,.hwb-pilot .twb-pilot-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-block:6px;display:flex}.hwb-pilot input[type=number]{width:64px}.hwb-acceptance ul{gap:4px;padding:0;list-style:none;display:grid}.hwb-acceptance li,.hwb-acceptance fieldset,.hwb-acceptance label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hwb-acceptance li strong{margin-inline-start:auto}.hwb-acceptance fieldset{flex-direction:column;align-items:stretch;margin-top:8px}.hwb-acceptance textarea{flex:240px;min-height:64px}.hwb-validation strong{color:var(--trayners-blue)}.hwb-board{border:clamp(2px, .45vw, 3px) solid var(--trayners-ink);background:var(--trayners-paper);touch-action:none;border-radius:clamp(9px,1.5vw,14px);flex:auto;order:3;height:clamp(360px,60dvh,720px);min-height:clamp(360px,60dvh,720px);position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008,2px 3px #20202018}.hwb-header{order:0}.hwb-toolbar{order:1}.hwb-selection-status,.hwb-context,.hwb-layers,.hwb-feedback{order:2}.hwb-hockey-catalog,.hwb-match-presets,.hwb-file-safety,.hwb-timeline,.hwb-library,.hwb-library-toggle,.hwb-competitive,.hwb-pilot,.hwb-knowledge,.hwb-validation{order:4}.hwb-layers{border:1px solid color-mix(in srgb, var(--trayners-blue) 28%, transparent);background:var(--trayners-paper);border-radius:8px;padding:4px 8px;font:11px Arial,sans-serif}.hwb-layers summary{cursor:pointer;color:var(--trayners-blue);font-weight:800}.hwb-selection-tools{flex-wrap:wrap;gap:4px;margin-block:6px;display:flex}.hwb-layer-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:4px;max-height:132px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.hwb-layer-list button{text-align:left;justify-content:space-between;gap:6px;width:100%;display:flex}.hwb-layer-list button[aria-pressed=true]{color:var(--trayners-paper);background:var(--trayners-blue)}.hwb-halftime{z-index:10020;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--trayners-ink);background:color-mix(in srgb, var(--trayners-paper) 96%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-content:center;gap:clamp(12px,2vw,24px);display:grid;position:fixed;inset:0}.hwb-halftime header{justify-content:space-between;align-items:baseline;gap:12px;width:100%;max-width:1100px;margin:auto;display:flex}.hwb-halftime header strong{color:var(--trayners-blue);font:800 clamp(24px,4vw,48px) Segoe Print,cursive}.hwb-halftime>div{grid-template-columns:repeat(5,minmax(130px,1fr));gap:clamp(8px,1.5vw,18px);width:100%;max-width:1100px;margin:auto;display:grid}.hwb-halftime>div>button{text-align:left;border:3px solid var(--preset-colour);background:var(--trayners-paper);grid-template-columns:auto 1fr;gap:6px;min-height:180px;padding:10px;display:grid}.hwb-halftime>div>button b{color:#fff;background:var(--preset-colour);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.hwb-halftime img,.hwb-halftime-placeholder{aspect-ratio:16/9;object-fit:contain;border:1px solid color-mix(in srgb, var(--trayners-ink) 18%, transparent);background:color-mix(in srgb, var(--trayners-field-green) 9%, var(--trayners-paper));grid-column:1/-1;width:100%}.hwb-halftime small{text-align:right}.hwb-halftime-exit{justify-self:center;min-height:44px}@media (max-width:760px){.hwb-halftime{align-content:start;overflow:auto}.hwb-halftime header{flex-direction:column;align-items:flex-start}.hwb-halftime>div{grid-template-columns:1fr}.hwb-halftime>div>button{grid-template-columns:auto 96px 1fr auto;align-items:center;min-height:96px}.hwb-halftime img,.hwb-halftime-placeholder{grid-column:auto;width:96px}}.hwb-board.is-placing{cursor:crosshair}.hwb-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hwb-placement-preview{z-index:6;border:2px dashed var(--trayners-blue);width:34px;height:34px;color:var(--trayners-blue);background:color-mix(in srgb, var(--trayners-paper) 78%, transparent);pointer-events:none;border-radius:50%;place-items:center;margin:-17px 0 0 -17px;font-weight:800;display:grid;position:absolute}.hwb-text-input{border:1px solid color-mix(in srgb, var(--trayners-ink) 38%, transparent);background:var(--trayners-paper);border-radius:5px;width:9rem;min-height:30px;padding:3px 7px}.hwb-board>.excalidraw{--color-primary:var(--trayners-blue);--color-primary-darker:#102f60;--color-primary-darkest:#092349;width:auto;height:auto;position:absolute;inset:0}.hwb-shell[data-template=standard-pro]{background:#f3f5f7;font-family:Inter,Arial,sans-serif}.hwb-shell[data-template=standard-pro] :is(.hwb-header,.hwb-toolbar,.hwb-timeline,.hwb-library,.hwb-match-presets){box-shadow:none;border-radius:4px}.hwb-shell[data-template=magnetic-board]{background:#173f35}.hwb-shell[data-template=magnetic-board] .hwb-header{color:#fff;background:#102e27}.hwb-shell[data-template=magnetic-board] .hwb-header small{color:#dcebe5}.hwb-shell[data-template=tactical-figures]{background:#eef2f3;font-family:Inter,Arial,sans-serif}.hwb-shell[data-high-contrast=true]{--trayners-ink:#000;--trayners-paper:#fff;color:#000;background:#fff}.hwb-shell[data-high-contrast=true] :is(button,input,select,.hwb-header,.hwb-toolbar,.hwb-timeline,.hwb-library,.hwb-match-presets,.hwb-file-safety){border-color:#000}.hwb-shell[data-high-contrast=true] :is(button,input,select):focus-visible{outline-offset:2px;outline:4px solid #ffbf00}.hwb-shell[data-presentation=true]{background:#08192c;gap:4px;padding:4px}.hwb-shell[data-presentation=true] :is(.hwb-toolbar,.hwb-selection-status,.hwb-context,.hwb-layers,.hwb-feedback,.hwb-file-safety,.hwb-library,.hwb-knowledge,.hwb-validation){display:none}.hwb-shell[data-presentation=true] .hwb-header{color:#fff;background:#0f2f61;min-height:48px}.hwb-shell[data-presentation=true] .hwb-header small{color:#e8eef7}.hwb-shell[data-presentation=true] .hwb-save{display:none}.hwb-shell[data-presentation=true] .hwb-presentation-exit{color:#0f2f61;background:#fff;margin-left:auto}.hwb-shell[data-presentation=true] .hwb-board{min-height:55dvh}.hwb-shell[data-presentation=true] :is(.hwb-match-presets,.hwb-timeline){font-size:1.05rem}.hwb-timeline{border:1.5px solid var(--trayners-ink);background:var(--trayners-paper);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.hwb-timeline-controls,.hwb-frame-strip,.hwb-frame{align-items:center;gap:5px;display:flex}.hwb-timeline-controls{flex:none}.hwb-frame-strip{min-width:0;padding:2px;overflow-x:auto}.hwb-frame{border:1px solid #c8ccd2;border-radius:6px;flex:none;padding:3px}.hwb-frame.is-active{border-color:var(--trayners-blue);box-shadow:0 0 0 1px var(--trayners-blue)}.hwb-frame-select{min-width:32px;font-weight:800}.hwb-frame input[type=text],.hwb-frame input:not([type]){width:112px}.hwb-frame input[type=number]{width:54px}.hwb-frame select{max-width:82px}.hwb-match-presets{border:1.5px solid var(--trayners-ink);background:var(--trayners-paper);border-radius:8px;align-items:center;gap:7px;min-width:0;padding:5px 8px;display:flex}.hwb-match-presets header{color:var(--trayners-blue);flex:none;gap:2px;display:grid}.hwb-match-presets header label{color:var(--trayners-ink);font-size:10px}.hwb-match-presets header input{width:115px}.hwb-match-presets>div{gap:5px;min-width:0;padding:2px;display:flex;overflow-x:auto}.hwb-match-presets article{flex:0 0 150px;grid-template-columns:auto auto;gap:3px;display:grid}.hwb-preset-open{border:2px solid var(--preset-colour);grid-column:1/-1;align-items:center;gap:6px;min-height:42px;display:flex}.hwb-preset-open b{color:#fff;background:var(--preset-colour);border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.hwb-preset-open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hwb-file-safety{background:var(--trayners-paper);border:1px solid #c8ccd2;border-radius:7px;gap:6px;min-width:0;padding:4px 8px;display:flex}.hwb-file-safety>details{position:relative}.hwb-file-safety summary{cursor:pointer;color:var(--trayners-blue);font-weight:800}.hwb-file-safety summary small{color:var(--trayners-ink);margin-left:4px}.hwb-file-list,.hwb-recovery-list{z-index:14;border:1.5px solid var(--trayners-ink);background:var(--trayners-paper);border-radius:7px;gap:5px;width:min(520px,88vw);max-height:45vh;padding:7px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow:auto;box-shadow:2px 3px 8px #0002}.hwb-file-list article{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.hwb-file-list article>span{min-width:170px;margin-right:auto}.hwb-file-list article small{font-size:10px;display:block}.hwb-file-list article>details{flex-basis:100%}.hwb-file-list article>details button,.hwb-recovery-list button{text-align:left;width:100%}.hwb-library{border:1.5px solid var(--trayners-ink);background:var(--trayners-paper);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:5px 8px;min-width:0;padding:6px 8px;display:grid;position:relative}.hwb-library>header{flex-direction:column;justify-content:center;min-width:150px;display:flex}.hwb-library>header span,.hwb-library-card small{opacity:.72;font-size:10px;display:block}.hwb-library-filters,.hwb-library-save,.hwb-library-results,.hwb-library-card,.hwb-link-preview{align-items:center;gap:5px;display:flex}.hwb-library-filters{min-width:0;overflow-x:auto}.hwb-library-filters select{min-width:max-content}.hwb-library-save{grid-column:1/-1;min-width:0;overflow-x:auto}.hwb-library-save input{min-width:160px}.hwb-library-results{grid-column:1/-1;min-width:0;padding:2px;overflow-x:auto}.hwb-library-card{border:1px solid #c8ccd2;border-radius:6px;flex:none;padding:4px}.hwb-library-card>div:nth-child(2){min-width:150px}.hwb-library-preview{border:1px solid var(--trayners-field-green);background:#fdfcf7;flex:0 0 70px;width:70px;height:42px;position:relative;overflow:hidden}.hwb-library-preview i{background:var(--trayners-blue);border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute}.hwb-link-preview{z-index:12;border:2px solid var(--trayners-blue);background:var(--trayners-paper);border-radius:7px;flex-wrap:wrap;padding:7px;position:absolute;bottom:7px;left:8px;right:8px;box-shadow:2px 3px 8px #0002}.hwb-hockey-catalog{border:1.5px solid var(--trayners-ink);background:var(--trayners-paper);border-radius:8px;padding:5px 8px;position:relative}.hwb-hockey-catalog summary{cursor:pointer;color:var(--trayners-blue);font-weight:800}.hwb-hockey-catalog>div{align-items:end;gap:5px;min-width:0;margin-top:5px;display:flex;overflow-x:auto}.hwb-hockey-catalog label{flex:none;gap:2px;font-size:10px;font-weight:700;display:grid}.hwb-hockey-catalog select,.hwb-hockey-catalog input{min-width:128px}.hwb-board :is(.sidebar-trigger,.sidebar-trigger__label-element),.hwb-board a[href*="github.com/excalidraw"],.hwb-board a[href*="x.com/excalidraw"],.hwb-board a[href*="twitter.com/excalidraw"],.hwb-board a[href*=discord]{display:none!important}.hwb-board .dropdown-menu-group:has(a[href*="github.com/excalidraw"]){display:none!important}.hwb-board .dropdown-menu-group:has(a[href*="x.com/excalidraw"]){display:none!important}.hwb-board .dropdown-menu-group:has(a[href*="twitter.com/excalidraw"]){display:none!important}.hwb-board .dropdown-menu-group:has(a[href*=discord]){display:none!important}@media (max-width:900px){.hwb-shell{gap:6px}.hwb-header{align-items:flex-start}.hwb-save{max-width:32vw}.hwb-toolbar{flex-wrap:nowrap;padding-bottom:9px}.hwb-toolbar-group{flex-wrap:nowrap}}@media (max-width:560px){.hwb-shell{padding:max(4px, env(safe-area-inset-top)) max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left))}.hwb-header{padding:7px}.hwb-knowledge,.hwb-validation{display:none}.hwb-toolbar{max-height:96px;padding:4px}.hwb-toolbar-group{gap:3px;padding-right:4px}.hwb-brand small,.hwb-save{display:none}.hwb-toolbar button{min-height:40px;padding:5px 7px;font-size:11px}.hwb-toolbar-settings{max-width:none}.hwb-timeline,.hwb-match-presets{flex-direction:column;align-items:stretch;padding:4px}.hwb-match-presets header{justify-content:space-between;align-items:center;width:100%;display:flex}.hwb-match-presets>div{width:100%}.hwb-file-safety{padding:4px}.hwb-timeline-controls{width:100%;overflow-x:auto}.hwb-frame-strip{width:100%}.hwb-library{flex-direction:column;padding:4px;display:flex}.hwb-library>header{flex-direction:row;justify-content:space-between;min-width:0}.hwb-library-card>div:nth-child(2){min-width:125px}.hwb-hockey-catalog{padding:4px}}@media (orientation:landscape) and (max-height:620px){.hwb-feedback,.hwb-knowledge,.hwb-selection-status{display:none}.hwb-header{padding-block:5px}.hwb-toolbar{flex-wrap:nowrap}}.twb-immersive-surface[data-view-mode=normal] .hwb-header{padding-right:min(330px,42vw)}.twb-immersive-surface:not([data-view-mode=normal]) .hwb-shell{width:100%;height:100%;min-height:100dvh;padding:0;display:block;position:relative;overflow:hidden}.twb-immersive-surface:not([data-view-mode=normal]) :is(.hwb-header,.hwb-toolbar,.hwb-selection-status,.hwb-context,.hwb-feedback,.hwb-hockey-catalog,.hwb-match-presets,.hwb-file-safety,.hwb-timeline,.hwb-library,.hwb-knowledge,.hwb-validation,.hwb-pilot,.App-menu_top){display:none}.twb-immersive-surface:not([data-view-mode=normal]) .hwb-board{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;display:block;position:absolute;inset:0}.twb-immersive-surface:not([data-view-mode=normal]) .hwb-toolbar-group{display:none}.twb-immersive-surface[data-active-panel=place] .hwb-toolbar,.twb-immersive-surface[data-active-panel=lines] .hwb-toolbar,.twb-immersive-surface[data-active-panel=edit] .hwb-toolbar,.twb-immersive-surface[data-active-panel=storage] .hwb-toolbar,.twb-immersive-surface[data-active-panel=view] .hwb-toolbar{z-index:52;background:var(--trayners-paper);border-radius:8px;width:auto;max-height:min(40dvh,240px);display:flex;position:absolute;top:94px;left:14px;right:14px;overflow:auto;box-shadow:0 4px 18px #00000029}.twb-immersive-surface[data-active-panel=place] [data-immersive-panel=place],.twb-immersive-surface[data-active-panel=lines] [data-immersive-panel=lines],.twb-immersive-surface[data-active-panel=edit] [data-immersive-panel=edit],.twb-immersive-surface[data-active-panel=storage] [data-immersive-panel=storage],.twb-immersive-surface[data-active-panel=view] [data-immersive-panel=view],.twb-immersive-surface[data-active-panel=edit] .App-menu_top{display:flex}.twb-immersive-surface[data-active-panel=library] .hwb-library{z-index:52;background:var(--trayners-paper);display:block;position:absolute;inset:94px min(350px,36vw) 14px 14px;overflow:auto;box-shadow:0 4px 18px #00000029}.twb-immersive-surface[data-active-panel=library] .hwb-hockey-catalog{z-index:52;background:var(--trayners-paper);width:min(320px,34vw);max-height:calc(100dvh - 108px);display:block;position:absolute;top:94px;right:14px;overflow:auto;box-shadow:0 4px 18px #00000029}.twb-immersive-surface[data-active-panel=frames] .hwb-match-presets{z-index:52;background:var(--trayners-paper);max-height:min(42dvh,280px);display:flex;position:absolute;top:94px;left:14px;right:14px;overflow:auto;box-shadow:0 4px 18px #00000029}.twb-immersive-surface[data-active-panel=frames] .hwb-timeline{z-index:52;background:var(--trayners-paper);max-height:min(36dvh,220px);display:flex;position:absolute;bottom:14px;left:14px;right:14px;overflow:auto;box-shadow:0 4px 18px #00000029}.twb-immersive-surface[data-active-panel=storage] .hwb-file-safety{z-index:51;background:var(--trayners-paper);display:flex;position:absolute;inset:min(174px,30dvh) 14px 14px;overflow:auto;box-shadow:0 4px 18px #00000029}.twb-immersive-surface[data-active-panel=view] .hwb-context{z-index:53;background:var(--trayners-paper);display:flex;position:absolute;top:min(174px,30dvh);left:14px;right:14px;box-shadow:0 4px 18px #00000029}.twb-immersive-surface:not([data-view-mode=normal]) .hwb-layers{display:none}.twb-immersive-surface[data-active-panel=edit] .hwb-layers{z-index:53;background:var(--trayners-paper);max-height:min(46dvh,360px);display:block;position:absolute;top:min(174px,30dvh);left:14px;right:14px;overflow:auto;box-shadow:0 4px 18px #00000029}@media (max-width:768px),(pointer:coarse){.twb-immersive-surface:not([data-view-mode=normal]) :is(.hwb-toolbar,.hwb-library,.hwb-hockey-catalog,.hwb-match-presets,.hwb-file-safety,.hwb-timeline,.hwb-context,.hwb-layers){z-index:58;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:62dvh;position:fixed;overflow:auto}.twb-immersive-surface[data-active-panel=library] .hwb-hockey-catalog,.twb-immersive-surface[data-active-panel=frames] .hwb-match-presets{display:none}}