:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Martian Mono;src:url(/fonts/MartianMono-VariableFont_wdth,wght.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Impact;src:url(/fonts/Impact.ttf) format("truetype");font-weight:400;font-display:swap}:root{--bg-color: #ffffff;--panel-bg-color: #ffffff;--primary-text-color: #494949;--secondary-text-color: #555555;--accent-color: #122c28;--border-color: #d3d3d3;--input-bg: #f7f7f7;--hover-bg: #f6f2f2;--scroll-track: transparent;--scroll-thumb: #ccc;--bpm-bg: #e9e8ef;--bpm-hover: rgba(206, 224, 255, .397);--acap-bg: #1c1a1915;--acap-hover: rgba(255, 255, 255, .022);--mixed-bg: rgba(37, 23, 231, .1);--mixed-hover: rgba(138, 43, 226, .1);--bpm-dimmed: #C9C9CE;--acap-dimmed: #CBCBCB;--mixed-dimmed: #C9C8DB;--default-dimmed: #ccc;--elo-gain-bg: #7b713c;--elo-loss-bg: #000000;--elo-text: #ffffff;--font-family: "Martian Mono", monospace;--header-font: "Impact", serif;--ampersand-font: "Cormorant Garamond", serif;--transition-speed: 0s}[data-theme=dark]{--bg-color: #0f0f0f;--panel-bg-color: #121212;--primary-text-color: #e0e0e0;--secondary-text-color: #aaaaaa;--accent-color: #ffffff;--border-color: #333333;--input-bg: #2c2c2c;--hover-bg: #333333;--scroll-thumb: #555;--bpm-bg: #53585f;--bpm-hover: #818f97;--acap-bg: #797571;--acap-hover: #ffffff01;--mixed-bg: #5c36bb;--mixed-hover: #ffffff01;--bpm-dimmed: #6F737A;--acap-dimmed: #8F8B88;--mixed-dimmed: #7859C3;--default-dimmed: #444;--elo-loss-bg: #333}::selection{background-color:#2f7e72;color:#fff}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);font-weight:400;text-transform:uppercase;background-color:var(--bg-color);color:var(--primary-text-color);overflow:hidden;-ms-overflow-style:none;scrollbar-width:none;transition:background-color var(--transition-speed),color var(--transition-speed)}::-webkit-scrollbar{width:0;background:transparent}.container{display:flex;width:100vw;height:100vh}.left-panel{flex:0 0 45%;max-width:45%;display:flex;flex-direction:column;padding:10px 15px 10px 10px;background-color:var(--bg-color);transition:background-color var(--transition-speed)}.list-container{display:flex;flex-grow:1;gap:1%;overflow:hidden}.list-column{background-color:var(--bg-color);padding:0;overflow:hidden;display:flex;flex-direction:column;transition:flex-basis .4s ease-in-out,opacity var(--transition-speed) ease-in-out,background-color var(--transition-speed)}.list-column.active{flex-basis:76%;opacity:1}.list-column.inactive{flex-basis:12%;opacity:.1;cursor:pointer}.list-column.inactive ul,.list-column.inactive .list-controls,.list-column.inactive .table-header-row{pointer-events:none;opacity:30}ul{padding-inline-start:0px}.list-toggle{width:50px;height:50px;display:flex;justify-content:baseline;align-items:baseline;background:none;border:none;cursor:pointer;opacity:.6;transition:opacity .3s;margin-bottom:50px;align-self:flex-start;flex-shrink:0;padding:0;outline:none;-webkit-user-select:none;user-select:none}.list-toggle:focus{outline:none}.list-toggle:hover,.list-toggle.active{opacity:1}[data-theme=dark] .list-toggle{mix-blend-mode:screen}.logo{max-width:100%;max-height:100%;background:transparent!important;pointer-events:none}[data-theme=dark] .logo{filter:invert(1)}.list-controls{padding-right:10px;margin-bottom:10px;opacity:1;display:flex;align-items:center;gap:10px}.search-input{flex-grow:1;padding:8px 0;border:none;border-bottom:1px solid var(--border-color);font-family:var(--font-family);font-size:.6rem;background:transparent;outline:none;color:var(--primary-text-color)}.search-input:focus{border-bottom-color:var(--accent-color)}.results-count{background-color:var(--border-color);color:var(--secondary-text-color);font-size:.65rem;font-family:var(--font-family);padding:2px 6px;border-radius:4px;font-weight:700;min-width:20px;text-align:center}.table-header-row,.list-item{display:flex;align-items:center;min-width:450px;padding-left:10px;padding-right:10px}.table-header-row{padding-top:10px;padding-bottom:10px;font-family:var(--font-family);font-size:.5rem;text-transform:uppercase;color:#888;margin-bottom:5px}.col-header{cursor:pointer;-webkit-user-select:none;user-select:none}.col-header:hover{color:var(--accent-color)}.list-column ul{list-style:none;flex-grow:1;overflow-y:auto;margin:0;-ms-overflow-style:none;scrollbar-width:none}.list-column ul::-webkit-scrollbar{width:5px}.list-column ul::-webkit-scrollbar-track{background:transparent}.list-column ul::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:10px}.list-item{display:flex;align-items:top;padding:8px 10px;color:var(--primary-text-color);font-size:.75em;cursor:pointer;white-space:nowrap;overflow:hidden;font-size:.75rem}.list-item:hover{background-color:var(--hover-bg);color:var(--accent-color)}.list-item.date-separator{margin-top:1px;position:relative;border-top:1px dashed var(--border-color)}.col-rank{width:50px;text-align:left;flex-shrink:0;color:var(--secondary-text-color)}.col-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-weight:500;padding-right:0}.col-elo{width:70px;text-align:right;font-family:var(--header-font);font-size:1.2em;letter-spacing:-.5px}.col-winrate{width:100px;text-align:right;color:var(--secondary-text-color);font-size:.9em}.col-record{width:80px;text-align:right;color:var(--secondary-text-color);font-size:.9em;margin-right:0}.col-desc{flex:1;overflow:hidden;align-items:flex-start;text-overflow:ellipsis;font-weight:400}.col-date{width:60px;color:var(--secondary-text-color);font-size:.8em;margin-left:80px;margin-right:25px}.col-rating{width:40px;overflow:hidden;text-align:right;text-overflow:ellipsis;font-weight:500;margin-right:5px}.col-header.col-elo{font-family:var(--font-family);font-weight:500;color:var(--secondary-text-color);font-size:.9em}.right-panel{margin:10px 10px 10px -10px;border-radius:10px;flex:0 0 55%;max-width:55%;background-color:var(--panel-bg-color);background-color:#fbfbfb;color:var(--primary-text-color);display:flex;flex-direction:column;padding:10px 15px 12px;overflow-y:auto;transition:background-color var(--transition-speed);--dimmed-color: var(--default-dimmed)}[data-theme=dark] .right-panel{background-color:var(--panel-bg-color)}.right-panel.no-padding{padding:0;overflow:hidden}.key-visual-container{width:100%;height:100%;display:block;position:relative;background-color:#000}.history-item.type-bpm,.list-item.type-bpm,.right-panel.type-bpm{background-color:var(--bpm-bg);--dimmed-color: var(--bpm-dimmed)}.history-item.type-bpm:hover,.list-item.type-bpm:hover{background-color:var(--bpm-dimmed)}.history-item.type-acappella,.list-item.type-acappella,.right-panel.type-acappella{background-color:var(--acap-bg);--dimmed-color: var(--acap-dimmed)}.history-item.type-acappella:hover,.list-item.type-acappella:hover{background-color:var(--acap-dimmed)}.history-item.type-mixed,.list-item.type-mixed,.right-panel.type-mixed{background-color:var(--mixed-bg);--dimmed-color: var(--mixed-dimmed)}.history-item.type-mixed:hover,.list-item.type-mixed:hover{background-color:var(--mixed-dimmed)}.list-item:active{filter:brightness(.9)}.item-content{width:100%;animation:fadeIn .5s ease-in-out}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:10px;margin-bottom:10px;margin-top:0;position:relative;z-index:1}.profile-header p{text-transform:uppercase;font-family:var(--header-font);letter-spacing:-3px;font-size:6rem;text-align:center;font-weight:400;margin:0 0 5px;color:var(--primary-text-color);line-height:.8;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%;min-width:0;transform:scaleX(.7)}.close-btn{background:none;border:none;color:var(--secondary-text-color);font-size:2rem;cursor:pointer;outline:none;flex-shrink:0;margin-left:20px}.close-btn:hover{color:var(--accent-color)}.stats-grid{display:flex;gap:20px;margin-bottom:30px;color:var(--primary-text-color);font-size:.75em;line-height:.3}.stat-box{flex:1}.stat-box h3{margin:0 0 10px;font-family:var(--header-font)}.history-filter-tabs button{background:none;border:none;font-family:var(--font-family);font-size:.75rem;cursor:pointer;padding:5px 15px 5px 0;color:var(--secondary-text-color);text-transform:uppercase;-webkit-user-select:none;user-select:none;outline:none}.history-filter-tabs button.active{color:var(--primary-text-color)}.history-list{list-style:none;padding:0}.history-item{margin-left:-15px;margin-right:-15px;display:flex;align-items:top;padding:15px 10px;border-bottom:1px solid var(--border-color);color:var(--primary-text-color);font-size:.75em;cursor:pointer}.history-item:hover{background-color:var(--hover-bg)}.history-item .date{width:100px;color:var(--secondary-text-color);font-size:.8em;margin-right:10px}.history-item .desc{flex:1}.history-item .rating-snapshot{text-align:right;width:100px;margin-left:10px;font-family:var(--font-family);color:var(--primary-text-color);font-size:1.1em;font-weight:400;line-height:80%}.elo-change{width:30px;text-align:center;padding:2px 3px;color:var(--elo-text);font-size:.8em;margin-left:100px;height:fit-content}.elo-change.gain{background-color:var(--elo-gain-bg)}.elo-change.loss{background-color:var(--elo-loss-bg)}.battle-layout-wrapper{position:relative;min-height:100%;display:flex;flex-direction:column}.floating-video-container{width:100%;aspect-ratio:16/9;background:#000;display:flex;justify-content:center;margin-bottom:40px}.floating-video-container iframe{width:100%;height:100%}.battle-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;gap:40px;padding-bottom:5px;position:relative;z-index:5}.battle-info-left{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:300px;padding:0}.rating-section{padding:0;display:flex;flex-direction:row;justify-content:space-between;text-align:start;margin-bottom:30px}.rating-display{font-size:2rem;font-family:var(--font-family);color:var(--primary-text-color);padding-bottom:5px;line-height:.7}.rating-count{color:var(--secondary-text-color);font-size:.7rem;margin-bottom:15px;text-transform:uppercase}.star-row{display:inline-flex;position:relative;cursor:pointer}.star-wrapper{position:relative;width:35px;height:35px;margin:0}.star-svg{width:100%;height:100%;fill:var(--border-color)}#lone-star{font-size:1.6em;color:var(--primary-text-color)}.star-wrapper.full .star-svg{fill:var(--primary-text-color)}.star-wrapper.half .star-svg{fill:url(#halfGradient)}.click-target{position:absolute;top:0;height:100%;width:50%;z-index:10}.click-left{left:0}.click-right{right:0}.zero-rating-zone{position:absolute;left:-10px;width:10px;height:100%;cursor:pointer}.meta-link{display:block;cursor:pointer;color:var(--secondary-text-color);font-size:.8rem;margin-bottom:4px;width:fit-content}.meta-link:hover{color:var(--accent-color)}.battle-stack{display:flex;flex-direction:column;gap:5px}.battle-stack-item{display:block}.battle-artist-link{cursor:pointer;transition:color .2s;border-bottom:2px solid transparent}.battle-artist-link:hover{color:var(--accent-color)}.battle-stack-item.loser{color:var(--dimmed-color);opacity:1}.vs-divider-stack{color:var(--dimmed-color);opacity:1;font-size:1em;margin:4px 0;font-style:italic;line-height:.7em}.ampersand{font-family:var(--ampersand-font);overflow:hidden;font-size:1em;line-height:60%}.battle-poll-right{flex:1;height:100%;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.poll-header{font-family:var(--font-family);font-size:.7rem;color:var(--secondary-text-color);margin-bottom:10px;text-transform:uppercase}.poll-option{width:100%;margin-bottom:15px;cursor:pointer;position:relative}.poll-bar-bg{width:100%;height:6px;background-color:var(--border-color);margin-top:5px;position:relative}.poll-bar-fill{height:100%;background-color:var(--primary-text-color);transition:width .5s ease}.poll-label{display:flex;justify-content:space-between;font-size:.8rem;font-family:var(--font-family);color:var(--primary-text-color)}.poll-option:hover .poll-bar-fill,.poll-option.selected .poll-bar-fill{background-color:var(--accent-color)}.floating-header{position:fixed;top:20px;right:20px;display:flex;gap:2px;z-index:10001;flex-direction:column;align-items:end}.header-btn{background:var(--bg-color);color:var(--primary-text-color);border:1px solid var(--border-color);height:40px;padding:0 15px;font-family:var(--font-family);font-size:.8rem;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a;transition:all .2s;-webkit-user-select:none;user-select:none}.header-btn:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.header-btn.add-btn{width:40px;font-size:1.5rem;padding:0;font-weight:700}.header-btn.delete-btn{border-color:#f44;color:#f44}.header-btn.delete-btn:hover{background:#f44;color:#fff}.modal-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-size:auto;background-repeat:no-repeat;background-image:url('data:image/svg+xml,<svg width="1920" height="1080" viewBox="0 0 1920 1080" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="1920" height="1080" fill="%23E7E7E7"/><path d="M533.134 545.311L556.985 471.904H634.17L571.726 426.536L595.578 353.129L533.134 398.497L470.69 353.129L494.542 426.536L432.098 471.904H509.283L533.134 545.311Z" fill="white"/><path d="M696.277 426.979L720.128 353.572H797.313L734.869 308.204L758.72 234.797L696.277 280.165L633.833 234.797L657.684 308.204L595.241 353.572H672.425L696.277 426.979Z" fill="white"/><path d="M369.445 426.979L393.296 353.572H470.481L408.037 308.204L431.888 234.797L369.445 280.165L307.001 234.797L330.852 308.204L268.409 353.572H345.593L369.445 426.979Z" fill="white"/><path d="M1386.99 545.311L1410.84 471.904H1488.03L1425.59 426.536L1449.44 353.129L1386.99 398.497L1324.55 353.129L1348.4 426.536L1285.96 471.904H1363.14L1386.99 545.311Z" fill="white"/><path d="M1550.14 426.979L1573.99 353.572H1651.17L1588.73 308.204L1612.58 234.797L1550.14 280.165L1487.69 234.797L1511.54 308.204L1449.1 353.572H1526.28L1550.14 426.979Z" fill="white"/><path d="M1223.3 426.979L1247.16 353.572H1324.34L1261.9 308.204L1285.75 234.797L1223.3 280.165L1160.86 234.797L1184.71 308.204L1122.27 353.572H1199.45L1223.3 426.979Z" fill="white"/><path d="M960.243 854.174L936.392 780.767L859.207 780.767L921.651 735.399L897.799 661.992L960.243 707.36L1022.69 661.992L998.835 735.399L1061.28 780.767L984.094 780.767L960.243 854.174Z" fill="white"/><path d="M797.1 735.842L773.249 662.435L696.064 662.435L758.508 617.067L734.657 543.66L797.1 589.028L859.544 543.66L835.693 617.067L898.136 662.435L820.952 662.435L797.1 735.842Z" fill="white"/><path d="M1123.93 735.834L1100.08 662.427L1022.89 662.427L1085.34 617.059L1061.49 543.652L1123.93 589.02L1186.37 543.652L1162.52 617.059L1224.97 662.427L1147.78 662.427L1123.93 735.834Z" fill="white"/><path d="M532.827 543.477L556.679 616.884H633.863L571.42 662.252L595.271 735.659L532.827 690.291L470.384 735.659L494.235 662.252L431.791 616.884H508.976L532.827 543.477Z" fill="white"/><path d="M695.97 661.807L719.821 735.214H797.006L734.562 780.582L758.414 853.989L695.97 808.621L633.526 853.989L657.378 780.582L594.934 735.214H672.119L695.97 661.807Z" fill="white"/><path d="M369.14 661.816L392.991 735.223H470.176L407.732 780.591L431.584 853.998L369.14 808.63L306.696 853.998L330.548 780.591L268.104 735.223H345.289L369.14 661.816Z" fill="white"/><path d="M1386.69 543.477L1410.54 616.884H1487.72L1425.28 662.252L1449.13 735.659L1386.69 690.291L1324.24 735.659L1348.09 662.252L1285.65 616.884H1362.84L1386.69 543.477Z" fill="white"/><path d="M1549.83 661.807L1573.68 735.214H1650.87L1588.42 780.582L1612.27 853.989L1549.83 808.621L1487.39 853.989L1511.24 780.582L1448.79 735.214H1525.98L1549.83 661.807Z" fill="white"/><path d="M1223 661.816L1246.85 735.223H1324.04L1261.59 780.591L1285.44 853.998L1223 808.63L1160.56 853.998L1184.41 780.591L1121.96 735.223H1199.15L1223 661.816Z" fill="white"/><path d="M960.677 233.424L936.825 306.831L859.64 306.831L922.084 352.199L898.233 425.606L960.677 380.238L1023.12 425.606L999.269 352.199L1061.71 306.831L984.528 306.831L960.677 233.424Z" fill="white"/><path d="M797.534 351.754L773.683 425.161L696.498 425.161L758.942 470.529L735.09 543.936L797.534 498.568L859.978 543.936L836.126 470.529L898.57 425.161L821.385 425.161L797.534 351.754Z" fill="white"/><path d="M1124.37 351.754L1100.51 425.161L1023.33 425.161L1085.77 470.529L1061.92 543.936L1124.37 498.568L1186.81 543.936L1162.96 470.529L1225.4 425.161L1148.22 425.161L1124.37 351.754Z" fill="white"/></svg>');background-color:var(--bg-color);background-position:center;z-index:10003;display:flex;justify-content:center;align-items:center}.modal-form-content{background:var(--bg-color);width:600px;height:100%;max-height:100vh;overflow-y:auto;padding:10px;font-family:var(--font-family);display:flex;flex-direction:column;justify-content:space-between}.modal-form-content h2{font-family:var(--header-font);font-size:1.5rem;margin:0 0 10px;text-transform:uppercase;color:var(--primary-text-color)}.forms{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:5px;position:relative}.form-label{font-size:.7rem;color:var(--secondary-text-color);text-transform:uppercase;letter-spacing:1px}.form-input{background:var(--input-bg);color:var(--primary-text-color);border:none;padding:12px;font-family:var(--font-family);font-size:.9rem;outline:none;width:100%}.form-input:focus{background:var(--hover-bg)}.form-row{display:flex;gap:20px;align-items:end}.form-row .form-group{flex:1}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toggle-full{grid-column:1 / -1}.toggle-btn{border-radius:0;padding:10px;color:var(--primary-text-color);background:var(--input-bg);cursor:pointer;font-family:var(--font-family);font-size:.8rem;text-transform:uppercase;transition:all .2s;text-align:center;-webkit-user-select:none;user-select:none;border:none;outline:none}.toggle-btn:hover{background:var(--hover-bg)}.toggle-btn.selected{background:var(--primary-text-color);color:var(--bg-color)}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-color);border:1px solid var(--border-color);border-top:none;max-height:150px;overflow-y:auto;z-index:10;color:var(--primary-text-color)}.suggestion-item{padding:10px;cursor:pointer;font-size:.8rem}.suggestion-item:hover{background:var(--hover-bg)}.form-actions{margin-top:20px}.btn-save{border-radius:0;width:100%;background:var(--primary-text-color);color:var(--bg-color);padding:15px;border:none;font-family:var(--font-family);font-size:1rem;cursor:pointer;text-transform:uppercase}.btn-save:hover{background:var(--accent-color)}.btn-cancel{background:none;border:none;color:var(--secondary-text-color);cursor:pointer;margin-top:10px;width:100%;padding-bottom:15px}.btn-save:focus,.btn-cancel:focus{outline:solid;outline-width:thin;outline-color:#2f7e7270}.tag-input-wrapper{display:flex;flex-wrap:wrap;gap:5px;min-height:42px;padding:7px}.tag-input-field{border:none;outline:none;flex:1;background:transparent;font-family:var(--font-family);min-width:100px;color:var(--primary-text-color)}.tag-chip{background:#ffcfad;color:#5d2100;padding:4px 6px;font-size:.8rem;display:flex;align-items:center;gap:5px}.tag-chip button{background:none;border:none;cursor:pointer;font-weight:700;padding:0;color:#666}.tag-chip button:hover{color:red}.pack-opening-container{width:100vw;height:100vh;background:#050505;position:relative;overflow:hidden}.cursor-follower{position:fixed;top:0;left:0;pointer-events:none;z-index:10000;color:#fff;font-family:var(--font-family);font-weight:400;font-size:.9rem;letter-spacing:2px;text-shadow:none;transform:translate(20px,20px);white-space:nowrap;opacity:.8}.opening-status{position:absolute;bottom:50px;width:100%;text-align:center;color:#444;font-family:var(--font-family);font-size:.8rem;letter-spacing:5px;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.pack-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;display:flex;flex-direction:column;justify-content:space-between;padding:40px}.pack-ui-overlay button,.pack-ui-overlay .timer-display{pointer-events:auto}.reveal-header{text-align:center;margin-top:60px;animation:fadeIn 1s ease-out}.reveal-header h1{color:gold;font-family:var(--header-font);font-size:4rem;margin:0;line-height:1;text-transform:uppercase}.reveal-header p{color:#fff;font-family:var(--font-family);margin-top:10px}.cooldown-header{text-align:center;margin-top:80px;width:100%}.cooldown-header h2{color:#666;font-family:var(--font-family);font-size:.8rem;letter-spacing:3px;text-transform:uppercase}.timer-display{color:#fff;font-family:var(--header-font);font-size:4rem;margin:0;line-height:1.1}.collection-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:.5;transition:opacity .2s,transform .2s;z-index:100;pointer-events:auto}.collection-nav-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.nav-prev{left:40px}.nav-next{right:40px}.claim-btn-container{width:100%;display:flex;justify-content:center;padding-bottom:50px}.claim-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:15px 40px;font-family:var(--font-family);font-size:1rem;cursor:pointer;text-transform:uppercase;transition:all .3s}.claim-btn:hover{background:#fff;color:#000;border-color:#fff}.dev-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;opacity:0;transition:opacity .3s}.pack-opening-container:hover .dev-controls{opacity:1}.dev-btn{background:#222;border:1px solid #444;color:#888;padding:5px 10px;font-size:.6rem;cursor:pointer;font-family:var(--font-family);text-transform:uppercase}.dev-btn:hover{color:#fff;border-color:#fff}.header-icon-btn{background:#e2dfdf1f;cursor:pointer;width:40px;height:40px;padding:5px;display:flex;row-gap:200px;border-radius:4px;justify-content:center;align-items:center;outline:none;border:none;-webkit-user-select:none;user-select:none;mix-blend-mode:difference}.header-icon-btn img{width:100%;height:100%;object-fit:contain;border:none;outline:none;-webkit-user-select:none;user-select:none;mix-blend-mode:screen}.header-icon-btn:hover{opacity:.8}.header-icon-btn:focus{outline:solid;outline-width:thin;outline-color:#2f7e7270}[data-theme=light] .header-icon-btn{background:#615f5f1f}.header-icon-btn.telegram-btn{background:var(--primary-text-color);padding:0}.cursor-tooltip{position:fixed;pointer-events:none;z-index:10002;color:#fff;font-family:Martian Mono,monospace;font-size:.8rem;text-transform:uppercase;text-align:right;padding:4px 8px;border-radius:4px;white-space:nowrap;transform:translate(calc(-100% + -0px),calc(-100% + -0px));opacity:0;mix-blend-mode:difference}.cursor-tooltip.visible{opacity:1}.logout-popup{position:absolute;mix-blend-mode:normal;right:120%;top:50%;transform:translateY(-50%);background:#fff;border-radius:8px;padding:10px;width:max-content;z-index:10005;display:flex;flex-direction:row;gap:12px;align-items:center}.logout-text{font-family:var(--font-family);font-size:.75rem;color:#494949;white-space:nowrap}.logout-actions{display:flex;gap:4px;width:100%;justify-content:center}.logout-confirm-btn,.logout-cancel-btn{border:none;border-radius:3px;padding:4px 12px;font-family:var(--font-family);font-size:.7rem;cursor:pointer;transition:opacity .2s}.logout-confirm-btn{background-color:#ff2600;color:#fff}.logout-cancel-btn{background-color:#555;color:#fff}.logout-confirm-btn:hover,.logout-cancel-btn:hover{opacity:.8}.header-icon-btn.mobile-only,.mobile-only-auth{display:none}.desktop-tools{display:flex;flex-direction:column;gap:2px;align-items:flex-end}@media(max-width:768px){body{overflow-y:auto!important;overflow-x:hidden;height:auto}.container{display:flex;flex-direction:column;width:100vw;height:auto;overflow-x:hidden}.floating-header{position:fixed;top:0;left:0;right:0;width:calc(100% - 20px);height:60px;padding:0 15px;background-color:#e2dfdf;border-radius:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:9999;margin:10px 10px 0}.desktop-tools{display:none}.header-icon-btn.mobile-only{display:flex}.mobile-only-auth{display:block}.header-icon-btn{width:40px;height:40px;background:transparent!important;padding:0}.right-panel{order:1;flex:none!important;max-width:none!important;width:calc(100% - 20px);margin:80px 10px 10px;border-radius:15px;min-height:calc(100vh - 90px);height:auto;background-color:var(--panel-bg-color);display:flex;flex-direction:column;overflow:hidden}.pack-opening-container{height:calc(100vh - 90px)!important;border-radius:15px}.left-panel{order:2;flex:none!important;max-width:none!important;width:100%;padding-top:80px;height:100vh;box-sizing:border-box;background-color:var(--bg-color);overflow-x:hidden}.list-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr));min-height:calc(100vh - 160px);height:auto;overflow:hidden;gap:0;width:100%}.col-name,.col-desc{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-record,.col-rating{display:none!important}.col-name{flex:2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-desc{flex:3}.col-rank{width:30px;flex-shrink:0}.col-date{width:80px;flex-shrink:0;text-align:right}.col-elo{width:50px;flex-shrink:0;text-align:right}.list-column{display:contents}.list-column:nth-child(1) .list-toggle{grid-column:1}.list-column:nth-child(2) .list-toggle{grid-column:2}.list-column:nth-child(3) .list-toggle{grid-column:3}.list-toggle{grid-row:1;width:100%;height:100%;margin:0;padding:0;justify-content:center;align-items:center;background:transparent;opacity:.1;z-index:5}.list-toggle .logo{width:60%;height:60%}.list-column.active .list-toggle{opacity:1}.list-column .list-controls,.list-column .table-header-row,.list-column ul{display:none!important}.list-column.active .list-controls{display:flex!important;grid-row:2;grid-column:1 / -1;padding:15px 20px;background:var(--bg-color)}.list-column.active .table-header-row{display:flex!important;grid-row:3;grid-column:1 / -1;padding:5px 10px;background:var(--bg-color)}.list-column.active ul{display:block!important;grid-row:4;grid-column:1 / -1;overflow-y:auto;overflow-x:hidden;padding-bottom:40px;background:var(--bg-color)}.list-controls{padding:10px;display:flex}.table-header-row{padding:5px 20px}.logout-popup{position:absolute;right:0;top:120%;transform:none;width:250px;display:flex;flex-direction:column}.cursor-tooltip{display:none}.logout-confirm-btn,.logout-cancel-btn{border:none;border-radius:4px;padding:15px 20px;font-family:var(--font-family);font-size:.9rem;cursor:pointer}.logout-text{font-family:var(--font-family);font-size:.8rem;white-space:wrap}.logout-actions{display:flex;flex-direction:column;gap:3px;width:100%;justify-content:center}.profile-header p{font-size:6rem;letter-spacing:-1px}.stats-grid{flex-direction:column;gap:10px}.battle-bottom-row{flex-direction:column-reverse;align-items:flex-start;gap:20px;padding-bottom:20px}.battle-info-left{width:100%;height:auto}.battle-poll-right{width:100%}}:root{--info-bg: #E7E7E7;--info-svg-fill: #FFFFFF;--info-text: #000000}[data-theme=dark]{--info-bg: #0F0F0F;--info-svg-fill: #1E1C1C;--info-text: #FFFFFF}.info-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--info-bg);z-index:20000;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.info-text-container{padding:10px;color:var(--info-text);font-family:Martian Mono,monospace;font-weight:400;font-size:.8rem;line-height:1.4;text-transform:uppercase;width:100%;max-width:69ch;margin:0}.info-text-container p{margin-bottom:1.5em}.info-footer-svg{padding:10px;width:100%;height:auto;display:block;fill:var(--info-svg-fill)}.info-footer-svg path{fill:inherit;transition:fill .3s ease}.champion-row{display:flex;justify-content:center;gap:10px;margin-bottom:25px;flex-wrap:wrap;width:100%;padding-left:0}.crown-wrapper{position:relative;width:30px;height:30px;cursor:pointer;transition:transform .2s,opacity .2s;display:flex;align-items:center;justify-content:center}.crown-wrapper img{width:100%;height:100%;object-fit:contain}[data-theme=light] .crown-wrapper img{filter:invert(1)}.crown-wrapper:hover{z-index:10}.crown-wrapper.lost,.crown-wrapper.won{opacity:1}.crown-wrapper.lost img{filter:brightness(.29)}.crown-wrapper.won img{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}[data-theme=light] .crown-wrapper.lost img{filter:brightness(.8)}[data-theme=light] .crown-wrapper.won img{filter:brightness(.9);filter:invert(1)}.crown-tooltip{background-color:var(--panel-bg-color);color:var(--primary-text-color);border:1px solid var(--border-color);visibility:hidden;position:absolute;bottom:110%;left:50%;transform:translate(-50%);padding:5px 8px;font-family:var(--font-family);font-size:.6rem;white-space:nowrap;box-shadow:0 4px 10px #0000001a;opacity:0;transition:opacity .2s;pointer-events:none;z-index:20;text-transform:uppercase}.crown-wrapper.won .crown-tooltip{background-color:#7b713c;border-color:#7b713c;color:#fff}.crown-wrapper:hover .crown-tooltip{visibility:visible;opacity:1}