:root{--bg:#111110;--ink:#eeeae2;--mute:#aaa69e;color-scheme:dark;font-family:"Iowan Old Style","Hiragino Mincho ProN",Georgia,serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-size:21px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,circle:focus-visible{outline:0;filter:brightness(1.4);text-decoration:underline;text-underline-offset:6px}.ic{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-family:system-ui,sans-serif;font-size:32px}.bar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));height:calc(76px + env(safe-area-inset-top));background:var(--bg)}.bar nav{display:flex;gap:4px}.wordmark{font-size:23px;letter-spacing:-.6px;white-space:nowrap}#app{padding:0 0 calc(30px + env(safe-area-inset-bottom))}.pond{display:flex;flex-wrap:wrap;gap:4px;width:100%;align-content:start}.tile{position:relative;display:block;overflow:hidden;flex:none;background:#1a1916}.tile img{display:block;width:100%;height:100%;object-fit:cover}.type-art{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:18px;font-size:clamp(18px,1.8vw,26px);line-height:1.2;background:#302b25;color:#e7d9bb}.type-art small{display:block;margin-bottom:14px;font-size:.65em;color:#bfb09b}.empty{text-align:center;color:var(--mute);font-size:32px;margin:120px 0}.sent{height:2px}.q{display:block;width:calc(100% - 40px);margin:8px 20px 28px;padding:8px 0;background:none;border:0;border-radius:0;font-size:32px;outline-offset:4px}.timeline{display:flex;gap:32px;overflow:auto;padding:32px 24px 24px;scrollbar-width:thin}.century{font-size:28px;flex:none;min-height:48px;color:var(--mute)}.century[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:12px}.atlas{max-width:1100px;margin:20px auto 50px;padding:12px}.atlas svg{display:block;width:100%;overflow:visible}.grat{stroke:#383834;stroke-width:.6;fill:none}.atlas circle{fill:#d6bc8c;opacity:.8;cursor:pointer;stroke:transparent;stroke-width:8}.atlas circle[aria-pressed=true]{fill:white;opacity:1}#ov{position:fixed;inset:0;z-index:20;background:#080808;display:flex;flex-direction:column}.vt{display:flex;align-items:center;gap:6px;position:absolute;inset:0 0 auto;z-index:4;padding:calc(8px + env(safe-area-inset-top)) 10px 18px;background:linear-gradient(#0009,transparent)}.spacer{flex:1}.zv{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center}.zv>img{opacity:0;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}.deep{position:absolute;inset:0}.sheet{position:absolute;z-index:5;bottom:0;left:0;right:0;max-height:75dvh;overflow:auto;background:#171716f2;backdrop-filter:blur(16px);border-radius:22px 22px 0 0;padding:35px max(24px,calc((100vw - 900px)/2)) calc(35px + env(safe-area-inset-bottom));font-size:22px}.sheet h1{font-weight:400;font-size:clamp(28px,4vw,42px);line-height:1.2;margin:14px 0}.sheet p{margin:15px 0;color:#c3c0b9}.sheet a{text-decoration:underline;text-underline-offset:5px}.dismiss{position:absolute;right:14px;top:4px}.pl{width:min(640px,100%);padding:0 26px;margin:auto;text-align:center}.pl h1{font-size:34px;line-height:1.25;font-weight:400}.pl p{color:var(--mute)}.ctl{display:flex;justify-content:center;gap:30px}.ctl button{min-width:60px;min-height:60px}.ctl .ic{width:36px;height:36px}.pl input{width:100%;accent-color:#d3bd99;margin:30px 0}#mini{position:fixed;bottom:0;left:0;right:0;z-index:6;background:#181816f5;display:flex;align-items:center;padding:4px 10px calc(4px + env(safe-area-inset-bottom));gap:12px}#mini .tt{flex:1;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[hidden]{display:none!important}@media(min-width:1000px){.bar{padding-left:28px;padding-right:24px;height:88px}.wordmark{font-size:28px}.bar nav{gap:18px}}

.music-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.type-art small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tile img{-webkit-user-drag:none;pointer-events:none}.me{display:flex;flex-direction:column;gap:8px;padding:32px max(16px,calc((100vw - 640px)/2))}.me .btn{display:flex;align-items:center;gap:20px;width:auto;height:auto;padding:18px 8px;font-size:30px;justify-content:flex-start}.me .btn .ic{width:34px;height:34px}.me b{font-weight:400;color:#c3c0b9}

.rdr{position:absolute;inset:56px 0 0;overflow:auto;padding:8px max(20px,calc(50% - 21em)) 30vh;font:18px/1.75 Georgia,serif;color:#eeeae2;-webkit-overflow-scrolling:touch}.rdr p{margin:0 0 1em}.rw{text-align:center;opacity:.5;margin-top:30vh}
.mv{padding:56px 12px 24px;max-width:900px;margin:0 auto;color:#e7e2d8}.mvh{font-size:20px;margin:0 0 2px;font-weight:500}.mvp{color:#999;font-size:13px;margin:0 0 10px}
.mv video{width:100%;max-height:70vh;background:#000;display:block}
.mg{font-style:normal}.mg.f{color:#e08a7a}.mg.g{color:#9fcf8a}.mg.c{color:#b79ce0}
.evb{overflow:auto;padding:4px max(20px,calc(50% - 20em)) 40px;flex:1;min-height:0}
.ex p{font:17px/1.65 Georgia,serif;color:#e6e1d8;margin:0 0 12px}.ex .exi{float:right;max-width:38%;max-height:180px;margin:4px 0 8px 14px;border-radius:2px}
.wl{color:#aaa;text-decoration:none;font-size:14px}.eg{font-weight:400}
.rel{display:flex;gap:10px;overflow-x:auto;padding:18px 0 4px;clear:both}
.ri{all:unset;cursor:pointer;flex:none;display:flex;align-items:center;gap:6px;max-width:160px;color:#bbb;font-size:13px}
.ri img{height:84px;width:auto;display:block;border-radius:2px}.ri span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ri:focus-visible{outline:1px solid #eee;outline-offset:2px}
.code{margin:0;padding:12px;max-height:72vh;overflow:auto;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;color:#d8d4cc;white-space:pre;tab-size:8}
.lic{font-size:12px;color:#999;padding:6px 12px}.lic a{color:#bbb;text-decoration:none}
.game{padding:8px;width:100%;max-width:520px;margin:0 auto;box-sizing:border-box}
.bd{display:grid;gap:0;width:100%}
.sq{background:none;border:0;color:#eee;font-size:clamp(14px,4.5vw,26px);aspect-ratio:1;width:100%;padding:0;line-height:1;cursor:pointer}
.sq.pt{color:#555}.sq.dk{background:rgba(255,255,255,.06)}.sq.bl{color:#9a8f80}.sq.sel{color:#f2c97e}.sq.up{transform:rotate(180deg)}
.sq:focus-visible{outline:2px solid #f2c97e;outline-offset:-2px}
.gb{display:flex;gap:18px;justify-content:center;padding:8px}.gs{text-align:center;color:#bbb;font-size:13px;min-height:1.4em}
.sq.pk{color:#d8d4cc}.sq.st{color:#fff}
.sq.st{font-size:clamp(20px,7.5vw,38px)}

.tile.b .type-art{position:absolute;inset:0}.tile.b img.cv{position:absolute;inset:0;opacity:0;transition:opacity .35s}.tile.b img.cv.ld{opacity:1}.tile.b{background:#302b25}
.mg.h{color:#d8d2c4}.mg.s{color:#8fc3c9}
.mv .ph{display:block;max-width:100%;max-height:72vh;margin:0 auto}
.paper{font:19px/1.75 "EB Garamond",Georgia,serif;color:#e4dfd5;max-width:680px;margin:0 auto;padding:0 18px 60px}.paper img{max-width:100%;vertical-align:middle;filter:invert(.9)}.paper a{color:#9fc0d0}.paper h1,.paper h2,.paper h3{font-weight:400}