.look-frame{position:absolute;inset:0;z-index:3;pointer-events:none;box-sizing:border-box;border:5px solid transparent;border-image:var(--look-frame) 24% / 5px stretch;image-rendering:auto}.look-frame.card{inset:-1px;border-width:3px;border-image-width:3px;z-index:0}[data-look]{display:none}html.art-look-frame-twine [data-look=frame-twine],html.art-look-frame-brass [data-look=frame-brass],html.art-look-frame-oak [data-look=frame-oak],html.art-look-frame-moonsilver [data-look=frame-moonsilver],html.art-look-supporter-frame-dawn [data-look=supporter-frame-dawn],html.art-look-supporter-frame-ivy [data-look=supporter-frame-ivy],html.art-look-banner-lantern [data-look=banner-lantern],html.art-look-banner-summit [data-look=banner-summit],html.art-look-banner-acorn [data-look=banner-acorn],html.art-look-supporter-banner-dusk [data-look=supporter-banner-dusk],html.art-look-emote-spark [data-look=emote-spark],html.art-look-emote-leaf [data-look=emote-leaf],html.art-look-emote-star [data-look=emote-star],html.art-look-supporter-emote-moon [data-look=supporter-emote-moon]{display:block}.rd-plate .look-frame.bar{inset:-4px;border-width:3px;border-image-width:3px}.look-banner{position:absolute;z-index:7;top:calc(var(--battle-hud-height, 0px) + 22px);width:10px;height:auto;pointer-events:none;image-rendering:auto}.look-banner.side-0{left:6px}.look-banner.side-1{right:6px}.combat-effects .ko-emote{position:absolute;left:50%;top:2px;width:14px;height:14px;translate:-50% 0;z-index:5;pointer-events:none;image-rendering:auto;opacity:0;animation:koEmotePop var(--emote-ms,.9s) cubic-bezier(.22,1,.36,1) both}.combat-effects .ko-emote.still{animation:none;opacity:1}.replay-paused .combat-effects .ko-emote{animation-play-state:paused}@keyframes koEmotePop{0%{opacity:0;transform:translateY(4px) scale(.5)}22%{opacity:1;transform:translateY(0) scale(1.1)}40%{transform:translateY(-1px) scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-4px) scale(1)}}html[data-effects=minimum] .combat-effects .ko-emote{animation:none;opacity:1}@media(prefers-reduced-motion:reduce){.combat-effects .ko-emote{animation:none;opacity:1}}.lo-body{grid-template-columns:104px minmax(0,1fr)}.lo-preview{position:relative;align-content:center}.lo-preview .look-banner{position:absolute;top:4px;left:4px}.lo-card{position:relative;display:grid;place-items:center;width:36px;height:40px;background:#1b1b2fe6}.lo-card .spr{transform:none}.lo-emote{position:absolute;top:-6px;right:-8px;width:14px;height:14px;image-rendering:auto}.lo-slots{display:grid;grid-auto-rows:min-content;gap:4px;align-content:start;min-width:0}.lo-row{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px;min-width:0}.lo-label{font-size:6px;color:var(--silver);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lo-opts{display:flex;flex-wrap:wrap;gap:2px;min-width:0}.lo-opt{position:relative;display:grid;place-items:center;width:18px;height:18px;min-height:0;padding:1px;font:inherit;background:#101010c7;border:1px solid var(--stone);cursor:pointer}.lo-opt img{max-width:14px;max-height:14px;image-rendering:auto}.lo-opt .lo-none{width:8px;height:1px;background:var(--stone)}.lo-opt.on{border-color:var(--gold);background:var(--slate)}.lo-opt.locked>img:first-child{opacity:var(--quiet)}.lo-opt .lo-lock{position:absolute;right:0;bottom:0;width:6px;height:6px;opacity:1}.lo-note{margin:0;min-height:8px;font-size:6px;color:var(--chalk);display:flex;gap:3px;align-items:center;flex-wrap:wrap}.lo-note small{color:var(--silver);font-size:6px}.lo-note .lo-sp{display:inline-flex;gap:3px;align-items:center}.lo-sp-group{display:flex;gap:2px;padding:0 2px;margin-left:2px;background:#a082d238}.lo-sp-key{display:inline-block;width:8px;height:6px;background:#a082d273}.locker-screen .nb-tab{padding:0 2px}.locker-screen .nb-head .nb-titles{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
