.book{gap:var(--space-5);align-content:start;justify-self:stretch;min-block-size:100svh;display:grid}@supports not (height:1dvh){.book{min-block-size:100vh}}.intro.book-head{justify-self:stretch;gap:var(--space-4) var(--space-7);padding:var(--space-5) var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.book-head-words{gap:var(--space-2);align-content:start;display:grid}.intro.book-head h1{margin:0;font-size:clamp(1.9rem,1.5rem + 1.4vw,2.5rem)}@media (min-width:60rem){.intro.book-head-with-name{grid-template-columns:minmax(0,1fr) minmax(0,25rem)}}.book-head-name .player-name-card{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"head head""field field""another actions""note note";max-inline-size:32rem}.book-head-name :-webkit-any(.name-field,.name-field-row,.player-name-card-foot){display:contents}.book-head-name :is(.name-field,.name-field-row,.player-name-card-foot){display:contents}.book-head-name h2{color:var(--color-title);grid-area:head;font-size:1rem;line-height:1.4}.book-head-name :is(.name-field-row input,.player-name-shown){box-sizing:border-box;block-size:var(--touch-target);grid-area:field;min-block-size:0;font-size:1rem;line-height:1.4}.book-head-name .name-field-another{grid-area:another;justify-self:start}.book-head-name .player-name-card .actions{grid-area:actions;align-self:center}.book-head-name :-webkit-any(.name-field-note,.player-name-card-status){grid-area:note;align-self:start}.book-head-name :is(.name-field-note,.player-name-card-status){grid-area:note;align-self:start}.book-head-name .player-name-card-status{font-size:var(--font-size-small);line-height:1.45}.book-head-name .player-name-card:has(.player-name-card-status:not(:empty)) .name-field-note{visibility:hidden}@media (max-width:59.99rem){.book-head-name{border-block-start:1px solid var(--color-line);padding-block-start:var(--space-4)}}.book-keep{align-items:center;gap:var(--space-2) var(--space-3);border-block-start:1px solid var(--color-line);font-size:var(--font-size-small);color:var(--color-muted);--icon-fill:#ffc93ccc;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;margin:0;padding-block-start:var(--space-4);display:grid}.book-keep .icon{block-size:22px;inline-size:22px;color:var(--color-ink)}.book-keep>span{max-inline-size:44rem}@media (max-width:600px){.book-keep{grid-template-columns:auto minmax(0,1fr);align-items:start}.book-keep .button{grid-column:2;justify-self:start}.intro.book-head{padding:var(--space-5) var(--space-4)}}.book-note{padding:var(--space-5) var(--space-6);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-base);color:var(--color-muted);margin:0}.book-empty,.book-shelf{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-base);display:grid;box-shadow:inset 0 1px #ffffffe6,0 18px 40px #082e5424}@media (max-width:600px){.book-empty,.book-shelf{padding:var(--space-5) var(--space-4)}}.book-shelf h2{font-size:var(--font-size-title);margin:0;line-height:1.15}.book-empty{align-items:center;gap:var(--space-3) var(--space-4);padding-block:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto}.book-empty-art{block-size:3.5rem;inline-size:3.5rem}.book-empty-words{gap:2px;display:grid}.book-empty h2{text-wrap:balance;margin:0;font-size:1.375rem;line-height:1.2}@media (max-width:600px){.book-empty{grid-template-columns:auto minmax(0,1fr);align-items:start}.book-empty-art{block-size:3rem;inline-size:3rem}.book-empty .button{grid-column:1/-1}}.book-empty p{max-inline-size:42rem;color:var(--color-muted);margin:0}.book-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));margin:0;padding:0;list-style:none;display:grid}.book-card{gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-3);border-radius:var(--radius-large);text-align:center;display:grid}.book-card-link{color:inherit;transition:background-color var(--duration-quick) ease;text-decoration:none}.book-card-link:hover{background:#fff9}.book-paper{aspect-ratio:1;border-radius:var(--radius-medium);background:var(--color-paper);display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #162f471a,0 2px 6px #082e5414}.book-name{font-weight:var(--font-weight-strong);color:var(--color-title);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;margin-block-start:var(--space-1);font-size:1.125rem;line-height:1.25}.book-kind{font-size:var(--font-size-small);color:var(--color-muted)}.book-premium{padding-inline:var(--space-1);display:flex}@media (prefers-reduced-motion:reduce){.book-card-link{transition:none}}.book-item{position:relative}.book-item .book-name,.book-item .book-kind{padding-inline:var(--space-1);text-align:start;overflow-wrap:anywhere}.book-item:has(.book-change) :-webkit-any(.book-name,.book-kind){padding-inline-end:calc(var(--touch-target) + var(--space-1))}.book-item:has(.book-change) :is(.book-name,.book-kind){padding-inline-end:calc(var(--touch-target) + var(--space-1))}.book-change{inline-size:var(--touch-target);block-size:var(--touch-target);color:var(--color-title);cursor:pointer;transition:background-color var(--duration-quick) ease, transform var(--duration-quick) ease;background:#ffffffeb;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:var(--space-3);box-shadow:inset 0 0 0 1px #162f4724,0 2px 6px #082e541f}.book-change:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-1)}.book-change:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-1)}.book-change:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-1)}.book-change:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-1)}.book-change:hover{background:var(--color-surface);transform:translateY(-1px)}.book-change .icon{block-size:20px;inline-size:20px}.book-share{justify-content:center;align-items:center;gap:var(--space-1);inline-size:calc(100% - 2 * var(--space-2));min-block-size:var(--touch-target);margin:0 var(--space-2) var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-medium);color:var(--color-title);font:inherit;font-weight:var(--font-weight-strong);cursor:pointer;transition:background-color var(--duration-quick) ease, border-color var(--duration-quick) ease;background:#ffffffb8;border:1px solid #162f4724;display:flex}.book-share:hover{background:var(--color-surface);border-color:#162f4747}.book-share:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.book-share .icon{flex:none;block-size:20px;inline-size:20px}.book-item{container-type:inline-size}@container (width<=12rem){.book-share{padding-inline:var(--space-2);text-wrap:balance;line-height:1.2}.book-share .icon{display:none}}.book-item:has(.book-share) .book-change{bottom:calc(var(--space-3) + var(--touch-target) + var(--space-2))}.change{inline-size:min(40rem, calc(100vw - 2 * var(--gutter)));max-block-size:calc(100svh - 2 * var(--space-4));border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--color-paper);color:var(--color-ink);padding:0;overflow:auto;box-shadow:inset 0 1px #ffffffe6,0 30px 80px #061e3859}@supports not (height:1dvh){.change{max-block-size:calc(100vh - 2 * var(--space-4))}}.change::backdrop{background:#08203a73}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.change::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.change[open]{gap:var(--space-5);padding:var(--space-5);grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:center;display:grid}@media (max-width:560px){.change[open]{padding:var(--space-4);grid-template-columns:minmax(0,1fr);justify-items:stretch}.change-paper{justify-self:center;block-size:9rem;inline-size:9rem}.change-body .change-choices{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.change-body .change-choices .button{min-block-size:var(--touch-target);padding-inline:var(--space-3);justify-content:flex-start}}.change-body{gap:var(--space-3);min-inline-size:0;display:grid}.change-body h2{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15}.change-lead,.change-failed{color:var(--color-muted);margin:0}.change-failed{font-weight:var(--font-weight-strong);color:var(--color-ink)}.change-rename-form{gap:var(--space-3);min-inline-size:0;display:grid}.change-body .change-rename-form .name-field-another{white-space:nowrap}.change-choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.change-rename{--icon-fill:#ffc41680}.change-give{--icon-fill:#ff5c8a59}.change-recolor{--icon-fill:#ffc41673}.change-take-back{--icon-fill:none}.book-waiting,.change-waiting{font-weight:var(--font-weight-strong);color:var(--color-title);--icon-fill:#ff5c8a4d}.book-waiting .icon,.change-waiting .icon,.book-given .book-kind .icon{vertical-align:-.2em;block-size:1.15em;inline-size:1.15em;margin-inline-end:.3em;display:inline-block}.book-given-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr))}.book-given .book-card{padding-block-end:var(--space-2)}.book-given .book-name{font-size:1rem}.book-given .book-kind{--icon-fill:#ff5c8a4d}.change-body .actions{margin-block-start:var(--space-2)}.change-body .button{white-space:normal;text-align:start}@media (prefers-reduced-motion:no-preference){.change[open]{animation:change-in var(--duration-gentle) ease-out}}@keyframes change-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.book-change,.book-share{transition:none}}.book-album-head{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.book-album-count{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-strong);font-variant-numeric:tabular-nums;color:var(--color-muted);margin:0;display:flex}.book-album-meter{border-radius:var(--radius-round);background:#162f471f;block-size:8px;inline-size:7rem;display:block;overflow:hidden}.book-album-meter i{border-radius:inherit;background:var(--color-title);block-size:100%;display:block}.book-album-done{border-radius:var(--radius-round);background:linear-gradient(var(--color-action-top), var(--color-action));min-block-size:28px;color:var(--color-on-action);font-size:var(--font-size-small);vertical-align:middle;white-space:nowrap;align-items:center;gap:4px;padding:3px 11px 3px 7px;font-weight:800;line-height:1;display:inline-flex;transform:rotate(-3deg);box-shadow:0 0 0 2px #fff,0 3px 8px #082e5438}.book-album-done .icon{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;block-size:18px;inline-size:18px}.book-album-complete{padding:var(--space-2) var(--space-3);border-radius:var(--radius-medium);font-weight:var(--font-weight-strong);color:var(--color-ink);background:#fff1c7;margin:0}.book-album-empty .book-paper{background:repeating-linear-gradient(135deg, #162f4708 0 8px, transparent 8px 16px), var(--color-paper);box-shadow:inset 0 0 0 2px #162f4724}.book-album-empty .book-paper img{object-fit:contain;opacity:.5;block-size:100%;inline-size:100%;display:block}.book-album-empty .book-name{color:var(--color-muted)}.book-album-empty .book-kind{font-weight:var(--font-weight-strong);color:var(--color-title)}.book-week-cards{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin:0;padding:0;list-style:none;display:grid}.postcard{gap:var(--space-3);max-inline-size:38rem;margin:0;display:grid}.postcard-picture{aspect-ratio:3/2;border-radius:var(--radius-medium);block-size:auto;inline-size:100%;max-inline-size:100%;transition:opacity var(--duration-gentle) ease-out;background:#fffdf7;display:block;box-shadow:inset 0 0 0 1px #162f4714,0 10px 26px #082e542e}.postcard-picture[data-drawn=false]{opacity:.6}.book-week-cards>li:nth-child(odd) .postcard-picture{rotate:-.6deg}.book-week-cards>li:nth-child(2n) .postcard-picture{rotate:.5deg}.postcard-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.postcard-picture{transition:none}}.book-visiting{font-weight:var(--font-weight-strong);color:var(--color-title);--icon-fill:#ffc41673}.book-visiting .icon,.change-away .icon{vertical-align:-.2em;block-size:1.15em;inline-size:1.15em;margin-inline-end:.3em;display:inline-block}.change-away{--icon-fill:#ffc41673}.book-news-cards{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));display:grid}.change-visit,.change-bring-home{--icon-fill:#ffc41673}.change-note{font-size:var(--font-size-small);color:var(--color-muted);flex-basis:100%;margin:0}.change-souvenirs{gap:var(--space-2);border-block-start:1px solid #162f471a;padding-block-start:var(--space-3);display:grid}.change-souvenirs h3{color:var(--color-title);margin:0;font-size:1rem}.change-souvenirs ul{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));margin:0;padding:0;list-style:none;display:grid}.change-souvenirs li{gap:var(--space-2);align-items:center;display:flex}.change-souvenir-paper{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fffdf6,#fff1c7);border-radius:50%;flex:none;place-items:center;inline-size:3rem;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #162f4714}.change-souvenir-paper img{object-fit:contain;block-size:86%;inline-size:86%}.change-souvenir-paper .icon{block-size:1.5rem;inline-size:1.5rem}.change-souvenir-words{min-inline-size:0;line-height:1.25;display:grid}.change-souvenir-words strong{color:var(--color-title);overflow-wrap:anywhere}.change-souvenir-words span{font-size:var(--font-size-small);color:var(--color-muted)}.book-stickers{vertical-align:-5px;margin-inline-start:var(--space-2);display:inline-flex}.book-given-item{align-content:start;display:grid}.book-sticker{text-align:center;text-wrap:balance}.book-given-grid:has(.book-sticker){grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.book-sticker-news{gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-4) var(--space-5);border:1px solid var(--glass-edge);border-radius:var(--radius-large);background:var(--glass-strong);margin-block-end:var(--space-5);display:grid;box-shadow:0 8px 24px #082e541f}.book-sticker-news-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.book-sticker-news h2{color:var(--color-title);margin:0;font-size:1.25rem;line-height:1.25}.book-sticker-news-close{inline-size:var(--touch-target);block-size:var(--touch-target);color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.book-sticker-news-close:hover{background:#162f4714}.book-sticker-news-close:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.book-sticker-news ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.book-sticker-news li{align-items:center;gap:var(--space-3);color:var(--color-ink);line-height:1.4;display:flex}.book-sticker-news li .sticker-chips{flex:none}.book-sticker-dialog .change-body{justify-items:center;gap:var(--space-4);display:grid}.book-item[data-arrived] .book-card-link{box-shadow:0 0 0 3px var(--color-news), 0 10px 28px color-mix(in srgb, var(--color-news) 45%, transparent)}@media (prefers-reduced-motion:no-preference){.book-item[data-arrived] .book-card-link{animation:2.6s cubic-bezier(.22,1,.36,1) both book-arrive}.book-item[data-arrived] .book-paper{animation:.9s cubic-bezier(.22,1,.36,1) both book-arrive-paper}}@keyframes book-arrive{0%{box-shadow:0 0 0 0 var(--color-news), 0 0 0 transparent;transform:translateY(-14px)scale(.94)}30%{box-shadow:0 0 0 3px var(--color-news), 0 10px 28px color-mix(in srgb, var(--color-news) 45%, transparent);transform:none}75%{box-shadow:0 0 0 3px var(--color-news), 0 10px 28px color-mix(in srgb, var(--color-news) 45%, transparent)}to{box-shadow:0 0 0 3px #0000,0 0 #0000}}@keyframes book-arrive-paper{0%{transform:rotate(-4deg)}60%{transform:rotate(1.5deg)}to{transform:none}}.book-duet-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none;display:grid}.book-duet{inline-size:100%;font:inherit;cursor:pointer;background:0 0;border:0;position:relative}.book-duet-papers{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.book-item .book-duet .book-name,.book-item .book-duet .book-kind{padding-inline:var(--space-1)}.book-duet-watch{align-items:center;gap:var(--space-1);color:var(--color-title);font-weight:var(--font-weight-strong);display:inline-flex}.book-duet-watch .icon{block-size:1.25rem;inline-size:1.25rem}.book-duet-new{padding:2px var(--space-2);border-radius:var(--radius-small);background:var(--color-action);color:var(--color-on-action);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);line-height:1.4;position:absolute;top:var(--space-1);box-shadow:0 2px 6px #082e5433}.book-duet-new:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-1)}.book-duet-new:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--space-1)}.book-duet-new:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-1)}.book-duet-new:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--space-1)}