*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;height:100vh}header{grid-area:header;background-color:#333338;color:#fff;width:100%;padding:10px;padding-bottom:50px;text-align:center;background-image:url(https://delphi.iski.cc/assets/graph@2x-147d33f7ff25578d281bca542b6eef99bf50244032aaed469f6a2f794bc1e6cc.png);background-repeat:no-repeat;background-size:100%;background-position:bottom}.spinner{width:10rem;height:10rem;animation:spin 1s infinite linear;margin-top:10vh;margin-left:auto;display:block;margin-right:auto}.link{color:#12b1fb;text-decoration:underline}.link:visited{color:#ffffff;text-decoration:underline}header .logo{max-width:100%}header .resort-name{color:#12b1fb;font-size:1.2em}header .button{display:block;width:200px;padding:8px 0;margin:auto;margin-bottom:10px;background-color:#12b1fb;color:#fff;text-decoration:none}.tabs{grid-area:tabs}.tabrow{text-align:center;list-style:none;margin:0;padding:0;line-height:42px;height:44px;overflow:hidden;font-size:0.8em;position:relative;display:flex;justify-content:center}.tabrow li:hover:not([class~="selected"]){opacity:0.8}.tabrow li{border:1px solid #a8a8a8;background:#e6e6e6;color:#a8a8a8;position:relative;z-index:0;border-top-left-radius:6px;border-top-right-radius:6px;margin:0 -1px;padding:0 20px}.tabrow li a{text-decoration:none;color:inherit}.tabrow li.selected{background:#333338;color:#12b1fb;z-index:2;border-color:#333338}.tabrow::before{position:absolute;content:" ";width:100%;bottom:0;left:0;border-bottom:1px solid #a8a8a8;z-index:1}.tabrow li.selected::before,.tabrow li.selected::after{border:1px solid #333338;position:absolute;bottom:-1px;width:5px;height:5px;content:" "}.tabrow li.selected::before{left:-6px;box-shadow:2px 2px 0 #333338;border-bottom-right-radius:6px;border-width:0 1px 1px 0}.tabrow li.selected::after{right:-6px;box-shadow:-2px 2px 0 #333338;border-bottom-left-radius:6px;border-width:0 0 1px 1px}.tabrow li:first-of-type.selected::before,.tabrow li:last-of-type.selected::after{display:none}.tabrow.secondary{line-height:25px;height:auto;background-color:#333338}.tabrow.secondary::before{border-bottom:none}.tabrow.secondary li{width:calc(50% + 2px);background-color:#66676b;border-color:#333338}.tabrow.secondary li.selected{background-color:#fff;border-bottom-color:#fff}.tabrow.secondary li.selected::before{left:-6px;box-shadow:2px 2px 0 #fff;border-bottom-right-radius:6px;border-width:0 1px 1px 0}.tabrow.secondary li.selected::after{right:-6px;box-shadow:-2px 2px 0 #fff;border-bottom-left-radius:6px;border-width:0 0 1px 1px}.tabs .update-message{background-color:#333338;color:#fff;font-size:0.8em;padding:10px 15px}.ranking{margin-bottom:60px}.row{display:flex;align-items:center;padding:5px 15px;border-bottom:1px solid #12b1fb;position:relative;overflow:hidden}.row.me{background-color:#e6e6e6}.row.me::before{content:'';width:0;height:0;border-style:solid;border-width:60px 60px 0 0;border-color:#12b1fb transparent transparent transparent;position:absolute;left:0;top:0}.row.me::after{content:'';background-image:url(https://delphi.iski.cc/assets/icons/icon_st_star-a8fd8286b11db93945a63337dd91c2de9a66a016d84a428a393073148a437518.png);background-repeat:no-repeat;background-size:17px;position:absolute;top:3px;left:3px;width:17px;height:17px}.row .avatar{border:1px solid #12b1fb;border-radius:50%;height:60px;width:60px;object-fit:cover;margin-right:5px;z-index:10}.row .username{color:#12b1fb}.row .app-icon{height:18px;vertical-align:middle}.row .facts img{height:14px;vertical-align:middle}.row .date,.row .altitude,.row .lifts,.row .distance-down{vertical-align:middle}footer{position:fixed;bottom:0;grid-area:footer;background-color:#333338;color:#fff;width:100%;padding:10px;z-index:10}@media (min-aspect-ratio: 8 / 5){body{display:grid;grid-template-rows:min-content auto 60px;grid-template-columns:50% 50%;grid-template-areas:"header tabs" "header main" "header footer"}.ranking{grid-area:main;max-height:100%;overflow:auto;margin-bottom:0}footer{position:relative}}@media (max-aspect-ratio: 8 / 5) and (min-width: 500px){body{height:100vh;display:grid;grid-template-rows:min-content 10px min-content auto 60px;grid-template-columns:auto 500px auto;grid-template-areas:". header ." ". . ." ". tabs ." ". main ." ". footer ."}.ranking{grid-area:main}}