:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;letter-spacing:0;color:#292e32;background:#f7f8fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{border:1px solid #d7dde3;border-radius:5px;min-height:35px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:inherit;cursor:pointer;white-space:nowrap}button:hover{background:#edf1f5}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #88acc1;outline-offset:2px}svg{width:18px;height:18px;stroke-width:1.7;flex-shrink:0}.primary{background:#2b677f;color:#fff;border-color:#2b677f}.primary:hover{background:#21556a}.icon{height:35px;width:35px;min-width:35px;padding:0}.danger{color:#ae4853}.primary.danger{background:#ac4351;border-color:#ac4351;color:#fff}input,select,textarea{border:1px solid #d2dae1;border-radius:5px;background:#fff;padding:9px 11px;min-width:0;color:inherit}input:not([type=checkbox]),textarea{width:100%}input[type=checkbox]{accent-color:#2b677f;width:16px;height:16px;cursor:pointer}label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}h1,h2,p{margin:0}h1{font-size:25px;line-height:1.3;font-weight:640}h2{font-size:14px;font-weight:600}.muted{color:#83909a;font-size:11px}.error{color:#ac4351;line-height:1.7;font-size:13px;overflow-wrap:anywhere;margin:12px 0}.error:empty{margin:0}.mark{display:grid;place-items:center;width:36px;height:36px;background:#deebee;color:#2b677f;border-radius:6px}.mark svg{width:24px;height:24px}.dot{width:7px;height:7px;border-radius:50%;background:#bd9350}.dot.online{background:#409272}
#login-screen{min-height:100svh;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px}#login-screen[hidden]{display:none}.login-brand{display:flex;align-items:center;gap:12px;font-size:19px}.login-brand>span:last-child{font-size:14px;color:#7b8791}#login-form{width:min(360px,100%)}#login-form h1{font-size:22px;margin-bottom:25px}#login-form .primary{width:100%;margin-top:22px}
#app{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100svh}#app[hidden]{display:none}aside{height:100svh;position:sticky;top:0;display:flex;flex-direction:column;gap:36px;padding:27px 14px;background:#eef1f4;border-right:1px solid #dce2e7}.brand{display:flex;gap:11px;align-items:center;padding:0 9px}.brand strong{font-size:17px}.brand small{display:block;font-size:10px;color:#7f8c96;margin-top:4px}nav button{width:100%;justify-content:flex-start;background:transparent;border:0;padding:12px;margin-bottom:6px;font-size:13px;min-height:42px}nav button.active{background:#dce8ee;color:#2c667d}nav button>span:last-child:not(:nth-child(2)){margin-left:auto;font-size:11px}.aside-bottom{margin-top:auto;display:grid;gap:13px;padding:0 9px}.aside-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px}.aside-bottom button{border:0;background:transparent;justify-content:flex-start;padding:0;font-size:12px;color:#7b8791}main{min-width:0}header{height:64px;background:#fff;border-bottom:1px solid #e0e6eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:#8b96a0}.breadcrumb strong{font-weight:500;color:#56646e}.connection{display:flex;align-items:center;gap:8px;color:#72838e;font-size:11px;white-space:nowrap}.connection .icon{margin-left:10px;border:0;color:#697c88}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:28px 32px 0;gap:14px}.page-heading p{color:#89959e;font-size:12px;margin-top:7px;overflow-wrap:anywhere}.page-heading button{font-size:12px}.banner{margin:21px 32px 0;padding:11px 14px;display:flex;align-items:center;gap:10px;border-left:3px solid #bf9a53;background:#f8f1e1;color:#8d733c;font-size:12px}.banner[hidden]{display:none}.view{padding:25px 32px 0}.view[hidden]{display:none}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px 0;border-top:1px solid #dfe6eb;border-bottom:1px solid #dfe6eb}.metrics>div{padding-left:24px;border-left:1px solid #dfe6eb;min-width:0}.metrics>div:first-child{padding-left:0;border:0}.metrics span{display:block;color:#81909b;font-size:11px}.metrics strong{display:block;font-size:27px;font-weight:550;line-height:1.2;margin-top:10px;overflow-wrap:anywhere}.charts{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:27px 0 20px}.chart{min-width:0;border-bottom:1px solid #e0e6eb;padding-bottom:8px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:12px}.chart canvas{width:100%;height:170px;display:block}.event-list{min-height:120px}.event-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;border-bottom:1px solid #e3e8ed;padding:12px 0;font-size:12px;line-height:1.5}.event-row>span:first-child{color:#8b96a0;font-size:11px}.event-row>span:last-child{overflow-wrap:anywhere}.event-row.failed>span:last-child{color:#ab555f}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px;min-height:35px}.tools{display:flex;align-items:center;gap:8px}.check{display:flex;align-items:center;gap:7px;margin:0;font-weight:400;font-size:11px;color:#7b8994}.search{position:relative;width:225px;max-width:50vw;margin:0}.search svg{position:absolute;left:10px;top:10px;width:15px;height:15px;color:#86949d}.search input{padding:9px 9px 9px 33px;font-size:12px}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#eef1f5}th{font-weight:500;font-size:11px;color:#7f8d98;padding:12px}td{border-bottom:1px solid #e2e8ed;font-size:12px;padding:16px 12px}tbody tr:hover{background:#f0f4f7}.right{text-align:right}.cell-actions{display:flex;gap:4px;justify-content:flex-end}.cell-actions .icon{border:0;background:transparent;height:31px;width:31px;min-width:31px;color:#6d8591}.cell-actions .danger{color:#ac5360}.badge{font-size:10px;padding:3px 7px;border-radius:3px;background:#e5edef;color:#54807c}.badge.banned{background:#f2e6e9;color:#a65c67}.empty{min-height:160px;display:flex;align-items:center;justify-content:center;gap:10px;color:#91a0aa;font-size:12px}.empty[hidden]{display:none}.segments{display:flex;border-bottom:1px solid #dce3e8;gap:6px}.segments button{border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;padding:10px}.segments button.selected{color:#2b677f;border-bottom-color:#2b677f}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#85949e;font-size:11px}.pagination .tools{gap:15px}.console-output{height:min(58svh,550px);min-height:280px;background:#202529;color:#d7e1e6;border-radius:5px;padding:16px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.9}.console-line{white-space:pre-wrap;overflow-wrap:anywhere}.console-line.command{color:#9bcbb9}.console-line.error{color:#eba3ad;margin:0}.console-line .timestamp{color:#77878f;font-size:10px;margin-right:10px}.command-bar{display:flex;gap:8px;margin-top:12px}.command-bar select{width:130px;font-size:12px;flex-shrink:0}.command-bar input{font-family:ui-monospace,monospace;font-size:12px}.file-breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;overflow:auto}.file-breadcrumb button{padding:0 3px;min-height:30px;border:0;background:transparent;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;display:inline-block;flex-shrink:0}.file-breadcrumb>span{color:#9aa5ad}.file-workspace{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:500px;border:1px solid #dce3e8;border-radius:5px;background:#fff;overflow:hidden}.file-list{border-right:1px solid #e1e7ec;padding:8px;max-height:65svh;overflow:auto}.file-list button{display:flex;align-items:center;justify-content:flex-start;width:100%;border:0;background:transparent;gap:8px;padding:9px 7px;font-size:11px;margin:1px 0;min-height:35px}.file-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list button.selected{background:#e4edf2}.file-list svg{width:16px;height:16px;color:#8295a0}.file-list .folder-icon{color:#be9c5c}.editor{min-width:0;display:flex;flex-direction:column}.editor-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #e0e7ec;min-height:53px}.editor-bar>span:first-child{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-bar .tools{margin-left:auto}.editor textarea{border:0;border-radius:0;flex:1;resize:none;min-height:435px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.7;tab-size:2;white-space:pre;overflow:auto}.editor textarea:focus-visible{outline-offset:-3px}.editor textarea:disabled{background:#f9fafb}#plugin-total{margin-left:8px}.plugin-name{font-weight:550}.plugin-description{display:block;font-size:11px;color:#8c98a1;font-weight:400;margin-top:5px;max-width:380px;overflow:hidden;text-overflow:ellipsis}.switch{display:inline-flex;align-items:center;position:relative;cursor:pointer;margin:0}.switch input{appearance:none;width:30px;height:17px;border:0;background:#c9d1d8;border-radius:20px;padding:0;position:relative;transition:background .15s}.switch input:after{content:"";position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;left:2px;top:2px;transition:transform .15s}.switch input:checked{background:#3e8b7b}.switch input:checked:after{transform:translateX(13px)}.switch input:disabled{cursor:not-allowed;opacity:.5}.world-controls{display:flex;gap:35px;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid #dde5eb}.world-controls form{width:230px;max-width:50%}.world-controls input,.world-controls select{flex:1;width:100%}.world-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px}.rule-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e7ec}.rule-row>span{font-family:ui-monospace,monospace;font-size:11px;overflow-wrap:anywhere;min-width:0}.rule-row input[type=number]{width:90px}.rule-row .tools{flex-shrink:0}.rule-row input[type=checkbox]{margin-right:16px}footer{margin:25px 32px;color:#8c9aa4;font-size:10px;display:flex;justify-content:space-between;gap:16px;line-height:1.6}
dialog{border:1px solid #dce3e9;border-radius:7px;width:min(470px,calc(100% - 32px));padding:22px;box-shadow:0 15px 60px #24364626;background:#fff;color:#29333b;max-height:85svh;overflow:auto}dialog::backdrop{background:#1c2d3a55}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dialog-heading h2{font-size:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#modal-content label{margin-top:16px}#modal-content p{font-size:13px;line-height:1.7;overflow-wrap:anywhere;color:#758693}#inspector{width:min(700px,calc(100% - 32px))}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e2e8ed;font-size:12px}.detail-row>span:first-child{color:#86969f}.inventory-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.inventory-slot{aspect-ratio:1;background:#edf2f4;border:1px solid #d8e1e7;border-radius:3px;position:relative;padding:4px;display:flex;align-items:center;justify-content:center;min-width:0}.inventory-slot .item-name{font-size:8px;line-height:1.25;text-align:center;overflow-wrap:anywhere;max-height:100%;overflow:hidden}.inventory-slot .amount{position:absolute;bottom:2px;right:3px;background:#edf2f4;font-size:10px;font-weight:600}.inventory-slot.enchanted{border-color:#a491bf;background:#f1edf6}.inventory-caption{margin-top:13px;font-size:11px;color:#8998a2;line-height:1.6}#toast{position:fixed;bottom:24px;right:24px;background:#293943;color:#fff;padding:13px 18px;font-size:12px;max-width:min(460px,calc(100% - 48px));border-radius:5px;box-shadow:0 5px 20px #253c4820;overflow-wrap:anywhere;z-index:10}#toast[hidden]{display:none}
@media(min-width:1500px){header{padding:0 44px}.page-heading{padding-left:44px;padding-right:44px}.view{padding-left:44px;padding-right:44px}.banner{margin-left:44px;margin-right:44px}}
@media(max-width:1100px){#app{grid-template-columns:176px minmax(0,1fr)}aside{padding-left:10px;padding-right:10px}.brand{padding:0 5px}.brand small{font-size:9px}header{padding:0 23px}.page-heading{padding-left:23px;padding-right:23px}.view{padding-left:23px;padding-right:23px}.banner{margin-left:23px;margin-right:23px}.world-rules{grid-template-columns:1fr}.file-workspace{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:700px){#app{display:flex;flex-direction:column}aside{height:auto;position:relative;border-right:0;border-bottom:1px solid #dae3e9;padding:15px 15px 0;gap:15px}.brand{padding:0}.brand small{display:none}.brand .mark{width:29px;height:29px}.brand .mark svg{width:21px;height:21px}.brand strong{font-size:16px}nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}nav button{flex-direction:column;gap:6px;font-size:10px;padding:8px 1px;min-height:53px;margin:0;border-radius:4px 4px 0 0}nav button>span:last-child:not(:nth-child(2)){display:none}.aside-bottom{position:absolute;right:16px;top:20px;padding:0}.aside-bottom>span{display:none}.aside-bottom button{font-size:11px}header{height:47px;padding:0 16px}.breadcrumb{font-size:11px;gap:10px}.connection{font-size:10px;gap:6px}.connection .icon{margin-left:0;width:28px;height:28px;min-width:28px}.page-heading{padding:22px 16px 0;align-items:flex-start}h1{font-size:22px}.page-heading button{font-size:11px;padding:8px}.page-heading p{max-width:180px}.view{padding:22px 16px 0}.banner{margin:19px 16px 0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:20px 0}.metrics>div{padding-left:20px}.metrics>div:nth-child(3){border:0;padding-left:0}.metrics strong{font-size:25px}.charts{grid-template-columns:1fr;gap:15px;margin-top:24px}.chart canvas{height:150px}.event-row{grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:11px}.event-row>span:first-child{font-size:9px}.search{width:155px}.segments{gap:0}.segments button{padding:10px 7px;font-size:11px}.toolbar{gap:8px}table{min-width:600px}#plugins-view table{min-width:680px}.console-output{height:55svh;min-height:280px;padding:12px;font-size:11px}.command-bar{flex-wrap:wrap}.command-bar select{width:105px}.command-bar input{flex:1;width:auto}.file-workspace{grid-template-columns:1fr;min-height:500px}.file-list{max-height:180px;border-right:0;border-bottom:1px solid #dce3e8}.file-list button{font-size:12px}.editor-bar{padding:8px}.editor textarea{min-height:350px;font-size:11px}.editor-bar .tools{gap:4px}.editor-bar .icon{width:30px;min-width:30px;height:30px}#dirty-label{font-size:9px}.world-controls{gap:15px}.world-controls form{max-width:50%}.world-controls select{font-size:12px}.rule-row>span{font-size:10px}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.inventory-slot .item-name{font-size:9px}footer{margin:23px 16px}.dialog-heading h2{font-size:17px}}
.name-button{border:0;background:transparent;padding:0;min-height:20px;font-weight:550;justify-content:flex-start}.name-button:hover{color:#2b677f;background:transparent}.dialog-heading h2{min-width:0;overflow-wrap:anywhere}.detail-row>span:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:360px){#players-view .toolbar{flex-wrap:wrap}#players-view .toolbar>.tools{width:100%}#players-view .search{width:auto;max-width:none;flex:1}}
.inventory-icon{display:block;width:80%;max-width:40px;aspect-ratio:1;overflow:hidden;flex-shrink:0}.inventory-icon[hidden],.item-name[hidden]{display:none}.inventory-icon img{display:block;width:100%;height:auto;image-rendering:pixelated}.inventory-slot .amount{z-index:1;padding:0 2px;border-radius:2px;line-height:1.25;font-variant-numeric:tabular-nums}.rule-name{margin:0;min-width:0;cursor:pointer;line-height:1.5;font-size:12px;overflow-wrap:anywhere}.rule-name span{display:block}.rule-name code{display:block;font-size:10px;font-weight:400;color:#81909b;margin-top:3px;overflow-wrap:anywhere}
.track-recording{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:18px;border-bottom:1px solid #dde5e3}.track-toggle{gap:8px;font-size:12px}.track-recording select{font-size:12px;padding:7px 9px}.track-filters{display:grid;grid-template-columns:minmax(120px,1.5fr) minmax(100px,1fr) minmax(140px,1fr) auto;gap:14px;align-items:end;margin:20px 0}.track-filters label{margin:0;min-width:0;color:#728179;font-size:11px}.track-filters select{display:block;width:100%;margin-top:7px;color:#293d34;font-size:12px}.track-map-shell{position:relative;isolation:isolate;border:1px solid #d4dfd9;border-radius:4px;overflow:hidden}#coordinate-map{height:clamp(380px,calc(100svh - 380px),620px);width:100%;background:#f3f7f5;z-index:0}.map-type{position:absolute;top:14px;left:14px;z-index:500;background:#fff;padding:7px 10px;border:1px solid #dce6e0;border-radius:3px;color:#6d8378;font-size:11px;pointer-events:none}.map-actions{position:absolute;top:14px;right:14px;z-index:500;display:flex;flex-direction:column;gap:5px}.map-actions button{box-shadow:0 1px 3px #25433612;border-color:#d0ddd5}.map-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 60px);padding:12px 16px;background:#ffffffed;color:#78877f;font-size:12px;text-align:center;z-index:500;pointer-events:none}.map-empty[hidden]{display:none}.map-meta{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:#86988e;font-family:ui-monospace,monospace;font-size:10px}.track-playback{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #dde5e3}.track-playback input[type=range]{flex:1;width:auto;min-width:60px;accent-color:#267c70;padding:0;border:0}.track-playback select{width:100px;padding:7px 8px;font-size:11px}.track-playback .check{flex-shrink:0}.track-summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;line-height:1.7}#track-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:15px}.track-player{border:0;background:transparent;padding:3px 0;min-height:26px;font-size:11px;white-space:normal;overflow-wrap:anywhere;text-align:left;max-width:100%}.track-swatch{width:8px;height:8px;border-radius:50%;flex-shrink:0}.leaflet-popup-content{font-family:system-ui,sans-serif;font-size:12px;overflow-wrap:anywhere}.leaflet-popup-content p{margin:8px 0}.leaflet-container .leaflet-control-attribution{font-size:9px}.leaflet-container a{color:#3d7966}
@media(max-width:700px){nav{grid-template-columns:repeat(7,minmax(0,1fr))}nav button{font-size:9px}.track-recording{align-items:flex-start;flex-direction:column;gap:9px}.track-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.track-filters>.tools{justify-content:flex-end}#coordinate-map{height:400px}.map-type{top:10px;left:10px;font-size:10px}.map-actions{top:10px;right:10px}.track-playback{gap:8px;flex-wrap:wrap}.track-playback input[type=range]{flex-basis:calc(100% - 51px)}.track-playback select{margin-left:auto}.track-summary{gap:3px;flex-direction:column}.map-meta{font-size:9px}.track-recording .muted{font-size:10px}}
.profile-note{font-size:12px;line-height:1.7;color:#8f7444;overflow-wrap:anywhere;margin:0 0 16px}.profile-note:empty{display:none}.profile-section{margin-top:22px}.profile-section:first-child{margin-top:0}.profile-section h3{margin:0 0 4px;font-size:12px;font-weight:600;color:#527487}.profile-section .detail-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;align-items:start;line-height:1.7}.profile-section .detail-value{min-width:0;white-space:pre-line;overflow-wrap:anywhere;text-align:right}.profile-section .detail-row>span:first-child{line-height:1.7}@media(max-width:700px){#players-view .toolbar{gap:12px;flex-wrap:wrap}#players-view .toolbar>.tools{width:100%;min-width:0}#players-view .search{flex:1;min-width:0}#players-view .search input{width:100%}#players-view .segments{display:flex;max-width:100%}#players-view .segments button{flex:1;min-width:0;font-size:11px;padding:8px 10px}.profile-section .detail-row{grid-template-columns:95px minmax(0,1fr);gap:12px}}
.profile-section .detail-row>span:first-child{overflow-wrap:anywhere}@media(max-width:700px){#players-view .search{max-width:none}}
.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:8px}.profile-heading h3{margin:0}.profile-heading button{font-size:12px;flex-shrink:0}.scoreboard-caption{font-size:11px;line-height:1.7;color:#758693;margin:10px 0;overflow-wrap:anywhere}.profile-scoreboards{width:100%;min-width:0;table-layout:fixed;white-space:normal}.profile-scoreboards th:first-child{width:70%}.profile-scoreboards th:last-child,.profile-scoreboards td:last-child{text-align:right}.profile-scoreboards th,.profile-scoreboards td{overflow-wrap:anywhere;font-size:12px;padding:10px 0}.profile-scoreboards td:first-child{padding-right:14px}.scoreboard-editable th:first-child{width:55%}.scoreboard-editor{display:flex;justify-content:flex-end;align-items:center;gap:6px}.scoreboard-editor input{width:115px;max-width:calc(100% - 36px);min-width:0;height:34px;padding:5px 7px;text-align:right;font-size:12px}.scoreboard-editor .icon{width:30px;min-width:30px;height:30px}.scoreboard-row-status{font-size:10px;color:#758693;line-height:1.5;min-height:15px;margin:4px 0 0;overflow-wrap:anywhere}@media(max-width:700px){.scoreboard-editable th:first-child{width:52%}}
.player-tabs{margin-bottom:24px;justify-content:flex-start}.player-tabs button{flex:none!important;padding:10px 14px!important}.track-period{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(125px,1fr) minmax(125px,1fr) auto;align-items:end;gap:14px;margin:0 0 20px}.track-period[hidden],#players-list[hidden],#tracks-view[hidden]{display:none}.track-period label{margin:0;min-width:0;color:#728179;font-size:11px}.track-period input{display:block;margin-top:7px;height:37px;max-width:100%;font-size:12px}.track-period .icon{height:37px}.track-period+.profile-note{margin-bottom:16px}
@media(max-width:700px){nav{grid-template-columns:repeat(6,minmax(0,1fr))}.track-period{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.track-period>label:first-child{grid-column:1 / -1}.track-period>.icon{justify-self:end;grid-column:2}.player-tabs{margin-bottom:20px}}
.track-timeline{padding:16px 0 4px;border-top:1px solid #dde5e3}.timeline-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:26px;margin-bottom:12px;font-variant-numeric:tabular-nums}.timeline-heading time{font-size:12px;color:#536471}.presence-state{font-size:10px;padding:3px 7px;border-radius:3px;background:#edf0f3;color:#81909a}.presence-state.online{background:#e5effb;color:#397dc8}.presence-state.offline{background:#e3e6ea;color:#727b86}.presence-key{margin-left:auto;display:flex;align-items:center;gap:14px;color:#87929b;font-size:10px}.presence-key>span{display:flex;align-items:center;gap:5px}.presence-key b{width:12px;height:7px;border-radius:1px}.presence-key .online,.timeline-band-part.online{background:#4388d5}.presence-key .offline,.timeline-band-part.offline{background:#a5adb7}.presence-key .unknown,.timeline-band-part.unknown{background:repeating-linear-gradient(135deg,#eef1f4,#eef1f4 4px,#d9dfe5 4px,#d9dfe5 5px)}.timeline-scrubber{height:32px;position:relative;margin:0 9px}.timeline-band{position:absolute;top:9px;left:0;right:0;height:14px;background:#eef1f4;overflow:hidden;border-radius:2px}.timeline-band-part{position:absolute;top:0;height:100%}.timeline-cursor{position:absolute;top:0;bottom:0;width:2px;background:#2f557b;transform:translateX(-50%);pointer-events:none;z-index:1}#track-slider{position:absolute;top:0;left:-9px;width:calc(100% + 18px);height:32px;margin:0;padding:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;z-index:2}#track-slider::-webkit-slider-runnable-track{height:14px;background:transparent}#track-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:24px;margin-top:-5px;background:#fff;border:2px solid #365e86;border-radius:3px;box-shadow:0 1px 3px #29425426}#track-slider::-moz-range-track{height:14px;background:transparent}#track-slider::-moz-range-thumb{width:14px;height:20px;background:#fff;border:2px solid #365e86;border-radius:3px}.timeline-ticks{position:relative;height:27px;margin:0 9px;font-size:10px;font-variant-numeric:tabular-nums;color:#82909b}.timeline-ticks>span{position:absolute;top:6px;transform:translateX(-50%);white-space:nowrap}.timeline-ticks>span:before{content:"";position:absolute;left:50%;top:-6px;height:4px;border-left:1px solid #b4bfc9}.timeline-ticks>span:first-child{transform:none}.timeline-ticks>span:first-child:before{left:0}.timeline-ticks>span:last-child{transform:translateX(-100%)}.timeline-ticks>span:last-child:before{left:100%}.timeline-hover{position:absolute;top:-29px;z-index:4;padding:5px 8px;background:#344958;color:#fff;border-radius:3px;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.timeline-hover[hidden]{display:none}.track-playback{gap:10px;flex-wrap:wrap;padding:10px 0 0;border-top:0}.track-playback #track-count{margin-left:auto}.track-playback select{margin-left:0}.track-playback .check{margin-left:2px}
@media(max-width:700px){.timeline-heading{gap:8px}.presence-key{gap:10px}.timeline-ticks{font-size:9px}.track-playback #track-count{flex-basis:100%;margin-left:0;padding-top:4px}.timeline-heading time{font-size:11px}}
.track-date-field{position:relative;min-width:0;color:#728179;font-size:11px}.track-date-field>button{width:100%;height:37px;justify-content:flex-start;margin-top:7px;padding:7px 10px;font-size:12px}.track-date-field>button>span{flex:1;text-align:left;font-variant-numeric:tabular-nums}.track-date-field>button svg{width:15px;height:15px;flex-shrink:0}.track-calendar{position:absolute;top:calc(100% + 8px);right:0;width:286px;max-width:calc(100vw - 32px);padding:12px;background:#fff;border:1px solid #d5dfe7;border-radius:4px;box-shadow:0 8px 28px #25374824;z-index:1100}.track-calendar[hidden]{display:none}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#445362}.calendar-heading strong{font-size:12px}.calendar-heading .icon{width:28px;height:28px;min-height:28px;border:0}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.calendar-weekdays{margin-bottom:6px;font-size:10px;color:#89929e}.calendar-day{width:100%;height:31px;min-height:31px;padding:0;border:0;border-radius:3px;font-size:11px;font-variant-numeric:tabular-nums;color:#8b939f;background:#f0f2f5}.calendar-day.recorded{background:#e5effd;color:#347dc8}.calendar-day.selected{outline:2px solid #365e86;outline-offset:0}.calendar-day:hover:not(:disabled){box-shadow:inset 0 0 0 1px #91abc1;background:#e7edf4}.calendar-day.recorded:hover{background:#cfdef4}.calendar-day:disabled{opacity:.35}.calendar-key{display:flex;gap:16px;margin-top:12px;font-size:10px;color:#82909d}.calendar-key>span{display:flex;gap:5px;align-items:center}.calendar-key b{width:8px;height:8px;border-radius:1px;background:#a5adb7}.calendar-key b.recorded{background:#4388d5}.timeline-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px}.timeline-navigation .tools{gap:6px}.timeline-navigation .icon{width:30px;height:30px;min-height:30px}.timeline-navigation .icon svg{width:15px;height:15px}#time-window-label{width:66px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}#track-seek{width:115px;height:30px;padding:4px 7px;font-size:11px;font-variant-numeric:tabular-nums}.time-seek{margin-left:auto}#track-slider:focus-visible{outline:2px solid #7ca3cf;outline-offset:3px}
@media(max-width:700px){.track-calendar{right:auto;left:0}.timeline-navigation{gap:9px}.timeline-navigation .tools{gap:4px}.time-seek{margin-left:0}}