:root .ds-root.ds-ed.dsp.tf-page{min-height:0}.tf{--tf-top:64px;z-index:1;height:calc(100dvh - var(--tf-top));min-height:620px;margin-top:var(--tf-top);background:var(--ds-chrome);box-shadow:0 2px 0 var(--ds-key),0 -2px 0 var(--ds-key);grid-template-columns:224px minmax(0,1fr) 272px;display:grid;position:relative}.tf-rail{background:var(--ds-chrome);min-height:0;box-shadow:2px 0 0 var(--ds-key);z-index:1;flex-direction:column;display:flex;overflow-y:auto}.tf-title{font-family:var(--ds-mcf);color:var(--ds-t1);text-shadow:2px 2px 0 var(--ds-shc);align-items:center;gap:8px;margin:0;padding:14px 12px 12px;font-size:16px;font-weight:400;line-height:20px;display:flex}.tf-title img{width:16px;height:16px;image-rendering:pixelated;flex:none}.tf-tests{flex-direction:column;gap:2px;margin:0;padding:0 8px 12px;list-style:none;display:flex}.tf-test{width:100%;min-height:48px;color:var(--ds-t1);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.tf-test img{width:32px;height:32px;image-rendering:pixelated;flex:none}.tf-test:hover{background:var(--ds-card-hi)}.tf-test.is-on{background:var(--ds-sel-fill);box-shadow:inset 0 0 0 2px var(--ds-sel)}.tf-test-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tf-test-text b{font-family:var(--ds-mcf);text-shadow:2px 2px 0 var(--ds-shc);font-size:16px;font-weight:400;line-height:18px}.tf-test-text span{font-family:var(--ds-uif);color:var(--ds-t3);font-size:12px;line-height:15px}.tf-test.is-on .tf-test-text b{color:#fff;text-shadow:2px 2px #3f3f3f}.tf-test.is-on .tf-test-text span{color:#c9c9d1}:root[data-theme=light] .tf-test.is-on .tf-test-text b{color:var(--ds-t1);text-shadow:none}:root[data-theme=light] .tf-test.is-on .tf-test-text span{color:var(--ds-t3)}:root[data-theme=light] .tf-test-text b,:root[data-theme=light] .tf-title{text-shadow:none}.tf-stage{background:#050507;min-width:0;min-height:0;position:relative}.tf-views{background:#050507;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;inset:0;container-type:size}.tf-views>.tf-game{aspect-ratio:16/9;flex:none;width:min(100cqw - 16px,177.778cqh - 28.4444px);box-shadow:0 0 0 2px #000}.tf-views.is-2>.tf-game{width:min(100cqw - 16px,88.8889cqh - 17.7778px)}.tf-views.is-free{flex-direction:row;gap:2px;padding:0}.tf-views.is-free>.tf-game{aspect-ratio:auto;width:auto;height:100%;box-shadow:none;flex:1 1 0}.tf-stage-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.tf-box{pointer-events:none;position:absolute;overflow:hidden}.tf-box[hidden]{display:none}.tf-game-error{color:#f55;max-width:80%;font-family:var(--ds-uif);text-align:center;background:#16161c;margin:0;padding:8px 12px;font-size:14px;line-height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #050507}.tf-box canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.tf-game{-webkit-user-select:none;user-select:none;isolation:isolate;background:#101014;min-width:0;min-height:0;position:relative;overflow:hidden}.tf-game.is-live{cursor:pointer;touch-action:manipulation}.tf-scene{pointer-events:none;width:auto;max-width:none;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.tf-gl,.tf-hud{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tf-cross{pointer-events:none;display:block;position:absolute}.tf-hud,.tf-cross{image-rendering:pixelated}.tf-cross{mix-blend-mode:exclusion}.tf-tag{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;max-width:min(300px,100% - 16px);display:flex;position:absolute;top:8px;bottom:8px;left:8px}.tf-tag>*{pointer-events:auto}.tf-tag-btn{color:#fff;cursor:pointer;background:#000000b8;border:0;align-items:center;gap:8px;max-width:100%;min-height:32px;padding:2px 8px;display:flex;box-shadow:inset 0 0 0 2px #ffffff47}.tf-tag-btn:hover,.tf-tag.is-open .tf-tag-btn{box-shadow:inset 0 0 0 2px #fff}.tf-tag-btn img{width:16px;height:16px;image-rendering:pixelated;flex:none}.tf-tag-btn b{font-family:var(--ds-mcf);text-shadow:1.6667px 1.6667px #3f3f3f;white-space:nowrap;text-overflow:ellipsis;font-size:13.3333px;font-weight:400;line-height:15px;overflow:hidden}.tf-tag-change{font-family:var(--ds-uif);color:#ff5;flex:none;font-size:12px;line-height:16px}.tf-tag .tf-list{flex:0 auto;width:280px;max-width:100%;min-height:0;max-height:none;overflow-y:auto;box-shadow:0 0 0 2px #050507}.tf-board .tf-tag{z-index:3;position:relative;top:0;bottom:auto;left:0}.tf-board .tf-tag .tf-list{max-height:320px;position:absolute;top:36px;left:0}.tf-board .tf-tag-btn{background:var(--ds-well);box-shadow:var(--ds-sunken);color:var(--ds-t1)}.tf-pack{flex-direction:column;gap:6px;display:flex}.tf-pack .ds-sec{margin:0}.tf-pack-btn{background:var(--ds-well);width:100%;min-height:48px;box-shadow:var(--ds-sunken);color:var(--ds-t1);text-align:left;cursor:pointer;border:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.tf-pack-btn:hover{background:var(--ds-well-hi)}.tf-pack-btn img{width:32px;height:32px;image-rendering:pixelated;flex:none}.tf-pack-change{font-family:var(--ds-uif);color:var(--ds-ce);flex:none;margin-left:auto;font-size:12px;line-height:16px}:root[data-theme=light] .tf-pack-change{color:#18181b;font-weight:600}.tf-list-text{flex-direction:column;gap:1px;min-width:0;display:flex}.tf-list-text b{font-family:var(--ds-mcf);text-shadow:1.6667px 1.6667px 0 var(--ds-shc);white-space:nowrap;text-overflow:ellipsis;font-size:13.3333px;font-weight:400;line-height:16px;overflow:hidden}.tf-list-text span{font-family:var(--ds-uif);color:var(--ds-t3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:15px;overflow:hidden}:root[data-theme=light] .tf-list-text b{text-shadow:none}.tf-list-blank{flex:none;width:24px;height:24px}.tf-list{background:var(--ds-chrome);max-height:340px;box-shadow:var(--ds-sunken);flex-direction:column;gap:2px;padding:2px;display:flex;overflow-y:auto}.tf-list-add,.tf-list-item{width:100%;min-height:40px;color:var(--ds-t1);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:10px;padding:4px 8px;display:flex}.tf-list-item img{width:24px;height:24px;image-rendering:pixelated;flex:none}.tf-list-add:hover:not(:disabled),.tf-list-item:hover{background:var(--ds-card-hi)}.tf-list-add:disabled{opacity:.6;cursor:progress}.tf-list-item.is-on{background:var(--ds-sel-fill);box-shadow:inset 0 0 0 2px var(--ds-sel)}.tf-list-item.is-on .tf-list-text b{color:#fff}:root[data-theme=light] .tf-list-item.is-on .tf-list-text b{color:var(--ds-t1)}.tf-list-add b{font-family:var(--ds-mcf);color:var(--ds-ca);text-shadow:1.6667px 1.6667px 0 var(--ds-shc);font-size:13.3333px;font-weight:400;line-height:16px}:root[data-theme=light] .tf-list-add b{color:#0b3d00;text-shadow:none}.tf-list-plus{width:24px;font-family:var(--ds-mcf);text-align:center;color:var(--ds-ca);flex:none;font-size:24px;line-height:24px}:root[data-theme=light] .tf-list-plus{color:#0b3d00}.tf-side{background:var(--ds-chrome);min-height:0;box-shadow:-2px 0 0 var(--ds-key);z-index:1;flex-direction:column;gap:16px;padding:12px 12px 72px;display:flex;overflow-y:auto}:root .ds-root.ds-ed .tf-side .ds-check{min-height:32px;box-shadow:none;background:0 0;align-items:center;padding:4px 0;font-size:14px;line-height:18px}:root .ds-root.ds-ed .tf-side .ds-check .ds-box{background-size:24px 24px;width:24px;height:24px}.tf-skin{gap:4px;display:flex}.tf-skin .ds-field{flex:auto;min-width:0}.tf-boards{background:var(--ds-key);gap:2px;display:grid;position:absolute;inset:0;overflow-y:auto}.tf-boards.is-2{grid-template-columns:1fr 1fr}.tf-board{background:var(--ds-card);flex-direction:column;gap:16px;min-width:0;padding:16px;display:flex}.tf-board-sum{font-family:var(--ds-uif);color:var(--ds-t2);margin:0;font-size:15px;line-height:22px}.tf-board-group{flex-direction:column;gap:8px;display:flex}.tf-board-group .ds-sec{margin:0}.tf-board-group ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;margin:0;padding:0;list-style:none;display:grid}.tf-sound,.tf-change{background:var(--ds-well);width:100%;min-height:40px;box-shadow:var(--ds-sunken);color:var(--ds-t1);text-align:left;cursor:pointer;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.tf-sound:hover,.tf-change:hover{background:var(--ds-well-hi)}.tf-sound.is-on{background:var(--ds-sel-fill);box-shadow:inset 0 0 0 2px var(--ds-sel)}.tf-sound-play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;flex:none;width:0;height:0}.tf-sound-name,.tf-change-name{min-width:0;font-family:var(--ds-uif);flex:auto;font-size:14px;line-height:18px}.tf-sound-from,.tf-change-value{font-family:var(--ds-uif);color:var(--ds-t3);flex:none;font-size:12px;line-height:16px}.tf-sound-from.is-own,.tf-change-value.is-own{color:var(--ds-ca)}:root[data-theme=light] .tf-sound-from,:root[data-theme=light] .tf-change-value{color:#1f1f23}:root[data-theme=light] .tf-sound-from.is-own,:root[data-theme=light] .tf-change-value.is-own{color:#0b3d00;font-weight:600}:root[data-theme=light] .tf-verdict{color:#18181b}.tf-verdict{background:var(--ds-well);box-shadow:var(--ds-sunken);font-family:var(--ds-uif);color:var(--ds-t2);flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:12px;font-size:15px;line-height:22px;display:flex}.tf-verdict p{margin:0}.tf-verdict.is-good{color:var(--ds-ca)}.tf-verdict.is-warn{color:var(--ds-c6)}.tf-verdict.is-bad{color:var(--ds-cc)}:root[data-theme=light] .tf-verdict.is-good{color:#1d6a0c}:root[data-theme=light] .tf-verdict.is-warn{color:#8a5200}:root[data-theme=light] .tf-verdict.is-bad{color:#a11212}.tf-issues{flex-direction:column;gap:2px;display:flex!important}.tf-issues li{background:var(--ds-well);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.tf-issues b{font-family:var(--ds-uif);color:var(--ds-t1);font-size:14px;font-weight:600;line-height:18px}.tf-issues span{font-family:var(--ds-uif);color:var(--ds-t3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:16px;overflow:hidden}.tf-section,.tf-controls{flex-direction:column;gap:8px;display:flex}.tf-controls{gap:12px}.tf-controls:empty{display:none}.tf-section .ds-sec{margin:0}.tf-pack-name{font-family:var(--ds-mcf);color:var(--ds-t1);white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 2px 0 var(--ds-shc);margin:0;font-size:16px;line-height:20px;overflow:hidden}:root[data-theme=light] .tf-pack-name{text-shadow:none}.tf-pack-by{font-family:var(--ds-uif);color:var(--ds-t3);margin:-6px 0 0;font-size:12px;line-height:16px}.tf-slots{grid-template-columns:repeat(auto-fill,40px);justify-content:start;gap:2px;display:grid}.tf-slot{background:var(--ds-well);width:40px;height:40px;box-shadow:var(--ds-sunken);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.tf-slot img{width:32px;height:32px;image-rendering:pixelated}.tf-slot:hover{background:var(--ds-well-hi)}.tf-slot.is-on{background:var(--ds-sel-fill);box-shadow:inset 0 0 0 2px var(--ds-sel)}.tf-note{background:var(--ds-well);color:var(--ds-cc);font-family:var(--ds-uif);margin:0;padding:8px 10px;font-size:13px;line-height:18px}.tf-hint{font-family:var(--ds-uif);color:var(--ds-t3);margin:-4px 0 0;font-size:12px;line-height:16px}.tf-compare{flex-direction:column;gap:4px;display:flex}.tf-seg{background:var(--ds-seg);box-shadow:var(--ds-sunken);grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:2px;padding:2px;display:grid}.tf-seg-btn{min-height:32px;color:var(--ds-t2);font-family:var(--ds-mcf);text-shadow:1.6667px 1.6667px 0 var(--ds-shc);cursor:pointer;background:0 0;border:0;flex:auto;padding:2px 8px 4px;font-size:13.3333px;line-height:15px}.tf-seg-btn:hover{color:var(--ds-t1);background:var(--ds-card-hi)}.tf-seg-btn.is-on{color:var(--ds-t1);background:var(--ds-sel-fill);box-shadow:inset 0 0 0 2px var(--ds-sel)}:root[data-theme=light] .tf-seg-btn{text-shadow:none}.tf-sources{flex-direction:column;gap:2px;margin:0;display:flex}.tf-sources>div{font-family:var(--ds-uif);justify-content:space-between;gap:8px;font-size:13px;line-height:20px;display:flex}.tf-sources dt{color:var(--ds-t3)}.tf-sources dd{color:var(--ds-t3);text-align:right;margin:0}.tf-sources dd.is-own{color:var(--ds-ca)}:root[data-theme=light] .tf-sources dd.is-own{color:#1d6a0c}.tf-over{z-index:60;color:#fff;pointer-events:none;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:0}.tf-over b{font-family:var(--ds-mcf);text-shadow:4px 4px #3f3f3f;font-size:32px;font-weight:400;line-height:40px}.tf-over span{font-family:var(--ds-uif);color:#d3d3db;font-size:15px}@media (max-width:1080px){.tf{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 280px}.tf-rail{box-shadow:0 2px 0 var(--ds-key);grid-column:1/-1}.tf-title{display:none}.tf-tests{flex-direction:row;gap:2px;padding:6px 8px;overflow-x:auto}.tf-test{white-space:nowrap;min-height:44px;padding:6px 10px 6px 6px}.tf-test img{width:24px;height:24px}.tf-test-text span{display:none}}@media (max-width:720px){.tf{--tf-top:56px;flex-direction:column;height:auto;min-height:0;display:flex}.tf-stage{flex:none;height:calc(56.25vw + 16px)}.tf-stage:has(.tf-views.is-2){height:calc(112.5vw + 2px)}.tf-stage:has(.tf-views.is-free){height:min(62vh,110vw)}.tf-stage:has(.tf-boards){height:auto}.tf-views.is-free{flex-direction:column}.tf-boards{position:static}.tf-boards.is-2{grid-template-columns:1fr}.tf-side{box-shadow:none;overflow:visible}.tf-side>.tf-section:first-child{order:2}.tf-controls{order:1}}
