﻿.card{--pad:20px;--gap:10px;--box-color:hsl(var(--surface-xlight));--background-color:var(--box-color);--text-color:hsl(var(--text));--line-color:hsl(var(--surface-light));padding:var(--pad,--gap,10px);border-radius:var(--radius,20px);background-color:var(--box-color,hsl(var(--surface-xlight)));font-size:var(--font-body-size);}.dark .card{--box-color:hsl(var(--surface-dark));--line-color:hsl(var(--surface-medium));}.card.card-dashed{outline:4px dashed var(--box-color);background-color:hsl(var(--background-light));}.card.card-default{--box-color:hsl(var(--surface-xlight));}.card>hr{margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);width:calc(100% + var(--pad)*2);box-sizing:border-box;border-width:2px;border-bottom:0;border-left:0;border-right:0;}.card>.row{margin-left:calc(var(--gap)*-.5);margin-right:calc(var(--gap)*-.5);width:calc(100% + var(--gap));}.card>.row>.col{padding-left:calc(var(--gap)*.5);padding-right:calc(var(--gap)*.5);max-width:calc(100% - var(--gap));}.card hr{border-style:solid;border-color:var(--line-color);margin-top:var(--gap,10px);margin-bottom:var(--gap,10px);}.card header{font-size:var(--font-body-size);}.card .card-header{display:flex;align-items:center;border-bottom:2px solid var(--line-color);margin-top:calc(var(--pad)*-1);margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:var(--pad);color:hsl(var(--text-color));border-radius:var(--radius) var(--radius) 0 0;}.card .card-header small{display:block;margin-top:5px;font-size:70%;}.card .card-header.status-default{--status-color:var(--default);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-primary{--status-color:var(--primary);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-secondary{--status-color:var(--secondary);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-alternative{--status-color:var(--alternative);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-danger{--status-color:var(--danger);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-warn{--status-color:var(--warn);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-dark{--status-color:var(--dark);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-success{--status-color:var(--success);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-header.status-info{--status-color:var(--info);background-color:hsl(var(--status-color));color:hsl(var(--background-light));border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;}.card .card-footer{display:flex;align-items:center;border-top:2px solid var(--line-color);margin-bottom:calc(var(--pad)*-1);margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:var(--pad);border-radius:0 0 var(--radius,20px) var(--radius,20px);color:hsl(var(--text-color));}.card.tipography h1{font-size:var(--h4-size);font-weight:var(--h4-weight);}.card.tipography h2{font-size:var(--h5-size);font-weight:var(--h5-weight);}.card.tipography h3{font-size:var(--h6-size);font-weight:var(--h6-weight);}.card.tipography h1,.card.tipography h2,.card.tipography h3{margin-bottom:var(--gap);}.card.tipography h1:not(:first-child),.card.tipography h2:not(:first-child),.card.tipography h3:not(:first-child){margin-top:calc(var(--gap)*2);}.btn{--pad:10px;--status-color:var(--default);--text-color:var(--background-light);background-color:hsl(var(--status-color));color:hsl(var(--text-color));border-radius:var(--label-radius,10px);padding:var(--pad) calc(var(--pad)*2);display:inline-flex;align-items:center;justify-content:center;width:fit-content;box-sizing:border-box;font-weight:bold;text-align:center;border:0;font-family:var(--font);font-size:clamp(12px,7.5vw,var(--font-body-size));line-height:var(--font-body-size);transition:transform var(--ani-quick);cursor:pointer;overflow:hidden;}.btn[disabled]{opacity:.8;--status-color:var(--default)!important;cursor:default;}.btn.btn-block{width:100%;}.btn.btn-std-w{width:180px;}.btn.btn-sm{--pad:10px;font-size:var(--font-subtitle-size);line-height:var(--font-subtitle-size);}.btn.btn-xs{--pad:6px;--label-radius:8px;font-size:var(--font-subtitle-size);line-height:var(--font-subtitle-size);}.btn.btn-rounded{--label-radius:20px;}.btn.btn-radio.btn-outline{transition:opacity var(--ani-calm),background-color var(--ani-calm),transform var(--ani-calm);}.btn.btn-lg{--pad:12px;}.btn.btn-outline{outline:2px solid hsl(var(--status-color));outline-offset:-2px;background-color:transparent;color:hsl(var(--status-color));}.btn.btn-outline:not([disabled]):focus,.btn.btn-outline:not([disabled]):hover{transition:opacity var(--ani-calm);background-color:hsla(var(--status-color),.1);transform:scale(1);}.btn.btn-hero{--grad-color-1:hsl(var(--dark));--grad-color-2:hsl(var(--dark));--grad-color-3:hsl(var(--status-color));background-image:linear-gradient(261deg,var(--grad-color-3),var(--grad-color-2) 50%,var(--grad-color-1));}.btn.btn-hero.btn-primary{--grad-color-1:hsl(var(--info));--grad-color-2:hsl(var(--primary));--grad-color-3:hsl(var(--primary));}.btn.btn-hero.btn-secondary{--grad-color-1:hsl(var(--secondary));--grad-color-2:hsl(var(--danger));--grad-color-3:hsl(var(--danger));}.btn.btn-hero.btn-alternative{--grad-color-1:hsl(var(--danger));--grad-color-2:hsl(var(--alternative));--grad-color-3:hsl(var(--info));}.btn.btn-icon{width:180px;height:fit-content;justify-content:space-between;}.btn.btn-icon .icon{margin-left:8px;max-height:20px;}.btn.btn-fab{width:40px;height:40px;border-radius:40px;}.btn.btn-clear{width:auto;height:auto;background-color:transparent;padding:0;color:hsl(var(--status-color));}.btn.btn-clear .icon{height:16px;width:24px;object-fit:contain;}.btn:not([disabled]):focus,.btn:not([disabled]):hover{transform:scale(1.02);text-decoration:none;}.btn:not([disabled]):active{transform:scale(.98);}.btn.btn-default{--status-color:var(--default);}.btn.btn-primary{--status-color:var(--primary);}.btn.btn-secondary{--status-color:var(--secondary);}.btn.btn-alternative{--status-color:var(--alternative);}.btn.btn-danger{--status-color:var(--danger);}.btn.btn-warn{--status-color:var(--warn);}.btn.btn-dark{--status-color:var(--dark);}.btn.btn-success{--status-color:var(--success);}.icon-white{filter:contrast(0) brightness(2);}@media(max-width:480px){.section-title .h4{font-size:var(--h5-size);}}section#play{--gap:20px;display:flex;flex-direction:column;gap:var(--gap);}@media(max-width:480px){section#play{--gap:10px;--pad:10px;}section#play h2{font-size:var(--h6-size);}section#play h3:not(.subtitle){font-size:var(--body);}}section#play .header{display:flex;flex-direction:column;gap:calc(var(--gap)*.5);}section#play .header.header-row{flex-direction:row;align-items:center;gap:var(--gap);}section#play .header.header-row img{width:30px;height:30px;border-radius:5px;}section#play .cards-container>ul{margin-top:var(--gap);display:flex;flex-flow:column wrap;gap:var(--gap);}section#play .cards-container>ul li{--img-side:120px;}section#play .cards-container>ul li .header{flex-flow:row wrap;gap:var(--gap);align-items:center;}section#play .cards-container>ul li .header:hover{text-decoration:none;}section#play .cards-container>ul li .header:hover .h5{text-decoration:underline;}section#play .cards-container>ul li .header:hover img{opacity:1;}section#play .cards-container>ul li .header img{opacity:.8;}@media(max-width:768px){section#play .cards-container>ul li .header img{opacity:1;}}section#play .cards-container>ul li .header .content{flex:1;flex-flow:column wrap;}section#play .cards-container>ul li .header .content .h5{line-height:calc(var(--h5-size)*1.2);}section#play .cards-container>ul li .header .content .subtitle{line-height:calc(var(--subtitle)*1.2);}@media(max-width:480px){section#play .cards-container>ul li .header .content{gap:calc(var(--gap)*.5);}section#play .cards-container>ul li .header .content .h5{line-height:calc(var(--body)*1.2);}}@media(max-width:320px){section#play .cards-container>ul li .header{flex-flow:column wrap;align-items:start;}}section#play .cards-container>ul li .footer{display:flex;flex-flow:row wrap;gap:calc(var(--gap)*.5);align-items:center;justify-content:space-between;}section#play .cards-container>ul li .footer .stores{display:flex;flex-flow:row wrap;gap:calc(var(--gap)*.5);}section#play .cards-container>ul li .footer .stores a:not([disabled]) img{opacity:.8;}@media(max-width:768px){section#play .cards-container>ul li .footer .stores a:not([disabled]) img{opacity:1;}}section#play .cards-container>ul li .footer .stores a:not([disabled]) img:hover{opacity:1;}section#play .cards-container>ul li .footer .stores li:has(a[disabled]){cursor:not-allowed;}section#play .cards-container>ul li .footer .stores a[disabled]{pointer-events:none;opacity:.5;}section#play nav{display:none;background-color:transparent;border:2px solid var(--line-color);}section#play nav p{font-weight:bold;}section#play nav .circle-list{list-style:none;--indent:20px;}section#play nav .circle-list>li{display:flex;flex-direction:column;padding-left:var(--indent);position:relative;}section#play nav .circle-list>li::marker{content:none!important;}section#play nav .circle-list>li::before{border:3px solid hsl(var(--surface-medium));background-color:hsl(var(--background-light));content:"";display:inline-flex;width:12px;height:12px;border-radius:50%;aspect-ratio:1;position:absolute;top:2px;left:0;}section#play nav li.subtitle{line-height:var(--subtitle);}section#play nav li::before{border:0!important;background-color:var(--line-color)!important;}section#play nav li+li{margin-top:10px;}@media(max-width:1024px){section#play nav{display:block;}}section#play .card{--gap:20px;}@media(max-width:480px){section#play .card{--pad:10px;--gap:10px;}}section#play .card .header .subtitle{color:hsl(var(--surface-medium));}section#play .card .header+.content{margin-top:var(--gap);}section#play .card .content{display:flex;}section#play .card .content .subtitle{line-height:1.6;}section#play .card .content .subtitle a{text-decoration:underline;}section#play .card .content.content-column{flex-direction:column;gap:var(--gap);}@media(max-width:480px){section#play .card .content.content-column{gap:calc(var(--gap)*2);}}section#play .card .content li{display:flex;flex-direction:column;gap:calc(var(--gap)*.5);}section#play .card .content li.card{--gap:10px;padding:0;gap:0;}section#play .card .content li.card .badges{display:flex;flex-wrap:wrap;gap:var(--gap);}section#play .card .content li.card .badges li{padding:calc(var(--pad)*.25) calc(var(--pad)*.75);flex:0 0 auto;flex-direction:row;flex-wrap:wrap;gap:var(--gap);border-radius:var(--radius);color:hsl(var(--background-light));}section#play .card .content li.card .badges li span:last-child{font-weight:bold;}section#play .card .content li.card .badges li.plus{background-color:hsl(var(--success));}section#play .card .content li.card .badges li.minus{background-color:hsl(var(--danger));}section#play .card .content li li.footer{padding:0;}section#play .card .content li li.footer::before{display:none!important;}section#play .card.list .circle-list{list-style:none;--indent:20px;}section#play .card.list .circle-list>li{display:flex;flex-direction:column;padding-left:var(--indent);position:relative;}section#play .card.list .circle-list>li::marker{content:none!important;}section#play .card.list .circle-list>li::before{border:3px solid hsl(var(--surface-medium));background-color:hsl(var(--background-light));content:"";display:inline-flex;width:12px;height:12px;border-radius:50%;aspect-ratio:1;position:absolute;top:2px;left:0;}section#play .card.list .circle-list>li{display:block;}section#play .card.list .circle-list>li.subtitle{line-height:var(--subtitle);}section#play .card.list .circle-list>li::before{border:0!important;background-color:hsl(var(--surface-medium))!important;}section#play .card.list .circle-list>li+li{margin-top:var(--gap);}nav#sidebar-nav{background-color:transparent;border:2px solid var(--line-color);}nav#sidebar-nav p{font-weight:bold;}nav#sidebar-nav .circle-list{list-style:none;--indent:20px;}nav#sidebar-nav .circle-list>li{display:flex;flex-direction:column;padding-left:var(--indent);position:relative;}nav#sidebar-nav .circle-list>li::marker{content:none!important;}nav#sidebar-nav .circle-list>li::before{border:3px solid hsl(var(--surface-medium));background-color:hsl(var(--background-light));content:"";display:inline-flex;width:12px;height:12px;border-radius:50%;aspect-ratio:1;position:absolute;top:2px;left:0;}nav#sidebar-nav li::before{border:0!important;background-color:var(--line-color)!important;}nav#sidebar-nav li+li{margin-top:10px;}@media(max-width:1024px){nav#sidebar-nav{display:none;}}