:root{--navbar-height: 59px;--sidebar-width: 160px;--adbar-vertical-width: 160px;--adbar-horizontal-height: 60px;--transition-speed: .2s}html{scroll-behavior:smooth}body{min-width:360px;overflow:hidden}main{position:relative;display:flex;height:calc(100dvh - var(--navbar-height))}main:after{content:"";position:absolute;inset:0;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease-out}@media(max-width:767.98px){main{flex-direction:column}html:not(.sidebar-collapsed) main:after{opacity:1}}#sidebar{width:var(--sidebar-width);flex-shrink:0;background-color:var(--bs-tertiary-bg);border-right:thin solid var(--bs-border-color);z-index:1050;display:flex;flex-direction:column}@media(max-width:767.98px){#sidebar{position:fixed;height:calc(100dvh - var(--navbar-height));transition:transform var(--transition-speed) ease-out;transform:translate(-100%)}html:not(.sidebar-collapsed) #sidebar{transform:translate(0)}}@media(min-width:768px){#sidebar{transition:margin-left var(--transition-speed) ease-out}html.sidebar-collapsed #sidebar{margin-left:calc(var(--sidebar-width) * -1)}}#sidebarList{overflow-y:auto;scrollbar-width:thin}#sidebarList .list-group-item{background:transparent;border:none;display:flex;flex-direction:column;padding:.5rem 1rem}#sidebarList .list-group-item.active{background-color:var(--bs-primary-bg-subtle);border-left:3px solid var(--bs-primary)}#sidebarList .list-group-item span{font-weight:600;color:var(--bs-primary-text-emphasis)}#sidebarList .list-group-item small{font-style:italic;color:var(--bs-secondary-color)}#arena{flex-grow:1;overflow-y:auto;padding:1.5rem}#arena header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;border-bottom:thin solid var(--bs-border-color);margin-bottom:1rem}#arena header h1{margin-bottom:0}#arena header em{flex:1 0 100%;margin-bottom:.5rem}#arena section{margin-bottom:1.25rem}#arena section h2{display:flex;justify-content:space-between;align-items:baseline;font-size:1.2rem}#arena section h2 small{font-size:.9rem;font-weight:400}#arena section p i{cursor:pointer;margin-right:.5rem;position:relative}#arena section p i:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}#arena section p i.loading{color:var(--bs-secondary-color)}#arena section p i.speaking:before{content:"\f610"}#arena section p b{font-weight:600}#arena section p em{display:block}#arena header small,#arena header em,#arena section h2 small,#arena section p em{color:var(--bs-secondary-color)}#quizModal{backdrop-filter:blur(5px)}#adbar{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bs-tertiary-bg)}@media(min-width:768px){#adbar{width:var(--adbar-vertical-width);border-left:thin solid var(--bs-border-color)}}@media(max-width:767.98px){#adbar{height:var(--adbar-horizontal-height);border-top:thin solid var(--bs-border-color)}}.hangman{position:relative}.hangman>*{font-family:monospace;overflow-x:hidden;overflow-y:auto;white-space:break-spaces}.hangman .slots{position:absolute;inset:0;border-style:solid;border-color:transparent;pointer-events:none}.hangman .slots:after{content:"";display:inline-block}.hangman .slots .slot{border-bottom:2px solid var(--bs-border-color)}.hangman .slots .slot.space{border-bottom-style:none}.hangman .slots .slot.error{background-color:var(--bs-danger-bg-subtle);color:var(--bs-form-invalid-color);border-bottom-color:var(--bs-form-invalid-border-color)}.hangman .slots .slot.success{background-color:var(--bs-success-bg-subtle);color:var(--bs-form-valid-color);border-bottom-color:var(--bs-form-valid-border-color)}.hangman .ghost{position:relative;display:block;width:100%;background:transparent;color:transparent;caret-color:var(--bs-body-color)}.hangman .ghost::selection{background-color:rgb(var(--bs-primary-rgb),.2)}.no-user-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-focus-ring:focus{border-color:var(--bs-border-color);box-shadow:none}.leuce-button{--bs-btn-color: var(--bs-body-color);--bs-btn-border-color: var(--bs-border-color);--bs-btn-hover-color: var(--bs-body-color);--bs-btn-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);--bs-btn-hover-border-color: var(--bs-border-color);--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);--bs-btn-active-color: var(--bs-body-bg);--bs-btn-active-bg: var(--bs-border-color);--bs-btn-active-border-color: var(--bs-border-color);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: var(--bs-secondary-color);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--bs-border-color);--bs-gradient: none}
/*! (c) 2026 SwedishVerbs. All rights reserved. */