:root{--t-life:#3e8e4a;--t-money:#e3a600;--t-tool:#2f7fb3;--t-fun:#e8590c;--t-req:#8a5cc4;--box:#2d5560;--box-hi:#3b6c78;--bin:#fbfaf6;--bin-in:#1020281f;--bin-edge:#10202814}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--box:#1e3a41;--box-hi:#2a4e57;--bin:#18222a;--bin-in:#00000073;--bin-edge:#ffffff0f}}:root[data-theme=dark]{--box:#1e3a41;--box-hi:#2a4e57;--bin:#18222a;--bin-in:#00000073;--bin-edge:#ffffff0f}[data-k=life]{--tc:var(--t-life);--kc:var(--t-life)}[data-k=money]{--tc:var(--t-money);--kc:#b07f00}[data-k=tool]{--tc:var(--t-tool);--kc:var(--t-tool)}[data-k=fun]{--tc:var(--t-fun);--kc:var(--t-fun)}[data-k=req]{--tc:var(--t-req);--kc:var(--t-req)}.hb-head{justify-content:space-between;align-items:center;gap:10px;margin:6px 0 10px;display:flex}.hb-logo{background:var(--tape);color:var(--tape-ink);letter-spacing:.14em;text-shadow:0 1px #ffffff2e;border-radius:3px;margin:0;padding:12px 18px 12px 22px;font-size:clamp(30px,7vw,44px);font-weight:700;line-height:1;display:inline-block;transform:rotate(-1.2deg);box-shadow:0 3px #0000002e}.hb-req-btn{background:var(--t-req);color:#fff;letter-spacing:.04em;border-radius:2px;align-items:center;min-height:40px;padding:0 14px;font-size:14.5px;font-weight:700;text-decoration:none;display:inline-flex;transform:rotate(1.5deg);box-shadow:0 3px #0003}.hb-req-btn:focus-visible{outline:3px solid var(--sign);outline-offset:3px}.hb-head-r{align-items:center;gap:8px;min-width:0;display:flex}.hb-me{border:1.5px solid var(--ink);background:var(--surface);min-height:40px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:2px;align-items:center;max-width:34vw;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;overflow:hidden;transform:rotate(-1deg)}.hb-me.is-in:before{content:"";background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;margin-right:7px}.hb-lede{color:var(--ink-2);margin:0 0 14px;font-size:15px;line-height:1.5}.hb-search{background:var(--tape);border-radius:6px;align-items:stretch;height:48px;display:flex;overflow:hidden;box-shadow:0 3px #0000002e}.hb-search:focus-within{outline:3px solid var(--sign);outline-offset:2px}.hb-search-key{background:var(--sign);color:var(--sign-ink);letter-spacing:.12em;place-items:center;padding:0 14px;font-size:13px;font-weight:800;display:grid}.hb-search input{min-width:0;color:var(--tape-ink);letter-spacing:.05em;background:0 0;border:0;outline:none;flex:1;padding:0 14px;font-size:16px;font-weight:600}.hb-search input::placeholder{color:#f3f5f773;font-weight:500}.hb-tapes{scrollbar-width:none;gap:6px;margin:12px 0 14px;padding:2px 2px 6px;display:flex;overflow-x:auto}.hb-tapes a{background:var(--tc,var(--tape));color:#fff;letter-spacing:.04em;border-radius:2px;flex:none;align-items:center;min-height:36px;padding:0 13px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-flex;transform:rotate(-1.4deg);box-shadow:0 3px #00000038}.hb-tapes a:nth-child(2n){transform:rotate(1.1deg)}.hb-tapes a:hover{transform:rotate(0)translateY(-2px)}.hb-tapes a:focus-visible{outline:3px solid var(--sign);outline-offset:2px}.hb-tapes a[data-k=money]{color:#1b1f24}.hb-label{background:var(--tc,var(--tape));color:#fff;letter-spacing:.14em;border-radius:2px;margin:0;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block;transform:rotate(-.8deg)}[data-k=money]>.hb-shelf-head .hb-label{color:#1b1f24}.hb-label small{opacity:.7;letter-spacing:0;margin-left:4px;font-size:11px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.hb-logo,.hb-search,.hb-tapes a,.hb-name,.hb-label){box-shadow:inset 0 0 0 1px #ffffff29,0 3px #0000004d}}:root[data-theme=dark] :is(.hb-logo,.hb-search,.hb-tapes a,.hb-name,.hb-label){box-shadow:inset 0 0 0 1px #ffffff29,0 3px #0000004d}.hb-mine{margin:0 0 14px}.hb-mine-head{align-items:baseline;gap:8px;margin:0 0 8px;display:flex}.hb-mine-head small{color:var(--ink-2);font-size:12.5px}.hb-chips{scrollbar-width:none;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.hb-chip{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--ink);box-shadow:0 2px 0 var(--line);border-radius:12px;flex:none;align-items:center;gap:8px;padding:6px 12px 6px 7px;font-size:14.5px;font-weight:700;text-decoration:none;display:flex}.hb-chip:focus-visible{outline:3px solid var(--sign);outline-offset:2px}.hb-chip-ic{object-fit:contain;width:30px;height:30px}.hb-chip .hb-ico{border-radius:9px;width:30px;height:30px}.hb-chip .hb-ico svg{width:18px;height:18px}.hb-chip-pin{background:var(--sign);color:var(--sign-ink);border-radius:999px;padding:1px 6px;font-size:11px;font-weight:800}.hb-box{background:linear-gradient(var(--box-hi),var(--box) 120px);border-radius:18px;padding:16px 12px 14px;position:relative;box-shadow:inset 0 2px #ffffff24,inset 0 -3px #0000002e,0 14px 28px -18px #0000008c}.hb-screw{background:radial-gradient(circle at 35% 35%,#e3e9ea,#7d8b91);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 0 0 1px #00000047}.hb-screw:after{content:"";background:#00000073;height:1px;position:absolute;top:4px;left:1.5px;right:1.5px;transform:rotate(35deg)}.hb-screw.tl{top:7px;left:7px}.hb-screw.tr{top:7px;right:7px}.hb-screw.bl{bottom:7px;left:7px}.hb-screw.br{bottom:7px;right:7px}.hb-shelf{scroll-margin-top:12px}.hb-shelf+.hb-shelf,.hb-shelf+.hb-drawer{margin-top:16px}.hb-shelf[hidden],.hb-drawer[hidden],[data-text][hidden],.hb-ask[hidden]{display:none}.hb-shelf-head{align-items:center;gap:8px;margin:0 0 8px 4px;display:flex}.hb-shelf-head small{color:#ffffffb8;font-size:12.5px}.hb-ico{background:color-mix(in srgb,var(--kc,var(--ink)) 14%,transparent);color:var(--kc,var(--ink));border-radius:12px;place-items:center;display:grid}.hb-ico svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:60%;height:60%}.hb-name{background:var(--tape);color:var(--tape-ink);letter-spacing:.03em;word-break:keep-all;border-radius:2px;padding:3px 8px;font-size:14px;font-weight:700;line-height:1.3}.hb-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hb-tile{background:var(--bin);box-shadow:inset 0 4px 0 var(--bin-in),inset 0 0 0 1px var(--bin-edge);border-radius:12px;transition:transform .16s,box-shadow .16s;position:relative}.hb-tile:before{content:"";background:var(--bin-in);border-radius:0 0 8px 8px;width:34px;height:6px;margin-left:-17px;position:absolute;top:0;left:50%}.hb-tile:hover{box-shadow:inset 0 4px 0 var(--bin-in),inset 0 0 0 1px var(--bin-edge),0 10px 16px -10px #0009;transform:translateY(-3px)}.hb-tile>a{min-height:108px;color:var(--ink);text-align:center;border-radius:12px;align-content:start;justify-items:center;gap:8px;padding:16px 8px 10px;text-decoration:none;display:grid}.hb-tile>a:focus-visible{outline:3px solid var(--sign);outline-offset:3px}.hb-tile .hb-ico{width:40px;height:40px}.hb-tile .hb-name{font-size:13px;transform:rotate(-.6deg)}.hb-tile .hb-desc{display:none}.hb-pin{width:30px;height:30px;color:color-mix(in srgb,var(--ink) 30%,transparent);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:6px;right:5px}.hb-pin svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;width:17px;height:17px}.hb-pin:hover{color:var(--ink)}.hb-pin[aria-pressed=true]{color:var(--sign-ink);background:var(--sign)}.hb-pin[aria-pressed=true] svg{fill:currentColor}.hb-pin:focus-visible{outline:3px solid var(--sign);outline-offset:1px}.hb-tile.hb-ask{min-height:108px;box-shadow:none;color:#fff;text-align:center;background:0 0;border:2px dashed #ffffff61;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12.5px;font-weight:700;line-height:1.3;text-decoration:none;display:flex}.hb-tile.hb-ask:before{display:none}.hb-tile.hb-ask b{font-size:22px;line-height:1}.hb-tile.hb-ask:focus-visible{outline:3px solid var(--sign);outline-offset:3px}.hb-today{background:#0000002e;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0 0 10px;padding:10px;display:grid}.hb-today-head{color:#fff;grid-column:1/-1;justify-content:space-between;margin:0;font-size:13.5px;font-weight:700;display:flex}.hb-today-head span{color:var(--sign)}.hb-day{background:var(--bin);color:var(--ink);text-align:center;border-radius:10px;justify-items:center;gap:4px;padding:8px 4px;font-size:12.5px;font-weight:700;text-decoration:none;display:grid}.hb-day:focus-visible{outline:3px solid var(--sign);outline-offset:2px}.hb-day img{object-fit:contain;width:56px;height:46px}.hb-day em{background:var(--line);color:var(--ink-2);border-radius:999px;padding:1px 8px;font-size:11.5px;font-style:normal}.hb-day em.done{color:#fff;background:#2f9e44}.hb-games{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.hb-game{--kc:#fff;color:#fff;background:linear-gradient(150deg,var(--g1,#555),var(--g2,#333));border-radius:12px;align-content:start;gap:6px;min-height:170px;padding:16px 44% 12px 14px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 4px #0000002e,inset 0 0 0 1px #ffffff14}.hb-game:before{content:"";background:#0003;border-radius:0 0 8px 8px;width:44px;height:7px;margin-left:-22px;position:absolute;top:0;left:50%}.hb-game:hover{transform:translateY(-3px);box-shadow:inset 0 4px #0000002e,0 10px 16px -10px #0009}.hb-game:focus-visible{outline:3px solid var(--sign);outline-offset:3px}.hb-game .hb-name{justify-self:start;font-size:15px}.hb-game .hb-desc{color:#ffffffe0;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.hb-art{pointer-events:none;width:56%;height:150px;position:absolute;bottom:-8px;right:-2px}.hb-art img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 4px #00000059);height:auto;max-height:100%;transition:transform .2s;position:absolute;bottom:0}.hb-art .front{z-index:1;width:88%;right:16%}.hb-art .back{opacity:.95;width:52%;right:-8%}.hb-game:hover .hb-art .front{transform:translateY(-4px)rotate(-3deg)}.hb-art.screen{width:50%;bottom:-12px;right:-6px}.hb-art.screen .front{transform-origin:100% 100%;filter:drop-shadow(0 6px 8px #0006);width:100%;right:0;transform:rotate(-5deg)}.hb-game:hover .hb-art.screen .front{transform:translateY(-4px)rotate(-7deg)}.hb-reqbox{background:var(--bin);box-shadow:inset 0 4px 0 var(--bin-in),inset 0 0 0 1px var(--bin-edge);border-radius:12px;gap:10px;padding:16px 14px;display:grid}.hb-reqbox h3{margin:0;font-size:17px}.hb-reqbox p{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.5}.hb-reqrow{gap:6px;display:flex}.hb-reqrow input{border:1px solid var(--line);min-width:0;height:46px;font:inherit;background:var(--surface);color:var(--ink);border-radius:10px;flex:1;padding:0 12px;font-size:16px}.hb-reqrow input:focus-visible{outline:3px solid var(--sign);outline-offset:1px}.hb-reqrow button{background:var(--t-req);color:#fff;height:46px;font:inherit;cursor:pointer;border:0;border-radius:10px;flex:none;padding:0 16px;font-size:15px;font-weight:700}.hb-reqrow button:disabled{opacity:.6;cursor:default}.hb-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.hb-reqbox .hb-reqmsg{min-height:1.2em;color:var(--kc);font-weight:700}.hb-reqmsg:empty{display:none}.hb-drawer{background:#00000029;border-radius:12px;margin-top:16px;padding:10px 12px 12px;box-shadow:inset 0 3px #0000002e}.hb-drawer .hb-label{margin:0 0 8px 2px}.hb-slots{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.hb-slots li{color:#ffffffe0;cursor:default;border:1.5px dashed #ffffff59;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.hb-slots li i{background:var(--tc,#fff);border-radius:2px;width:7px;height:7px}.hb-slots li.wip{background:#ffffff14;border-style:solid;border-color:#fff9;padding:0}.hb-slots li.wip a{color:#fff;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;text-decoration:none;display:inline-flex}.hb-slots li.wip a:hover{background:#ffffff24}.hb-slots li.wip a:focus-visible{outline-offset:2px;outline:2px solid #ffd84a}.hb-slots li.wip small{color:#3a2814;background:#ffd84a;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.hb-empty{color:var(--ink-2);margin:12px 0 0}@media (width>=720px){.hb-tiles{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hb-tile>a{text-align:left;grid-template-columns:44px minmax(0,1fr);place-items:center start;gap:4px 12px;min-height:86px;padding:16px 40px 12px 12px}.hb-tile .hb-ico{grid-row:1/3;width:44px;height:44px}.hb-tile .hb-name{font-size:14px}.hb-tile .hb-desc{max-width:100%;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;grid-column:2;font-size:12.5px;line-height:1.4;display:block;overflow:hidden}.hb-tile.hb-ask{min-height:86px}.hb-reqbox{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.hb-reqbox .hb-reqmsg{grid-column:1/-1}}@media (width<=560px){.hb-box{border-radius:16px;padding:14px 10px 10px}.hb-games{grid-template-columns:1fr 1fr;gap:8px}.hb-game{min-height:140px;padding:14px 10px 10px}.hb-game .hb-desc{display:none}.hb-game .hb-name{font-size:14px}.hb-art{width:80%;height:96px}.hb-games>:first-child:nth-last-child(odd){grid-column:1/-1;padding-right:44%}.hb-games>:first-child:nth-last-child(odd) .hb-desc{display:-webkit-box}.hb-games>:first-child:nth-last-child(odd) .hb-art{width:46%;height:126px}.hb-art.screen{width:88%;height:118px;bottom:-22px;right:-14px}.hb-lede{font-size:14px}}@media (prefers-reduced-motion:reduce){.hb-tile,.hb-game,.hb-art img,.hb-tapes a{transition:none}.hb-tile:hover,.hb-game:hover,.hb-game:hover .hb-art .front,.hb-tapes a:hover{transform:none}}