#view{cursor:grab}p{margin:0}#corner{position:fixed;left:12px;top:12px;z-index:2;display:grid;justify-items:start;gap:8px;max-width:calc(100vw - 24px)}#corner .panel{position:static}#brand{display:grid;gap:4px;padding:8px 12px}#onlyChip{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 10px;background:var(--hi);color:var(--hi-text);font-variant-numeric:tabular-nums}#onlyChip[hidden]{display:none}#onlyText{overflow-wrap:anywhere}#onlyChip .x{color:inherit}#pickChip{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 10px;background:var(--pink);color:var(--panel)}#pickChip[hidden]{display:none}#brand strong{font:400 16px/1.1 var(--font-label);color:var(--accent)}#claimed{font-size:16px;color:var(--muted);font-variant-numeric:tabular-nums}.cube .acctBar{left:auto;right:12px;transform:none}.cube .acctBar .acctHelp{display:none}#cartBtn{gap:8px}#cartBtn[hidden]{display:none}#cartBtn.full{background:var(--pink);color:var(--panel)}.pixelIcon{display:block;width:16px;height:16px;fill:currentColor;shape-rendering:crispEdges}#dock{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:2;display:flex;gap:8px}.dockBtn{position:static;display:grid;justify-items:center;gap:6px;width:84px;padding:9px 4px 8px;color:var(--text);font:400 12px/1 var(--font-label);cursor:pointer}.dockBtn .pixelIcon{width:24px;height:24px}.dockBtn .short{display:none}#dockBoard{width:96px}.dockBtn:hover{background:var(--panel2)}.dockBtn.on{background:var(--hi);color:var(--hi-text)}#dockCart{position:relative}#dockCart[hidden]{display:none}#dockCartCount{position:absolute;top:4px;left:50%;margin-left:8px;min-width:18px;padding:3px 4px;background:var(--pink);color:var(--panel);text-align:center;font:inherit}#dockCartCount[hidden]{display:none}.sheet{left:50%;bottom:86px;transform:translate(-50%);z-index:2;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 160px);overflow-y:auto;padding:12px 14px 14px}.sheet[hidden]{display:none}.sheet.pxOn{padding-right:calc(var(--bar) + 10px)}.mineList.pxOn,.cartList.pxOn,#boardList.pxOn{padding-right:calc(var(--bar) + 2px)}.sheetHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sheetHead h2{margin:0;font-size:16px;color:var(--text)}.sheet section{padding:10px 0}.sheet section+section{border-top:2px solid var(--line)}.sheet h3{margin:0 0 8px;color:var(--muted)}.sheet .btn.wide+.btn.wide{margin-top:6px}.linkList{display:grid;gap:6px}.linkList .btn.wide+.btn.wide{margin-top:0}.x{width:26px;height:26px;padding:0;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}.x:hover{background:var(--hover)}.goto{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:6px;align-items:end;margin-bottom:8px}.goto label{display:grid;gap:3px;color:var(--muted)}.who{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:8px}#onlyBox .acctError{margin:0 0 8px}.pair{display:flex;gap:6px}.pair .btn{flex:1 1 0;padding:0 8px}#onlyAll[hidden],#onlyMine[hidden]{display:none}.goto input,.who input{width:100%;height:34px;padding:0 6px;border:2px solid var(--ink);background:var(--field);color:var(--text);font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-user-select:text;user-select:text}.goto input::-webkit-outer-spin-button,.goto input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.freshList{display:flex;flex-wrap:wrap;gap:6px}.fresh{width:46px;height:46px;padding:1px;border:2px solid var(--ink);background:var(--field);display:grid;place-items:center;cursor:pointer}.fresh:hover{outline:2px solid var(--accent)}.thumb{display:block;width:40px;height:40px;image-rendering:pixelated}.wideSeg{margin-bottom:10px}.wideSeg button{flex:1 1 0;height:30px;padding:0 4px}.boardList{list-style:none;margin:0 -6px 8px;padding:0;display:grid;gap:2px;position:relative}#boardList{max-height:300px;overflow-y:auto}.boardRow{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;width:100%;min-height:30px;padding:3px 6px;border:0;background:transparent;text-align:left;font-variant-numeric:tabular-nums}button.boardRow{cursor:pointer}button.boardRow:hover{background:var(--hover)}.boardPlace{color:var(--muted);font:400 12px/1 var(--font-label)}.boardName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardCount{color:var(--muted)}#boardList li:nth-child(-n+3) .boardPlace{color:var(--accent)}.boardRow.you{background:var(--hi);color:var(--hi-text)}.boardRow.you .boardPlace,.boardRow.you .boardCount,#boardList li:nth-child(-n+3) .boardRow.you .boardPlace{color:var(--hi-text)}button.boardRow.you:hover{background:var(--hi)}.boardYou{margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--line)}.boardYou[hidden]{display:none}.boardYou .boardList{margin-bottom:6px}#mineOnlyRow{margin-bottom:8px}#mineOnlyRow[hidden]{display:none}.mineList{display:grid;gap:2px;max-height:260px;overflow-y:auto;margin:0 -6px 8px}.mineList:empty{display:none}.mineRow{display:flex;align-items:center;gap:8px;min-height:30px;padding:3px 6px;border:0;background:transparent;text-align:left;font-variant-numeric:tabular-nums;cursor:pointer}.mineRow i{flex:0 0 16px;height:16px;border:2px solid var(--ink)}.mineRow small{margin-left:auto;color:var(--muted);font-size:16px}.mineRow:hover{background:var(--hover)}.mineRow.on{background:var(--hi);color:var(--hi-text)}.mineRow.on small{color:var(--hi-text)}.cartTotal{margin-bottom:8px;font-size:22px;font-variant-numeric:tabular-nums}.cartList{display:grid;gap:2px;max-height:132px;overflow-y:auto;margin:0 -6px 8px}.cartList:empty{display:none}.cartRow{display:flex;align-items:center;justify-content:space-between;padding:2px 6px;font-variant-numeric:tabular-nums}.cartRow button{width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}.cartRow button:hover{background:var(--hover);color:var(--text)}.cartTotal:has(+.cartTax:not([hidden])){margin-bottom:2px}.cartTax{margin-bottom:8px;font-variant-numeric:tabular-nums}.cartLabel{display:grid;gap:4px;margin-top:10px}.cartLabel[hidden],.cartCheck[hidden]{display:none}.cartCheck{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:start;margin-bottom:10px;font-size:16px;line-height:1.3;cursor:pointer}.cartCheck input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--accent2)}.cartFinal{margin:8px 0;color:var(--text)}.cartFinal[hidden]{display:none}#cartTrial,.cartAgree{margin-bottom:8px}.cartAgree[hidden]{display:none}.cartAgree a{color:inherit}#cartBox .acctError{margin:0 0 8px}.cartPeek,#cartLess{display:none}#card{left:12px;bottom:12px;z-index:2;width:min(350px,calc(100vw - 24px));padding:12px 14px 14px}#card[hidden]{display:none}#card p{margin-top:6px}.ownerLine{display:flex;align-items:baseline;gap:6px}#cardOwner{min-width:0;overflow-wrap:anywhere}#cardReport{margin-left:auto;font-size:16px}#cardClaim{margin-top:6px;font-size:16px}#cardReport[hidden],#cardClaim[hidden]{display:none}.cardHead{display:flex;align-items:center;gap:8px}.cardHead strong{font-size:20px;font-weight:400;font-variant-numeric:tabular-nums}.cardHead .x{margin-left:auto}.tag{padding:3px 7px;border:2px solid var(--ink);font:400 12px/1 var(--font-label);color:var(--muted)}.tag.sold{background:var(--hi);color:var(--hi-text)}.tag.empty{color:var(--good)}#card .actions{margin-top:12px;flex-wrap:nowrap;justify-content:flex-start}#card .btn{flex:1 1 auto;padding:0 8px;white-space:nowrap}#card .btn[hidden]{display:none}#tip{position:fixed;z-index:5;pointer-events:none;padding:2px 8px;border:2px solid var(--ink);background:var(--panel);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}#tip[hidden]{display:none}#pins{position:fixed;inset:0;overflow:hidden;pointer-events:none}.pin{position:absolute}.pin[hidden]{display:none}.pin.you{transform:translate(-50%,-100%);padding-bottom:9px}.pin.you span{display:block;padding:3px 7px;background:var(--hi);color:var(--hi-text);font:400 12px/1 var(--font-label);white-space:nowrap}.pin.you:after{content:"";position:absolute;left:50%;bottom:0;width:2px;height:9px;margin-left:-1px;background:var(--hi)}.many .pin.you span{width:8px;height:8px;padding:0;font-size:0}.pin.sel{width:22px;height:22px;margin:-11px 0 0 -11px;border:3px solid var(--accent)}@media(min-width:1140px){.sheet.sideLeft,.sheet.sideRight{bottom:12px;transform:none}.sheet.sideLeft{left:auto;right:calc(50% + var(--dockHalf, 190px) + 8px);max-height:calc(100vh - 150px)}.sheet.sideRight{left:calc(50% + var(--dockHalf, 190px) + 8px);max-height:calc(100vh - 70px)}.leftOpen #card{left:calc(50% + var(--dockHalf, 190px) + 8px)}}@media(max-width:640px){.cube{--tabs: 62px}#corner{left:8px;top:8px;gap:6px}#brand{height:40px;align-content:center;padding:0 10px}#brand strong{font-size:12px}#claimed{display:none}.cube .acctBar{right:8px;top:8px;gap:6px}.cube .acctBar .panel{height:40px;padding:0 10px}.cube .acctBar .acctButton{max-width:38vw;line-height:34px}#dock{left:0;right:0;bottom:0;transform:none;gap:0;height:var(--tabs);border-top:var(--edge) solid var(--ink);background:var(--panel);z-index:4}.dockBtn{flex:1 1 0;width:auto;align-content:center;padding:0;border:0;clip-path:none;background:transparent}.dockBtn+.dockBtn{border-left:2px solid var(--line)}#dockBoard{width:auto}.dockBtn .long{display:none}.dockBtn .short{display:inline}.wideSeg button{height:40px}#boardList{max-height:none;overflow:visible}.boardRow{min-height:44px}.dockBtn:hover{background:transparent}.dockBtn.on,.dockBtn.on:hover{background:var(--hi)}.sheet,#cartPanel,#card{left:0;right:0;top:auto;bottom:var(--tabs);transform:none;width:auto;border-width:var(--edge) 0 0;clip-path:none}.sheet,#cartPanel{max-height:52vh;max-height:52dvh;z-index:3;padding:10px 14px 16px;overscroll-behavior:contain}#cartPanel.peek{padding:10px 14px 12px}#cartPanel.peek>.sheetHead,#cartPanel.peek>#cartBox{display:none}#cartPanel.peek>.cartPeek{display:block}.cartPeekText{margin:0 0 8px;font-size:20px;font-variant-numeric:tabular-nums}.cartPeek .acctError{margin:0 0 8px}.cartPeek .btn[hidden]{display:none}#cartLess{display:block;margin-bottom:12px}#card{padding:10px 14px 14px}.sheetOpen #card{display:none}.sheet section{padding:12px 0}.sheet .btn,#card .btn,.goto input,.who input,.sheet .field{height:44px}.seg button{height:38px;padding:0 12px}.x{width:40px;height:40px;font-size:26px}.row{min-height:40px}.switch{flex-basis:52px;width:52px;height:28px}.switch:after{width:20px;height:20px}.switch:checked:after{transform:translate(24px)}input[type=range]{height:32px}input[type=range]::-webkit-slider-thumb{width:18px;height:28px;margin-top:-11px}input[type=range]::-moz-range-thumb{width:14px;height:24px}.mineList{max-height:30vh}.mineRow{min-height:44px}.cartRow{min-height:40px}.cartRow button{width:40px;height:40px;font-size:24px}.cartCheck{grid-template-columns:24px 1fr}.cartCheck input{width:22px;height:22px}#cardReport,#cardClaim{padding:8px 0}#pickChip .btn{height:36px}}
