.sp-sprite{width:0;height:0;position:absolute;overflow:hidden}.work-loading{align-items:center;gap:var(--space-8);color:var(--muted);font-size:var(--font-size-sm);padding-block:var(--space-8);display:flex}.work-loading .sp-icon{animation:1s linear infinite work-spin}@keyframes work-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.work-loading .sp-icon{animation:none}}.page--work .portal-head__row .button .sp-icon{--icon-size:var(--icon-size-xs);--icon-stroke:var(--icon-stroke-xs)}.work-filters{align-items:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.work-filters .sp-dropdown{min-width:var(--space-160);position:relative}.work-filters .sp-dropdown__trigger{width:100%}.page--work .work-occ-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.work-load-more{justify-self:center}.work-occ-head{gap:var(--space-10);display:grid}.work-occ-head__row{align-items:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.work-occ-head__meta{color:var(--muted);font-size:var(--font-size-md)}.work-zone-grid{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.work-zone-grid dt{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-xs-font-size);line-height:var(--text-xs-line-height);font-weight:var(--weight-medium)}.work-zone-grid dd{font-size:var(--font-size-md);margin:0;line-height:20px}@media (max-width:720px){.work-zone-grid{grid-template-columns:1fr}}.work-abil-groups{gap:var(--space-16);display:grid}.work-abil-group{gap:var(--space-6);display:grid}.work-suggest{z-index:40;top:calc(100% + var(--space-6));max-height:var(--space-320);padding:var(--space-6);border:1px solid var(--surface-border-hover);border-radius:var(--radius-compact);background:var(--surface-raised);box-shadow:var(--shadow-xl);margin:0;list-style:none;position:absolute;left:0;right:0;overflow:auto}.work-suggest__item{gap:var(--space-2);width:100%;padding:var(--space-8) var(--space-10);border-radius:var(--radius-control);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:grid}.work-suggest__item:hover,.work-suggest__item:focus-visible{background:var(--surface-box)}.work-suggest__item code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--font-size-sm)}.work-suggest__note{padding:var(--space-8) var(--space-10);color:var(--muted);font-size:var(--font-size-sm)}.work-session{gap:var(--space-14);display:grid}.work-session__head{justify-content:space-between;align-items:flex-start;gap:var(--space-12);flex-wrap:wrap;display:flex}.work-session__grid{gap:var(--space-16);grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);align-items:stretch;display:grid}@media (max-width:900px){.work-session__grid{grid-template-columns:1fr}}.work-session__frame{border:1px solid var(--surface-border);border-radius:var(--radius-compact);background:var(--surface-canvas);min-height:520px;position:relative;overflow:hidden}.work-session__frame iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.work-console{border:1px solid var(--surface-border);border-radius:var(--radius-compact);background:var(--surface-canvas);flex-direction:column;min-height:320px;display:flex;overflow:hidden}.work-console__head{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--surface-border);font-size:var(--font-size-sm);font-weight:600;display:flex}.work-console__dot{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--green);margin-inline-end:var(--space-6);animation:1.4s ease-in-out infinite work-pulse;display:inline-block}@keyframes work-pulse{0%,to{opacity:1}50%{opacity:.35}}.work-console__body{padding:var(--space-10) var(--space-12);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--font-size-sm);color:var(--muted);white-space:pre-wrap;flex:1;margin:0;line-height:20px;overflow:auto}.work-console__body [data-tone=sdk]{color:var(--green)}.work-console__body [data-tone=telemetry]{color:var(--text-strong)}.work-console__foot{gap:var(--space-10);padding:var(--space-12);border-top:1px solid var(--surface-border);display:grid}.work-console__progress{color:var(--muted);font-size:var(--font-size-sm);justify-content:space-between;display:flex}.work-celebrate{z-index:120;padding:var(--space-20);background:color-mix(in srgb, var(--surface-canvas) 78%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;display:grid;position:fixed;inset:0}.work-celebrate__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.work-celebrate__card{z-index:1;gap:var(--space-16);border:1px solid var(--surface-border-hover);width:min(560px,100%);box-shadow:var(--shadow-xl);display:grid;position:relative}.work-cert{gap:var(--space-10);padding:var(--space-16);border:1px dashed color-mix(in srgb, var(--violet) 45%, var(--surface-border));border-radius:var(--radius-compact);background:color-mix(in srgb, var(--violet) 6%, var(--surface-box));display:grid}.work-cert__name{width:100%;padding:var(--space-6) 0;border:0;border-bottom:2px solid var(--violet);color:var(--text-strong);font:inherit;font-size:var(--text-lg-font-size);text-align:center;background:0 0;outline:0;font-weight:600}.work-cert__foot{justify-content:space-between;gap:var(--space-10);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:var(--font-size-sm);display:flex}.page--work .game-media img.art-layer{object-fit:cover;width:100%;height:100%}.page--work .game-media--blank{color:var(--muted);background:color-mix(in srgb, var(--violet) 8%, var(--surface-raised));place-items:center;display:grid}.page--work .game-media--blank .sp-icon{--icon-size:var(--icon-size-lg)}.page--work .work-game-chip .work-game-chip__blank{width:var(--space-22);height:var(--space-22);border-radius:var(--radius-full);background:color-mix(in srgb, var(--violet) 14%, var(--surface-raised));place-items:center;display:inline-grid}.page--work .work-game-chip .work-game-chip__blank .sp-icon{--icon-size:var(--space-12)}.page--work .sp-dropdown__item[aria-checked=true] .sp-dropdown__selected-mark{opacity:1}.work-leaf:hover{border-color:var(--surface-border-hover)}