*{box-sizing:border-box}html{background:var(--mg-paper)}body{min-height:100dvh;color:var(--mg-ink);font-family:var(--mg-font);word-break:keep-all;-webkit-tap-highlight-color:transparent;margin:0;font-size:19px}.page{background:linear-gradient(var(--mg-grid) 1px, transparent 1px) 0 0 / var(--mg-grid-size) var(--mg-grid-size), linear-gradient(90deg, var(--mg-grid) 1px, transparent 1px) 0 0 / var(--mg-grid-size) var(--mg-grid-size), var(--mg-paper);position:relative}.page:before{content:"";background:var(--mg-margin-line);width:1.5px;position:absolute;top:0;bottom:0;left:14px}.book{background:var(--mg-lamp), var(--mg-paper);min-height:100dvh;position:relative}.book .page{background-color:#0000}.book:before{content:"";background:var(--mg-margin-line);width:1.5px;position:absolute;top:0;bottom:0;left:14px}.page-left:before{display:none}.hub-account{z-index:3;border:2px solid var(--mg-ink);border-radius:var(--mg-sketch-radius);background:var(--mg-scrap);max-width:60%;min-height:44px;color:var(--mg-ink);box-shadow:2px 3px 0 color-mix(in srgb, var(--mg-ink) 20%, transparent);align-items:center;gap:7px;padding:4px 14px 4px 6px;font-size:18px;font-weight:700;text-decoration:none;transition:transform .12s;display:inline-flex;position:absolute;top:12px;right:14px;transform:rotate(1.5deg)}.hub-account[hidden]{display:none}.hub-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-account.is-guest{background:repeating-linear-gradient(-55deg, color-mix(in srgb, var(--mg-red) 30%, transparent) 0 2px, transparent 2px 6px), var(--mg-scrap);padding-left:14px}.hub-account:hover{transform:rotate(0)translateY(-2px)}.hub-account:active{box-shadow:1px 1px 0 color-mix(in srgb, var(--mg-ink) 20%, transparent);transform:rotate(0)translate(1px,2px)}.hub-account:focus-visible{outline:2px dashed var(--mg-blue);outline-offset:4px}.hub-account-pic{flex:none;width:30px;height:30px}img.hub-account-pic{object-fit:cover;border:2px solid #fffdf6;border-radius:50%}.page-left{padding:66px 18px 4px 30px}.page-right{padding:8px 14px 40px 30px}.page-right:before{display:none}.hub-head h1{font-family:var(--mg-display);margin:0;font-size:clamp(54px,15vw,84px);font-weight:400;line-height:.95}.hub-sub{color:var(--mg-muted);background:linear-gradient(var(--mg-red), var(--mg-red)) 0 100% / 100% 2px no-repeat;margin:6px 0 0;padding-bottom:2px;font-size:20px;display:inline-block}.hub-note{margin-top:14px}.hub-note p{margin:0;line-height:1.35}.hub-note-small{color:var(--mg-muted);font-size:17px;margin-top:4px!important}.page-left .hub-note p:first-child{display:none}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;padding-top:16px;display:grid}.hub-card{--tape:var(--mg-yellow);--tilt:-1.2deg;background:var(--mg-scrap);color:inherit;transform:rotate(var(--tilt));border-radius:2px;flex-direction:column;gap:2px;padding:14px 12px 12px;text-decoration:none;transition:transform .12s;display:flex;position:relative;box-shadow:1px 2px #0000000f,0 6px 14px #3c2d141f}.hub-card:nth-child(3n+2){--tape:var(--mg-blue);--tilt:1deg}.hub-card:nth-child(3n+3){--tape:var(--mg-red);--tilt:-.4deg}.hub-card:nth-child(4n+4){--tilt:1.4deg}.hub-card:before{content:"";background:color-mix(in srgb, var(--tape) var(--mg-tape-alpha), transparent);width:64px;height:22px;transform:translateX(-50%) rotate(calc(var(--tilt) * -3));clip-path:polygon(3% 0,97% 4%,100% 50%,96% 100%,2% 96%,0 50%);position:absolute;top:-11px;left:50%}a.hub-card:hover{transform:rotate(0)translateY(-3px)}a.hub-card:active{transform:rotate(0)translate(1px,2px)}a.hub-card:focus-visible{outline:2px dashed var(--mg-blue);outline-offset:6px}.hub-thumb{aspect-ratio:4/3;border:2px solid var(--mg-ink);border-radius:var(--mg-sketch-radius);place-items:center;margin-bottom:6px;display:grid;overflow:hidden}.hub-thumb img{object-fit:cover;width:100%;height:100%;display:block}.hub-thumb.hub-photo{transform:rotate(calc(var(--tilt) * -.8));background:#fffdf8;border:0;border-radius:2px;padding:5px 5px 6px;box-shadow:0 1px 2px #0000002e,0 4px 10px #3c2d1429}.hub-thumb.hub-photo img{border-radius:1px}.hub-doodle{font-family:var(--mg-display);color:var(--mg-ink);font-size:56px;line-height:1}.hub-card strong{font-size:22px;line-height:1.1}.hub-card small{color:var(--mg-muted);font-size:16px;line-height:1.2}.hub-rank{border-top:1.5px dashed color-mix(in srgb, var(--mg-ink) 25%, transparent);flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:6px 0 0;padding-top:5px;font-size:15px;line-height:1.25;display:flex}.hub-crown{border:1.5px solid var(--mg-red);color:var(--mg-red);border-radius:9px 7px 10px 6px;padding:0 5px;font-size:13px;font-weight:700;transform:rotate(-4deg)}.hub-rank-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.hub-rank-score{color:var(--mg-muted)}.hub-rank.is-empty{color:var(--mg-red);font-size:14px}.hub-me{color:var(--mg-blue);background:linear-gradient(transparent 55%, color-mix(in srgb, var(--mg-yellow) 55%, transparent) 55%);align-self:flex-start;margin:2px 0 0;font-size:14px;font-weight:700}.hub-friend{color:var(--mg-red);margin:2px 0 0;font-size:14px;font-weight:700}.hub-friend:before{content:"✎︎ "}.hub-account[data-badge]:after{content:attr(data-badge);background:var(--mg-red);color:#fff;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:14px;font-weight:700;display:grid;position:absolute;top:-9px;right:-9px;box-shadow:0 1px 2px #0000004d}.hub-ticker{background:color-mix(in srgb, var(--mg-yellow) 30%, var(--mg-scrap));border-top:1.5px dashed color-mix(in srgb, var(--mg-ink) 30%, transparent);border-bottom:1.5px dashed color-mix(in srgb, var(--mg-ink) 30%, transparent);align-items:center;gap:8px;margin:2px 0 14px;padding:5px 10px;font-size:16px;display:flex;overflow:hidden;transform:rotate(-.6deg)}.hub-ticker[hidden]{display:none}.hub-ticker-label{color:var(--mg-red);flex:none;font-weight:700}.hub-ticker-window{flex:1;min-width:0;overflow:hidden}.hub-ticker-track{white-space:nowrap;animation:hub-tick var(--dur,20s) linear infinite;gap:28px;display:flex}.hub-ticker.is-short .hub-ticker-track{white-space:normal;animation:none}.hub-ticker-item:after{content:"✎︎";color:var(--mg-muted);margin-left:28px}.hub-ticker.is-short .hub-ticker-item:after{content:none}@keyframes hub-tick{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.hub-ticker-track{white-space:normal;flex-wrap:wrap;animation:none}.hub-ticker-item[aria-hidden]{display:none}}.hub-challenge{background:color-mix(in srgb, var(--mg-yellow) 55%, var(--mg-scrap));align-items:center;gap:10px;max-width:420px;margin:4px 0 20px 4px;padding:9px 12px 9px 14px;display:flex;position:relative;transform:rotate(-1.5deg);box-shadow:1px 2px #0000000f,0 6px 12px #3c2d1424}.hub-challenge:before{content:"";background:var(--mg-red);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 2px #00000040}.hub-challenge p{margin:0}.hub-challenge[hidden]{display:none}.hub-ch-text{flex:1;min-width:0}.hub-ch-label{color:color-mix(in srgb, var(--mg-ink) 72%, transparent);font-size:15px}.hub-ch-title{font-family:var(--mg-display);color:var(--mg-ink);font-size:24px;font-weight:400}.hub-ch-rec{font-size:16px;line-height:1.2}.hub-ch-go{border:2px solid var(--mg-ink);border-radius:var(--mg-sketch-radius);background:var(--mg-scrap);color:var(--mg-ink);flex:none;padding:4px 10px;font-weight:700;text-decoration:none}.hub-ch-go:active{transform:translate(1px,2px)}.hub-ch-go:focus-visible{outline:2px dashed var(--mg-blue);outline-offset:3px}.hub-soon{box-shadow:none;color:var(--mg-muted);background:0 0}.hub-soon:before{display:none}.hub-soon .hub-thumb{border-style:dashed;border-color:var(--mg-muted)}.hub-soon .hub-doodle{color:var(--mg-muted)}@media (width>=880px){html{background:var(--mg-desk)}body{place-items:center;padding:32px 24px;display:grid}.book{background:var(--mg-lamp), var(--mg-paper);width:min(1120px,100%);min-height:min(720px,100dvh - 64px);box-shadow:var(--mg-shadow);border-radius:6px;grid-template-columns:1fr 1.45fr;display:grid;position:relative}.book:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#00000012 45%,#0000001a 50%,#00000012 55%,#0000);width:28px;position:absolute;top:0;bottom:0;left:40.8163%;transform:translate(-50%)}.book:before{display:none}.page:before{left:40px}.page-left:before,.page-right:before{display:block}.page-left{flex-direction:column;padding:56px 40px 40px 64px;display:flex}.hub-account{top:18px;right:26px}.page-right{padding:40px 40px 40px 64px}.page-left .hub-note p:first-child{display:block}.hub-note{margin-top:auto;font-size:22px}.hub-head h1{font-size:88px}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}}