:root{--bg:#0c0814;--bg2:#140e24;--panel:#1b1332;--panel2:#251a45;--line:#3b2a68;--ink:#fff4d6;--dim:#b4a6d8;--green:#009b3a;--green2:#12d160;--yellow:#fed100;--red:#e03a3a;--cyan:#4de1d6;--pink:#ff5ec4;--px:"Press Start 2P", monospace;--body:"VT323", "Courier New", monospace;--gap:10px;--pad:12px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:none;margin:0;font-size:22px;line-height:1.1}body{background:repeating-linear-gradient(0deg, #ffffff04 0 2px, transparent 2px 4px), radial-gradient(ellipse at 50% -10%, #2a1a55 0%, var(--bg) 60%)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--yellow)}h1,h2,h3{font-family:var(--px);letter-spacing:0;margin:0 0 8px;font-weight:400;line-height:1.4}h1{font-size:18px}h2{color:var(--yellow);font-size:14px}h3{color:var(--cyan);font-size:11px}p{margin:0 0 6px}.dim{color:var(--dim)}.err{color:var(--red)}.ok{color:var(--green2)}.small{font-size:19px}.px{font-family:var(--px);font-size:10px}.boot{text-align:center;place-content:center;gap:12px;min-height:100%;padding:24px;display:grid}.boot h1{color:var(--yellow);font-size:22px}#root{zoom:var(--ui-zoom,1)}.app{height:calc(100dvh / var(--ui-zoom,1));flex-direction:column;gap:8px;max-width:1500px;margin:0 auto;padding:8px 12px 0;display:flex}.top{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.logo{font-family:var(--px);color:var(--yellow);text-shadow:2px 2px 0 var(--red), 4px 4px 0 var(--green);cursor:pointer;background:0 0;border:0;padding:4px 6px 4px 0;font-size:15px}.spacer{flex:1}.pill{font-family:var(--px);border:2px solid var(--line);background:var(--panel);color:var(--dim);white-space:nowrap;padding:7px 8px;font-size:9px}.pill.net{color:var(--cyan)}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav button{font-family:var(--px);background:var(--panel);border:3px solid var(--line);color:var(--dim);cursor:pointer;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:inline-flex}.nav button b{color:var(--yellow);margin-right:5px}.nav button.on{background:var(--green);color:#fff;border-color:var(--yellow)}.nav button:hover:not(.on){border-color:var(--yellow);color:var(--ink)}.nav button.glow{border-color:var(--yellow);color:var(--yellow);animation:1.4s steps(2,end) infinite pulse}.main{flex-direction:column;flex:1;gap:8px;min-height:0;padding-bottom:8px;display:flex}.cols{flex:1;gap:10px;min-height:0;display:grid}.cols>*{min-width:0;min-height:0}@keyframes pulse{50%{box-shadow:0 0 0 4px #fed1008c}}.pulse{animation:1.4s steps(2,end) infinite pulse}.panel{background:var(--panel);border:4px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative;box-shadow:5px 5px #000}.panel>.title{background:var(--green);font-family:var(--px);color:#fff;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:10px;display:flex}.panel>.pbody{min-height:0;padding:var(--pad);gap:var(--gap);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;display:flex;overflow:auto}.panel.flat>.pbody{overflow:hidden}.btn{font-family:var(--px);background:var(--yellow);color:#1a1030;cursor:pointer;text-transform:uppercase;border:3px solid #000;padding:10px 13px;font-size:10px;line-height:1.3;box-shadow:3px 3px #000}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #000}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #000}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.green{background:var(--green2)}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:var(--panel2);color:var(--ink);border-color:var(--line)}.btn.sm{padding:7px 9px;font-size:9px}.btn.big{padding:16px 18px;font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;min-height:0;display:flex}.grow{flex:1;min-width:0;min-height:0}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}input[type=text],input[type=number],select,textarea{border:3px solid var(--line);width:100%;color:var(--ink);background:#0a0614;border-radius:0;height:40px;padding:6px 9px}textarea{height:auto}input:focus,select:focus,textarea:focus{border-color:var(--yellow);outline:0}label.f{font-family:var(--px);color:var(--dim);margin-bottom:4px;font-size:9px;display:block}input[type=range]{width:100%;accent-color:var(--yellow);margin:0}.cover{image-rendering:pixelated;aspect-ratio:1;background:#000;border:3px solid #000;width:100%;display:block}.coverbox{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.coverbox .cover{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;height:100%}.chip{font-family:var(--px);border:2px solid var(--line);color:var(--dim);white-space:nowrap;margin-right:3px;padding:4px 6px;font-size:8px;display:inline-block}.chip.y{color:var(--yellow);border-color:var(--yellow)}.chip.g{color:var(--green2);border-color:var(--green2)}.chip.r{color:var(--red);border-color:var(--red)}.chip.c{color:var(--cyan);border-color:var(--cyan)}.tabs{flex-wrap:wrap;flex:none;gap:4px;display:flex}.tabs button{font-family:var(--px);background:var(--bg2);color:var(--dim);border:3px solid var(--line);cursor:pointer;padding:8px 10px;font-size:9px}.tabs button.on{background:var(--yellow);color:#1a1030;border-color:#000}.tabs.mini button{padding:6px 7px}.rc{cursor:pointer;border:4px solid var(--line);background:linear-gradient(135deg,#2c1f55 0%,#1b1332 70%);grid-template-columns:auto minmax(0,1fr);gap:14px;min-height:0;padding:10px;transition:transform 80ms,border-color 80ms;display:grid;position:relative;overflow:hidden;box-shadow:4px 4px #000}.rc:hover{border-color:var(--yellow);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.rc .cv{aspect-ratio:1;background:#000;border:3px solid #000;align-self:center;height:100%;max-height:190px;position:relative;box-shadow:3px 3px #0009}.rc .cv img,.rc .cv .ph{width:100%;height:100%;image-rendering:pixelated;object-fit:cover;display:block}.rc .cv .playhint{opacity:0;background:#00000073;place-items:center;transition:opacity .1s;display:grid;position:absolute;inset:0}.rc:hover .cv .playhint{opacity:1}.rc .info{flex-direction:column;justify-content:space-between;gap:4px;min-width:0;padding:2px 0;display:flex}.rc .top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.rc .tk{font-family:var(--px);color:var(--yellow);text-shadow:2px 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;overflow:hidden}.rc .ttl{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:24px;line-height:1;overflow:hidden}.rc .tags{flex-wrap:wrap;gap:4px;display:flex}.rc .tags .chip{margin:0}.rc .stats2{color:var(--ink);flex-wrap:wrap;gap:14px;font-size:21px;display:flex}.rc .stats2 span{align-items:center;gap:5px;display:inline-flex}.rc .stats2 .mc{color:var(--green2)}.rc .by{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:19px;display:flex;overflow:hidden}.pager{flex:none;justify-content:center;align-items:center;gap:8px;display:flex}.pat{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.seq{flex:4;grid-template-rows:repeat(4,1fr);gap:3px;min-height:0;display:grid}.roll{flex:9;grid-template-columns:52px repeat(16,1fr);gap:2px;min-height:0;display:grid}.seqrow{grid-template-columns:52px repeat(16,1fr);gap:3px;min-height:0;display:grid}.lab{font-family:var(--px);color:var(--dim);align-items:center;font-size:8px;display:flex}.cell{cursor:pointer;background:#0a0614;border:2px solid #2a1f4d;width:100%;height:100%;min-height:0;padding:0}.cell.beat{background:#120c24}.cell.on{background:var(--green2);border-color:#fff}.cell.kick.on{background:var(--red)}.cell.snare.on{background:var(--yellow)}.cell.hat.on{background:var(--cyan)}.cell.fx.on{background:var(--pink)}.cell.cur{box-shadow:inset 0 0 0 2px #fff}.cell.tail{background:#0e6b33;border-color:#0e6b33}.roll .cell.root{background:#1a1236}.roll .cell.on{background:var(--green2)}.roll .cell.chord.on{background:var(--yellow)}.roll .cell.lead.on{background:var(--pink)}.player{border-top:4px solid var(--yellow);background:#000;flex:none;align-items:center;gap:10px;margin:0 -12px;padding:6px 12px;display:flex}.player img{width:38px;height:38px;image-rendering:pixelated;border:2px solid var(--line)}.player .meta{flex:1;min-width:0}.player .meta div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bars{align-items:flex-end;gap:2px;height:14px;display:flex}.bars i{background:var(--green2);width:4px;display:block}.toasts{z-index:100;flex-direction:column;gap:8px;max-width:min(420px,100vw - 20px);display:flex;position:fixed;top:10px;right:10px}.toast{background:var(--panel2);border:3px solid var(--line);padding:8px 10px;box-shadow:4px 4px #000}.toast.ok{border-color:var(--green2)}.toast.err{border-color:var(--red)}.modalbg{z-index:90;background:#000000c7;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:4px solid var(--yellow);width:100%;max-width:480px;max-height:94vh;padding:16px;overflow:auto;box-shadow:8px 8px #000}.walletbtn{text-align:left;align-items:center;gap:10px;width:100%;margin-bottom:8px;display:flex}.walletbtn img{width:24px;height:24px}.dots{justify-content:center;gap:6px;margin:4px 0 12px;display:flex}.dots i{background:var(--line);width:10px;height:10px;display:block}.dots i.on{background:var(--yellow)}.mapbox{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.mapwrap{background:#000;border:4px solid #000;position:relative;box-shadow:5px 5px #000}.mapwrap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.hot{background:var(--yellow);color:#1a1030;font-family:var(--px);cursor:pointer;white-space:nowrap;border:3px solid #000;padding:5px 6px;font-size:8px;position:absolute;transform:translate(-50%,-100%);box-shadow:3px 3px #000}.hot:after{content:"";border:5px solid #0000;border-top-color:#000;margin-left:-5px;position:absolute;bottom:-9px;left:50%}.hot:hover,.hot:focus-visible{background:var(--green2)}.hot b{color:var(--red);margin-right:3px}.hot.next{background:var(--green2);animation:1.2s steps(2,end) infinite pulse}.menu{gap:4px;margin:0;padding:0;list-style:none;display:grid}.menu li{background:var(--bg2);border:2px solid var(--line);align-items:baseline;gap:10px;padding:6px 8px;display:flex}.menu li.click{cursor:pointer}.menu li.click:hover{border-color:var(--yellow);background:var(--panel2)}.menu li b{font-family:var(--px);color:var(--yellow);min-width:16px;font-size:9px}.step{background:var(--bg2);border:3px solid var(--line);align-items:flex-start;gap:10px;padding:8px;display:flex}.step .n{width:26px;height:26px;font-family:var(--px);background:var(--line);color:var(--ink);flex:none;place-items:center;font-size:10px;display:grid}.step.done .n{background:var(--green2);color:#000}.step.now{border-color:var(--yellow)}.step.now .n{background:var(--yellow);color:#000}.step.done{opacity:.75}table.t{border-collapse:collapse;width:100%}table.t th{font-family:var(--px);text-align:left;color:var(--dim);border-bottom:3px solid var(--line);padding:4px 6px;font-size:8px}table.t td{vertical-align:middle;border-bottom:2px solid #2a1f4d;padding:4px 6px}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--panel2)}table.t img{width:34px;height:34px;image-rendering:pixelated;display:block}.versus{flex:1;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;min-height:0;display:grid}.versus .vs{font-family:var(--px);color:var(--red);text-shadow:2px 2px #000;align-self:center;font-size:18px}.side{flex-direction:column;align-items:stretch;gap:6px;min-height:0;display:flex}.progress{border:2px solid var(--line);background:#0a0614;flex:none;height:10px}.progress i{background:var(--green2);height:100%;display:block}hr{border:0;border-top:3px dashed var(--line);width:100%;margin:4px 0}.stamp{border:3px solid var(--red);color:var(--red);font-family:var(--px);padding:4px 8px;font-size:9px;display:inline-block;transform:rotate(-4deg)}.empty{text-align:center;color:var(--dim);margin:auto;padding:20px 10px}.f2{grid-template-columns:1fr 1fr;gap:8px;display:grid}html[data-mobile="1"] .app{height:auto;min-height:100dvh}html[data-mobile="1"] .main{flex:none}html[data-mobile="1"] .cols{flex:none;grid-template-rows:none!important;grid-template-columns:1fr!important}html[data-mobile="1"] .panel>.pbody{overflow:visible}html[data-mobile="1"] .seq{min-height:130px}html[data-mobile="1"] .roll{min-height:220px}html[data-mobile="1"] .coverbox{min-height:240px}html[data-mobile="1"] .rc .cv{max-height:120px}html[data-mobile="1"] .versus{grid-template-columns:1fr}html[data-mobile="1"] .mapbox{min-height:200px}html[data-mobile="1"] .player{position:sticky;bottom:0}html[data-mobile="1"] .seqrow,html[data-mobile="1"] .roll{grid-template-columns:34px repeat(16,1fr)}.lrow{grid-template-columns:96px 30px 1fr 30px 30px;align-items:center;gap:4px;display:grid}.lrow .btn{padding:6px 0}.lval{text-align:center;border:2px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#0a0614;padding:5px 4px;overflow:hidden}.walletchip{align-items:center;gap:6px;display:inline-flex}.secret{border:3px solid var(--line);word-break:break-all;color:var(--cyan);background:#000;padding:8px;font-size:16px}.pwin{border:3px solid var(--line);width:100%;color:var(--ink);background:#0a0614;border-radius:0;height:36px;padding:6px 9px}.pwin:focus{border-color:var(--yellow);outline:0}.mapbox{padding:0!important}.mapwrap canvas{position:absolute;inset:0}.bubble{color:#1a1030;white-space:nowrap;z-index:3;pointer-events:none;background:#fff;border:3px solid #000;padding:5px 8px;font-size:18px;position:absolute;transform:translate(-50%,-100%)}.bubble:after{content:"";border:5px solid #0000;border-top-color:#000;margin-left:-5px;position:absolute;bottom:-9px;left:50%}.mapview{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#1f6fa8;position:relative;overflow:hidden}.mapview:active{cursor:grabbing}.mapview canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.mapctl{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;top:8px;right:8px}.mapctl .btn{width:36px;padding:8px 0;font-size:12px}.maphint{color:var(--dim);z-index:4;pointer-events:none;background:#000000a6;padding:4px 6px;position:absolute;bottom:8px;left:8px}.mapview .hot{z-index:4}.stats{flex:none;grid-template-columns:1fr 1fr;gap:6px;display:grid}.stat{background:var(--bg2);border:3px solid var(--line);flex-direction:column;gap:2px;padding:6px 8px;display:flex}.stat b{font-family:var(--px);color:var(--yellow);font-size:16px}.stat span{font-family:var(--px);color:var(--dim);font-size:8px}html[data-short="1"] .step .small{display:none}html[data-short="1"] .stat b{font-size:12px}html[data-tiny="1"] .panel>.pbody{gap:6px;padding:8px}html,body{font-variant-ligatures:none;font-feature-settings:"liga" 0, "calt" 0}.hint{flex:none;align-items:stretch;gap:12px;display:flex}.hint .who{cursor:pointer;background:0 0;border:0;flex:none;align-self:flex-end;padding:0;animation:1.4s steps(2,end) infinite bob}.hint .who:hover{filter:brightness(1.15)}.hint .say{color:#1a1030;background:#fff4d6;border:4px solid #000;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:5px 12px 6px;display:flex;position:relative;box-shadow:4px 4px #0000008c}.hint .say:before{content:"";border:8px solid #0000;border-right-color:#000;position:absolute;top:18px;left:-16px}.hint .say:after{content:"";border:6px solid #0000;border-right-color:#fff4d6;position:absolute;top:20px;left:-9px}.hint .who-name{font-family:var(--px);color:#6a3fa0;margin-bottom:3px;font-size:8px}.hint .say-text{font-size:21px;line-height:1.05}@keyframes bob{50%{transform:translateY(-3px)}}.nav{gap:3px}.nav button{gap:6px;padding:7px 8px;font-size:9px}.top{gap:6px}.logo{font-size:13px}.pill{padding:6px 7px}.rc{grid-template-rows:minmax(0,1fr)}.rc .cv{max-height:none}.rc .tags .chip{text-overflow:ellipsis;max-width:100%;overflow:hidden}.rc .info{overflow:hidden}.hint .who canvas{width:60px!important;height:60px!important}html[data-tiny="1"] .hint .who canvas{width:46px!important;height:46px!important}html[data-tiny="1"] .hint .say-text{font-size:19px}html[data-tiny="1"] .hint .who-name{margin-bottom:1px}.top,.nav{flex-wrap:nowrap}.nav button{letter-spacing:0;gap:5px;padding:7px}.logo{white-space:nowrap;padding-right:2px;font-size:12px}.pill{white-space:nowrap}html[data-mobile="1"] .top,html[data-mobile="1"] .nav{flex-wrap:wrap}.rc .tags{flex-wrap:nowrap;overflow:hidden}.rc .stats2{flex-wrap:nowrap;gap:12px;font-size:20px}.rc .ttl{font-size:22px}.rc .by{font-size:18px}.rc .by span{text-overflow:ellipsis;overflow:hidden}.empty2{align-items:center;gap:22px;max-width:720px;margin:auto;padding:10px;display:flex}.empty2 .who2{text-align:center;flex:none;animation:1.4s steps(2,end) infinite bob}.empty2 .say2{color:#1a1030;background:#fff4d6;border:4px solid #000;padding:14px 16px;font-size:22px;line-height:1.1;position:relative;box-shadow:4px 4px #0000008c}.empty2 .say2:before{content:"";border:9px solid #0000;border-right-color:#000;position:absolute;top:30px;left:-18px}.empty2 .say2:after{content:"";border:7px solid #0000;border-right-color:#fff4d6;position:absolute;top:32px;left:-10px}.empty2 .say2 .btn{margin-top:10px}html[data-tiny="1"] .empty2 .who2 canvas{width:84px!important;height:84px!important}.rc{grid-template-columns:minmax(0,40%) minmax(0,1fr)}.rc .cv{width:100%;max-width:100%;height:auto}.main>.panel{flex:1;min-height:0}.rc{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:stretch}.rc .cv{aspect-ratio:1;align-self:center;width:auto;max-width:52%;height:100%}.rc .cv img,.rc .cv .ph{object-fit:contain;width:100%;height:100%}.rc .info>*{flex:none}.rc .ttl{line-height:1.2}.rc .tags{overflow:visible}.rc .tk{line-height:1.3}.rc{container-type:size}.rc .cv{aspect-ratio:1;width:min(100cqh - 20px,50cqw);max-width:none;height:auto}html[data-mobile="1"] .rc{container-type:normal}html[data-mobile="1"] .rc .cv{width:120px}.tabs button{align-items:center;gap:7px;display:inline-flex}.tabs button.on svg{filter:drop-shadow(1px 0 #000)drop-shadow(-1px 0 #000)drop-shadow(0 1px #000)drop-shadow(0 -1px #000)}.rc .tags .chip:first-child{flex:none;max-width:none}.btn svg{margin-right:2px}@container (height<=150px){.rc .by{display:none}.rc .ttl{font-size:20px}}@container (height<=118px){.rc .stats2{display:none}}html[data-mobile="1"]{--navh:calc(58px + env(safe-area-inset-bottom,0px))}html[data-mobile="1"],html[data-mobile="1"] body{-webkit-text-size-adjust:100%;height:auto;overflow-x:clip}html[data-mobile="1"] body{font-size:20px}html[data-mobile="1"] #root{zoom:1}html[data-mobile="1"] .app{padding:calc(6px + env(safe-area-inset-top,0px)) 10px calc(var(--navh) + 8px);gap:8px;max-width:100vw;height:auto;min-height:100dvh}html[data-mobile="1"] .hide-m{display:none}html[data-mobile="1"] .top{flex-wrap:nowrap;gap:6px}html[data-mobile="1"] .logo{padding:4px 4px 4px 0;font-size:12px}html[data-mobile="1"] .top .spacer{flex:1}html[data-mobile="1"] .top .btn.sm{min-height:40px;padding:9px}html[data-mobile="1"] .nav{z-index:60;padding:0 0 env(safe-area-inset-bottom,0px);border-top:4px solid var(--yellow);background:#07040f;flex-wrap:nowrap;grid-template-columns:repeat(7,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}html[data-mobile="1"] .nav button{min-height:54px;box-shadow:none;background:0 0;border:0;flex-direction:column;justify-content:center;gap:3px;padding:7px 0 6px;font-size:0}html[data-mobile="1"] .nav button svg{width:24px;height:24px}html[data-mobile="1"] .nav button .lbl:after{content:attr(data-s);font-family:var(--px);letter-spacing:0;color:var(--dim);font-size:7px}html[data-mobile="1"] .nav button .lbl{font-size:0}html[data-mobile="1"] .nav button.on{background:var(--green)}html[data-mobile="1"] .nav button.on .lbl:after{color:#fff}html[data-mobile="1"] .nav button b{display:none}html[data-mobile="1"] .hint{gap:8px}html[data-mobile="1"] .hint .who canvas{width:44px!important;height:44px!important}html[data-mobile="1"] .hint .say{border-width:3px;padding:4px 8px 5px;box-shadow:3px 3px #00000080}html[data-mobile="1"] .hint .say:before{border-width:6px;top:12px;left:-13px}html[data-mobile="1"] .hint .say:after{border-width:4px;top:14px;left:-8px}html[data-mobile="1"] .hint .say-text{font-size:19px;line-height:1.05}html[data-mobile="1"] .main{gap:8px;padding-bottom:0}html[data-mobile="1"] .panel{border-width:3px;box-shadow:3px 3px #000}html[data-mobile="1"] .panel>.pbody{padding:10px;overflow:auto visible}html[data-mobile="1"] .main>.panel{flex:none}html[data-mobile="1"] .cols{gap:10px}html[data-mobile="1"] .home-side{order:-1}html[data-mobile="1"] .tabs{scrollbar-width:none;flex-wrap:nowrap;margin:0 -2px;padding:2px;overflow-x:auto}html[data-mobile="1"] .tabs::-webkit-scrollbar{display:none}html[data-mobile="1"] .tabs button{flex:none;min-height:40px}html[data-mobile="1"] .tabs.mini button{min-height:36px;padding:6px 9px}html[data-mobile="1"] .btn{min-height:44px;font-size:10px}html[data-mobile="1"] .btn.sm{min-height:40px;font-size:9px}html[data-mobile="1"] .btn.big{min-height:54px;font-size:12px}html[data-mobile="1"] input[type=text],html[data-mobile="1"] input[type=number],html[data-mobile="1"] select,html[data-mobile="1"] textarea,html[data-mobile="1"] .pwin{height:44px;font-size:20px}html[data-mobile="1"] input[type=range]{height:32px}html[data-mobile="1"] input[type=checkbox]{width:22px;height:22px}html[data-mobile="1"] .cardgrid{grid-template-rows:none!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:10px!important;display:grid!important}html[data-mobile="1"] .rc{grid-template-rows:auto;grid-template-columns:104px minmax(0,1fr);gap:10px;min-height:124px;padding:8px;box-shadow:3px 3px #000;container-type:normal}html[data-mobile="1"] .rc .cv{align-self:start;width:104px;height:104px}html[data-mobile="1"] .rc .by,html[data-mobile="1"] .rc .stats2{display:flex}html[data-mobile="1"] .rc .ttl{font-size:21px}html[data-mobile="1"] .rc .tk{font-size:12px}html[data-mobile="1"] .stats{grid-template-columns:1fr 1fr}html[data-mobile="1"] .mapview{height:62vh;min-height:62vh}html[data-mobile="1"] .mapbox{flex:none;min-height:62vh}html[data-mobile="1"] .mapctl .btn{width:44px;min-height:44px;padding:0}html[data-mobile="1"] .maphint{display:none}html[data-mobile="1"] .hot{padding:5px 6px;font-size:8px}html[data-mobile="1"] .studio-controls>.pbody{grid-template-columns:1fr 1fr;gap:8px;display:grid}html[data-mobile="1"] .studio-controls>.pbody>*{grid-column:span 2}html[data-mobile="1"] .studio-controls>.pbody>:nth-child(4),html[data-mobile="1"] .studio-controls>.pbody>:nth-child(5){grid-column:span 1}html[data-mobile="1"] .pat{flex:none;min-height:0}html[data-mobile="1"] .seq{grid-template-rows:none;grid-auto-rows:38px;min-height:0}html[data-mobile="1"] .roll{grid-auto-rows:24px;min-height:0;grid-template-rows:none!important}html[data-mobile="1"] .seqrow,html[data-mobile="1"] .roll{grid-template-columns:36px repeat(16,minmax(0,1fr));gap:2px}html[data-mobile="1"] .lab{font-size:6px}html[data-mobile="1"] .cell{border-width:1px}html[data-mobile="1"] .coverbox{flex:none;min-height:0}html[data-mobile="1"] .coverbox .cover,html[data-mobile="1"] .coverbox canvas{aspect-ratio:1;width:min(100%,72vw)!important;height:auto!important}html[data-mobile="1"] .lrow{grid-template-columns:74px 38px minmax(0,1fr) 38px 38px}html[data-mobile="1"] .lrow .btn{min-height:38px}html[data-mobile="1"] .avedit{flex-direction:column!important;align-items:stretch!important}html[data-mobile="1"] .f2{grid-template-columns:1fr}html[data-mobile="1"] .radio-live{flex-direction:column!important}html[data-mobile="1"] .radio-live .coverbox{align-self:center;width:min(100%,78vw);flex:none!important}html[data-mobile="1"] .versus{grid-template-columns:1fr;gap:14px}html[data-mobile="1"] .versus .vs{text-align:center}html[data-mobile="1"] .side .coverbox{align-self:center;width:min(100%,78vw)}html[data-mobile="1"] .twocol{grid-template-columns:1fr!important}html[data-mobile="1"] .yardgrid{grid-template-rows:none!important;grid-template-columns:1fr!important}html[data-mobile="1"] .yardgrid .btn{min-height:120px}html[data-mobile="1"] table.t{font-size:18px}html[data-mobile="1"] table.t td,html[data-mobile="1"] table.t th{padding:4px}html[data-mobile="1"] .menu li{padding:8px}html[data-mobile="1"] .empty2{text-align:left;flex-direction:column}html[data-mobile="1"] .empty2 .say2:before,html[data-mobile="1"] .empty2 .say2:after{display:none}html[data-mobile="1"] .player{left:0;right:0;bottom:var(--navh);z-index:55;border-top-width:3px;gap:8px;margin:0;padding:6px 10px;position:fixed}html[data-mobile="1"] .player .bars,html[data-mobile="1"] .player .chip{display:none}html[data-mobile="1"] .player img{width:36px;height:36px}html[data-mobile="1"] .app:has(.player){padding-bottom:calc(var(--navh) + 64px)}html[data-mobile="1"] .modalbg{place-items:end center;padding:0}html[data-mobile="1"] .modal{max-width:100%;max-height:92dvh;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:none;border-width:4px 0 0}html[data-mobile="1"] .toasts{top:calc(8px + env(safe-area-inset-top,0px));max-width:none;left:8px;right:8px}html[data-mobile="1"] .walletbtn{min-height:56px}html[data-mobile="1"] .stat b{font-size:14px}@media (width<=380px){html[data-mobile="1"] .nav button .lbl:after{font-size:6px}html[data-mobile="1"] .logo{font-size:10px}}html[data-mobile="1"] .studio-controls .f2{grid-template-columns:1fr 1fr}html[data-mobile="1"] .logo{font-size:10px}html[data-mobile="1"] .top{gap:5px}html[data-mobile="1"] .top .pill{padding:5px;font-size:7px}html[data-mobile="1"] .top .walletchip{white-space:nowrap;gap:5px;padding:6px 7px;font-size:9px}html[data-mobile="1"] .top .btn.sm{white-space:nowrap;padding:8px;font-size:8px}html[data-mobile="1"] #root,html[data-mobile="1"] .app{height:auto}@media (width<=430px){html[data-mobile="1"] .pill[data-s]{font-size:0}html[data-mobile="1"] .pill[data-s]:after{content:attr(data-s);font-size:7px}html[data-mobile="1"] .top .btn.sm{padding:8px 6px}}html[data-mobile="1"] .pat .tabs.mini{flex-wrap:wrap;overflow:visible}html[data-mobile="1"] .pat .row{flex-wrap:wrap!important}html[data-mobile="1"] .pat .tabs.mini button.btn{min-height:36px}html[data-mobile="1"] select{padding:6px}html[data-mobile="1"] .filters{flex-wrap:wrap!important}html[data-mobile="1"] .filters>div:first-child{flex:100%!important}html[data-mobile="1"] .filters>div{flex:40%!important}html[data-mobile="1"] .logo{min-height:40px}.logo{cursor:pointer;text-shadow:none;background:0 0;border:0;align-items:center;padding:2px 6px 2px 0;display:inline-flex}.logo img{width:auto;height:38px;image-rendering:pixelated;display:block}.rc .stats2 span{white-space:nowrap}@container (width<=420px){.rc .tk{font-size:11px}.rc .stats2{gap:8px;font-size:17px}.rc .stats2 svg{width:16px;height:16px}}.rc .info{justify-content:center;gap:2px}.rc .meta2{white-space:nowrap;align-items:center;gap:10px;font-size:19px;display:flex;overflow:hidden}.rc .meta2>span{align-items:center;gap:4px;display:inline-flex}.rc .meta2 .mc{color:var(--green2)}.rc .meta2 .by{min-width:0;color:var(--dim);margin-left:auto;font-size:17px}.rc .meta2 .by span{text-overflow:ellipsis;overflow:hidden}.rc .cv{width:min(100cqh,34cqw)}@container (height<=150px){.rc .by{display:inline-flex!important}.rc .ttl{font-size:22px!important}.rc .stats2{display:flex!important}}@container (height<=100px){.rc .tags{display:none}}html[data-mobile="1"] .rc .meta2{flex-wrap:wrap}html[data-mobile="1"] .rc .meta2 .by{width:100%;margin-left:0}.logo{gap:6px}.logo img{width:auto;height:38px;display:block}.logo-rec{aspect-ratio:1;image-rendering:pixelated;animation:3.2s linear infinite recspin}.logo:hover .logo-rec{animation-duration:1s}@keyframes recspin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.logo-rec{animation:none}}html[data-mobile="1"] .logo img{height:32px}html:not([data-mobile="1"]) .top .btn{white-space:nowrap}.top a.btn{align-items:center;display:inline-flex}html[data-mobile="1"] .top a.btn.hide-m{display:none}html[data-mobile="1"] .top{flex-wrap:unset;grid-template-columns:minmax(0,1fr) 40px 40px auto;grid-template-areas:"logo x help wallet""pill pill cred cred";align-items:center;gap:8px 6px;display:grid}html[data-mobile="1"] .top .spacer{display:none}html[data-mobile="1"] .top .logo{grid-area:logo;justify-self:start;min-width:0;min-height:40px;padding:0;font-size:12px}html[data-mobile="1"] .top .logo img{height:30px}html[data-mobile="1"] .top .xlink{grid-area:x}html[data-mobile="1"] .top .helpbtn{grid-area:help}html[data-mobile="1"] .top .walletbtn{grid-area:wallet;justify-self:end}html[data-mobile="1"] .top .pill{grid-area:pill;justify-self:start}html[data-mobile="1"] .top .credchip{grid-area:cred;justify-self:end}html[data-mobile="1"] .top .btn.sm{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;height:40px;min-height:40px;padding:0 12px;font-size:9px;line-height:1;display:inline-flex}html[data-mobile="1"] .top .xlink,html[data-mobile="1"] .top .helpbtn{width:40px;padding:0}html[data-mobile="1"] .top .xlink svg{width:16px;height:16px}html[data-mobile="1"] .top .credchip{gap:8px;height:34px;min-height:34px;padding:0 10px}html[data-mobile="1"] .top .pill[data-s]{box-sizing:border-box;align-items:center;height:34px;padding:0 10px;display:inline-flex;font-size:8px!important}html[data-mobile="1"] .top .pill[data-s]:after{content:none!important}html[data-mobile="1"] .top .hide-m{display:none}@media (width<=345px){html[data-mobile="1"] .top{grid-template-columns:minmax(0,1fr) 36px 36px auto;gap:6px 5px}html[data-mobile="1"] .top .logo img{height:24px}html[data-mobile="1"] .top .btn.sm{height:36px;min-height:36px;padding:0 9px;font-size:8px}html[data-mobile="1"] .top .xlink,html[data-mobile="1"] .top .helpbtn{width:36px}}