@font-face{font-family:Roboto;src:url(/fonts/Roboto-VariableFont.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--background-color: hsl(220, 12%, 87%);--text-color: hsl(220, 15%, 13%);--main-background-color: hsl(0, 0%, 100%);--main-border-color: hsl(220, 12%, 78%);--footer-background-color: hsl(0, 0%, 7%);--footer-text-color: hsl(0, 0%, 50%);--separation-gap: 1.5rem;--separation-gap-small: calc(var(--separation-gap) * .5);--info-bg: #2563eb;--info-color: #fff;--warning-bg: #eb9525;--warning-color: #fff;--danger-bg: #eb253f;--danger-color: #fff;--success-bg: #0e5f0e;--success-color: #fff;--accent-color: #3364bc}html.dark{--background-color: hsl(0, 2%, 10%);--text-color: hsl(0, 0%, 86%);--main-background-color: hsl(0, 0%, 15%);--main-border-color: hsl(0, 0%, 23%);--footer-background-color: hsl(0, 0%, 7%);--footer-text-color: hsl(0, 0%, 50%);--accent-color: #f6b23c}*:not(:input):empty{display:none}html,body,*{margin:0;padding:0;font-family:Roboto,Arial,sans-serif;font-optical-sizing:auto;font-style:normal}body{background-color:var(--background-color);color:var(--text-color);min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;align-items:center;font-family:Roboto,Arial,sans-serif;padding:.5rem .2rem 4rem}h1,h2,h3,h4,h5,h6{color:var(--accent-color);margin-bottom:.6rem;display:flex;gap:.4rem;flex-wrap:nowrap;align-items:center;justify-content:center}img.logo{margin:0 auto;max-width:250px}html:not(.dark) main>img.logo:first-child{box-sizing:border-box;width:calc(100% + 2rem);max-width:none;height:11rem;margin:-1rem -1rem 0;padding:1.25rem;object-fit:contain;background:#262626;border-radius:5px 5px 0 0}a{text-decoration:none;color:var(--text-color);border:1px solid var(--text-color);padding:.2rem .8rem;border-radius:1in;transition:all .3s}a:hover{color:var(--background-color);background-color:var(--text-color)}main{border:1px solid var(--main-border-color);padding:1rem 1rem 2rem;background:var(--main-background-color);border-radius:6px;display:grid;gap:var(--separation-gap);width:100%;box-shadow:0 1px 3px #00000014,0 8px 24px #00000014;max-width:600px;min-width:300px;box-sizing:border-box}main:has(#gamesContentContainer){width:fit-content;max-width:100%}main:has(#selectSerie){width:fit-content;min-width:min(680px,100%);max-width:100%}main:has(#selectSerie) #contentContainer:has(.questions-table){contain:inline-size}section{border:1px solid var(--main-border-color);border-radius:6px;padding:1rem 2rem}section.general{border-color:var(--accent-color)}section h3 span{font-size:.5rem}section.open,section.folded{cursor:pointer}section.folded table,section.folded .classementQuestionsScoremaxDetails{display:none}section.incomplete{border-color:var(--danger-bg)}section.incomplete h3{color:var(--danger-bg)}section.open h3 span{rotate:90deg}footer{position:fixed;left:0;bottom:0;width:100%;background:var(--footer-background-color);color:var(--footer-text-color);font-size:clamp(.7rem,1.2vw,1rem);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5em,2vw,1em);padding:.2rem}footer a,footer button{font-size:inherit;font-weight:400;color:inherit;text-decoration:underline;border:none;padding:.3rem .4rem}:is(footer a,footer button):hover{background-color:var(--footer-background-color);color:var(--accent-color)}footer img{max-height:1.5em}footer span{display:flex;white-space:nowrap;flex-wrap:nowrap;align-items:center}footer span a{padding:0}@supports (anchor-name: --main){main{anchor-name:--main}footer{left:anchor(--main left);right:anchor(--main right);width:auto;justify-content:space-between;padding-inline:0;box-shadow:0 0 0 100vmax var(--footer-background-color);clip-path:inset(0 -100vmax)}}form{display:grid;gap:var(--separation-gap-small)}form select{font-size:120%;padding:.5rem .75rem;border-radius:.25rem}form input[type=text],form input[type=email],form input[type=password],form input[type=number],form input[type=search],form input[type=url],form input[type=tel],form textarea{border:1px solid #c3c8d0;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;color:#111827;background:#fff;outline:none;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}form input:focus,form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}form label{font-weight:bolder}button{border:none;border-radius:.25rem;padding:.5rem 1rem;font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);cursor:pointer;color:var(--button-color);background:var(--button-bg)}button.info{--button-color: var(--info-color);--button-bg: var(--info-bg)}button.warning{--button-color: var(--warning-color);--button-bg: var(--warning-bg)}button.danger{--button-color: var(--danger-color);--button-bg: var(--danger-bg)}button.success{--button-color: var(--success-color);--button-bg: var(--success-bg)}button.neutral{--button-color: #242424;--button-bg: #aeaeae}button:hover{color:hsl(from var(--button-color) h s calc(l*.7));background:hsl(from var(--button-bg) h s calc(l*.7))}button svg{color:inherit;stroke:currentColor}.alert{text-align:center;padding:.4rem 1rem;border-radius:.25rem;border:2px solid hsl(from var(--alert-color) h s calc(l/2));background:hsl(from var(--alert-color) h s calc(l*1.3));color:hsl(from var(--alert-color) h s calc(l/2))}.alert.warning{--alert-color: var(--warning-bg)}.alert.danger{--alert-color: var(--danger-bg)}.alert.info{--alert-color: var(--info-bg)}.alert.success{--alert-color: var(--success-bg)}.flex{display:flex;justify-content:center;align-items:center;gap:1rem}.flex.wrap{flex-wrap:wrap}form.flex:has(#selectSerie){flex-wrap:nowrap}form.flex:has(#selectSerie) select{flex:0 1 auto;min-width:0;text-overflow:ellipsis}@media(max-width:480px){form.flex:has(#selectSerie){flex-wrap:wrap}form.flex:has(#selectSerie) select{flex-basis:100%}}.overallControls{display:flex;gap:.5rem}.overallControls #overallSend{flex:1}.overallControls #overallPrev,.overallControls #overallNext{min-width:3.5rem;font-size:1.4rem}.overallControls #overallSend.paused{background-color:var(--success-bg);color:#fff}.overallStepStatus{font-size:90%;opacity:.8}.overallStepStatus:empty{display:none}:is(#seriesButtons,#boardSeries) button{--button-color: var(--text-color);--button-bg: transparent;border:1px solid var(--text-color)}:is(#seriesButtons,#boardSeries) button:hover{color:var(--text-color);background:rgb(from var(--text-color) r g b / .1)}:is(#seriesButtons,#boardSeries) button.selected{border-color:var(--success-bg);background-color:var(--success-bg);color:var(--success-color)}.questions-table{width:100%;margin:1rem auto;border-collapse:collapse}.questions-table td{padding:1rem .4rem;border-bottom:1px solid rgb(from var(--text-color) r g b / .2)}.questions-table td:first-child{text-align:right;width:1%;white-space:nowrap;padding-left:0}.questions-table td:nth-child(2){text-align:left;width:100%}.questions-table td:last-child{text-align:right;width:1%}.questions-table td .buttons{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:.5rem}.questions-table td .buttons button{font-size:120%}.questions-table td .buttons button.selected{--button-color: var(--success-color);--button-bg: var(--success-bg)}.questions-table tr:last-child td{border:none}.questions-table tr.incomplete td{color:red;background:#ffa9a9}.classementQuestionsScoremaxDetails{text-align:center;font-size:80%}.classementQuestionsScoremaxDetails a{color:var(--text-color)}.fold-arrow{font-size:.5em;font-weight:700;color:var(--accent-color)}span.badge{border-radius:1in;padding:.2rem .4rem;font-size:30%;display:grid;place-content:center;color:var(--background-color);background-color:var(--text-color)}span.badge:empty{display:none}#sessionInfo{padding-bottom:.6rem;border-bottom:1px solid rgb(from var(--text-color) r g b / .3);flex-direction:column;gap:.6rem}#sessionInfo .session-identity,#sessionInfo .session-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}#sessionInfo .session-identity{font-size:.9rem;gap:.75rem}#sessionInfo .session-role{color:var(--accent-color);text-transform:capitalize}#sessionInfo a.session-role{padding:.1rem .6rem;border:1px solid rgb(from var(--accent-color) r g b / .6);border-radius:1in;text-decoration:none}#sessionInfo a.session-role:hover{background:rgb(from var(--accent-color) r g b / .15)}#sessionInfo .session-game{font-size:inherit;padding:.2rem .8rem;border-radius:1in;--button-color: var(--background-color);--button-bg: var(--accent-color)}html:not(.dark) :is(#sessionInfo .session-game){--button-color: #fff}#sessionInfo .session-nav{align-items:flex-start;gap:.6rem 1.6rem}#sessionInfo .nav-group{display:grid;justify-items:center;gap:.3rem}#sessionInfo .nav-group-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(from var(--text-color) r g b / .55)}#sessionInfo .nav-group-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}#sessionInfo .session-nav .current{padding:.2rem .8rem;border:1px solid var(--accent-color);border-radius:1in;color:var(--accent-color);font-weight:500}@media(orientation:landscape)and (min-width:800px){body:has(#sessionInfo:not(:empty)){--sidebar-width: 13rem;padding-left:calc(var(--sidebar-width) + 1rem);padding-right:1rem}#sessionInfo{position:fixed;top:0;left:0;bottom:0;z-index:10;width:var(--sidebar-width);box-sizing:border-box;padding:1rem .8rem 3.5rem;overflow-y:auto;justify-content:flex-start;align-items:stretch;gap:1.2rem;background:var(--main-background-color);border-bottom:none;border-right:1px solid var(--main-border-color);box-shadow:1px 0 12px #00000014}#sessionInfo .session-identity,#sessionInfo .session-nav,#sessionInfo .session-page-menu{flex-direction:column;align-items:stretch;text-align:center;gap:.5rem}#sessionInfo .session-game{overflow-wrap:anywhere}#sessionInfo .session-page-menu{padding-top:1.2rem;border-top:1px solid rgb(from var(--text-color) r g b / .3)}#sessionInfo .session-nav{gap:1rem}#sessionInfo .nav-group{justify-items:stretch}#sessionInfo .nav-group-links{flex-direction:column;align-items:stretch}}#contentContainer{display:grid;gap:1rem}#contentContainer:empty{display:none}#contentContainer.loading{opacity:.5;transition:opacity .2s}.check-serie{border:1px solid var(--main-border-color);border-left:4px solid var(--success-bg);border-radius:6px;background:rgb(from var(--text-color) r g b / .03)}.check-serie.incomplete{border-left-color:var(--danger-bg)}.check-serie.general{border-color:var(--accent-color);border-left-color:var(--accent-color)}.check-serie summary{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;padding:.8rem 1rem;cursor:pointer;list-style:none}.check-serie summary::-webkit-details-marker{display:none}.check-serie summary:before{content:"▸";transition:rotate .2s;opacity:.6}.check-serie[open] summary:before{rotate:90deg}.check-serie .check-title{font-weight:700;font-size:110%;color:var(--accent-color)}.check-serie.incomplete .check-title{color:var(--danger-bg)}.check-serie .check-meta{font-size:80%;opacity:.7}.check-serie .check-badge{margin-left:auto;font-size:80%;font-weight:600;padding:.15rem .6rem;border-radius:999px;color:#fff;background:var(--success-bg);white-space:nowrap}.check-serie .check-badge.incomplete{background:var(--danger-bg)}.check-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.check-table th{font-size:75%;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.6;padding:.3rem .5rem;text-align:right}.check-table th:nth-child(2){text-align:left}.check-table td{padding:.55rem .5rem;border-top:1px solid rgb(from var(--text-color) r g b / .12);text-align:right;white-space:nowrap}.check-table td.team{text-align:left;white-space:normal;width:100%}.check-table td.pos{font-weight:700;color:var(--accent-color)}.check-table td.pos.exaequo{font-weight:400;font-style:italic;opacity:.7}.check-table td.points{font-weight:700}.check-table td.answers{opacity:.8}.check-table td.percent{font-size:85%}.check-table td.percent span:first-child{display:block}.check-table td.empty{text-align:center;opacity:.7}.check-table tbody tr:nth-child(2n) td{background:rgb(from var(--text-color) r g b / .03)}.check-table .bar{display:block;width:3.5rem;height:.25rem;margin-top:.2rem;margin-left:auto;border-radius:999px;background:rgb(from var(--text-color) r g b / .15);overflow:hidden}.check-table .bar span{display:block;height:100%;border-radius:inherit;background:var(--accent-color)}.check-table tr.incomplete td{background:rgb(from var(--danger-bg) r g b / .12)}.check-table tr.incomplete td.team,.check-table tr.incomplete td.answers{color:var(--danger-bg);font-weight:600;opacity:1}.check-alert a{display:inline-block;margin:.1rem .2rem;padding:.1rem .6rem;border-radius:999px;font-weight:700;color:#fff;background:var(--danger-bg);text-decoration:none}.check-alert a:hover{filter:brightness(1.1)}.check-fix{display:inline-block;margin-left:.4rem;padding:.1rem .5rem;border-radius:999px;font-size:80%;font-weight:600;color:#fff;background:var(--danger-bg);text-decoration:none;white-space:nowrap}.check-fix:hover{filter:brightness(1.1)}.check-tag{display:inline-block;padding:0 .4rem;border-radius:999px;font-size:75%;font-weight:600;white-space:nowrap}.check-tag.missing{color:var(--danger-bg);border:1px solid currentColor}.check-tag.excess{color:#fff;background:var(--warning-bg)}.games-filter{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}ul.elementList.only-active li[data-active="0"]{display:none}ul.elementList{display:flex;flex-direction:column;gap:.5rem}ul.elementList:hover li{opacity:.75}ul.elementList input.success{background-color:var(--success-bg);color:#fff}ul.elementList input.error{background-color:var(--danger-bg);color:var(--danger-color)}ul.elementList li{transition:opacity .15s ease;display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;width:100%;list-style:none}ul.elementList li.drop-target{border-top:2px dotted var(--accent-color);opacity:1}ul.elementList li input[type=text]{flex:1}ul.elementList li input[type=number]{width:4ch;text-align:right}ul.elementList li span{text-align:right}ul.elementList li:hover{opacity:1}.formAddElement{margin-top:2rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;border:1px solid var(--accent-color);padding:1rem;border-radius:10px;margin-bottom:1rem}.formAddElement div:has(input[type=text]){flex:1}.formAddElement input[type=number]{width:3ch}.formAddElement div{display:flex;flex-direction:column;gap:4px}.formAddElement legend{padding-inline:.4rem;color:var(--accent-color)}.formAddElement.bulk div{display:grid;gap:.5rem;width:100%}.formAddElement.bulk .import-help{font-size:smaller;line-height:1.4;color:rgb(from var(--text-color) r g b / .75)}.formAddElement.bulk .import-help code{font-family:ui-monospace,Menlo,monospace;padding:0 .2em;border-radius:3px;background:rgb(from var(--text-color) r g b / .08)}fieldset{border:1px solid rgb(from var(--text-color) r g b / .5);border-radius:6px;padding:1rem}fieldset legend{padding-inline:.4rem;font-size:80%;color:var(--accent-color)}fieldset div{display:grid;gap:1rem}fieldset div textarea{padding:.5rem;box-sizing:border-box;field-sizing:content;min-height:3lh;max-height:60vh;resize:vertical}fieldset.params label{font-weight:400;font-size:smaller;margin-bottom:.5rem}fieldset.params>div:not(.formgroup){grid-template-columns:repeat(auto-fit,minmax(max(min(12ch,100%),calc((100% - 3rem) / 3)),1fr))}fieldset.params .help{display:inline-grid;place-content:center;width:1.4em;height:1.4em;margin-left:.3em;padding:0;vertical-align:middle;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;font:italic 700 .85em/1 Georgia,Times New Roman,serif;opacity:.6}fieldset.params .help:hover,fieldset.params .help:focus-visible,fieldset.params .help.open{opacity:1;color:var(--info-color);background:var(--info-bg);border-color:var(--info-bg)}fieldset.params .help .helpText{position:fixed;z-index:20;width:max-content;max-width:min(18rem,calc(100vw - 16px));padding:.5rem .75rem;border-radius:6px;background:#1f2937;color:#f3f4f6;box-shadow:0 4px 14px #00000040;font: 400 .85rem/1.4 Roboto,Arial,sans-serif;text-align:left;visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}fieldset.params .help:hover .helpText,fieldset.params .help:focus-visible .helpText,fieldset.params .help.open .helpText{visibility:visible;opacity:1}fieldset.params div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12ch,100%),1fr));align-content:start;column-gap:1.5rem;row-gap:1rem}fieldset.params div.formgroup{display:grid;gap:.2rem;background:rgb(from var(--text-color) r g b / .04);border:1px solid rgb(from var(--text-color) r g b / .12);padding:.6rem 1rem .8rem;border-radius:6px}fieldset.params div.formgroup#overall_gameLogo{grid-column:span 2}@media(max-width:560px){fieldset.params div.formgroup#overall_gameLogo{grid-column:1 / -1}}fieldset.params div.formgroup .logo-upload{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}fieldset.params div.formgroup .logo-upload img{max-width:120px;max-height:60px;object-fit:contain}fieldset.params div.formgroup .logo-upload #gameLogoMsg{flex-basis:100%}fieldset.params div.formgroup div.buttonNumber{margin-inline:auto;display:grid;gap:.4rem}fieldset.params div.formgroup div.buttonNumber button{border:1px solid transparent}fieldset.params div.formgroup div.buttonNumber button[disabled]{background:none;border:1px dotted rgb(from var(--text-color) r g b / .5)}fieldset.params div.formgroup div.buttonNumber input{text-align:center;width:5ch}fieldset.params div #overall_gameLogo{display:flex;flex-direction:column;grid-column:span 2}fieldset.params button{grid-column:-1 / 1}fieldset.params.success{background-color:var(--success-bg)}fieldset.params.error{background-color:var(--danger-bg)}fieldset.foldable legend{cursor:pointer}fieldset.foldable legend:after{content:"▲";margin-left:.5rem}fieldset.foldable.folded legend:after{content:"▼";margin-left:.5rem}fieldset.foldable.folded div{display:none}.modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:flex-start;z-index:1000;background:#0006;transition:background-color .3s ease}.modal.warning{background:rgba(from var(--warning-bg) r g b / .4)}.modal.danger{background:rgba(from var(--danger-bg) r g b / .4)}.modal.success{background:rgba(from var(--success-bg) r g b / .3)}.modal .modal-window{margin-top:1rem;padding:2rem 3rem;border-radius:10px;border:1px solid white;background:var(--main-background-color);box-shadow:0 2px 4px #0000001f,0 8px 16px #00000029,0 24px 48px #00000047;display:grid;gap:1rem}.modal .modal-window .modal-title{border-bottom:1px solid rgb(from var(--text-color) r g b / .2)}.modal .modal-window .modal-message{gap:1rem;display:grid}.modal .modal-window .modal-message p{line-height:1.5rem}.modal .modal-window .modal-message .admin-password-form{width:min(22rem,70vw);display:grid;gap:1rem}.modal .modal-window .modal-message .admin-password-form fieldset{display:grid;gap:.5rem}.modal .modal-window .modal-message .admin-password-form fieldset p{font-size:smaller;line-height:1.2rem}.modal .modal-window .modal-message .admin-password-form fieldset label{display:flex;align-items:center;gap:.5rem;font-size:smaller;font-weight:400}.modal .modal-window .modal-actions{border-top:1px solid rgb(from var(--text-color) r g b / .2);padding-top:1rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.modal .modal-window .modal-actions.reverse{flex-direction:row-reverse}.modal .modal-window .modal-actions button{display:inline-flex;align-items:center;gap:.4rem;height:2.5rem}main:has(#guide){max-width:860px;grid-template-columns:minmax(0,1fr)}.guide{line-height:1.55;overflow-wrap:break-word}.guide p,.guide ul,.guide ol,.guide pre{margin:.6rem 0}.guide h1,.guide h2,.guide h3{display:block;text-align:left;scroll-margin-top:1rem}.guide h2{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--main-border-color)}.guide h3{margin-top:1.5rem}.guide hr{display:none}.guide a{border:none;padding:0;border-radius:0;color:var(--accent-color);text-decoration:underline}.guide a:hover{background:none;color:var(--accent-color)}.guide ul,.guide ol{padding-left:1.4rem}.guide li+li{margin-top:.25rem}.guide table{width:100%;border-collapse:collapse;margin:.8rem 0;display:block;overflow-x:auto}.guide th,.guide td{border:1px solid var(--main-border-color);padding:.35rem .6rem;text-align:left;vertical-align:top}.guide code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:var(--background-color);padding:.05rem .3rem;border-radius:3px}.guide pre{background:var(--background-color);padding:.6rem .8rem;border-radius:4px;overflow-x:auto}.guide pre code{padding:0}.guide blockquote{margin:.8rem 0;padding:.4rem .9rem;border-left:4px solid var(--accent-color);background:var(--background-color);border-radius:0 4px 4px 0}.guide blockquote p{margin:0}main:has(#mediasContainer){max-width:980px;grid-template-columns:minmax(0,1fr)}#mediasContainer{display:grid;gap:1rem}#mediasContainer .media-bar{display:grid;gap:.35rem;padding:.35rem .6rem;border:1px solid var(--main-border-color);border-radius:6px;font-size:.85rem}#mediasContainer .media-bar.has-details{border-color:var(--warning-bg)}#mediasContainer .media-bar button{padding:.2rem .6rem;font-size:.8rem}#mediasContainer .media-bar-main,#mediasContainer .media-bar-detail{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}#mediasContainer .media-bar-text{flex:1;min-width:12rem;color:rgb(from var(--text-color) r g b / .8)}#mediasContainer .media-bar-actions{display:flex;gap:.4rem}#mediasContainer .media-bar-detail{padding-top:.35rem;border-top:1px solid var(--main-border-color)}#mediasContainer .media-bar-detail>span:first-child,#mediasContainer .media-bar-detail>details{flex:1}#mediasContainer .media-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.4rem;flex-shrink:0;background:rgb(from var(--text-color) r g b / .35)}#mediasContainer .media-dot.ok{background:var(--success-bg)}#mediasContainer .media-dot.warn{background:var(--warning-bg)}#mediasContainer .media-dot.lost{background:var(--danger-bg)}#mediasContainer .media-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}#mediasContainer .media-filters input[type=search]{flex:1;min-width:14rem}#mediasContainer .media-tags{display:flex;flex-wrap:wrap;gap:.35rem}#mediasContainer .media-tags:empty{display:none}#mediasContainer .media-count{margin:0;font-size:smaller;color:rgb(from var(--text-color) r g b / .75)}.tag{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .55rem;border-radius:1rem;font-size:.8rem;line-height:1.4;white-space:nowrap;border:1px solid rgb(from var(--accent-color) r g b / .6);color:var(--text-color);background:rgb(from var(--accent-color) r g b / .1)}.tag button{--button-bg: transparent;--button-color: inherit;padding:0 .15rem;line-height:1}button.tag{--button-bg: rgb(from var(--accent-color) r g b / .1);--button-color: var(--text-color);padding:.15rem .6rem}button.tag.selected{--button-bg: var(--accent-color);--button-color: var(--main-background-color)}ul.media-list{display:grid;gap:.4rem;padding:0;margin:0}ul.media-list li{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;grid-template-areas:"play main tags extract verify edit del";align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:6px;border:1px solid var(--main-border-color)}ul.media-list li.missing{border-color:var(--danger-bg)}ul.media-list li.missing .media-main{opacity:.7}ul.media-list li>button{height:2.3rem}ul.media-list li .media-play{grid-area:play;width:2.6rem;padding:0}ul.media-list li .media-main{grid-area:main;min-width:0}ul.media-list li .media-row-tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:flex-end;max-width:16rem}ul.media-list li .media-extract{grid-area:extract}ul.media-list li [data-action=verify]{grid-area:verify}ul.media-list li [data-action=verify].verified{--button-bg: transparent;--button-color: var(--success-bg);border:1px solid currentColor}ul.media-list li [data-action=edit]{grid-area:edit}ul.media-list li [data-action=delete]{grid-area:del}ul.media-list .media-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.media-list .media-artist{font-weight:400;color:rgb(from var(--text-color) r g b / .8)}ul.media-list .media-year{color:rgb(from var(--text-color) r g b / .6);font-variant-numeric:tabular-nums}ul.media-list .media-artist{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul.media-list .media-extract{font-variant-numeric:tabular-nums;font-size:.85rem;text-align:right;display:grid;color:rgb(from var(--text-color) r g b / .65)}ul.media-list .media-extract.custom{color:var(--accent-color);font-weight:600}ul.media-list .media-extract small{font-weight:400;color:rgb(from var(--text-color) r g b / .6)}@media not (min-width:700px){ul.media-list li{grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"play main verify edit del" "tags tags tags extract extract"}ul.media-list li .media-row-tags{justify-content:flex-start;max-width:none}}.media-path{margin:0;font-size:.75rem;color:rgb(from var(--text-color) r g b / .6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-missing{color:var(--danger-bg);font-weight:600}.modal .modal-window.media-edit{width:min(820px,calc(100vw - 2rem));box-sizing:border-box;padding:1.5rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal .modal-window.media-edit .media-edit-fields{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr) auto;gap:.6rem 1rem}.modal .modal-window.media-edit .media-edit-fields label{display:grid;gap:.2rem;font-size:.85rem}.modal .modal-window.media-edit .media-edit-fields input[name=year]{width:5ch;text-align:center;font-variant-numeric:tabular-nums}.modal .modal-window.media-edit .media-edit-fields .media-edit-comment{grid-column:1 / -1}@media not (min-width:600px){.modal .modal-window.media-edit .media-edit-fields{grid-template-columns:minmax(0,1fr) auto}.modal .modal-window.media-edit .media-edit-fields label:first-child{grid-column:1 / -1}}.modal .modal-window.media-edit .media-write-tags{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.modal .modal-window.media-edit .media-edit-tags{display:grid;gap:.2rem;font-size:.85rem}.tag-editor{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.3rem;border:1px solid #c3c8d0;border-radius:.25rem;background:#fff;color:#111827;transition:border-color .15s,box-shadow .15s}.tag-editor:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.tag-editor .tag-chips{display:contents}.tag-editor .tag{color:#111827;background:#2563eb1a;border-color:#2563eb80}.tag-editor input{flex:1;min-width:10rem;padding:.25rem .3rem;font-size:1rem;border:none;outline:none;background:transparent;color:#111827}.tag-editor input::placeholder{color:#6b7280}.extract-editor{display:grid;gap:.6rem}.extract-editor .extract-wave{position:relative}.extract-editor .extract-wave canvas{display:block;width:100%;height:120px;border-radius:6px;background:var(--background-color);touch-action:none}.extract-editor .extract-wave .extract-loading{position:absolute;inset:0;display:grid;place-content:center;margin:0;font-size:.9rem}.extract-editor .extract-transport,.extract-editor .extract-points{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.extract-editor .extract-time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:1.1rem}.extract-editor .extract-points label{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.extract-editor .extract-points input{width:6ch;text-align:right;font-variant-numeric:tabular-nums}.extract-editor .extract-summary{margin:0;font-size:.85rem;color:rgb(from var(--text-color) r g b / .75)}.media-renamed summary{cursor:pointer}.media-renamed ul{margin:.3rem 0 0;padding-left:1.2rem}.media-renamed li{overflow-wrap:anywhere}.modal .modal-window.media-relocate{width:min(720px,calc(100vw - 2rem));box-sizing:border-box;padding:1.5rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal .modal-window.media-relocate .relocate-list{display:grid;gap:.3rem;padding:0;margin:0;max-height:50vh;overflow-y:auto}.modal .modal-window.media-relocate .relocate-list li{list-style:none;display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem;border:1px solid var(--main-border-color);border-radius:6px}.modal .modal-window.media-relocate .relocate-list li .media-main{flex:1;min-width:0}.modal .modal-window.media-relocate .relocate-list li .media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .modal-window.media-relocate .relocate-list .relocate-empty{justify-content:center;font-size:.9rem}.modal .modal-window.media-relocate .relocate-hint{font-size:.75rem;font-weight:600;color:var(--success-bg)}.media-count-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.media-count-bar button{padding:.25rem .7rem;font-size:.8rem}.modal .modal-window.media-verify{width:min(760px,calc(100vw - 2rem));box-sizing:border-box;padding:1.5rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal .modal-window.media-verify progress{width:100%}.modal .modal-window.media-verify .verify-progress{margin:0;font-variant-numeric:tabular-nums}.modal .modal-window.media-verify .verify-note{margin:0;font-size:.8rem;color:rgb(from var(--text-color) r g b / .7)}.modal .modal-window.media-verify .verify-summary{margin:0}.modal .modal-window.media-verify .verify-list{display:grid;gap:.5rem;padding:0;margin:0}.modal .modal-window.media-verify .verify-list>li{list-style:none;padding:.5rem .7rem;border:1px solid var(--main-border-color);border-radius:6px;display:grid;gap:.3rem}.modal .modal-window.media-verify .verify-track{display:flex;justify-content:space-between;gap:.5rem}.modal .modal-window.media-verify .verify-track a{font-size:.8rem;white-space:nowrap}.modal .modal-window.media-verify .verify-field{display:grid;grid-template-columns:auto 7rem minmax(0,1fr);align-items:baseline;gap:.5rem;font-size:.9rem}.modal .modal-window.media-verify .verify-field .verify-label{color:rgb(from var(--text-color) r g b / .7)}.modal .modal-window.media-verify .verify-field s{color:rgb(from var(--text-color) r g b / .55)}.modal .modal-window.media-verify .verify-plain{margin:.3rem 0;padding-left:1.2rem;font-size:.85rem}.modal .modal-window.media-verify summary{cursor:pointer}.modal .modal-window.media-picker{width:min(760px,calc(100vw - 2rem));box-sizing:border-box;padding:1.5rem;max-height:calc(100vh - 2rem);overflow-y:auto}.modal .modal-window.media-picker .picker-folder{margin:0;font-size:.85rem}.modal .modal-window.media-picker .picker-folder button{padding:.2rem .6rem;font-size:.8rem}.modal .modal-window.media-picker .picker-count{margin:0;font-size:.8rem;color:rgb(from var(--text-color) r g b / .7)}.modal .modal-window.media-picker .picker-list{display:grid;gap:.3rem;padding:0;margin:0;max-height:50vh;overflow-y:auto}.modal .modal-window.media-picker .picker-list li{list-style:none;display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem;border:1px solid var(--main-border-color);border-radius:6px}.modal .modal-window.media-picker .picker-list li.selected{border-color:var(--success-bg)}.modal .modal-window.media-picker .picker-list li .media-main{flex:1;min-width:0}.modal .modal-window.media-picker .picker-list li .media-title,.modal .modal-window.media-picker .picker-list li .media-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .modal-window.media-picker .picker-list li .media-title{font-weight:600}.modal .modal-window.media-picker .picker-list li .media-artist{font-size:.85rem;color:rgb(from var(--text-color) r g b / .8)}.modal .modal-window.media-picker .picker-list li .media-year{color:rgb(from var(--text-color) r g b / .6)}.modal .modal-window.media-picker .picker-list li>button{height:2.2rem;display:inline-flex;align-items:center;gap:.3rem}.modal .modal-window.media-picker .picker-list .picker-empty{justify-content:center;font-size:.9rem}.modal .modal-window.media-picker .picker-extract{font-size:.8rem;font-variant-numeric:tabular-nums;color:rgb(from var(--text-color) r g b / .65)}.modal .modal-window.media-picker .picker-used{margin-left:.4rem;font-size:.75rem;color:var(--warning-bg);font-weight:600}.modal .modal-window.media-picker .picker-tags{max-height:5.5rem;overflow-y:auto}.modal .modal-window.media-edit .modal-actions .flex{gap:.4rem;flex-wrap:wrap}#addFromMedia{display:inline-flex;align-items:center;gap:.4rem}.modal .media-dot{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.4rem}.modal .media-dot.ok{background:var(--success-bg)}.modal .verify-note{margin:0;font-size:.8rem;color:rgb(from var(--text-color) r g b / .7)}.media-kinds{display:flex;gap:.4rem}.media-kinds button{display:inline-flex;align-items:center;gap:.4rem}ul.media-list li.media-image-row{grid-template-columns:auto minmax(0,1fr) auto auto auto;grid-template-areas:"play main tags edit del"}ul.media-list li.media-image-row .media-thumb,ul.media-list li.media-image-row .media-play{grid-area:play}.media-thumb{--button-bg: var(--background-color);padding:0;width:4.5rem;height:3rem;overflow:hidden;border-radius:4px}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-thumb:hover img{transform:scale(1.06);transition:transform .2s}img.media-preview,img.question-image{display:block;max-width:100%;max-height:60vh;margin:0 auto;border-radius:6px;object-fit:contain;background:var(--background-color)}.modal .modal-window:has(>.modal-message>img.media-preview){max-width:calc(100vw - 2rem)}.media-image-title{display:grid;gap:.2rem;font-size:.85rem}.media-comment{font-size:.8rem;font-style:italic;color:rgb(from var(--text-color) r g b / .65);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-comment-full{margin:0;font-size:.9rem;font-style:italic;white-space:pre-line}.media-edit textarea[name=comment]{resize:vertical;font:inherit;font-size:1rem}.modal .modal-window.media-picker .picker-images li img{width:4.5rem;height:3rem;object-fit:cover;border-radius:4px;background:var(--background-color);flex-shrink:0}main:has(#board){max-width:760px;grid-template-columns:minmax(0,1fr)}.board{display:grid;gap:.8rem}.board .board-folders{display:grid;gap:.3rem;font-size:.85rem}.board .board-folders p{margin:0}.board .board-folders button{padding:.2rem .6rem;font-size:.8rem}.board .board-series small{margin-left:.3rem;padding:0 .4rem;border-radius:1rem;font-size:.75rem;background:rgb(from var(--text-color) r g b / .15)}.board .board-list{display:grid;gap:.3rem;padding:0;margin:0}.board .board-list li{list-style:none;display:grid;grid-template-columns:2.5rem 8.5rem minmax(0,1fr);align-items:center;gap:.6rem;padding:.3rem .5rem;border-radius:6px;border:1px solid transparent}.board .board-list li.current{border-color:var(--accent-color)}.board .board-list li.shown{border-color:var(--success-bg)}.board .board-list li.played:not(.current){opacity:.55}.board .board-list li.no-media{opacity:.5}.board .board-list .board-empty{display:block;text-align:center;opacity:.7}.board .board-num{font-weight:700;font-variant-numeric:tabular-nums}.board .board-play{width:100%;font-variant-numeric:tabular-nums}.board .board-thumb{--button-bg: var(--background-color);position:relative;width:100%;height:4rem;padding:0;overflow:hidden}.board .board-thumb img{width:100%;height:100%;object-fit:cover;display:block}.board .board-thumb span{position:absolute;inset:auto 0 0;font-size:.75rem;background:#000000a6;color:#fff}.board .board-none{display:block;text-align:center;opacity:.6}.board .board-answer{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .board-comment{display:block;font-size:.8rem;font-style:italic;white-space:pre-line;color:rgb(from var(--text-color) r g b / .7)}.board .board-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .8rem}.board .board-controls button{min-width:3rem}.board .board-controls label{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}.board .board-controls .board-auto{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .8rem;flex-basis:100%}.board .board-controls .board-auto select{padding:.2rem .3rem}.board .board-status{margin:0;font-size:.85rem;font-variant-numeric:tabular-nums;min-height:1.2em;text-align:center}