*{box-sizing:border-box}[hidden]{display:none!important}html,body{color:#eee;background:#16181b;height:100%;margin:0;font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#view{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}#top{padding:calc(env(safe-area-inset-top) + 10px) 12px 0;position:fixed;top:0;left:0;right:0}#search{color:#eee;background:#24272b;border:1px solid #333;border-radius:10px;width:100%;padding:10px 12px;font-size:16px}#results{background:#24272b;border-radius:10px;max-height:40dvh;margin:4px 0 0;padding:0;list-style:none;overflow-y:auto}#results li{border-bottom:1px solid #333;padding:10px 12px}#results li small{color:#999;margin-left:6px}#layers{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#layers button{color:#777;background:#24272b;border:1px solid #444;border-radius:8px;flex:1;padding:8px 4px;font-size:13px}#layers button.on{color:#fff;background:#33373c;border-color:#888}#info,#lifts{left:0;right:0;bottom:var(--bar,0px);z-index:1;background:#1c1e22f5;border-radius:14px 14px 0 0;max-height:45dvh;padding:14px 16px 16px;position:fixed;overflow-y:auto}#lifts{max-height:60dvh}#lifts h3{color:#999;text-transform:uppercase;margin:10px 0 2px;font-size:12px;font-weight:400}#lifts ul{margin:0;padding:0;list-style:none}#lifts li{border-bottom:1px solid #333;padding:10px 2px}#info h2{margin:0 32px 2px 0;font-size:19px}#info .sub{color:#999;margin:0 0 8px;font-size:13px}#info dl{margin:0}#info dt{color:#999;text-transform:uppercase;margin-top:8px;font-size:12px}#info dd{margin:2px 0 0}#info .gap{color:#777}#info .close,#lifts .close{color:#aaa;background:0 0;border:0;width:36px;height:36px;font-size:20px;position:absolute;top:8px;right:8px}#player{z-index:2;padding:8px 10px calc(env(safe-area-inset-bottom) + 2px);background:#16181beb;border-top:1px solid #2a2d31;position:fixed;bottom:0;left:0;right:0}#player .row{align-items:center;gap:6px;margin-bottom:6px;display:flex}#player button{color:#ccc;background:#24272b;border:1px solid #444;border-radius:8px;min-width:40px;padding:8px 6px;font-size:13px}#player button.on{color:#fff;background:#33373c;border-color:#888}#player .lift{text-align:left;color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:10px;overflow:hidden}#player .lift:after{content:" ▾";color:#888}#views{gap:4px;display:flex}#views button{min-width:0;padding:8px 6px}#scrub{accent-color:#3fa7ff;flex:1;min-width:0}#credit{color:#777;text-align:center;margin:0;font-size:10px;line-height:1.3}.swatch{vertical-align:0;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.inlift{background:#24272b;border-radius:10px;margin:4px 0 8px;padding:8px 10px}.inlift p{margin:2px 0}.inlift-role{color:#ccc;font-size:13px}.inlift-now b{font-weight:600}.inlift-phase{color:#999;text-transform:uppercase;font-size:12px;margin-top:6px!important}.inlift-cues,.inlift-key{margin:2px 0 0;padding-left:0;list-style:none}.inlift-cues li,.inlift-key li{margin:2px 0}.inlift-cues small,.inlift-cuelist small,#info dd small{color:#888;font-size:11px;display:block}#info h3{color:#999;text-transform:uppercase;margin:10px 0 0;font-size:12px;font-weight:400}#info dd .limits{color:#aaa;margin-top:2px;font-size:13px;display:block}#note{color:#e0b24f;margin:0 0 6px;font-size:13px}#layers .layerbox{display:contents}#learnstrip{color:#ccc;max-height:22dvh;margin-bottom:6px;font-size:13px;overflow-y:auto}#learnstrip p{align-items:center;gap:8px;margin:0 0 4px;display:flex}#learnstrip b{color:#e4572e;font-weight:600}#learnstrip .names{flex-wrap:wrap;gap:4px;display:flex}#learnstrip .names button,#learnstrip .joint{padding:4px 8px;font-size:12px}#learnstrip .joint{margin-left:auto}#info .desc p{margin:0 0 8px;line-height:1.4}#info .credit{color:#777;font-size:11px}#info .isolate{color:#ddd;background:#26292d;border:1px solid #555;border-radius:8px;padding:8px 12px;font-size:13px}#info{max-height:38dvh;padding:10px 14px 12px}#info .cardhead{align-items:center;gap:6px;display:flex}#info .cardhead h2{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:18px;overflow:hidden}#info .cardhead .fold,#info .cardhead .close{color:#ccc;background:#26292d;border:1px solid #444;border-radius:8px;flex:none;width:34px;height:34px;font-size:18px;position:static}#info .acts{gap:6px;margin:8px 0 6px;display:flex}#info .acts:empty{display:none}#info .acts button{color:#ddd;background:#26292d;border:1px solid #555;border-radius:8px;flex:1;padding:7px 4px;font-size:12px}#info.folded .cardbody{display:none}#info.folded .acts{margin-bottom:0}#tools{z-index:1;flex-direction:column;gap:6px;display:flex;position:fixed;top:40%;right:8px}#tools button{color:#bbb;background:#24272bd9;border:1px solid #444;border-radius:8px;padding:7px 8px;font-size:12px}#tools button.on{color:#fff;background:#33373c;border-color:#888}#lifts .tabs{gap:6px;margin:0 44px 8px 0;display:flex}#lifts .tabs button{color:#888;background:#24272b;border:1px solid #444;border-radius:8px;flex:1;padding:8px;font-size:14px}#lifts .tabs button.on{color:#fff;background:#33373c;border-color:#888}#lifts ul.grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}#lifts ul.grid li{background:#22252a;border:1px solid #383b40;border-radius:8px;padding:9px 8px;font-size:13px;line-height:1.25}#lifts ul.grid li.wide{grid-column:1/-1}#lifts h3{margin:12px 0 6px}#tools{top:calc(env(safe-area-inset-top) + 128px)}#info,#lifts{z-index:2}
