.journal-notebook{border:0;border-block:1px solid var(--line);background:0 0;border-radius:0;overflow:visible}.journal-book-toggle{cursor:pointer;align-items:center;gap:30px;padding:26px 8px;list-style:none;display:flex}.journal-book-toggle::-webkit-details-marker{display:none}.journal-book-toggle:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}.journal-book{perspective:650px;width:100px;height:136px;box-shadow:2px 3px 0 #c7beaa, 4px 6px 0 var(--card), 5px 7px 0 var(--line), 7px 10px 12px #00000012;background:#e6dfcc;border-radius:3px 7px 7px 3px;flex:0 0 100px;display:block;position:relative}.journal-book:after{content:"";border-inline:1px solid #b8ad96;width:3px;position:absolute;top:9px;bottom:8px;right:-2px}.journal-book-cover{z-index:1;border:1px solid #28332b;color:#eee4cc;transform-origin:0;background:#3e5044;border-left:5px solid #27352c;border-radius:3px 7px 7px 3px;flex-direction:column;padding:17px 11px 11px 18px;display:flex;position:absolute;inset:0;box-shadow:inset 2px 0 #ffffff18,inset -1px 0 #0002}.journal-book-label{letter-spacing:-.025em;font-family:Georgia,serif;font-size:17px;line-height:1.1}.journal-book-rule{border-top:1px solid #cfbc8b;width:22px;margin-block:10px 8px}.journal-book-game{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.4;display:-webkit-box;overflow:hidden}.journal-book-brand{letter-spacing:.16em;color:#d1c5a9;margin-top:auto;padding-top:5px;font-size:6px}.journal-book-copy{flex:1;min-width:0}.journal-book-copy h2{letter-spacing:-.035em;font-size:23px;font-weight:600;line-height:1.2}.journal-book-copy>p{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:14px}.journal-book-meta{color:var(--muted);margin-top:12px;font-size:12px;display:block}.journal-book-action{min-height:44px;color:var(--accent-text);align-items:center;gap:8px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.journal-private{color:var(--muted);align-self:flex-start;align-items:center;gap:5px;margin-top:8px;font-size:11px;display:flex}.journal-close-label,.journal-notebook[open] .journal-open-label{display:none}.journal-notebook[open] .journal-close-label{display:inline}.journal-notebook[open] .journal-book-action svg{transform:rotate(180deg)}.journal-notebook[open] .journal-book-cover{transform:rotateY(-28deg)}.journal-pages{border:1px solid var(--line);background:var(--card);box-shadow:0 3px 0 var(--bg), 0 4px 0 var(--line);border-radius:3px 8px 8px 3px;margin-bottom:24px}.journal-notebook .journal-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.journal-notebook .journal-compose{background:0 0;padding:24px 28px}.journal-notebook .journal-recent{padding:24px 28px}.journal-notebook :is(.journal-compose,.journal-recent) h3{font-family:Georgia,serif;font-size:21px;font-weight:400}.journal-notebook .journal-fields{gap:16px}.journal-notebook .journal-field :is(input,textarea){border-radius:5px}.journal-notebook .journal-field textarea{background-image:repeating-linear-gradient(transparent, transparent 27px, color-mix(in srgb, var(--line) 50%, transparent) 27px, color-mix(in srgb, var(--line) 50%, transparent) 28px);background-origin:content-box;padding-block:6px;line-height:28px}.journal-notebook :is(.journal-date-row button,.journal-presets button){background:var(--bg);border-color:#0000;border-radius:4px}.journal-notebook .journal-presets button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-text)}.journal-notebook .journal-save{border-radius:5px}.journal-blank-page{border-block:1px solid var(--line);margin-top:24px;padding-block:20px}.journal-blank-page p{font-size:14px}.journal-blank-page>span{color:var(--muted);margin-top:6px;font-size:12px;display:block}.journal-pages-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:8px 28px;display:flex}.journal-pages-footer>span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.journal-pages-footer .journal-link{font-size:12px}@media (hover:hover){.journal-book-toggle:hover .journal-book-cover{transform:rotateY(-18deg)}.journal-book-toggle:hover .journal-book-action{text-underline-offset:4px;text-decoration:underline}.journal-notebook[open] .journal-book-toggle:hover .journal-book-cover{transform:rotateY(-28deg)}}@media (prefers-reduced-motion:no-preference){.journal-book-cover,.journal-book-action svg{transition:transform .22s}.journal-notebook[open] .journal-pages{animation:.18s ease-out journal-pages-in}@keyframes journal-pages-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:800px){.journal-notebook .journal-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:540px){.journal-book-toggle{gap:20px;padding:24px 4px}.journal-book{flex-basis:84px;width:84px;height:118px}.journal-book-cover{padding:12px 8px 8px 12px}.journal-book-label{font-size:16px}.journal-book-rule{margin-block:8px 6px}.journal-book-copy h2{font-size:20px}.journal-book-copy>p{font-size:12px}.journal-book-meta{margin-top:8px;font-size:11px}.journal-private{display:none}.journal-notebook :is(.journal-compose,.journal-recent){padding:22px 16px}.journal-pages-footer{padding-inline:16px}}
.community-stats{border:1px solid color-mix(in srgb, var(--line) 65%, transparent);background:var(--card);width:fit-content;max-width:100%;color:var(--text);border-radius:999px;margin-top:16px;padding:5px;position:relative;box-shadow:0 4px 16px #0000000d}.community-stats--compact{margin-top:0;padding:2px}.community-stats--compact .community-stats__item{gap:7px;min-width:44px;min-height:44px;padding:0 10px;font-size:12px;line-height:1.3}.community-stats--compact .community-stats__items{flex-wrap:wrap;gap:2px;display:flex}.community-stats--compact .community-stats__item[data-kind=wishlist] svg{color:#e0485a}.community-stats__items{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.community-stats__item{width:100%;min-width:44px;min-height:44px;color:var(--text);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:600;transition:background-color .15s;display:flex}.community-stats__item svg{flex-shrink:0}.community-stats__item[data-empty=true]{color:var(--muted)}.community-stats__item[data-kind=playing][data-empty=false]{color:#254d31;background:#e8efdf}.community-stats__item[data-kind=completed][data-empty=false]{color:#28564c;background:#e4eeeb}.community-stats__item:hover{background:var(--accent-soft)}.community-stats__item:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px}.community-stats__tooltip{z-index:10;border:1px solid var(--line);background:var(--card);width:max-content;max-width:100%;color:var(--text);text-align:left;text-shadow:none;border-radius:14px;padding:10px 13px;font-size:12px;line-height:1.4;position:absolute;bottom:calc(100% + 9px);right:0;box-shadow:0 4px 20px #0002}.community-stats__tooltip span{color:var(--muted);margin-top:2px;font-size:10px;display:block}:root[data-theme=dark] .community-stats__item[data-kind=playing][data-empty=false]{color:#c8e5bd;background:#304334}:root[data-theme=dark] .community-stats__item[data-kind=completed][data-empty=false]{color:#bde1d4;background:#2c4240}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .community-stats__item[data-kind=playing][data-empty=false]{color:#c8e5bd;background:#304334}:root:not([data-theme=light]) .community-stats__item[data-kind=completed][data-empty=false]{color:#bde1d4;background:#2c4240}}@media (max-width:639px){.community-stats__items{gap:1px}.community-stats__item{gap:4px;padding-inline:5px;font-size:12px}}@media (prefers-reduced-motion:reduce){.community-stats__item{transition:none}}