:root{font-family:var(--font-ui);font-size:13px}*{box-sizing:border-box}html{background-color:var(--bg);background-image:var(--bg-image);background-attachment:fixed;color-scheme:var(--scheme)}html,body,#root{margin:0;min-height:100%;color:var(--text)}button{font:inherit;color:inherit}body{background:transparent}.deck,.mixer,.library,.side-panel,.modal-card,.login-card{background-image:var(--panel-image);box-shadow:var(--panel-shadow)}.logo,.login-card h1{font-family:var(--font-display)}input{font:inherit}.muted{color:var(--muted)}.grow{flex:1}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:var(--panel-2);font-family:ui-monospace,monospace;font-size:11px}.btn{--btn-color: var(--accent);background:var(--btn);color:var(--btn-text);border:1px solid var(--edge);box-shadow:var(--btn-inset);border-radius:var(--radius);padding:5px 8px;font-size:11px;font-weight:600;letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap;transition:background .08s}.btn:hover:not(:disabled){background:var(--btn-hi)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:default}.btn.active{background:color-mix(in srgb,var(--btn-color) 28%,var(--btn));border-color:var(--btn-color);color:var(--btn-active-text);box-shadow:0 0 8px color-mix(in srgb,var(--btn-color) 45%,transparent)}.btn.small{padding:3px 8px}.btn.primary{background:var(--accent);color:var(--on-accent);border:none;padding:10px;font-size:13px}.login{min-height:100vh;display:grid;place-items:center;padding:16px;background:var(--login-bg)}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;gap:12px}.login-card h1,.logo{margin:0;font-weight:800;letter-spacing:.12em}.login-card h1 span,.logo span{color:var(--accent)}.login-card label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12px}.login-card input,.search,.filter{background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);padding:8px 10px;outline:none}.login-card input:focus,.search:focus,.filter:focus{border-color:var(--accent)}.login-error{color:var(--bad);font-size:12px}.hint{color:var(--muted);font-size:11px;margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 12px;background:var(--topbar-bg);border-bottom:1px solid var(--line)}.logo{font-size:14px}.zoom{display:flex;align-items:center;gap:4px;margin-left:16px}.skin-picker{display:flex;align-items:center;gap:6px}.skin-picker select{background:var(--btn);color:var(--btn-text);border:1px solid var(--edge);border-radius:var(--radius);padding:2px 6px;font:inherit;font-size:11px}.audio-lock{--btn-color: var(--warn);border-color:var(--warn);color:var(--warn)}.server{font-size:12px}.waves{display:flex;flex-direction:column;gap:2px;background:var(--wave-frame);padding:2px 0}.scroll-wave{width:100%;height:84px;display:block;cursor:grab;touch-action:none}.scroll-wave.dragging{cursor:grabbing}.phase-meter{width:100%;height:14px;display:block}.console{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;padding:8px}.deck{--deck: var(--accent);background:var(--panel);border:1px solid var(--line);border-top:2px solid var(--deck);border-radius:var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:8px;min-width:0}.deck.drop{outline:2px dashed var(--deck);outline-offset:-4px}.deck-head{display:flex;align-items:center;gap:10px;min-width:0}.deck-letter{font-size:26px;font-weight:800;color:var(--deck);width:26px;text-align:center}.deck-title{flex:1;min-width:0}.deck-title .title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-title .artist{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beat-counter{display:flex;gap:3px}.beat-counter span{width:9px;height:14px;border-radius:2px;background:var(--btn)}.beat-counter span.on{background:var(--deck);box-shadow:0 0 6px var(--deck)}.beat-counter span:first-child.on{background:var(--downbeat-led);box-shadow:0 0 6px var(--downbeat-led)}.deck-key{text-align:center;min-width:44px;padding:2px 6px;border-radius:4px;border:1px solid transparent;font-variant-numeric:tabular-nums}.deck-key .camelot{font-size:16px;font-weight:700;line-height:1.1}.deck-key .key-name{font-size:11px;color:var(--muted)}.deck-key.match{border-color:var(--ok);color:var(--ok)}.deck-key.shifted .camelot{color:var(--warn)}.deck-bpm{text-align:right;font-variant-numeric:tabular-nums}.deck-bpm .bpm{font-size:22px;font-weight:700;line-height:1}.deck-bpm .tempo{font-size:11px;color:var(--muted)}.deck-bpm .grid-hand{font:inherit;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--accent);background:none;border:1px solid currentColor;border-radius:var(--radius);padding:0 3px;margin-right:4px;cursor:pointer}.deck-bpm .grid-hand:hover{background:color-mix(in srgb,currentColor 18%,transparent)}.time{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,monospace;min-width:72px}.time .elapsed{font-size:15px}.time .remain{font-size:12px;color:var(--muted)}.time .remain.warn{color:var(--bad)}.overview{width:100%;height:40px;display:block;border-radius:4px;cursor:pointer}.deck-body{display:grid;grid-template-columns:96px 1fr 64px;gap:8px;align-items:stretch}.deck-left{display:flex;flex-direction:column;gap:6px}.deck-left .spacer{flex:1}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.btn-grid .wide{grid-column:span 2}.cue-btn,.play-btn{height:46px;border-radius:50%;font-size:13px}.cue-btn{--btn-color: var(--cue-color)}.play-btn{--btn-color: var(--play-color)}.cue-btn.lit,.play-btn.lit{border-color:var(--btn-color);color:var(--btn-color);box-shadow:0 0 10px color-mix(in srgb,var(--btn-color) 55%,transparent),inset 0 0 6px color-mix(in srgb,var(--btn-color) 30%,transparent)}.cue-btn.blink,.play-btn.blink{animation:blink 1s steps(1) infinite}@keyframes blink{0%,49%{border-color:var(--btn-color);color:var(--btn-color)}50%,to{border-color:var(--edge);color:var(--text)}}.deck-center{position:relative;min-width:0;min-height:120px}.deck-center .jog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.jog{position:relative;border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.jog:active{cursor:grabbing}.jog canvas{position:absolute;top:0;right:0;bottom:0;left:0}.jog-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:var(--jog-center);border:2px solid var(--edge);display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--deck);pointer-events:none}.jog-center img{width:100%;height:100%;object-fit:cover}.deck-right{display:flex;flex-direction:column;align-items:center;gap:6px}.deck-right .btn{width:100%}.sync-btn{height:32px}.key-shift{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2px;width:100%}.deck-right .key-shift .btn{width:auto;min-width:0;padding-left:0;padding-right:0;font-size:10px;white-space:nowrap;overflow:hidden}.deck-right .key-shift .btn.key-step{font-size:14px;line-height:1}.key-shift-tag{margin-left:4px;padding:0 3px;border-radius:3px;font-size:.85em;font-weight:700;color:var(--bg, #000);background:var(--keylock-btn)}.master-tag{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--line);border:1px solid var(--line);border-radius:3px;padding:1px 4px}.master-tag.on{color:var(--warn);border-color:var(--warn)}.hotcues,.beatloops{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.pad{height:30px;font-size:12px}.pad.set{background:color-mix(in srgb,var(--btn-color) 75%,var(--edge));color:var(--pad-text);border-color:var(--btn-color)}.deck-util{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.deck-util .sep{width:8px}.util-label{color:var(--muted);font-size:10px;letter-spacing:.08em}.deck-bpm{cursor:pointer}.bpm-edit{background:none;border:1px dashed transparent;border-radius:var(--radius);padding:1px 4px;cursor:text}.bpm-edit:hover{border-color:var(--line);color:var(--text)}.bpm-input{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.bpm-input input{width:64px;background:var(--input-bg);color:var(--text);border:1px solid var(--accent);border-radius:var(--radius);padding:2px 5px;font:inherit;font-variant-numeric:tabular-nums;text-align:right;outline:none}.bpm-input input.invalid{border-color:var(--bad)}.util-info{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.fader{position:relative;touch-action:none;cursor:pointer;flex-shrink:0}.fader.vertical{width:34px}.fader.horizontal{height:34px}.fader-slot{position:absolute;background:var(--fader-slot);border-radius:3px;box-shadow:var(--slot-inset)}.fader.vertical .fader-slot{left:50%;width:6px;top:6px;bottom:6px;transform:translate(-50%)}.fader.horizontal .fader-slot{top:50%;height:6px;left:6px;right:6px;transform:translateY(-50%)}.fader-thumb{position:absolute;background:var(--fader-thumb);border:1px solid var(--edge);border-radius:3px;box-shadow:var(--thumb-shadow)}.fader.vertical .fader-thumb{left:0;right:0;height:30px}.fader.horizontal .fader-thumb{top:0;bottom:0;width:30px}.fader.vertical .fader-thumb:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;background:var(--fader-line)}.fader.horizontal .fader-thumb:after{content:"";position:absolute;top:3px;bottom:3px;left:50%;width:2px;background:var(--fader-line)}.tempo-zero{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ok);opacity:.6}.knob{display:flex;flex-direction:column;align-items:center;gap:1px;-webkit-user-select:none;user-select:none}.knob svg{cursor:ns-resize;touch-action:none}.knob-body{fill:var(--knob-body);stroke:var(--edge)}.knob-track{fill:none;stroke:var(--knob-track);stroke-width:3}.knob-value{fill:none;stroke-width:3}.knob-pointer{stroke:var(--knob-pointer);stroke-width:2;stroke-linecap:round}.knob-label{font-size:10px;font-weight:700;color:var(--text);opacity:.8;letter-spacing:.06em}.knob-ends{display:flex;justify-content:space-between;gap:6px;min-width:100%;margin-top:-3px;font-size:8px;font-weight:700;color:var(--muted);letter-spacing:.04em}.vu{display:block}.mixer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:8px;align-items:center}.mixer-channels{display:flex;gap:10px;flex:1}.channel{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px}.ch-label{font-size:11px;font-weight:800;color:var(--deck, var(--muted));letter-spacing:.08em}.ch-group{display:flex;align-items:center;gap:4px;align-self:stretch;font-size:8px;font-weight:700;letter-spacing:.1em;color:var(--muted)}.ch-group:before,.ch-group:after{content:"";flex:1;height:1px;background:var(--line)}.ch-fader{display:flex;gap:6px;align-items:center;margin-top:auto}.mixer-master{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 6px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.cue-phones{width:100%;padding:4px 2px;font-size:10px}.phones-label{margin-top:2px;color:var(--phones)}.phones-row{display:flex;align-items:center;gap:6px}.xfader-head{display:flex;align-items:center;gap:8px;width:100%}.xfader-head>.ch-group{flex:1}.curve{display:flex;gap:3px}.curve .btn{padding:2px 6px;font-size:9px;font-weight:700;letter-spacing:.04em}.xfader{display:flex;align-items:center;gap:8px;font-weight:800}.library{flex:1;display:grid;grid-template-columns:190px minmax(0,1fr);min-height:320px;margin:0 8px 8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.lib-nav{border-right:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.search{margin-bottom:6px}.nav-group{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin:10px 6px 4px}.cache-info{font-size:11px;color:var(--muted);padding:0 8px 4px}.dialog-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.btn.danger{--btn-color: var(--bad);border-color:var(--bad);color:var(--bad)}.nav-item{text-align:left;background:none;border:none;padding:5px 8px;border-radius:4px;cursor:pointer;color:var(--text)}.nav-item:hover{background:var(--panel-2)}.nav-item.active{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text-strong)}.lib-main{display:flex;flex-direction:column;min-width:0;min-height:0}.lib-bar{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--line)}.crumbs{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-content{flex:1;overflow-y:auto;padding:10px;max-height:60vh}.lib-content h3{margin:14px 0 6px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.lib-status{padding:16px;color:var(--muted)}.lib-status.error{color:var(--bad)}.lib-more{display:flex;justify-content:center;padding:10px}.lib-more.left{justify-content:flex-start;padding:0 0 8px}.filter{width:100%;max-width:320px;margin-bottom:8px;padding:5px 8px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.album-card{background:none;border:none;padding:6px;border-radius:var(--radius);text-align:left;cursor:pointer;min-width:0}.album-card:hover{background:var(--panel-2)}.album-card .cover{aspect-ratio:1;background:var(--input-bg);border-radius:4px;overflow:hidden;margin-bottom:6px}.album-card img{width:100%;height:100%;object-fit:cover;display:block}.album-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-artist{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px}.artist-item{text-align:left;background:none;border:none;padding:6px 8px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-item:hover{background:var(--panel-2)}.tracks{width:100%;border-collapse:collapse;font-size:12px}.tracks th{text-align:left;font-weight:600;color:var(--muted);padding:4px 8px;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:-10px;background:var(--panel)}.tracks td{padding:3px 8px;border-bottom:1px solid var(--line-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.tracks tr{cursor:grab}.tracks tbody tr:hover{background:var(--panel-2)}.pl-bar{display:flex;align-items:center;gap:12px}.artist-item.pl-item.drop,.pl-view.drop{outline:2px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb,var(--accent) 10%,transparent)}.pl-view{border-radius:6px}.pl-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 16px;padding:6px 4px 10px}.pl-title{display:grid;gap:2px;min-width:0}.pl-title b{font-size:15px}.pl-comment{font-style:italic;opacity:.85}.pl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tracks tr.editing{cursor:grab}.tracks tr.landing td{box-shadow:inset 0 2px 0 var(--accent)}.load-btn.pl-remove{color:var(--danger, #ff5c5c)}.track-menu{position:fixed;z-index:90;display:grid;width:250px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 30px #00000073}.track-menu-head{padding:4px 6px 6px;border-bottom:1px solid var(--line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-menu-label{padding:6px 6px 2px}.track-menu-list{display:grid;max-height:220px;overflow:auto}.track-menu button{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border:0;border-radius:5px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.track-menu button:hover{background:color-mix(in srgb,var(--accent) 16%,transparent)}.track-menu-new{margin-top:4px;border-top:1px solid var(--line)!important;border-radius:0 0 5px 5px!important}.track-menu-done{padding:8px 6px}.tracks tr.loaded td{color:var(--text-strong)}.tracks .num{text-align:right;font-variant-numeric:tabular-nums;width:1%}.tracks .load{width:1%;cursor:default}.tracks .fmt{color:var(--muted);width:1%}.load-btn{--deck: var(--accent);background:none;border:1px solid color-mix(in srgb,var(--deck) 60%,transparent);color:var(--deck);border-radius:3px;font-size:10px;font-weight:700;padding:1px 6px;margin-right:3px;cursor:pointer}.load-btn:hover{background:var(--deck);color:var(--pad-text)}.badge{display:inline-block;margin-left:6px;padding:0 5px;border-radius:3px;color:var(--pad-text);font-size:10px;font-weight:800}.badge.stems-badge{background:transparent;color:var(--accent);border:1px solid currentColor;font-size:9px;letter-spacing:.04em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);display:grid;place-items:center;z-index:58;padding:16px}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 24px;max-width:520px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.modal-card h2{margin-top:0;font-size:16px}.modal-card.settings{display:flex;flex-direction:column;max-width:820px;max-height:calc(100vh - 32px);padding:0;overflow:hidden}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}.settings-head h2{margin:0}.settings-body{display:grid;grid-template-columns:170px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:0;flex:1}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-right:1px solid var(--line);background:var(--panel-2)}.settings-tab{padding:8px 12px;border:0;border-radius:var(--radius);background:none;color:var(--muted);font:inherit;font-weight:600;text-align:left;cursor:pointer}.settings-tab:hover{color:var(--text)}.settings-tab.active{background:var(--panel);color:var(--text-strong, var(--text));box-shadow:inset 3px 0 0 var(--accent)}.settings-warn{color:var(--bad)}.settings-page{min-height:0;overflow-y:auto;padding:4px 22px 22px}.settings-section{padding:14px 0 6px}.settings-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:6px 0;font-size:12px}.settings-row.off{opacity:.5}.settings-row input[type=range]{flex:1;min-width:140px}.settings-choices{display:flex;flex-wrap:wrap;gap:4px}.settings-value{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.settings-section+.settings-section{border-top:1px solid var(--line)}.settings-section p{margin:6px 0}@media (max-width: 640px){.settings-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.settings-tab.active{box-shadow:inset 0 -3px 0 var(--accent)}}.settings h3,.audio-settings h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 6px}.settings select,.audio-settings select{background:var(--input-bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:6px 8px;max-width:100%}.audio-mode{display:flex;gap:8px;align-items:flex-start;padding:6px 0;cursor:pointer}.health{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:8px;padding:8px 10px;border-radius:var(--radius);background:var(--panel-2);border-left:3px solid var(--ok)}.health.bad{border-left-color:var(--bad)}.btn.audio-warn{--btn-color: var(--bad);border-color:var(--bad);color:var(--bad)}.audio-mode.disabled{opacity:.45;cursor:default}.audio-sub{margin-top:6px}.small{font-size:11px}.remote-panel{max-width:600px;max-height:calc(100vh - 32px);overflow-y:auto}.remote-panel h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:16px 0 6px}.q-check.big{font-size:13px;color:var(--text)}.remote-status{margin-left:auto;font-size:11px;color:var(--muted)}.remote-status.connected{color:var(--ok)}.remote-status.error{color:var(--warn)}.remote-code{display:flex;align-items:center;gap:10px;margin-top:10px}.remote-code code{font-size:22px;letter-spacing:.15em;font-weight:700}.remote-link{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.qr{width:150px;height:150px;background:#fff;border-radius:var(--radius);flex-shrink:0}.qr svg{width:100%;height:100%;display:block}.remote-urls{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}.link-btn{background:none;border:none;color:var(--accent);text-align:left;padding:0;cursor:pointer;word-break:break-all;font-size:12px}.api-example{background:var(--input-bg);border:1px solid var(--line);border-radius:var(--radius);padding:8px;font-size:11px;overflow-x:auto;white-space:pre}.keys{width:100%;border-collapse:collapse;margin-bottom:12px}.keys td,.keys th{padding:4px 6px;text-align:left;border-bottom:1px solid var(--line-soft)}.keys th{color:var(--muted)}.table-tools{display:flex;align-items:center;gap:8px;margin-bottom:8px}.table-tools .filter{margin-bottom:0}.queue-btn,.session-btn{--deck: var(--muted)}.session-btn.in{--deck: var(--accent);color:var(--accent)}.side-panel{background:var(--panel);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:0;max-height:calc(60vh + 40px)}.side-tabs{display:flex;border-bottom:1px solid var(--line)}.side-tabs button{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:7px 4px 5px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}.side-tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.queue{padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;flex:1}.q-head{display:flex;gap:6px}.btn.autodj{--btn-color: var(--autodj);flex:1;padding:8px;font-size:12px}.q-status{font-size:11px;color:var(--muted);min-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-rate{display:flex;flex-direction:column;gap:4px;font-size:11px}.q-rate-row{display:flex;align-items:center;gap:4px}.q-rate-what{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-rate-btn{padding-inline:6px}.q-rate-thanks{color:var(--muted)}.q-settings{display:flex;align-items:center;gap:4px;font-size:11px}.q-check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.q-bpm{width:46px;padding:2px 5px;font-size:11px;text-align:center}.q-keys{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}.q-keys .btn{padding:2px 0;font-size:10px;min-width:0}.q-moves{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:11px;color:var(--muted)}.q-title{display:flex;align-items:center;gap:8px;margin-top:6px;font-weight:600}.q-title>span:first-child{flex:1}.q-analyzing{font-size:10px;font-weight:400}.q-clashes{color:var(--bad);font-size:11px;font-weight:700}.q-note{font-size:10px;color:var(--muted)}.q-list{flex:1;overflow-y:auto;min-height:80px;padding-bottom:20px}.q-empty{color:var(--muted);font-size:12px;padding:12px 4px}.q-item{--deck: transparent;display:flex;align-items:center;gap:6px;padding:5px 6px;border-radius:5px;background:var(--panel-2);border-left:3px solid var(--deck);cursor:grab}.q-item.on-deck{cursor:default}.q-item.ahead{cursor:default;background:color-mix(in srgb,var(--panel-2) 70%,transparent);border-left:3px dashed color-mix(in srgb,var(--accent) 55%,transparent)}.q-item.ahead .q-label{color:color-mix(in srgb,var(--accent) 80%,var(--muted))}.q-pos{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text, #fff);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.q-item.drop-before{box-shadow:0 -2px 0 var(--accent)}.q-main{flex:1;min-width:0}.q-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--deck)}.q-song,.q-artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-song{font-size:12px;font-weight:600}.q-artist{font-size:11px;color:var(--muted)}.q-meta{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.q-key{font-size:12px;font-weight:700}.q-bpm{font-size:10px;color:var(--muted)}.q-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:15px;padding:0 2px}.q-remove:hover{color:var(--bad)}.q-remove:disabled{opacity:.3;cursor:not-allowed}.q-remove:disabled:hover{color:var(--muted)}.q-link{font-size:10px;padding:2px 0 2px 14px;border-left:2px solid;margin:1px 0 1px 10px}.q-link.ok{color:var(--ok);border-color:var(--ok)}.q-link.boost{color:var(--warn);border-color:var(--warn)}.q-link.clash{color:var(--bad);border-color:var(--bad)}.q-link.unknown{color:var(--muted);border-color:var(--line)}@media (max-width: 1180px){.topbar .server{display:none}.console{grid-template-columns:1fr 1fr}.library{grid-template-columns:170px minmax(0,1fr)}.side-panel{margin:0 8px 8px;border-radius:var(--radius-lg);max-height:none}.mixer{grid-column:1 / -1;grid-row:2}}@media (max-width: 760px){.console,.library{grid-template-columns:1fr}.lib-nav{border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}.nav-group{display:none}}.session .q-title{margin-top:0;flex-wrap:wrap}.s-from{--deck: var(--muted);display:flex;align-items:baseline;gap:6px;font-size:11px;padding:4px 6px;border-left:3px solid var(--deck);background:var(--panel-2);border-radius:4px;min-width:0}.s-from-title{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session .q-list{display:flex;flex-direction:column;gap:5px}.session .q-list.drop{outline:2px dashed var(--accent);outline-offset:-2px}.s-card{--deck: transparent;border-radius:5px;background:var(--panel-2)}.s-card.top{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 45%,transparent)}.s-card.played{opacity:.5}.s-rank{color:var(--ok)}.s-played{background:none;border:none;padding:0;cursor:pointer;color:var(--muted)}.s-actions{display:flex;align-items:center;gap:3px}.s-fit{font-size:10px;padding:0 8px 5px 9px;font-variant-numeric:tabular-nums}.s-fit.ok{color:var(--ok)}.s-fit.boost{color:var(--warn)}.s-fit.clash{color:var(--bad)}.s-fit.unknown{color:var(--muted)}@media (min-width: 1181px){.app{height:100vh;height:100dvh;min-height:620px;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto auto auto auto minmax(0,1fr);grid-template-areas:"top top" "waves side" "console side" "sampler side" "library side"}.topbar{grid-area:top}.waves{grid-area:waves}.console{grid-area:console}.sampler{grid-area:sampler}.library{grid-area:library;min-height:0}.lib-content{max-height:none}.side-panel{grid-area:side;margin:8px 8px 8px 0;border-radius:var(--radius-lg);max-height:none;min-height:0}}@media (min-width: 1181px) and (max-height: 999px){.scroll-wave{height:62px}.console{gap:6px;padding:6px 8px}.deck,.mixer{padding:6px;gap:6px}.cue-btn,.play-btn{height:38px}.pad{height:26px}}@media (min-width: 1181px) and (max-height: 819px){.scroll-wave{height:50px}.overview{height:30px}.cue-btn,.play-btn{height:32px}.pad{height:24px}}.side-panel{padding:8px;gap:12px;overflow-y:auto}.autodj-panel,.upnext,.session{display:flex;flex-direction:column;gap:6px;min-width:0}.side-panel .q-list{overflow:visible;flex:none;min-height:0;padding-bottom:0}.q-settings-box{display:flex;flex-direction:column;gap:10px;padding:8px;border-radius:var(--radius);background:var(--panel-2)}.q-group{display:flex;flex-direction:column;gap:6px}.q-group+.q-group{padding-top:8px;border-top:1px solid var(--line)}.q-group-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.q-opt{display:flex;flex-direction:column;gap:3px}.q-opt-label{font-size:11px;color:var(--text)}.q-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:11px}.upnext .q-title,.session .q-title{margin-top:0;padding-top:8px;border-top:1px solid var(--line)}.upnext.empty .q-empty{padding:0 2px;font-size:11px}.upnext.drop{outline:2px dashed var(--accent);outline-offset:2px;border-radius:var(--radius)}@media (min-width: 1181px) and (max-height: 999px){.deck-util{flex-wrap:nowrap;gap:3px}.deck-util .btn.small,.deck-util .btn{padding:3px 6px}.deck-util .util-label{display:none}}.fx-row{display:flex;align-items:center;gap:4px;min-width:0}.fx-select{background:var(--btn);color:var(--btn-text);border:1px solid var(--edge);border-radius:var(--radius);padding:3px 4px;font:inherit;font-size:11px;min-width:0}.fx-beats{display:flex;gap:3px;flex:1;min-width:0;font-size:11px}.fx-beats .btn{flex:1;padding:3px 4px}.fx-depth{flex:none}.autofade{display:flex;gap:6px;width:100%}.autofade .btn{flex:1}.pad-panel{max-width:620px}.pad-live{display:flex;align-items:center;gap:14px;margin:6px 0 12px}.pad-stick{position:relative;width:64px;height:64px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2)}.pad-stick span{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent)}.pad-trigger{position:relative;width:12px;height:64px;border:1px solid var(--line);background:var(--panel-2)}.pad-trigger span{position:absolute;left:0;right:0;bottom:0;background:var(--accent)}.pad-map tr.on td{color:var(--accent)}.pad-map td:first-child{white-space:nowrap;padding-right:10px}.wide-col{display:none}.app.lib-expanded .wide-col{display:table-cell}.app.lib-expanded .console{display:none}.app.lib-expanded .lib-content{max-height:none}.lib-bar .lib-expand{margin-left:auto}.sampler{display:flex;align-items:center;gap:6px;margin:0 8px 8px;padding:6px 8px;background:var(--panel);background-image:var(--panel-image);box-shadow:var(--panel-shadow);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0}.sampler-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sampler-pads{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;flex:1;min-width:0}.sampler-pad{height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sampler-pad.custom{font-style:italic}.sampler-pad.drop{outline:2px dashed var(--accent);outline-offset:-3px}.s-tools{display:flex;align-items:center;gap:6px;margin:4px 0 2px;min-width:0}.s-note{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lib-more.left{flex-wrap:wrap;gap:6px}.midi-panel{max-width:640px}.midi-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.midi-last{font-variant-numeric:tabular-nums}.midi-hint.on{color:var(--accent)}.midi-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.midi-list{max-height:min(48vh,420px);overflow-y:auto;margin-bottom:10px}.midi-map{width:100%}.midi-map tr.on td{color:var(--accent)}.midi-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;white-space:nowrap}.midi-map td:first-child{white-space:nowrap}.local-bar{align-items:center}.local-bar select{max-width:320px}.local-empty{max-width:560px;text-align:left}.app.split-mode{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0}.split-area{flex:1;min-height:0;display:flex;padding:8px;overflow:auto}.split{display:flex;min-width:0;min-height:0}.split-row{flex-direction:row}.split-col{flex-direction:column}.split-div{flex:0 0 8px;position:relative;touch-action:none}.split-div-row{cursor:col-resize}.split-div-col{cursor:row-resize}.split-div:after{content:"";position:absolute;background:var(--accent);border-radius:1px;opacity:0;transition:opacity .12s}.split-div-row:after{top:0;bottom:0;left:3px;width:2px}.split-div-col:after{left:0;right:0;top:3px;height:2px}.split-area.editing .split-div:after{opacity:.35}.split-div:hover:after,.split-div:active:after{opacity:.8}.split-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.split-panel>.deck,.split-panel>.mixer,.split-panel>.library,.split-panel>.side-panel{flex:1;min-width:0;min-height:0;margin:0;max-height:none}.split-panel>.deck,.split-panel>.mixer,.split-panel>.side-panel{overflow:auto}.split-panel>.side-panel{border-radius:var(--radius-lg)}.split-panel .lib-content{max-height:none}.split-panel>.waves{flex:1;min-height:0;border-radius:var(--radius);overflow:hidden}.split-panel .scroll-wave{flex:1;height:auto;min-height:0}.split-edit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:color-mix(in srgb,var(--bg) 55%,transparent);outline:2px dashed color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:-2px;border-radius:var(--radius-lg)}.split-bar{display:flex;align-items:center;gap:6px;padding:6px;background:var(--panel-2);border-bottom:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.split-grip{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:3px 8px;border-radius:var(--radius);background:var(--accent);color:var(--bg);font-size:11px;font-weight:700;letter-spacing:.06em}.split-grip:active{cursor:grabbing}.split-panel.dragging .split-edit{opacity:.5}.split-drop{position:fixed;z-index:50;pointer-events:none;background:color-mix(in srgb,var(--accent) 25%,transparent);border:2px solid var(--accent);border-radius:var(--radius-lg)}.split-empty{margin:auto}.layout-buttons{display:flex;align-items:center;gap:4px}.layout-buttons select.btn{font:inherit;font-size:11px}.layout-note{color:var(--warn);font-size:11px}.app.popout{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:8px;box-sizing:border-box}.app.popout>.popout-panel{flex:1}.btn:has(>.pad-hint),.deck-center:has(>.pad-hint),.xfader:has(>.pad-hint){position:relative;overflow:visible}.pad-hint{position:absolute;top:-7px;right:-7px;z-index:4;min-width:17px;height:17px;padding:0 4px;box-sizing:border-box;border-radius:9px;background:#15171c;color:#fff;box-shadow:0 0 0 1.5px var(--bg),0 1px 3px #0006;font:700 10px/17px system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;text-transform:none;text-align:center;white-space:nowrap;pointer-events:none}.deck-center>.pad-hint{top:2px;right:2px}.xfader>.pad-hint{top:-9px;right:auto;left:50%;transform:translate(-50%)}.pad-hint.inline{position:static;display:inline-block;margin-left:8px;box-shadow:none}.pad-hint.inline i{font-style:normal;font-weight:400;opacity:.75}.pad-ps[data-sym=✕],.pad-key.pad-ps[data-sym=✕]{color:#8fb1ff}.pad-ps[data-sym=○],.pad-key.pad-ps[data-sym=○]{color:#ff7a85}.pad-ps[data-sym=□],.pad-key.pad-ps[data-sym=□]{color:#f59ad9}.pad-ps[data-sym=△],.pad-key.pad-ps[data-sym=△]{color:#5fe0b8}.pad-xbox[data-sym=A]{background:#2f9e44}.pad-xbox[data-sym=B]{background:#d6333f}.pad-xbox[data-sym=X]{background:#2f6fde}.pad-xbox[data-sym=Y]{background:#d9a400;color:#15171c}.pad-cursor{position:fixed;z-index:60;pointer-events:none;border:2px solid var(--accent);border-radius:4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--bg) 70%,transparent),0 0 14px color-mix(in srgb,var(--accent) 55%,transparent);transition:left .07s,top .07s,width .07s,height .07s}.pad-legend{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:61;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;max-width:calc(100vw - 32px);padding:7px 14px;border-radius:10px;background:#0f1115eb;color:#e8eaee;font:12px/1.3 system-ui,-apple-system,Segoe UI,sans-serif;text-transform:none;box-shadow:0 6px 24px #00000059}.pad-legend b{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.pad-key{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#2a2e36;color:#fff;font:700 11px/18px system-ui,-apple-system,sans-serif;text-align:center}.pad-note{flex-basis:100%;text-align:center;color:var(--warn)}.pad-touch{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:4px 0 10px}.pad-touch-live{position:relative;width:160px;height:52px;border-radius:8px;background:var(--panel-2);border:1px solid var(--line)}.pad-touch-live span{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent)}.pad-hint.combo{top:-9px;right:-5px;height:13px;min-width:0;padding:0 3px;border-radius:7px;font-size:8.5px;line-height:13px;opacity:.92}.pad-touch-debug{flex-basis:100%;white-space:pre-wrap;word-break:break-all;font-size:10px;color:var(--muted)}.pad-touch-live.deck-pad{width:64px;height:64px}.pad-touch-live.deck-pad.pressed{border-color:var(--accent)}.deck-paddles{display:flex;gap:4px}.deck-paddles kbd.on{background:var(--accent);color:var(--bg)}.deck-offer{position:fixed;left:50%;top:12px;transform:translate(-50%);z-index:70;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;max-width:calc(100vw - 32px);padding:10px 14px;border-radius:10px;background:#0f1115f2;color:#e8eaee;font:13px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;text-transform:none;box-shadow:0 6px 24px #0006}html.deck-busy,html.deck-busy *{cursor:none!important}html.deck-busy body{pointer-events:none}.speaker-row{display:flex;gap:12px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line)}.kiffer{position:fixed;z-index:55;pointer-events:none}.kiffer>*{pointer-events:auto}.kiffer-body{position:relative;display:block;padding:0;border:0;background:none;cursor:grab;touch-action:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.kiffer-canvas{position:absolute;pointer-events:none}.kiffer-dom{position:absolute;top:0;right:0;bottom:0;left:0;content-visibility:hidden}.kiffer-dom.shown{content-visibility:visible}.kiffer-body img.spawn,.kiffer-tcg img.spawn,.kiffer-ascii-him img.spawn{animation:kiffer-spawn .75s cubic-bezier(.2,1.6,.4,1) both}.kiffer-body img.spawn.up,.kiffer-tcg img.spawn.up,.kiffer-ascii-him img.spawn.up{animation:kiffer-spawn .75s cubic-bezier(.2,1.6,.4,1) both,kiffer-upgrade 1.4s ease-out both}@keyframes kiffer-spawn{0%{transform:scale(0) rotate(-25deg);filter:brightness(3);opacity:0}55%{transform:scale(1.2) rotate(6deg);filter:brightness(1.7);opacity:1}to{transform:none;filter:none}}@keyframes kiffer-upgrade{0%,to{filter:none}30%{filter:drop-shadow(0 0 14px #ffd54a) brightness(1.8)}60%{filter:drop-shadow(0 0 8px #ffd54a) brightness(1.2)}}.kiffer-sparkle{position:absolute;z-index:3;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;pointer-events:none;box-shadow:0 -26px 0 1px #fff,18px -18px #ffe27a,26px 0 0 1px #fff,18px 18px #9fe3ff,0 26px 0 1px #fff,-18px 18px #ffe27a,-26px 0 0 1px #fff,-18px -18px #ff9fe0;animation:kiffer-sparkle .9s ease-out forwards}.kiffer-sparkle.up{background:#ffd54a;box-shadow:0 -26px 0 2px #ffd54a,18px -18px 0 1px #fff3b0,26px 0 0 2px #ffd54a,18px 18px 0 1px #fff3b0,0 26px 0 2px #ffd54a,-18px 18px 0 1px #fff3b0,-26px 0 0 2px #ffd54a,-18px -18px 0 1px #fff3b0}@keyframes kiffer-sparkle{0%{transform:scale(.3) rotate(0);opacity:1}to{transform:scale(2.6) rotate(40deg);opacity:0}}.kiffer-grow{margin:8px 0 0;color:var(--muted)}.kiffer-grip{position:absolute;width:14px;height:14px;border-radius:3px;background:var(--panel-2);border:1px solid var(--line);opacity:0;transition:opacity .15s;z-index:1}.kiffer:hover .kiffer-grip,.kiffer-grip:active{opacity:.9}.kiffer-grip.l{left:-6px}.kiffer-grip.r{right:-6px}.kiffer-grip.t{top:-6px}.kiffer-grip.b{bottom:-6px}.kiffer-grip.l.t,.kiffer-grip.r.b{cursor:nwse-resize}.kiffer-grip.r.t,.kiffer-grip.l.b{cursor:nesw-resize}.kiffer-body.dragging{cursor:grabbing}.kiffer-bounce,.kiffer-talk,.kiffer-part{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.kiffer-body img,.kiffer-tcg img{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.kiffer-talk.talking{animation:kiffer-talk .32s ease-in-out infinite alternate}@keyframes kiffer-talk{0%{transform:rotate(-2.5deg) translateY(0)}to{transform:rotate(2.5deg) translateY(-3px)}}.kiffer-bubble{position:absolute;right:20px;bottom:calc(100% + 8px);width:max-content;max-width:280px;padding:9px 12px;border-radius:14px;background:#fffef6;color:#15171c;font:600 13px/1.35 system-ui,-apple-system,Segoe UI,sans-serif;text-transform:none;box-shadow:0 6px 22px #0000004d;animation:kiffer-pop .18s ease-out}.kiffer-bubble:after{content:"";position:absolute;right:26px;bottom:-8px;border:8px solid transparent;border-top-color:#fffef6;border-bottom:0}.kiffer.left .kiffer-bubble{right:auto;left:20px}.kiffer.left .kiffer-bubble:after{right:auto;left:26px}.kiffer.below .kiffer-bubble{bottom:auto;top:calc(100% + 40px)}.kiffer.below .kiffer-bubble:after{bottom:auto;top:-8px;border-top:0;border-bottom:8px solid #fffef6}@keyframes kiffer-pop{0%{transform:scale(.8) translateY(6px);opacity:0}}.kiffer-card{position:absolute;right:calc(100% + 10px);bottom:0;width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto;overscroll-behavior:contain;padding:12px;border-radius:12px;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 10px 30px #0006;font-size:12px;text-transform:none}.kiffer.left .kiffer-card{right:auto;left:calc(100% + 10px)}.kiffer.below .kiffer-card{bottom:auto;top:0}.kiffer:has(.kiffer-card) .kiffer-bubble{display:none}.kiffer-card h3{margin:0 0 4px;font-size:15px}.kiffer-head{display:flex;gap:10px;align-items:flex-start}.kiffer-tcg{position:relative;flex:none;overflow:hidden;border-radius:8px;border:3px solid #9aa0a8;background:radial-gradient(circle at 50% 38%,#fbfaf4,#d9dbe0 75%);box-sizing:content-box}.kiffer-tcg.r-R{border-color:#3d8bff;background:radial-gradient(circle at 50% 38%,#f3f8ff,#b9d2f5 75%)}.kiffer-tcg.r-L{border-color:#e0a21a;background:radial-gradient(circle at 50% 38%,#fff8e0,#f1cf7a 75%);box-shadow:0 0 14px #f0b4288c}.kiffer-rarity{position:absolute;right:4px;bottom:4px;padding:1px 6px;border-radius:7px;background:#0009;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kiffer-tcg.r-L .kiffer-rarity{background:#b07a00}.kiffer-tcg.r-R .kiffer-rarity{background:#1f62c9}.kiffer-odds{margin:8px 0 0}.kiffer-odds .r-R{color:#4f97ff}.kiffer-odds .r-L{color:#e0a21a}.kiffer-who{flex:1;min-width:0}.kiffer-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px;margin:8px 0 0;padding:0;list-style:none;font-size:12px}.kiffer-parts li{display:flex;align-items:baseline;gap:6px;min-width:0}.kiffer-part-slot{flex:none;color:var(--muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase;line-height:18px}.kiffer-part-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;min-width:0;line-height:18px}.kiffer-part-name b{font-weight:600}.kiffer-parts .r-L{color:#e0a21a}.kiffer-who .kiffer-odds,.kiffer-who .kiffer-grow{margin:6px 0 0;line-height:1.4}.kiffer-h{margin:10px 0 4px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kiffer-parts small{opacity:.7;font-size:.85em}.kiffer-parts{margin:0 0 6px;padding:0;list-style:none;color:var(--text)}.kiffer-parts li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;padding:3px 0;border-bottom:1px solid var(--line)}.kiffer-parts li:last-child{border-bottom:0}.kiffer-rdot{flex:none;width:7px;height:7px;margin-right:2px;border-radius:50%;background:#8d939b;align-self:center}.kiffer-rdot.r-R{background:#4f97ff}.kiffer-rdot.r-L{background:#e0a21a;box-shadow:0 0 5px #e0a21a}.kiffer-parts .r-R{color:#4f97ff}.kiffer-parts .r-L{color:#e0a21a;font-weight:600}.kiffer-traits{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 4px}.kiffer-traits span{padding:2px 7px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line)}.kiffer-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.kiffer-say{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:max(100%,190px)}.kiffer-say input{width:100%;box-sizing:border-box;padding:4px 9px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);font:12px system-ui,-apple-system,Segoe UI,sans-serif;opacity:.55;transition:opacity .15s}.kiffer:hover .kiffer-say input,.kiffer-say input:focus,.kiffer-say input:not(:placeholder-shown){opacity:1}.kiffer-bubble.thinking{letter-spacing:.2em}.kiffer-brain{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.kiffer-moves .btn{padding:2px 6px;font-size:11px}.kiffer-models{margin-top:6px}.kiffer-models .linkish{padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit}.kiffer-settings{display:grid;gap:4px;margin:4px 0}.kiffer-set{display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:6px}.kiffer-set input{width:100%}.kiffer-set b{text-align:right;font-variant-numeric:tabular-nums}.kiffer-check{display:flex;gap:6px;align-items:center}.kiffer-extra{width:100%;box-sizing:border-box;resize:vertical;padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.kiffer-said{padding:5px 8px;border-radius:10px;background:#fffef6;color:#15171c;font-weight:600}.kiffer-model-list{width:100%;border-collapse:collapse;margin:4px 0}.kiffer-model-list td{padding:2px 4px 2px 0}.kiffer-model-list td:last-child{text-align:right}@property --hue{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --wob{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --flick{syntax: "<number>"; inherits: false; initial-value: 1;}@property --sb{syntax: "<number>"; inherits: false; initial-value: 1;}@property --gx{syntax: "<length>"; inherits: false; initial-value: 2px;}@property --fume{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --drip{syntax: "<length>"; inherits: false; initial-value: 0px;}img.mod{scale:calc(1 + var(--kick, 0) * var(--pump, 0));opacity:calc(var(--op-ghost, 1) * var(--op, 1));filter:var(--c-negative,) var(--c-bleached,) var(--c-gold,) var(--c-frozen,) var(--c-holo,) var(--c-rainbow,) var(--c-stinky,) var(--c-wet,) var(--c-smoking,) var(--c-cursed,) var(--c-doom,) var(--c-screwed,) var(--c-nightcore,) var(--c-nightvision,) var(--c-siren,) var(--c-pool,) hue-rotate(var(--hue)) brightness(calc(var(--flick) * var(--sb) * (1 + var(--kick, 0) * var(--flash, 0)))) var(--b-blurry,) var(--g-glowing,) var(--g-gold,) var(--g-holo,) var(--g-ghost,) var(--g-frozen,) var(--g-burning,) var(--g-wet,) var(--g-cursed,) var(--g-blessed,) var(--g-swissmade,) var(--g-doom,) var(--g-glitch,) var(--g-nightcore,) var(--g-nightvision,) var(--g-siren,) var(--g-pool,);animation-name:var(--a-hue, none),var(--a-flick, none),var(--a-glitch, none),var(--a-strobe, none),var(--a-turn, none);animation-duration:var(--d-hue, 1s),var(--d-flick, 1s),var(--d-glitch, 1s),.12s,7s;animation-timing-function:linear,var(--t-flick, ease-in-out),steps(1),steps(1),linear;animation-direction:normal,alternate,normal,normal,normal;animation-iteration-count:infinite}.kiffer-card-thumb img.mod{animation-name:none}.kiffer-card-thumb:is(:hover,.held) img.mod{animation-name:var(--a-hue, none),var(--a-flick, none),var(--a-glitch, none),var(--a-strobe, none),var(--a-turn, none)}img.mod-glowing{--g-glowing: drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px #7fe7ff);--a-flick: kmod-pulse;--d-flick: 1.6s}img.mod-negative{--c-negative: invert(1)}img.mod-gold{--c-gold: sepia(1) saturate(3.5) hue-rotate(-14deg) brightness(1.1) contrast(1.15);--g-gold: drop-shadow(0 0 5px rgba(255, 200, 40, .85));--a-flick: kmod-pulse;--d-flick: 2.4s}img.mod-holo{--c-holo: saturate(1.8) brightness(1.1);--g-holo: drop-shadow(0 0 4px rgba(200, 255, 255, .7));--a-hue: kmod-hue;--d-hue: 3s}img.mod-rainbow{--c-rainbow: saturate(2.2);--a-hue: kmod-hue;--d-hue: 1.6s}img.mod-ghost{--op-ghost: .5;--g-ghost: drop-shadow(0 0 6px rgba(255, 255, 255, .8))}img.mod-frozen{--c-frozen: grayscale(1) sepia(1) hue-rotate(165deg) saturate(2.2) brightness(1.1);--g-frozen: drop-shadow(0 0 5px #bdf4ff)}img.mod-burning{--g-burning: drop-shadow(0 0 5px #ff8a00);--a-flick: kmod-flicker;--d-flick: .18s;--t-flick: steps(2)}img.mod-blurry{--b-blurry: blur(2.5px)}img.mod-glitch{--g-glitch: drop-shadow(calc(var(--gx) * .5) 0 0 rgba(255, 0, 60, .4)) drop-shadow(calc(var(--gx) * -.5) 0 0 rgba(0, 240, 255, .4));--a-glitch: kmod-glitch;--d-glitch: 1.3s}img.mod-stinky{--c-stinky: sepia(.35) hue-rotate(38deg) saturate(1.5)}img.mod-wet{--c-wet: saturate(1.35) brightness(.88) contrast(1.15);--g-wet: drop-shadow(0 0 2px rgba(150, 210, 255, .95))}img.mod-smoking{--c-smoking: brightness(.92)}img.mod-bleached{--c-bleached: saturate(.15) brightness(1.35) contrast(.85)}img.mod-nightcore{--c-nightcore: grayscale(1) sepia(1) hue-rotate(280deg) saturate(2.4) brightness(1.05);--g-nightcore: drop-shadow(0 0 4px #ff8fd8)}img.mod-nightvision{--c-nightvision: grayscale(1) sepia(1) hue-rotate(75deg) saturate(2.4) brightness(.95) contrast(1.1);--g-nightvision: drop-shadow(0 0 4px #7dff6a);--a-flick: kmod-flicker;--d-flick: 1.1s}img.mod-siren{--c-siren: grayscale(1) brightness(.65) sepia(1) hue-rotate(310deg) saturate(5) contrast(1.15);--g-siren: drop-shadow(0 0 5px #ff2a2a);--flash: 1.4}img.mod-pool{--c-pool: grayscale(1) sepia(1) hue-rotate(135deg) saturate(2.4) contrast(1.05);--g-pool: drop-shadow(0 0 5px #5ff2e6)}img.mod-screwed{--c-screwed: grayscale(1) sepia(1) hue-rotate(228deg) saturate(2) brightness(.95) contrast(1.1)}img.mod.printed{--c-doom: initial;--c-negative: initial;--c-bleached: initial;--c-gold: initial;--c-frozen: initial;--c-holo: initial;--c-rainbow: initial;--c-stinky: initial;--c-wet: initial;--c-smoking: initial;--c-cursed: initial;--c-screwed: initial;--c-nightcore: initial;--c-nightvision: initial;--c-siren: initial;--c-pool: initial}img.mod-bass{--pump: .25}img.mod-sidechain{--pump: -.22}img.mod-strobe{--flash: 2.2;--a-strobe: kmod-strobe}@media (prefers-reduced-motion: reduce){img.mod-strobe{--a-strobe: none}}img.echo{pointer-events:none}img.echo.e1{translate:-9% 0;--op: .38}img.echo.e2{translate:-18% 0;--op: .18}img.mod-doom{--c-doom: contrast(1.2) saturate(1.45);--g-doom: drop-shadow(0 0 4px #d01800);--a-flick: kmod-pulse;--d-flick: .9s}img.mod-moebius{--a-turn: kmod-turn}@keyframes kmod-turn{0%{transform:perspective(40em) rotateY(0) skewY(0)}25%{transform:perspective(40em) rotateY(90deg) skewY(14deg)}50%{transform:perspective(40em) rotateY(180deg) skewY(0)}75%{transform:perspective(40em) rotateY(270deg) skewY(-14deg)}to{transform:perspective(40em) rotateY(360deg) skewY(0)}}@media (prefers-reduced-motion: reduce){img.mod-moebius{--a-turn: none}}img.mod-cursed{--c-cursed: saturate(.35) brightness(.7) contrast(1.2);--g-cursed: drop-shadow(0 0 7px #8a2be2) drop-shadow(0 0 2px #000)}img.mod-blessed{--g-blessed: drop-shadow(0 0 5px #fff6b0) drop-shadow(0 0 14px #ffd54a);--a-flick: kmod-pulse;--d-flick: 2s}img.mod-swissmade{--g-swissmade: drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 0 3px #d52b1e) drop-shadow(0 0 1px #d52b1e)}@keyframes kmod-strobe{0%{--sb: 3.2}50%{--sb: .25}}@keyframes kmod-hue{to{--hue: 360deg}}@keyframes kmod-pulse{0%{--flick: 1}to{--flick: 1.25}}@keyframes kmod-flicker{0%{--flick: .9}to{--flick: 1.3}}@keyframes kmod-glitch{0%{--gx: 2px;translate:0 0}8%{--gx: -4px;translate:3px 0}12%{--gx: 1px;translate:-2px 1px}16%{--gx: 2px;translate:0 0}55%{--gx: 6px;--hue: 90deg;translate:-4px 0}59%{--gx: -2px;--hue: 0deg;translate:0 0}80%{--gx: 3px;translate:2px -1px}84%{--gx: 2px;translate:0 0}}@keyframes kmod-fume{0%{--fume: 0px}to{--fume: -14px}}@keyframes kmod-drip{0%{--drip: 0px}to{--drip: 10px}}@keyframes kmod-wobble{0%{--wob: -5deg}to{--wob: 5deg}}.kl{display:inline-block;font-weight:800;color:#fff}.kiffer-parts .kl{margin-left:4px;font-size:.9em}.kl-glowing{color:#eaffff;text-shadow:0 0 4px #fff,0 0 10px #7fe7ff;animation:kmod-pulse 1.6s ease-in-out infinite alternate;filter:brightness(var(--flick))}.kl-negative{padding:0 4px;border-radius:3px;color:#0d0d0d;background:#f2f2f2}.kl-gold,.kl-holo,.kl-rainbow,.kl-burning{color:transparent;background-clip:text;-webkit-background-clip:text;background-size:200% 100%;animation:kl-shimmer 2.4s linear infinite}.kl-gold{background-image:linear-gradient(90deg,#a87400,#ffe27a,#c99000,#fff3b0,#a87400);filter:drop-shadow(0 0 3px rgba(255,200,40,.7))}.kl-holo{background-image:linear-gradient(90deg,#bffcff,#ffc4f2,#d8c4ff,#c4ffd8,#bffcff);filter:drop-shadow(0 0 3px rgba(200,255,255,.6)) hue-rotate(var(--hue));animation:kl-shimmer 2.4s linear infinite,kmod-hue 3s linear infinite}.kl-rainbow{background-image:linear-gradient(90deg,#ff3b3b,#ff9f1a,#ffe11a,#3bd16f,#3b9bff,#a24bff,#ff3b3b);animation-duration:1.2s}.kl-burning{background-image:linear-gradient(0deg,#ff2d00,#ff8a00,#ffde59,#ff8a00,#ff2d00);background-size:100% 200%;filter:drop-shadow(0 0 3px #ff6a00) brightness(var(--flick));animation:kl-flames .8s linear infinite,kmod-flicker .18s steps(2) infinite alternate}.kl-ghost{color:#fff;opacity:.55;text-shadow:0 0 6px #fff;animation:kl-float 2.4s ease-in-out infinite alternate}.kl-frozen{color:#cff6ff;text-shadow:0 0 4px #7fe7ff,0 1px 0 #fff}.kl-nightcore{color:#ff8fd8;text-shadow:0 0 6px #ff4fb8,0 1px 0 #7a0049}.kl-nightvision{color:#9dff8c;text-shadow:0 0 6px #2fae1f,0 1px 0 #0b3a06}.kl-siren{color:#ff6b6b;text-shadow:0 0 6px #e01e1e,0 1px 0 #4a0000}.kl-pool{color:#8ff7ee;text-shadow:0 0 6px #12b5a8,0 1px 0 #03433e}.kl-screwed{color:#c79bff;text-shadow:0 0 6px #7b2cbf,0 1px 0 #3c096c}.kl-blurry{color:#d0d4dc;filter:blur(1.2px)}.kl-glitch{color:#fff;text-shadow:var(--gx) 0 0 rgba(255,0,60,.9),calc(var(--gx) * -1) 0 0 rgba(0,240,255,.9);animation:kmod-glitch 1.3s steps(1) infinite}.kl-stinky{color:#b4d84a;text-shadow:0 var(--fume) 4px rgba(140,200,30,.8);rotate:var(--wob);animation:kmod-fume 1.4s ease-out infinite,kmod-wobble .9s ease-in-out infinite alternate}.kl-pixel{font-family:ui-monospace,Menlo,monospace;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#5ff;text-shadow:1px 1px 0 #0a5b80,2px 2px 0 #062a3c}.kl-copy{font-weight:900;color:#d6d4cc;text-shadow:.5px .5px 0 #1a1a1c,0 0 1.5px rgba(0,0,0,.6);filter:contrast(1.4) grayscale(1)}.kl-mosh{font-weight:900;color:#e9b8ff;text-shadow:3px 0 0 rgba(194,60,255,.75),6px 1px 0 rgba(60,255,208,.45),9px 1px 1px rgba(194,60,255,.25)}.kl-lossy{font-weight:900;color:#d8c49a;text-shadow:1px 0 1px rgba(255,60,40,.55),-1px 0 1px rgba(40,200,120,.45),0 0 3px rgba(150,120,60,.7);filter:contrast(1.3) saturate(.8)}.kl-dither{font-weight:900;color:#ff2f7a;background:radial-gradient(circle,#ff2f7a .8px,transparent 1.1px) 0 0 / 3px 3px,radial-gradient(circle,#3fe0ff .8px,transparent 1.1px) 1.5px 1.5px / 3px 3px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.kl-vhs{font-family:ui-monospace,Menlo,monospace;font-weight:800;color:#f2f2f2;text-shadow:2px 0 1px rgba(255,60,120,.7),-1px 0 1px rgba(60,160,255,.6)}.kl-screen{font-weight:900;color:#e0306e;text-shadow:1.5px 1px 0 rgba(245,214,61,.85),-1px -.5px 0 rgba(63,111,192,.55)}.kl-slop{font-weight:800;color:#e6d6c3;text-shadow:0 0 1px rgba(255,240,220,.9),0 0 6px rgba(255,190,140,.45);filter:blur(.3px) contrast(1.15);letter-spacing:-.03em}.kl-wet{color:#7cc4ff;text-shadow:0 var(--drip) 1px rgba(80,150,255,.6);animation:kmod-drip 1.8s ease-in infinite}.kl-smoking{color:#d8d8d8;text-shadow:0 var(--fume) 6px rgba(220,220,220,.85);animation:kmod-fume 2.4s ease-out infinite}.kl-bleached{color:#f6f3ea;opacity:.7;text-shadow:0 0 2px rgba(255,255,255,.6)}.kl-echo{color:#d6a8ff;text-shadow:-4px 0 0 rgba(214,168,255,.4),-8px 0 0 rgba(214,168,255,.18)}.kl-bass{color:#ff5fa8;animation:kl-pump .5s ease-out infinite}.kl-sidechain{color:#4fd1ff;animation:kl-duck .5s ease-out infinite}.kl-strobe{color:#fff;animation:kl-strobe .25s steps(1) infinite}.kl-cursed{color:#b77dff;text-shadow:0 0 6px #8a2be2,0 0 2px #000}.kl-blessed{color:#fff6b0;text-shadow:0 0 6px #ffd54a,0 0 14px #ffd54a;animation:kmod-pulse 2s ease-in-out infinite alternate;filter:brightness(var(--flick))}.kl-swissmade{padding:0 4px;border-radius:3px;color:#fff;background:#d52b1e}@keyframes kl-shimmer{to{background-position:-200% 0}}@keyframes kl-flames{to{background-position:0 -200%}}@keyframes kl-float{to{translate:0 -2px}}@keyframes kl-pump{0%{scale:1.18}to{scale:1}}@keyframes kl-duck{0%{scale:.82;opacity:.6}to{scale:1;opacity:1}}@keyframes kl-strobe{50%{opacity:.15}}.kiffer-fx{position:fixed;left:0;top:0;pointer-events:none}.modal-card.about{max-width:520px}.about-head{display:flex;align-items:baseline;gap:10px}.about-logo{font-size:34px}.about-version{padding:1px 8px;border-radius:10px;font-weight:700;color:var(--bg, #111);background:var(--accent)}.about-dev{padding:1px 6px;border-radius:10px;font-size:11px;font-weight:700;color:#111;background:#ffd54a}.modal-card.about h3{margin:14px 0 4px;font-size:13px}.about-credits{margin:0 0 14px;padding-left:18px;line-height:1.6}.modal-card.about a{color:var(--accent)}.kiffer-coll-wrap{z-index:70}.kiffer-coll-wrap.full{padding:0;background:var(--bg)}.kiffer-coll-wrap.full>.modal-card.kiffer-coll{width:100vw;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;padding:14px max(16px,2vw)}.kmp{position:relative;display:flex;flex:none;align-items:center;gap:12px;margin:10px calc(-1*max(16px,2vw)) -14px;padding:10px max(16px,2vw) 12px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 92%,#000)}.kmp-deck{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;color:#000;font-weight:900;font-size:12px}.kmp-cover{flex:none;width:40px;height:40px;border-radius:6px;object-fit:cover}.kmp-cover.none{display:grid;place-items:center;background:var(--panel-2);color:var(--muted)}.kmp-words{display:grid;min-width:0;flex:1}.kmp-words>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kmp-time{flex:none;font-variant-numeric:tabular-nums}.kmp-play{flex:none;width:40px;height:40px;border-radius:50%;padding:0;font-size:15px}.kmp-next{flex:0 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kmp-dj{display:flex;flex:none;gap:6px}.kmp-bar{position:absolute;inset:0 0 auto;height:2px;background:transparent}.kmp-bar i{display:block;height:100%;transition:width .5s linear}@media (max-width: 900px){.kmp-next,.kmp-time{display:none}}:root.covered #app-root,:root.covered body>canvas.kiffer-fx{visibility:hidden}.modal-card.kiffer-coll{position:relative;display:flex;flex-direction:column;width:min(max(1100px,76vw),96vw);max-width:none;height:min(max(820px,86vh),92vh);max-height:92vh;padding:14px 16px;overflow:hidden}.kiffer-coll-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.kiffer-coll-head h2{margin:0 auto 0 0}.kiffer-tabs{display:flex;gap:4px}.wear-FN{--wear: #3fbf5a}.wear-MW{--wear: #8fd14f}.wear-FT{--wear: #e8c547}.wear-WW{--wear: #f08a3a}.wear-BS{--wear: #e0453a}b[class^=wear-]{color:var(--wear)}.kiffer-wearbar{display:grid;gap:3px;margin-top:4px;max-width:340px}.kiffer-wearbar-scale{position:relative;display:flex;height:5px;border-radius:3px;overflow:visible}.kiffer-wearbar-scale>span{height:100%;background:var(--wear);opacity:.85}.kiffer-wearbar-scale>span:first-child{border-radius:3px 0 0 3px}.kiffer-wearbar-scale>span:last-of-type{border-radius:0 3px 3px 0}.kiffer-wearbar-scale>i{position:absolute;top:-3px;width:2px;height:11px;margin-left:-1px;background:var(--text-strong, #fff);box-shadow:0 0 3px #000c}.kiffer-sort{font:inherit;font-size:12px}.kiffer-party-empty{align-self:center;max-width:360px;margin:auto;text-align:center}.kiffer-club{position:relative;flex:1;min-height:280px;overflow:hidden;border-radius:var(--radius-lg);background:#0b0712}.kiffer-club{isolation:isolate}.kiffer-club-css{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.kiffer-club-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.kiffer-club-canvas:active{cursor:grabbing}.club-surf-hud{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;padding:6px 14px;border-radius:8px;background:#00000073;color:#fff;font:600 15px/1.3 ui-monospace,Menlo,monospace;text-align:center;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}.club-surf-hud small{display:block;font-weight:400;font-size:11px;opacity:.7}.club-pool-hud{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:6;max-width:calc(100% - 24px);padding:7px 14px 6px;border-radius:8px;background:#0000008c;color:#fff;font:600 14px/1.35 system-ui,sans-serif;text-align:center;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.6)}.club-pool-hud .seats{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;font-weight:500;opacity:.85}.club-pool-hud .seats .up{color:#ffe08a;opacity:1}.club-pool-hud .seats em{font-style:normal;opacity:.5}.club-pool-hud .chips{display:inline-flex;gap:2px;vertical-align:middle}.club-pool-hud .chips b{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--c);color:#fff;font:700 8px/1 system-ui,sans-serif;text-shadow:0 0 2px #000}.club-pool-hud .chips b.stripe{background:linear-gradient(#f6f2e6 22%,var(--c) 22% 78%,#f6f2e6 78%)}.club-pool-hud .state{margin-top:2px}.club-pool-hud small{display:block;font-weight:400;font-size:12px;opacity:.8}.club-pool-hud small.help{margin-top:3px;font-size:11px;opacity:.55}.club-pool-power{position:absolute;right:18px;top:50%;transform:translateY(-50%);z-index:6;width:12px;height:160px;border-radius:6px;background:#00000080;border:1px solid rgba(255,255,255,.35);overflow:hidden;pointer-events:none}.club-pool-power i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#4dff88,#ffe066 60%,#ff4d5e) bottom / 100% 160px no-repeat}.kiffer-club-hint{position:absolute;left:10px;top:46px;padding:2px 8px;border-radius:10px;background:#00000073;color:#cfc6e6;pointer-events:none}.kiffer-club-bar{position:absolute;top:8px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;pointer-events:none}.kiffer-club-views,.kiffer-club-whose,.kiffer-club-moves{display:flex;gap:4px;align-items:center}.kiffer-club-views{pointer-events:auto;padding:3px;border-radius:14px;background:#08060e9e}.kiffer-club-bar button,.kiffer-club-moves button{border:0;border-radius:11px;padding:4px 10px;background:transparent;color:#d8d4e4;font:inherit;font-size:12px;cursor:pointer}.kiffer-club-bar button:hover:not(:disabled),.kiffer-club-moves button:hover{background:#ffffff1f}.kiffer-club-bar button.on{background:#ffd23f;color:#1a1426;font-weight:600}.kiffer-club-whose{margin-left:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.18);color:#fff;font-size:12px}.kiffer-club-whose>span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiffer-club-whose button{padding:4px 6px}.kiffer-club-party{padding:4px 10px;border-radius:12px;background:#08060e9e;color:#ffd23f}.kiffer-club-moves{position:absolute;left:10px;right:10px;bottom:8px;width:fit-content;margin:0 auto;flex-wrap:wrap;justify-content:center;padding:3px;border-radius:14px;background:#08060e9e}.kiffer-club-moves button:active{background:#ffd23f;color:#1a1426}.kiffer-cards{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,var(--card-w, 170px));justify-content:center;gap:calc(var(--card-w, 170px) * .33 + 20px) 26px;align-content:start;padding:calc(var(--card-w, 170px) * .33 + 14px) 16px 22px;perspective:1000px}.kiffer-coll{--card-w: 170px;--bcard: clamp(64px, calc((100vh - 412px) / 6.5), 150px)}.kiffer-card-thumb{position:relative;display:block;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.kiffer-card-thumb:hover,.kiffer-card-thumb.held{transform:translateY(-8px) scale(1.05) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.kiffer-card-thumb:is(:hover,.held,.now){transform-style:preserve-3d}.kiffer-card-thumb{z-index:1}.kiffer-card-thumb:is(:hover,.held){z-index:0}.kiffer-card-thumb.held{transition:transform .08s linear}.kiffer-cards>.kiffer-card-thumb>.kiffer-card-face{content-visibility:auto;contain-intrinsic-size:auto var(--card-w, 170px) auto calc(var(--card-w, 170px) * 1.744)}.kiffer-card-face{position:relative;display:grid;place-items:center;min-height:240px;border-radius:5.6%/3.2%;background:var(--panel-2);box-shadow:0 2px 6px #00000059;transition:box-shadow .3s}:root[data-skin^=ascii] .kiffer-card-face{border-radius:0}.kiffer-card-thumb:hover .kiffer-card-face,.kiffer-card-thumb.held .kiffer-card-face{box-shadow:0 22px 34px -10px #0009,0 0 26px -2px var(--aura, rgba(255, 255, 255, .08))}.kiffer-card-face:has(img){box-shadow:none}.kiffer-card-thumb:is(:hover,.held) .kiffer-card-face:has(img){box-shadow:none;filter:var(--whole,) drop-shadow(0 14px 12px rgba(0,0,0,.5)) drop-shadow(0 0 9px var(--aura, rgba(255, 255, 255, .08))) drop-shadow(0 0 3px var(--aura, transparent))}.kiffer-card-thumb.slabbed .kiffer-card-face:has(img),.kiffer-card-thumb.slabbed:is(:hover,.held) .kiffer-card-face:has(img){box-shadow:0 0 0 2px #00000040,0 0 0 3.5px #ffffff47}:is(.kiffer-card-thumb,.kiffer-card-big).r-R{--aura: rgba(80, 150, 255, .55)}:is(.kiffer-card-thumb,.kiffer-card-big).r-L{--aura: rgba(255, 196, 60, .6)}.chopped .kiffer-card-face:has(img)>:not(.kiffer-card-art),.chopped .kiffer-card-face:has(img):after,.chopped .kiffer-card-edge>span{clip-path:var(--chop, none)}.chopped .kiffer-card-back{clip-path:var(--chop-back, none)}.kiffer-card-face:has(img){background:none;min-height:0}.kiffer-card-face .kiffer-card-card{display:block;width:100%;height:auto}.kiffer-card-face .kiffer-card-card.echo{position:absolute;top:0;right:0;bottom:0;left:0}.kiffer-card-face .kiffer-card-art{position:absolute;border-radius:1.5%}.kiffer-card-live{overflow:hidden}.kiffer-card-face .kiffer-card-live>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kiffer-card-live .kiffer-body{position:absolute}.kiffer-card-live{container-type:size}.kiffer-card-live>.kiffer-mis{z-index:1;mix-blend-mode:multiply;pointer-events:none}.kiffer-card-live>img.kiffer-mis{z-index:0}.kiffer-card-live>.kiffer-mis.a{translate:calc(var(--mis) * 1cqw) calc(var(--mis) * .4cqw);filter:sepia(1) saturate(8) hue-rotate(290deg);opacity:var(--mis-a)}.kiffer-card-live>.kiffer-mis.b{translate:calc(var(--mis) * -.8cqw) calc(var(--mis) * -.4cqw);filter:sepia(1) saturate(8) hue-rotate(150deg);opacity:var(--mis-b)}.kiffer-card-live.fake{filter:blur(.8px) saturate(1.45) contrast(.88) hue-rotate(var(--fake-hue, 14deg)) brightness(1.06)}.kiffer-card-face.negative>.kiffer-card-art,.kiffer-card-face.negative>.kiffer-card-wear{filter:invert(1)}.kiffer-card-face.negative>.kiffer-card-live.fake{filter:blur(.8px) saturate(1.45) contrast(.88) hue-rotate(var(--fake-hue, 14deg)) brightness(1.06) invert(1)}.kiffer-card-face.whole-ghost{--whole: drop-shadow(0 0 6px rgba(255, 255, 255, .8));opacity:.5}.kiffer-card-face.whole-frozen{--whole: grayscale(1) sepia(1) hue-rotate(165deg) saturate(2.2) brightness(1.1) drop-shadow(0 0 5px #bdf4ff)}.kiffer-card-face.whole-blurry{--whole: blur(1.4px)}.kiffer-card-big .kiffer-card-face.whole-blurry{--whole: blur(3.5px)}.kiffer-card-face .kiffer-card-frost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;animation:kiffer-frost 3.2s ease-in-out infinite alternate}@keyframes kiffer-frost{to{opacity:.82}}@media (prefers-reduced-motion: reduce){.kiffer-card-face .kiffer-card-frost{animation:none}}.kiffer-card-face:is(.whole-ghost,.whole-frozen,.whole-blurry){filter:var(--whole)}.kiffer-fake-note{align-self:center;color:#ff6b6b;font-size:12px;letter-spacing:.06em}.kiffer-card-stamps{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:translateZ(1px);backface-visibility:hidden}.kiffer-card-big>.kiffer-card-stamps{transform:translateZ(calc(var(--thick) / 2 + 1px))}.kiffer-card-face .kiffer-card-wear{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.kiffer-misprint{color:#ff5fa8}.kiffer-card-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.kiffer-card-shine,.kiffer-card-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;display:none;transition:opacity .35s,display .35s allow-discrete}.kiffer-card-thumb:is(:hover,.held) .kiffer-card-shine,.kiffer-card-thumb:is(:hover,.held) .kiffer-card-face:not(.paged):after,.kiffer-card-big .kiffer-card-shine,.kiffer-card-big .kiffer-card-face:not(.paged):after{display:block}.kiffer-card-shine{background:radial-gradient(circle at var(--mx, 50%) var(--my, 30%),rgba(255,255,255,.5),rgba(255,255,255,.12) 28%,rgba(255,255,255,0) 55%);mix-blend-mode:soft-light}.kiffer-card-face:after{background-size:260% 260%;background-position:var(--mx, 50%) var(--my, 50%);mix-blend-mode:overlay;--outside: linear-gradient(to bottom, #000 var(--art-t, 0%), transparent var(--art-t, 0%), transparent var(--art-b, 0%), #000 var(--art-b, 0%)), linear-gradient(to right, #000 var(--art-l, 0%), transparent var(--art-l, 0%), transparent var(--art-r, 0%), #000 var(--art-r, 0%));-webkit-mask-image:var(--outside);mask-image:var(--outside)}.kiffer-card-thumb:hover .kiffer-card-shine,.kiffer-card-thumb.held .kiffer-card-shine{opacity:1}.kiffer-card-thumb:hover .kiffer-card-face:after,.kiffer-card-thumb.held .kiffer-card-face:after,.kiffer-card-big .kiffer-card-face:after{opacity:var(--foil, 0)}@starting-style{.kiffer-card-thumb:is(:hover,.held) .kiffer-card-shine,.kiffer-card-thumb:is(:hover,.held) .kiffer-card-face:after{opacity:0}}:is(.kiffer-card-thumb,.kiffer-card-big).r-R{--foil: .7}.r-R .kiffer-card-face:after{background-image:linear-gradient(115deg,transparent 30%,rgba(190,215,255,.55) 45%,rgba(255,255,255,.85) 50%,rgba(190,215,255,.55) 55%,transparent 70%)}:is(.kiffer-card-thumb,.kiffer-card-big).r-L{--foil: .7}.r-L .kiffer-card-face:after{background-image:linear-gradient(115deg,transparent 30%,rgba(255,214,120,.55) 45%,rgba(255,246,210,.85) 50%,rgba(255,214,120,.55) 55%,transparent 70%)}:is(.kiffer-card-thumb,.kiffer-card-big).fx-holo{--foil: .4}.fx-holo .kiffer-card-face:after{background-image:linear-gradient(115deg,#ff3d7f00 8%,#ff3d7f 22%,#ffcf3d,#5dff8a,#3dd6ff,#a86bff 70%,#a86bff00 84%),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);background-size:260% 260%,260% 260%;mix-blend-mode:color-dodge;--inside: linear-gradient(to bottom, transparent var(--art-t, 0%), #000 var(--art-t, 0%), #000 var(--art-b, 100%), transparent var(--art-b, 100%)), linear-gradient(to right, transparent var(--art-l, 0%), #000 var(--art-l, 0%), #000 var(--art-r, 100%), transparent var(--art-r, 100%));-webkit-mask-image:var(--inside);mask-image:var(--inside);-webkit-mask-composite:source-in;mask-composite:intersect}.kiffer-cards-wrap{position:relative;flex:1;display:flex;min-height:0}.kiffer-card-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);perspective:1400px;container-type:size;overflow:hidden;animation:kiffer-card-up .35s cubic-bezier(.2,.8,.2,1)}@keyframes kiffer-card-up{0%{opacity:0}}.kiffer-card-big{position:relative;display:grid;grid-template:100% / 100%;height:min(100cqh - 24px,(100cqw - 24px) / var(--ratio, .63),var(--mmw, 1000) / var(--ratio, .63) * min((100cqh - 24px) / 133.5,(100cqw - 24px) / 78));aspect-ratio:var(--ratio, .63);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;animation:kiffer-card-in .5s cubic-bezier(.2,.8,.2,1)}.kiffer-card-big:active{cursor:grabbing}.kiffer-big{position:relative;flex:1;align-self:stretch;display:grid;place-items:center;min-height:0;container-type:size;perspective:1400px}.kiffer-big.fit{flex:none;align-self:auto;width:100%;container-type:inline-size;perspective:1200px}.kiffer-big.fit>.kiffer-card-big{width:100%;height:auto;animation:none;cursor:pointer}.kiffer-big.fit>.kiffer-card-fx{top:-20%;right:-20%;bottom:-20%;left:-20%;width:140%;height:140%}.kiffer-big.secret>.kiffer-card-big{--aura: transparent !important}.kiffer-big.secret>.kiffer-card-fx{opacity:0}.kiffer-big>.kiffer-card-fx{transition:opacity .6s .3s}@keyframes kiffer-card-in{0%{transform:translateY(40px) scale(.6) rotateY(-25deg)}}.kiffer-big-actions{position:absolute;left:50%;bottom:14px;translate:-50% 0;z-index:3;display:flex;gap:8px}.kiffer-big-actions:empty{display:none}.kiffer-puzzle-play{background:#13306b;border-color:#6fa8ff;color:#fff;font-weight:800;box-shadow:0 0 18px #5096ff80}.kiffer-puzzle-play:hover{background:#1b4291}.kiffer-doom-play{background:#8a1200;border-color:#ff5a2a;color:#fff;font-weight:800;box-shadow:0 0 18px #ff3c148c}.kiffer-doom-play:hover{background:#b51a00}.kiffer-doom-live{position:absolute;left:var(--art-l, 6%);right:calc(100% - var(--art-r, 94%));top:var(--art-t, 12%);bottom:calc(100% - var(--art-b, 45%));z-index:5;background:#000;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 4px))}.kiffer-doom-live.full{top:50%;bottom:auto;aspect-ratio:320 / 366;translate:0 -50%}.kiffer-doom-live canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair}.kiffer-doom-note{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ff5a2a;font-weight:800;letter-spacing:.08em}.kiffer-doom-stop{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:0;background:#0000008c;color:#fff;cursor:pointer}.kiffer-doom-keys{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:11px;color:var(--muted, #999)}.kiffer-moebius{position:relative;width:100cqw;height:100cqh;cursor:grab;touch-action:none;animation:kiffer-card-in .5s cubic-bezier(.2,.8,.2,1)}.kiffer-moebius:active{cursor:grabbing}.kiffer-moebius>canvas{display:block}.kiffer-big.fit.moebius .kiffer-moebius{width:100%;height:auto;aspect-ratio:var(--ratio, .57)}.kiffer-card-big>*{grid-area:1 / 1;backface-visibility:hidden}.kiffer-card-big{--thick: 6px}.kiffer-card-big .kiffer-card-face{transform:translateZ(calc(var(--thick) / 2));min-height:0;box-shadow:0 30px 60px -12px #000000bf,0 0 40px -4px var(--aura, transparent)}.kiffer-card-big .kiffer-card-face:has(img){box-shadow:none;filter:var(--whole,) drop-shadow(0 26px 26px rgba(0,0,0,.6)) drop-shadow(0 0 16px var(--aura, transparent))}.kiffer-card-big .kiffer-card-face .kiffer-card-card{width:100%;height:100%}.kiffer-card-big .kiffer-card-shine{opacity:1}.kiffer-card-big>.kiffer-card-edge{position:relative;transform-style:preserve-3d;backface-visibility:visible;pointer-events:none}.kiffer-card-edge>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5.6%/3.2%;background:#dcd8cf;box-shadow:inset 0 0 0 1px #0000002e;transform:translateZ(calc(var(--z) * var(--thick)))}.kiffer-card-edge>span.core{background:#2a2a2e}:root[data-skin^=ascii] .kiffer-card-edge>span{border-radius:0}.kiffer-card-big.slabbed{--slab: 22px}.kiffer-card-big.slabbed>.kiffer-slab-card{position:absolute;display:grid;grid-template:100% / 100%;transform-style:preserve-3d;backface-visibility:visible}.kiffer-slab-card>*{grid-area:1 / 1;backface-visibility:hidden}.kiffer-slab-card>.kiffer-card-edge{position:relative;transform-style:preserve-3d;backface-visibility:visible}.kiffer-slab-front,.kiffer-slab-back{position:relative;border-radius:var(--slab-r, 4% / 2.8%);border:2px solid rgba(255,255,255,.5);background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.07) 48.5%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.07) 51.5%,transparent 56%) var(--mx, 50%) var(--my, 50%) / 260% 260%;box-shadow:inset 0 0 0 5px #ffffff12;pointer-events:none}.kiffer-slab-front{transform:translateZ(calc(var(--slab) / 2))}.kiffer-slab-back{display:grid;place-items:end center;padding-bottom:3%;transform:rotateY(180deg) translateZ(calc(var(--slab) / 2))}.kiffer-slab-back-cert{padding:.3em .8em;border-radius:4px;background:#fafaf6e6;color:#15161a;font:700 12px system-ui,sans-serif;letter-spacing:.08em}.kiffer-card-big.slabbed>.kiffer-slab-front,.kiffer-card-big.slabbed>.kiffer-slab-back{box-shadow:0 30px 60px -12px #000000bf,inset 0 0 0 5px #ffffff12}.kiffer-slab-recess{position:absolute;margin:-1.2%;padding:1.2%;box-sizing:content-box;border-radius:5%/3%;border:1.5px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #00000040}.kiffer-card-big.slabbed>.kiffer-slab-edge{position:relative;transform-style:preserve-3d;backface-visibility:visible;pointer-events:none}.kiffer-slab-edge>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--slab-r, 4% / 2.8%);border:2px solid rgba(220,232,244,.5);transform:translateZ(calc(var(--z) * var(--slab)))}.r-C .kiffer-slab-label,.r-C .kiffer-thumb-label{--acc: #5d636b}.r-R .kiffer-slab-label,.r-R .kiffer-thumb-label{--acc: #1f62c9}.r-L .kiffer-slab-label,.r-L .kiffer-thumb-label{--acc: #a36d00}.kiffer-slab-label{position:absolute;box-sizing:border-box;display:grid;grid-template-columns:21% minmax(0,1fr) auto;align-items:center;column-gap:3.5%;padding:calc(var(--u, 1px) * 3) 2.5% calc(var(--u, 1px) * 3);border-radius:calc(var(--u, 1px) * .67);border-top:calc(var(--u, 1px) * 4) solid var(--acc, #5d636b);background:linear-gradient(180deg,#fbfbf8,#e8e6df);color:#15161a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 1px 3px #00000059}.kiffer-slab-brand{display:grid;align-self:stretch;align-content:center;justify-items:center;padding-right:6%;border-right:calc(var(--u, 1px) * .21) solid rgba(0,0,0,.15)}.kiffer-slab-brand b{font-size:calc(var(--u, 1px) * 26);line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--acc, #5d636b)}.kiffer-slab-brand small{font-size:calc(var(--u, 1px) * 5.6);line-height:1.15;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.kiffer-slab-who{display:grid;align-content:center;gap:calc(var(--u, 1px) * 1.2);min-width:0;font-size:calc(var(--u, 1px) * 10);font-weight:600;line-height:1.1}.kiffer-slab-who b{font-size:calc(var(--u, 1px) * 15);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiffer-slab-subs{display:flex;gap:.8em;font-size:calc(var(--u, 1px) * 8.5);font-weight:700;letter-spacing:.02em}.kiffer-slab-who span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kiffer-slab-who .miss{color:#c2185b;font-weight:800}.kiffer-slab-grade{display:grid;align-content:center;justify-items:center}.kiffer-slab-grade b{font-size:calc(var(--u, 1px) * 56);line-height:.9;font-weight:900}.kiffer-slab-grade small{font-size:calc(var(--u, 1px) * 10);font-weight:800;letter-spacing:.04em}.kiffer-slab-cert{display:grid;justify-items:center;gap:calc(var(--u, 1px) * 1);margin-top:calc(var(--u, 1px) * 4);font:700 calc(var(--u, 1px) * 7.5) ui-monospace,Menlo,monospace}.kiffer-slab-cert i{width:calc(var(--u, 1px) * 62);height:calc(var(--u, 1px) * 7);background:repeating-linear-gradient(90deg,#15161a 0 1px,transparent 1px 3px,#15161a 3px 5px,transparent 5px 6px,#15161a 6px 7px,transparent 7px 10px)}.kiffer-card-thumb.slabbed:before{content:"";position:absolute;top:0;bottom:0;left:-6%;right:-6%;margin:-33% 0 -6%;border-radius:4.5cqw;border:1.5px solid rgba(255,255,255,.45);background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.07) 48.5%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.07) 51.5%,transparent 56%) var(--mx, 50%) var(--my, 50%) / 260% 260%,#ffffff0a;box-shadow:inset 0 0 0 4px #ffffff0f,0 14px 26px -10px #000000b3;pointer-events:none}.kiffer-card-thumb.slabbed{container-type:inline-size}.kiffer-card-thumb.slabbed .kiffer-card-face{box-shadow:0 0 0 2px #00000040,0 0 0 3.5px #ffffff47}.kiffer-thumb-label{position:absolute;left:0;right:0;bottom:100%;z-index:2;margin-bottom:6%;box-sizing:border-box;aspect-ratio:100 / 21;display:grid;grid-template-columns:21% minmax(0,1fr) auto;align-items:center;column-gap:3.5%;padding:1.6cqw 2.5% 1.2cqw;border-radius:1.5cqw;border-top:1.6cqw solid var(--acc, #5d636b);background:linear-gradient(180deg,#fbfbf8,#e8e6df);color:#15161a;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.1;box-shadow:0 1px 3px #00000059;pointer-events:none}.kiffer-thumb-label .brand{display:grid;place-items:center;align-self:stretch;border-right:.6cqw solid rgba(0,0,0,.12)}.kiffer-thumb-label .brand b{color:var(--acc, #5d636b);font-size:7.5cqw;font-weight:900;letter-spacing:-.02em}.kiffer-thumb-label .who{display:grid;min-width:0}.kiffer-thumb-label .who b{overflow:hidden;font-size:4.4cqw;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.kiffer-thumb-label .who span{color:#5d636b;font-size:3.4cqw;font-weight:600}.kiffer-thumb-label .grade{display:grid;justify-items:center}.kiffer-thumb-label .grade small{font-size:3.4cqw;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.kiffer-thumb-label .grade b{font-size:10cqw;font-weight:900;line-height:1}.kiffer-grade-line b{color:var(--text-strong, #fff)}.kiffer-card-back{--metal-dark: #8d939b;--metal-light: #e3e5e9;display:grid;place-items:center;transform:rotateY(180deg) translateZ(calc(var(--thick, 0px) / 2));border-radius:5.6%/3.2%;border:14px solid transparent;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px) padding-box,radial-gradient(circle at 50% 45%,var(--panel-2),var(--bg)) padding-box,linear-gradient(135deg,var(--metal-dark),var(--metal-light) 30%,var(--metal-dark) 45%,var(--metal-light) 62%,var(--metal-dark)) border-box;box-shadow:0 30px 60px -12px #000000bf}.r-R .kiffer-card-back{--metal-dark: #2f7cf0;--metal-light: #cfe0fa}.r-L .kiffer-card-back{--metal-dark: #d4950e;--metal-light: #f8e3a6}.kiffer-card-back span{padding:.4em .8em;border:3px solid var(--metal-dark);border-radius:999px;font-family:var(--font-display);font-size:clamp(28px,6vh,56px);font-weight:800;color:var(--metal-light);transform:rotate(-12deg);text-shadow:0 0 18px var(--metal-dark)}:root[data-skin^=ascii] .kiffer-card-back,:root[data-skin^=ascii] .kiffer-card-back span{border-radius:0}.kiffer-card-view-hint{pointer-events:none}@media (prefers-reduced-motion: reduce){.kiffer-card-thumb,.kiffer-card-thumb:hover,.kiffer-card-thumb.held{transform:none}.kiffer-card-big,.kiffer-card-view{animation:none}}.kiffer-card-thumb.sel .kiffer-card-face{outline:3px solid var(--accent);outline-offset:-3px}.kiffer-card-thumb.now:after{content:"on screen";position:absolute;left:50%;bottom:-8px;transform:translateZ(20px);translate:-50% 0;padding:0 6px;border-radius:8px;font-size:10px;font-weight:700;color:var(--on-accent, #001018);background:var(--accent)}.kiffer-coll-who{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:10px}.kiffer-coll-who h3{margin:0;font-size:15px}.kiffer-coll-who p{margin:2px 0 0}.deck-genre{margin:0 4px 0 6px;padding:0 5px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font-size:.85em}.kiffer-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#14161edb,#000000f0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);perspective:1400px;animation:kiffer-reveal-in .4s ease-out}@keyframes kiffer-reveal-in{0%{opacity:0}}.kiffer-reveal-stage{position:relative;display:grid;justify-items:center;gap:18px}.kiffer-reveal-rays{position:absolute;left:50%;top:45%;width:160vmax;height:160vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,var(--glow) 0deg 4deg,transparent 4deg 18deg);mask-image:radial-gradient(circle,#000 0,transparent 45%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 45%);opacity:0;transition:opacity .8s;animation:kiffer-rays 24s linear infinite}@keyframes kiffer-rays{to{rotate:360deg}}.kiffer-reveal-sparks{position:absolute;left:50%;top:45%;pointer-events:none}.kiffer-reveal-sparks i{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2);border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 16px var(--glow);animation:kiffer-spark 1.4s cubic-bezier(.1,.8,.3,1) both}@keyframes kiffer-spark{0%{transform:rotate(var(--a)) translate(0) scale(1.4);opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scale(0);opacity:0}}.kiffer-reveal-caption{display:grid;justify-items:center;gap:4px;min-height:92px;color:#eceef2;text-align:center}.kiffer-reveal-caption small{font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.kiffer-reveal-caption b{font-size:20px}.kiffer-reveal-caption .kiffer-row{margin-top:8px}.kiffer-unveil-card{position:relative;width:min(38vh,360px);min-height:min(67vh,636px)}.kiffer-reveal.unveil.in .kiffer-unveil-card{animation:kiffer-unveil-in .9s cubic-bezier(.2,.8,.2,1) both}@keyframes kiffer-unveil-in{0%{transform:translateY(60vh) rotate(-30deg) scale(.4)}}.kiffer-unveil-glow{position:absolute;top:0;width:min(38vh,360px);aspect-ratio:.566;border-radius:5.6%/3.2%;box-shadow:0 0 40px 10px var(--glow),0 0 90px 30px var(--glow);opacity:0;transition:opacity 1.4s}.kiffer-reveal.unveil.charge .kiffer-unveil-glow{opacity:.8}.kiffer-reveal.unveil:is(.flip,.done) .kiffer-unveil-glow{opacity:.6}.kiffer-reveal.unveil.charge .kiffer-unveil-card{animation:kiffer-unveil-shake .09s linear infinite alternate}@keyframes kiffer-unveil-shake{0%{translate:-2px 1px}to{translate:2px -1px}}.kiffer-reveal.unveil.charge .kiffer-reveal-rays{opacity:.3}.kiffer-reveal.unveil:is(.flip,.done) .kiffer-reveal-rays{opacity:.75}.kiffer-reveal.unveil.flip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#fff 0,rgba(255,255,255,.6) 25%,transparent 60%);pointer-events:none;animation:kiffer-flash .7s ease-out both}@keyframes kiffer-flash{0%{opacity:.85}to{opacity:0}}.kiffer-reveal.unveil .kiffer-reveal-caption>*{opacity:0;translate:0 10px;transition:opacity .5s,translate .5s}.kiffer-reveal.unveil.done .kiffer-reveal-caption>*{opacity:1;translate:0 0}.kiffer-reveal.unveil.done .kiffer-reveal-caption>:nth-child(2){transition-delay:.1s}.kiffer-reveal.unveil.done .kiffer-reveal-caption>:nth-child(3){transition-delay:.2s}.kiffer-reveal.unveil.done .kiffer-reveal-caption>:nth-child(4){transition-delay:.35s}.kiffer-bag-scene{position:relative}.kiffer-tease{position:relative;z-index:1;width:min(36vh,400px);min-height:min(66vh,730px)}.kiffer-bag{position:absolute;z-index:2;left:-9%;right:-9%;top:-5%;bottom:-5%;border-radius:18px 18px 6px 6px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.35) 55%,transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px),linear-gradient(160deg,#3c414c,#8b93a3 35%,#4a505c 55%,#a7aebb 80%,#50565f);box-shadow:inset 0 2px #fff6,inset 0 18px 30px #0000004d,0 30px 60px -12px #000000d9;animation:kiffer-bag-in 1s cubic-bezier(.25,1.4,.5,1) backwards;transition:transform 5.2s cubic-bezier(.5,0,.35,1),opacity .8s}@keyframes kiffer-bag-in{0%{transform:translateY(-80vh) rotate(-8deg)}70%{transform:translateY(0) rotate(2deg)}85%{transform:rotate(-1deg)}}.kiffer-reveal.grading:not(.bag-0) .kiffer-bag{box-shadow:inset 0 -6px 8px -2px #000000b3,inset 0 18px 30px #0000004d,0 30px 60px -12px #000000d9}.kiffer-reveal.grading:is(.bag-2,.bag-3) .kiffer-bag{transform:translateY(-112%)}.kiffer-reveal.grading.bag-3 .kiffer-bag{opacity:0}.kiffer-bag-crimp{position:absolute;left:0;right:0;bottom:-26px;height:30px;border-radius:0 0 6px 6px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 6px),linear-gradient(0deg,#a7aebb,#6c7380);mask:linear-gradient(#000,#000) bottom / 100% 70% no-repeat,conic-gradient(from 135deg at top,#000 90deg,transparent 0) top / 12px 30% repeat-x;-webkit-mask:linear-gradient(#000,#000) bottom / 100% 70% no-repeat,conic-gradient(from 135deg at top,#000 90deg,transparent 0) top / 12px 30% repeat-x;transition:transform .8s cubic-bezier(.3,0,.6,1),opacity .8s}.kiffer-reveal.grading:not(.bag-0) .kiffer-bag-crimp{transform:translate(60%,140px) rotate(-24deg);opacity:0}.kiffer-bag-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:6px;color:#ffffffeb;text-shadow:0 1px 2px rgba(0,0,0,.4);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.kiffer-bag-face b{font-size:min(9vh,80px);font-weight:900;letter-spacing:-.04em}.kiffer-bag-face i{font-style:normal;font-size:min(16vh,150px);font-weight:900;line-height:.9;opacity:.85}.kiffer-bag-face small{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.kiffer-reveal.grading.bag-1 .kiffer-bag-face{animation:kiffer-unveil-shake .08s linear 4 alternate}@keyframes kiffer-slam{0%{transform:scale(2.6);color:var(--acc)}}.kiffer-reveal.grading.bag-3 .kiffer-tease{animation:kiffer-thud .4s ease-out}@keyframes kiffer-thud{30%{transform:scale(1.03)}}.kiffer-reveal.grading.big .kiffer-reveal-rays{opacity:.8}.kiffer-reveal.grading.big:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#fff 0,rgba(255,255,255,.6) 25%,transparent 60%);pointer-events:none;animation:kiffer-flash .6s ease-out both}@media (prefers-reduced-motion: reduce){.kiffer-reveal *,.kiffer-reveal:after{animation:none!important;transition:none!important}}.kiffer-card-ready{position:absolute;top:-6px;right:-14px;display:grid;place-items:center;width:30px;height:40px;padding:0;border:2px solid #f8e3a6;border-radius:5px;background:linear-gradient(135deg,#d4950e,#f8e3a6 45%,#a36d00);color:#fff;font-size:16px;text-shadow:0 0 6px #fff;cursor:pointer;animation:kiffer-card-ready 1.6s ease-in-out infinite}.kiffer-card-ready:before,.kiffer-card-ready:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:5px;pointer-events:none;animation:inherit}.kiffer-card-ready:before{box-shadow:0 0 14px #ffc43ccc;animation-name:kiffer-card-ready-small}.kiffer-card-ready:after{box-shadow:0 0 24px #ffc43c;opacity:0;animation-name:kiffer-card-ready-big}@keyframes kiffer-card-ready{50%{transform:translateY(-4px) rotate(-6deg)}}@keyframes kiffer-card-ready-small{50%{opacity:0}}@keyframes kiffer-card-ready-big{50%{opacity:1}}.kiffer-card-ready-btn,.kiffer-new-slabs{border-color:#d4950e!important;color:#f8e3a6!important;box-shadow:0 0 10px #ffc43c73}.kiffer-card-thumb.away .kiffer-card-face{filter:var(--whole,) grayscale(.7) brightness(.55)}.kiffer-thumb-away{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:4px;color:#fff;font-size:12px;text-shadow:0 1px 3px #000;pointer-events:none}.kiffer-thumb-away b{font-size:15px}.kiffer-card-thumb.kiffer-thumb-bag{aspect-ratio:.566;container-type:inline-size}.kiffer-thumb-bag:before,.kiffer-thumb-bag .kiffer-bag-face{top:0;right:-6%;bottom:0;left:-6%;margin:-33% 0 -6%}.kiffer-thumb-bag:before{content:"";position:absolute;border-radius:4.5cqw;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.35) 55%,transparent 70%) var(--mx, 50%) var(--my, 50%) / 260% 260%,linear-gradient(160deg,#3c414c,#8b93a3 35%,#4a505c 55%,#a7aebb 80%,#50565f);box-shadow:0 0 18px #ffc43c80}.kiffer-thumb-bag .kiffer-bag-face b{font-size:24cqw}.kiffer-thumb-bag .kiffer-bag-face i{font-size:46cqw;line-height:1}.kiffer-thumb-bag .kiffer-bag-face small{font-size:5.6cqw;letter-spacing:.12em}.kiffer-away-note{align-self:center}.kiffer-coll-open{display:flex;align-items:center;gap:14px;width:100%;margin:10px 0 4px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:var(--radius-lg, 10px);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--panel-2)),var(--panel-2) 70%);color:var(--text-strong, var(--text));font:inherit;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}.kiffer-coll-open:hover{transform:translateY(-1px);box-shadow:0 6px 18px -6px color-mix(in srgb,var(--accent) 70%,transparent)}.kiffer-coll-open-cards{position:relative;flex:none;width:34px;height:40px}.kiffer-coll-open-cards i{position:absolute;left:7px;top:2px;width:22px;height:32px;border:1.5px solid var(--accent);border-radius:3px;background:var(--panel);transform-origin:50% 100%}.kiffer-coll-open-cards i:nth-child(1){transform:rotate(-16deg);opacity:.6}.kiffer-coll-open-cards i:nth-child(2){transform:rotate(-4deg);opacity:.8}.kiffer-coll-open-cards i:nth-child(3){transform:rotate(9deg);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 45%,var(--panel)),var(--panel))}.kiffer-coll-open:hover .kiffer-coll-open-cards i:nth-child(1){transform:rotate(-24deg)}.kiffer-coll-open:hover .kiffer-coll-open-cards i:nth-child(3){transform:rotate(16deg)}.kiffer-coll-open-cards i{transition:transform .2s}.kiffer-coll-open-text{display:grid;flex:1}.kiffer-coll-open-text b{font-size:16px}.kiffer-coll-open-text small{color:var(--muted);font-size:12px}.kiffer-coll-open-new{padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#d4950e,#f8e3a6 50%,#a36d00);color:#2a1a00;font-size:12px;font-weight:800;white-space:nowrap}.kiffer-coll-open.has-new{border-color:#d4950e;box-shadow:0 0 14px #ffc43c59}:root[data-skin^=ascii] .kiffer-coll-open,:root[data-skin^=ascii] .kiffer-coll-open-cards i{border-radius:0}.kiffer-value{color:#7fd17f;font-variant-numeric:tabular-nums}.kiffer-thumb-value{white-space:nowrap;position:absolute;right:6%;bottom:-9px;z-index:2;padding:1px 7px;border-radius:8px;background:#13361b;border:1px solid #3e8e4a;color:#b9f0b9;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;transform:translateZ(20px);pointer-events:none}.kiffer-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 6px}.kiffer-filter input,.kiffer-filter select{font:inherit;font-size:12px}.kiffer-filter-q{flex:1 1 160px;min-width:120px;max-width:260px}.kiffer-filter-rarity{display:inline-flex;gap:4px}.kiffer-filter-count{margin-left:auto}.kiffer-tradeup{flex:1;display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;min-height:0}.kiffer-tradeup-contract{display:grid;align-content:start;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg, 10px);background:var(--panel-2);overflow:auto}.kiffer-tradeup-contract h3{margin:0;font-size:15px}.kiffer-tradeup-contract p{margin:0}.kiffer-tradeup-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.kiffer-tradeup-slot{position:relative;display:grid;place-items:center;aspect-ratio:.6;padding:0;border:1.5px dashed var(--line);border-radius:6px;background:var(--panel);color:var(--muted);font:inherit;cursor:pointer;overflow:hidden}.kiffer-tradeup-slot.filled{border-style:solid;border-color:var(--accent)}.kiffer-tradeup-slot .kiffer-card-face{min-height:0;width:100%}.kiffer-tradeup-terms{display:grid;gap:6px}.kiffer-tradeup-pick{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.kiffer-card-thumb.off{opacity:.3;cursor:not-allowed}@media (max-width: 700px){.kiffer-tradeup{grid-template-columns:1fr}}.kiffer-mixer-scene{position:relative;display:grid;place-items:center;width:min(80vw,440px);height:min(66vh,560px)}.kiffer-mixer{position:relative;display:grid;justify-items:center;gap:12px;width:280px;padding:26px 20px 16px;border-radius:18px;background:linear-gradient(160deg,#4a505c,#23262d 45%,#3a3f49);box-shadow:inset 0 2px #ffffff40,inset 0 -10px 20px #0006,0 30px 60px -12px #000000d9,0 0 50px -10px var(--glow);transition:box-shadow .25s}.kiffer-mixer>b{color:#ffffffbf;font:900 13px system-ui,sans-serif;letter-spacing:.3em}.kiffer-mixer-slot{position:absolute;top:9px;width:120px;height:7px;border-radius:4px;background:#0b0c0f;box-shadow:inset 0 2px 3px #000}.kiffer-mixer-window{display:grid;place-items:center;width:200px;height:90px;border-radius:10px;background:radial-gradient(circle,var(--glow),rgba(0,0,0,.85) 75%);box-shadow:inset 0 0 20px #000,0 0 0 3px #15171c;transition:background .2s}.kiffer-mixer-window i{width:70%;height:50%;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.35) 0 10deg,transparent 10deg 30deg);opacity:0}.kiffer-mixer-platters{display:flex;gap:40px}.kiffer-mixer-platters i{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle,#d9d9d9 0 8%,#111 9% 30%,transparent 31%),repeating-radial-gradient(circle,#1a1a1a 0,#1a1a1a 2px,#2a2a2a 2px,#2a2a2a 4px);box-shadow:0 2px 6px #0009}.kiffer-reveal.mixer:is(.mix,.boom) .kiffer-mixer-platters i{animation:kiffer-rays .5s linear infinite}.kiffer-reveal.mixer:is(.mix,.boom) .kiffer-mixer-window i{opacity:1;animation:kiffer-rays .35s linear infinite}.kiffer-reveal.mixer.mix .kiffer-mixer{animation:kiffer-unveil-shake .1s linear infinite alternate}.kiffer-reveal.mixer.boom .kiffer-mixer{animation:kiffer-mixer-overload .06s linear infinite alternate;box-shadow:inset 0 2px #ffffff40,0 0 90px 20px var(--glow)}@keyframes kiffer-mixer-overload{0%{transform:translate(-5px,3px) rotate(-1.5deg) scale(1.03)}to{transform:translate(5px,-3px) rotate(1.5deg) scale(1.05)}}.kiffer-reveal.mixer:is(.boom,.flip) .kiffer-reveal-rays{opacity:.7}.kiffer-reveal.mixer.out .kiffer-reveal-rays{opacity:.35}.kiffer-mixer-in{position:absolute;z-index:3;width:90px;border-radius:6px;box-shadow:0 10px 20px #0009;animation:kiffer-mixer-in .75s cubic-bezier(.5,0,.75,0) both;animation-delay:calc(var(--i) * .28s)}@keyframes kiffer-mixer-in{0%{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 110px),46vh) rotate(calc((var(--i) - 2) * 9deg));opacity:1}85%{transform:translateY(-150px) rotate(0) scale(.7);opacity:1}to{transform:translateY(-110px) scale(.5,.05);opacity:0}}.kiffer-mixer-out{position:absolute;z-index:3;width:min(44vw,260px);transform:translateY(-40px);animation:kiffer-mixer-out .9s cubic-bezier(.2,1.3,.4,1) backwards}@keyframes kiffer-mixer-out{0%{transform:translateY(40px) scale(.1)}}.kiffer-reveal.mixer:is(.out,.flip) .kiffer-mixer{opacity:.25;transform:scale(.9);transition:opacity .6s,transform .6s}.kiffer-mixer-hits{color:#f8e3a6;font-weight:800}.kiffer-cash{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.kiffer-cash b{color:#7ee2a8}.kiffer-cash:hover b{text-decoration:underline}.kiffer-shop{flex:1;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;overflow:auto;margin-inline:-16px;padding-inline:16px}.kiffer-shop h3{margin:0;font-size:15px}.kiffer-shop section>p{margin:0}.kiffer-shop-item{display:grid;justify-items:center;gap:8px}.kiffer-shop-item>.kiffer-card-thumb{width:100%}.kiffer-shop-buy{width:100%}.kiffer-card-thumb.sold .kiffer-card-face{opacity:.4;filter:var(--whole,) grayscale(.7)}.kiffer-shop-sold{position:absolute;inset:40% -4% auto;z-index:3;padding:4px 0;rotate:-14deg;border:3px solid #ff5f6d;border-radius:6px;color:#ff5f6d;font:900 22px var(--font-display, system-ui);letter-spacing:.2em;text-align:center;text-transform:uppercase;background:#0a0a0eb3}.kiffer-pack{position:relative;display:grid;grid-template-rows:9% 1fr;width:min(46vw,240px);aspect-ratio:.64;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 18px 30px rgba(0,0,0,.6))}.kiffer-pack.small{width:120px;cursor:default}.kiffer-pack>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%),conic-gradient(from 200deg at 50% 60%,#ff3d7f,#ffcf3d,#5dff8a,#3dd6ff,#a86bff,#ff3d7f);background-size:260% 260%,100% 100%}.kiffer-pack-top{border-radius:6px 6px 0 0;-webkit-mask:linear-gradient(#000,#000) bottom / 100% 70% no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,transparent 0) top / 10px 30% repeat-x;mask:linear-gradient(#000,#000) bottom / 100% 70% no-repeat,conic-gradient(from 135deg at 50% 0,#000 90deg,transparent 0) top / 10px 30% repeat-x}.kiffer-pack-body{display:grid;place-content:center;gap:6px;border-top:2px dashed rgba(0,0,0,.35);border-radius:0 0 6px 6px;-webkit-mask:linear-gradient(#000,#000) top / 100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at 50% 100%,#000 90deg,transparent 0) bottom / 10px 8px repeat-x;mask:linear-gradient(#000,#000) top / 100% calc(100% - 8px) no-repeat,conic-gradient(from -45deg at 50% 100%,#000 90deg,transparent 0) bottom / 10px 8px repeat-x}.kiffer-pack-body b{padding:.25em .7em;border:3px solid #fff;border-radius:999px;color:#fff;font:900 clamp(22px,5vh,44px) var(--font-display, system-ui);text-shadow:0 2px 8px rgba(0,0,0,.45);rotate:-10deg}.kiffer-pack.small .kiffer-pack-body b{font-size:20px;border-width:2px}.kiffer-pack-body small{color:#fff;font-weight:800;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.5)}.kiffer-pack.small .kiffer-pack-body small{font-size:9px}.kiffer-reveal.pack .kiffer-pack{animation:kiffer-pack-in .7s cubic-bezier(.2,1.3,.4,1) both,kiffer-pack-shake 2.4s 1s ease-in-out infinite}.kiffer-reveal.pack .kiffer-pack:hover>span{background-position:20% 0,0 0;transition:background-position .6s}@keyframes kiffer-pack-in{0%{transform:translateY(-60vh) rotate(-12deg)}}@keyframes kiffer-pack-shake{0%,70%,to{rotate:0deg}76%{rotate:-4deg}82%{rotate:4deg}88%{rotate:-2deg}}.kiffer-reveal.pack.tear .kiffer-pack{animation:none}.kiffer-reveal.pack.tear .kiffer-pack-top{transform:translate(60px,-80px) rotate(24deg);opacity:0;transition:transform .5s ease-in,opacity .5s}.kiffer-reveal.pack.tear .kiffer-pack-body{transform:translateY(40vh);opacity:0;transition:transform .6s .2s ease-in,opacity .5s .3s}.kiffer-reveal.pack.lit .kiffer-reveal-rays{opacity:.5}.kiffer-pack-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:94vw}.kiffer-pack-card{position:relative;width:min(17vw,200px);animation:kiffer-pack-card-out .6s calc(var(--i) * .12s) cubic-bezier(.2,1.3,.4,1) backwards;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.kiffer-pack-card:not(.turned):hover{transform:translateY(-8px)}@keyframes kiffer-pack-card-out{0%{transform:translateY(30vh) scale(.1)}}@media (max-width: 700px){.kiffer-pack-card{width:min(28vw,160px)}}.kiffer-appeal{margin:2px 0;color:#e7b84a}.kiffer-appeal b{color:#f5cf63}.kiffer-name-seed{margin-left:.5em;color:var(--muted, #8a8f98);font-size:.6em;font-weight:500;letter-spacing:.02em}.kiffer-shop-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 2px}.kiffer-shop-filters input[type=search]{flex:1 1 160px;min-width:120px}.kiffer-shop-afford{display:inline-flex;align-items:center;gap:4px;font-size:12px}.kiffer-pack-item{display:grid;justify-items:center;align-content:start;gap:6px;text-align:center}.kiffer-pack-item>.small{min-height:3.2em;font-size:11px;line-height:1.3}.kiffer-pack.p-classic>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.75) 45%,transparent 60%),linear-gradient(135deg,#7d838b,#e9ebee 28%,#a3a9b1,#fff 68%,#8d939b);background-size:260% 260%,100% 100%}.kiffer-pack.p-classic .kiffer-pack-body :is(b,small){color:#2b2f36;border-color:#2b2f36;text-shadow:0 1px 0 rgba(255,255,255,.6)}.kiffer-pack.p-colour>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%),linear-gradient(160deg,#ff2d95,#ffd400 30%,#00e0ff 62%,#7a3cff);background-size:260% 260%,100% 100%}.kiffer-pack.p-misprint>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 45%,transparent 60%),repeating-linear-gradient(90deg,rgba(0,200,255,.55) 0 6px,transparent 6px 12px),linear-gradient(170deg,#ff3fb4,#f2f2f2 55%,#1ad1ff);background-size:260% 260%,auto,100% 100%}.kiffer-pack.p-misprint .kiffer-pack-body b{text-shadow:3px 1px 0 rgba(255,0,140,.8),-3px -1px 0 rgba(0,200,255,.8)}.kiffer-pack.p-legend>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 45%,transparent 60%),linear-gradient(135deg,#8a5a00,#f8d36a 30%,#b07a10,#ffe9a8 70%,#8a5a00);background-size:260% 260%,100% 100%}.kiffer-pack.p-lucky>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 45%,transparent 60%),radial-gradient(circle at 30% 30%,#8dff6a,transparent 40%),linear-gradient(160deg,#0b6b2b,#2fbf4a 50%,#0b5a24);background-size:260% 260%,100% 100%,100% 100%}.kiffer-card-info{display:grid;justify-items:center;gap:2px;max-width:min(90vw,520px);font-size:13px;line-height:1.35;text-align:center}.kiffer-reveal-caption .kiffer-card-info b{font-size:inherit}.kiffer-pack-slot{display:grid;justify-items:center;align-content:start;gap:8px}.kiffer-pack-info{display:grid;justify-items:center;gap:2px;width:min(17vw,200px);min-height:4.2em;color:#eceef2;font-size:12px;line-height:1.3;text-align:center;visibility:hidden;opacity:0;transition:opacity .4s .5s,visibility 0s .5s}.kiffer-pack-info.shown{visibility:visible;opacity:1}.kiffer-pack-info .kiffer-value{font-weight:800}@media (max-width: 700px){.kiffer-pack-info{width:min(28vw,160px)}}.kiffer-tradeup-cards{display:flex;flex-direction:column;min-width:0;min-height:0}.kiffer-thumb-fav{position:absolute;top:-8px;right:-8px;z-index:3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3b0,#f5b800 60%,#b07a00);color:#5a3a00;font-size:15px;box-shadow:0 2px 6px #00000080;pointer-events:none}.kiffer-curate{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0}.kiffer-fav.on{border-color:#f5b800;color:#f5cf63}.kiffer-tags{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.kiffer-tag{display:inline-flex;align-items:center;gap:2px;padding:1px 4px 1px 8px;border-radius:999px;background:#7f8cff2e;color:var(--text-strong, #fff);font-size:12px}.kiffer-tag button{padding:0 3px;border:0;background:none;color:inherit;cursor:pointer;opacity:.7}.kiffer-tags input{width:80px;padding:2px 6px;font-size:12px}.drop-over{outline:2px dashed #f5cf63;outline-offset:4px}.kiffer-binder{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr);gap:16px;min-height:0}.kiffer-binder-book{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto}.kiffer-binder-pages,.kiffer-binder-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kiffer-binder-name{flex:1 1 160px;font-weight:800}.kiffer-binder-page{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;width:max-content;max-width:100%;margin:0 auto;gap:14px;padding:18px;border-radius:10px;background:radial-gradient(circle at 8px 20%,#000 4px,transparent 5px),radial-gradient(circle at 8px 50%,#000 4px,transparent 5px),radial-gradient(circle at 8px 80%,#000 4px,transparent 5px),repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 2px,transparent 2px 5px),linear-gradient(160deg,#22252d,#15171c);box-shadow:0 10px 30px #00000073;perspective:1000px}.kiffer-pocket{position:relative;display:grid;place-items:end center;padding:calc(var(--bcard) * .08 + 4px) calc(var(--bcard) * .08 + 4px) calc(var(--bcard) * .08 + 6px);min-height:calc(var(--bcard) / .566 + var(--bcard) * .16 + 14px);border-radius:8px;background:#ffffff08}.kiffer-pocket>.kiffer-card-thumb{width:var(--bcard)}.kiffer-pocket-empty{width:var(--bcard);align-self:center;text-align:center}.kiffer-pocket-empty{color:#ffffff38;font-size:12px}.kiffer-pocket-sleeve{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.07) 45%,transparent 55%);pointer-events:none}.kiffer-pocket-out{position:absolute;top:4px;right:4px;z-index:4;width:22px;height:22px;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:0}.kiffer-pocket:hover .kiffer-pocket-out,.kiffer-pocket-out:focus-visible{opacity:1}.kiffer-binder-tray{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0}.kiffer-binder-tray h4{margin:0}.kiffer-binder-tray-cards{flex:1;display:grid;grid-template-columns:repeat(auto-fill,var(--bcard));justify-content:center;gap:18px;align-content:start;overflow:auto;padding:12px 10px 8px;perspective:1000px}.kiffer-card-thumb.in-binder .kiffer-card-face{opacity:.5}.kiffer-thumb-in{position:absolute;top:4px;left:4px;z-index:3;padding:1px 6px;border-radius:6px;background:#000000b3;color:#fff;font-size:10px;font-weight:700}@media (max-width: 800px){.kiffer-binder{grid-template-columns:1fr}}.kiffer-case-cabinet{--slab: clamp(72px, calc((100vh - 680px) / 6.75), 124px);position:relative;width:max-content;max-width:100%;margin:0 auto;padding:6px 14px 18px;border:10px solid #1b1610;border-radius:14px;border-image:linear-gradient(180deg,#2c241a,#15110c) 1;background:radial-gradient(ellipse 60% 30% at 50% 0%,rgba(255,240,210,.08),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),linear-gradient(180deg,#17121c,#0b0a0e);box-shadow:inset 0 0 60px #000c,0 14px 40px #0000008c}.kiffer-case-shelf{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:28px;padding:10px 10px 22px;perspective:1000px}.kiffer-case-shelf:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:10px;background:linear-gradient(180deg,#d2f0ff66,#78aad21f 40%,#a0d2f04d);box-shadow:0 10px 18px #000000b3,0 -1px #ffffff73 inset;transform:perspective(400px) rotateX(35deg);transform-origin:bottom}.kiffer-case-spot{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:var(--slab);padding-top:calc(var(--slab) * .33 + 4px)}.kiffer-case-spot>.kiffer-card-thumb{width:var(--slab);z-index:1}.kiffer-thumb-value.mixer{background:#2a1846;border-color:#9a6bff;color:#ddcbff}.kiffer-mixer-value{color:#b996ff;font-variant-numeric:tabular-nums}.kiffer-tradeup-pool{display:grid;gap:4px;margin:8px 0;max-height:46vh;overflow-y:auto}.kiffer-pool-slot{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:3px 8px 5px}.kiffer-pool-title{display:block;font-size:12px;font-weight:700;text-transform:capitalize}.kiffer-pool-slot ul{margin:0;padding:0;list-style:none}.kiffer-pool-slot li{display:grid;grid-template-columns:22px 1fr auto 26px 26px;align-items:center;gap:6px;padding:1px 0;font-size:12px}.kiffer-pool-slot li img{width:22px;height:22px;object-fit:contain}.kiffer-pool-slot li b{font-variant-numeric:tabular-nums;text-align:right}.kiffer-pool-slot li.r-R>span:nth-child(2){color:#8fb4ff}.kiffer-pool-slot li.r-L>span:nth-child(2){color:#f8d36a}.kiffer-pool-slot li.boosted>span:nth-child(2){color:#f2d47a}.kiffer-pool-slot li.locked{background:#b996ff1f;border-radius:4px}.kiffer-pool-slot li.fresh{font-style:italic;opacity:.8}.kiffer-pool-mods{color:#ff9ad8;font-size:11px}.kiffer-pool-lock,.kiffer-pool-slot .kiffer-dex-boost.small{padding:0 3px;border:1px solid var(--line);border-radius:6px;background:transparent;font-size:11px;line-height:18px;cursor:pointer;opacity:.6}.kiffer-pool-lock.on,.kiffer-pool-slot .kiffer-dex-boost.small.on{border-color:#b996ff;background:#b996ff33;opacity:1}.kiffer-tradeup-sofar{color:#f2d47a}.kiffer-case-spot .kiffer-thumb-value{display:none}.kiffer-case-free{display:grid;place-items:center;width:var(--slab);height:calc(var(--slab) * 1.62);border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:#ffffff38;font-size:12px}.kiffer-case-spot.empty .kiffer-case-light{opacity:.35}.kiffer-case-spot.drop-over .kiffer-case-free{border-color:var(--accent)}.kiffer-case-spot:hover .kiffer-pocket-out,.kiffer-case-spot .kiffer-pocket-out:focus-visible{opacity:1}.kiffer-case .kiffer-binder-tray-cards{padding-top:calc(var(--bcard) * .36 + 8px);gap:calc(var(--bcard) * .42 + 14px) calc(var(--bcard) * .12 + 16px)}.kiffer-public{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted);cursor:pointer}.kiffer-public.on{border-color:#5fd38a99;color:#8fe3ad}.kiffer-case-light{position:absolute;left:-30%;right:-30%;top:-26px;bottom:8px;--beam: 255, 244, 220;background:radial-gradient(ellipse 50% 6% at 50% 100%,rgba(var(--beam),.28),transparent),linear-gradient(180deg,rgba(var(--beam),.2),rgba(var(--beam),.04) 75%,transparent);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);mix-blend-mode:screen;pointer-events:none}.kiffer-case-light:before{content:"";position:absolute;top:0;left:50%;width:22px;height:6px;margin-left:-11px;border-radius:0 0 6px 6px;background:rgb(var(--beam));box-shadow:0 0 14px 4px rgba(var(--beam),.7)}.kiffer-case-spot.nine .kiffer-case-light{--beam: 225, 238, 255}.kiffer-case-spot.ten .kiffer-case-light{--beam: 255, 214, 110}.kiffer-case-spot.ten .kiffer-case-light{animation:kiffer-case-glow 3.2s ease-in-out infinite}@keyframes kiffer-case-glow{50%{opacity:.7}}.kiffer-case-stand{position:relative;z-index:2;width:80%;height:14px;margin-top:-6px;border-radius:2px 2px 4px 4px;background:linear-gradient(180deg,#dcf0ff47,#b4d2f01a);box-shadow:inset 0 1px #ffffff80,0 4px 8px #00000080;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%)}.kiffer-case-plaque{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;min-width:70%;margin-top:5px;padding:2px 8px;border-radius:3px;background:linear-gradient(180deg,#d9c38a,#a88a4c 60%,#c8ae6c);box-shadow:inset 0 1px #ffffff80,0 2px 4px #0009;color:#2a2010;font-size:9px;line-height:1.15;letter-spacing:.04em;text-align:center;white-space:nowrap}.kiffer-case-plaque b{font-size:10px;letter-spacing:.08em}.kiffer-case-spot.nine .kiffer-case-plaque{background:linear-gradient(180deg,#e8ecf1,#a9b2bd 60%,#d3d9e0);color:#1c2026}.kiffer-case-spot.black .kiffer-case-plaque{background:linear-gradient(180deg,#232323,#070707);box-shadow:inset 0 0 0 1px #c9a54a,0 2px 6px #000000b3;color:#e6c766}.kiffer-case-spot.black .kiffer-case-light{--beam: 240, 205, 120}.kiffer-dex{flex:1;overflow:auto;padding:0 4px 16px}.kiffer-dex-head{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0 10px;background:var(--panel, #15171c)}.kiffer-dex-head h3{margin:0}.kiffer-dex-bar{flex:1 1 160px;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.kiffer-dex-bar i{display:block;height:100%;background:linear-gradient(90deg,#5fd38a,#f5cf63)}.kiffer-dex-section h4{margin:14px 0 6px;font-size:13px;text-transform:capitalize}.kiffer-dex-items{display:flex;flex-wrap:wrap;gap:6px}.kiffer-dex-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:var(--text-strong, #fff);font-size:12px;cursor:pointer}.kiffer-dex-item.missing{color:var(--muted);border-style:dashed;cursor:default}.kiffer-dex-item.have{border-color:#5fd38a80}.kiffer-dex-item.gone{border-color:#ffffff2e;color:var(--text);cursor:default}.kiffer-dex-owned{padding:1px 6px;border-radius:999px;background:#1d3a29;color:#8fe3ad;font-size:9px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.kiffer-dex-owned.none{background:#2a2d33;color:var(--muted)}.kiffer-dex-items.pictures{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.kiffer-dex-items.pictures .kiffer-dex-item{position:relative;display:grid;justify-items:center;gap:4px;padding:6px;border-radius:10px;text-align:center}.kiffer-dex-items.pictures img{width:64px;height:64px;object-fit:contain}.kiffer-dex-items.pictures .missing img{filter:brightness(0) opacity(.35)}.kiffer-dex-items.pictures span{font-size:11px;line-height:1.2}.kiffer-dex-items.pictures .kiffer-dex-item:has(.kiffer-dex-owned){padding-top:22px}.kiffer-dex-items.pictures .kiffer-dex-owned{position:absolute;top:4px;right:4px}.kiffer-dex-item.r-R.have{border-color:#5096ff99}.kiffer-dex-item.r-L.have{border-color:#ffc43cb3}.kiffer-card-big>*,.kiffer-slab-card>*{min-width:0;min-height:0}.kiffer-card-back{overflow:hidden;container-type:inline-size}.kiffer-card-back span{font-size:clamp(14px,14cqi,56px)}.kiffer-slab-label-back{background:linear-gradient(180deg,#f3f2ec,#dedcd3)}.kiffer-slab-holo{display:block;width:calc(var(--u, 1px) * 34);height:calc(var(--u, 1px) * 34);margin:0 auto calc(var(--u, 1px) * 3);border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%),linear-gradient(115deg,#ff3d7fe6 8%,#ff3d7f 22%,#ffcf3d,#5dff8a,#3dd6ff,#a86bff 70%,#a86bffe6 84%),#d8d8d8;background-size:260% 260%,260% 260%,auto;background-position:var(--mx, 50%) var(--my, 50%),var(--mx, 50%) var(--my, 50%),0 0;filter:saturate(1.4) hue-rotate(var(--hue));animation:kmod-hue 3s linear infinite;box-shadow:0 0 0 calc(var(--u, 1px) * 1.5) #00000026,inset 0 0 calc(var(--u, 1px) * 4) #fff9}.kiffer-card-big.slabbed>.kiffer-slab-labels{position:relative;grid-area:1 / 1;transform-style:preserve-3d;backface-visibility:visible;pointer-events:none}.kiffer-slab-label.front,.kiffer-slab-label.back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.kiffer-slab-label.front{transform:translateZ(calc(var(--thick, 6px) / 2))}.kiffer-slab-label.back{transform:rotateY(180deg) translateZ(calc(var(--thick, 6px) / 2))}.kiffer-thumb-in{top:auto;bottom:26px}.kiffer-slab-label.special,.kiffer-thumb-label.special{--acc: var(--tone);border-top-color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--tone) 6%,#fbfbf8),color-mix(in srgb,var(--tone) 12%,#e8e6df))}.kiffer-slab-label.special:before,.kiffer-thumb-label.special:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--u, 1px) * 4);border-radius:calc(var(--u, 1px) * .67) calc(var(--u, 1px) * .67) 0 0;background:var(--tone)}.kiffer-thumb-label.special:before{height:1.6cqw;border-radius:1.5cqw 1.5cqw 0 0}.special.band-gold:before{background:linear-gradient(90deg,#8a6a12,#f4dc8a 30%,#b8901f 55%,#fff1b8 75%,#8a6a12)}.special.band-vivid:before,.special.band-neon:before{background:linear-gradient(90deg,#ff2bd6,#ff7a00,#ffe600,#2bff88,#00e5ff,#7a5cff)}.special.band-grown:before,.kiffer-label-stamp.grown{background:linear-gradient(90deg,#ff4fa3,#ffd25e,#7dffb0,#4fd8ff,#9a7bff,#ff6fd0)}.kiffer-label-stamp.grown{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#15161a;text-shadow:0 0 2px rgba(255,255,255,.9)}.special.band-error:before{background:repeating-linear-gradient(-45deg,#c2185b 0,#c2185b 6px,#15161a 6px,#15161a 12px)}.special.band-bw{background:linear-gradient(180deg,#fbfbfb,#e2e2e2)}.kiffer-label-stamps{display:flex;gap:.5em;min-width:0;margin:-.3em;padding:.3em;overflow:hidden;white-space:nowrap}.kiffer-label-stamp{position:relative;flex:none;padding:0 .45em;border-radius:.25em;background:var(--tone);color:#fff;font-weight:900;letter-spacing:.06em;line-height:1.35}.kiffer-thumb-label .kiffer-label-stamps{font-size:2.8cqw}.kiffer-label-stamp.t-yellow,.kiffer-label-stamp.t-pale{color:#15161a}.kiffer-label-stamp.t-gold{background:linear-gradient(180deg,#f4dc8a,#b8901f 55%,#e7c65e);color:#3a2a05}.kiffer-label-stamp.vivid{background:linear-gradient(90deg,#ff2bd6,#ff7a00,#ffe600,#2bff88,#00e5ff,#7a5cff);color:#15161a;text-shadow:0 0 2px #fff}.kiffer-label-stamp.error{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;background:none;box-shadow:inset 0 0 0 .12em var(--tone);color:var(--tone)}.kiffer-label-stamp.e-misregistration{text-shadow:-.12em 0 rgba(0,170,255,.75),.12em .04em rgba(255,210,0,.8)}.kiffer-label-stamp.e-double{text-shadow:.18em .12em rgba(194,24,91,.4)}.kiffer-label-stamp.e-tilted{transform:rotate(-5deg)}.kiffer-label-stamp.e-miscut{transform:translate(.5em,.15em)}.kiffer-label-stamp.e-text-shift{transform:translateY(-.3em)}.kiffer-label-stamp.e-chop{clip-path:polygon(0 0,100% 0,100% 45%,0 90%)}.kiffer-label-stamp.e-no-ink{color:transparent;-webkit-text-stroke:.05em var(--tone)}.kiffer-label-stamp.e-no-text{color:#c2185b2e}.kiffer-label-stamp.e-channel{color:#0097a7;box-shadow:inset 0 0 0 .12em #0097a7;text-shadow:.08em 0 rgba(255,0,80,.5)}.kiffer-label-stamp.e-wrong-frame{box-shadow:inset 0 0 0 .12em #a36d00,inset 0 0 0 .24em #c0c4ca}.kiffer-label-stamp.e-ink-blot{background:radial-gradient(ellipse .55em .45em at 78% 45%,rgba(21,22,26,.85) 90%,transparent)}.kiffer-label-stamp.e-white-patch:after,.kiffer-label-stamp.e-overprint:after{position:absolute;pointer-events:none}.kiffer-label-stamp.e-white-patch:after{content:"";top:-10%;bottom:-10%;left:38%;width:22%;background:#f6f5ef;transform:rotate(10deg)}.kiffer-label-stamp.e-overprint:after{content:attr(data-over);left:.9em;top:.15em;color:#1f62c98c;mix-blend-mode:multiply}.kiffer-slab-grade b.landed{animation:kiffer-slam .5s cubic-bezier(.3,1.9,.5,1)}.kiffer-slab-grade b.half{font-size:calc(var(--u, 1px) * 44)}.kiffer-card-back.drawn{display:block;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.kiffer-card-back.drawn img{display:block;width:100%;height:100%;filter:drop-shadow(0 26px 26px rgba(0,0,0,.6)) drop-shadow(0 0 16px var(--aura, transparent))}.kiffer-card-edge.shaped>span{border-radius:0;box-shadow:none;-webkit-mask:var(--shape) 0 0 / 100% 100% no-repeat;mask:var(--shape) 0 0 / 100% 100% no-repeat}.kiffer-card-face[style*=--card] .kiffer-card-shine{border-radius:0;-webkit-mask:var(--shape, var(--card)) 0 0 / 100% 100% no-repeat;mask:var(--shape, var(--card)) 0 0 / 100% 100% no-repeat}.kiffer-card-face[style*=--card]:after{border-radius:0;-webkit-mask-image:var(--shape, var(--card)),var(--outside);mask-image:var(--shape, var(--card)),var(--outside);-webkit-mask-size:100% 100%,auto,auto;mask-size:100% 100%,auto,auto;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in,source-over;mask-composite:intersect,add}.kiffer-pack.p-stickers>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%),radial-gradient(circle at 22% 30%,#ff5fa8 0 9%,transparent 10%),radial-gradient(circle at 70% 22%,#ffd400 0 7%,transparent 8%),radial-gradient(circle at 62% 70%,#33d17a 0 10%,transparent 11%),radial-gradient(circle at 25% 78%,#3dd6ff 0 8%,transparent 9%),linear-gradient(160deg,#f7f5ef,#dcd8cf);background-size:260% 260%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%}.kiffer-pack.p-stickers .kiffer-pack-body :is(b,small){color:#2b2f36;border-color:#2b2f36}.kiffer-sticker{position:relative;display:block;filter:drop-shadow(.6cqw 0 0 #fff) drop-shadow(-.6cqw 0 0 #fff) drop-shadow(0 .6cqw 0 #fff) drop-shadow(0 -.6cqw 0 #fff) drop-shadow(0 .5cqw .6cqw rgba(0,0,0,.45))}.kiffer-sticker img{display:block;width:100%;height:auto;pointer-events:none}.kiffer-sticker.holo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#ff3d7f00 10%,#ff3d7f 24%,#ffcf3d,#5dff8a,#3dd6ff,#a86bff 72%,#a86bff00 86%) var(--mx, 50%) var(--my, 50%) / 260% 260%;mix-blend-mode:color-dodge;opacity:.75;-webkit-mask:var(--src) 0 0 / 100% 100% no-repeat;mask:var(--src) 0 0 / 100% 100% no-repeat;pointer-events:none}.kiffer-slab-stickers{position:absolute;top:0;right:0;bottom:0;left:0;container-type:inline-size;pointer-events:none}.kiffer-slab-stickers>.kiffer-sticker{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot, 0deg))}.kiffer-slab-stickers.on-thumb{top:0;right:-6%;bottom:0;left:-6%;margin:-33% 0 -6%;z-index:3}.kiffer-slab-front.editing,.kiffer-slab-stickers.editing{pointer-events:auto}.kiffer-slab-stickers.editing>.kiffer-sticker{pointer-events:auto;cursor:grab;touch-action:none}.kiffer-slab-stickers.editing>.kiffer-sticker:active{cursor:grabbing}.kiffer-slab-stickers.editing>.kiffer-sticker.picked{outline:2px dashed rgba(255,255,255,.85);outline-offset:4px}.kiffer-sticker-editor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:16px;padding:20px;background:#06070adb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kiffer-sticker-stage{display:flex;min-height:0}.kiffer-sticker-side{display:flex;flex-direction:column;gap:8px;min-height:0;padding:14px;border-radius:12px;background:var(--panel, #15171c);color:var(--text, #e6e8ec)}.kiffer-sticker-head{display:flex;align-items:center;justify-content:space-between}.kiffer-sticker-head h3,.kiffer-sticker-side h4,.kiffer-sticker-side p{margin:0}.kiffer-sticker-picked{display:grid;gap:6px;min-height:112px;padding:10px;border-radius:8px;background:#ffffff0a}.kiffer-sticker-picked label{display:grid;grid-template-columns:3.5em 1fr;align-items:center;font-size:12px}.kiffer-sticker-tray{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));align-content:start;gap:10px;overflow:auto;padding:4px;container-type:inline-size}.kiffer-sticker-pick{display:grid;place-items:center;aspect-ratio:1;padding:10px;border:1px solid var(--line, rgba(255, 255, 255, .1));border-radius:10px;background:#ffffff08;cursor:pointer;container-type:inline-size}.kiffer-sticker-pick .kiffer-sticker img{width:auto;max-width:100%;max-height:64px}.kiffer-sticker-pick:hover{background:#ffffff14}.kiffer-sticker-pick.r-R{border-color:#5096ff8c}.kiffer-sticker-pick.r-L{border-color:#ffc43cb3}.kiffer-sticker-pick .kiffer-sticker{width:auto;max-width:100%;filter:drop-shadow(3cqw 0 0 #fff) drop-shadow(-3cqw 0 0 #fff) drop-shadow(0 3cqw 0 #fff) drop-shadow(0 -3cqw 0 #fff) drop-shadow(0 2cqw 3cqw rgba(0,0,0,.45))}@media (max-width: 800px){.kiffer-sticker-editor{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,40vh)}}.kiffer-sticker-out{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;max-width:94vw}.kiffer-sticker-got{display:grid;justify-items:center;align-content:start;gap:6px;width:min(16vw,170px);color:#eceef2;text-align:center;animation:kiffer-sticker-pop .6s calc(.3s + var(--i) * .35s) cubic-bezier(.2,1.6,.4,1) backwards;container-type:inline-size}.kiffer-sticker-got .kiffer-sticker{width:auto;max-width:100%;filter:drop-shadow(2.5cqw 0 0 #fff) drop-shadow(-2.5cqw 0 0 #fff) drop-shadow(0 2.5cqw 0 #fff) drop-shadow(0 -2.5cqw 0 #fff) drop-shadow(0 3cqw 5cqw rgba(0,0,0,.6))}.kiffer-sticker-got .kiffer-sticker img{width:auto;max-width:100%;max-height:min(24vh,200px)}.kiffer-sticker-got.r-L .kiffer-sticker{filter:drop-shadow(2.5cqw 0 0 #fff) drop-shadow(-2.5cqw 0 0 #fff) drop-shadow(0 2.5cqw 0 #fff) drop-shadow(0 -2.5cqw 0 #fff) drop-shadow(0 0 8cqw rgba(255,196,60,.9))}.kiffer-sticker-got b{font-size:13px}@keyframes kiffer-sticker-pop{0%{transform:translateY(40px) scale(.2) rotate(-20deg);opacity:0}}.kiffer-trade{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto;padding:0 4px 16px}.kiffer-trade-start{align-items:flex-start;max-width:720px}.kiffer-trade-start h3,.kiffer-trade h4,.kiffer-trade p{margin:0}.kiffer-trade-name{display:grid;gap:4px;font-size:12px}.kiffer-trade-name input,.kiffer-trade-code-in{width:220px}.kiffer-trade-code-in{width:9em;font:700 15px ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase}.kiffer-trade-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.kiffer-trade-code{padding:2px 10px;border:1px dashed var(--accent, #6cf);border-radius:8px;background:none;color:var(--text-strong, #fff);font:800 20px ui-monospace,Menlo,monospace;letter-spacing:.18em;cursor:copy}.kiffer-trade-sides{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.kiffer-trade-side{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border:1px solid var(--line, rgba(255, 255, 255, .1));border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);transition:border-color .3s,box-shadow .3s}.kiffer-trade-side.accepted{border-color:#50dc8cb3;box-shadow:0 0 0 1px #50dc8c59 inset}.kiffer-trade-side h4{display:flex;align-items:baseline;gap:8px}.kiffer-trade-ok{color:#50dc8c;font-size:12px}.kiffer-trade-cards,.kiffer-trade-tray{display:grid;grid-template-columns:repeat(auto-fill,var(--tcard, 110px));justify-content:start;gap:calc(var(--tcard, 110px) * .33 + 14px) 16px;padding:calc(var(--tcard, 110px) * .33 + 10px) 8px 10px;perspective:1000px}.kiffer-trade-cards{min-height:calc(var(--tcard, 110px) / .566 + var(--tcard, 110px) * .33 + 24px)}.kiffer-trade-cards>.kiffer-card-thumb,.kiffer-trade-tray>.kiffer-card-thumb{width:var(--tcard, 110px)}.kiffer-trade-tray{--tcard: 96px}.kiffer-trade-empty{grid-column:1 / -1;align-self:center}.kiffer-trade-bad{display:grid;place-items:center;width:var(--tcard, 110px);aspect-ratio:.566;padding:8px;border:1px dashed #c2185b;border-radius:8px;color:#ff5fa8;text-align:center}.kiffer-trade-accept{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.kiffer-trade-done{display:grid;gap:4px;padding:10px;border-radius:10px;background:#50dc8c14;border:1px solid rgba(80,220,140,.35)}.kiffer-trade-yours{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}@media (max-width: 800px){.kiffer-trade-sides{grid-template-columns:1fr}}:root.resting *,:root.resting *:before,:root.resting *:after{animation-play-state:paused!important}.kiffer-card-holo{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,#ff4fa3,#ffd25e 14%,#7dffb0,#4fd8ff 42%,#9a7bff 57%,#ff6fd0,#ffe27a 85%,#ff4fa3) var(--mx, 30%) var(--my, 40%) / 320% 320%;mix-blend-mode:overlay;opacity:.35;-webkit-mask:var(--holo) 0 0 / 100% 100% no-repeat;mask:var(--holo) 0 0 / 100% 100% no-repeat;transition:opacity .3s}.kiffer-card-thumb:is(:hover,.held) .kiffer-card-holo,.kiffer-card-big .kiffer-card-holo{opacity:.6}.kiffer-card-big .kiffer-card-holo{background-position:var(--hx, 50%) var(--hy, 50%)}.kiffer-shop{align-content:start;gap:14px;padding-bottom:20px}.kiffer-shop h4{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px;font-size:13px}.kiffer-shop h4 .btn{margin-left:auto}.kiffer-shop-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}.kiffer-shop-head>div{display:grid;gap:2px;flex:1 1 260px}.kiffer-shop-cash{font-size:13px}.kiffer-shop-packs,.kiffer-shop-section,.kiffer-shop-all{min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-lg, 10px);background:var(--panel-2)}.kiffer-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:12px}.kiffer-pack-item{gap:4px}.kiffer-pack.small{width:78px;height:121.875px;margin-bottom:4px}.kiffer-pack.small .kiffer-pack-body b{font-size:13px}.kiffer-pack.small .kiffer-pack-body small{font-size:7px}.kiffer-pack-item>b{font-size:13px}.kiffer-pack-item>span.small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.kiffer-pack-item>.btn{margin-top:2px}.kiffer-shop-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}.kiffer-shop-row{display:grid;grid-template-columns:repeat(6,minmax(0,170px));justify-content:start;gap:12px;perspective:1000px}.kiffer-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:16px 12px;margin-top:10px;perspective:1000px}.kiffer-shop-filters{margin:0}.kiffer-shop-item{align-content:start;gap:6px;min-width:0}.kiffer-shop .kiffer-card-face{min-height:0;aspect-ratio:.566}.kiffer-shop .kiffer-card-face:has(img){aspect-ratio:auto}.kiffer-shop-meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:100%;min-height:2.6em;font-size:11px;line-height:1.3;text-align:center}.kiffer-shop-item .kiffer-thumb-value{font-size:10px}.kiffer-shop .kiffer-shop-sold{font-size:13px;border-width:2px}.kiffer-players{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.kiffer-players-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.kiffer-players-head h3,.kiffer-players .kiffer-binder-head h3{margin:0}.kiffer-players-head label{margin-left:auto}.kiffer-players-head input{width:140px}.kiffer-players>p{margin:0}.kiffer-offer-note{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 10px;border:1px solid rgba(95,211,138,.5);border-radius:999px;color:#8fe3ad}.kiffer-player-sold{margin:4px 0 0;color:#8fe3ad}.kiffer-player-offers .kiffer-shop-grid{grid-template-columns:repeat(auto-fill,minmax(124px,140px));padding:52px 10px 0;gap:64px 32px}.kiffer-info-open{position:absolute;top:12px;right:12px;z-index:6}.kiffer-card-view-kiff{position:absolute;top:12px;right:104px;z-index:6}.kiffer-card-view.with-info{padding-right:min(400px,46%)}.kiffer-info{position:absolute;top:0;right:0;bottom:0;z-index:6;width:min(390px,45%);overflow-y:auto;padding:12px 16px 20px;border-left:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:-10px 0 30px #00000073;cursor:auto;font-size:12px}.kiffer-info-head{position:sticky;top:-12px;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:-12px -16px 0;padding:12px 16px 8px;background:var(--panel)}.kiffer-info-head h3{margin:0;font-size:15px}.kiffer-info-section{padding:8px 0;border-bottom:1px solid var(--line)}.kiffer-info-section:last-child{border-bottom:0}.kiffer-info-section>summary{margin:0 0 4px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.kiffer-info-sub{margin:4px 0 2px}.kiffer-info-sub>summary{cursor:pointer}.kiffer-info-note{margin:4px 0}.kiffer-info-table{display:grid;margin:6px 0;font-size:11px}.kiffer-info-th,.kiffer-info-tr{display:grid;grid-template-columns:74px 44px minmax(0,1fr) auto;gap:6px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}.kiffer-info-tr.two{grid-template-columns:minmax(0,1fr) auto}.kiffer-info-tr.sum{font-weight:700;border-bottom:0}.kiffer-info-th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}.kiffer-info-part{display:grid;gap:1px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.kiffer-info-part:last-of-type{border-bottom:0}.kiffer-info-says{font-style:italic;color:var(--text);opacity:.8}.kiffer-info-boost{color:#ffd54a;font-size:10px;font-weight:700}.kiffer-info-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px;background:currentColor}.kiffer-info-swatch.c-red{color:#e5484d}.kiffer-info-swatch.c-orange{color:#f2994a}.kiffer-info-swatch.c-yellow{color:#f5d547}.kiffer-info-swatch.c-green{color:#46c26b}.kiffer-info-swatch.c-turquoise{color:#3ccfc4}.kiffer-info-swatch.c-blue{color:#3f7cf0}.kiffer-info-swatch.c-purple{color:#9b5de5}.kiffer-info-swatch.c-pink{color:#f06bb4}.kiffer-info-swatch.c-gold{color:#d4a72c}.kiffer-info-section p{margin:2px 0}.kiffer-info-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;padding:2px 0;line-height:1.4}.kiffer-info-k{color:var(--muted)}.kiffer-info-v{min-width:0;overflow-wrap:anywhere}.kiffer-info-mod{display:block;padding-left:10px}.kiffer-info .r-R{color:#4f97ff}.kiffer-info .r-L{color:#e0a21a}.kiffer-info-grown{background:linear-gradient(90deg,#ff7ac8,#7af0ff,#b4ff7a,#ffd86b);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width: 700px){.kiffer-card-view.with-info{padding-right:12px}.kiffer-info{width:100%}}.kiffer-dex-cell{display:grid;gap:3px;min-width:0}.kiffer-dex-items:not(.pictures) .kiffer-dex-cell{display:contents}.kiffer-dex-boost{justify-self:stretch;padding:2px 6px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:10px;font-weight:700;text-align:center;cursor:pointer}.kiffer-dex-boost.on{border-color:#ffd54a;background:#ffd54a24;color:#ffd54a}.kiffer-dex-boost.locked{border-style:dashed;cursor:default;opacity:.75}.kiffer-dex-cell.boosted .kiffer-dex-item{border-color:#ffd54a;box-shadow:0 0 10px #ffd54a59}.kiffer-dex-boosts{flex-basis:100%;margin:0}.kiffer-dev-tag{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;background:#e0162b;color:#fff;font-size:.62em;font-weight:900;letter-spacing:.06em;vertical-align:.2em}.kiffer-fullart-tag{position:absolute;left:6%;bottom:4%;z-index:3;padding:1px 5px;border-radius:4px;background:linear-gradient(90deg,#283593,#5c6bc0);box-shadow:0 1px 3px #00000080;color:#fff;font-size:9px;font-weight:900;letter-spacing:.06em;pointer-events:none}.kiffer-face-pick{display:inline-flex;gap:2px}.kiffer-sale{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;border:1px solid rgba(255,92,92,.55);border-radius:var(--radius-lg, 10px);background:linear-gradient(90deg,#ff3c5029,#ffaa3c14)}.kiffer-sale-off{padding:2px 8px;border-radius:6px;background:#e53950;color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em}.kiffer-sale-what{font-weight:800}.kiffer-sale>.btn{margin-left:auto}.kiffer-sale.big{border-color:#ffcf3d;background:linear-gradient(100deg,#ff3c504d,#ffcf3d47,#ff3c504d);background-size:200% 100%;animation:kiffer-sale-shimmer 3s linear infinite}.kiffer-sale.big .kiffer-sale-off{background:linear-gradient(90deg,#ff2d55,#ff9f0a);font-size:16px}@keyframes kiffer-sale-shimmer{to{background-position:-200% 0}}.kiffer-sale-soon{padding:8px 12px;border:1px dashed rgba(255,207,61,.6);border-radius:var(--radius-lg, 10px);color:#ffd86b;font-size:13px}.kiffer-sale-tag{position:absolute;top:6px;left:6px;z-index:4;padding:1px 6px;border-radius:5px;background:#e53950;color:#fff;font-size:11px;font-weight:900;pointer-events:none}.kiffer-shop-section.kiffer-shop-onsale{border-color:color-mix(in srgb,#e53950 45%,var(--line));border-left:4px solid #e53950;border-radius:0 10px 10px 0;background:repeating-linear-gradient(135deg,color-mix(in srgb,#e53950 9%,transparent) 0 14px,transparent 14px 28px),linear-gradient(100deg,color-mix(in srgb,#e53950 26%,transparent),transparent 55%),var(--panel-2)}.kiffer-shop-onsale h4 .muted{color:#ff8a9a;font-weight:800}.kiffer-was{opacity:.6;font-weight:600}.kiffer-shop-buy .kiffer-was{display:block;font-size:10px;line-height:1.1}.kiffer-tab-sale{margin-left:5px;padding:0 5px;border-radius:4px;background:#e53950;color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em}.kiffer-tab-sale.big{background:linear-gradient(90deg,#ff2d55,#ff9f0a);animation:kiffer-sale-pulse 1.6s ease-in-out infinite}@keyframes kiffer-sale-pulse{50%{filter:brightness(1.35)}}@media (prefers-reduced-motion: reduce){.kiffer-sale.big,.kiffer-tab-sale.big{animation:none}}.kiffer-cards-more{grid-column:1 / -1;justify-self:center;margin:8px 0 16px}.kiffer-tray-more{margin:0}.account-prompt{max-width:520px}.account-prompt h2{margin:0 0 8px}.account-sides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.account-sides>div{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 10px);background:var(--panel-2)}.account-choices{display:flex;flex-wrap:wrap;gap:8px}.account-newer{position:fixed;left:50%;bottom:16px;z-index:2000;translate:-50% 0;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-lg, 10px);background:var(--panel);box-shadow:0 8px 24px #00000080}.kiffer-synced{margin-left:6px;font-size:11px;color:var(--muted)}.kiffer-synced.offline{color:var(--warn, #e0a21a)}.kiffer-subtabs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.kiffer-subtabs .kiffer-sort{margin-left:auto}.kiffer-tabs{align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#ffffff08}.kiffer-maintab{--a: #3d8bff;--b: #36d1dc;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:0;border-radius:7px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.kiffer-maintab>span[aria-hidden]{font-size:14px;line-height:1;filter:grayscale(.6);opacity:.8}.kiffer-maintab:hover{background:color-mix(in srgb,var(--a) 10%,transparent);color:color-mix(in srgb,var(--b) 60%,#fff)}.kiffer-maintab:focus-visible{outline:2px solid var(--b);outline-offset:1px}.kiffer-maintab.active{background:color-mix(in srgb,var(--a) 22%,transparent);color:#fff;box-shadow:inset 0 -2px 0 var(--b)}.kiffer-maintab.active>span[aria-hidden]{filter:none;opacity:1}.kiffer-maintab.t-collection{--a: #2f6bff;--b: #38bdf8}.kiffer-maintab.t-players{--a: #8b5cf6;--b: #f472b6}.kiffer-maintab.t-shop{--a: #f97316;--b: #fbbf24}.kiffer-maintab .kiffer-tab-sale{font-size:9px}@media (prefers-reduced-motion: reduce){.kiffer-maintab{transition:none}}.kiffer-subtab{--c: #60a5fa;display:inline-flex;align-items:center;gap:8px;padding:4px 13px 4px 4px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);color:color-mix(in srgb,var(--c) 35%,var(--text, #e6e6e6));font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}.kiffer-subtab-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--c) 18%,transparent);font-size:14px;line-height:1;transition:background .15s}.kiffer-subtab:hover{border-color:color-mix(in srgb,var(--c) 55%,transparent);color:#fff;transform:translateY(-1px)}.kiffer-subtab:hover .kiffer-subtab-icon{background:color-mix(in srgb,var(--c) 30%,transparent)}.kiffer-subtab:focus-visible{outline:2px solid var(--c);outline-offset:2px}.kiffer-subtab.active{border-color:color-mix(in srgb,var(--c) 70%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 24%,transparent),color-mix(in srgb,var(--c) 10%,transparent));color:#fff;box-shadow:0 4px 16px -8px var(--c),inset 0 1px #ffffff1f}.kiffer-subtab.active .kiffer-subtab-icon{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));box-shadow:0 2px 8px -2px var(--c)}.kiffer-subtab.s-cards{--c: #60a5fa}.kiffer-subtab.s-binder{--c: #22d3ee}.kiffer-subtab.s-slabs{--c: #818cf8}.kiffer-subtab.s-dex{--c: #34d399}.kiffer-subtab.s-trade{--c: #fbbf24}.kiffer-subtab.s-tradeup{--c: #c084fc}.kiffer-subtab.s-club{--c: #f472b6}@media (prefers-reduced-motion: reduce){.kiffer-subtab{transition:none}.kiffer-subtab:hover{transform:none}}.kiffer-avatar{display:inline-grid;place-items:center;flex:none;width:var(--avatar, 32px);height:var(--avatar, 32px);overflow:hidden;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:linear-gradient(135deg,#2f6bff,#22c7e0);box-shadow:0 2px 8px #00000073;vertical-align:middle}.kiffer-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.kiffer-avatar.empty b{color:#fff;font-size:calc(var(--avatar, 32px) * .45);font-weight:900}.kiffer-coll-head h2 .kiffer-avatar{margin-right:8px}.kp-banner{--bh: 190px;position:relative;height:var(--bh);border-radius:14px 14px 0 0;overflow:hidden;background-color:#0d0e12}.kp-banner.small{--bh: 92px;height:var(--bh);border-radius:12px 12px 0 0}.kp-banner img{position:absolute;top:0;height:100%;object-fit:cover}.kp-banner-wrap{position:relative}.kp-banner-top{position:absolute;right:26px;bottom:18px;display:flex;align-items:flex-end;pointer-events:none}.kp-banner-top-card{width:62px;margin-left:-18px;pointer-events:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55));transition:transform .2s}.kp-banner-top-card.n1{order:2;z-index:3;width:74px}.kp-banner-top-card.n2{order:1;transform:rotate(-9deg) translateY(4px)}.kp-banner-top-card.n3{order:3;z-index:1;transform:rotate(9deg) translateY(4px)}.kp-banner-top-card:hover{z-index:4;transform:translateY(-8px)}.kp-banner-top-card .kiffer-card-thumb{width:100%}.kp-banner-top-card .kiffer-thumb-value,.kp-banner-top-card .kiffer-thumb-fav{display:none}.kp-banner .kp-banner-img{--ih: calc(var(--bh) * var(--z, 3.2));--iw: calc(var(--ih) * var(--a, .7351));top:calc((var(--bh) - var(--ih)) * var(--y, .4));left:calc((100% - var(--iw)) * var(--x, .5));width:var(--iw);height:var(--ih);max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.kp-banner .kp-banner-fill{left:0;width:100%;filter:blur(16px) saturate(1.2) brightness(.75);transform:scale(1.15)}.kp-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(10,11,14,.75));pointer-events:none}.kp-banner.p-glow{background:radial-gradient(circle at 18% 30%,color-mix(in srgb,var(--kp) 85%,transparent),transparent 55%),radial-gradient(circle at 82% 75%,color-mix(in srgb,var(--kp) 45%,#3b1d7a),transparent 60%),linear-gradient(120deg,#120f1c,#0b0c10)}.kp-banner.p-stripes{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--kp) 70%,transparent) 0 14px,transparent 14px 34px),linear-gradient(90deg,color-mix(in srgb,var(--kp) 35%,#0b0c10),#0b0c10)}.kp-banner.p-dots{background:radial-gradient(color-mix(in srgb,var(--kp) 80%,transparent) 2.2px,transparent 2.6px) 0 0 / 16px 16px,radial-gradient(ellipse at 70% 20%,color-mix(in srgb,var(--kp) 40%,transparent),transparent 70%),#0d0e12}.kp-banner.p-waves{background:radial-gradient(circle at 50% 120%,transparent 38%,color-mix(in srgb,var(--kp) 55%,transparent) 39% 41%,transparent 42%) 0 0 / 60px 30px,linear-gradient(160deg,color-mix(in srgb,var(--kp) 45%,#0b0c10),#0b0c10 70%)}.kp-banner.p-grid{background:linear-gradient(color-mix(in srgb,var(--kp) 55%,transparent) 1px,transparent 1px) 0 0 / 22px 22px,linear-gradient(90deg,color-mix(in srgb,var(--kp) 55%,transparent) 1px,transparent 1px) 0 0 / 22px 22px,radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--kp) 50%,transparent),#0b0c10 70%)}.kp-avatar-ring{display:inline-grid;padding:3px;border-radius:50%;background:conic-gradient(from 200deg,var(--kp),color-mix(in srgb,var(--kp) 40%,#fff),var(--kp));box-shadow:0 6px 22px color-mix(in srgb,var(--kp) 45%,transparent)}.kp-avatar-ring .kiffer-avatar{border:3px solid var(--panel, #15161b)}.kp-header{display:grid;gap:8px;padding-bottom:14px;border:1px solid color-mix(in srgb,var(--kp) 40%,var(--line));border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--kp) 9%,var(--panel-2)),var(--panel-2) 60%);overflow:hidden}.kp-header>:not(.kp-banner,.kp-banner-wrap){margin-inline:18px}.kp-id{display:flex;align-items:flex-end;gap:14px;margin-top:-52px;position:relative;z-index:1}.kp-names{display:grid;gap:2px;padding-bottom:6px;min-width:0}.kp-names h3{margin:0;font-size:26px;font-weight:900;letter-spacing:-.01em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);overflow-wrap:anywhere}.kp-actions{margin-left:auto;padding-bottom:6px}.kp-bio{margin:0;font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.kp-sound{margin:0;color:var(--muted)}.kp-sound b{color:var(--kp)}.kp-badges{display:flex;flex-wrap:wrap;gap:6px}.kp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 7px;border:1px solid color-mix(in srgb,var(--kp) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--kp) 14%,transparent);font-weight:700;font-size:12px}.kp-badges.small{gap:2px}.kp-badges.small .kp-badge{padding:1px 4px;border:0;background:none;font-size:15px}.kp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}.kp-stats span{display:grid;justify-items:center;padding:8px 4px;border-radius:10px;background:#ffffff0a;color:var(--muted);font-size:11px;text-align:center}.kp-stats b{color:#fff;font-size:18px;font-weight:900}.kp-reacts{display:flex;flex-wrap:wrap;gap:6px}.kp-react{display:inline-flex;align-items:center;gap:5px;min-width:44px;justify-content:center;padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;font-size:16px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.kp-react b{font-size:12px}.kp-react:not(.some) span{opacity:.55}.kp-react:hover:not(:disabled){transform:translateY(-2px) scale(1.06);border-color:var(--kp)}.kp-react.on{border-color:var(--kp);background:color-mix(in srgb,var(--kp) 25%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--kp) 40%,transparent)}.kp-react:disabled{cursor:default}.kp-reacts.compact{gap:8px;font-size:12px}.kp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:start}.kp-card{display:grid;border:1px solid color-mix(in srgb,var(--kp) 35%,var(--line));border-radius:14px;background:var(--panel-2);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.kp-card:hover{transform:translateY(-3px);border-color:var(--kp);box-shadow:0 10px 30px color-mix(in srgb,var(--kp) 25%,transparent)}.kp-card.mine{border-style:dashed}.kp-card-open{display:grid;padding:0;border:0;background:none;text-align:left;cursor:pointer}.kp-card-body{display:grid;gap:5px;padding:0 14px 12px}.kp-card-who{display:flex;align-items:flex-end;gap:10px;margin-top:-30px;position:relative}.kp-card-who b{padding-bottom:4px;font-size:16px;font-weight:900}.kp-you{margin-bottom:6px;padding:1px 7px;border-radius:999px;background:var(--kp);color:#111;font-size:10px;font-weight:900;text-transform:uppercase}.kp-card-bio{display:-webkit-box;min-height:2.6em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.kp-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kp-card-mine{display:flex;align-items:center;justify-content:space-between;padding:0 14px 12px}.kp-live{color:#3ddc84}.kp-page{gap:16px}.kp-page>*,.kp-grid{flex:none}.kp-section{display:grid;gap:8px}.kp-section h4{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kp-top{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;padding:14px;border-radius:14px;background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.06),transparent 70%)}.kp-top-card{position:relative;width:170px}.kp-top-card .kiffer-card-thumb{width:100%}.kp-top-card:before{position:absolute;top:-10px;left:-10px;z-index:2;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900;color:#111;box-shadow:0 3px 10px #00000080}.kp-top-card.n1:before{content:"1";background:linear-gradient(135deg,#ffe38a,#d9a400)}.kp-top-card.n2:before{content:"2";background:linear-gradient(135deg,#f3f5f8,#9aa3ad)}.kp-top-card.n3:before{content:"3";background:linear-gradient(135deg,#f0b98a,#a8622b)}.kp-latest{display:flex;flex-wrap:wrap;gap:12px}.kp-latest .kiffer-card-thumb{width:120px}.kp-editor{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.kp-editor-head{display:flex;align-items:center;gap:12px}.kp-editor-head h3{margin:0}.kp-editor-head .btn{margin-left:auto}.kp-editor-cols{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);gap:20px;align-items:start}@media (max-width: 860px){.kp-editor-cols{grid-template-columns:1fr}}.kp-preview{position:sticky;top:0;display:grid;gap:8px;max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain}.kp-custom{position:relative;isolation:isolate;contain:layout paint;overflow:clip;display:flex;flex-direction:column;gap:16px;min-width:0}.kp-custom>*{flex:none}.kp-wall{position:relative;overflow:hidden;border-radius:12px}.kp-wall.editing{outline:1px dashed rgba(255,255,255,.25);outline-offset:-1px;touch-action:none}.kp-wall-inner{position:absolute;top:0;left:0;height:1px;transform-origin:0 0}.kp-block{position:absolute;transform-origin:50% 50%}.kp-wall.editing .kp-block{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.kp-wall.editing .kp-block:active{cursor:grabbing}.kp-wall.editing .kp-block>:not(.kp-block-turn,.kp-block-size){pointer-events:none}.kp-block.on{outline:calc(2px * var(--inv, 1)) solid var(--kp, #ff4fd8);outline-offset:calc(4px * var(--inv, 1))}.kp-block-size,.kp-block-turn{position:absolute;z-index:2;width:calc(16px * var(--inv, 1));height:calc(16px * var(--inv, 1));border:calc(2px * var(--inv, 1)) solid #fff;border-radius:50%;background:var(--kp, #ff4fd8);box-shadow:0 0 0 calc(1px * var(--inv, 1)) #00000080}.kp-block-size{right:calc(-12px * var(--inv, 1));bottom:calc(-12px * var(--inv, 1));cursor:nwse-resize}.kp-block-turn{top:calc(-34px * var(--inv, 1));left:50%;translate:-50% 0;cursor:alias}.kp-block-turn:after{content:"";position:absolute;top:100%;left:50%;width:calc(2px * var(--inv, 1));height:calc(16px * var(--inv, 1));translate:-50% 0;background:#fff}.kp-wall-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:16px;text-align:center;pointer-events:none}.kp-wall-card .kiffer-card-thumb{width:100%}.kp-wall-card .kiffer-card-face{min-height:0}.kp-wall-part-img{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.kp-wall-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.25}.kp-wall-text.l-note{padding:22px 20px 26px;background:linear-gradient(#fff6a8,#ffe873);color:#3b3100;font:26px/1.3 Marker Felt,Comic Sans MS,Comic Neue,cursive;box-shadow:0 10px 18px #00000059}.kp-wall-text.l-title{color:var(--kp, #ff4fd8);font-size:64px;font-weight:900;line-height:1;letter-spacing:-.02em;text-shadow:0 4px 0 rgba(0,0,0,.35)}.kp-wall-text.l-plain{font-size:24px}.kp-wall-text.l-sticker{display:inline-block;padding:10px 22px;border:5px solid #fff;border-radius:999px;background:var(--kp, #ff4fd8);color:#fff;font-size:30px;font-weight:800;box-shadow:0 6px 14px #0006}.kp-wall-text.l-neon{color:#fff;font-size:44px;font-weight:700;text-shadow:0 0 4px #fff,0 0 12px var(--kp, #ff4fd8),0 0 28px var(--kp, #ff4fd8),0 0 48px var(--kp, #ff4fd8)}.kp-block-edit{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.kp-block-edit input[type=range]{flex:1}.kp-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;max-height:320px;overflow:auto;padding:4px}.kp-part{aspect-ratio:1;padding:6px;border:1px solid var(--line);border-radius:8px;background:#00000040;cursor:pointer}.kp-part:hover{border-color:#fff}.kp-part.r-R{border-color:#50a0ff99}.kp-part.r-L{border-color:#ffc83cb3}.kp-part img{width:100%;height:100%;object-fit:contain}.kp-css{font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.45;-moz-tab-size:2;tab-size:2;resize:vertical;white-space:pre}.kp-html{display:block;overflow-wrap:anywhere}.kp-html img{max-width:100%;height:auto}.kp-html table{border-collapse:collapse}.kp-html a{color:var(--kp, #ff4fd8)}.kp-css-hooks{display:grid;gap:3px;margin:6px 0 0;padding-left:16px}.kp-form{display:grid;gap:14px}.kp-form>label,.kp-field{display:grid;gap:5px}.kp-form>label>span,.kp-field>span{font-weight:700}.kp-form textarea{resize:vertical;font:inherit}.kp-public{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);font-weight:700}.kp-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kp-swatches{display:flex;flex-wrap:wrap;gap:8px}.kp-swatch{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer}.kp-swatch.on{border-color:#fff;box-shadow:0 0 0 2px #0009,0 0 12px currentColor}.kp-patterns{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kp-pattern{padding:2px;border:2px solid transparent;border-radius:9px;background:none;cursor:pointer}.kp-pattern .kp-banner{display:block;width:64px;height:34px;border-radius:6px}.kp-pattern.on{border-color:#fff}.kp-top-edit .kiffer-card-thumb{width:78px}.kp-top-slot{display:grid;gap:4px;justify-items:center}.kp-top-move{display:flex;gap:2px}.kp-picker{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.kp-picker input{flex:1;min-width:100px}.kp-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;max-height:360px;overflow:auto;padding:4px}.kp-picker-grid .kiffer-card-thumb{width:100%}.kp-picker-grid .kp-picked{outline:3px solid #fff;outline-offset:2px;border-radius:8px}.kp-bgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.kp-bg{position:relative;display:grid;height:64px;padding:0;border:2px solid var(--line);border-radius:8px;background:#0d0e12;overflow:hidden;cursor:pointer}.kp-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.kp-bg span{position:absolute;inset:auto 0 0;padding:10px 6px 3px;background:linear-gradient(transparent,#000000d9);color:#fff;font-size:10px;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-bg.r-R{border-color:#3d8bff}.kp-bg.r-L{border-color:#ffb627}.kp-bg:hover,.kp-bg.on{border-color:#fff}.kp-bg.on{box-shadow:0 0 0 2px var(--kp, #fff)}.kp-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;max-height:300px;overflow:auto;padding:2px}.kp-cover{display:grid;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.kp-cover img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--line);border-radius:8px;background:#0d0e12}.kp-cover span{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kp-cover:hover img,.kp-cover.on img{border-color:#fff}.kp-cover.on img{box-shadow:0 0 0 2px var(--kp, #fff)}.kp-avatar-crop{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.kp-avatar-crop-frame{position:relative;display:inline-grid;border-radius:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.kp-avatar-crop-frame.dragging{cursor:grabbing}.kp-avatar-crop-frame .kp-crop-hint{right:50%;bottom:6px;transform:translate(50%);pointer-events:none}.kp-avatar-crop .kp-row{flex:1;min-width:180px}.kp-has-page{padding:14px;border-radius:16px;background:linear-gradient(180deg,#0c0d119e,#0c0d11db),var(--kp-page) center / cover no-repeat}.kp-has-page .kp-header{background:linear-gradient(180deg,color-mix(in srgb,var(--kp) 12%,rgba(22,24,30,.82)),#16181ed1 60%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kp-crop{display:grid;gap:6px}.kp-crop-frame{position:relative;border-radius:14px;overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.kp-crop-frame.dragging{cursor:grabbing}.kp-crop-frame .kp-banner{border-radius:14px}.kp-crop-frame .kp-banner:after{display:none}.kp-crop-hint{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#0009;color:#fff;font-size:11px;pointer-events:none}.kp-crop input[type=range]{flex:1}.kiffer-card-face .kiffer-card-glitchframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.kiffer-luck{margin:2px 0 0;color:#6ee7a0}.kiffer-luck.out{color:var(--muted)}.kiffer-luck-out{display:flex;align-items:center;gap:8px;margin:6px 0;padding:7px 10px;border:1px solid rgba(129,140,248,.45);border-radius:10px;background:#818cf81f}.kiffer-luck-out .btn{margin-left:auto}.kiffer-dex-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.kiffer-dex-tools input[type=search]{flex:1;min-width:180px}.kiffer-dex-rarity{padding:0 6px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800;background:#ffffff14}.kiffer-dex-rarity.r-C{color:#c9ccd2}.kiffer-dex-rarity.r-R{color:#60a5fa;background:#60a5fa24}.kiffer-dex-rarity.r-L{color:#fbbf24;background:#fbbf2429}.kiffer-dex-sets{display:inline-flex;flex-wrap:wrap;gap:3px}.kiffer-dex-sets i{padding:0 6px;border-radius:999px;border:1px solid rgba(192,132,252,.45);color:#d8b4fe;font-size:10px;font-style:normal}.kiffer-filter-sort{display:inline-flex;align-items:center;gap:4px}.kiffer-filter .kiffer-filter-q{flex:1;min-width:220px}.kf-modes{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;flex:none}.kf-modes button,.kf-switch button{padding:5px 14px;border:0;border-radius:7px;background:none;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.kf-modes button.on,.kf-switch button.on{background:#3ddc8429;color:#fff;box-shadow:inset 0 -2px #3ddc84}.kf{display:flex;flex-direction:column;gap:12px;max-width:680px;width:100%;margin:0 auto;flex:none}.kf-head{display:flex;align-items:center;gap:14px}.kf-head h3{margin:0;font-size:20px;font-weight:900}.kf-switch{display:inline-flex;gap:2px;margin-left:auto}.kf-composer{display:flex;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.kf-composer.reply{padding:8px 10px;border-radius:10px;background:#ffffff05}.kf-composer-body{flex:1;display:grid;gap:8px;min-width:0}.kf-composer textarea{width:100%;resize:vertical;border:0;background:none;color:var(--text);font:inherit;font-size:15px;outline:none}.kf-composer-bar{display:flex;align-items:center;gap:10px}.kf-left{margin-left:auto;color:var(--muted)}.kf-left.near{color:#fbbf24}.kf-left.over{color:#f87171}.kf-note{color:#fbbf24}.kf-send.active{background:#3ddc84;border-color:#3ddc84;color:#0b1a10;font-weight:800}.kf-attached{position:relative;width:110px}.kf-attached .kiffer-card-thumb{width:100%}.kf-attached .btn{position:absolute;top:-6px;right:-6px}.kf-pick{display:grid;gap:8px}.kf-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:300px;overflow:auto}.kf-pick-grid .kiffer-card-thumb{width:100%}.kf-list{display:flex;flex-direction:column}.kf-kiff{display:flex;gap:12px;padding:12px 6px;border-bottom:1px solid var(--line)}.kf-kiff.nested{padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.06)}.kf-who-avatar{flex:none;align-self:flex-start;padding:0;border:0;background:none;cursor:pointer}.kf-kiff-body{flex:1;display:grid;gap:6px;min-width:0}.kf-kiff-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kf-name{padding:0;border:0;background:none;color:#fff;font:inherit;font-weight:800;cursor:pointer}.kf-name:hover{text-decoration:underline}.kf-replying{margin:0}.kf-text{margin:0;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.kf-tag,.kf-at{color:#3ddc84;font-weight:700}.kf-card{width:160px}.kf-card .kiffer-card-thumb{width:100%}.kf-actions{display:flex;gap:18px}.kf-act{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}.kf-act:hover{background:#ffffff0f;color:#fff}.kf-act.on{color:#3ddc84}.kf-act.like.on{color:#f472b6}.kf-act b{font-size:12px}.kf-thread{display:grid;gap:4px;padding-left:4px;border-left:2px solid rgba(61,220,132,.3)}.kf-follow{padding:4px 12px;border:1px solid #3ddc84;border-radius:999px;background:#3ddc84;color:#0b1a10;font:inherit;font-weight:800;cursor:pointer}.kf-follow.on{background:none;color:#3ddc84}.kf-follow.small{padding:1px 8px;font-size:11px}.kf-profile-follow{display:inline-flex;align-items:center;gap:10px}.kf-more{align-self:center;margin:10px 0}.kf-held{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.kw-open.ready{border-color:#e0a526!important;color:#ffe7a8!important;box-shadow:0 0 12px #ffbe3c80;animation:kw-call 2.4s ease-in-out infinite}@keyframes kw-call{50%{box-shadow:0 0 20px #ffbe3cd9}}.kw-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,#14161ed1,#000000eb);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:kiffer-reveal-in .3s ease-out}.kw-backdrop.jackpot{background:radial-gradient(ellipse at 50% 40%,#785a0abf,#000000eb)}.kw-panel{display:grid;gap:12px;justify-items:center;width:min(420px,100%);padding:16px 18px 14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#15171d;box-shadow:0 24px 60px #0009;color:#e8e9ee}.kw-panel>header{display:flex;align-items:center;justify-content:space-between;width:100%}.kw-panel h3{margin:0;font-size:17px}.kw-stage{position:relative;width:min(320px,78vw);aspect-ratio:1}.kw-pointer{position:absolute;top:-6px;left:50%;z-index:1;width:26px;height:30px;transform:translate(-50%);background:linear-gradient(180deg,#fff6d8,#e0a526);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}.kw-wheel{width:100%;height:100%;transform:rotate(var(--turn, 0deg));transform-origin:50% 50%}.kw-wheel.spinning{transition:transform var(--spin-ms, 4.6s) cubic-bezier(.12,.82,.1,1)}.kw-rim{fill:#2a2d36;stroke:#e0a526;stroke-width:3}.kw-slice{stroke:#00000059;stroke-width:1.5}.kw-slice.big{stroke:#fff2c2;stroke-width:2}.kw-slice.won{filter:brightness(1.35) saturate(1.2)}.kw-label{fill:#fff;font:800 13px system-ui,-apple-system,Segoe UI,sans-serif;paint-order:stroke;stroke:#00000073;stroke-width:2.5px}.kw-label.big{font-size:11.5px;fill:#fff6d0}.kw-peg{fill:#fff2c2}.kw-hub{fill:#15171d;stroke:#e0a526;stroke-width:3}.kw-hub-text{fill:#e8e9ee;font:800 11px system-ui,-apple-system,Segoe UI,sans-serif}.kw-result{display:grid;gap:8px;justify-items:center;min-height:46px;text-align:center}.kw-result p{margin:0}.kw-spin{min-width:140px;font-size:16px;font-weight:800}.kw-won{font-size:15px}.kw-won.big,.kw-jackpot{color:#ffd35a}.kw-jackpot{letter-spacing:.08em}.kw-odds{width:100%;font-size:12px}.kw-odds summary{cursor:pointer;color:#9aa0ad}.kw-odds ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:3px}.kw-odds li{display:flex;align-items:center;gap:6px}.kw-odds li.big{color:#ffd35a}.kw-odds i{width:10px;height:10px;border-radius:2px;flex:none}.kiffer-pack.p-single>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%),linear-gradient(150deg,#7a2a12,#e2763f 35%,#b2461e 60%,#ffb27a 80%,#7a2a12);background-size:260% 260%,100% 100%}.kiffer-alpha-tag{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #e8c45a;border-radius:4px;background:#141a3c;color:#f2d47a;font-size:.62em;font-weight:900;letter-spacing:.08em;vertical-align:.2em}.kl-nerdig{font-family:Palatino,Palatino Linotype,Book Antiqua,Georgia,serif;font-variant:small-caps;font-weight:700;color:#d9b56a;text-shadow:0 1px 0 rgba(0,0,0,.6)}.kiffer-pack.p-theme>span{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%),radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 45%),linear-gradient(160deg,var(--pa, #444),var(--pb, #bbb));background-size:260% 260%,100% 100%,100% 100%}.kiffer-pack-body{position:relative}.kiffer-pack-pic{position:absolute;left:50%;top:46%;width:72%;max-height:58%;object-fit:contain;translate:-50% -50%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));pointer-events:none}.kiffer-pack-pic~b{position:relative;margin-top:46%}.kiffer-pack.small .kiffer-pack-pic~b{font-size:13px}.kiffer-pack-rare{color:var(--muted, #8a8f98);font-style:italic}.kiffer-shop-singles-head{margin:18px 0 8px}.kiffer-shop-shelves{display:grid;gap:14px}@media (min-width: 1000px){.kiffer-pack-grid.in-rows{grid-template-columns:repeat(6,minmax(0,1fr))}}.kiffer-shop-shelf{border-left:4px solid var(--pb, #555);border-radius:0 10px 10px 0;background:linear-gradient(100deg,color-mix(in srgb,var(--pa, #555) 22%,transparent),transparent 45%),var(--panel-2)}.kiffer-shelf-jump{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.kiffer-shelf-jump .btn{display:inline-flex;align-items:center;border-color:color-mix(in srgb,var(--pb, #888) 55%,transparent)}.kiffer-shelf-jump .kiffer-shelf-swatch{width:18px;height:18px;vertical-align:0}.kiffer-shelf-jump .kiffer-shelf-swatch img{max-width:15px;max-height:15px}.kiffer-shelf-swatch{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;vertical-align:-5px;border-radius:5px;background:linear-gradient(160deg,var(--pa, #444),var(--pb, #bbb))}.kiffer-shelf-swatch img{max-width:18px;max-height:18px}.kiffer-shop-browse{display:block;width:100%;margin:14px 0 4px;padding:12px}.whats-new{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:16px;background:#06060ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:whats-new-fade .3s ease-out}@keyframes whats-new-fade{0%{opacity:0}}.whats-new-card{display:grid;gap:12px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 24px 20px;border:1px solid #ffd76a55;border-radius:18px;background:radial-gradient(circle at 20% 0%,#2c2540,#15141d 70%);color:#eee;box-shadow:0 30px 80px #000c;animation:whats-new-in .45s cubic-bezier(.2,1.3,.4,1)}@keyframes whats-new-in{0%{opacity:0;transform:translateY(18px) scale(.94)}}.whats-new-card header h2{margin:4px 0 0;font-size:22px}.whats-new-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:linear-gradient(90deg,#ffd76a,#ff8a00);color:#1a1306;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.whats-new-card ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.whats-new-card li{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;animation:whats-new-item .4s ease-out both}@keyframes whats-new-item{0%{opacity:0;transform:translate(-10px)}}.whats-new-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#ffffff12;font-size:20px}.whats-new-card li>span:last-child{display:grid;gap:2px}.whats-new-card li .small{color:#c4c4d4}.whats-new-card>button{justify-self:end;padding:8px 22px}@media (prefers-reduced-motion: reduce){.whats-new,.whats-new-card,.whats-new-card li{animation:none}}.kiffer-name-editor{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent);max-width:460px}.kiffer-name-editor p{margin:0}.kiffer-name-editor-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kiffer-name-editor input{flex:1;min-width:0;font:inherit;font-weight:700;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.kiffer-name-mods{display:flex;align-items:center;gap:6px;cursor:pointer}.kiffer-name-count{font-variant-numeric:tabular-nums}.kiffer-name-wrong{color:var(--bad)}:is(.kf-card,.kf-attached,.kp-top-card,.kf-pick-grid,.kp-picker-grid,.kiffer-player-offers .kiffer-shop-item)>.kiffer-card-thumb.slabbed{width:88%;margin:29% 6% 5.5%}.kp-top-slot>.kiffer-card-thumb.slabbed{width:70px;margin:23px 4px 4px}.kp-latest>.kiffer-card-thumb.slabbed{width:106px;margin:35px 7px 6px}.kp-now{display:inline-flex;align-items:center;gap:8px;max-width:100%;box-sizing:border-box;min-width:0;padding:4px 12px 4px 4px;border-radius:999px;background:color-mix(in srgb,var(--kp, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--kp, var(--accent)) 35%,transparent);justify-self:start;align-self:start}.kp-now.small{padding:2px 10px 2px 2px;gap:6px;font-size:.8em}.kp-now-words{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-now b{color:var(--kp, var(--accent))}.kp-track-cover{flex:none;border-radius:6px;object-fit:cover;background:var(--panel)}.kp-now .kp-track-cover{border-radius:999px}.kp-track-cover.none{display:grid;place-items:center;color:var(--muted);font-size:.9em}.kp-eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px;flex:none}.kp-eq i{width:3px;height:100%;border-radius:1px;background:var(--kp, var(--accent));transform-origin:bottom;animation:kp-eq .9s ease-in-out infinite}.kp-eq i:nth-child(2){animation-delay:-.3s;animation-duration:.7s}.kp-eq i:nth-child(3){animation-delay:-.55s;animation-duration:1.1s}@keyframes kp-eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.kp-played{list-style:none;margin:0;padding:0;display:grid;gap:2px}.kp-played li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 8px;border-radius:8px}.kp-played li:nth-child(odd){background:#ffffff08}.kp-played-words{display:grid;min-width:0}.kp-played-words>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;border-radius:999px;background:#e0485a;color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:middle}.dm{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:12px;min-height:0;height:min(70vh,720px)}.dm-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:4px;border-right:1px solid var(--line)}.dm-list-head{display:flex;align-items:center;justify-content:space-between}.dm-list-head h4{margin:0}.dm-list ul,.dm-find ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.dm-chat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:10px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.dm-find .dm-chat{grid-template-columns:auto minmax(0,1fr);padding:5px 8px}.dm-chat:hover{background:#ffffff0d}.dm-chat.on{background:color-mix(in srgb,var(--accent) 16%,transparent)}.dm-chat-words{display:grid;min-width:0}.dm-chat-words>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-chat.unread .dm-chat-words b,.dm-chat.unread .dm-chat-words span{color:var(--text);font-weight:800}.dm-chat-side{display:grid;justify-items:end;gap:2px}.dm-chat-side .dm-badge{margin:0}.dm-find{display:grid;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px}.dm-find input{width:100%;box-sizing:border-box}.dm-empty{display:grid;place-content:center;justify-items:center;gap:6px}.dm-empty>span{font-size:40px}.dm-thread{display:flex;flex-direction:column;min-height:0;position:relative}.dm-thread-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.dm-back{display:none}.dm-peer{display:inline-flex;align-items:center;gap:10px;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}.dm-messages{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 4px}.dm-first{margin:auto}.dm-bubble{max-width:min(78%,520px);display:grid;gap:6px;padding:8px 12px;background:#ffffff12;align-self:flex-start;border-radius:16px 16px 16px 4px}.dm-bubble.mine{align-self:flex-end;background:color-mix(in srgb,var(--accent) 26%,var(--panel));border-bottom-left-radius:16px;border-bottom-right-radius:4px}.dm-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.dm-time{justify-self:end;font-size:11px}.dm-gift{display:grid;gap:8px;padding:8px;border-radius:12px;border:1px dashed rgba(255,255,255,.3);background:#0000002e;justify-items:start}.dm-gift.taken{opacity:.65}.dm-gift-head{font-weight:700}.dm-gift-things{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.dm-gift-things>.kiffer-card-thumb{width:84px}.dm-gift-things>.kiffer-card-thumb.slabbed{width:76px;margin:25px 4px 4px}.dm-gift-sticker{width:44px;height:44px}.dm-gift-cash{padding:6px 10px;border-radius:8px;background:color-mix(in srgb,#3ccf7a 22%,transparent);color:#7ff0ae;font-weight:800}.dm-writer{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line)}.dm-writer-row{display:flex;align-items:flex-end;gap:6px}.dm-writer textarea{flex:1;min-height:34px;max-height:140px;resize:vertical;font:inherit;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.dm-picked{margin:0}.dm-picker{display:grid;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px}.dm-picker-tabs{display:flex;gap:4px;flex-wrap:wrap}.dm-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:240px;overflow:auto;padding:4px}.dm-picker-grid.round{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.dm-picker-grid>.kiffer-card-thumb.slabbed{width:88%;margin:29% 6% 5.5%}.dm-picker .kp-picked{outline:3px solid #fff;outline-offset:2px;border-radius:8px}.dm-pick-sticker{padding:2px;border:0;border-radius:999px;background:none;cursor:pointer;aspect-ratio:1}.dm-pick-sticker{border-radius:8px}.dm-cash input{width:120px}@media (max-width: 700px){.dm{grid-template-columns:1fr}.dm.has-open .dm-list{display:none}.dm:not(.has-open) .dm-thread,.dm:not(.has-open) .dm-empty{display:none}.dm-list{border-right:0}.dm-back{display:inline-flex}}.dm-thread-tables{margin-left:auto;display:flex;gap:6px}.dm-note{margin:6px 0 0}.dm-trade{flex:none;max-height:66%;overflow:auto;margin-top:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:12px;background:#0000002e}.dm-trade .kiffer-trade{padding:0;overflow:visible}.dm-trade .kiffer-trade-sides{--tcard: 72px}.dm-trade .kiffer-trade-tray{--tcard: 64px}.dm-trade .kiffer-trade-cards{min-height:calc(var(--tcard, 72px) / .566 + var(--tcard, 72px) * .33 + 8px)}.dm-invite{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0003;border:1px solid rgba(255,255,255,.14);min-width:260px}.dm-invite-icon{font-size:26px}.dm-invite-words{display:grid}.kiffer-card-flat{display:block;width:100%;height:auto;border-radius:4%}.account-problem{border-color:#e0a21a;max-width:min(720px,calc(100vw - 32px))}.account-link{display:grid;gap:14px;max-width:460px}.account-link section{display:grid;gap:6px;justify-items:start}.account-link h3{margin:0;font-size:14px}.account-link-code{display:flex;align-items:center;gap:16px}.account-link-code .qr{background:#fff;border-radius:8px;padding:4px}.account-link-code>div{display:grid;gap:4px}.account-link-big{font-family:ui-monospace,Menlo,monospace;font-size:28px;letter-spacing:2px}.account-link-in{font-family:ui-monospace,Menlo,monospace;font-size:16px;letter-spacing:1px;width:140px;text-transform:uppercase}.kiffer-synced[role=button]{cursor:pointer}.kf-song{display:flex;align-items:center;gap:10px;max-width:460px;padding:8px;border-radius:12px;background:#ffffff0d;border:1px solid var(--line)}.kf-song-cover{flex:none;border-radius:6px;object-fit:cover;background:var(--panel)}.kf-song-cover.none{display:grid;place-items:center;color:var(--muted)}.kf-song-words{flex:1;min-width:0;display:grid}.kf-song-words>*,.kf-song-row span>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-song-decks{display:flex;gap:4px}.kf-song-attached{position:relative;display:flex;align-items:center;gap:6px}.kf-song-list{display:grid;gap:2px;max-height:260px;overflow:auto}.kf-song-row{display:flex;align-items:center;gap:10px;padding:4px 6px;border:0;border-radius:8px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.kf-song-row:hover{background:#ffffff0f}.kf-song-row>span{display:grid;min-width:0}.kf-playing{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--muted)}.kf-playing b{color:var(--text)}.kf-playing-off,.kf-playing-deck{border:1px solid var(--line);border-radius:6px;background:none;color:var(--muted);font:inherit;font-size:11px;padding:0 5px;cursor:pointer}.kf-playing-deck:hover,.kf-playing-off:hover{color:var(--text)}.kf-head h3,.kf-modes button{display:inline-flex;align-items:center;gap:8px}.kp-social{--kp-blue: #1da1f2;flex:1;min-height:0;display:grid;grid-template-columns:68px minmax(0,1fr) minmax(290px,350px);gap:0 20px}.kp-social.no-right{grid-template-columns:68px minmax(0,1fr)}.kp-social-center,.kp-social-right{min-height:0;overflow:auto}.kp-rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 8px;border-right:1px solid var(--line);min-height:0;overflow:auto}.kp-rail button{position:relative;display:grid;place-items:center;flex:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.kp-rail-logo{padding:6px;margin-bottom:4px;border-radius:50%}.kp-rail-btn{width:50px;height:50px;border-radius:50%;color:var(--text, #e7e9ea)!important;transition:background .15s,color .15s}.kp-rail-btn:hover,.kp-rail-logo:hover{background:#1da1f21f}.kp-rail-btn:hover,.kp-rail-btn.on{color:var(--kp-blue)!important}.kp-rail-btn.on svg{stroke-width:2.6}.kp-rail-icon{position:relative;display:grid;place-items:center}.kp-rail-label{display:none}@media (min-width: 1400px){.kp-social{grid-template-columns:196px minmax(0,1fr) minmax(290px,350px)}.kp-social.no-right{grid-template-columns:196px minmax(0,1fr)}.kp-rail{align-items:stretch;padding-right:14px}.kp-rail-logo{align-self:flex-start}.kp-rail .kp-rail-btn{display:flex;justify-content:flex-start;gap:16px;width:auto;padding:0 18px 0 12px;border-radius:999px}.kp-rail-label{display:block;font-size:17px;font-weight:700;white-space:nowrap}.kp-rail-btn.on .kp-rail-label{font-weight:900}.kp-rail .kp-rail-kiff{display:flex;gap:6px;width:100%;border-radius:999px}.kp-rail-kiff .kp-rail-label{font-size:16px;font-weight:800}.kp-rail-kiff:hover{transform:none}.kp-rail .kp-rail-me{display:flex;justify-content:flex-start;gap:10px;padding:6px 10px 6px 6px;border-radius:999px;text-align:left}.kp-rail-me-words{display:grid;min-width:0}.kp-rail-me-words b{overflow:hidden;text-overflow:ellipsis}}.kp-rail-badge{position:absolute;top:-8px;right:-12px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;border:2px solid var(--bg, #15181c);background:var(--kp-blue);color:#fff;font-size:11px;font-weight:700;line-height:14px;text-align:center}.kp-rail-kiff{width:52px;height:52px;margin-top:10px;border-radius:50%;background:var(--kp-blue)!important;color:#fff!important;box-shadow:0 6px 16px #1da1f259;transition:background .15s,transform .15s}.kp-rail-kiff:hover{background:#1a91da!important;transform:scale(1.05)}.kp-rail-me{margin-top:auto;padding:4px;border-radius:50%}.kp-rail-me:hover{background:#ffffff0f}.kp-rail-me-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;border:2px solid var(--bg, #15181c);background:#8899a6}.kp-rail-me-dot.live{background:#3ddc84}.kp-social-center{display:flex;flex-direction:column}.kp-social-center>.kiffer-cards-wrap,.kp-social-center>.kp-editor-wrap{flex:1}.kp-social-right,.kp-social-side{display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.kp-social-right>*,.kp-social-side>*{flex-shrink:0}.kp-social-side{max-width:600px;width:100%;margin:0 auto}.kp-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid transparent;border-radius:999px;background:#ffffff12;color:var(--muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kp-search:focus-within{border-color:var(--kp-blue);background:var(--bg, #15181c);color:var(--kp-blue)}.kp-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text, #e7e9ea);font:inherit}.kp-panel{display:grid;border-radius:16px;background:#ffffff0a;overflow:hidden}.kp-panel h4{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 16px;font-size:19px;font-weight:900}.kp-panel-reload,.kp-panel-more{border:0;background:none;color:var(--kp-blue);font:inherit;cursor:pointer}.kp-panel-reload{font-size:18px;font-weight:400}.kp-panel-more{padding:14px 16px;border-top:1px solid var(--line);text-align:left}.kp-panel-more:hover{background:#ffffff0a}.kp-panel-note{margin:0;padding:4px 16px 12px}.kp-panel .kp-person-card{position:relative;margin:0 12px 12px}.kp-panel .kp-person-card:hover{transform:none}.kp-panel .kp-person-card.on{border-color:var(--kp);box-shadow:0 0 0 1px var(--kp),0 8px 24px color-mix(in srgb,var(--kp) 25%,transparent)}.kp-person-follow{position:absolute;top:10px;right:10px}.kp-panel .kp-card-bio{min-height:0}.kp-person-open{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.kp-person-words{display:grid;min-width:0;gap:2px}.kp-person-words>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kp-person .kf-follow{flex:none}.kp-social-msgs{display:flex;flex:1;min-height:0}.kp-social-msgs>.dm{width:100%;height:100%;min-height:460px}.dm.narrow{grid-template-columns:1fr;height:100%;min-height:420px}.dm.narrow.has-open .dm-list{display:none}.dm.narrow:not(.has-open) .dm-thread,.dm.narrow:not(.has-open) .dm-empty{display:none}.dm.narrow .dm-list{border-right:0}.dm.narrow .dm-back{display:inline-flex}.dm.narrow .kiffer-trade-sides{grid-template-columns:1fr}.dm.narrow .dm-thread-tables .btn{padding-inline:8px}.kf-card-of{display:block;margin-top:4px}.kiffer-card-face.paged:after{display:none}.pzc,.pz-back{--paper: #f2f1ec;--ink: #161616;--pencil: #3b4560;--faint: #9a988f;color:var(--ink);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;text-transform:uppercase}.pzc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;container-type:size;background:var(--paper);border-radius:5.6%/3.2%;-webkit-mask:var(--shape) center / 100% 100% no-repeat;mask:var(--shape) center / 100% 100% no-repeat;-webkit-user-select:none;user-select:none;cursor:default;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 4px))}.pzc button{font-family:inherit;color:inherit}.pzc .pz-note,.pz-back .pz-note{color:var(--faint);font-weight:700}.pzc-pill{box-sizing:border-box;border:2.5px solid var(--ink);border-radius:999px;font-weight:900;font-style:italic;white-space:nowrap}.pzc>.pzc-head .pzc-pill{position:absolute;left:7%;top:3%;height:5%;padding:0 2.25cqh;font-size:3.1cqh;line-height:calc(5cqh - 5px)}.pzc-head h2{position:absolute;left:7%;top:11%;translate:0 -50%;margin:0;font-size:3.6cqh;font-weight:900;line-height:1}.pzc-head h2 span{margin-left:.4em;font-size:.66em;font-weight:400;vertical-align:.1em}.pzc-close{position:absolute;right:7%;top:3%;height:5%;padding:0 1.6cqh;border:2px solid var(--ink);background:transparent;font-size:2.1cqh;font-weight:800;text-transform:uppercase;cursor:pointer}.pzc-close:hover{background:var(--ink);color:var(--paper)}.pzc-area{position:absolute;left:7%;right:7%;top:13.5%;height:55.5%;container-type:size;display:grid;place-items:center;overflow:auto;font-weight:700}.pzc-name{position:absolute;left:7%;right:7%;top:71%;margin:0;font-size:2.7cqh;line-height:3.1cqh;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pzc-how{position:absolute;left:7%;right:7%;top:77.5%;margin:0;font-size:1.9cqh;line-height:2.4cqh;font-weight:700;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pzc-clock{position:absolute;left:7%;right:7%;top:88.5%;margin:0;display:grid;grid-template-columns:17% 28% 35% 20%;font-size:2.1cqh;line-height:1;white-space:nowrap}.pzc-clock dt{font-weight:900}.pzc-clock dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.pzc-foot{position:absolute;left:7%;right:7%;top:95.5%;display:flex;justify-content:space-between;font-size:1.4cqh;line-height:1;font-weight:700}.pzc-solved{display:flex;flex-direction:column;align-items:center;gap:3cqh;width:100%}.pzc-stamp{border:4px solid var(--ink);padding:1cqh 5cqw;font-size:13cqh;font-weight:900;line-height:1;rotate:-6deg}.pzc-solved>b{font-size:8cqh;font-variant-numeric:tabular-nums}.pzc-solved .pzc-rank{margin:0;font-size:4cqh;font-weight:900;text-align:center}.pzc-solved .pz-scores{font-size:3.6cqh;width:80%}.pz-scores{margin:0;padding:0 0 0 1.8em;font-weight:700;text-transform:uppercase}.pz-scores li{padding:2px 0}.pz-scores li span{display:inline-block;min-width:9em}.pz-scores li b{font-variant-numeric:tabular-nums}.pz-scores li.me{text-decoration:underline;text-decoration-thickness:2px}.pz-sudoku{display:flex;flex-direction:column;align-items:center;gap:12px}.pz-grid9{display:grid;grid-template-columns:repeat(9,1fr);width:min(100cqw,100cqh - 64px);aspect-ratio:1;border:3px solid var(--ink)}.pz-grid9 button{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;font-size:min(5cqw,5cqh,34px);font-weight:400;color:var(--pencil);cursor:pointer;padding:0}.pz-grid9 button.given{font-weight:800;color:var(--ink)}.pz-grid9 button[data-c="2"],.pz-grid9 button[data-c="5"]{border-right:3px solid var(--ink)}.pz-grid9 button[data-r="2"],.pz-grid9 button[data-r="5"]{border-bottom:3px solid var(--ink)}.pz-grid9 button.same{background:#0000000d}.pz-grid9 button.at{background:#00000021}.pz-grid9 button.wrong{background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(0,0,0,.25) 5px 7px)}.pz-pad{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;width:min(100cqw,100cqh - 64px)}.pz-pad button{border:2px solid var(--ink);background:transparent;font-size:20px;font-weight:800;padding:4px 0;cursor:pointer}.pz-pad button:disabled{opacity:.25}.pz-mines{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:700;text-transform:uppercase}.pz-mines-grid{display:grid;width:min(100cqw,(100cqh - 70px) * .85);border:3px solid var(--ink)}.pz-mines-grid button{aspect-ratio:1;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(0,0,0,.16) 4px 5px);font-weight:900;font-size:min(4cqw,4cqh,24px);cursor:pointer;padding:0}.pz-mines-grid button.open{background:transparent;cursor:default}.pz-mines-grid button.flag{background:transparent}.pz-tools>button,.pz-nono-mode{border:2px solid var(--ink);background:transparent;font:800 14px Arial,sans-serif;text-transform:uppercase;padding:5px 12px;cursor:pointer}.pz-tools>button.active,.pz-nono-mode.active{background:var(--ink);color:var(--paper)!important}.pz-nono{--cell: min((100cqw - 6em) / var(--w), (100cqh - 9em) / var(--h));display:grid;grid-template-columns:auto calc(var(--cell) * var(--w));grid-template-rows:auto calc(var(--cell) * var(--h)) auto;font-size:max(11px,min(calc(var(--cell) * .48),20px));font-weight:800}.pz-nono-cols{display:grid;grid-template-columns:repeat(var(--w),var(--cell));align-items:end}.pz-nono-cols span,.pz-nono-rows span{display:flex}.pz-nono-cols span{flex-direction:column;align-items:center;line-height:1.1;padding-bottom:4px}.pz-nono-rows{display:grid;grid-template-rows:repeat(var(--h),var(--cell))}.pz-nono-rows span{justify-content:flex-end;align-items:center;gap:.45em;padding-right:6px}.pz-nono-cols span.done,.pz-nono-rows span.done{color:var(--faint)}.pz-nono-grid{display:grid;grid-template-columns:repeat(var(--w),var(--cell));grid-template-rows:repeat(var(--h),var(--cell));border:3px solid var(--ink)}.pz-nono-grid button{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent;padding:0;cursor:pointer}.pz-nono-grid button[data-x="4"],.pz-nono-grid button[data-x="9"]{border-right:2.5px solid var(--ink)}.pz-nono-grid button[data-y="4"],.pz-nono-grid button[data-y="9"]{border-bottom:2.5px solid var(--ink)}.pz-nono-grid button.fill{background:var(--ink)}.pz-nono-grid button.cross{background:linear-gradient(45deg,transparent 44%,var(--pencil) 44% 56%,transparent 56%),linear-gradient(-45deg,transparent 44%,var(--pencil) 44% 56%,transparent 56%);background-size:60% 60%;background-position:center;background-repeat:no-repeat}.pz-nono-mode{grid-column:2;justify-self:center;margin-top:10px}.pz-slide{display:grid;grid-template-columns:repeat(var(--n),1fr);grid-template-rows:repeat(var(--n),1fr);width:min(100cqw,100cqh * .876);border:3px solid var(--ink)}.pz-slide button{border:0;outline:1px solid var(--ink);padding:0;cursor:pointer;background-repeat:no-repeat}.pz-slide button.gap{background:transparent;cursor:default}.pz-chain{display:flex;flex-direction:column;gap:14px;width:min(100cqw,760px);font-weight:700;text-transform:uppercase}.pz-chain p{margin:0}.pz-chain-set{margin:0;padding:0 0 10px 2em;min-height:2em;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 20px;border-bottom:2px solid var(--ink)}.pz-chain-crate{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.pz-chain button{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:0 10px;width:100%;padding:6px 10px;border:2px solid var(--ink);border-radius:999px;background:transparent;font-size:15px;font-weight:800;text-transform:uppercase;text-align:left;cursor:pointer}.pz-chain button small{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pz-chain-set li.bad button{border-style:dashed;border-width:3px}.pz-chess{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:700;text-transform:uppercase}.pz-chess p{margin:0}.pz-chess a{color:inherit}.pz-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100cqw,100cqh - 40px);aspect-ratio:1;border:3px solid var(--ink)}.pz-board button{border:0;padding:0;font-size:min(8.5cqw,8.5cqh,60px);line-height:1;cursor:pointer;color:var(--ink)}.pz-board .light{background:transparent}.pz-board .dark{background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(0,0,0,.32) 3px 4px)}.pz-board .last{box-shadow:inset 0 0 0 3px #00000059}.pz-board .from{box-shadow:inset 0 0 0 4px var(--ink)}.pz-board .wrong{background:repeating-linear-gradient(-45deg,transparent 0 3px,rgba(0,0,0,.6) 3px 5px)}.kiffer-card-back .pz-back{position:absolute;top:9%;right:9%;bottom:9%;left:9%;box-sizing:border-box;padding:6cqi;background:var(--paper);border:2px solid var(--ink);font-size:4.2cqi;display:flex;flex-direction:column;align-items:flex-start;gap:2.4cqi;overflow:hidden;transform:translateZ(1px)}.kiffer-card-back .pz-back span,.kiffer-card-back .pz-back .pzc-pill{padding:0;border:0;border-radius:0;font-family:inherit;font-size:inherit;color:inherit;text-shadow:none;transform:none}.kiffer-card-back .pz-back .pzc-pill{padding:.25em .9em;border:2.5px solid var(--ink);border-radius:999px;font-size:1.15em}.pz-back h3{margin:0;font-size:1.5em;font-weight:900}.pz-back h3 span{margin-left:.4em!important;font-size:.66em!important;font-weight:400}.pz-back>b{margin-top:1.5cqi;padding-bottom:.4em;width:100%;border-bottom:2px solid var(--ink);font-size:1.15em;font-weight:900}.pz-back .pz-scores{width:100%;box-sizing:border-box;padding-left:1.8em}.pz-back .pz-scores li{display:flex;justify-content:space-between;gap:1em}.pz-back .pz-scores li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pzc .pz-sudoku{gap:2cqh}.pzc .pz-grid9,.pzc .pz-pad{width:min(100cqw,84cqh)}.pzc .pz-grid9 button{font-size:min(6cqw,6cqh)}.pzc .pz-pad{gap:1.5cqw}.pzc .pz-pad button{font-size:min(5cqw,5cqh);padding:.4cqh 0}.pzc .pz-mines{gap:2cqh}.pzc .pz-mines-grid{width:min(100cqw,84cqh * var(--mw) / var(--mh))}.pzc .pz-mines-grid button{font-size:min(5cqw,5cqh)}.pzc .pz-tools{display:flex;align-items:center;gap:4cqw;font-size:3.4cqh}.pzc .pz-tools>button,.pzc .pz-nono-mode{font-size:3.4cqh;padding:.5cqh 2.4cqw}.pzc .pz-nono{--cell: min(100cqw / (var(--w) + var(--lr) * .62), 88cqh / (var(--h) + var(--lc) * .62));grid-template-columns:calc(var(--cell) * var(--lr) * .62) calc(var(--cell) * var(--w));grid-template-rows:calc(var(--cell) * var(--lc) * .62) calc(var(--cell) * var(--h)) auto;font-size:calc(var(--cell) * .42)}.pzc .pz-nono-cols span{line-height:calc(var(--cell) * .6);padding-bottom:0}.pzc .pz-nono-rows span{gap:.6em;padding-right:calc(var(--cell) * .2)}.pzc .pz-nono-mode{margin-top:2cqh;font-size:3.4cqh}.pzc .pz-chain{gap:2cqh;width:100%;font-size:2.8cqh}.pzc .pz-chain-set,.pzc .pz-chain-crate{grid-template-columns:1fr 1fr;gap:1cqh 3cqw}.pzc .pz-chain button{font-size:min(3.3cqh,3.6cqw);padding:.7cqh 2.4cqw;gap:0 1.6cqw}.pzc .pz-chain button small{font-size:.75em}.pzc .pz-chess{gap:1.6cqh}.pzc .pz-chess p{font-size:3cqh}.pzc .pz-board{width:min(100cqw,88cqh)}.pzc .pz-board button{font-size:min(9cqw,9cqh)}.pzc .pz-slide{width:min(100cqw,100cqh * .876)}.kiffer-pack.p-puzzle .kiffer-pack-body:after{content:"🧩";position:absolute;inset:auto 0 18% 0;text-align:center;font-size:2.2em;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.pzev{--gold: #ffd54a;position:relative;container-type:inline-size;margin:4px 0 20px;border-radius:16px;overflow:clip;color:#fff;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;background:radial-gradient(ellipse 34% 70% at 56% 52%,rgba(111,168,255,.55),transparent 72%),radial-gradient(ellipse 40% 60% at 0% 0%,rgba(255,213,74,.13),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cpath d='M0 0h26c-4 6 2 12 10 12s14-6 10-12h26v26c-6-4-12 2-12 10s6 14 12 10v26H46c4-6-2-12-10-12s-14 6-10 12H0V46c6 4 12-2 12-10S6 22 0 26z' fill='none' stroke='white' stroke-opacity='0.045' stroke-width='1.5'/%3E%3C/svg%3E"),linear-gradient(135deg,#0a1a44,#13306b 55%,#091331);border:1px solid rgba(111,168,255,.35);box-shadow:0 22px 50px -22px #000c,inset 0 1px #ffffff24}.pzev:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.06) 45%,transparent 55%);background-size:250% 100%;animation:pzev-sheen 7s ease-in-out infinite;pointer-events:none}@keyframes pzev-sheen{0%,30%{background-position:130% 0}to{background-position:-120% 0}}.pzev-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) 220px;grid-template-areas:"text fan board";gap:16px 24px;padding:24px 26px 22px}@container (max-width: 960px){.pzev-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"text fan" "board fan"}}@container (max-width: 620px){.pzev-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"fan" "text" "board";padding:18px 16px}}.pzev-text{grid-area:text;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.pzev p{margin:0}.pzev-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px!important}.pzev-tags span{padding:3px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9}.pzev-tags .pzev-live{display:inline-flex;align-items:center;gap:6px;border-color:var(--gold);background:var(--gold);color:#1a1200}.pzev-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#e3262b;animation:pzev-pulse 1.6s infinite}@keyframes pzev-pulse{0%{box-shadow:0 0 #e3262b99}70%,to{box-shadow:0 0 0 6px #e3262b00}}.pzev-presents{font-size:12px;font-weight:700;letter-spacing:.32em;text-transform:lowercase;opacity:.7}.pzev .pzev-title{margin:2px 0 12px;font-size:clamp(38px,5.4cqw,64px);font-weight:900;font-style:italic;line-height:.92;letter-spacing:-.015em;text-transform:uppercase;background:linear-gradient(180deg,#fff 40%,#bcd4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #071232) drop-shadow(0 0 26px rgba(111,168,255,.55))}.pzev-strip{padding:4px 12px 5px;background:#f2f1ec;color:#161616;border-top:2px solid #161616;border-bottom:2px solid #161616;font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;rotate:-1.5deg;box-shadow:0 6px 14px #00000059}.pzev-lead{margin-top:16px!important;max-width:40ch;font-size:15px;line-height:1.45;color:#ffffffe6}.pzev-kinds{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:12px!important;font-size:12px;font-weight:700;color:#ffffffbf}.pzev-kinds span{cursor:help;white-space:nowrap}.pzev-kinds i{font-style:normal;color:var(--gold)}.pzev-buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px}.pzev-buy>span{font-size:11.5px;line-height:1.4;color:#ffffffa6}.pzev-cta{padding:12px 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#ffe27a,#ffb800);color:#1a1200;font:900 15px Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;box-shadow:0 5px #a86f00,0 10px 24px #ffbe0059;transition:translate .12s,box-shadow .12s}.pzev-cta:hover:not(:disabled){translate:0 -1px;box-shadow:0 6px #a86f00,0 14px 30px #ffbe0073}.pzev-cta:active:not(:disabled){translate:0 4px;box-shadow:0 1px #a86f00,0 6px 14px #ffbe004d}.pzev-cta:disabled{opacity:.5;cursor:not-allowed}.pzev-fan{grid-area:fan;align-self:center;position:relative;height:330px}.pzev-card{position:absolute;left:50%;bottom:8%;width:clamp(84px,11cqw,134px);transform-origin:50% 130%;transform:translate(-50%) translate(calc(var(--i) * 50%)) translateY(calc(var(--i) * var(--i) * 3%)) rotate(calc(var(--i) * 8deg));z-index:calc(10 - var(--i) * var(--i));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.pzev-fan:hover .pzev-card{transform:translate(-50%) translate(calc(var(--i) * 62%)) translateY(calc(var(--i) * var(--i) * 3%)) rotate(calc(var(--i) * 10deg))}.pzev-card .kiffer-card-face{min-height:0;box-shadow:0 16px 30px #0000008c}.pzev-card.solved{width:clamp(100px,13.4cqw,164px);filter:drop-shadow(0 0 22px rgba(255,213,74,.5))}.pzev-card.solved,.pzev-fan:hover .pzev-card.solved{transform:translate(-50%) translateY(-6%)}.pzev-stamp{position:absolute;left:50%;top:52%;translate:-50% -50%;rotate:-12deg;padding:3px 9px;border:3px solid #d8262b;border-radius:4px;background:#ffffffd1;color:#d8262b;font:900 12px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pzev-board{grid-area:board;align-self:center;display:flex;flex-direction:column;gap:10px;min-width:0}.pzev-board .pzst{position:relative;rotate:1.6deg}.pzev-board .pzst:before{content:"";position:absolute;left:50%;top:-10px;width:78px;height:20px;translate:-50% 0;rotate:-4deg;background:#fff6c88c;box-shadow:0 1px 3px #0003}.pzev-fine{font-size:10.5px;color:#ffffff73;text-align:center}@container (max-width: 960px){.pzev-board{align-self:start;max-width:280px}}.pzst{--paper: #f2f1ec;--ink: #161616;--faint: #8d8b83;padding:12px 14px;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica Neue,Helvetica,sans-serif;text-transform:uppercase;box-shadow:0 8px 20px #00000059}.kp-social-right .pzst{border-radius:4px}.pzst>header{display:flex;flex-direction:column;padding-bottom:6px;margin-bottom:6px;border-bottom:4px double var(--ink)}.pzst>header span{font-size:10px;font-weight:700;letter-spacing:.14em}.pzst>header b{font-size:21px;font-weight:900;font-style:italic;line-height:1}.pzst-note{margin:6px 0 2px!important;color:var(--faint);font-size:12px;font-weight:700;text-transform:none}.pzst-solvers{margin:0;padding:0;list-style:none;counter-reset:pzst;font-size:14px;font-weight:700}.pzst-solvers li{display:flex;gap:8px;padding:4px 0;border-bottom:1px dotted rgba(0,0,0,.3);counter-increment:pzst}.pzst-solvers li:before{content:counter(pzst) ".";min-width:1.4em;font-weight:900}.pzst-solvers li span{flex:1}.pzst-solvers li:last-child{border-bottom:0}.pzst-solvers li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pzst-solvers li b{font-weight:900;font-variant-numeric:tabular-nums}.pzst-solvers li:first-child{font-size:16px}.pzst .me span{text-decoration:underline;text-decoration-thickness:2px}.pzst-you{margin:6px 0 0!important;padding-top:6px;border-top:2px solid var(--ink);font-size:12px;font-weight:900}.pzr{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;container-type:size;pointer-events:none;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 5px));transform-style:preserve-3d}.pzr-piece{position:absolute;background-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;will-change:transform,opacity}.pzr.go .pzr-piece{animation:pzr-fall 1.15s cubic-bezier(.45,0,.8,.4) var(--delay) both}@keyframes pzr-fall{0%{transform:none}18%{transform:translateY(-2.5cqh) scale(1.07);filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}to{transform:translate(var(--dx),115cqh) rotate(var(--rot)) scale(.92);filter:drop-shadow(0 6px 8px rgba(0,0,0,.5));opacity:0}}.pzr-stamp{position:absolute;left:50%;top:44%;translate:-50% -50%;rotate:-9deg;display:flex;flex-direction:column;align-items:center;padding:1.2cqh 5cqw;border:.7cqh solid #d8262b;border-radius:1cqh;background:#f2f1ecdb;color:#d8262b;font:italic 900 7cqh/1 Arial,Helvetica Neue,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;animation:pzr-stamp .42s cubic-bezier(.2,1.6,.4,1) both}.pzr-stamp b{margin-top:.8cqh;font-size:4.6cqh;font-style:normal;font-variant-numeric:tabular-nums}@keyframes pzr-stamp{0%{scale:2.2;opacity:0}to{scale:1;opacity:1}}.pzr.go .pzr-stamp{animation:pzr-stamp-off .5s ease-in .5s both}@keyframes pzr-stamp-off{0%{scale:1;opacity:1}to{scale:1.15;opacity:0}}@media (prefers-reduced-motion: reduce){.pzr.go .pzr-piece{animation:pzr-fade .6s ease both}@keyframes pzr-fade{to{opacity:0}}}.kiffer-passive-btn{position:relative}.kiffer-passive-count{margin-left:6px;padding:0 6px;border-radius:999px;background:var(--accent, #29b6f6);color:#001018;font-size:11px}.kiffer-passive-btn.has-new{border-color:var(--accent, #29b6f6)}.kiffer-passive-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;padding:16px;background:#0000008c}.kiffer-passive-wrap.unveiling{background:transparent}.kiffer-passive{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:16px 18px 18px;border:1px solid var(--border, #333);border-radius:14px;background:var(--panel, #16181d);box-shadow:0 24px 60px #0009}.kiffer-passive>header{display:flex;align-items:center;justify-content:space-between}.kiffer-passive h3{margin:0}.kiffer-passive h4{display:flex;align-items:baseline;gap:8px;margin:16px 0 8px}.kiffer-passive-note{margin:12px 0 0;color:var(--muted, #999);font-size:13px}.kiffer-passive-growing{display:flex;align-items:center;gap:14px;margin-top:12px}.kiffer-passive-growing>div{display:flex;flex-direction:column;gap:6px;flex:1}.kiffer-passive-bar{display:block;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.kiffer-passive-bar i{display:block;height:100%;background:var(--accent, #29b6f6)}.kiffer-passive-inbox{display:grid;gap:8px;margin:0;padding:0;list-style:none}.kiffer-passive-inbox li{display:flex;align-items:center;gap:10px}.kiffer-passive-back{display:grid;place-items:center;width:38px;height:54px;border-radius:4px;border:3px solid #8d939b;background:radial-gradient(circle at 50% 45%,#2a2f38,#121418);color:#e3e5e9;font-size:8px;font-weight:800;rotate:-8deg}.kiffer-passive-inbox li .small{flex:1}.kiffer-info-flavour{margin:4px 0 8px;color:#e8c45a;font-style:italic;font-size:13px}.kiffer-nokia-live{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 4px));pointer-events:none}.kiffer-nokia-live canvas{position:absolute;image-rendering:auto;border-radius:6%/9%}.kiffer-nokia-key{position:absolute;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto}.kiffer-nokia-key:active{background:radial-gradient(closest-side,rgba(0,0,0,.28),rgba(0,0,0,.08) 70%,transparent)}.kiffer-nokia-key:focus-visible{outline:2px solid rgba(155,188,92,.9)}.kiffer-nokia-off{position:absolute;top:2%;right:4%;width:28px;height:28px;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;pointer-events:auto}.kiffer-compi-live{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 4px));pointer-events:none}.kiffer-compi-screen{position:absolute;overflow:hidden;background:#000;pointer-events:auto;animation:compi-warm .7s ease-out both}.kiffer-compi-live.off .kiffer-compi-screen{animation:compi-off .45s ease-in both}@keyframes compi-warm{0%{filter:brightness(3);clip-path:inset(49.5% 0 49.5% 0)}45%{filter:brightness(2);clip-path:inset(49% 0 49% 0)}to{filter:none;clip-path:inset(0 0 0 0)}}@keyframes compi-off{0%{filter:none;clip-path:inset(0 0 0 0)}60%{filter:brightness(3);clip-path:inset(49.5% 0 49.5% 0)}to{filter:brightness(4);clip-path:inset(49.8% 50% 49.8% 50%)}}.kiffer-compi-pixels{position:absolute;left:0;top:0;transform-origin:0 0}.kiffer-compi-glass{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 32%,transparent 33%),radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%),repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.16) 2px 3px);border-radius:inherit}.kiffer-compi-led{position:absolute;border-radius:50%;box-shadow:0 0 6px 2px currentColor,0 0 14px 4px currentColor;opacity:.95}.kiffer-compi-turbo{position:absolute;transform:translate(-50%,-100%) translateY(.12em);font:900 1em/1 Courier New,monospace;color:#ff3a26;text-shadow:0 0 6px #ff3a26;white-space:nowrap}.kiffer-compi-power{position:absolute;padding:0;border:0;border-radius:12%;background:transparent;cursor:pointer;pointer-events:auto}.kiffer-compi-power:active{background:#0000001f}.k95{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:teal center / cover no-repeat;color:#000;font:11px/1.25 Tahoma,"MS Sans Serif",Geneva,Arial,sans-serif;-webkit-user-select:none;user-select:none;cursor:default}.k95 button{font:inherit;color:inherit}.k95-raised{background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}.k95-sunken{box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}.k95-btn{border:0;padding:2px 6px;background:silver;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;cursor:pointer}.k95-btn:active,.k95-btn.down{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray;background:#d4d4d4}.k95-flag{display:inline-block;width:12px;height:10px;margin-right:3px;vertical-align:-1px;background:linear-gradient(90deg,#f33 0,#f33 50%,#3c3 50%,#3c3) top / 100% 50% no-repeat,linear-gradient(90deg,#36f 0,#36f 50%,#fc0 50%,#fc0) bottom / 100% 50% no-repeat;transform:skewY(-8deg)}.k95-flag.big{width:44px;height:36px;margin:0 8px 0 0}.k95-boot{background:linear-gradient(#2a6fd6,#7db2f0 70%,#b9d6f7)}.k95-cloud{position:absolute;width:110px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 60%,#fff 0 30%,transparent 31%),radial-gradient(circle at 60% 40%,#fff 0 34%,transparent 35%),radial-gradient(circle at 80% 65%,#fff 0 26%,transparent 27%);opacity:.9;filter:blur(1px)}.k95-logo{position:absolute;left:0;right:0;top:175px;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:1px 1px 0 #123,2px 2px 3px rgba(0,0,0,.5);font-family:Arial Black,Arial,sans-serif}.k95-logo b{font-size:30px;letter-spacing:1px}.k95-logo i{margin-left:6px;font-size:30px;font-style:normal;color:#fff6a8}.k95-logo small{position:absolute;top:-16px;left:50%;transform:translate(-30%);font:italic 700 12px Arial,sans-serif;text-shadow:none}.k95-bootbar{position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,#0a246a 0,#0a246a 20px,#3a6ea5 20px,#3a6ea5 40px,#a6caf0 40px,#a6caf0 60px,#3a6ea5 60px,#3a6ea5 80px);background-size:80px 100%;animation:k95-bar .9s linear infinite}@keyframes k95-bar{to{background-position:80px 0}}.k95-bsod{background:#00a;color:#fff;font:700 11px/1.35 Courier New,monospace;padding:60px 18px 0}.k95-bsod p{margin:0 0 12px}.k95-bsod-head{width:fit-content;margin:0 auto 16px!important;padding:0 4px;background:#aaa;color:#00a}.k95-bsod-go{text-align:center;margin-top:24px!important}.k95-bye{background:#000;color:#ff8a00;display:flex;align-items:center;justify-content:center;text-align:center;font:700 16px/1.4 Arial,sans-serif;padding:0 30px}.k95-icons{position:absolute;left:4px;top:6px;display:flex;flex-direction:column;gap:6px}.k95-icon{width:62px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;cursor:pointer}.k95-icon span{font-size:22px;line-height:26px}.k95-icon em{font-style:normal;color:#fff;padding:0 2px;text-shadow:1px 1px 0 #000}.k95-icon.sel em{background:navy;outline:1px dotted #ff0}.k95-taskbar{position:absolute;left:0;right:0;bottom:0;height:24px;display:flex;align-items:center;gap:3px;padding:2px 3px 1px;z-index:900}.k95-startbtn{display:flex;align-items:center;height:19px;padding:0 5px}.k95-tasks{flex:1;display:flex;gap:2px;min-width:0}.k95-task{height:19px;min-width:0;max-width:82px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:0 4px}.k95-tray{height:19px;padding:0 6px;display:flex;align-items:center;white-space:nowrap}.k95-start{position:absolute;left:2px;bottom:24px;display:flex;z-index:901;padding:3px}.k95-start-side{width:22px;background:linear-gradient(navy,#1084d0);color:silver;writing-mode:vertical-rl;transform:rotate(180deg);font:16px Arial Black,Arial,sans-serif;padding:4px 0}.k95-start-side b{color:#fff}.k95-start ul{list-style:none;margin:0;padding:0;min-width:130px}.k95-start li{padding:5px 10px 5px 6px;cursor:pointer}.k95-start li:hover{background:navy;color:#fff}.k95-start li.k95-sep{height:0;padding:0;margin:3px 2px;border-top:1px solid #808080;border-bottom:1px solid #fff}.k95-start li.k95-sep:hover{background:none}.k95-win{position:absolute;display:flex;flex-direction:column;padding:3px}.k95-title{height:16px;display:flex;align-items:center;gap:2px;padding:0 2px 0 3px;background:navy;color:#fff;font-weight:700;touch-action:none}.k95-title.idle{background:gray;color:silver}.k95-title span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.k95-tb{width:14px;height:12px;padding:0;line-height:9px;font-weight:700;color:#000!important}.k95-body{flex:1;min-height:0;margin-top:2px;overflow:hidden}.k95-x{position:absolute;top:0;right:3px;border:0;background:none;cursor:pointer;font-size:12px}.k95-props{display:flex;gap:10px;padding:8px}.k95-props img{width:64px;height:64px;image-rendering:pixelated}.k95-props p{margin:0 0 6px}.k95-bin{display:flex;flex-direction:column;height:100%;gap:6px;padding:2px}.k95-bin ul{flex:1;margin:0;padding:4px;list-style:none;background:#fff;overflow:auto}.k95-bin .k95-btn{align-self:flex-end}.k95-mines{padding:4px}.k95-mines-top{display:flex;justify-content:space-between;align-items:center;padding:4px;margin-bottom:5px}.k95-7seg{background:#000;color:red;font:700 16px/1 Courier New,monospace;padding:1px 2px}.k95-face{position:relative;width:26px;height:26px;padding:1px}.k95-face img{width:100%;height:100%;image-rendering:pixelated}.k95-face i{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:12px}.k95-grid{display:grid;width:fit-content;padding:3px}.k95-cell{width:15px;height:15px;padding:0;border:0;background:silver;box-shadow:inset -1px -1px gray,inset 1px 1px #fff;font:700 11px/15px Tahoma,Arial,sans-serif;cursor:pointer}.k95-cell.open{box-shadow:inset 1px 1px gray;cursor:default}.k95-paint{display:flex;flex-direction:column;gap:4px;padding:2px}.k95-paint-tools{display:flex;gap:2px}.k95-paint-tools .k95-btn{padding:1px 4px}.k95-paint canvas{width:240px;height:170px;background:#fff;cursor:crosshair;touch-action:none}.k95-palette{display:grid;grid-template-columns:repeat(8,14px);gap:2px}.k95-palette button{width:14px;height:12px;padding:0;border:0;box-shadow:inset -1px -1px #fff,inset 1px 1px gray;cursor:pointer}.k95-palette button.sel{outline:2px solid #000}.k95-notes{width:100%;height:100%;box-sizing:border-box;resize:none;border:0;padding:4px;font:12px/1.3 Courier New,monospace;color:#000;background:#fff;color-scheme:light;box-shadow:inset 1px 1px gray,inset 2px 2px #0a0a0a;outline:none;-webkit-user-select:text;user-select:text}.k95-helper{position:absolute;right:4px;bottom:28px;width:150px;display:flex;flex-direction:column;align-items:flex-end;z-index:850}.k95-helper img{width:54px;cursor:pointer;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.4))}.k95-bubble{position:relative;background:#ffffe1;border:1px solid #000;border-radius:8px;padding:6px 14px 6px 7px;margin-bottom:4px;cursor:pointer}.k95-v86{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.k95-v86-canvas{max-width:100%;max-height:100%;width:100%;height:auto;image-rendering:pixelated}.k95-v86-text{position:absolute;left:0;top:50%;transform:translateY(-50%) scale(.57);transform-origin:0 50%;white-space:pre;font:12px/14px Courier New,monospace;color:#ccc}.k95-v86-note{position:absolute;color:#ccc;font:12px Courier New,monospace}.kiffer-coll-size{display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--muted, #9aa0a6);cursor:default}.kiffer-coll-size input{width:84px;accent-color:var(--accent, #4aa3ff)}.pzev-countdown{font-variant-numeric:tabular-nums;letter-spacing:.04em}.pzev-tags .pzev-over{border-color:#ffffff80;background:#ffffff1f}.pzev-prize{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,210,90,.55);border-radius:12px;background:radial-gradient(circle at 20% 30%,#ffd25a38,#00000026 70%);rotate:-1.2deg;margin-bottom:16px}.pzev-prize-card{--card-w: 64px;width:64px;flex:none;filter:drop-shadow(0 4px 10px rgba(255,190,0,.45))}.pzev-prize p{display:flex;flex-direction:column;gap:2px;margin:0;color:#fff;line-height:1.2}.pzev-prize small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold, #ffd25a)}.pzev-prize b{font-size:15px}.pzev-prize span{font-weight:800;color:#7dff9a}.kiffer-shop-premium{border:1px solid rgba(255,205,90,.7);background:radial-gradient(ellipse at 15% 0%,rgba(255,210,110,.22),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(255,170,40,.16),transparent 60%),linear-gradient(160deg,#17130a,#0b0a07 70%);box-shadow:inset 0 0 0 1px #0009,0 0 24px #ffbe3c29}.kiffer-shop-premium h4{color:#ffd56a;letter-spacing:.06em;text-transform:uppercase}.kiffer-shop-premium h4 .muted{text-transform:none;letter-spacing:normal;color:#ffe1a0a6}.kiffer-premium-mark{display:inline-block;margin-right:6px;color:#ffe08a;text-shadow:0 0 8px rgba(255,200,80,.8);animation:kiffer-premium-glint 2.4s ease-in-out infinite}@keyframes kiffer-premium-glint{50%{opacity:.55;transform:scale(.85) rotate(45deg)}}.kiffer-shop-premium .kiffer-shop-buy:not(:disabled){background:linear-gradient(180deg,#ffe27a,#e0a400);color:#1a1200;border-color:#a87400}.pzc,.pz-back{--ink: #2c303a;--pencil: #4a5a85;--faint: #9b9aa3;--tint: #e4e2da;--deep: #2c303a}.pzc.k-sudoku{--paper: #eaf5ee;--tint: #cfe9d8;--deep: #5b8f72}.pzc.k-nonogram{--paper: #efecf8;--tint: #dcd4f1;--deep: #6f62a8}.pzc.k-slide{--paper: #fbefe6;--tint: #f5d5c0;--deep: #b0704a}.pzc.k-chess{--paper: #eaf2f9;--tint: #cddff0;--deep: #4f78a3}.pzc.k-mines{--paper: #f9f4e1;--tint: #efe2ae;--deep: #a08a3a}.pzc.k-chain{--paper: #f9edf1;--tint: #f0cfdb;--deep: #a05a75}.pzc .pzc-pill,.pzc>.pzc-head .pzc-pill{background:var(--tint)}.pzc .pz-pad button,.pzc .pz-tools>button,.pzc .pz-nono-mode,.pzc .pz-chain button{background:var(--tint)}.pzc .pz-tools>button.active,.pzc .pz-nono-mode.active{background:var(--deep);border-color:var(--deep)}.pzc .pz-grid9 button:is([data-c="3"],[data-c="4"],[data-c="5"]):is([data-r="0"],[data-r="1"],[data-r="2"],[data-r="6"],[data-r="7"],[data-r="8"]),.pzc .pz-grid9 button:is([data-c="0"],[data-c="1"],[data-c="2"],[data-c="6"],[data-c="7"],[data-c="8"]):is([data-r="3"],[data-r="4"],[data-r="5"]){background:var(--tint)}.pzc .pz-grid9 button.same:is([data-c]):is([data-r]){background:color-mix(in srgb,var(--deep) 22%,var(--paper))}.pzc .pz-grid9 button.at:is([data-c]):is([data-r]){background:color-mix(in srgb,var(--deep) 40%,var(--paper))}.pzc .pz-grid9 button.wrong:is([data-c]):is([data-r]){background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(160,40,50,.35) 5px 7px),var(--paper)}.pzc .pz-mines-grid button:not(.open):not(.flag){background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(44,48,58,.12) 4px 5px),var(--tint)}.pzc .pz-nono-cols,.pzc .pz-nono-rows{background:var(--tint)}.pzc .pz-nono-grid button.fill{background:var(--deep)}.pzc .pz-board .dark{background:var(--tint)}.kf-like-pair{display:inline-flex;align-items:center}.kf-like-pair .kf-act.like{padding-right:4px}.kf-act.kf-likes{padding-left:4px}.kf-act.kf-likes.on,.kf-act.kf-likes:hover{color:#f472b6;text-decoration:underline}.kf-likers{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 2px}.kf-liker{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 2px;border:1px solid rgba(244,114,182,.35);border-radius:999px;background:#f472b614;color:inherit;font-size:12px;cursor:pointer}.kf-liker:hover{background:#f472b62e}.kb-note{padding:12px 6px}.kb-list{list-style:none;margin:8px 0 0;padding:0}.kb-item{position:relative;display:flex;gap:12px;padding:12px 10px;border-bottom:1px solid var(--line)}.kb-item:hover{background:#ffffff08}.kb-item.new{background:#3ddc8412;box-shadow:inset 3px 0 #3ddc84}.kb-hit{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:none;cursor:pointer}.kb-icon{flex:none;width:30px;font-size:22px;line-height:30px;text-align:center;color:var(--muted)}.kb-item.k-like .kb-icon{color:#f472b6}.kb-item.k-follow .kb-icon,.kb-item.k-reply .kb-icon,.kb-item.k-mention .kb-icon{color:#3ddc84}.kb-item.k-mention .kb-icon{font-weight:900}.kb-body{flex:1;min-width:0;display:grid;gap:4px}.kb-who{display:flex;align-items:center;gap:4px}.kb-face{position:relative;z-index:1;padding:0;border:0;background:none;border-radius:50%;cursor:pointer}.kb-face:disabled{cursor:default}.kb-follow{position:relative;z-index:1;margin-left:auto}.kb-line{margin:0}.kb-words{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.kb-gist{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-card{position:relative;z-index:1;width:70px}.dm-badge.bell{background:#3ddc84;color:#062b17}.kiffer-maintab.t-keyo{--a: #7c5cff;--b: #ffd23f}.keyo{--ky: #ffd23f;--kv: #7c5cff;--kp: #ff5c8a;--kg: #3ddc84;display:grid;gap:12px;padding:4px 2px 20px;color:var(--text, #e8e8ec)}.keyo-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.keyo-logo{margin:0;font-size:24px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(90deg,var(--ky),var(--kp) 55%,var(--kv));-webkit-background-clip:text;background-clip:text;color:transparent}.keyo-logo span{color:initial;-webkit-text-fill-color:initial}.keyo-code{padding:3px 10px;border:1px solid color-mix(in srgb,var(--ky) 50%,transparent);border-radius:999px;color:var(--ky);font-size:13px}.keyo-code b{letter-spacing:.12em}.keyo-volume{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.keyo-volume input{width:90px}.keyo-error{margin:0;padding:8px 12px;border-radius:8px;background:#ff5c8a1f;color:#ffb3c8}.keyo-main{display:grid;gap:16px}.keyo-main.with-side{grid-template-columns:minmax(0,1fr) 220px}@media (max-width: 760px){.keyo-main.with-side{grid-template-columns:1fr}}.keyo-stage{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 80% at 0% 0%,rgba(124,92,255,.16),transparent 60%),radial-gradient(100% 80% at 100% 100%,rgba(255,210,63,.08),transparent 60%),#ffffff05}.keyo-big{padding:12px 22px!important;font-size:16px!important;font-weight:800}.keyo-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.keyo-row>span:first-child{min-width:100px;color:var(--muted);font-size:13px}.keyo-chip{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.keyo-chip:hover:not(:disabled){border-color:var(--kv)}.keyo-chip.on{border-color:var(--ky);background:color-mix(in srgb,var(--ky) 18%,transparent);color:var(--ky)}.keyo-chip:disabled{opacity:.4;cursor:default}.keyo-door{display:grid;gap:16px}.keyo-tagline{margin:0;font-size:17px;max-width:60ch}.keyo-modes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.keyo-mode{display:grid;gap:3px;padding:12px;border-radius:12px;background:#ffffff0a;border:1px solid var(--line)}.keyo-mode-icon{font-size:26px}.keyo-join{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.keyo-codeform{display:flex;gap:6px}.keyo-codeform input{width:130px;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#00000040;color:inherit;font:inherit;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.keyo-lobby{display:grid;gap:18px}.keyo-invite{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.keyo-bigcode{font-size:34px;font-weight:900;letter-spacing:.18em;color:var(--ky)}.keyo-settings{display:grid;gap:12px;justify-items:start}.keyo-settings p{margin:0}.keyo-round{display:grid;gap:10px}.keyo-round-top{display:flex;align-items:center;gap:12px;font-size:13px}.keyo-round-n{color:var(--muted)}.keyo-round-mode{padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--kv) 25%,transparent);font-weight:700}.keyo-clock{margin-left:auto;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ky)}.keyo-timebar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.keyo-timebar i{display:block;height:100%;background:linear-gradient(90deg,var(--kp),var(--ky));transition:width .1s linear}.keyo-ask{margin:6px 0 0;font-size:26px;font-weight:900}.keyo-now{margin:0;color:var(--muted)}.keyo-now b{color:var(--text, #fff)}.keyo-countdown{display:grid;place-items:center;height:200px;font-size:120px;font-weight:900;color:var(--ky);text-shadow:0 0 40px rgba(255,210,63,.4);animation:keyo-pop 1s ease-out infinite}@keyframes keyo-pop{0%{transform:scale(1.25);opacity:.4}30%{transform:scale(1);opacity:1}}.keyo-typed form{display:flex;gap:8px}.keyo-typed input{flex:1;min-width:0;padding:14px 16px;border:2px solid var(--kv);border-radius:12px;background:#0000004d;color:inherit;font:inherit;font-size:20px}.keyo-typed input:focus{outline:none;border-color:var(--ky)}.keyo-nopes{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:4px;color:var(--muted)}.keyo-nopes li.close{color:var(--ky)}.keyo-got{padding:28px 16px;border-radius:14px;background:color-mix(in srgb,var(--kg) 10%,transparent);font-size:22px;text-align:center}.keyo-plus{color:var(--kg);font-weight:900}.keyo-tool{display:grid;gap:12px}.keyo-lock{justify-self:start;padding:11px 20px!important;font-size:15px!important;font-weight:800}.keyo-tap{grid-template-columns:200px 1fr;align-items:center}@media (max-width: 560px){.keyo-tap{grid-template-columns:1fr}}.keyo-tapbtn{display:grid;place-items:center;align-content:center;gap:4px;width:200px;height:200px;border:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a48bff,var(--kv) 55%,#3b2a8f);color:#fff;font:inherit;font-size:34px;font-weight:900;box-shadow:0 10px 30px #7c5cff73,inset 0 -6px #00000040;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.keyo-tapbtn .small{font-size:11px;font-weight:600;opacity:.75}.keyo-tapbtn.a{animation:keyo-beat-a .18s ease-out}.keyo-tapbtn.b{animation:keyo-beat-b .18s ease-out}@keyframes keyo-beat-a{0%{transform:scale(.93)}}@keyframes keyo-beat-b{0%{transform:scale(.93)}}.keyo-tap-side{display:grid;gap:10px}.keyo-bpm{color:var(--muted);font-size:18px}.keyo-bpm b{font-size:64px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ky)}.keyo-piano{position:relative;display:flex;height:150px;border-radius:8px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.keyo-white{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;border:0;border-right:1px solid #bbb;border-radius:0 0 5px 5px;background:linear-gradient(#fff,#eceaf3);color:#8a86a0;font:inherit;font-size:10px;text-transform:uppercase;cursor:pointer}.keyo-black{position:absolute;top:0;width:calc(100% / var(--whites) * .62);height:60%;border:0;border-radius:0 0 4px 4px;background:linear-gradient(#333,#111);cursor:pointer}.keyo-white.root{background:linear-gradient(#fff,#fff1b8)}.keyo-black.root{background:linear-gradient(#6d5a1a,#3a300b)}.keyo-white.lit,.keyo-white:active{background:linear-gradient(#d9d0ff,#b9a8ff)}.keyo-black.lit,.keyo-black:active{background:var(--kv)}.keyo-roots{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.keyo-roots .keyo-chip{padding:8px 0;border-radius:8px}@media (max-width: 560px){.keyo-roots{grid-template-columns:repeat(6,1fr)}}.keyo-yearnum{font-size:72px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ky);line-height:1}.keyo-year input[type=range]{width:100%;accent-color:var(--ky)}.keyo-reveal{display:grid;gap:14px}.keyo-song{display:flex;gap:16px;align-items:center}.keyo-song img,.keyo-nocover{width:140px;height:140px;flex:none;border-radius:10px;object-fit:cover;box-shadow:0 10px 30px #00000073;animation:keyo-in .45s ease-out}.keyo-nocover{display:grid;place-items:center;background:var(--kv);font-size:50px}@keyframes keyo-in{0%{transform:rotate(-8deg) scale(.7);opacity:0}}.keyo-song h2{margin:2px 0;font-size:26px;font-weight:900}.keyo-song p{margin:0}.keyo-answer{display:inline-block;padding:2px 10px;border-radius:8px;background:var(--ky);color:#1a1400;font-size:18px;font-weight:900}.keyo-results{width:100%;border-collapse:collapse}.keyo-results td{padding:7px 8px;border-bottom:1px solid var(--line)}.keyo-results tr.you td:first-child{color:var(--ky);font-weight:800}.keyo-pts{text-align:right;font-weight:900;color:var(--muted)}.keyo-pts.good{color:var(--kg)}.keyo-pts.some{color:var(--ky)}.keyo-podium{display:grid;gap:16px;justify-items:center;text-align:center}.keyo-podium h2{margin:0;font-size:32px;font-weight:900}.keyo-places{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:10px}.keyo-places li{display:grid;gap:4px;justify-items:center;width:130px;padding:12px 8px;border-radius:12px 12px 0 0;background:#ffffff0d}.keyo-places li.p1{order:2;min-height:170px;background:color-mix(in srgb,var(--ky) 22%,transparent)}.keyo-places li.p2{order:1;min-height:130px}.keyo-places li.p3{order:3;min-height:105px}.keyo-medal{font-size:36px}.keyo-scores{align-self:start;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}.keyo-scores h4{margin:0 0 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.keyo-scores ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.keyo-scores li{display:flex;align-items:center;gap:6px}.keyo-scores li.you .keyo-who{color:var(--ky);font-weight:800}.keyo-scores li.gone{opacity:.45}.keyo-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keyo-state{color:var(--kg)}.keyo-scores b{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.keyo-countdown,.keyo-tapbtn.a,.keyo-tapbtn.b,.keyo-song img{animation:none}}.keyo-flag{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.keyo-flag.voided{padding:8px 12px;border-radius:8px;background:#ff5c8a1f;color:#ffb3c8}.keyo-results.voided .keyo-pts{color:var(--muted);text-decoration:line-through}.keyo-vote,.keyo-picking{display:grid;gap:12px}.keyo-styles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.keyo-style{position:relative;display:grid;gap:6px;min-height:130px;align-content:center;justify-items:center;padding:16px;border:2px solid var(--line);border-radius:16px;background:#ffffff0a;color:inherit;font:inherit;cursor:pointer;overflow:hidden;transition:transform .12s,border-color .12s}.keyo-style.s0{--c: var(--kp)}.keyo-style.s1{--c: var(--kv)}.keyo-style.s2{--c: var(--kg)}.keyo-style:hover{transform:translateY(-2px);border-color:var(--c)}.keyo-style.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 18%,transparent)}.keyo-style b{position:relative;font-size:24px;font-weight:900}.keyo-votes{position:relative;color:var(--muted);font-size:13px}.keyo-style i{position:absolute;left:0;bottom:0;height:6px;background:var(--c);transition:width .3s}.keyo-chosen{font-size:44px;font-weight:900;color:var(--ky);animation:keyo-in .45s ease-out}.kiffer-fusion-tag{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #ff5cf0;border-radius:4px;background:linear-gradient(90deg,#2a0d45,#4a1060);color:#ffe3fb;font-size:.62em;font-weight:900;letter-spacing:.08em;vertical-align:.2em}.kiffer-mixer-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#0003}.kiffer-mixer-modes button{padding:6px 8px;border:0;border-radius:7px;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.kiffer-mixer-modes button.on{background:color-mix(in srgb,#ff5cf0 18%,transparent);color:#fff}.kiffer-mixer-modes button:first-child.on{background:color-mix(in srgb,#38bdf8 18%,transparent)}.kiffer-exp{display:inline-block;padding:0 4px;border-radius:3px;background:#ff5cf0;color:#2a0d45;font-size:9px;font-weight:900;text-transform:uppercase;vertical-align:.15em}.kiffer-tradeup-slots.two{grid-template-columns:repeat(2,minmax(0,120px));justify-content:center}.kiffer-fusion-terms h4{margin:4px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#ff9cf5}.kiffer-fusion-block{display:grid;gap:4px}.kiffer-fusion-block ul{list-style:none;margin:0;padding:0;display:grid;gap:3px;font-size:12px}.kiffer-fusion-block li{display:flex;justify-content:space-between;gap:8px;padding:3px 6px;border-radius:5px;background:#ffffff08}.kiffer-fusion-block li.same{background:#3ddc8414}.kiffer-fusion-slot{flex:none;min-width:70px;color:var(--muted);text-transform:capitalize}.kiffer-fusion-block li>span:last-child{text-align:right}.kiffer-fusion-printed{width:100%;border-collapse:collapse;font-size:12px}.kiffer-fusion-printed th,.kiffer-fusion-printed td{padding:3px 6px;text-align:left;border-bottom:1px solid var(--line)}.kiffer-fusion-printed tr.same td{background:#3ddc8414}.cards-popout-body{margin:0;overflow:hidden;background:var(--bg)}.kiffer-pop-problem{color:var(--warn, #ffb347)}.kl-maze{color:#e8b679;text-shadow:0 1px 0 #5e3a17,0 0 6px rgba(255,226,184,.45)}.kiffer-maze-live{position:absolute;z-index:5;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 4px));pointer-events:none}.kiffer-maze-live canvas{display:block;width:100%;height:100%}.kiffer-maze-hud{position:absolute;left:4px;right:4px;top:calc(100% + 6px);display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:999px;background:#140c04b8;color:#ffe9c9;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:auto}.kiffer-maze-hud button{margin-left:auto;padding:0 4px;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.kiffer-maze-hud button+button{margin-left:0}.kiffer-maze-won{position:absolute;top:25%;right:10%;bottom:25%;left:10%;display:grid;place-content:center;justify-items:center;gap:4px;border-radius:12px;background:#140c04d9;color:#ffe9c9;text-align:center;pointer-events:auto;animation:keyo-in .35s ease-out}.kiffer-maze-won b{font-size:26px;color:#ffd23f}.kiffer-quarter-tag{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #ffd23f;border-radius:4px;background:#1c1f27;color:#ffd23f;font-size:.62em;font-weight:900;letter-spacing:.04em;vertical-align:.2em}.kiffer-card-thumb:has(.kiffer-card-face.quarter){width:50%;justify-self:center;align-self:center}.kiffer-combine-preview{position:relative;width:min(100%,240px);justify-self:center;border-radius:10px;background:#ffffff08}.kiffer-combine-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.kiffer-combine-q{position:absolute;display:grid;place-items:center;border:2px dashed rgba(255,210,63,.55);border-radius:6px;background:#ffd23f0d;color:#ffd23f;font:inherit;font-size:12px;font-weight:700;cursor:default}.kiffer-combine-q.filled{border:0;background:none;cursor:pointer}.kiffer-combine-q.filled:hover{box-shadow:inset 0 0 0 2px #ff5c8acc}.kiffer-card-thumb:has(.kiffer-card-face.q-tl) .kiffer-thumb-value:before{content:"◰ "}.kiffer-card-thumb:has(.kiffer-card-face.q-tr) .kiffer-thumb-value:before{content:"◳ "}.kiffer-card-thumb:has(.kiffer-card-face.q-bl) .kiffer-thumb-value:before{content:"◱ "}.kiffer-card-thumb:has(.kiffer-card-face.q-br) .kiffer-thumb-value:before{content:"◲ "}.kiffer-pack.p-quarter{width:min(30vw,150px)}.kiffer-pack.p-quarter.small{width:82px;align-self:end}.kiffer-pack.p-quarter>span{background:linear-gradient(115deg,transparent 30%,rgba(255,230,150,.55) 45%,transparent 60%),conic-gradient(from 0deg at 50% 50%,#ffd23f 0,#ffd23f 25%,#1c1f27 0,#1c1f27 50%,#ffd23f 0,#ffd23f 75%,#1c1f27 0),#1c1f27;background-size:260% 260%,40% 30%,100% 100%;background-position:0 0,50% 38%,0 0;background-repeat:no-repeat}.kiffer-pack.p-quarter .kiffer-pack-body :is(b,small){color:#ffd23f;border-color:#ffd23f}.kiffer-pack.p-quarter.small .kiffer-pack-body b{font-size:14px}.party-panel{width:min(960px,96vw);max-height:92vh;display:grid;grid-template-rows:auto auto 1fr;gap:12px;overflow:hidden}.party-head{display:flex;align-items:center;gap:10px}.party-head h2{margin:0 auto 0 0}.party-head-title{display:flex;align-items:center;gap:6px;min-width:0}.party-title{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}.party-title-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.party-title-edit{flex:none;padding:0 4px;border:0;background:transparent;font-size:.8em;line-height:1;cursor:pointer;opacity:.55}.party-title-edit:hover{opacity:1}.party-title-input{min-width:0;width:min(100%,22em);padding:3px 8px;border:1px solid var(--line, #333);border-radius:6px;background:var(--panel-2, #1e2128);color:inherit;font:inherit}.party-title-input.start{flex:1;font-size:13px}.pbar-title{margin-right:8px;color:var(--text, #eee)}.party-code{padding:2px 10px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-weight:900;letter-spacing:.15em}.party-error{margin:0;padding:8px 12px;border-radius:8px;background:#ff5c8a1f;color:#ffb3c8}.party-door{display:grid;gap:10px}.party-door h3,.party-room h3{margin:0;font-size:14px}.party-live{list-style:none;margin:0;padding:0;display:grid;gap:6px}.party-live li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.party-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.party-codeform{display:flex;gap:6px}.party-codeform input{width:130px;letter-spacing:.12em;text-transform:uppercase}.party-tune{display:inline-flex;align-items:center;gap:8px;min-width:0}.party-tune img,.party-tune>i{width:36px;height:36px;flex:none;border-radius:4px;object-fit:cover;background:#ffffff0f}.party-tune.big img,.party-tune.big>i{width:72px;height:72px;border-radius:8px}.party-tune>span{display:grid;min-width:0}.party-tune b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-tune.big b{font-size:18px}.party-room{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;min-height:0;overflow:auto}@media (max-width: 760px){.party-room{grid-template-columns:1fr}}.party-left,.party-right{display:grid;align-content:start;gap:14px;min-width:0}.party-now{display:grid;gap:6px;padding:12px;border-radius:12px;background:#ffffff0a}.party-vote{display:grid;gap:8px}.party-vote p{margin:0}.party-suggestions{list-style:none;margin:0;padding:0;display:grid;gap:4px}.party-suggestions li{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:#ffffff08}.party-suggestions li.mine{box-shadow:inset 3px 0 0 var(--accent)}.party-votebtn{min-width:52px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:none;color:inherit;font:inherit;font-weight:800;cursor:pointer}.party-votebtn.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.party-x{border:0;background:none;color:var(--muted);cursor:pointer}.party-suggest{display:grid;gap:6px}.party-suggest input,.party-chat input,.party-codeform input{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#00000040;color:inherit;font:inherit}.party-suggest ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:260px;overflow:auto}.party-suggest li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.party-note{margin:0;color:var(--warn, #ffb347)}.party-people p{margin:4px 0 0}.party-chat{display:grid;grid-template-rows:minmax(160px,1fr) auto;gap:6px;min-height:0}.party-chat ol{list-style:none;margin:0;padding:8px;display:grid;align-content:start;gap:4px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:10px;font-size:13px}.party-chat li.system{color:var(--muted);font-style:italic}.party-chat form{display:flex;gap:6px}.party-chat input{flex:1;min-width:0}.party-panel.in{width:min(1560px,97vw);max-width:none;height:min(940px,94vh);height:min(940px,94dvh);max-height:none;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.party-panel.in>.party-room{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;overflow:hidden}.party-main{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.party-stage{flex:1;display:flex;min-width:0;min-height:0}.party-stage>.kiffer-club{flex:1;min-height:0}.party-side{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;min-width:0;min-height:0}.party-side .party-now{padding:10px 12px}.party-tabs{display:flex;gap:4px;padding:3px;border-radius:12px;background:#ffffff0d}.party-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.party-tabs button.on{background:var(--accent);color:var(--on-accent, var(--bg));font-weight:700}.party-badge,.party-count{min-width:18px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:800;line-height:18px;text-align:center}.party-badge{background:#ff4f7b;color:#fff}.party-count{background:#ffffff24}.party-pane{min-height:0;overflow:auto}.party-side .party-chat{height:100%;grid-template-rows:minmax(0,1fr) auto}.party-side .party-chat ol{max-height:none}.party-people ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}@media (max-width: 900px){.party-panel.in{height:auto;max-height:94dvh;overflow:auto}.party-panel.in>.party-room{grid-template-columns:1fr;overflow:visible}.party-stage{height:55vh}.party-side .party-chat ol{max-height:300px}}.party-floor{position:relative;flex-direction:column;align-items:stretch;gap:10px;padding:16px 16px 56px;overflow:auto;border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 0%,rgba(122,43,255,.28),transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(255,47,208,.16),transparent 55%),#0b0712}.party-floor-decks,.party-floor-crowd{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:18px 26px}.party-floor-decks{padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.08)}.party-floor-crowd{flex:1;align-content:center}.party-floor-one{margin:0;display:grid;justify-items:center;gap:4px}.party-floor-one figcaption{padding:2px 10px;border-radius:999px;background:#08060e9e;color:#d8d4e4;font-size:12px;white-space:nowrap}.party-floor-one.you figcaption{color:#ffd23f;box-shadow:inset 0 0 0 1px #ffd23f}.party-floor-fig{position:relative;cursor:default}.party-floor-none{display:grid;place-items:center;width:80px;height:120px;color:#ffffff4d;font-size:40px}.party-mode{padding:3px 10px;border-radius:999px;background:#ffffff12}.party-take{display:inline-flex;gap:3px}.party-now-rate{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.party-booth-dj,.party-rate{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.party-autodj,.party-rate button{padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:none;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.party-autodj.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.party-rate button{font-size:15px;padding:4px 14px}.party-rate button.up.on{border-color:#39d98a;background:#39d98a33}.party-rate button.down.on{border-color:#ff5c7a;background:#ff5c7a33}.party-rate button:active{transform:scale(.94)}.party-decks{display:grid;gap:8px}.party-decks p{margin:0}.party-modes{display:flex;gap:4px;padding:3px;border-radius:12px;background:#ffffff0d}.party-modes button{flex:1;padding:6px 8px;border:0;border-radius:9px;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}.party-modes button.on{background:var(--accent);color:var(--on-accent, var(--bg));font-weight:700}.party-modes button:disabled:not(.on){opacity:.55;cursor:default}.party-line,.party-pass,.party-scores{margin:0;padding:0;list-style:none;display:grid;gap:4px}.party-line{counter-reset:line}.party-line li,.party-pass li,.party-scores li{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:8px;background:#ffffff08}.party-line li:before{counter-increment:line;content:counter(line) ".";color:var(--muted);font-size:12px}.party-pass li button,.party-scores li>span:last-child{margin-left:auto}.party-scores .up{color:#39d98a;font-weight:800}.party-scores .down{color:#ff5c7a;font-weight:800}.party-floor-one{animation:party-floor-arrive .8s cubic-bezier(.2,1.4,.4,1) both}@keyframes party-floor-arrive{0%{opacity:0;transform:translateY(60px) scale(.8)}}.side-tabs{flex:none}.side-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:5px}.side-tab-count{min-width:16px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--on-accent, var(--bg));font-size:10px;line-height:16px}.party-mini{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:8px}.party-mini .party-door .party-row{flex-direction:column;align-items:stretch}.party-mini .party-live li{grid-template-columns:1fr auto}.party-mini-head{display:flex;align-items:center;gap:4px}.party-mini-head .party-mode{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-stage.small{flex:none;height:210px}.party-floor.small{height:auto;min-height:150px;padding:8px 8px 44px;gap:6px}.party-floor.small .party-floor-decks,.party-floor.small .party-floor-crowd{gap:8px 12px}.party-floor.small .party-floor-one figcaption{font-size:10px;padding:1px 6px}.party-mini-away{margin:0;padding:8px 10px;border-radius:10px;background:#ffffff0a}.party-mini-now{display:grid;gap:6px;justify-items:start}.party-mini-mid{display:flex;flex-wrap:wrap;gap:6px}.party-mini .party-tabs button{padding:5px 4px;font-size:11px}.party-mini .party-pane{overflow:visible}.party-mini .party-chat ol{height:220px;max-height:none}.kiffer-club.compact{min-height:0}.kiffer-club.compact .kiffer-club-bar button{padding:3px 7px;font-size:11px}.kiffer-club.compact .kiffer-club-whose>span{max-width:90px}select.kiffer-club-moves{padding:4px 10px;border:0;color:#d8d4e4;font:inherit;font-size:12px;cursor:pointer}.club-panel{--cp-accent: #ffd23f;--cp-line: rgba(255, 255, 255, .1);--cp-dim: #a9a1bf;position:absolute;top:44px;right:10px;z-index:3;width:min(340px,calc(100% - 20px));max-height:calc(100% - 100px);overflow:auto;overscroll-behavior:contain;display:grid;gap:10px;padding:12px;border:1px solid var(--cp-line);border-radius:16px;background:linear-gradient(180deg,#1a1228f0,#0c0914f0);box-shadow:0 18px 40px #00000080;color:#e6e2f0;font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin}.club-panel>header{display:flex;align-items:center;justify-content:space-between;font-size:14px}.club-panel-x{width:26px;height:26px;border:0;border-radius:50%;background:#ffffff14;color:inherit;cursor:pointer}.club-panel-x:hover{background:#ffffff2e}.club-panel-who{margin:0;padding:6px 8px;border-radius:8px;background:#ffd23f14;color:#e9dfb8}.club-section{display:grid;gap:8px;padding:9px 10px 10px;border:1px solid var(--cp-line);border-radius:12px;background:#ffffff09}.club-section h4{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;color:var(--cp-dim);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.club-section h4 .club-pick button,.club-section h4 .club-toggle{text-transform:none;letter-spacing:0;font-weight:500}.club-panel-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.club-panel-row>span:first-child{min-width:46px;color:var(--cp-dim)}.club-panel select{flex:1;min-width:0;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#1a1426;color:inherit;font:inherit}.club-pick{display:inline-flex;flex-wrap:wrap;gap:2px;padding:2px;border-radius:999px;background:#00000059}.club-pick button{padding:3px 10px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;cursor:pointer}.club-pick button:hover:not(:disabled):not(.on){background:#ffffff14}.club-pick button.on{background:var(--cp-accent);color:#1a1426;font-weight:700}.club-panel button:disabled{opacity:.4;cursor:default}.club-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.club-swatches button{padding:4px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:none;color:inherit;font:inherit;cursor:pointer}.club-swatches button.on{border-color:var(--cp-accent);color:var(--cp-accent);font-weight:700}.club-swatches .club-swatch{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.15);transition:transform .12s}.club-swatches .club-swatch:hover:not(:disabled){transform:scale(1.1)}.club-swatches .club-swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--cp-accent)}.club-ways{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.club-ways button{padding:6px 2px;border:1px solid var(--cp-line);border-radius:9px;background:#00000040;color:inherit;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.club-ways button:hover:not(:disabled):not(.on){border-color:#ffffff4d}.club-ways button.on{border-color:var(--cp-accent);background:#ffd23f29;color:#fff3c4;font-weight:700}.club-slider{display:grid;grid-template-columns:46px 1fr 40px;align-items:center;gap:8px;color:var(--cp-dim)}.club-slider b{color:#e6e2f0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.club-slider input{width:100%;height:4px;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--cp-accent) var(--f, 50%),rgba(255,255,255,.15) var(--f, 50%));cursor:pointer}.club-slider input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffd23f59}.club-slider input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}.club-toggles{display:flex;flex-wrap:wrap;gap:6px 12px}.club-toggle{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.club-toggle-knob{position:relative;width:26px;height:15px;border-radius:999px;background:#fff3;transition:background .15s}.club-toggle-knob:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;transition:transform .15s}.club-toggle.on .club-toggle-knob{background:var(--cp-accent)}.club-toggle.on .club-toggle-knob:after{transform:translate(11px)}.club-hits{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.club-hits button{display:grid;justify-items:center;gap:2px;padding:8px 2px 6px;border:1px solid var(--cp-line);border-radius:12px;background:linear-gradient(180deg,#ffffff17,#ffffff05);color:inherit;font:inherit;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.club-hits button span{font-size:18px;line-height:1}.club-hits button:active:not(:disabled){transform:translateY(1px);background:#ffd23f40}.club-hits button.active{background:#000;border-color:#fff}.club-scenes{display:flex;flex-wrap:wrap;gap:5px}.club-scenes button,.club-next{padding:5px 10px;border:1px solid var(--cp-line);border-radius:999px;background:#ffffff0d;color:inherit;font:inherit;cursor:pointer}.club-scenes button:hover:not(:disabled),.club-next:hover:not(:disabled){border-color:#ffffff59}.club-scenes button.on{border-color:var(--cp-accent);background:#ffd23f29;color:#fff3c4;font-weight:700}.club-screen-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.club-screen-modes button{display:grid;justify-items:center;gap:3px;padding:8px 2px 6px;border:1px solid var(--cp-line);border-radius:12px;background:#ffffff0a;color:inherit;font:inherit;font-size:11px;cursor:pointer}.club-screen-modes button span{font-size:18px;line-height:1}.club-screen-modes button.on{border-color:var(--cp-accent);background:#ffd23f29;color:#fff3c4;font-weight:700}.club-yt{display:grid;gap:6px}.club-yt p{margin:0}.club-yt a{color:var(--cp-accent)}.club-yt form{display:flex;gap:6px}.club-yt input{flex:1;min-width:0;padding:5px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#1a1426;color:inherit;font:inherit}.kiffer-club.compact .club-panel{top:36px;right:6px;left:6px;width:auto;max-height:calc(100% - 44px)}.nitrous-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;pointer-events:none}.club-note{position:absolute;top:44px;left:50%;z-index:3;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:12px;background:#0e0a16e6;color:#ffd23f}.decks-locked .deck,.decks-locked .mixer{position:relative;pointer-events:none;filter:saturate(.75)}.decks-locked .mixer .mixer-master,.decks-locked .mixer .cue-phones{pointer-events:auto}.decks-locked .deck:after,.decks-locked .mixer:after{content:"🔒 the DJ’s decks";position:absolute;top:58px;left:50%;transform:translate(-50%);z-index:5;padding:2px 8px;border-radius:999px;background:#0009;color:#ffd23f;font-size:11px;font-weight:700}.decks-locked .mixer:after{content:"🔒";top:4px}.party-floor-balloon{position:absolute;top:10px;right:10px;padding:4px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0e0a16cc;color:#e6e2f0;font:inherit;font-size:12px;cursor:pointer}.party-floor-note{position:absolute;top:44px;right:10px;margin:0;padding:4px 10px;border-radius:10px;background:#0e0a16e6;color:#ffd23f}.party-wrap.popped{padding:0;background:var(--bg)}.party-wrap.popped>.party-panel{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.kiffer>.kiffer-party-crew{position:absolute;bottom:6%;right:100%;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:4px;pointer-events:none}.kiffer.left>.kiffer-party-crew{right:auto;left:100%;flex-direction:row}.kiffer-party-one{position:relative;margin:0;display:grid;justify-items:center}.kiffer-party-fig{cursor:default;pointer-events:none}.kiffer-party-one figcaption{position:relative;z-index:2;margin-top:-6px;padding:1px 8px;border-radius:999px;background:#0a0c10c7;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.session-head{display:flex;flex-direction:column;gap:6px;flex:none}.session-head-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.session-head-dj{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-head-gap{flex:1}.session-door{max-width:100%;min-width:0;padding:3px 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:inherit;font:inherit;font-size:11px}.session-head-row>.session-door{flex:1}.session-head-row>.session-door.short{flex:none;min-width:92px}.session-asks{display:flex;flex-direction:column;gap:4px}.session-ask{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--accent) 16%,transparent);font-size:12px}.session-ask>span{flex:1;min-width:120px}.session-ask.muted{background:#ffffff0d}.on-now{display:flex;flex-direction:column;gap:6px}.on-now-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.on-now-list li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:7px 8px;border:1px solid var(--line);border-radius:10px}.on-now-list li>.small{grid-column:1}.on-now-list li>button{grid-row:1 / span 2;grid-column:2}.on-now .party-codeform{display:flex;gap:5px}.on-now .party-codeform input{flex:1;min-width:0}.on-now-badge{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:3px 4px 3px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 18%,transparent);font-weight:600}.on-now-badge.away{background:color-mix(in srgb,var(--muted, #888) 16%,transparent)}.here-words{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.here-words.away{opacity:.75}.here-dot{width:7px;height:7px;border-radius:50%;background:#3ecf6e;box-shadow:0 0 0 2px color-mix(in srgb,#3ecf6e 25%,transparent);flex:none}.here-words.away .here-dot{background:#9a9a9a;box-shadow:none}.on-now-online h5{margin:6px 0 4px;font-weight:600}.on-now-online ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.on-now-online li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.kp-person-follow{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.side-panel.in-party .side-party{flex:none}.side-party .party-tabs button{padding:5px 4px;font-size:11px}.side-party .party-pane{overflow:visible}.side-party .party-chat ol{height:110px;max-height:none}.shared-session{display:flex;flex-direction:column;gap:6px;min-width:0}.shared-session .q-title{margin-top:0;padding-top:8px;border-top:1px solid var(--line)}.shared-how{margin:0}.shared-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.shared-list.next li{padding:3px 6px;opacity:.85}.shared-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 6px;padding:5px 6px;border-radius:8px;background:var(--panel-2)}.shared-row .party-tune{min-width:0}.shared-row .shared-meta{grid-column:1;display:flex;flex-wrap:wrap;gap:2px 8px}.shared-row .party-votebtn{grid-row:1 / span 2;grid-column:2}.shared-row .party-x{grid-row:1 / span 2;grid-column:3}.shared-row.top{box-shadow:inset 2px 0 0 var(--accent)}.shared-row.voted{background:color-mix(in srgb,var(--accent) 14%,var(--panel-2))}.shared-row.played{opacity:.5}.s-party{display:flex;gap:8px;margin-top:2px}.s-votes{font-weight:800;color:var(--accent)}.club-feed{position:absolute;left:10px;bottom:52px;z-index:3;max-width:min(360px,70%);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}.club-feed li{padding:3px 9px;border-radius:8px;background:#0a0812b8;color:#fff;font-size:12px;line-height:1.35;text-shadow:0 1px 2px #000;animation:club-feed-in .25s ease-out;transition:opacity 2s}.club-feed li.going{opacity:0}.club-feed.compact{bottom:40px;max-width:85%}.club-feed.compact li{font-size:10px;padding:2px 7px}@keyframes club-feed-in{0%{opacity:0;transform:translate(-10px)}}.party-panel.in>.party-room.overlay{display:block;position:relative;border-radius:14px}.party-room.overlay>.party-main{position:absolute;top:0;right:0;bottom:0;left:0}.party-room.overlay .kiffer-club-party{display:none}.party-room.overlay .club-panel{top:150px;right:auto;left:10px;max-height:calc(100% - 240px)}.party-ov-now{position:absolute;top:46px;right:10px;z-index:2;width:340px;display:grid;gap:4px;justify-items:start;padding:8px 10px;border-radius:12px;background:#08060e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f2eff8}.party-ov-now .party-tune img,.party-ov-now .party-tune>i{width:44px;height:44px}.party-ov-next{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-ov-side{position:absolute;top:196px;right:10px;bottom:10px;z-index:2;width:340px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.party-ov-side>*{pointer-events:auto}.party-ov-side.no-chat{bottom:auto}.party-ov-tabs{display:flex;gap:4px;padding:3px;border-radius:12px;background:#08060e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.party-ov-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 6px;border:0;border-radius:9px;background:none;color:#f2eff8;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.party-ov-tabs button:last-child{flex:none}.party-ov-tabs button.on{background:var(--accent);color:var(--on-accent, var(--bg));font-weight:700}.party-ov-panel{flex:0 1 auto;min-height:0;max-height:55%;overflow:auto;padding:10px;border-radius:12px;background:#0a0812e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#eceaf2}.party-ov-side.no-chat .party-ov-panel{max-height:60vh}.stream-chat{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px;background:linear-gradient(to bottom,#06040c00,#06040c8c 18%,#06040cb3);overflow:hidden}.stream-chat ol{flex:1;min-height:0;overflow-y:auto;margin:0;padding:24px 10px 6px;list-style:none;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40px);mask-image:linear-gradient(to bottom,transparent,#000 40px)}.stream-chat ol>li:first-child{margin-top:auto}.stream-chat li{color:#f4f2f8;font-size:13px;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.9);overflow-wrap:anywhere}.stream-chat li b{font-weight:800}.stream-chat li.system{color:#b9b2cc;font-size:12px;font-style:italic}.stream-badge{margin-left:3px;font-size:11px}.stream-chat form{display:flex;gap:6px;padding:6px}.stream-chat input{flex:1;min-width:0;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#00000073;color:#fff;font:inherit;font-size:13px}.s-cover{flex:none;width:34px;height:34px;border-radius:4px;overflow:hidden;background:var(--panel);display:grid;place-items:center;transition:filter .4s}.s-cover img{width:100%;height:100%;object-fit:cover;display:block}.s-cover i{font-style:normal;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.s-cover.pending{filter:grayscale(1) contrast(.9) brightness(.85)}.s-card{display:flex;flex-direction:column;gap:3px;padding:6px 7px 5px 6px;border-left:3px solid var(--deck);cursor:grab}.s-card.on-deck{cursor:default}.s-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.s-card .s-cover{width:38px;height:38px}.s-card-text{min-width:0;display:flex;flex-direction:column;gap:1px}.s-card .q-song{font-size:12.5px;line-height:1.25}.s-card .q-artist{line-height:1.25}.s-card-tags{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:1px}.s-tag{border:0;border-radius:4px;padding:0 5px;background:#ffffff12;color:var(--muted);font:inherit;font-size:9px;font-weight:700;line-height:15px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.s-tag.s-rank{color:var(--ok);background:color-mix(in srgb,var(--ok) 15%,transparent)}.s-tag.s-played{cursor:pointer}.s-tag.s-played:hover{color:var(--text)}.s-tag.s-by{text-transform:none;letter-spacing:0;font-size:10px}.s-tag.s-votes{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);font-size:10px}.s-card .q-meta{align-self:start;padding-top:1px;min-width:30px}.s-card .q-key{font-size:13px}.s-card-foot{display:flex;align-items:center;gap:6px;min-height:20px;padding-left:46px}.s-card-foot .s-fit{flex:1;min-width:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.s-card-foot .s-actions{flex:none;margin-left:auto;gap:4px}.s-card-foot .load-btn{margin-right:0;padding:2px 7px}.s-card-foot .q-remove{display:inline-flex;align-items:center;justify-content:center;height:19px;padding:0 1px 0 3px;font-size:15px;line-height:1}.party-room.overlay:has(.kiffer-club.walking) .party-ov-now,.party-room.overlay:has(.kiffer-club.walking) .party-ov-side{opacity:.18;transition:opacity .4s}.party-room.overlay:has(.kiffer-club.walking) .party-ov-now:hover,.party-room.overlay:has(.kiffer-club.walking) .party-ov-side:hover,.party-room.overlay:has(.kiffer-club.walking) .party-ov-side:focus-within{opacity:1}.lib-search{margin-bottom:6px}.lib-search .search{width:100%;margin:0;border-radius:999px;padding:6px 12px}.nav-item{display:flex;align-items:center;gap:8px}.nav-icon{width:16px;text-align:center;opacity:.7;font-size:12px}.nav-item.active .nav-icon{opacity:1;color:var(--accent)}.lib-nav-btn{min-width:26px;font-size:15px;line-height:1}.crumbs{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden}.crumbs>span{display:inline-flex;align-items:center;min-width:0}.crumb{border:0;background:none;color:var(--muted);font:inherit;padding:2px 4px;border-radius:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.crumb:hover{color:var(--text);background:var(--panel-2)}.crumb.here{color:var(--text-strong, var(--text));font-weight:600;cursor:default}.crumb-sep{color:var(--muted);opacity:.6;padding:0 2px}.lib-page{display:flex;flex-direction:column;gap:18px;padding-bottom:12px}.lib-greeting{margin:2px 0 -4px;font-size:20px;letter-spacing:-.01em}.lib-content h3,.lib-shelf h3,.lib-section h3{margin:0;font-size:14px;color:var(--text-strong, var(--text));text-transform:none;letter-spacing:0}.lib-shelf>header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lib-shelf-gap{flex:1}.lib-arrow{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:15px;line-height:1;padding:0}.lib-arrow:disabled{opacity:.3;cursor:default}.lib-seeall{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.lib-seeall:hover{color:var(--text);text-decoration:underline}.lib-shelf-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}.lib-shelf-row::-webkit-scrollbar{display:none}.lib-shelf-row>*{scroll-snap-align:start}.lib-shelf-row.static{overflow:hidden}.app.lib-expanded .lib-shelf-row{grid-auto-columns:180px}.lib-card{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px;border-radius:10px;cursor:pointer;transition:background .15s;outline:none}.lib-card:hover,.lib-card:focus-visible{background:var(--panel-2)}.lib-card-cover{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--input-bg, var(--panel-2));box-shadow:0 6px 16px #00000040;margin-bottom:4px}.lib-card-cover .cover{width:100%;height:100%;position:relative;z-index:1}.lib-card-cover .cover img{width:100%;height:100%;object-fit:cover;display:block}.lib-card-cover .cover.cover-empty{background:transparent}.lib-card-cover.round{border-radius:50%}.lib-initial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:40px;font-weight:800;color:var(--muted);opacity:.5}.lib-kind{position:absolute;top:6px;left:6px;z-index:2;padding:1px 7px;border-radius:999px;background:#000000b3;color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em}.lib-card-add{position:absolute;right:8px;bottom:8px;z-index:2;width:32px;height:32px;border-radius:50%;border:0;background:var(--accent);color:var(--on-accent, #000);font-size:20px;font-weight:800;line-height:1;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .15s,transform .15s;box-shadow:0 4px 10px #0006}.lib-card:hover .lib-card-add,.lib-card:focus-within .lib-card-add{opacity:1;transform:none}.lib-card-loads{position:absolute;inset:auto 6px 6px 6px;z-index:2;display:flex;gap:4px;justify-content:flex-end;opacity:0;transition:opacity .15s}.lib-card:hover .lib-card-loads{opacity:1}.lib-card-loads .load-btn{background:#000000bf;margin:0;padding:3px 8px}.lib-card-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-card-sub{color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-artist .lib-card-title,.lib-artist .lib-card-sub{text-align:center}.lib-link{cursor:pointer}.lib-link:hover{color:var(--text-strong, var(--text));text-decoration:underline}.lib-link.strong{font-weight:700;color:var(--text-strong, var(--text))}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 8px}.lib-grid.artists{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.lib-cell{content-visibility:auto;contain-intrinsic-size:130px 190px;scroll-margin-top:50px}.lib-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.lib-toolbar h2{margin:0;font-size:20px}.lib-toolbar .filter{margin:0;max-width:220px;border-radius:999px}.lib-toolbar select{padding:4px 8px;border-radius:8px}.lib-seg{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--panel-2)}.lib-seg button{border:0;background:none;color:var(--muted);font:inherit;font-size:12px;padding:3px 10px;border-radius:999px;cursor:pointer}.lib-seg button.on{background:var(--accent);color:var(--on-accent, #000);font-weight:700}.lib-letters{position:sticky;top:-10px;z-index:3;display:flex;flex-wrap:wrap;gap:1px;padding:4px 0;background:var(--panel)}.lib-letters button{border:0;background:none;color:var(--text);font:inherit;font-size:11px;font-weight:700;width:22px;height:22px;border-radius:4px;cursor:pointer}.lib-letters button:hover:not(:disabled){background:var(--accent);color:var(--on-accent, #000)}.lib-letters button:disabled{opacity:.25;cursor:default}.lib-hero{--tint: var(--panel-2);position:relative;display:flex;align-items:flex-end;gap:18px;padding:18px;margin:-10px -10px 0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 75%,transparent),color-mix(in srgb,var(--tint) 18%,var(--panel)));isolation:isolate}.lib-hero-blur{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;z-index:-1;background-size:cover;background-position:center;filter:blur(40px) saturate(1.3);opacity:.35}.lib-hero-art{flex:none;width:150px;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 14px 36px #00000080;background:var(--panel-2)}.app.lib-expanded .lib-hero-art{width:210px}.lib-hero-art.round{border-radius:50%}.lib-hero-art .cover,.lib-hero-art .cover img{width:100%;height:100%;object-fit:cover;display:block}.lib-hero-text{display:flex;flex-direction:column;gap:6px;min-width:0}.lib-hero-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text);opacity:.85}.lib-hero-title{margin:0;font-size:clamp(22px,3.2vw,44px);line-height:1.05;font-weight:800;letter-spacing:-.02em;color:var(--text-strong, var(--text));overflow-wrap:anywhere}.lib-hero-meta{color:var(--text);font-size:13px}.lib-hero-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.lib-hero-actions a.btn{text-decoration:none}.lib-bio{margin:4px 0 0;max-width:760px;font-size:12.5px;line-height:1.45;color:var(--text);opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.lib-bio.open{-webkit-line-clamp:unset}.lib-chips{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.lib-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 20%,transparent);background:color-mix(in srgb,var(--panel) 50%,transparent);color:var(--text);font:inherit;font-size:11.5px}.lib-chip.link{cursor:pointer}.lib-chip.link:hover{border-color:var(--accent);color:var(--text-strong, var(--text))}.lib-section{display:flex;flex-direction:column;gap:6px}.lib-showmore{align-self:flex-start}.lib-genres{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.lib-genre{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;min-height:60px;border:0;border-radius:10px;background:linear-gradient(135deg,hsl(var(--genre-hue) 65% 42%),hsl(calc(var(--genre-hue) + 40deg) 70% 30%));color:#fff;font:inherit;text-align:left;cursor:pointer;transition:transform .12s}.lib-genre:hover{transform:translateY(-2px)}.lib-genre b{font-size:14px}.lib-genre span{font-size:11px;opacity:.8}.lib-top{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:14px}.lib-topcard{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:12px;background:var(--panel-2);cursor:pointer;transition:background .15s}.lib-topcard:hover{background:color-mix(in srgb,var(--panel-2) 80%,var(--text))}.lib-topcard-art{width:96px;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 8px 20px #00000059}.lib-topcard-art.round{border-radius:50%}.lib-topcard-art .cover,.lib-topcard-art img{width:100%;height:100%;object-fit:cover;display:block}.lib-topcard-name{font-size:24px;font-weight:800;letter-spacing:-.01em}.lib-topsongs{display:flex;flex-direction:column;gap:2px;min-width:0}.lib-songline{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:4px 6px;border-radius:6px}.lib-songline:hover{background:var(--panel-2)}.lib-songline-art{width:36px;height:36px;border-radius:4px;overflow:hidden}.lib-songline-art .cover,.lib-songline-art img{width:100%;height:100%;object-fit:cover;display:block}.lib-songline-text{display:flex;flex-direction:column;min-width:0}.lib-songline-text>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-songline-loads{display:flex;gap:3px;opacity:0}.lib-songline:hover .lib-songline-loads{opacity:1}@media (max-width: 900px){.lib-top{grid-template-columns:1fr}}.lib-fit{display:inline-block;padding:0 6px;border-radius:999px;font-size:10.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.lib-fit.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.lib-fit.boost{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.lib-fit.clash{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.lib-fit.unknown{color:var(--muted)}.tracks .fit-col{width:1%}.track-art{display:inline-block;width:26px;height:26px;border-radius:3px;overflow:hidden;vertical-align:middle;margin-right:8px}.track-art .cover,.track-art img{width:100%;height:100%;object-fit:cover;display:block}.table-tools.hidden{display:none}.lib-recent{margin-top:-6px}.lib-empty{padding:18px 8px;white-space:normal;grid-column:1 / -1}.lib-end{height:1px}.sk{background:linear-gradient(90deg,var(--panel-2) 0%,color-mix(in srgb,var(--panel-2) 70%,var(--text)) 50%,var(--panel-2) 100%);background-size:300% 100%;animation:lib-shimmer 1.4s linear infinite;border-radius:6px}.sk-line{height:10px;margin-top:4px}.sk-line.big{height:30px}.w40{width:40%}.w50{width:50%}.w70{width:70%}.lib-sk-rows{display:flex;flex-direction:column;gap:4px}.sk-row{height:26px}.lib-hero.skeleton .lib-hero-text{flex:1}@keyframes lib-shimmer{0%{background-position:100% 0}to{background-position:-200% 0}}:root.resting .sk{animation:none}.library.lib-small{grid-template-columns:minmax(0,1fr);min-height:150px}.lib-small .lib-bar{padding:3px 6px;gap:4px}.lib-small .lib-nav-btn{min-width:22px;padding:1px 5px}.lib-small .lib-search{margin:0;flex:0 1 170px;min-width:90px}.lib-small .lib-search .search{padding:2px 10px;font-size:12px}.lib-tabs{display:flex;gap:1px;flex:none}.lib-tabs .nav-item{padding:2px 0;width:24px;justify-content:center;gap:0}.lib-tabs .nav-icon{width:auto;font-size:13px}.lib-small .crumbs{font-size:12px;margin-left:4px}.lib-small .crumb{max-width:160px}.lib-small .lib-expand{flex:none}.lib-small .lib-content{padding:6px 8px}.lib-small .lib-page{gap:8px}.lib-small .lib-greeting{display:none}.lib-small .lib-recent{margin-top:0}.lib-small .lib-shelf>header{margin-bottom:0;gap:6px}.lib-small .lib-shelf h3,.lib-small .lib-section h3{font-size:12px}.lib-small .lib-arrow{width:18px;height:18px;font-size:12px}.lib-small .lib-seeall{font-size:11px}.lib-small .lib-shelf-row{grid-auto-columns:92px;gap:0}.lib-small .lib-card{padding:4px;gap:0;border-radius:7px}.lib-small .lib-card-cover{border-radius:5px;margin-bottom:3px;box-shadow:0 2px 6px #00000040}.lib-small .lib-card-cover.round{border-radius:50%}.lib-small .lib-card-title{font-size:11.5px;line-height:1.25}.lib-small .lib-card-sub{font-size:10px;line-height:1.25}.lib-small .lib-initial{font-size:22px}.lib-small .lib-kind{top:3px;left:3px;padding:0 4px;font-size:8.5px}.lib-small .lib-card-add{width:24px;height:24px;right:4px;bottom:4px;font-size:16px}.lib-small .lib-card-loads{inset:auto 3px 3px 3px;gap:2px}.lib-small .lib-card-loads .load-btn{padding:1px 5px}.lib-small .lib-fit{font-size:9.5px;padding:0 4px}.lib-small .lib-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:0}.lib-small .lib-grid.artists{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.lib-small .lib-cell{contain-intrinsic-size:88px 125px;scroll-margin-top:30px}.lib-small .lib-toolbar{gap:6px}.lib-small .lib-toolbar h2{font-size:14px}.lib-small .lib-toolbar .filter,.lib-small .lib-toolbar select{padding:2px 8px;font-size:12px}.lib-small .lib-seg button{padding:1px 8px;font-size:11px}.lib-small .lib-letters{top:-6px;padding:2px 0}.lib-small .lib-letters button{width:17px;height:17px;font-size:10px}.lib-small .lib-page:has(>.lib-hero){display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:8px 12px}.lib-small .lib-page:has(>.lib-hero)>:not(.lib-hero){grid-column:2;min-width:0}.lib-small .lib-page>.lib-hero{grid-column:1;grid-row:1 / span 40;position:sticky;top:0;margin:0;border-radius:10px}.lib-small .lib-hero{display:grid;grid-template-columns:60px minmax(0,1fr);align-items:center;align-content:start;gap:2px 10px;padding:10px;margin:0;max-height:calc(100% - 4px)}.lib-small .lib-hero-text{display:contents}.lib-small .lib-hero-art{grid-column:1;grid-row:1 / span 3;width:60px;border-radius:5px;box-shadow:0 4px 12px #00000073;align-self:start}.lib-small .lib-hero-art.round{border-radius:50%}.lib-small .lib-hero-kicker,.lib-small .lib-hero-title,.lib-small .lib-hero-meta{grid-column:2}.lib-small .lib-hero-kicker{font-size:9px;align-self:end}.lib-small .lib-hero-title{font-size:16px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lib-small .lib-hero-meta{font-size:10.5px;line-height:1.3;align-self:start}.lib-small .lib-chips,.lib-small .lib-hero-actions,.lib-small .lib-bio{grid-column:1 / -1}.lib-small .lib-chips{margin-top:4px;gap:3px}.lib-small .lib-chip{font-size:10px;padding:0 7px}.lib-small .lib-hero-actions{margin-top:4px;gap:4px}.lib-small .lib-hero-actions .btn{padding:1px 7px;font-size:11px}.lib-small .lib-bio{margin-top:4px;font-size:10.5px;-webkit-line-clamp:3}.lib-small .lib-genres{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px}.lib-small .lib-genre{min-height:0;padding:4px 8px;border-radius:6px}.lib-small .lib-genre b{font-size:11.5px}.lib-small .lib-genre span{font-size:9.5px}.lib-small .lib-top{grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:8px}.lib-small .lib-topcard{display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;gap:1px 8px;padding:8px;border-radius:9px}.lib-small .lib-topcard>h3{grid-column:1 / -1;margin-bottom:3px}.lib-small .lib-topcard-art{grid-row:span 2;width:44px}.lib-small .lib-topcard-name{align-self:end;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-small .lib-topsongs{gap:0}.lib-small .lib-songline{grid-template-columns:24px minmax(0,1fr) auto auto auto;gap:8px;padding:1px 4px}.lib-small .lib-songline-art{width:24px;height:24px}.lib-small .lib-songline-text{font-size:11.5px;line-height:1.2}.lib-small .lib-songline-text>:last-child{font-size:10px}.lib-small .tracks td,.lib-small .tracks th{padding-top:1px;padding-bottom:1px}.lib-small .track-art{width:18px;height:18px;margin-right:6px}.lib-small .table-tools{margin-bottom:4px}.lib-small .lib-home{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:8px 18px}.lib-small .lib-home>:not(.lib-shelf),.lib-small .lib-home>.lib-shelf:has(.lib-genres){grid-column:1 / -1}.lib-small .lib-shelf>header>.muted{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-small .lib-shelf>header>h3,.lib-small .lib-shelf>header>button{flex:none}[data-density=compact]>.deck,[data-density=compact]>.mixer{padding:6px;gap:6px}[data-density=compact] .overview{height:32px}[data-density=compact] .deck-left,[data-density=compact] .deck-right{gap:4px}[data-density=compact] .pad{height:26px}[data-density=compact] .cue-btn,[data-density=compact] .play-btn{height:36px}[data-density=compact] .deck-util{flex-wrap:nowrap;gap:3px}[data-density=compact] .deck-util .btn{padding:3px 6px}[data-density=compact] .deck-util .util-label{display:none}[data-density=tight]>.deck{padding:5px 6px;gap:4px}[data-density=tight] .deck-head{gap:8px}[data-density=tight] .deck-letter{font-size:20px;width:20px}[data-density=tight] .deck-title .title{font-size:13px}[data-density=tight] .overview{height:24px}[data-density=tight] .deck-body{grid-template-columns:84px minmax(0,1fr) 82px;gap:6px}[data-density=tight] .deck-left,[data-density=tight] .btn-grid{gap:3px}[data-density=tight] .deck-body .btn{padding:2px 4px;font-size:10px}[data-density=tight] .cue-btn,[data-density=tight] .play-btn{height:28px;font-size:11px}[data-density=tight] .deck-right{display:grid;grid-template-columns:22px minmax(0,1fr);grid-auto-rows:min-content;align-content:start;align-items:center;gap:3px 4px}[data-density=tight] .deck-right>.fader{grid-column:1;grid-row:1 / span 7;justify-self:center}[data-density=tight] .deck-right>:not(.fader){grid-column:2}[data-density=tight] .deck-right .sync-btn{height:auto}[data-density=tight] .master-tag{font-size:8px;padding:0 3px;justify-self:center}[data-density=tight] .hotcues,[data-density=tight] .beatloops{gap:3px}[data-density=tight] .pad{height:21px;font-size:10.5px;padding:0}[data-density=tight] .fx-row{gap:3px}[data-density=tight] .fx-row .btn,[data-density=tight] .fx-select{padding:2px 5px;font-size:10px}[data-density=tight] .deck-util{flex-wrap:nowrap;gap:2px}[data-density=tight] .deck-util .btn{padding:2px 5px;font-size:10px}[data-density=tight] .deck-util .util-label,[data-density=tight] .deck-util .sep{display:none}[data-density=tight]>.mixer{padding:5px;gap:4px}[data-density=tight] .mixer-channels{gap:6px}[data-density=tight] .channel{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-content:start;gap:2px 2px;width:64px}[data-density=tight] .channel>*{grid-column:1 / -1}[data-density=tight] .channel>.knob:nth-child(2){grid-column:1;grid-row:2}[data-density=tight] .channel>.knob:nth-child(7){grid-column:2;grid-row:2}[data-density=tight] .channel>.ch-fader{margin-top:2px}[data-density=tight] .knob-label{font-size:8.5px}[data-density=tight] .knob-ends{font-size:7px;margin-top:-2px}[data-density=tight] .ch-label{font-size:10px}[data-density=tight] .mixer-master{gap:3px;padding:0 4px}[data-density=tight] .cue-phones{padding:2px;font-size:9px}[data-density=tight] .xfader-head .ch-group{display:none}[data-density=tight] .xfader-head{justify-content:center}[data-density=tight] .xfader{gap:6px}[data-density=tight] .autofade{gap:3px}[data-density=tight] .autofade .btn{padding:2px 5px;font-size:9px}@media (min-width: 761px) and (max-width: 1599px){.topbar{gap:6px 8px;padding:5px 10px}.topbar .btn.small{padding:3px 7px}.topbar .server{display:none}.topbar .zoom{margin-left:6px}}@media (min-width: 761px) and (max-width: 1399px){.topbar .zoom>.muted,.topbar .skin-picker>.muted{display:none}}.deck{container:deck / inline-size}.mode-tools,.grid-tools{display:contents}.deck-util .grid-toggle{display:none}@container deck (max-width: 560px){.deck-util{flex-wrap:nowrap}.deck-util .util-label,.deck-util .sep{display:none}.deck-util .grid-toggle{display:inline-block}.deck-util:not(.grid-open) .grid-tools,.deck-util.grid-open .mode-tools{display:none}}[data-density=tight] .mixer-channels{gap:4px}[data-density=tight] .phones-label,[data-density=tight] .mixer-master .ch-label{font-size:9px}[data-density=tight] .channel{grid-template-rows:repeat(7,auto) 1fr auto auto}[data-density=tight] .channel>.ch-group:nth-child(9){align-self:end}[data-density=tight] .knob-label{white-space:nowrap}[data-density=compact] .channel{gap:2px}[data-density=compact] .mixer-master{gap:5px}[data-density=compact]>.mixer{gap:5px}[data-density=compact] .knob-label{font-size:9px}[data-density=compact] .xfader-head .ch-group{display:none}[data-density=compact] .xfader-head{justify-content:center}[data-density=tight] .channel{row-gap:1px}[data-density=tight] .knob{gap:0}[data-density=tight] .knob-label{line-height:1.1}@media (min-width: 900px) and (max-width: 1180px){.console{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.mixer{grid-column:auto;grid-row:auto}}.tb-short{display:none}@media (min-width: 761px) and (max-width: 1180px){.topbar .tb-long{display:none}.topbar .tb-short{display:inline}}.split-panel>.deck .deck-body{flex:1}.kiffer-cards>.kiffer-card-thumb,.kiffer-binder-tray-cards>.kiffer-card-thumb{align-self:start}.kiffer-coll-main{flex:1;min-height:0;display:flex;flex-direction:column}@media (min-width: 1100px){.kiffer-coll-main.with-who{flex-direction:row;gap:14px}.kiffer-coll-main.with-who>.kiffer-coll-who{flex:0 0 clamp(300px,24vw,420px);margin:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:12px 14px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--panel-2) 70%,transparent)}.kiffer-coll-main.with-who>.kiffer-coll-who>*{min-width:0}.kiffer-coll-main.with-who>.kiffer-coll-who .kiffer-row{flex-wrap:wrap;justify-content:flex-start}}.kiffer-bag-row{display:flex;justify-content:center;align-items:flex-start;gap:clamp(14px,2.5vw,40px);max-width:94vw}.kiffer-bag-one{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.kiffer-reveal.many .kiffer-tease{width:min(calc((100vh - 230px) / 2.45),400px,calc((90vw - (var(--n) - 1) * 40px) / var(--n) / 1.2));min-height:auto;aspect-ratio:400 / 730}.kiffer-reveal.many .kiffer-bag{animation-delay:calc(var(--i) * .15s);transition-delay:calc(var(--i) * .35s),calc(var(--i) * .35s + 4.4s)}.kiffer-reveal.many .kiffer-bag-face b{font-size:min(5vh,44px)}.kiffer-reveal.many .kiffer-bag-face i{font-size:min(10vh,90px)}.kiffer-bag-grade{font-weight:800;font-size:14px;color:var(--text-strong, #fff);white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.kiffer-bag-grade b{font-size:22px;margin-right:4px}.kiffer-bag-grade.top b{color:#ffd84a}.kiffer-reveal.many.bag-3 .kiffer-bag-grade{opacity:1;transform:none;transition-delay:calc(var(--i) * .25s)}.cdz{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;grid-template-columns:64px minmax(0,1fr) 290px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head head" "tools stage side";background:#15161b;color:#e9eaee;outline:none}.cdz-head{grid-area:head;display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#1c1d23}.cdz-title{width:min(320px,30vw);padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0d;color:inherit;font:inherit;font-size:15px;font-weight:700}.cdz-seg{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:#ffffff12}.cdz-seg button{border:0;background:none;color:var(--muted, #9aa0aa);font:inherit;font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px;cursor:pointer}.cdz-seg button.on{background:var(--accent, #1fa2ff);color:var(--on-accent, #000)}.cdz-seg button:disabled{opacity:.4;cursor:default}.cdz-status{font-size:12px;color:#ffb36b}.cdz-status.ok{color:#7fd17f}.cdz-tools{grid-area:tools;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;border-right:1px solid rgba(255,255,255,.08);overflow-y:auto}.cdz-tool{width:42px;height:42px;border:1px solid transparent;border-radius:10px;background:none;color:inherit;font-size:19px;cursor:pointer}.cdz-tool:hover{background:#ffffff12}.cdz-tool.on{background:color-mix(in srgb,var(--accent, #1fa2ff) 25%,transparent);border-color:var(--accent, #1fa2ff)}.cdz-sep{width:30px;height:1px;margin:4px 0;background:#ffffff1a}.cdz-color{position:relative;width:38px;height:38px;border-radius:50%;background:var(--c);border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px #00000080;cursor:pointer}.cdz-color input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cdz-swatches{display:grid;grid-template-columns:repeat(2,18px);gap:4px;margin-top:4px}.cdz-swatches button{width:18px;height:18px;border-radius:50%;border:1px solid rgba(255,255,255,.3);cursor:pointer;padding:0}.cdz-swatches button.on{outline:2px solid var(--accent, #1fa2ff);outline-offset:1px}.cdz-stage{grid-area:stage;position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% 45%,#24262e,#121318 70%),#121318}.cdz-card{position:relative;overflow:hidden;box-shadow:0 24px 60px -10px #000c,0 0 0 1px #ffffff14}.cdz-card .canvas-container,.cdz-card canvas{display:block}.cdz-loading,.cdz-hint{position:absolute;left:0;right:0;text-align:center;margin:0;font-size:11.5px;color:#ffffff8c;pointer-events:none}.cdz-loading{top:50%}.cdz-hint{bottom:8px}.cdz-side{grid-area:side;display:flex;flex-direction:column;gap:14px;padding:12px 14px;border-left:1px solid rgba(255,255,255,.08);overflow-y:auto;font-size:12.5px}.cdz-side section{display:flex;flex-direction:column;gap:6px}.cdz-side h4{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.cdz-row{display:flex;align-items:center;gap:8px}.cdz-row input[type=range]{flex:1}.cdz-row span{min-width:34px;text-align:right;font-variant-numeric:tabular-nums;color:#fff9}.cdz-row select,.cdz-mm input,.cdz-row input[type=number]{padding:3px 6px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0f;color:inherit;font:inherit}.cdz-row select{flex:1;min-width:0}.cdz-mm{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cdz-mm label{display:flex;align-items:center;gap:4px}.cdz-mm input[type=number]{width:64px}.cdz-actions,.cdz-fx{display:flex;flex-wrap:wrap;gap:4px}.cdz-chip{padding:3px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:none;color:inherit;font:inherit;font-size:11.5px;cursor:pointer}.cdz-chip:hover{border-color:#fff6}.cdz-chip.on{background:color-mix(in srgb,var(--accent, #1fa2ff) 30%,transparent);border-color:var(--accent, #1fa2ff);font-weight:700}.cdz-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#08090cf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 900px){.cdz{grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head head" "tools stage" "side side"}.cdz-side{max-height:34vh;border-left:0;border-top:1px solid rgba(255,255,255,.08)}}.kiffer-shop-head>.shop-parts{display:inline-flex;flex:none;margin-right:8px}.gal{display:flex;flex-direction:column;gap:14px}.gal-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.gal-intro h3{margin:0 0 2px}.gal-intro p{margin:0;max-width:640px}.gal-blank-btn{flex:none;padding:8px 14px;border-color:#c9a227;color:#ffe08a;background:linear-gradient(135deg,#c9a22738,#c9a2270f)}.gal-said{margin:0;padding:6px 10px;border-radius:8px;background:#7fd17f1f}.gal-empty{padding:40px 0;text-align:center}.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px 16px;align-items:start}.gal-item{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}.gal-pic{display:grid;place-items:end center;width:100%;height:230px;padding:0;border:0;background:none;cursor:pointer;margin-bottom:6px}.gal-tile{display:block;max-width:100%;max-height:100%;height:100%;overflow:hidden;box-shadow:0 12px 26px -8px #000000b3;transition:transform .25s}.gal-pic:hover .gal-tile{transform:translateY(-6px) scale(1.03)}.gal-tile img{display:block;width:100%;height:100%;object-fit:cover}.gal-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gal-kind{color:#ffe08a;font-weight:600}.gal-buy{margin-top:4px;min-width:90px}.gal-held{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#08090ceb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gal-held-bar{position:absolute;left:0;right:0;top:12px;z-index:7;margin:0;text-align:center;font-size:14px}.gal-modal{z-index:1050}.modal-card.gal-blank{max-width:640px}.gal-blank-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px}.gal-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gal-preset{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:108px;padding:8px 4px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-size:11px;cursor:pointer}.gal-preset i{display:block;max-width:60px;max-height:60px;background:var(--text);opacity:.75;margin-bottom:auto}.gal-preset.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.gal-preset span{color:var(--muted)}.gal-blank-side{display:flex;flex-direction:column;gap:10px;align-items:center}.gal-blank-preview{display:grid;place-items:center;width:200px;height:200px;border-radius:12px;background:repeating-conic-gradient(rgba(255,255,255,.04) 0 25%,transparent 0 50%) 0 0 / 16px 16px}.gal-blank-preview i{display:block;box-shadow:0 10px 24px -6px #000000b3,0 0 0 1px #0003}.gal-blank-side .cdz-mm{grid-template-columns:1fr}.gal-why{color:var(--bad)}.gal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}.gal-listed{padding:2px 8px;border-radius:999px;background:#ffe08a1a;color:#ffe08a}.gal-sell{display:flex;flex-direction:column;gap:8px;width:100%;padding:10px;border-radius:10px;background:var(--panel-2)}.gal-sell p{margin:0}@media (max-width: 700px){.gal-blank-body{grid-template-columns:1fr}}.gal-tag{display:inline-block;padding:1px 7px;border-radius:4px;background:#c9a227;color:#1b1405;font-size:10px;font-weight:800;letter-spacing:.06em;vertical-align:2px}.kiffer-contra-tag{display:inline-block;margin-left:6px;padding:0 5px;border:1px solid #ff2a2a;border-radius:3px;background:#120607;color:#ff4a3d;font-size:.62em;font-weight:900;letter-spacing:.1em;vertical-align:.2em}.contra{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 30%,#5a08088c,#000000eb 70%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contra-box{width:min(980px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:18px 20px 22px;border:1px solid #5a1313;border-radius:12px;background:linear-gradient(180deg,#170909,#0b0606);color:#e8d9d6;box-shadow:0 0 60px #ff1e1e26}.contra-box header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.contra-box header>div{flex:1}.contra-box h3{margin:0;font-size:22px;letter-spacing:.02em;color:#ff4a3d;text-shadow:0 0 12px rgba(255,40,30,.5)}.contra-box header p{margin:2px 0 0;color:#b59a96}.contra-said{margin:0 0 12px;padding:6px 10px;border-radius:6px;background:#ff3c281f}.contra-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 16px;align-items:start}.contra-card{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}.contra-card.sold{opacity:.4}.contra-thumb{width:170px;margin-bottom:8px;cursor:default}.contra-gone{position:absolute;inset:40% 0 auto;z-index:3;transform:rotate(-14deg);color:#ff2a2a;font-size:30px;font-weight:900;letter-spacing:.1em;text-shadow:0 2px 8px #000}.contra-name{max-width:100%;font-size:13px}.contra-fx{color:#ff7a6b;font-weight:700}.contra-cond{color:#a78f8b}.contra-buy{margin-top:6px;min-width:110px;border-color:#ff2a2a;color:#ffd2cc;background:#3a0d0d}.cdz{grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head" "paint side"}.cdz.no-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "paint"}.cdz-size{white-space:nowrap}.cdz-paint{grid-area:paint;position:relative;min-width:0;min-height:0;background:#1b1c21}.cdz-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;visibility:hidden}.cdz-frame.on{visibility:visible}.cdz-paint .cdz-loading{position:absolute;top:50%;left:0;right:0;text-align:center;color:#fff9}@media (max-width: 900px){.cdz{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"head" "paint" "side"}}.cdz-legend i{display:inline-block;width:18px;height:0;margin-right:6px;vertical-align:middle;border-top:2px solid #ff2d55}.cdz-legend i.bleed{height:9px;border:0;background:#ff285a4d}.cdz-legend i.safe{border-top:2px dashed rgba(0,190,255,.9)}.pbar{flex-basis:100%;order:99;display:flex;align-items:center;gap:10px 18px;min-width:0;margin:2px -12px -6px;padding:6px 12px;border-top:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,var(--topbar-bg, var(--panel))),var(--topbar-bg, var(--panel)) 60%);font-size:12px;overflow:hidden}.pbar.you{background:linear-gradient(90deg,color-mix(in srgb,#ffcf3a 22%,var(--topbar-bg, var(--panel))),var(--topbar-bg, var(--panel)) 60%);border-top-color:#ffcf3a80}.pbar-words{display:grid;min-width:0;line-height:1.2}.pbar-words>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar-state{font-size:9.5px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.pbar-artist{color:var(--muted);font-size:11px}.pbar-dj{display:flex;align-items:center;gap:8px;flex:none;padding-right:14px;border-right:1px solid var(--line)}.pbar-dj-mark{font-size:22px}.pbar-dj b{font-size:14px;color:var(--text-strong, var(--text))}.pbar.you .pbar-dj b{color:#ffcf3a}.pbar-mode{font-size:10.5px;font-weight:700}.pbar-mode.auto{color:var(--accent)}.pbar-mode.live{color:#ff7a5c}.pbar-deck{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 380px;padding:3px 10px 3px 4px;border-radius:8px;border:1px solid transparent;opacity:.75}.pbar-deck.air{opacity:1;flex-basis:440px;border-color:color-mix(in srgb,var(--deck) 60%,transparent);background:color-mix(in srgb,var(--deck) 12%,transparent)}.pbar-deck.air .pbar-state{color:var(--deck)}.pbar-letter{flex:none;width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:var(--deck);color:#000;font-weight:900;font-size:12px}.pbar-cover{flex:none;width:34px;height:34px;border-radius:4px;object-fit:cover}.pbar-cover.none{display:grid;place-items:center;background:var(--panel-2)}.pbar-deck .pbar-words{flex:1}.pbar-time{flex:none;display:grid;gap:3px;justify-items:end;width:76px}.pbar-left{font-variant-numeric:tabular-nums;font-weight:800;font-size:14px}.pbar-left.soon{color:#ff5c5c;animation:pbar-soon 1s steps(1) infinite}@keyframes pbar-soon{50%{opacity:.45}}.pbar-progress{width:100%;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.pbar-progress i{display:block;height:100%;background:var(--deck)}.pbar-next{display:grid;min-width:0;flex:0 1 260px;line-height:1.2}.pbar-next>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar-who{margin-left:auto;flex:none;white-space:nowrap}.pbar-quiet{flex:1}@media (max-width: 1100px){.pbar-next,.pbar-who{display:none}}.kiffer-coll>.pbar{order:-1;flex:none;margin:-14px -16px 10px;border-top:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kiffer-coll-wrap.full .kiffer-coll>.pbar{margin:-14px calc(-1*max(16px,2vw)) 10px;border-radius:0}.party-you-dj{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:8px 14px;border:1px solid rgba(255,207,58,.6);border-radius:10px;background:linear-gradient(90deg,#ffcf3a38,#ffcf3a0a);box-shadow:0 0 18px #ffcf3a26}.party-you-dj-mark{font-size:26px}.party-you-dj>span:last-child{display:grid}.party-you-dj b{font-size:16px;color:#ffcf3a;letter-spacing:.02em}.runout{position:fixed;top:10px;left:50%;z-index:1200;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:10px 18px 10px 12px;border:2px solid #ff3b3b;border-radius:12px;background:#2a0b0b;color:#ffe6e3;box-shadow:0 10px 40px #0009,0 0 30px #ff282859;animation:runout-pulse 1s ease-in-out infinite}.runout>span:last-child{display:grid;gap:2px}.runout b{font-size:15px}.runout-time{font-size:28px;font-weight:900;font-variant-numeric:tabular-nums;color:#ff5a4f}@keyframes runout-pulse{50%{box-shadow:0 10px 40px #0009,0 0 6px #ff282833;border-color:#a51d1d}}.ch-flat{width:100%;padding:2px;font-size:9px;letter-spacing:.06em;--btn-color: var(--deck, var(--accent))}[data-density=tight] .ch-flat{padding:1px;font-size:8.5px}.knob-press{padding:0 4px;border:1px solid transparent;border-radius:3px;background:none;font:inherit;cursor:pointer;line-height:1.25}.knob-press:hover{border-color:var(--line);background:var(--panel-2)}.knob-press.on{border-color:#ff4040;background:#ff323238;color:#ff6a6a;opacity:1}[data-density=tight] .channel{row-gap:0}[data-density=tight] .ch-flat{margin:1px 0}.evcal{margin:4px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel-2) 60%,transparent)}.evcal h4{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.evcal ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.evcal li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;border-radius:8px}.evcal li.on{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.evcal li.secret .evcal-what b{letter-spacing:.04em;color:#ffcf3a}.evcal-icon{font-size:20px;text-align:center}.evcal-what{display:grid;min-width:0}.evcal-what>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evcal-what .small{color:var(--muted)}.evcal-when{display:grid;justify-items:end;text-align:right;white-space:nowrap}.evcal li.on .evcal-when b{color:var(--accent)}.qtev{display:flex;align-items:center;gap:24px;margin:4px 0 14px;padding:18px 22px;border:1px solid #ffd23f;border-radius:14px;background:radial-gradient(circle at 85% 50%,rgba(255,210,63,.18),transparent 55%),linear-gradient(135deg,#1c1f27,#11131a);color:#f3f0e6}.qtev-text{flex:1;min-width:0}.qtev-live{display:inline-block;padding:2px 8px;border-radius:999px;background:#ffd23f;color:#1b1500;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.qtev h3{margin:6px 0 4px;font-size:28px;font-weight:900;letter-spacing:-.01em;color:#ffd23f}.qtev p{margin:0 0 12px;max-width:620px;font-size:13px;line-height:1.45;color:#d8d4c8}.qtev-buy{border-color:#ffd23f;background:#ffd23f;color:#1b1500;font-weight:800;padding:7px 16px}.qtev-art{flex:none;display:grid;grid-template-columns:repeat(2,54px);grid-template-rows:repeat(2,76px);gap:6px;transform:rotate(-6deg)}.qtev-art i{border-radius:6px;background:linear-gradient(135deg,#ffd23f,#e07b39 60%,#7a2fbf);box-shadow:0 6px 16px #00000080}.qtev-art i:nth-child(1){border-radius:10px 4px 4px;transform:translate(-4px,-4px)}.qtev-art i:nth-child(2){border-radius:4px 10px 4px 4px;transform:translate(4px,-4px)}.qtev-art i:nth-child(3){border-radius:4px 4px 4px 10px;transform:translate(-4px,4px)}.qtev-art i:nth-child(4){border-radius:4px 4px 10px;transform:translate(4px,4px)}@media (max-width: 700px){.qtev-art{display:none}.evcal li{grid-template-columns:24px minmax(0,1fr)}.evcal-when{grid-column:2;justify-items:start;text-align:left}}.kiffer-boy-live{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;backface-visibility:hidden;transform:translateZ(calc(var(--thick, 6px) / 2 + 4px));pointer-events:none}.kiffer-boy-screen{position:absolute;background:#0d0f0c;overflow:hidden;pointer-events:auto}.kiffer-boy-screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.kiffer-boy-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;background:#9bbc0f;color:#0f380f;font:600 12px/1.25 ui-monospace,Menlo,monospace;text-align:center}.kiffer-boy-menu button,.kiffer-boy-menu .btn{font:inherit;color:#0f380f;background:#8bac0f;border:2px solid #306230;border-radius:4px;padding:3px 8px;cursor:pointer}.kiffer-boy-menu button:hover,.kiffer-boy-menu .btn:hover{background:#306230;color:#9bbc0f}.kiffer-boy-key{position:absolute;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:none}.kiffer-boy-key.round{border-radius:50%}.kiffer-boy-key:active{background:#0000002e}.kiffer-boy-led{position:absolute;border-radius:50%}.kiffer-boy-led.on{background:#ff3b30;box-shadow:0 0 6px 2px #ff3b30b3}.kiffer-card-face.mm:not(.quarter){width:calc(100% * var(--mmw) / 63);margin-inline:auto}.kiffer-card-face.mm-wide:not(.quarter){width:100%}.kiffer-card-big .kiffer-card-face.mm:not(.quarter){width:100%;margin-inline:0}.kiffer-cards .kiffer-card-thumb:has(.kiffer-card-face.mm-wide){grid-column:span 2;justify-self:center}.kiffer-cards .kiffer-card-thumb .kiffer-card-face.mm-wide:not(.quarter){width:calc(var(--card-w, 170px) * var(--mmw) / 63)}.kiffer-boy-carts{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:20;width:min(320px,46%);max-height:78%;overflow:auto;padding:10px;border:1px solid var(--line, #333);border-radius:10px;background:var(--panel, #16181d);box-shadow:0 12px 30px #0000008c}.kiffer-boy-carts-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kiffer-boy-carts ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kiffer-boy-carts li>button{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:1px solid transparent;border-radius:8px;background:var(--panel-2, #1e2128);color:inherit;font:inherit;text-align:left;cursor:pointer}.kiffer-boy-carts li>button:hover{border-color:var(--accent, #4aa3ff)}.kiffer-boy-carts li>button.on{border-color:#ffcb05}.kiffer-boy-carts li img,.kiffer-boy-carts-chip{flex:none;width:44px;height:50px;object-fit:contain;border-radius:4px}.kiffer-boy-carts-chip{border:3px solid}.kiffer-boy-carts li>button>span{display:flex;flex-direction:column;min-width:0}.kiffer-boy-tools{position:absolute;top:2%;right:4%;display:flex;gap:6px;pointer-events:auto}.kiffer-boy-tool{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:14px;line-height:28px;cursor:pointer}.kiffer-boy-tool:hover:not(:disabled){background:#000c}.kiffer-boy-tool:disabled{opacity:.4;cursor:default}.kiffer-boy-focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;background:#040506f0}.kiffer-boy-focus canvas{width:min(100%,calc((100dvh - 80px) * 10 / 9));aspect-ratio:10 / 9;image-rendering:pixelated;background:#0d0f0c;box-shadow:0 0 0 6px #1b1d22,0 20px 60px #0009}.kiffer-boy-focus-bar{display:flex;align-items:center;gap:10px;color:#fff9;font-size:12px;text-align:center}.kiffer-boy-live.idle .kiffer-boy-screen{pointer-events:none}.kiffer-boy-screen img{display:block;width:100%;height:100%;image-rendering:pixelated}@font-face{font-family:Pokemon Solid;src:url(/fonts/pokemon-solid.ttf) format("truetype");font-display:swap}.kfev{position:relative;container-type:inline-size;margin:4px 0 20px;border-radius:16px;overflow:clip;color:#fff;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;background:radial-gradient(circle,rgba(255,255,255,.8) 0 .7px,transparent 1.2px) 0 0 / 23px 19px,radial-gradient(circle,rgba(255,255,255,.5) 0 .6px,transparent 1.1px) 9px 7px / 31px 27px,radial-gradient(ellipse 36% 70% at 55% 55%,rgba(255,203,5,.22),transparent 72%),linear-gradient(135deg,#2f6e6b,#3f8f8a 50%,#1f4f4d);border:1px solid rgba(160,230,220,.4);box-shadow:0 22px 50px -22px #000c,inset 0 1px #fff3}.kfev-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr) 230px;grid-template-areas:"text fan board";gap:16px 24px;padding:24px 26px 22px}@container (max-width: 960px){.kfev-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"text fan" "board fan"}}@container (max-width: 620px){.kfev-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"fan" "text" "board";padding:18px 16px}}.kfev-text{grid-area:text;display:flex;flex-direction:column;gap:8px;min-width:0}.kfev p{margin:0}.kfev-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.kfev-tags span{padding:3px 9px;border-radius:99px;background:#00000047;border:1px solid rgba(255,255,255,.25)}.kfev-tags .kfev-live{background:#e60012;border-color:#ff6b6b;font-weight:700}.kfev-countdown{font-variant-numeric:tabular-nums}.kfev-presents{font-size:12px;letter-spacing:.18em;text-transform:lowercase;opacity:.85}.kfev .kfev-title{margin:0;font-family:Pokemon Solid,Arial Black,sans-serif;font-weight:400;font-size:clamp(30px,6cqw,52px);line-height:1.05;letter-spacing:.02em;color:#ffcb05;-webkit-text-stroke:3px #2a75bb;paint-order:stroke fill;text-shadow:0 4px 0 #1d3c74,0 8px 18px rgba(0,0,0,.45)}.kfev-strip{align-self:flex-start;padding:3px 10px;border-radius:6px;background:#ffcb05;color:#1d3c74;font-weight:800;font-size:13px}.kfev-lead{font-size:14px;line-height:1.45;max-width:46ch}.kfev-buy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:4px}.kfev-buy>span{font-size:12px;opacity:.9}.kfev-fine{flex-basis:100%}.kfev-cta{padding:9px 16px;border:0;border-radius:10px;background:#ffcb05;color:#1d3c74;font:800 14px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 3px #b38f00}.kfev-cta.alt{background:#fff;box-shadow:0 3px #9fb8b6}.kfev-cta:hover:not(:disabled){transform:translateY(-1px)}.kfev-cta:disabled{opacity:.6;cursor:default}.kfev-fan{grid-area:fan;position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:250px;--card-w: 110px}.kfev-card{position:relative;width:calc(var(--card-w) * 57 / 63);margin:0 -14px;rotate:calc(var(--i) * 9deg);translate:0 var(--y, 0);filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.kfev-card.boy{width:calc(var(--card-w) * 78 / 63);z-index:1}.kfev-card .kiffer-card-face.mm{width:100%}.kfev-board{grid-area:board;display:flex;flex-direction:column;gap:10px}.kfev-prize{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#00000047;border:1px solid rgba(255,203,5,.55)}.kfev-prize-card{--card-w: 64px;width:64px;flex:none;filter:drop-shadow(0 4px 10px rgba(255,203,5,.45))}.kfev-prize p{display:flex;flex-direction:column;gap:2px;font-size:12px}.kfev-prize b{font-size:14px}.kfev-standings{margin:0;padding:8px 10px;list-style:none;border-radius:10px;background:#ffffffeb;color:#1d3c74;font-size:13px}.kfev-standings li{display:grid;grid-template-columns:22px 1fr auto;gap:6px;padding:3px 0}.kfev-standings li+li{border-top:1px dashed rgba(29,60,116,.25)}.kfev-standings li.me{font-weight:800;color:#e60012}.kfev-standings .kfev-empty{display:block;opacity:.7}.kfev-prize-outline{flex:none;display:grid;place-items:center;width:64px;aspect-ratio:63 / 88;border:2px dashed #ffcb05;border-radius:5px/3.6px;background:#ffcb0514;box-shadow:0 0 14px #ffcb0559,inset 0 0 10px #ffcb052e}.kfev-prize-outline span{font-family:Pokemon Solid,Arial Black,sans-serif;font-size:30px;color:#ffcb05;-webkit-text-stroke:2px #2a75bb;paint-order:stroke fill}.ctx-menu{position:fixed;z-index:10050;display:grid;min-width:210px;max-width:300px;padding:5px;border:1px solid var(--line, #333);border-radius:10px;background:var(--panel, #16181d);box-shadow:0 14px 34px #0000008c;font-size:13px}.ctx-menu-title{overflow:hidden;padding:4px 9px 6px;color:var(--muted, #9aa0a6);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.ctx-menu button{padding:6px 9px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.ctx-menu button:hover:not(:disabled),.ctx-menu button:focus-visible{outline:none;background:var(--accent, #4aa3ff);color:#fff}.ctx-menu button.on{color:#ffcb05}.ctx-menu button.danger:hover:not(:disabled){background:#d93a3a}.ctx-menu button:disabled{opacity:.4;cursor:default}.ctx-menu hr{margin:4px 6px;border:0;border-top:1px solid var(--line, #333)}.kfm-binder-wrap{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.kfm-binder-switch{display:flex;gap:6px;margin-bottom:8px}.kfm-binder-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.kfm-binder-count{font-variant-numeric:tabular-nums;color:var(--muted, #9aa0a6)}.kfm-binder-bar{flex:1;height:6px;border-radius:6px;overflow:hidden;background:#ffffff1a}.kfm-binder-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffcb05,#ff6a3d)}.kfm-binder-nav{display:flex;align-items:center;gap:6px;margin-bottom:8px}.kfm-binder-nav select{padding:3px 6px;border-radius:6px;border:1px solid var(--line, #333);background:var(--panel-2, #1e2128);color:inherit;font:inherit}.kiffer-pocket.kfm-empty{min-width:calc(var(--bcard) * 1.16 + 8px)}.kfm-pocket-empty{position:absolute;top:8%;right:8%;bottom:8%;left:8%;display:grid;place-content:center;justify-items:center;gap:2px;border:2px dashed rgba(255,203,5,.25);border-radius:8px;color:#ffffff73}.kfm-pocket-empty b{font-variant-numeric:tabular-nums}.kfm-pocket-empty i{font-size:2.2em;font-style:normal;font-weight:800;color:#ffcb0559}.kfm-pocket-empty small{font-size:10px}.kiffer-boy-caught{position:absolute;left:50%;top:6%;transform:translate(-50%);z-index:3;padding:6px 12px;border-radius:999px;background:#0a0c10d9;color:#ffcb05;font-size:13px;font-weight:700;white-space:nowrap;pointer-events:none}.bt-cpu{display:grid;gap:8px;margin:4px 0 8px}.bt-cpu-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bt-cpu-row>span{display:grid;gap:1px;min-width:0}.bt-cpu-row select{flex:none}.deck-stems{position:relative;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.deck-stems .btn{font-size:11px}.deck-stems .stem-btn:not(.active){opacity:.55;text-decoration:line-through}.deck-stems .stem-progress{position:absolute;left:0;bottom:-3px;height:2px;background:var(--deck);transition:width .3s}.part-icon{display:inline-block;width:1.35em;height:1.35em;object-fit:contain;vertical-align:-.32em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));pointer-events:none;-webkit-user-select:none;user-select:none}.part-icon.i-screen{object-fit:cover;border-radius:3px;width:1.5em;height:1.1em;vertical-align:-.2em}.kiffer-reveal.one-by-one .kiffer-bag{animation-delay:calc(var(--i) * .15s);transition:transform 3s cubic-bezier(.5,0,.35,1),opacity .6s;transition-delay:0s}.kiffer-reveal.one-by-one .kiffer-bag-one:not(.bag-0) .kiffer-bag{box-shadow:inset 0 -6px 8px -2px #000000b3,inset 0 18px 30px #0000004d,0 30px 60px -12px #000000d9}.kiffer-reveal.one-by-one .kiffer-bag-one:is(.bag-2,.bag-3) .kiffer-bag{transform:translateY(-112%)}.kiffer-reveal.one-by-one .kiffer-bag-one.bag-3 .kiffer-bag{opacity:0}.kiffer-reveal.one-by-one .kiffer-bag-one:not(.bag-0) .kiffer-bag-crimp{transform:translate(60%,140px) rotate(-24deg);opacity:0}.kiffer-reveal.one-by-one .kiffer-bag-one.bag-1 .kiffer-bag-face{animation:kiffer-unveil-shake .08s linear 4 alternate}.kiffer-reveal.one-by-one .kiffer-bag-one.bag-3 .kiffer-tease{animation:kiffer-thud .4s ease-out}.kiffer-reveal.one-by-one .kiffer-bag-one.bag-3 .kiffer-bag-grade{opacity:1;transform:none;transition-delay:0s}.kiffer-bag-scene.sealed{cursor:pointer}.kiffer-bag-scene.sealed:hover .kiffer-bag,.kiffer-bag-scene.sealed:focus-visible .kiffer-bag{filter:brightness(1.15)}button.kiffer-bag-grade{padding:2px 8px;border:0;border-radius:6px;background:none;font-family:inherit;cursor:pointer}.kiffer-bag-one.sheet button.kiffer-bag-grade{background:#ffffff1f}.grade-sheet{display:grid;gap:5px;width:min(560px,92vw);margin:4px auto 0;text-align:left}.grade-sheet-row{display:grid;grid-template-columns:74px 110px 34px 1fr;align-items:center;gap:8px;font-size:13px}.grade-sheet-name{color:var(--muted, #9aa0a6)}.grade-sheet-bar{height:7px;border-radius:4px;overflow:hidden;background:#ffffff1f}.grade-sheet-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#6aa3ff,#b8d4ff)}.grade-sheet-row.ten .grade-sheet-bar i{background:linear-gradient(90deg,#ffcf3a,#fff1a6)}.grade-sheet-row.low .grade-sheet-bar i{background:linear-gradient(90deg,#ff7a5c,#ffb199)}.grade-sheet-v{font-variant-numeric:tabular-nums;text-align:right}.grade-sheet-why{font-size:12px;color:var(--text, #ddd);overflow-wrap:anywhere}.grade-sheet-note{margin:2px 0 0;font-size:12px;color:var(--muted, #9aa0a6)}.kiffer-cards-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kiffer-cards-bar>.kiffer-filter{flex:1 1 520px;min-width:0}.kiffer-bulk{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;padding:7px 10px;border:1px solid var(--line, #333);border-radius:10px;background:var(--panel-2, #1e2128);box-shadow:0 6px 18px #00000059}.kiffer-bulk-sep{width:1px;height:18px;background:var(--line, #333)}.kiffer-bulk .btn.danger:not(:disabled){color:#ff8a7a}.kiffer-thumb-pick{position:absolute;z-index:4;top:6px;left:6px;display:grid;place-items:center;width:22px;height:22px;border:2px solid rgba(255,255,255,.85);border-radius:6px;background:#00000073;color:#fff;font-weight:900;font-size:14px}.kiffer-thumb-pick.on{border-color:var(--accent, #3d8bff);background:var(--accent, #3d8bff)}.kiffer-card-thumb.picked .kiffer-card-face{outline:3px solid var(--accent, #3d8bff);outline-offset:2px}.abd-switch{flex-wrap:wrap}.abd-new{opacity:.8}.abd .kiffer-filter{margin-bottom:6px}.abd .kiffer-binder-page{grid-template-columns:repeat(3,calc(var(--bcard) * 1.16 + 8px))}.abd .kiffer-pocket{overflow:hidden}@property --bspread{syntax: "<length>"; inherits: true; initial-value: 100px;}.kiffer-binder-book{container-type:inline-size}.kiffer-binder:has(>.kiffer-binder-book .kiffer-binder-spread.two):has(>.kiffer-binder-tray){grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}@media (max-width: 800px){.kiffer-binder:has(>.kiffer-binder-book .kiffer-binder-spread.two):has(>.kiffer-binder-tray){grid-template-columns:1fr}}.kiffer-binder:not(:has(>.kiffer-binder-tray)){grid-template-columns:minmax(0,1fr)}.kiffer-binder-spread{display:flex;justify-content:center;align-items:flex-start;gap:14px}.kiffer-binder-spread.two{--bspread: max(44px, min(var(--bcard), (100cqw - 200px) / 6.96))}.kiffer-binder-spread.two .kiffer-binder-page{--bcard: var(--bspread);margin:0}.kiffer-binder-spread.two>:first-child .kiffer-binder-page,.kiffer-binder-spread.two>.kiffer-binder-page:first-child{background:radial-gradient(circle at calc(100% - 8px) 20%,#000 4px,transparent 5px),radial-gradient(circle at calc(100% - 8px) 50%,#000 4px,transparent 5px),radial-gradient(circle at calc(100% - 8px) 80%,#000 4px,transparent 5px),repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 2px,transparent 2px 5px),linear-gradient(200deg,#22252d,#15171c)}@container (max-width: 560px){.kiffer-binder-spread.two{flex-direction:column;align-items:center;--bspread: var(--bcard)}}.kiffer-binder-leaf{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.kiffer-binder-leaf-name{font-size:12px;font-weight:700}.kiffer-binder-spread.two .kiffer-binder-leaf:not(.picked){cursor:pointer}.kiffer-binder-leaf.picked .kiffer-binder-page{outline:2px solid var(--accent, #3d8bff);outline-offset:2px}:root{--scheme: dark;--font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-ui);--bg: #0b0c0e;--bg-image: none;--panel: #15171b;--panel-2: #1c1f24;--panel-image: none;--panel-shadow: none;--line: #2a2e35;--line-soft: #1b1e23;--text: #e6e8eb;--text-strong: #fff;--muted: #7d848e;--accent: #29b6f6;--on-accent: #001018;--radius: 4px;--radius-lg: 8px;--btn: #23272d;--btn-hi: #2e333a;--btn-text: var(--text);--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .05);--btn-active-text: #fff;--edge: #000;--input-bg: #0e1013;--topbar-bg: #08090b;--login-bg: radial-gradient(ellipse at top, #16202a, #0b0c0e 60%);--backdrop: rgba(0, 0, 0, .6);--ok: #2ee63a;--warn: #ffb300;--bad: #ff5a4f;--deck-a: #29b6f6;--deck-b: #ff7a29;--hc-1: #2ee63a;--hc-2: #e6352c;--hc-3: #ff9a00;--hc-4: #f5d90a;--hc-5: #2c8ce6;--hc-6: #a63ce6;--hc-7: #e62ca6;--hc-8: #2ce6d0;--pad-text: #000;--cue-color: #ff8c00;--play-color: #2ee63a;--loop-btn: #ffaa00;--keylock-btn: #29b6f6;--sync-btn: #29d65a;--slip-btn: #e62ca6;--phones: #ffcc00;--autodj: #a63ce6;--downbeat-led: #ff3b30;--knob-body: #2a2e34;--knob-track: #0a0b0d;--knob-pointer: #fff;--knob-value: #e8e8e8;--fader-slot: #050506;--slot-inset: inset 0 1px 2px #000;--fader-thumb: linear-gradient(#4a5058, #2a2e34);--fader-line: #ddd;--thumb-shadow: 0 2px 4px rgba(0, 0, 0, .6);--jog-center: #0d0f12;--canvas-pixel: 1;--wave-frame: #000;--wave-bg: #08090b;--wave-low: #1f5fff;--wave-mid: #f5a623;--wave-high: #ffffff;--wave-grid: rgba(255, 255, 255, .35);--wave-downbeat: rgba(255, 70, 70, .9);--playhead: #fff;--loop-color: rgba(255, 170, 0, .22);--loop-off: rgba(160, 160, 160, .12);--overview-bg: #0d0f12;--overview-dim: rgba(0, 0, 0, .55);--section-shade: rgba(166, 60, 230, .22);--section-text: rgba(214, 160, 255, .9);--jog-outer: #14161a;--jog-inner: #2a2e35;--jog-groove: rgba(255, 255, 255, .04);--jog-ring: #22262c;--jog-marker: #e8e8e8;--vu-off: #1d2126;--vu-low: #38e05a;--vu-mid: #ffb300;--vu-high: #ff3b30;--phase-bg: #060708}:root[data-skin=vaporwave]{--font-ui: "Rajdhani", system-ui, sans-serif;--font-display: "Monoton", "Rajdhani", sans-serif;--bg: #1a0533;--bg-image: linear-gradient(180deg, #12002b 0%, #3d0a66 35%, #a3238c 62%, #ff6ec7 80%, #ffb36b 100%);--panel: rgba(24, 4, 48, .82);--panel-2: rgba(70, 16, 110, .65);--panel-shadow: 0 0 0 1px #ff71ce, 0 0 22px rgba(255, 113, 206, .45);--line: #b967ff;--line-soft: rgba(185, 103, 255, .28);--text: #fdf0ff;--text-strong: #ffffff;--muted: #d6a6ff;--accent: #01cdfe;--on-accent: #1a0533;--radius: 2px;--radius-lg: 3px;--btn: rgba(70, 14, 110, .85);--btn-hi: rgba(120, 30, 170, .95);--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .15);--edge: #ff71ce;--input-bg: rgba(18, 0, 40, .85);--topbar-bg: linear-gradient(90deg, rgba(255, 113, 206, .35), rgba(185, 103, 255, .35), rgba(1, 205, 254, .35));--login-bg: transparent;--ok: #05ffa1;--warn: #fffb96;--bad: #ff3864;--deck-a: #01cdfe;--deck-b: #ff71ce;--hc-1: #05ffa1;--hc-2: #ff3864;--hc-3: #fffb96;--hc-4: #ff9f1c;--hc-5: #01cdfe;--hc-6: #b967ff;--hc-7: #ff71ce;--hc-8: #7df9ff;--cue-color: #fffb96;--play-color: #05ffa1;--loop-btn: #fffb96;--keylock-btn: #01cdfe;--sync-btn: #05ffa1;--slip-btn: #ff71ce;--phones: #fffb96;--autodj: #b967ff;--downbeat-led: #ff71ce;--knob-body: #2b0a4f;--knob-track: #120024;--knob-pointer: #fffb96;--knob-value: #01cdfe;--fader-slot: #120024;--slot-inset: 0 0 6px #ff71ce;--fader-thumb: linear-gradient(#ff71ce, #b967ff);--fader-line: #fff;--thumb-shadow: 0 0 10px rgba(255, 113, 206, .8);--jog-center: #12002b;--wave-frame: transparent;--wave-bg: rgba(10, 0, 26, .88);--wave-low: #ff71ce;--wave-mid: #01cdfe;--wave-high: #fffb96;--wave-grid: rgba(1, 205, 254, .35);--wave-downbeat: #fffb96;--playhead: #ffffff;--loop-color: rgba(5, 255, 161, .18);--loop-off: rgba(185, 103, 255, .15);--overview-bg: rgba(10, 0, 26, .88);--overview-dim: rgba(10, 0, 26, .6);--section-shade: rgba(1, 205, 254, .18);--section-text: #7df9ff;--jog-outer: #1a0533;--jog-inner: #6b1f8a;--jog-groove: rgba(1, 205, 254, .14);--jog-ring: #2b0a4f;--jog-marker: #fffb96;--vu-off: rgba(255, 255, 255, .08);--vu-low: #01cdfe;--vu-mid: #ff71ce;--vu-high: #fffb96;--phase-bg: rgba(10, 0, 26, .88)}:root[data-skin=vaporwave] body:before{content:"";position:fixed;left:-50%;right:-50%;bottom:-10vh;height:55vh;background-image:linear-gradient(rgba(255,113,206,.75) 2px,transparent 2px),linear-gradient(90deg,rgba(255,113,206,.75) 2px,transparent 2px);background-size:70px 50px;transform:perspective(320px) rotateX(62deg);transform-origin:bottom;z-index:-1;pointer-events:none}:root[data-skin=vaporwave] body:after{content:"";position:fixed;left:50%;bottom:30vh;width:42vh;height:42vh;transform:translate(-50%);border-radius:50%;background:repeating-linear-gradient(transparent 0 62%,#3d0a66 62% 66%,transparent 66% 72%,#3d0a66 72% 77%,transparent 77% 83%,#3d0a66 83% 89%),linear-gradient(#fffb96,#ff9f1c 45%,#ff3864);z-index:-2;opacity:.85;pointer-events:none}:root[data-skin=vaporwave] .logo,:root[data-skin=vaporwave] .login-card h1{font-weight:400;letter-spacing:.08em;background:linear-gradient(180deg,#fff 20%,#ff71ce 55%,#01cdfe 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(255,113,206,.7))}:root[data-skin=vaporwave] .logo span,:root[data-skin=vaporwave] .login-card h1 span{color:transparent}:root[data-skin=vaporwave] .deck-bpm .bpm,:root[data-skin=vaporwave] .time .elapsed{text-shadow:0 0 8px var(--deck)}:root[data-skin=vaporwave] .btn.active{box-shadow:0 0 14px var(--btn-color)}:root[data-skin=gameboy]{--scheme: light;--font-ui: "Press Start 2P", ui-monospace, monospace;--font-display: var(--font-ui);font-size:9px;--bg: #8bac0f;--bg-image: radial-gradient(rgba(15, 56, 15, .12) 1px, transparent 1.2px);--panel: #9bbc0f;--panel-2: #8bac0f;--panel-shadow: 4px 4px 0 #306230;--line: #0f380f;--line-soft: #306230;--text: #0f380f;--text-strong: #0f380f;--muted: #306230;--accent: #306230;--on-accent: #9bbc0f;--radius: 0;--radius-lg: 0;--btn: #8bac0f;--btn-hi: #9bbc0f;--btn-inset: inset -2px -2px 0 #306230;--btn-active-text: #9bbc0f;--edge: #0f380f;--input-bg: #9bbc0f;--topbar-bg: #306230;--login-bg: transparent;--backdrop: rgba(15, 56, 15, .55);--ok: #0f380f;--warn: #306230;--bad: #0f380f;--deck-a: #0f380f;--deck-b: #306230;--hc-1: #0f380f;--hc-2: #306230;--hc-3: #0f380f;--hc-4: #306230;--hc-5: #0f380f;--hc-6: #306230;--hc-7: #0f380f;--hc-8: #306230;--pad-text: #9bbc0f;--cue-color: #0f380f;--play-color: #0f380f;--loop-btn: #0f380f;--keylock-btn: #0f380f;--sync-btn: #0f380f;--slip-btn: #0f380f;--phones: #0f380f;--autodj: #0f380f;--downbeat-led: #0f380f;--knob-body: #8bac0f;--knob-track: #306230;--knob-pointer: #0f380f;--knob-value: #0f380f;--fader-slot: #306230;--slot-inset: none;--fader-thumb: #9bbc0f;--fader-line: #0f380f;--thumb-shadow: 2px 2px 0 #0f380f;--jog-center: #9bbc0f;--canvas-pixel: .34;--wave-frame: #0f380f;--wave-bg: #9bbc0f;--wave-low: #0f380f;--wave-mid: #306230;--wave-high: #8bac0f;--wave-grid: rgba(15, 56, 15, .45);--wave-downbeat: #0f380f;--playhead: #0f380f;--loop-color: rgba(48, 98, 48, .35);--loop-off: rgba(48, 98, 48, .15);--overview-bg: #9bbc0f;--overview-dim: rgba(48, 98, 48, .35);--section-shade: rgba(15, 56, 15, .15);--section-text: #0f380f;--jog-outer: #306230;--jog-inner: #8bac0f;--jog-groove: rgba(15, 56, 15, .18);--jog-ring: #0f380f;--jog-marker: #0f380f;--vu-off: #8bac0f;--vu-low: #306230;--vu-mid: #0f380f;--vu-high: #0f380f;--phase-bg: #9bbc0f}:root[data-skin=gameboy]{background-size:3px 3px}:root[data-skin=gameboy] canvas,:root[data-skin=gameboy] img{image-rendering:pixelated}:root[data-skin=gameboy] img{filter:grayscale(1) contrast(1.4) sepia(1) hue-rotate(45deg) saturate(1.6) brightness(.75)}:root[data-skin=gameboy] .deck,:root[data-skin=gameboy] .mixer,:root[data-skin=gameboy] .library,:root[data-skin=gameboy] .side-panel,:root[data-skin=gameboy] .modal-card,:root[data-skin=gameboy] .login-card{border:4px solid #0f380f}:root[data-skin=gameboy] .btn{border-width:2px;font-size:8px;line-height:1.4}:root[data-skin=gameboy] .btn.active,:root[data-skin=gameboy] .pad.set{background:#0f380f;color:#9bbc0f;box-shadow:none}:root[data-skin=gameboy] .topbar,:root[data-skin=gameboy] .topbar .muted{color:#9bbc0f}:root[data-skin=gameboy] .deck-bpm .bpm,:root[data-skin=gameboy] .time .elapsed,:root[data-skin=gameboy] .deck-title .title{font-size:11px;line-height:1.5}:root[data-skin=gameboy] .deck-letter{font-size:18px}:root[data-skin=gameboy] .logo:after{content:" ♪"}:root[data-skin=gameboy] .logo span{color:#9bbc0f}:root[data-skin=gameboy] .topbar{font-size:8px}:root[data-skin=hifi]{--scheme: light;--font-ui: "Barlow Condensed", "Arial Narrow", sans-serif;--font-display: "Playfair Display", Georgia, serif;font-size:14px;--bg: #3b2314;--bg-image: linear-gradient(90deg, rgba(0, 0, 0, .25), transparent 15%, transparent 85%, rgba(0, 0, 0, .25)), repeating-linear-gradient(92deg, #4a2c17 0 3px, #3b2314 3px 7px, #56351d 7px 8px, #43281a 8px 13px);--panel: #c4c8ce;--panel-2: #b1b5bb;--panel-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .09) 0 1px, rgba(0, 0, 0, .03) 1px 2px), linear-gradient(180deg, #dfe2e6, #b4b8be);--panel-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 8px 18px rgba(0, 0, 0, .55);--line: #8b8f96;--line-soft: #a3a7ad;--text: #1b1b1b;--text-strong: #000;--muted: #4e5157;--accent: #ff8a1e;--on-accent: #1b1b1b;--radius: 3px;--radius-lg: 5px;--btn: #262320;--btn-hi: #36312b;--btn-text: #e8dcc8;--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 #000;--btn-active-text: #ffcf8a;--edge: #111;--input-bg: #f1ebdd;--topbar-bg: linear-gradient(#2c2925, #121110);--login-bg: transparent;--ok: #7dd35a;--warn: #ffb347;--bad: #e2471f;--deck-a: #ff8a1e;--deck-b: #3fa7d6;--hc-1: #7dd35a;--hc-2: #e2471f;--hc-3: #ff8a1e;--hc-4: #f2c94c;--hc-5: #3fa7d6;--hc-6: #b06ab3;--hc-7: #e77fa0;--hc-8: #6cc3b5;--pad-text: #1b1b1b;--cue-color: #ff8a1e;--play-color: #7dd35a;--loop-btn: #ffb347;--keylock-btn: #3fa7d6;--sync-btn: #7dd35a;--slip-btn: #e77fa0;--phones: #c46300;--autodj: #ff8a1e;--downbeat-led: #e2471f;--knob-body: #2b2b2b;--knob-track: #70747a;--knob-pointer: #f4f4f4;--knob-value: #ff8a1e;--fader-slot: #222;--slot-inset: inset 0 1px 2px #000;--fader-thumb: linear-gradient(#fafafa, #aeb2b8);--fader-line: #111;--thumb-shadow: 0 2px 4px rgba(0, 0, 0, .5);--jog-center: #1b1b1b;--wave-frame: #120d07;--wave-bg: #0c0905;--wave-low: #ff8a1e;--wave-mid: #ffd38a;--wave-high: #fff4dc;--wave-grid: rgba(255, 200, 120, .25);--wave-downbeat: #ff5533;--playhead: #fff4dc;--loop-color: rgba(255, 179, 71, .22);--loop-off: rgba(255, 255, 255, .08);--overview-bg: #14100a;--overview-dim: rgba(0, 0, 0, .5);--section-shade: rgba(63, 167, 214, .2);--section-text: #9fd6ef;--jog-outer: #7d8187;--jog-inner: #e6e9ed;--jog-groove: rgba(0, 0, 0, .09);--jog-ring: #4e5157;--jog-marker: #ff8a1e;--vu-off: #3a2a12;--vu-low: #ffb347;--vu-mid: #ff8a1e;--vu-high: #ff3b1f;--phase-bg: #0c0905}:root[data-skin=hifi] .logo,:root[data-skin=hifi] .login-card h1{font-style:italic;letter-spacing:.04em;color:#e8dcc8}:root[data-skin=hifi] .login-card h1{color:#1b1b1b}:root[data-skin=hifi] .logo span,:root[data-skin=hifi] .login-card h1 span{color:#ff8a1e}:root[data-skin=hifi] .topbar,:root[data-skin=hifi] .topbar .muted{color:#e8dcc8}:root[data-skin=hifi] .deck-bpm,:root[data-skin=hifi] .time{background:#0c0905;color:#ffb347;padding:3px 8px;border-radius:3px;box-shadow:inset 0 0 8px #ff8c1e59}:root[data-skin=hifi] .deck-bpm .tempo,:root[data-skin=hifi] .time .remain{color:#b9772f}:root[data-skin=hifi] .deck-letter,:root[data-skin=hifi] .ch-label{font-family:var(--font-display);font-style:italic}:root[data-skin=hifi] .knob-label,:root[data-skin=hifi] .util-label,:root[data-skin=hifi] .nav-group{letter-spacing:.15em}:root[data-skin=blueprint]{--font-ui: "Space Mono", ui-monospace, monospace;--font-display: var(--font-ui);font-size:12px;--bg: #0d3b85;--bg-image: linear-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .16) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px);--panel: rgba(12, 52, 120, .72);--panel-2: rgba(255, 255, 255, .06);--line: rgba(255, 255, 255, .75);--line-soft: rgba(255, 255, 255, .22);--text: #eaf2ff;--text-strong: #ffffff;--muted: #a9c6ff;--accent: #ffffff;--on-accent: #0d3b85;--radius: 0;--radius-lg: 0;--btn: transparent;--btn-hi: rgba(255, 255, 255, .12);--btn-inset: none;--btn-active-text: #0d3b85;--edge: rgba(255, 255, 255, .85);--input-bg: rgba(255, 255, 255, .05);--topbar-bg: rgba(8, 40, 95, .9);--login-bg: transparent;--backdrop: rgba(5, 25, 60, .7);--ok: #b6ffcf;--warn: #ffe08a;--bad: #ff9a9a;--deck-a: #ffffff;--deck-b: #ffe08a;--hc-1: #b6ffcf;--hc-2: #ff9a9a;--hc-3: #ffe08a;--hc-4: #ffffff;--hc-5: #9fd0ff;--hc-6: #d6b8ff;--hc-7: #ffc2e2;--hc-8: #a8fff2;--pad-text: #0d3b85;--cue-color: #ffe08a;--play-color: #b6ffcf;--loop-btn: #ffe08a;--keylock-btn: #ffffff;--sync-btn: #b6ffcf;--slip-btn: #ffc2e2;--phones: #ffe08a;--autodj: #ffffff;--downbeat-led: #ffe08a;--knob-body: transparent;--knob-track: rgba(255, 255, 255, .28);--knob-pointer: #ffffff;--knob-value: #ffe08a;--fader-slot: transparent;--slot-inset: 0 0 0 1px rgba(255, 255, 255, .7);--fader-thumb: rgba(13, 59, 133, .95);--fader-line: #ffffff;--thumb-shadow: none;--jog-center: #0d3b85;--wave-frame: transparent;--wave-bg: rgba(8, 40, 95, .92);--wave-low: rgba(255, 255, 255, .85);--wave-mid: rgba(159, 208, 255, .85);--wave-high: #ffe08a;--wave-grid: rgba(255, 255, 255, .3);--wave-downbeat: #ffe08a;--playhead: #ffe08a;--loop-color: rgba(255, 224, 138, .18);--loop-off: rgba(255, 255, 255, .08);--overview-bg: rgba(8, 40, 95, .92);--overview-dim: rgba(8, 40, 95, .55);--section-shade: rgba(255, 255, 255, .1);--section-text: #ffffff;--jog-outer: #0d3b85;--jog-inner: #134a9f;--jog-groove: rgba(255, 255, 255, .14);--jog-ring: rgba(255, 255, 255, .35);--jog-marker: #ffe08a;--vu-off: rgba(255, 255, 255, .12);--vu-low: #ffffff;--vu-mid: #ffe08a;--vu-high: #ff9a9a;--phase-bg: rgba(8, 40, 95, .92)}:root[data-skin=blueprint]{background-size:100px 100px,100px 100px,20px 20px,20px 20px}:root[data-skin=blueprint] .deck,:root[data-skin=blueprint] .mixer,:root[data-skin=blueprint] .library,:root[data-skin=blueprint] .side-panel,:root[data-skin=blueprint] .modal-card,:root[data-skin=blueprint] .login-card{border:1.5px dashed rgba(255,255,255,.7)}:root[data-skin=blueprint] .btn.active,:root[data-skin=blueprint] .pad.set{background:#fff;color:#0d3b85;box-shadow:none}:root[data-skin=blueprint] .knob-body{stroke:#ffffffd9}:root[data-skin=blueprint] .fader-thumb{border:1.5px solid #fff}:root[data-skin=blueprint] .knob-label,:root[data-skin=blueprint] .deck-title .title,:root[data-skin=blueprint] .nav-item,:root[data-skin=blueprint] .btn{text-transform:uppercase}:root[data-skin=blueprint] .app:after{content:"DWG. djeyer  ·  REV. B  ·  SCALE 1:1  ·  DO NOT SCALE DRAWING";align-self:flex-end;margin:0 8px 8px;padding:4px 10px;border:1px solid rgba(255,255,255,.7);background:#0d3b85e6;color:#ffffffd9;font-size:9px;letter-spacing:.1em}:root[data-skin=bubblegum]{--scheme: light;--font-ui: "Fredoka", "Nunito", system-ui, sans-serif;--font-display: var(--font-ui);font-size:14px;--bg: #fff0f7;--bg-image: radial-gradient(#ffd1e8 2.2px, transparent 2.6px), radial-gradient(#d9f5ee 2.2px, transparent 2.6px);--panel: #ffffff;--panel-2: #fff5fb;--panel-shadow: 0 10px 28px rgba(255, 95, 162, .18), 0 2px 0 #ffd1e8;--line: #ffd1e8;--line-soft: #ffe6f2;--text: #5a3d5c;--text-strong: #3d2340;--muted: #b08bb3;--accent: #ff5fa2;--on-accent: #ffffff;--radius: 999px;--radius-lg: 22px;--btn: #ffe6f2;--btn-hi: #ffd1e8;--btn-inset: none;--btn-active-text: #ffffff;--edge: #ffc2df;--input-bg: #ffffff;--topbar-bg: #ffffff;--login-bg: transparent;--backdrop: rgba(255, 209, 232, .6);--ok: #2bcf9c;--warn: #ffb547;--bad: #ff5f7e;--deck-a: #3ad1b0;--deck-b: #a78bfa;--hc-1: #7ee0c3;--hc-2: #ff8fab;--hc-3: #ffc970;--hc-4: #fff07a;--hc-5: #8fd3ff;--hc-6: #c5a8ff;--hc-7: #ff9ee5;--hc-8: #9ff3e2;--pad-text: #5a3d5c;--cue-color: #ffb547;--play-color: #2bcf9c;--loop-btn: #ffb547;--keylock-btn: #8fd3ff;--sync-btn: #2bcf9c;--slip-btn: #ff9ee5;--phones: #ffb547;--autodj: #ff5fa2;--downbeat-led: #ff5fa2;--knob-body: #ffffff;--knob-track: #ffe6f2;--knob-pointer: #ff5fa2;--knob-value: #ff5fa2;--fader-slot: #ffe6f2;--slot-inset: none;--fader-thumb: linear-gradient(#ffffff, #ffe6f2);--fader-line: #ff5fa2;--thumb-shadow: 0 3px 8px rgba(255, 95, 162, .35);--jog-center: #ffffff;--wave-frame: #ffe6f2;--wave-bg: #fff7fb;--wave-low: #ff8ec7;--wave-mid: #7ad7c1;--wave-high: #b9a3ff;--wave-grid: rgba(90, 61, 92, .16);--wave-downbeat: #ff5fa2;--playhead: #5a3d5c;--loop-color: rgba(255, 181, 71, .25);--loop-off: rgba(176, 139, 179, .15);--overview-bg: #fff7fb;--overview-dim: rgba(255, 255, 255, .6);--section-shade: rgba(167, 139, 250, .18);--section-text: #8b6cf0;--jog-outer: #ffd1e8;--jog-inner: #ffffff;--jog-groove: rgba(255, 95, 162, .12);--jog-ring: #ffe6f2;--jog-marker: #ff5fa2;--vu-off: #ffe6f2;--vu-low: #7ad7c1;--vu-mid: #ffb547;--vu-high: #ff5f7e;--phase-bg: #fff7fb}:root[data-skin=bubblegum]{background-size:28px 28px,28px 28px;background-position:0 0,14px 14px}:root[data-skin=bubblegum] .btn.active{background:var(--btn-color);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--btn-color) 45%,transparent)}:root[data-skin=bubblegum] .btn{transition:transform .15s cubic-bezier(.34,1.8,.64,1),background .1s}:root[data-skin=bubblegum] .btn:hover:not(:disabled){transform:scale(1.06) rotate(-1deg)}:root[data-skin=bubblegum] .btn:active:not(:disabled){transform:scale(.92)}:root[data-skin=bubblegum] .topbar{box-shadow:0 4px 16px #ff5fa226}:root[data-skin=bubblegum] .logo span:after{content:" ✿";color:#3ad1b0}:root[data-skin=bubblegum] .deck{border-top-width:6px}:root[data-skin=bubblegum] .hotcues .pad,:root[data-skin=bubblegum] .beatloops .btn{border-radius:14px}:root[data-skin=aero]{--scheme: light;--font-ui: "Segoe UI", "Open Sans", "Frutiger", system-ui, sans-serif;--font-display: var(--font-ui);--bg: #8fd8f8;--bg-image: radial-gradient(ellipse 70% 22% at 72% 64%, rgba(255, 255, 255, .75), transparent 70%), radial-gradient(ellipse 120% 40% at 30% 112%, #3fa82a 0 45%, transparent 46%), radial-gradient(ellipse 90% 36% at 85% 115%, #5cc23a 0 50%, transparent 51%), linear-gradient(180deg, #1683d8 0%, #4dbdf5 30%, #a9e5fc 58%, #e4f8ff 72%, #b6ec7a 86%, #6bc744 100%);--panel: rgba(255, 255, 255, .5);--panel-2: rgba(255, 255, 255, .62);--panel-image: linear-gradient(180deg, rgba(255, 255, 255, .7) 0, rgba(255, 255, 255, .3) 44px, rgba(255, 255, 255, 0) 45px);--panel-shadow: 0 10px 30px rgba(0, 70, 140, .25), inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .55);--line: rgba(255, 255, 255, .9);--line-soft: rgba(40, 130, 200, .16);--text: #0b3150;--text-strong: #041f36;--muted: #3f6f96;--accent: #1592e6;--on-accent: #ffffff;--radius: 6px;--radius-lg: 12px;--btn: #d6efff;--btn-hi: #bfe6ff;--btn-text: #0b3150;--btn-inset: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 1px 3px rgba(0, 60, 120, .25);--btn-active-text: #03304f;--edge: #6faed6;--input-bg: rgba(255, 255, 255, .85);--topbar-bg: linear-gradient(180deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .4) 50%, rgba(180, 225, 255, .4) 51%, rgba(255, 255, 255, .6));--login-bg: transparent;--backdrop: rgba(120, 200, 245, .45);--ok: #3cb81c;--warn: #f29d00;--bad: #e0383b;--deck-a: #1592e6;--deck-b: #45b821;--hc-1: #45c321;--hc-2: #e8453c;--hc-3: #f29d00;--hc-4: #f2d000;--hc-5: #1592e6;--hc-6: #7d5ce6;--hc-7: #e64fb0;--hc-8: #12c2c9;--pad-text: #ffffff;--cue-color: #f29d00;--play-color: #3cb81c;--loop-btn: #f29d00;--keylock-btn: #1592e6;--sync-btn: #3cb81c;--slip-btn: #e64fb0;--phones: #f29d00;--autodj: #12aec9;--downbeat-led: #e0383b;--knob-body: #eef9ff;--knob-track: rgba(20, 100, 170, .22);--knob-pointer: #0b5a96;--knob-value: #1592e6;--fader-slot: rgba(10, 60, 110, .3);--slot-inset: inset 0 1px 3px rgba(0, 40, 90, .5);--fader-thumb: linear-gradient(#ffffff, #d9f2ff 49%, #9ad6f7 50%, #e2f6ff);--fader-line: #0b5a96;--thumb-shadow: 0 2px 6px rgba(0, 60, 120, .4);--jog-center: #eef9ff;--wave-frame: linear-gradient(180deg, #0d3a5e, #04182b);--wave-bg: #061c31;--wave-low: #1fa8ff;--wave-mid: #7be040;--wave-high: #e8fbff;--wave-grid: rgba(255, 255, 255, .24);--wave-downbeat: #ffd23f;--playhead: #ffffff;--loop-color: rgba(242, 157, 0, .25);--loop-off: rgba(255, 255, 255, .1);--overview-bg: #082640;--overview-dim: rgba(2, 14, 28, .55);--section-shade: rgba(123, 224, 64, .16);--section-text: #b8f78f;--jog-outer: #9fd9f7;--jog-inner: #f2fbff;--jog-groove: rgba(21, 146, 230, .12);--jog-ring: #ffffff;--jog-marker: #0b5a96;--vu-off: rgba(10, 60, 110, .18);--vu-low: #45c321;--vu-mid: #f2c200;--vu-high: #e8453c;--phase-bg: #061c31}:root[data-skin=aero] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 9px at calc(8% - 22px) calc(30% - 22px),rgba(255,255,255,.95),transparent),radial-gradient(circle 64px at 8% 30%,transparent 0 62%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.85) 96%,transparent 100%),radial-gradient(circle 6px at calc(22% - 14px) calc(78% - 14px),rgba(255,255,255,.95),transparent),radial-gradient(circle 40px at 22% 78%,transparent 0 60%,rgba(180,240,255,.35) 80%,rgba(255,255,255,.85) 96%,transparent 100%),radial-gradient(circle 12px at calc(88% - 30px) calc(22% - 30px),rgba(255,255,255,.95),transparent),radial-gradient(circle 90px at 88% 22%,transparent 0 64%,rgba(200,255,230,.3) 82%,rgba(255,255,255,.8) 96%,transparent 100%),radial-gradient(circle 5px at calc(62% - 10px) calc(12% - 10px),rgba(255,255,255,.95),transparent),radial-gradient(circle 28px at 62% 12%,transparent 0 58%,rgba(255,255,255,.35) 80%,rgba(255,255,255,.85) 96%,transparent 100%),radial-gradient(circle 7px at calc(46% - 17px) calc(90% - 17px),rgba(255,255,255,.95),transparent),radial-gradient(circle 50px at 46% 90%,transparent 0 60%,rgba(255,255,255,.3) 80%,rgba(255,255,255,.85) 96%,transparent 100%)}:root[data-skin=aero] .deck,:root[data-skin=aero] .mixer,:root[data-skin=aero] .library,:root[data-skin=aero] .side-panel,:root[data-skin=aero] .topbar,:root[data-skin=aero] .modal-card,:root[data-skin=aero] .login-card{-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}:root[data-skin=aero] .deck{border-top-width:3px}:root[data-skin=aero] .btn,:root[data-skin=aero] .skin-picker select{background-image:linear-gradient(180deg,#ffffffe6,#ffffff73 49%,#ffffff0d 50%,#ffffff59)}:root[data-skin=aero] .btn.active{background-color:var(--btn-color);border-color:color-mix(in srgb,var(--btn-color) 70%,#00213d);color:#fff;text-shadow:0 1px 2px rgba(0,30,60,.7);box-shadow:0 0 12px color-mix(in srgb,var(--btn-color) 70%,transparent),inset 0 0 0 1px #fff9}:root[data-skin=aero] .btn.primary{background-color:var(--accent);text-shadow:0 1px 2px rgba(0,40,80,.4)}:root[data-skin=aero] .pad.set{background-color:var(--btn-color)}:root[data-skin=aero] .logo,:root[data-skin=aero] .login-card h1{letter-spacing:.06em;background:linear-gradient(180deg,#4fc3ff,#0d73c9 52%,#064d8f 53%,#1592e6);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 0 6px rgba(255,255,255,.9))}:root[data-skin=aero] .logo span,:root[data-skin=aero] .login-card h1 span{background:linear-gradient(180deg,#a6f06f,#3cb81c 52%,#24860e 53%,#45c321);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-skin=metro]{--scheme: dark;--font-ui: "Segoe UI", "Open Sans", system-ui, sans-serif;--font-display: "Segoe UI Light", "Segoe UI", "Open Sans", system-ui, sans-serif;--bg: #1d0d45;--bg-image: none;--panel: #121212;--panel-2: #1f1f1f;--panel-image: none;--panel-shadow: none;--line: #2b2b2b;--line-soft: #1c1c1c;--text: #ffffff;--text-strong: #ffffff;--muted: #9a9a9a;--accent: #1ba1e2;--on-accent: #ffffff;--radius: 0;--radius-lg: 0;--btn: #2b2b2b;--btn-hi: #3c3c3c;--btn-text: #ffffff;--btn-inset: none;--btn-active-text: #ffffff;--edge: transparent;--input-bg: #1f1f1f;--topbar-bg: #1d0d45;--login-bg: transparent;--backdrop: rgba(0, 0, 0, .75);--ok: #8cbf26;--warn: #f09609;--bad: #e51400;--deck-a: #1ba1e2;--deck-b: #d80073;--hc-1: #8cbf26;--hc-2: #e51400;--hc-3: #f09609;--hc-4: #e3c800;--hc-5: #1ba1e2;--hc-6: #a200ff;--hc-7: #d80073;--hc-8: #00aba9;--pad-text: #ffffff;--cue-color: #f09609;--play-color: #8cbf26;--loop-btn: #f09609;--keylock-btn: #1ba1e2;--sync-btn: #8cbf26;--slip-btn: #d80073;--phones: #e3c800;--autodj: #a200ff;--downbeat-led: #e51400;--knob-body: #2b2b2b;--knob-track: #000000;--knob-pointer: #ffffff;--knob-value: #1ba1e2;--fader-slot: #000000;--slot-inset: none;--fader-thumb: #ffffff;--fader-line: #000000;--thumb-shadow: none;--jog-center: #121212;--wave-frame: #000000;--wave-bg: #000000;--wave-low: #1ba1e2;--wave-mid: #8cbf26;--wave-high: #ffffff;--wave-grid: rgba(255, 255, 255, .26);--wave-downbeat: #d80073;--playhead: #ffffff;--loop-color: rgba(240, 150, 9, .25);--loop-off: rgba(255, 255, 255, .08);--overview-bg: #000000;--overview-dim: rgba(0, 0, 0, .6);--section-shade: rgba(162, 0, 255, .24);--section-text: #c27bff;--jog-outer: #1f1f1f;--jog-inner: #1f1f1f;--jog-groove: rgba(255, 255, 255, .035);--jog-ring: #2b2b2b;--jog-marker: #ffffff;--vu-off: #262626;--vu-low: #8cbf26;--vu-mid: #f09609;--vu-high: #e51400;--phase-bg: #000000}:root[data-skin=metro] .logo{font-size:22px;font-weight:300;letter-spacing:0;text-transform:lowercase}:root[data-skin=metro] .login-card h1{font-weight:300;letter-spacing:0;text-transform:lowercase}:root[data-skin=metro] .btn{font-weight:400;letter-spacing:0;text-transform:lowercase;transition:transform .08s,background .08s}:root[data-skin=metro] .btn:active:not(:disabled){transform:perspective(300px) rotateX(6deg) scale(.96)}:root[data-skin=metro] .btn.active,:root[data-skin=metro] .pad.set{background:var(--btn-color);border-color:var(--btn-color);color:#fff;box-shadow:none}:root[data-skin=metro] .deck{border:none;border-top:4px solid var(--deck)}:root[data-skin=metro] .mixer,:root[data-skin=metro] .library,:root[data-skin=metro] .side-panel{border:none}:root[data-skin=metro] .deck-letter{background:var(--deck);color:#fff;font-weight:300;width:34px;line-height:34px}:root[data-skin=metro] .nav-group{color:#fff;font-family:var(--font-display);font-weight:300;font-size:18px;letter-spacing:0;text-transform:lowercase}:root[data-skin=weed]{--scheme: dark;--font-ui: "Nunito", system-ui, sans-serif;--font-display: "Righteous", "Nunito", sans-serif;--bg: #0c1a0f;--bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='%2399ff66' fill-opacity='.06' transform='translate(75 96) rotate(-14)'%3E%3Cellipse rx='6' ry='32' cy='-32'/%3E%3Cellipse rx='5' ry='27' cy='-27' transform='rotate(-34)'/%3E%3Cellipse rx='5' ry='27' cy='-27' transform='rotate(34)'/%3E%3Cellipse rx='4' ry='21' cy='-21' transform='rotate(-68)'/%3E%3Cellipse rx='4' ry='21' cy='-21' transform='rotate(68)'/%3E%3Cellipse rx='3' ry='13' cy='-13' transform='rotate(-104)'/%3E%3Cellipse rx='3' ry='13' cy='-13' transform='rotate(104)'/%3E%3Crect x='-1' width='2' height='24'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(ellipse at 20% 0%, #1d3d1f, transparent 60%), radial-gradient(ellipse at 90% 100%, #2a1a3d, transparent 55%);--panel: rgba(16, 34, 20, .92);--panel-2: #183020;--panel-image: none;--panel-shadow: 0 0 0 1px rgba(126, 217, 87, .12), 0 8px 24px rgba(0, 0, 0, .45);--line: #2c4f2f;--line-soft: #1a3320;--text: #e4f7d9;--text-strong: #ffffff;--muted: #8db884;--accent: #7ed957;--on-accent: #0c1a0f;--radius: 8px;--radius-lg: 14px;--btn: #1f3d24;--btn-hi: #29502f;--btn-text: #e4f7d9;--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--btn-active-text: #ffffff;--edge: #0a160c;--input-bg: #0f2213;--topbar-bg: #0a170c;--login-bg: transparent;--backdrop: rgba(5, 15, 6, .7);--ok: #7ed957;--warn: #ffd23f;--bad: #e8413a;--deck-a: #7ed957;--deck-b: #b388ff;--hc-1: #7ed957;--hc-2: #e8413a;--hc-3: #ffd23f;--hc-4: #2fbf71;--hc-5: #b388ff;--hc-6: #ff9f43;--hc-7: #d980fa;--hc-8: #4bd6c4;--pad-text: #0c1a0f;--cue-color: #ffd23f;--play-color: #7ed957;--loop-btn: #ffd23f;--keylock-btn: #b388ff;--sync-btn: #7ed957;--slip-btn: #d980fa;--phones: #ffd23f;--autodj: #b388ff;--downbeat-led: #e8413a;--knob-body: #24442a;--knob-track: #0a160c;--knob-pointer: #e4f7d9;--knob-value: #7ed957;--fader-slot: #071009;--slot-inset: inset 0 1px 2px #000;--fader-thumb: linear-gradient(#3a6b40, #1f3d24);--fader-line: #7ed957;--thumb-shadow: 0 2px 5px rgba(0, 0, 0, .6);--jog-center: #0c1a0f;--wave-frame: #050c06;--wave-bg: #07110a;--wave-low: #3fae3a;--wave-mid: #b388ff;--wave-high: #e9ffd6;--wave-grid: rgba(228, 247, 217, .25);--wave-downbeat: #ffd23f;--playhead: #ffffff;--loop-color: rgba(255, 210, 63, .2);--loop-off: rgba(141, 184, 132, .12);--overview-bg: #07110a;--overview-dim: rgba(0, 0, 0, .55);--section-shade: rgba(179, 136, 255, .18);--section-text: #d1b8ff;--jog-outer: #10241a;--jog-inner: #2c4f2f;--jog-groove: rgba(126, 217, 87, .08);--jog-ring: #1f3d24;--jog-marker: #7ed957;--vu-off: #16301b;--vu-low: #7ed957;--vu-mid: #ffd23f;--vu-high: #e8413a;--phase-bg: #07110a}:root[data-skin=weed] .topbar{border-bottom:none;box-shadow:0 2px #e8413a,0 4px #ffd23f,0 6px #3fae3a;margin-bottom:6px}:root[data-skin=weed] .logo span{color:#7ed957}:root[data-skin=weed] .logo span:after{content:" 🍃"}:root[data-skin=weed] body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 30% 18% at 30% 40%,rgba(220,235,220,.07),transparent 70%),radial-gradient(ellipse 26% 14% at 70% 65%,rgba(220,220,240,.06),transparent 70%),radial-gradient(ellipse 22% 12% at 55% 20%,rgba(230,240,230,.05),transparent 70%)}@media (prefers-reduced-motion: no-preference){:root[data-skin=weed] body:after{animation:sdj-smoke 38s ease-in-out infinite alternate}}@keyframes sdj-smoke{0%{transform:translate(-4%,3%) scale(1)}to{transform:translate(5%,-4%) scale(1.15)}}:root[data-skin=cocaine]{--scheme: dark;--font-ui: "Montserrat", system-ui, sans-serif;--font-display: "Bodoni Moda", "Playfair Display", serif;--bg: #040404;--bg-image: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .05) 44%, transparent 58%), radial-gradient(ellipse at 0% 0%, rgba(255, 46, 136, .22), transparent 50%), radial-gradient(ellipse at 100% 100%, rgba(25, 227, 209, .18), transparent 50%);--panel: #0b0b0c;--panel-2: #141416;--panel-image: linear-gradient(160deg, rgba(255, 255, 255, .07), transparent 38%);--panel-shadow: inset 0 0 0 1px rgba(212, 175, 55, .35), 0 10px 30px rgba(0, 0, 0, .7);--line: #2a2516;--line-soft: #19170f;--text: #f5f5f5;--text-strong: #ffffff;--muted: #9d9481;--accent: #d4af37;--on-accent: #0b0b0c;--radius: 2px;--radius-lg: 4px;--btn: #161618;--btn-hi: #222226;--btn-text: #f5f5f5;--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .08);--btn-active-text: #ffffff;--edge: #3a3220;--input-bg: #0b0b0c;--topbar-bg: linear-gradient(90deg, transparent, rgba(255, 255, 255, .85) 8%, #fff 50%, rgba(255, 255, 255, .8) 92%, transparent) 46% 78% / 150px 3px no-repeat, linear-gradient(90deg, transparent, rgba(255, 255, 255, .8) 10%, #fff 50%, rgba(255, 255, 255, .75) 90%, transparent) 52% 30% / 120px 3px no-repeat, linear-gradient(90deg, transparent, rgba(255, 255, 255, .7) 12%, #fff 45%, rgba(255, 255, 255, .6) 88%, transparent) 70% 55% / 90px 2px no-repeat, radial-gradient(circle, rgba(255, 255, 255, .55) .7px, transparent 1.2px) 60% 50% / 9px 7px, linear-gradient(180deg, #1b1b1d, #050505);--login-bg: transparent;--backdrop: rgba(0, 0, 0, .75);--ok: #19e3d1;--warn: #d4af37;--bad: #ff2e63;--deck-a: #ff2e88;--deck-b: #19e3d1;--hc-1: #ffffff;--hc-2: #ff2e88;--hc-3: #d4af37;--hc-4: #ffe38a;--hc-5: #19e3d1;--hc-6: #9b5cff;--hc-7: #ff7ab6;--hc-8: #7af5ea;--pad-text: #0b0b0c;--cue-color: #d4af37;--play-color: #19e3d1;--loop-btn: #d4af37;--keylock-btn: #19e3d1;--sync-btn: #19e3d1;--slip-btn: #ff2e88;--phones: #d4af37;--autodj: #ff2e88;--downbeat-led: #ff2e88;--knob-body: #1c1c1f;--knob-track: #000000;--knob-pointer: #d4af37;--knob-value: #ffffff;--fader-slot: #000000;--slot-inset: inset 0 0 0 1px rgba(212, 175, 55, .35);--fader-thumb: linear-gradient(#f3d77a, #a9862a);--fader-line: #000000;--thumb-shadow: 0 2px 6px rgba(0, 0, 0, .7);--jog-center: #050505;--wave-frame: #000000;--wave-bg: #020202;--wave-low: #ff2e88;--wave-mid: #19e3d1;--wave-high: #ffffff;--wave-grid: rgba(255, 255, 255, .22);--wave-downbeat: #d4af37;--playhead: #ffffff;--loop-color: rgba(212, 175, 55, .2);--loop-off: rgba(255, 255, 255, .07);--overview-bg: #020202;--overview-dim: rgba(0, 0, 0, .6);--section-shade: rgba(255, 46, 136, .15);--section-text: #ff9ccb;--jog-outer: #0e0e10;--jog-inner: #2b2b30;--jog-groove: rgba(255, 255, 255, .06);--jog-ring: #d4af37;--jog-marker: #ffffff;--vu-off: #19191c;--vu-low: #19e3d1;--vu-mid: #d4af37;--vu-high: #ff2e88;--phase-bg: #020202}:root[data-skin=cocaine] .logo,:root[data-skin=cocaine] .login-card h1{font-style:italic;font-weight:700;letter-spacing:.04em;font-size:17px;color:#fff;text-shadow:0 0 4px #fff,0 0 14px rgba(255,255,255,.55)}:root[data-skin=cocaine] .logo span,:root[data-skin=cocaine] .login-card h1 span{color:#d4af37;text-shadow:0 0 10px rgba(212,175,55,.6)}:root[data-skin=cocaine] .btn.active{box-shadow:0 0 14px color-mix(in srgb,var(--btn-color) 65%,transparent)}:root[data-skin=wood]{--scheme: light;--font-ui: "Zilla Slab", Georgia, serif;--font-display: var(--font-ui);font-size:14px;--bg: #4a2f1a;--bg-image: repeating-linear-gradient(178deg, rgba(0, 0, 0, .12) 0 2px, transparent 2px 9px, rgba(255, 220, 170, .05) 9px 11px, transparent 11px 23px), repeating-linear-gradient(90deg, rgba(0, 0, 0, .35) 0 2px, transparent 2px 240px), linear-gradient(180deg, #5a3a22, #3e2614);--panel: #d8b583;--panel-2: #e6c89b;--panel-image: radial-gradient(ellipse 26px 9px at 82% 18%, rgba(110, 60, 20, .35), rgba(110, 60, 20, .12) 55%, transparent 70%), radial-gradient(ellipse 18px 6px at 12% 74%, rgba(110, 60, 20, .3), transparent 70%), repeating-linear-gradient(179deg, rgba(120, 70, 30, .1) 0 1px, transparent 1px 6px, rgba(120, 70, 30, .06) 6px 8px, transparent 8px 17px);--panel-shadow: 0 3px 0 #8a5a30, 0 10px 22px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 245, 220, .6);--line: #a9794a;--line-soft: rgba(120, 70, 30, .22);--text: #3b2412;--text-strong: #24150a;--muted: #7a5434;--accent: #c4622d;--on-accent: #fff6e8;--radius: 5px;--radius-lg: 8px;--btn: #ecd6b0;--btn-hi: #f4e2c2;--btn-text: #3b2412;--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 #9c6c3f;--btn-active-text: #fff6e8;--edge: #9c6c3f;--input-bg: #f4e6cc;--topbar-bg: linear-gradient(180deg, #3b2412, #2b190c);--login-bg: transparent;--backdrop: rgba(40, 22, 10, .6);--ok: #5e7d3a;--warn: #d98c1f;--bad: #b0352b;--deck-a: #c4622d;--deck-b: #4f7a3a;--hc-1: #5e7d3a;--hc-2: #b0352b;--hc-3: #d98c1f;--hc-4: #d8b13a;--hc-5: #3f6f8a;--hc-6: #7b4f8a;--hc-7: #b0567a;--hc-8: #3f8a7a;--pad-text: #fff6e8;--cue-color: #d98c1f;--play-color: #5e7d3a;--loop-btn: #d98c1f;--keylock-btn: #3f6f8a;--sync-btn: #5e7d3a;--slip-btn: #b0567a;--phones: #d98c1f;--autodj: #7b4f8a;--downbeat-led: #b0352b;--knob-body: #b9875a;--knob-track: #6b4424;--knob-pointer: #fff1d6;--knob-value: #c4622d;--fader-slot: #5a3a22;--slot-inset: inset 0 1px 3px rgba(0, 0, 0, .6);--fader-thumb: linear-gradient(#f0dcb8, #c9a273);--fader-line: #3b2412;--thumb-shadow: 0 2px 0 #7a5030, 0 3px 6px rgba(0, 0, 0, .4);--jog-center: #e6c89b;--wave-frame: #2b190c;--wave-bg: #2e1c0f;--wave-low: #e0a458;--wave-mid: #a6c46a;--wave-high: #fff3dc;--wave-grid: rgba(255, 236, 200, .22);--wave-downbeat: #ff8a4c;--playhead: #fff3dc;--loop-color: rgba(217, 140, 31, .25);--loop-off: rgba(255, 236, 200, .08);--overview-bg: #2e1c0f;--overview-dim: rgba(20, 10, 4, .55);--section-shade: rgba(166, 196, 106, .16);--section-text: #d6eaa6;--jog-outer: #8a5a30;--jog-inner: #e0c08e;--jog-groove: rgba(90, 50, 20, .16);--jog-ring: #6b4424;--jog-marker: #3b2412;--vu-off: #b99067;--vu-low: #5e7d3a;--vu-mid: #d98c1f;--vu-high: #b0352b;--phase-bg: #2e1c0f}:root[data-skin=wood] .btn,:root[data-skin=wood] .deck,:root[data-skin=wood] .mixer,:root[data-skin=wood] .library,:root[data-skin=wood] .side-panel{text-shadow:0 1px 0 rgba(255,245,225,.45)}:root[data-skin=wood] .btn.active,:root[data-skin=wood] .pad.set{background-color:var(--btn-color);color:#fff6e8;text-shadow:0 -1px 0 rgba(0,0,0,.35)}:root[data-skin=wood] .topbar{color:#f4e2c2;--text: #f4e2c2;--muted: #c9a273}:root[data-skin=wood] .logo{color:#f4e2c2;font-weight:700}:root[data-skin=wood] .logo span{color:#e0a458}:root[data-skin=halo3]{--scheme: dark;--font-ui: "Saira Condensed", "Rajdhani", system-ui, sans-serif;--font-display: var(--font-ui);font-size:14px;--bg: #020812;--bg-image: radial-gradient(circle, rgba(255, 255, 255, .8) .8px, transparent 1.3px), radial-gradient(circle, rgba(180, 220, 255, .6) .6px, transparent 1.1px), radial-gradient(ellipse at 50% 120%, #0d3a66, transparent 60%), linear-gradient(180deg, #01040a, #04152a);--panel: rgba(5, 22, 42, .86);--panel-2: rgba(10, 38, 66, .8);--panel-image: linear-gradient(180deg, rgba(95, 211, 255, .08), transparent 30%);--panel-shadow: inset 0 0 0 1px rgba(95, 211, 255, .28), inset 0 0 40px rgba(95, 211, 255, .06);--line: #24557d;--line-soft: #12304d;--text: #d6f1ff;--text-strong: #ffffff;--muted: #6f9bb8;--accent: #5fd3ff;--on-accent: #021322;--radius: 0;--radius-lg: 0;--btn: #0c2a44;--btn-hi: #133a5c;--btn-text: #d6f1ff;--btn-inset: inset 0 0 0 1px rgba(95, 211, 255, .15);--btn-active-text: #ffffff;--edge: #2f6c99;--input-bg: #041426;--topbar-bg: linear-gradient(180deg, rgba(10, 40, 70, .95), rgba(2, 12, 24, .95));--login-bg: transparent;--backdrop: rgba(0, 6, 14, .75);--ok: #8fc93a;--warn: #f2a93b;--bad: #ff4d4d;--deck-a: #5fd3ff;--deck-b: #f2a93b;--hc-1: #8fc93a;--hc-2: #ff4d4d;--hc-3: #f2a93b;--hc-4: #ffe066;--hc-5: #5fd3ff;--hc-6: #a88bff;--hc-7: #ff7ad9;--hc-8: #4dffd2;--pad-text: #021322;--cue-color: #f2a93b;--play-color: #8fc93a;--loop-btn: #f2a93b;--keylock-btn: #5fd3ff;--sync-btn: #8fc93a;--slip-btn: #a88bff;--phones: #f2a93b;--autodj: #5fd3ff;--downbeat-led: #ff4d4d;--knob-body: #0f3150;--knob-track: #020c18;--knob-pointer: #d6f1ff;--knob-value: #5fd3ff;--fader-slot: #020c18;--slot-inset: inset 0 0 0 1px rgba(95, 211, 255, .25);--fader-thumb: linear-gradient(#2a6b99, #0f3150);--fader-line: #5fd3ff;--thumb-shadow: 0 0 8px rgba(95, 211, 255, .5);--jog-center: #020c18;--wave-frame: #010a14;--wave-bg: #010a14;--wave-low: #2f8fff;--wave-mid: #5fd3ff;--wave-high: #e8fbff;--wave-grid: rgba(95, 211, 255, .25);--wave-downbeat: #f2a93b;--playhead: #ffffff;--loop-color: rgba(242, 169, 59, .2);--loop-off: rgba(95, 211, 255, .08);--overview-bg: #010a14;--overview-dim: rgba(0, 4, 10, .6);--section-shade: rgba(143, 201, 58, .15);--section-text: #c3ec85;--jog-outer: #061a30;--jog-inner: #12406a;--jog-groove: rgba(95, 211, 255, .1);--jog-ring: #2f6c99;--jog-marker: #5fd3ff;--vu-off: #0b2238;--vu-low: #5fd3ff;--vu-mid: #f2a93b;--vu-high: #ff4d4d;--phase-bg: #010a14}:root[data-skin=halo3]{background-size:160px 160px,97px 97px,auto,auto;background-position:0 0,40px 70px,0 0,0 0}:root[data-skin=halo3] body:before{content:"";position:fixed;left:-30vw;right:-30vw;top:14vh;height:34vh;border-radius:50%;border:9px solid rgba(190,220,255,.35);border-top-color:#bedcff1f;box-shadow:0 0 40px #5fd3ff40,inset 0 0 30px #5fd3ff26;transform:rotate(-9deg);z-index:-1;pointer-events:none}:root[data-skin=halo3] .deck,:root[data-skin=halo3] .mixer,:root[data-skin=halo3] .library,:root[data-skin=halo3] .side-panel,:root[data-skin=halo3] .modal-card,:root[data-skin=halo3] .login-card{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}:root[data-skin=halo3] .btn{letter-spacing:.08em;font-weight:600}:root[data-skin=halo3] .btn.active{box-shadow:0 0 12px color-mix(in srgb,var(--btn-color) 60%,transparent),inset 0 0 8px color-mix(in srgb,var(--btn-color) 40%,transparent)}:root[data-skin=halo3] .logo,:root[data-skin=halo3] .login-card h1{font-size:19px;font-weight:700;letter-spacing:.32em;color:#e8f7ff;text-shadow:0 0 10px rgba(95,211,255,.8)}:root[data-skin=halo3] .logo span{color:#5fd3ff}:root[data-skin=bugs]{--scheme: dark;--font-ui: "Nunito", system-ui, sans-serif;--font-display: "Special Elite", "Courier New", monospace;--bg: #13110b;--bg-image: radial-gradient(ellipse 30% 20% at 15% 85%, rgba(60, 90, 30, .45), transparent 70%), radial-gradient(ellipse 25% 18% at 80% 15%, rgba(70, 50, 25, .5), transparent 70%), radial-gradient(ellipse 35% 25% at 65% 90%, rgba(40, 70, 35, .4), transparent 70%);--panel: #1b1912;--panel-2: #24211a;--panel-image: linear-gradient(125deg, rgba(40, 255, 160, .1), rgba(60, 120, 255, .07) 38%, rgba(170, 60, 255, .1) 68%, rgba(40, 255, 160, .05));--panel-shadow: inset 0 0 0 1px rgba(80, 255, 170, .18), 0 8px 22px rgba(0, 0, 0, .55);--line: #3a3526;--line-soft: #26231a;--text: #f2ecd9;--text-strong: #ffffff;--muted: #a99e80;--accent: #2fe08a;--on-accent: #0d0c08;--radius: 12px 12px 5px 5px;--radius-lg: 18px;--btn: #2a2619;--btn-hi: #363120;--btn-text: #f2ecd9;--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .08);--btn-active-text: #ffffff;--edge: #0b0a06;--input-bg: #15130d;--topbar-bg: #0e0d08;--login-bg: transparent;--backdrop: rgba(8, 7, 4, .7);--ok: #2fe08a;--warn: #ffb000;--bad: #ff3b2f;--deck-a: #2fe08a;--deck-b: #ff3b2f;--hc-1: #2fe08a;--hc-2: #ff3b2f;--hc-3: #ffb000;--hc-4: #c6ff3a;--hc-5: #2aa8ff;--hc-6: #a14bff;--hc-7: #ff7a1a;--hc-8: #39d0c0;--pad-text: #0d0c08;--cue-color: #ffb000;--play-color: #2fe08a;--loop-btn: #ffb000;--keylock-btn: #2aa8ff;--sync-btn: #2fe08a;--slip-btn: #a14bff;--phones: #ffb000;--autodj: #a14bff;--downbeat-led: #ff3b2f;--knob-body: #2f2a1c;--knob-track: #0b0a06;--knob-pointer: #f2ecd9;--knob-value: #2fe08a;--fader-slot: #0b0a06;--slot-inset: inset 0 1px 2px #000;--fader-thumb: linear-gradient(135deg, #1fbf74, #2a6fd6 50%, #8a3cd6);--fader-line: #fff;--thumb-shadow: 0 2px 6px rgba(0, 0, 0, .6);--jog-center: #0d0c08;--wave-frame: #0b0a06;--wave-bg: #0b0a06;--wave-low: #2fe08a;--wave-mid: #b26bff;--wave-high: #fff1c9;--wave-grid: rgba(242, 236, 217, .22);--wave-downbeat: #ff3b2f;--playhead: #ffffff;--loop-color: rgba(255, 176, 0, .2);--loop-off: rgba(242, 236, 217, .08);--overview-bg: #0b0a06;--overview-dim: rgba(0, 0, 0, .55);--section-shade: rgba(178, 107, 255, .16);--section-text: #d6b3ff;--jog-outer: #1a3a2c;--jog-inner: #2a1f45;--jog-groove: rgba(47, 224, 138, .1);--jog-ring: #3a3526;--jog-marker: #2fe08a;--vu-off: #24211a;--vu-low: #2fe08a;--vu-mid: #ffb000;--vu-high: #ff3b2f;--phase-bg: #0b0a06}:root[data-skin=bugs] .btn.active,:root[data-skin=bugs] .pad.set{background-color:var(--btn-color);background-image:radial-gradient(circle at 22% 34%,rgba(0,0,0,.8) 0 2.5px,transparent 3px),radial-gradient(circle at 78% 34%,rgba(0,0,0,.8) 0 2.5px,transparent 3px),radial-gradient(circle at 30% 76%,rgba(0,0,0,.8) 0 2px,transparent 2.5px),radial-gradient(circle at 70% 76%,rgba(0,0,0,.8) 0 2px,transparent 2.5px),linear-gradient(90deg,transparent calc(50% - .5px),rgba(0,0,0,.55) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(180deg,rgba(255,255,255,.35),transparent 45%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.8);box-shadow:0 2px 8px color-mix(in srgb,var(--btn-color) 45%,transparent)}:root[data-skin=bugs] .logo{letter-spacing:.06em;font-size:15px}:root[data-skin=bugs] .logo span{color:#2fe08a}:root[data-skin=bugs] .logo span:after{content:" 🪲"}:root[data-skin=bugs] .topbar{position:relative;overflow:hidden}:root[data-skin=bugs] .topbar:after{content:"🐞";position:absolute;bottom:-2px;left:-30px;font-size:13px;pointer-events:none;transform:rotate(90deg)}:root[data-skin=bugs] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 3px at 12% 40%,#f4ff8a,rgba(200,255,80,.4) 50%,transparent),radial-gradient(circle 2px at 34% 88%,#f4ff8a,rgba(200,255,80,.4) 50%,transparent),radial-gradient(circle 3px at 58% 30%,#f4ff8a,rgba(200,255,80,.4) 50%,transparent),radial-gradient(circle 2px at 81% 72%,#f4ff8a,rgba(200,255,80,.4) 50%,transparent),radial-gradient(circle 3px at 93% 18%,#f4ff8a,rgba(200,255,80,.4) 50%,transparent),radial-gradient(circle 2px at 4% 92%,#f4ff8a,rgba(200,255,80,.4) 50%,transparent)}@media (prefers-reduced-motion: no-preference){:root[data-skin=bugs] .topbar:after{animation:sdj-crawl 45s linear infinite}:root[data-skin=bugs] body:before{animation:sdj-blink 4.5s ease-in-out infinite}}@keyframes sdj-crawl{0%{left:-30px}to{left:calc(100% + 30px)}}@keyframes sdj-blink{0%,to{opacity:.15}50%{opacity:1}}:root[data-skin=gundam]{--scheme: light;--font-ui: "Chakra Petch", system-ui, sans-serif;--font-display: var(--font-ui);--bg: #cfd5dd;--bg-image: linear-gradient(90deg, rgba(30, 40, 60, .13) 1px, transparent 1px), linear-gradient(rgba(30, 40, 60, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(30, 40, 60, .08) 1px, transparent 1px), linear-gradient(180deg, #dfe3e9, #c3cad4);--panel: #f6f7f9;--panel-2: #eceff3;--panel-image: linear-gradient(90deg, transparent calc(100% - 22px) , rgba(30, 40, 60, .07) calc(100% - 22px) calc(100% - 21px) , transparent calc(100% - 21px) ), linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 30%);--panel-shadow: inset 0 0 0 1px #ffffff, 0 2px 0 #aab2be, 0 8px 16px rgba(20, 30, 60, .18);--line: #bcc3cd;--line-soft: #dde1e7;--text: #1b2433;--text-strong: #0c121c;--muted: #637083;--accent: #1f4fa8;--on-accent: #ffffff;--radius: 2px;--radius-lg: 3px;--btn: #e6e9ee;--btn-hi: #f3f5f8;--btn-text: #1b2433;--btn-inset: inset 0 1px 0 #ffffff, 0 1px 0 #98a1ae;--btn-active-text: #ffffff;--edge: #a5aeba;--input-bg: #ffffff;--topbar-bg: repeating-linear-gradient(-45deg, #f5c400 0 10px, #1a1a1a 10px 20px) bottom / 100% 5px no-repeat, linear-gradient(180deg, #ffffff, #e9ecf0);--login-bg: transparent;--backdrop: rgba(30, 40, 60, .45);--ok: #2e9e4f;--warn: #f5c400;--bad: #d42a2a;--deck-a: #1f4fa8;--deck-b: #d42a2a;--hc-1: #2e9e4f;--hc-2: #d42a2a;--hc-3: #f08c00;--hc-4: #f5c400;--hc-5: #1f4fa8;--hc-6: #6b3fb5;--hc-7: #d6336c;--hc-8: #1098ad;--pad-text: #ffffff;--cue-color: #f5c400;--play-color: #2e9e4f;--loop-btn: #f08c00;--keylock-btn: #1f4fa8;--sync-btn: #2e9e4f;--slip-btn: #d6336c;--phones: #f5c400;--autodj: #1f4fa8;--downbeat-led: #d42a2a;--knob-body: #f6f7f9;--knob-track: #c3cad4;--knob-pointer: #d42a2a;--knob-value: #1f4fa8;--fader-slot: #4a5566;--slot-inset: inset 0 1px 2px rgba(0, 0, 0, .6);--fader-thumb: linear-gradient(#ffffff, #d5dae2);--fader-line: #d42a2a;--thumb-shadow: 0 2px 0 #8d97a5, 0 3px 6px rgba(0, 0, 0, .25);--jog-center: #f6f7f9;--wave-frame: #0a1622;--wave-bg: #0a1622;--wave-low: #3d7bff;--wave-mid: #f5c400;--wave-high: #ffffff;--wave-grid: rgba(255, 255, 255, .22);--wave-downbeat: #ff4040;--playhead: #ffffff;--loop-color: rgba(245, 196, 0, .22);--loop-off: rgba(255, 255, 255, .08);--overview-bg: #0a1622;--overview-dim: rgba(0, 0, 0, .5);--section-shade: rgba(61, 123, 255, .18);--section-text: #9fc0ff;--jog-outer: #c3cad4;--jog-inner: #ffffff;--jog-groove: rgba(30, 40, 60, .08);--jog-ring: #1f4fa8;--jog-marker: #d42a2a;--vu-off: #dde1e7;--vu-low: #2e9e4f;--vu-mid: #f5c400;--vu-high: #d42a2a;--phase-bg: #0a1622}:root[data-skin=gundam]{background-size:260px 160px,260px 160px,130px 320px,auto;background-position:0 0,0 0,65px 80px,0 0}:root[data-skin=gundam] .topbar{padding-bottom:11px}:root[data-skin=gundam] .btn:not(.cue-btn):not(.play-btn){clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);font-weight:600}:root[data-skin=gundam] .btn.active,:root[data-skin=gundam] .pad.set{background-color:var(--btn-color);color:#fff}:root[data-skin=gundam] .deck,:root[data-skin=gundam] .mixer,:root[data-skin=gundam] .library,:root[data-skin=gundam] .side-panel{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px)}:root[data-skin=gundam] .deck{border-top-width:5px}:root[data-skin=gundam] .logo{background:#1f4fa8;color:#fff;padding:3px 12px 3px 10px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);letter-spacing:.1em}:root[data-skin=gundam] .logo span{color:#f5c400}:root[data-skin=gundam] .logo span:after{content:" RX-78-2";font-size:8px;letter-spacing:.15em;color:#fff;vertical-align:middle;margin-left:6px;padding:1px 4px;background:#d42a2a}:root[data-skin=zaku]{--scheme: dark;--font-ui: "Chakra Petch", system-ui, sans-serif;--font-display: "Allerta Stencil", "Chakra Petch", sans-serif;--bg: #18210f;--bg-image: linear-gradient(90deg, rgba(0, 0, 0, .35) 2px, transparent 2px), linear-gradient(rgba(0, 0, 0, .35) 2px, transparent 2px), radial-gradient(circle, rgba(0, 0, 0, .45) 2px, transparent 2.6px), linear-gradient(180deg, #263319, #141c0d);--panel: #33472a;--panel-2: #3d5532;--panel-image: radial-gradient(circle at 9px 9px, #1a2414 0 2.5px, rgba(255, 255, 255, .15) 3px, transparent 3.5px), radial-gradient(circle at calc(100% - 9px) 9px, #1a2414 0 2.5px, rgba(255, 255, 255, .15) 3px, transparent 3.5px), radial-gradient(circle at 9px calc(100% - 9px) , #1a2414 0 2.5px, rgba(255, 255, 255, .15) 3px, transparent 3.5px), radial-gradient(circle at calc(100% - 9px) calc(100% - 9px) , #1a2414 0 2.5px, rgba(255, 255, 255, .15) 3px, transparent 3.5px), linear-gradient(180deg, rgba(255, 255, 255, .06), transparent 30%);--panel-shadow: inset 0 0 0 1px rgba(168, 196, 106, .18), 0 3px 0 #10170a, 0 10px 22px rgba(0, 0, 0, .5);--line: #4d6a3c;--line-soft: #2a3b22;--text: #e3ead6;--text-strong: #ffffff;--muted: #9aab84;--accent: #ff2e63;--on-accent: #ffffff;--radius: 3px;--radius-lg: 6px;--btn: #4a6640;--btn-hi: #57774b;--btn-text: #eef3e4;--btn-inset: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 0 #1a2414;--btn-active-text: #ffffff;--edge: #1a2414;--input-bg: #1f2b17;--topbar-bg: linear-gradient(180deg, #2a3b22, #1a2414);--login-bg: transparent;--backdrop: rgba(10, 14, 6, .7);--ok: #a8c46a;--warn: #f2b134;--bad: #ff2e63;--deck-a: #ff2e63;--deck-b: #a8c46a;--hc-1: #a8c46a;--hc-2: #ff2e63;--hc-3: #f2b134;--hc-4: #e8d44d;--hc-5: #4da3d6;--hc-6: #9a6bd6;--hc-7: #d6336c;--hc-8: #4dd6b0;--pad-text: #12190b;--cue-color: #f2b134;--play-color: #a8c46a;--loop-btn: #f2b134;--keylock-btn: #4da3d6;--sync-btn: #a8c46a;--slip-btn: #d6336c;--phones: #f2b134;--autodj: #ff2e63;--downbeat-led: #ff2e63;--knob-body: #4a6640;--knob-track: #12190b;--knob-pointer: #ff2e63;--knob-value: #a8c46a;--fader-slot: #0d1308;--slot-inset: inset 0 1px 3px #000;--fader-thumb: linear-gradient(#7f9c55, #4a6640);--fader-line: #12190b;--thumb-shadow: 0 2px 0 #12190b, 0 3px 6px rgba(0, 0, 0, .5);--jog-center: #12190b;--wave-frame: #0a0f07;--wave-bg: #0a0f07;--wave-low: #7f9c55;--wave-mid: #ff2e63;--wave-high: #fff3e6;--wave-grid: rgba(227, 234, 214, .2);--wave-downbeat: #f2b134;--playhead: #ffffff;--loop-color: rgba(242, 177, 52, .2);--loop-off: rgba(227, 234, 214, .08);--overview-bg: #0a0f07;--overview-dim: rgba(0, 0, 0, .55);--section-shade: rgba(255, 46, 99, .15);--section-text: #ff9db5;--jog-outer: #2a3b22;--jog-inner: #4a6640;--jog-groove: rgba(0, 0, 0, .18);--jog-ring: #1a2414;--jog-marker: #ff2e63;--vu-off: #22301a;--vu-low: #a8c46a;--vu-mid: #f2b134;--vu-high: #ff2e63;--phase-bg: #0a0f07}:root[data-skin=zaku]{background-size:300px 180px,300px 180px,300px 180px,auto;background-position:0 0,0 0,14px 14px,0 0}:root[data-skin=zaku] .topbar{position:relative;padding-bottom:14px}:root[data-skin=zaku] .topbar:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:7px;background:radial-gradient(ellipse 22px 6px at center,#ffd0dc 0 2px,#ff2e63 3px,rgba(255,46,99,.45) 9px,transparent 22px) 50% 50% / 90px 100% no-repeat,linear-gradient(180deg,#050703,#12190b);box-shadow:inset 0 1px 2px #000;pointer-events:none}@media (prefers-reduced-motion: no-preference){:root[data-skin=zaku] .topbar:after{animation:sdj-monoeye 3.2s ease-in-out infinite alternate}}@keyframes sdj-monoeye{0%,12%{background-position:0% 50%,0 0}88%,to{background-position:100% 50%,0 0}}:root[data-skin=zaku] .btn.active,:root[data-skin=zaku] .pad.set{background-color:var(--btn-color);color:#12190b;box-shadow:0 0 10px color-mix(in srgb,var(--btn-color) 50%,transparent),0 2px #1a2414}:root[data-skin=zaku] .logo{font-size:17px;letter-spacing:.1em;color:#c8d6ad}:root[data-skin=zaku] .logo span{color:#ff2e63;text-shadow:0 0 8px rgba(255,46,99,.8)}:root[data-skin=zaku] .logo span:after{content:" MS-06";font-family:Chakra Petch,sans-serif;font-size:9px;letter-spacing:.2em;color:#9aab84;text-shadow:none;vertical-align:middle}:root[data-skin=mlg]{--scheme: dark;--font-ui: Impact, "Anton", "Arial Narrow", sans-serif;--font-display: var(--font-ui);font-size:13px;--bg: #0a0a0a;--bg-image: radial-gradient(circle at 85% 12%, rgba(255, 255, 255, .9) 0 6px, rgba(255, 250, 200, .35) 7px, transparent 60px), linear-gradient(32deg, transparent 47%, rgba(255, 255, 255, .06) 49%, transparent 51%), radial-gradient(ellipse at 10% 100%, rgba(255, 102, 0, .45), transparent 55%), radial-gradient(ellipse at 100% 60%, rgba(140, 255, 0, .35), transparent 50%), repeating-conic-gradient(from 0deg at 50% 50%, #111 0 10deg, #161616 10deg 20deg);--panel: rgba(12, 12, 12, .9);--panel-2: #1b1b1b;--panel-image: none;--panel-shadow: 0 0 0 2px #8cff00, 0 0 18px rgba(140, 255, 0, .35);--line: #2d2d2d;--line-soft: #1e1e1e;--text: #ffffff;--text-strong: #ffffff;--muted: #b4b4b4;--accent: #8cff00;--on-accent: #000000;--radius: 0;--radius-lg: 0;--btn: #202020;--btn-hi: #333333;--btn-text: #ffffff;--btn-inset: none;--btn-active-text: #000000;--edge: #000000;--input-bg: #000000;--topbar-bg: linear-gradient(90deg, #ff6600, #ff9900 30%, #8cff00 70%, #2bff6a);--login-bg: transparent;--backdrop: rgba(0, 0, 0, .7);--ok: #8cff00;--warn: #ff9900;--bad: #ff1a1a;--deck-a: #8cff00;--deck-b: #ff6600;--hc-1: #8cff00;--hc-2: #ff1a1a;--hc-3: #ff6600;--hc-4: #ffee00;--hc-5: #00c3ff;--hc-6: #b300ff;--hc-7: #ff00b3;--hc-8: #00ffd5;--pad-text: #000000;--cue-color: #ff6600;--play-color: #8cff00;--loop-btn: #ffee00;--keylock-btn: #00c3ff;--sync-btn: #8cff00;--slip-btn: #ff00b3;--phones: #ffee00;--autodj: #b300ff;--downbeat-led: #ff1a1a;--knob-body: #222222;--knob-track: #000000;--knob-pointer: #ffee00;--knob-value: #8cff00;--fader-slot: #000000;--slot-inset: inset 0 0 0 1px #8cff00;--fader-thumb: linear-gradient(#ff9900, #ff6600);--fader-line: #000000;--thumb-shadow: 0 0 10px rgba(255, 102, 0, .8);--jog-center: #000000;--wave-frame: #000000;--wave-bg: #000000;--wave-low: #8cff00;--wave-mid: #ff6600;--wave-high: #ffee00;--wave-grid: rgba(255, 255, 255, .3);--wave-downbeat: #ff00b3;--playhead: #ffffff;--loop-color: rgba(255, 238, 0, .22);--loop-off: rgba(255, 255, 255, .08);--overview-bg: #000000;--overview-dim: rgba(0, 0, 0, .55);--section-shade: rgba(179, 0, 255, .2);--section-text: #e08cff;--jog-outer: #141414;--jog-inner: #2a2a2a;--jog-groove: rgba(140, 255, 0, .1);--jog-ring: #ff6600;--jog-marker: #8cff00;--vu-off: #1b1b1b;--vu-low: #8cff00;--vu-mid: #ffee00;--vu-high: #ff1a1a;--phase-bg: #000000;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cg stroke='%23fff' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='M3 3l6 6M21 3l-6 6M3 21l6-6M21 21l-6-6'/%3E%3C/g%3E%3Cg stroke='%23000' stroke-width='0.8'%3E%3Cpath d='M3 3l6 6M21 3l-6 6M3 21l6-6M21 21l-6-6'/%3E%3C/g%3E%3C/svg%3E") 12 12,crosshair}:root[data-skin=mlg] .btn,:root[data-skin=mlg] .album-card,:root[data-skin=mlg] .nav-item,:root[data-skin=mlg] canvas{cursor:inherit}:root[data-skin=mlg] .btn{font-weight:400;letter-spacing:.04em;text-transform:uppercase}:root[data-skin=mlg] .btn.active,:root[data-skin=mlg] .pad.set{background:var(--btn-color);color:#000;box-shadow:0 0 12px var(--btn-color)}:root[data-skin=mlg] .topbar{--text: #000;--muted: #1a1a1a;color:#000;border-bottom:2px solid #000}:root[data-skin=mlg] .logo{font-size:22px;letter-spacing:.02em;color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:3px 3px 0 #000}:root[data-skin=mlg] .logo span:after{content:" 360 NOSCOPE";font-size:11px;-webkit-text-stroke:0;text-shadow:none;color:#000;background:#fe0;padding:1px 5px;margin-left:6px;vertical-align:middle;display:inline-block;transform:rotate(-4deg)}:root[data-skin=mlg] body:before{content:"";position:fixed;right:3vw;bottom:6vh;width:160px;height:140px;z-index:-1;pointer-events:none;opacity:.55;background:radial-gradient(ellipse 18px 11px at 50% 62%,#000 0 5px,#fff 6px 10px,transparent 11px),linear-gradient(#fe0,#f90);clip-path:polygon(50% 0,100% 100%,0 100%)}:root[data-skin=mlg] body:after{content:"#REKT  ·  WOW  ·  420  ·  GET DUNKED ON  ·  SHREKT  ·  OH BABY A TRIPLE";position:fixed;left:0;right:0;bottom:0;z-index:-1;pointer-events:none;white-space:nowrap;overflow:hidden;font:400 38px/1 Impact,Anton,sans-serif;color:#ffffff0f;letter-spacing:.05em}@media (prefers-reduced-motion: no-preference){:root[data-skin=mlg] .logo{animation:sdj-rainbow 2.4s linear infinite}:root[data-skin=mlg] .btn.active{animation:sdj-shake .45s steps(2) infinite}:root[data-skin=mlg] .play-btn.active,:root[data-skin=mlg] .play-btn.lit{animation:sdj-shake .3s steps(2) infinite}}@keyframes sdj-rainbow{0%{filter:hue-rotate(0deg) drop-shadow(0 0 4px #8cff00);color:#ff2a2a}to{filter:hue-rotate(360deg) drop-shadow(0 0 4px #8cff00);color:#ff2a2a}}@keyframes sdj-shake{0%{transform:translate(.5px,-.5px) rotate(-1deg)}50%{transform:translate(-.5px,.5px) rotate(1deg)}to{transform:translate(.5px,.5px) rotate(0)}}:root[data-skin=reduced]{--scheme: light;--font-ui: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: var(--font-ui);font-size:14px;--bg: #f3f3f1;--bg-image: none;--panel: #ffffff;--panel-2: #f6f6f4;--panel-image: none;--panel-shadow: none;--line: #d9d9d4;--line-soft: #ebebe7;--text: #111111;--text-strong: #000000;--muted: #5c5c58;--accent: #0050c8;--on-accent: #ffffff;--radius: 4px;--radius-lg: 6px;--btn: #ffffff;--btn-hi: #f1f1ee;--btn-text: #111111;--btn-inset: none;--btn-active-text: #ffffff;--edge: #c4c4be;--input-bg: #ffffff;--topbar-bg: #ffffff;--login-bg: transparent;--backdrop: rgba(0, 0, 0, .35);--ok: #1f7a3a;--warn: #b25e00;--bad: #c0261d;--deck-a: #0050c8;--deck-b: #c2410c;--hc-1: #1f7a3a;--hc-2: #c0261d;--hc-3: #b25e00;--hc-4: #8a7400;--hc-5: #0050c8;--hc-6: #6b3fb0;--hc-7: #a8327a;--hc-8: #137a7a;--pad-text: #ffffff;--cue-color: #b25e00;--play-color: #1f7a3a;--loop-btn: #b25e00;--keylock-btn: #0050c8;--sync-btn: #1f7a3a;--slip-btn: #a8327a;--phones: #b25e00;--autodj: #0050c8;--downbeat-led: #c0261d;--knob-body: #ffffff;--knob-track: #e2e2de;--knob-pointer: #111111;--knob-value: #0050c8;--fader-slot: #d9d9d4;--slot-inset: none;--fader-thumb: #ffffff;--fader-line: #111111;--thumb-shadow: 0 0 0 1px #8a8a84;--jog-center: #f6f6f4;--wave-frame: #d9d9d4;--wave-bg: #ffffff;--wave-low: #1d1d1b;--wave-mid: #74746e;--wave-high: #b9b9b2;--wave-grid: rgba(0, 0, 0, .18);--wave-downbeat: #5c5c58;--playhead: #0050c8;--loop-color: rgba(178, 94, 0, .14);--loop-off: rgba(0, 0, 0, .05);--overview-bg: #ffffff;--overview-dim: rgba(255, 255, 255, .55);--section-shade: rgba(0, 0, 0, .055);--section-text: #5c5c58;--jog-outer: #ffffff;--jog-inner: #f3f3f1;--jog-groove: rgba(0, 0, 0, .03);--jog-ring: #c4c4be;--jog-marker: #111111;--vu-off: #e6e6e2;--vu-low: #1f7a3a;--vu-mid: #b25e00;--vu-high: #c0261d;--phase-bg: #ffffff}:root[data-skin=reduced] .btn{font-weight:600;letter-spacing:0}:root[data-skin=reduced] .btn.active,:root[data-skin=reduced] .pad.set{background:var(--btn-color);border-color:var(--btn-color);color:#fff;box-shadow:none}:root[data-skin=reduced] .deck{border-top-width:3px}:root[data-skin=reduced] .logo{font-size:16px;letter-spacing:.02em}:root[data-skin=portal05]{--scheme: light;--font-ui: Verdana, Tahoma, Geneva, sans-serif;--font-display: "Michroma", "Arial Black", sans-serif;font-size:12px;--bg: #5b6a7d;--bg-image: radial-gradient(ellipse 60% 35% at 20% 30%, rgba(255, 255, 255, .28), transparent 70%), radial-gradient(ellipse 50% 30% at 75% 65%, rgba(255, 255, 255, .22), transparent 70%), repeating-radial-gradient(ellipse 140% 60% at 40% 50%, rgba(255, 255, 255, .07) 0 14px, rgba(20, 30, 50, .08) 14px 30px), linear-gradient(160deg, #8796aa 0%, #56657a 45%, #7c8ba0 70%, #4b596c 100%);--panel: #d6dbe1;--panel-2: #ffffff;--panel-image: linear-gradient(180deg, #e8ecf0, #cdd3da);--panel-shadow: inset 0 0 0 1px #ffffff, 0 0 0 2px #59657a, 0 3px 6px rgba(0, 0, 0, .35);--line: #8c97a6;--line-soft: #bcc4ce;--text: #1a2233;--text-strong: #0a1020;--muted: #4c586b;--accent: #1d3d7a;--on-accent: #ffffff;--radius: 4px;--radius-lg: 16px;--btn: #e3e7ec;--btn-hi: #f2f4f7;--btn-text: #14203a;--btn-inset: inset 0 1px 0 #ffffff, inset 0 -1px 0 #9aa4b1;--btn-active-text: #ffffff;--edge: #6b7686;--input-bg: #ffffff;--topbar-bg: linear-gradient(180deg, #eef1f4 0%, #c3cbd5 47%, #97a3b2 53%, #ccd3dc 100%);--login-bg: transparent;--backdrop: rgba(40, 50, 70, .5);--ok: #2f7d32;--warn: #c06a00;--bad: #b3261e;--deck-a: #2453b0;--deck-b: #c0620e;--hc-1: #3a8a3c;--hc-2: #b3261e;--hc-3: #c06a00;--hc-4: #b39b00;--hc-5: #2453b0;--hc-6: #6a42a8;--hc-7: #a8327e;--hc-8: #1d7f86;--pad-text: #ffffff;--cue-color: #c06a00;--play-color: #2f7d32;--loop-btn: #c06a00;--keylock-btn: #2453b0;--sync-btn: #2f7d32;--slip-btn: #a8327e;--phones: #c06a00;--autodj: #1d3d7a;--downbeat-led: #b3261e;--knob-body: #eef1f4;--knob-track: #9aa4b1;--knob-pointer: #14203a;--knob-value: #2453b0;--fader-slot: #6b7686;--slot-inset: inset 0 1px 2px rgba(0, 0, 0, .5);--fader-thumb: linear-gradient(180deg, #ffffff, #d9dee5 48%, #aab4c1 52%, #e3e7ec);--fader-line: #14203a;--thumb-shadow: 0 1px 3px rgba(0, 0, 0, .45);--jog-center: #eef1f4;--wave-frame: #59657a;--wave-bg: #ffffff;--wave-low: #1d3d7a;--wave-mid: #6f86b0;--wave-high: #b9c6dc;--wave-grid: rgba(20, 32, 58, .2);--wave-downbeat: #b3261e;--playhead: #14203a;--loop-color: rgba(192, 106, 0, .16);--loop-off: rgba(20, 32, 58, .06);--overview-bg: #ffffff;--overview-dim: rgba(255, 255, 255, .55);--section-shade: rgba(36, 83, 176, .09);--section-text: #1d3d7a;--jog-outer: #9aa6b5;--jog-inner: #f4f6f8;--jog-groove: rgba(20, 32, 58, .08);--jog-ring: #59657a;--jog-marker: #14203a;--vu-off: #c5ccd5;--vu-low: #3a8a3c;--vu-mid: #c09a00;--vu-high: #b3261e;--phase-bg: #ffffff}:root[data-skin=portal05] .btn,:root[data-skin=portal05] .skin-picker select{background-image:linear-gradient(180deg,#fff,#ffffff8c 48%,#96a2b259 52%,#ffffff4d);font-weight:700;letter-spacing:0}:root[data-skin=portal05] .btn.active,:root[data-skin=portal05] .pad.set{background-color:var(--btn-color);border-color:color-mix(in srgb,var(--btn-color) 60%,#000);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5);box-shadow:inset 0 1px #ffffff80}:root[data-skin=portal05] .logo{font-size:22px;font-weight:400;letter-spacing:.04em;text-transform:none;transform:scaleY(1.15);background:linear-gradient(180deg,#fff,#c9d6ea 40%,#4d6894 52%,#9fb4d6 75%,#e6edf7);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #1c2c4c;filter:drop-shadow(1px 2px 0 rgba(20,30,50,.45))}:root[data-skin=portal05] .logo span{color:transparent}:root[data-skin=portal05] .logo span:after{content:"not just a deck, but a deck with stuff";display:block;-webkit-text-stroke:0;font:400 7px/1 "Press Start 2P",monospace;letter-spacing:.04em;text-transform:lowercase;color:#2a3a5c;transform:scaleY(.87);margin-top:2px}:root[data-skin=portal05] .nav-group,:root[data-skin=portal05] .ch-label{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #1c2c4c,0 0 3px #1c2c4c;background:linear-gradient(180deg,#e7ecf2,#9fadc0 45%,#5b6c86 55%,#8c9cb2);border:1px solid #3f4b60;border-radius:999px;padding:4px 10px;box-shadow:inset 0 1px #fffc,0 1px 2px #00000059;text-align:center}:root[data-skin=portal05] .q-title,:root[data-skin=portal05] .lib-bar,:root[data-skin=portal05] .deck-head{background:linear-gradient(180deg,#fff,#dfe4ea 55%,#c9d0d9);border:1px solid #8c97a6;border-radius:999px;padding:3px 10px 3px 4px;font-weight:700}:root[data-skin=portal05] .q-title:before,:root[data-skin=portal05] .lib-bar:before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#fff 15%,#9fb0c6 45%,#3d4f6c 85%);box-shadow:0 0 0 1px #3f4b60}:root[data-skin=portal05] .deck-head{border-radius:12px;padding:4px 8px}:root[data-skin=portal05] .lib-content,:root[data-skin=portal05] .q-item,:root[data-skin=portal05] .s-card{background:#fff;border:1px solid #9aa4b1}:root[data-skin=portal05] .q-song,:root[data-skin=portal05] table.tracks td{color:#1d3d7a}:root[data-skin=portal05] .q-artist{font-style:italic}:root[data-skin=portal05] .topbar{border-bottom:2px solid #3f4b60}:root[data-skin=webcore]{--scheme: dark;--font-ui: "Courier New", Courier, monospace;--font-display: "Alfa Slab One", "Courier New", serif;font-size:13px;--gif-stars: url(https://web.archive.org/web/20070310054226im_/http://www.geocities.com/vix_chic/xstars.gif);--gif-hazard: url(https://web.archive.org/web/20091026224036im_/http://geocities.com/thailegal/test/bar-yellow.gif);--gif-construction: url(https://web.archive.org/web/20091027024126im_/http://geocities.com/danpolak/construction.gif);--gif-skull: url(https://web.archive.org/web/20090820084617im_/http://geocities.com/HotSprings/2615/images/skull.gif);--gif-globe: url(https://web.archive.org/web/20090725133937im_/http://www.geocities.com/al_haqa/globeputar.gif);--gif-radioactive: url(https://web.archive.org/web/20091021103432im_/http://www.geocities.com/chateaumarmont/ani_radioactive3x_new60.gif);--gif-dragon: url(https://web.archive.org/web/20091027045836im_/http://es.geocities.com/maytika_15/dragon_rojo.gif);--gif-star: url(https://web.archive.org/web/20091026065548im_/http://geocities.com/Tokyo/Courtyard/9155/stars.gif);--bg: #000000;--bg-image: var(--gif-stars), radial-gradient(circle, rgba(255, 255, 255, .75) 0 .8px, transparent 1.3px), radial-gradient(circle, rgba(255, 230, 160, .9) 0 1.2px, transparent 2px), radial-gradient(ellipse 45% 30% at 25% 35%, rgba(110, 40, 200, .45), transparent 70%), radial-gradient(ellipse 40% 35% at 75% 70%, rgba(60, 30, 160, .4), transparent 70%), radial-gradient(ellipse 30% 20% at 60% 15%, rgba(170, 40, 200, .25), transparent 70%), #000000;--panel: rgba(4, 6, 12, .88);--panel-2: #050d05;--panel-image: linear-gradient(rgba(60, 255, 60, .13) 1px, transparent 1px), linear-gradient(90deg, rgba(60, 255, 60, .13) 1px, transparent 1px);--panel-shadow: 0 0 0 2px #3dff3d;--line: #2a7a2a;--line-soft: #123d12;--text: #5dff5d;--text-strong: #b6ffb6;--muted: #c86bff;--accent: #d65cff;--on-accent: #000000;--radius: 999px;--radius-lg: 0;--btn: #6be62f;--btn-hi: #9dff4a;--btn-text: #6a1fb8;--btn-inset: inset 0 2px 0 rgba(255, 255, 255, .55), inset 0 -2px 0 rgba(0, 80, 0, .45);--btn-active-text: #ffffff;--edge: #1d6b12;--input-bg: #000000;--topbar-bg: var(--gif-hazard) left bottom / auto 8px repeat-x, repeating-linear-gradient(-45deg, #ffe600 0 14px, #000000 14px 28px) bottom / 100% 8px no-repeat, #000000;--login-bg: transparent;--backdrop: rgba(0, 0, 0, .75);--ok: #3dff3d;--warn: #ffe600;--bad: #ff2b2b;--deck-a: #3dff3d;--deck-b: #d65cff;--hc-1: #3dff3d;--hc-2: #ff2b2b;--hc-3: #ffe600;--hc-4: #00e5ff;--hc-5: #3b5bff;--hc-6: #d65cff;--hc-7: #ff5cc8;--hc-8: #ff9a2b;--pad-text: #000000;--cue-color: #ffe600;--play-color: #3dff3d;--loop-btn: #ffe600;--keylock-btn: #00e5ff;--sync-btn: #3dff3d;--slip-btn: #ff5cc8;--phones: #ffe600;--autodj: #d65cff;--downbeat-led: #ff2b2b;--knob-body: #0a140a;--knob-track: #1d3d1d;--knob-pointer: #3dff3d;--knob-value: #d65cff;--fader-slot: #000000;--slot-inset: 0 0 0 1px #3dff3d;--fader-thumb: linear-gradient(180deg, #c6ff8a, #6be62f 50%, #3fae1a);--fader-line: #6a1fb8;--thumb-shadow: 0 0 0 1px #1d6b12;--jog-center: #000000;--wave-frame: #3dff3d;--wave-bg: #000000;--wave-low: #8a2be2;--wave-mid: #3dff3d;--wave-high: #fff59d;--wave-grid: rgba(61, 255, 61, .28);--wave-downbeat: #ff2b2b;--playhead: #ffffff;--loop-color: rgba(255, 230, 0, .18);--loop-off: rgba(61, 255, 61, .08);--overview-bg: #000000;--overview-dim: rgba(0, 0, 0, .55);--section-shade: rgba(138, 43, 226, .22);--section-text: #d65cff;--jog-outer: #050d05;--jog-inner: #1a0a2e;--jog-groove: rgba(61, 255, 61, .12);--jog-ring: #3b5bff;--jog-marker: #3dff3d;--vu-off: #0c1f0c;--vu-low: #3dff3d;--vu-mid: #ffe600;--vu-high: #ff2b2b;--phase-bg: #000000}:root[data-skin=webcore]{background-size:200px 200px,61px 71px,197px 173px,auto,auto,auto,auto;background-position:0 0,23px 41px,70px 13px,0 0,0 0,0 0,0 0}:root[data-skin=webcore] .deck,:root[data-skin=webcore] .mixer{background-size:14px 14px;border-color:#3dff3d}:root[data-skin=webcore] .library,:root[data-skin=webcore] .side-panel{--panel-shadow: 0 0 0 2px #2b2bff;background-color:#00000adb;background-image:none;border-color:#2b2bff}:root[data-skin=webcore] .side-panel:after{content:"";flex:none;align-self:center;width:90px;height:70px;background:var(--gif-globe) center / contain no-repeat}:root[data-skin=webcore] .lib-nav:after{content:"";flex:none;align-self:center;width:65px;height:65px;margin-top:10px;background:var(--gif-dragon) center / contain no-repeat}:root[data-skin=webcore] .nav-group:before{content:"";display:inline-block;width:16px;height:15px;margin-right:5px;vertical-align:-2px;background:var(--gif-star) center / contain no-repeat}:root[data-skin=webcore] .btn{text-decoration:underline;font-weight:700;letter-spacing:0}:root[data-skin=webcore] .btn.active,:root[data-skin=webcore] .btn.lit,:root[data-skin=webcore] .pad.set{background:var(--btn-color);color:#000;text-decoration:none;box-shadow:inset 0 2px #ffffff80;filter:url(#wc-glow-green)}:root[data-skin=webcore] .logo,:root[data-skin=webcore] .login-card h1{font-size:22px;letter-spacing:.04em;color:#e8ff3a;-webkit-text-stroke:1px #1a3a00;paint-order:stroke fill;filter:url(#wc-glow-lime)}:root[data-skin=webcore] .logo span{color:#e8ff3a}:root[data-skin=webcore] .logo:before,:root[data-skin=webcore] .logo span:after{content:"";display:inline-block;width:30px;height:30px;vertical-align:middle;margin:-6px 6px -4px;background:var(--gif-skull) center / contain no-repeat}:root[data-skin=webcore] .nav-group,:root[data-skin=webcore] .q-title>span:first-child,:root[data-skin=webcore] .ch-label{font-family:var(--font-display);color:#e8ff3a;filter:url(#wc-glow-green);letter-spacing:.06em}:root[data-skin=webcore] .q-song,:root[data-skin=webcore] .deck-title .title{color:#d65cff}:root[data-skin=webcore] .q-artist,:root[data-skin=webcore] .deck-title .artist{color:#5dff5d}:root[data-skin=webcore] .waves{border-bottom:0;box-shadow:0 0 0 2px #3dff3d;margin-bottom:18px;position:relative}:root[data-skin=webcore] .waves:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:14px;background:var(--gif-radioactive) left center / 14px 14px repeat-x;background-size:14px 14px;background-repeat:space no-repeat;pointer-events:none}:root[data-skin=webcore] .topbar{padding-bottom:12px;border-bottom:0}:root[data-skin=webcore] .topbar:after{content:"UNDER CONSTRUCTION";font:700 11px/1 Courier New,monospace;color:#000;background:var(--gif-construction) left 3px center / 20px 20px no-repeat,#ffe600;padding:6px 8px 6px 28px;border:2px solid #000}@media (prefers-reduced-motion: no-preference){:root[data-skin=webcore] .topbar:after{animation:sdj-blink-hard 1s steps(1) infinite}}@keyframes sdj-blink-hard{50%{opacity:.25}}:root[data-skin=swiss]{--scheme: light;--font-ui: "Helvetica Neue", Helvetica, "Inter Tight", Arial, sans-serif;--font-display: var(--font-ui);font-size:14px;--bg: #f2eee5;--bg-image: linear-gradient(90deg, rgba(225, 55, 40, .38) 1px, transparent 1px), repeating-linear-gradient(180deg, rgba(0, 0, 0, .045) 0 1px, transparent 1px 16px);--panel: transparent;--panel-2: rgba(255, 255, 255, .35);--panel-image: none;--panel-shadow: none;--line: #e1372a;--line-soft: rgba(225, 55, 40, .35);--text: #111111;--text-strong: #000000;--muted: #5e5a52;--accent: #e1372a;--on-accent: #111111;--radius: 0;--radius-lg: 0;--btn: transparent;--btn-hi: rgba(225, 55, 40, .08);--btn-text: #111111;--btn-inset: none;--btn-active-text: #111111;--edge: #111111;--input-bg: transparent;--topbar-bg: transparent;--login-bg: transparent;--backdrop: rgba(242, 238, 229, .85);--ok: #111111;--warn: #e1372a;--bad: #e1372a;--deck-a: #111111;--deck-b: #e1372a;--hc-1: #e1372a;--hc-2: #111111;--hc-3: #e1372a;--hc-4: #111111;--hc-5: #e1372a;--hc-6: #111111;--hc-7: #e1372a;--hc-8: #111111;--pad-text: #f2eee5;--cue-color: #e1372a;--play-color: #111111;--loop-btn: #e1372a;--keylock-btn: #e1372a;--sync-btn: #e1372a;--slip-btn: #e1372a;--phones: #e1372a;--autodj: #e1372a;--downbeat-led: #e1372a;--knob-body: #f2eee5;--knob-track: #d6cfbf;--knob-pointer: #111111;--knob-value: #e1372a;--fader-slot: #111111;--slot-inset: none;--fader-thumb: #e1372a;--fader-line: #111111;--thumb-shadow: none;--jog-center: #f2eee5;--canvas-pixel: 1;--wave-frame: #e1372a;--wave-bg: #f2eee5;--wave-low: #111111;--wave-mid: #e1372a;--wave-high: #b9b2a3;--wave-grid: rgba(0, 0, 0, .18);--wave-downbeat: #e1372a;--playhead: #111111;--loop-color: rgba(225, 55, 40, .14);--loop-off: rgba(0, 0, 0, .05);--overview-bg: #f2eee5;--overview-dim: rgba(242, 238, 229, .6);--section-shade: rgba(225, 55, 40, .08);--section-text: #e1372a;--jog-outer: #f2eee5;--jog-inner: #f2eee5;--jog-groove: rgba(0, 0, 0, .035);--jog-ring: #111111;--jog-marker: #e1372a;--vu-off: #ddd6c6;--vu-low: #111111;--vu-mid: #111111;--vu-high: #e1372a;--phase-bg: #f2eee5}:root[data-skin=swiss]{background-size:25% 100%,auto}:root[data-skin=swiss] body{letter-spacing:-.01em}:root[data-skin=swiss] .deck,:root[data-skin=swiss] .mixer,:root[data-skin=swiss] .library,:root[data-skin=swiss] .side-panel{border:1px solid #e1372a;background-color:#f2eee5b3}:root[data-skin=swiss] .deck{border-top-width:1px;padding:10px 12px}:root[data-skin=swiss] .topbar{border-bottom:1px solid #e1372a;padding:10px 16px}:root[data-skin=swiss] .logo{font-size:26px;font-weight:700;letter-spacing:-.045em;text-transform:lowercase}:root[data-skin=swiss] .logo:before{content:"";display:inline-block;width:18px;height:18px;margin-right:10px;vertical-align:-1px;background:#e1372a}:root[data-skin=swiss] .logo span{color:#111}:root[data-skin=swiss] .btn{text-transform:lowercase;font-weight:500;letter-spacing:-.01em;border:1px solid #111;background-image:none}:root[data-skin=swiss] .btn:active:not(:disabled){transform:none}:root[data-skin=swiss] .btn.active,:root[data-skin=swiss] .btn.lit,:root[data-skin=swiss] .pad.set{background:#e1372a;border-color:#e1372a;color:#111;box-shadow:none}:root[data-skin=swiss] .deck-title .title{font-size:20px;font-weight:700;letter-spacing:-.03em}:root[data-skin=swiss] .deck-letter{font-size:32px;font-weight:700;letter-spacing:-.04em}:root[data-skin=swiss] .nav-group,:root[data-skin=swiss] .q-label,:root[data-skin=swiss] .ch-label,:root[data-skin=swiss] .util-label,:root[data-skin=swiss] .server{font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:0;text-transform:lowercase;color:#111}:root[data-skin=swiss] .q-title>span:first-child{font-size:18px;font-weight:700;letter-spacing:-.03em;text-transform:lowercase}:root[data-skin=swiss] .q-item,:root[data-skin=swiss] .s-card{background:transparent;border-radius:0;border-bottom:1px solid rgba(225,55,40,.45)}:root:is([data-skin=minimum],[data-skin=minimum-neg]){--m-ink: #1c1c1c;--m-paper: #efefec;--m-accent: #0033ff;--m-a: #d1006a;--m-b: #008a4e;--m-accent-wash: rgba(0, 51, 255, .12);--m-veil: rgba(239, 239, 236, .92);--scheme: light;--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: var(--font-ui);font-size:13px;--canvas-text-size: 13;--canvas-flat: 1;--canvas-text-bold: 1;--canvas-lowercase: 1;--bg: var(--m-paper);--bg-image: none;--panel: var(--m-paper);--panel-2: var(--m-paper);--panel-image: none;--panel-shadow: none;--line: transparent;--line-soft: transparent;--text: var(--m-ink);--text-strong: var(--m-ink);--muted: var(--m-ink);--accent: var(--m-accent);--on-accent: var(--m-paper);--radius: 0;--radius-lg: 0;--btn: var(--m-paper);--btn-hi: var(--m-paper);--btn-text: var(--m-ink);--btn-inset: none;--btn-active-text: var(--m-paper);--edge: var(--m-ink);--input-bg: var(--m-paper);--topbar-bg: var(--m-paper);--login-bg: var(--m-paper);--backdrop: var(--m-veil);--ok: var(--m-ink);--warn: var(--m-accent);--bad: var(--m-accent);--deck-a: var(--m-a);--deck-b: var(--m-b);--hc-1: var(--m-ink);--hc-2: var(--m-accent);--hc-3: var(--m-ink);--hc-4: var(--m-accent);--hc-5: var(--m-ink);--hc-6: var(--m-accent);--hc-7: var(--m-ink);--hc-8: var(--m-accent);--pad-text: var(--m-paper);--cue-color: var(--m-ink);--play-color: var(--m-ink);--loop-btn: var(--m-ink);--keylock-btn: var(--m-ink);--sync-btn: var(--m-ink);--slip-btn: var(--m-ink);--phones: var(--m-ink);--autodj: var(--m-ink);--downbeat-led: var(--m-accent);--knob-body: var(--m-paper);--knob-track: var(--m-ink);--knob-pointer: var(--m-ink);--knob-value: var(--m-accent);--fader-slot: var(--m-ink);--slot-inset: none;--fader-thumb: var(--m-paper);--fader-line: var(--m-ink);--thumb-shadow: 0 0 0 1px var(--m-ink);--jog-center: var(--m-paper);--canvas-pixel: 1;--wave-frame: var(--m-paper);--wave-bg: var(--m-paper);--wave-low: var(--m-ink);--wave-mid: var(--m-accent);--wave-high: var(--m-ink);--wave-grid: var(--m-ink);--wave-downbeat: var(--m-accent);--playhead: var(--m-ink);--loop-color: var(--m-accent-wash);--loop-off: transparent;--overview-bg: var(--m-paper);--overview-dim: transparent;--section-shade: transparent;--section-text: var(--m-ink);--jog-outer: var(--m-paper);--jog-inner: var(--m-paper);--jog-groove: transparent;--jog-ring: var(--m-ink);--jog-marker: var(--m-ink);--vu-off: var(--m-paper);--vu-low: var(--m-ink);--vu-mid: var(--m-ink);--vu-high: var(--m-accent);--phase-bg: var(--m-paper)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) body *,:root:is([data-skin=minimum],[data-skin=minimum-neg]) body *:before,:root:is([data-skin=minimum],[data-skin=minimum-neg]) body *:after{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:13px!important;font-weight:400!important;font-style:normal!important;letter-spacing:0!important;text-transform:lowercase!important;text-shadow:none!important;box-shadow:none!important;border-radius:0!important;border-color:transparent!important;outline-color:transparent!important}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .deck,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .mixer,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .library,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .side-panel,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .topbar{border:1px solid var(--m-ink);background:var(--m-paper)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .deck{border-top-width:1px}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn{background:var(--m-paper);border:1px solid var(--m-ink);color:var(--m-ink)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn:active:not(:disabled){transform:none}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn.active,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn.lit,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .pad.set,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn.primary{background:var(--m-ink);border-color:var(--m-ink);color:var(--m-paper)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .logo span{color:var(--m-accent)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .album-card .cover,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .jog-center img{display:none}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .jog-center{background:transparent}.art-swatch{display:none}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .art-swatch{display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-1px}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .jog-swatch{margin:0}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-item,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .s-card,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .s-from,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-settings-box{background:var(--m-paper);border-radius:0}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .s-fit.ok,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-link.ok{color:var(--m-ink);border-color:var(--m-ink)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .s-fit.boost,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .s-fit.clash,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-link.boost,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-link.clash,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-clashes{color:var(--m-accent);border-color:var(--m-accent)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .load-btn,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .skin-picker select{border:1px solid var(--m-ink)!important}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn.active,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn.lit,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn.primary{border-color:var(--m-ink)!important}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .btn:disabled,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .load-btn:disabled{opacity:1;border-style:dotted!important}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .logo,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .logo span,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .nav-group,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-title>span:first-child,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .deck-letter,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .deck-title .title,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .deck-bpm .bpm,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .time .elapsed,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .ch-label,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .album-name,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .q-song,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .s-rank,:root:is([data-skin=minimum],[data-skin=minimum-neg]) .tracks th{font-weight:700!important}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .jog-center{border-radius:50%!important}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .nav-item.active{background:var(--m-ink);color:var(--m-paper)}:root:is([data-skin=minimum],[data-skin=minimum-neg]) .deck-util{flex-wrap:wrap}:root:is([data-skin=minimum],[data-skin=minimum-neg]) ::placeholder{text-transform:lowercase}:root[data-skin=minimum-neg]{--scheme: dark;--m-ink: #efefec;--m-paper: #1c1c1c;--m-accent: #ffcc00;--m-a: #ff4fa3;--m-b: #34d77f;--m-accent-wash: rgba(255, 204, 0, .16);--m-veil: rgba(28, 28, 28, .92)}:root[data-skin=partyportal]{--scheme: light;--font-ui: Arial, "Avantgarde", sans-serif;--font-display: "Trebuchet MS", Verdana, Helvetica, sans-serif;font-size:12px;--bg: #0d1420;--bg-image: repeating-linear-gradient(98deg, rgba(150, 190, 240, .07) 0 3px, transparent 3px 41px, rgba(120, 160, 220, .05) 41px 44px, transparent 44px 97px), radial-gradient(ellipse 70% 30% at 60% 22%, rgba(90, 130, 190, .35), transparent 70%), linear-gradient(180deg, #3d5571 0, #445b7a 50px, #2d4866 100px, #284a77 150px, #3a5c78 200px, #36526a 250px, #2c4a64 325px, #1d3748 400px, #192535 475px, #0f1523 550px, #0d1420 564px);--panel: #e8e8e8;--panel-2: #e2e2e2;--panel-image: none;--panel-shadow: none;--line: #dddddd;--line-soft: #dddddd;--text: #000000;--text-strong: #000000;--muted: #555555;--accent: #5e8ce0;--on-accent: #ffffff;--radius: 2px;--radius-lg: 0;--btn: #f4f4f4;--btn-hi: #dcdcdc;--btn-text: #000000;--btn-inset: none;--btn-active-text: #ffffff;--edge: #989bca;--input-bg: #ffffff;--topbar-bg: radial-gradient(ellipse 210px 90% at 70px 50%, rgba(160, 190, 240, .35), transparent 75%), linear-gradient(180deg, #405e96 0%, #4a6eb1 27%, #537cc7 50%, #5b87d8 73%, #5e8ce0 91%, #5e8ce0 100%);--login-bg: transparent;--backdrop: rgba(13, 20, 32, .6);--ok: #2a8a2a;--warn: #e07b39;--bad: #ff0000;--deck-a: #5e8ce0;--deck-b: #e07b39;--hc-1: #3a9a3a;--hc-2: #ff0000;--hc-3: #e07b39;--hc-4: #e8c400;--hc-5: #5e8ce0;--hc-6: #7a5ac8;--hc-7: #d6338a;--hc-8: #1fa3a3;--pad-text: #ffffff;--cue-color: #e07b39;--play-color: #3a9a3a;--loop-btn: #e07b39;--keylock-btn: #5e8ce0;--sync-btn: #3a9a3a;--slip-btn: #d6338a;--phones: #e07b39;--autodj: #405d93;--downbeat-led: #ff0000;--knob-body: #f4f4f4;--knob-track: #bdbdbd;--knob-pointer: #333333;--knob-value: #5e8ce0;--fader-slot: #505050;--slot-inset: inset 0 1px 2px rgba(0, 0, 0, .5);--fader-thumb: linear-gradient(180deg, #828282, #706f70 45%, #525252 55%, #505050);--fader-line: #ffffff;--thumb-shadow: 0 1px 2px rgba(0, 0, 0, .5);--jog-center: #e2e2e2;--wave-frame: #0d1420;--wave-bg: #0d1420;--wave-low: #5e8ce0;--wave-mid: #9fbaf0;--wave-high: #ffffff;--wave-grid: rgba(255, 255, 255, .2);--wave-downbeat: #ffd400;--playhead: #ffffff;--loop-color: rgba(224, 123, 57, .22);--loop-off: rgba(255, 255, 255, .07);--overview-bg: #0d1420;--overview-dim: rgba(13, 20, 32, .55);--section-shade: rgba(94, 140, 224, .18);--section-text: #9fbaf0;--jog-outer: #505050;--jog-inner: #828282;--jog-groove: rgba(255, 255, 255, .06);--jog-ring: #525252;--jog-marker: #ffffff;--vu-off: #cfcfcf;--vu-low: #3a9a3a;--vu-mid: #e8c400;--vu-high: #ff0000;--phase-bg: #0d1420}:root[data-skin=partyportal] .topbar{border-bottom:0;padding-top:4px;padding-bottom:4px;color:#fff;--text: #fff;--muted: #dbe5fa}:root[data-skin=partyportal] .logo{font-family:Myriad Pro,Segoe UI,"Source Sans 3",PT Sans,sans-serif;font-size:30px;font-weight:400;line-height:1;letter-spacing:-.005em;color:#fff;text-shadow:3px 3px 3px rgba(0,0,0,.55);padding:2px 14px 4px 4px}:root[data-skin=partyportal] .logo span{color:#fff}:root[data-skin=partyportal] .logo span:after{content:".ch"}:root[data-skin=partyportal] .topbar .btn{background:transparent;color:#fff;font:700 13px/1.6 Trebuchet MS,Verdana,sans-serif;border:0;border-left:1px solid #6595f0;border-right:1px solid #5882d1;border-radius:0;padding:2px 10px;box-shadow:none}:root[data-skin=partyportal] .topbar .btn:hover:not(:disabled),:root[data-skin=partyportal] .topbar .btn.active{background:#405d93;color:#fff}:root[data-skin=partyportal] .skin-picker select{background:#fff;color:#000;border:1px solid #ccc;border-radius:0;font:11px Arial,sans-serif}:root[data-skin=partyportal] .nav-group,:root[data-skin=partyportal] .q-title,:root[data-skin=partyportal] .lib-bar,:root[data-skin=partyportal] .tracks th,:root[data-skin=partyportal] .ch-label{color:#fff;background:linear-gradient(180deg,#606060 0,#828282 2px,#7a7a7a,#706f70 10px,#525252 12px,#505050 13px);border-right:1px solid #525252;border-bottom:1px dotted #525252;font-family:Trebuchet MS,Verdana,Helvetica,sans-serif;font-weight:700;--muted: #dddddd}:root[data-skin=partyportal] .nav-group,:root[data-skin=partyportal] .q-title{font-size:14px;letter-spacing:0;text-transform:none;padding:1px 2px 1px 4px;margin:6px 0 2px}:root[data-skin=partyportal] .q-title .btn,:root[data-skin=partyportal] .lib-bar .btn{font-size:11px}:root[data-skin=partyportal] .lib-bar{padding:3px 4px}:root[data-skin=partyportal] .lib-bar .crumbs{color:#fff}:root[data-skin=partyportal] .tracks th{font-size:12px;padding:1px 4px}:root[data-skin=partyportal] .tracks{border-collapse:separate;border-spacing:1px}:root[data-skin=partyportal] .tracks td{background:#e2e2e2;border-left:1px solid #ddd;padding:2px 4px;font-size:12px}:root[data-skin=partyportal] .tracks tbody tr:nth-child(2n) td{background:#eee}:root[data-skin=partyportal] .tracks tbody tr:hover td{background:#aaa}:root[data-skin=partyportal] .q-song,:root[data-skin=partyportal] .album-name,:root[data-skin=partyportal] .deck-title .title{font-weight:700;text-decoration:underline;color:#000}:root[data-skin=partyportal] .q-item,:root[data-skin=partyportal] .s-card{background:#e2e2e2;border-radius:0}:root[data-skin=partyportal] .s-card:nth-child(2n) .q-item,:root[data-skin=partyportal] .s-card:nth-child(2n){background:#eee}:root[data-skin=partyportal] .btn{font-family:Arial,sans-serif;font-weight:700;letter-spacing:0}:root[data-skin=partyportal] .btn.active,:root[data-skin=partyportal] .btn.lit,:root[data-skin=partyportal] .pad.set{background:var(--btn-color);border-color:var(--btn-color);color:#fff;box-shadow:none}:root[data-skin=partyportal] .deck,:root[data-skin=partyportal] .mixer,:root[data-skin=partyportal] .library,:root[data-skin=partyportal] .side-panel{border:0;border-top:0}:root[data-skin=partyportal] .deck{box-shadow:inset 0 3px 0 var(--deck)}:root[data-skin=partyportal] a,:root[data-skin=partyportal] .nav-item.active{color:#000}:root[data-skin=partyportal] .nav-item:hover{background:#aaa}:root[data-skin=partyportal] .tracks tbody td:nth-child(3){font-weight:700;text-decoration:underline}:root[data-skin^=ascii]{--ascii-font: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-skin=ascii]{--t0: #050608;--t1: #c9d1d9;--t2: #4b5563;--t3: #2ee6ff;--t4: #b6ff1a;--t5: #ff3fd4;--t6: #ff4d3d;--t7: #3f8cff;--t8: #ffffff;--t9: #222a37}:root[data-skin=ascii-paper]{--t0: #ebebeb;--t1: #1626c9;--t2: #8a8fb8;--t3: #1626c9;--t4: #0b0b0b;--t5: #1626c9;--t6: #f07000;--t7: #5a82ff;--t8: #000000;--t9: #c8f000}html[data-skin^=ascii],html[data-skin^=ascii] body{background:var(--t0);margin:0;overflow:hidden}pre.ascii{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;padding:0;overflow:hidden;background:var(--t0);color:var(--t1);font-family:var(--ascii-font);font-size:13px;line-height:16px;font-variant-ligatures:none;font-kerning:none;outline:none;white-space:pre;-webkit-user-select:text;user-select:text;touch-action:none}pre.ascii>div{height:16px}.ascii-video{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:var(--t0);container-type:size}.ascii-video iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%) scale(1.15);border:0}pre.ascii.over-video{z-index:1;background:transparent}pre.ascii .b48{background:color-mix(in srgb,var(--t0) 80%,transparent)}pre.ascii .uw,pre.ascii .u1,pre.ascii .u2,pre.ascii .u3,pre.ascii .u4{display:inline-block;height:16px;vertical-align:top;overflow:visible}pre.ascii .uw{overflow:hidden}pre.ascii .u1,pre.ascii .u2,pre.ascii .u3,pre.ascii .u4{transform-origin:0 0}pre.ascii .u1{transform:translateY(var(--u1-ty, 0)) scale(var(--u1-sx, 1),var(--u1-sy, 1))}pre.ascii .u2{transform:translateY(var(--u2-ty, 0)) scale(var(--u2-sx, 1),var(--u2-sy, 1))}pre.ascii .u3{transform:translateY(var(--u3-ty, 0)) scale(var(--u3-sx, 1),var(--u3-sy, 1))}pre.ascii .u4{transform:translate(var(--u4-tx, 0),var(--u4-ty, 0)) scale(var(--u4-s, 1))}pre.ascii .f0{color:var(--t0)}pre.ascii .f1{color:var(--t1)}pre.ascii .f2{color:var(--t2)}pre.ascii .f3{color:var(--t3)}pre.ascii .f4{color:var(--t4)}pre.ascii .f5{color:var(--t5)}pre.ascii .f6{color:var(--t6)}pre.ascii .f7{color:var(--t7)}pre.ascii .f8{color:var(--t8)}pre.ascii .f9{color:var(--t9)}pre.ascii .b1{background:var(--t1)}pre.ascii .b2{background:var(--t2)}pre.ascii .b3{background:var(--t3)}pre.ascii .b4{background:var(--t4)}pre.ascii .b5{background:var(--t5)}pre.ascii .b6{background:var(--t6)}pre.ascii .b7{background:var(--t7)}pre.ascii .b8{background:var(--t8)}pre.ascii .b9{background:var(--t9)}pre.ascii .f10{color:var(--t10, var(--t1))}pre.ascii .f11{color:var(--t11, var(--t1))}pre.ascii .f12{color:var(--t12, var(--t1))}pre.ascii .f13{color:var(--t13, var(--t1))}pre.ascii .f14{color:var(--t14, var(--t1))}pre.ascii .f15{color:var(--t15, var(--t1))}pre.ascii .f16{color:var(--t16, var(--t1))}pre.ascii .f17{color:var(--t17, var(--t1))}pre.ascii .f18{color:var(--t18, var(--t1))}pre.ascii .f19{color:var(--t19, var(--t1))}pre.ascii .f20{color:var(--t20, var(--t1))}pre.ascii .f21{color:var(--t21, var(--t1))}pre.ascii .f22{color:var(--t22, var(--t1))}pre.ascii .f23{color:var(--t23, var(--t1))}pre.ascii .f24{color:var(--t24, var(--t1))}pre.ascii .f25{color:var(--t25, var(--t1))}pre.ascii .f26{color:var(--t26, var(--t1))}pre.ascii .f27{color:var(--t27, var(--t1))}pre.ascii .f28{color:var(--t28, var(--t1))}pre.ascii .f29{color:var(--t29, var(--t1))}pre.ascii .f30{color:var(--t30, var(--t1))}pre.ascii .f31{color:var(--t31, var(--t1))}pre.ascii .f32{color:var(--t32, var(--t1))}pre.ascii .f33{color:var(--t33, var(--t1))}pre.ascii .f34{color:var(--t34, var(--t1))}pre.ascii .f35{color:var(--t35, var(--t1))}pre.ascii .f36{color:var(--t36, var(--t1))}pre.ascii .f37{color:var(--t37, var(--t1))}pre.ascii .f38{color:var(--t38, var(--t1))}pre.ascii .f39{color:var(--t39, var(--t1))}pre.ascii .f40{color:var(--t40, var(--t1))}pre.ascii .f41{color:var(--t41, var(--t1))}pre.ascii .b10{background:var(--t10, var(--t9))}pre.ascii .b11{background:var(--t11, var(--t9))}pre.ascii .b12{background:var(--t12, var(--t9))}pre.ascii .b13{background:var(--t13, var(--t9))}pre.ascii .b14{background:var(--t14, var(--t9))}pre.ascii .b15{background:var(--t15, var(--t9))}pre.ascii .b16{background:var(--t16, var(--t9))}pre.ascii .b17{background:var(--t17, var(--t9))}pre.ascii .b18{background:var(--t18, var(--t9))}pre.ascii .b19{background:var(--t19, var(--t9))}pre.ascii .b20{background:var(--t20, var(--t9))}pre.ascii .b21{background:var(--t21, var(--t9))}pre.ascii .b22{background:var(--t22, var(--t9))}pre.ascii .b23{background:var(--t23, var(--t9))}pre.ascii .b24{background:var(--t24, var(--t9))}pre.ascii .b25{background:var(--t25, var(--t9))}pre.ascii .b26{background:var(--t26, var(--t9))}pre.ascii .b27{background:var(--t27, var(--t9))}pre.ascii .b28{background:var(--t28, var(--t9))}pre.ascii .b29{background:var(--t29, var(--t9))}pre.ascii .b30{background:var(--t30, var(--t9))}pre.ascii .b31{background:var(--t31, var(--t9))}pre.ascii .b32{background:var(--t32, var(--t9))}pre.ascii .b33{background:var(--t33, var(--t9))}pre.ascii .b34{background:var(--t34, var(--t9))}pre.ascii .b35{background:var(--t35, var(--t9))}pre.ascii .b36{background:var(--t36, var(--t9))}pre.ascii .b37{background:var(--t37, var(--t9))}pre.ascii .b38{background:var(--t38, var(--t9))}pre.ascii .b39{background:var(--t39, var(--t9))}pre.ascii .b40{background:var(--t40, var(--t9))}pre.ascii .b41{background:var(--t41, var(--t9))}pre.ascii ::selection{background:var(--t5);color:var(--t0)}.kiffer-ascii{position:fixed;z-index:5;pointer-events:none}.kiffer-ascii-him{position:absolute;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}.kiffer-ascii-him img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none}.kiffer-ascii-card.kiffer-tcg{position:absolute;box-sizing:border-box;border-radius:0;border-width:2px}