/* Anime collection: portrait frame, twelve compositions, unchanged live record controls. */
.anime-world{height:100dvh;overflow:hidden;background:radial-gradient(ellipse at top,var(--sky),color-mix(in srgb,var(--accent),#111f35 55%));color:#23364a}
.anime-world .game-stage{height:min(940px,100dvh);min-height:0;background:linear-gradient(145deg,var(--sky),var(--panel) 60%,var(--accent2));padding:9px 10px max(10px,env(safe-area-inset-bottom));padding-top:max(9px,env(safe-area-inset-top))}
.anime-world .hud{padding-bottom:10px}.anime-world .hud-pill{background:linear-gradient(135deg,color-mix(in srgb,var(--accent),#15334c 45%),#243e58);border-color:#fff9}.anime-world .music-toggle{background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent),#142a44 30%))}
.anime-world .withdrawal-window{position:relative;border:1px solid #fff;border-radius:22px;background:var(--panel);box-shadow:0 5px 0 color-mix(in srgb,var(--accent),#122239 20%),0 15px 30px #24345622;isolation:isolate}
.anime-masthead{flex:none;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px 12px;background:linear-gradient(120deg,#ffffffea,color-mix(in srgb,var(--sky),#fff 45%));position:relative;z-index:3;border-bottom:1px solid color-mix(in srgb,var(--accent),#fff 73%)}
.anime-masthead small{display:block;font-size:6px;line-height:1.3;letter-spacing:1.7px;font-weight:850;color:var(--accent)}.anime-masthead h1{margin:5px 0 4px;font-size:27px;line-height:1.1;letter-spacing:1.5px;color:color-mix(in srgb,var(--accent),#102635 40%)}.anime-masthead p{margin:0;font-size:9px;line-height:1.4;letter-spacing:.6px;color:#516876}
.chapter-seal{flex:none;font-size:36px;line-height:1;font-weight:300;font-family:Georgia,serif;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent),transparent 60%);border-radius:50%;width:52px;height:52px;display:grid;place-items:center;transform:rotate(-8deg)}
.anime-stage-body{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:29% minmax(0,1fr);gap:0}
.anime-world .theme-hero{padding:0;min-width:0;min-height:0;height:100%;position:relative;overflow:hidden;background:var(--sky)}.anime-world .scene-frame{height:100%;min-height:0;width:100%}.anime-world .hero-art{object-position:70% 36%;height:100%;width:100%;filter:saturate(1.05)}
.anime-scene-note{position:absolute;z-index:3;bottom:18px;left:11px;right:9px;color:white;text-shadow:0 2px 8px #0c182a;display:flex;flex-direction:column;gap:9px}.anime-scene-note small{font-size:5px;line-height:1.8;letter-spacing:1.1px;font-weight:800}.anime-scene-note strong{font-size:13px;line-height:1.9;letter-spacing:2px;max-width:7em}.anime-scene-note span{font-size:7px;letter-spacing:1px;opacity:.8}.anime-world .scene-frame:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#11243aa8);pointer-events:none}
.anime-world .record-panel{min-width:0;min-height:0;padding:10px 8px 9px;background:color-mix(in srgb,var(--panel),#fff 38%);position:relative;z-index:2}
.anime-world .anime-total{position:relative;inset:auto;flex:none;align-items:flex-start;min-width:0;width:100%;max-width:none;padding:9px 10px;gap:3px;border:1px solid color-mix(in srgb,var(--accent),#fff 60%);border-radius:11px;background:linear-gradient(120deg,#fff,var(--sky));box-shadow:0 3px 0 color-mix(in srgb,var(--accent),transparent 80%);backdrop-filter:none}
.anime-total small{font-size:8px;letter-spacing:.5px}.anime-world .anime-total strong{font-size:21px;line-height:1.2;letter-spacing:-.6px;padding-right:13px;overflow-wrap:anywhere;white-space:normal}.anime-total>span{position:absolute;right:10px;top:11px;font-size:20px;color:var(--accent);opacity:.5}.anime-world .anime-total.is-long strong{font-size:17px}.anime-world .anime-total.is-very-long strong{font-size:13px}
.anime-world .record-heading{padding:12px 2px 8px;gap:6px;align-items:center}.anime-world .record-heading h2{font-size:14px;letter-spacing:.5px}.anime-world .heading-mark{width:4px;height:14px;box-shadow:none}.record-heading>small{font-size:5px;font-weight:800;letter-spacing:.7px;margin-left:auto;color:#8395a3}.anime-world .record-list-wrap{border-radius:10px;border:0;background:transparent}.anime-world .record-list{padding:0 3px 10px 0;scrollbar-width:thin}
.anime-world .record-card{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:66px;padding:9px 6px;margin:0 0 7px;border:1px solid color-mix(in srgb,var(--accent),#fff 76%);border-radius:10px;background:#fff;box-shadow:0 2px 3px #24345608;position:relative}
.anime-world .record-icon{width:26px;height:26px;border:1.5px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),#fff 63%)}.anime-world .record-icon img{width:100%;height:100%;inset:0;object-fit:cover;object-position:70% 30%}.anime-world .record-main{gap:4px}.anime-world .record-main strong{font-size:11px;line-height:1.3}.anime-world .record-main time{font-size:7px;line-height:1.5}.anime-world .record-main time b{font-weight:500;white-space:nowrap}.anime-world .record-result{max-width:100%;gap:4px;min-width:0}.anime-world .record-result strong{font-size:12px;line-height:1.3;color:color-mix(in srgb,var(--accent),#00523a 45%);white-space:nowrap;letter-spacing:-.3px}.anime-world .record-result span{font-size:7px;line-height:1.3}
.anime-colophon{position:relative;z-index:3;flex:none;display:flex;justify-content:space-between;align-items:center;gap:5px;padding:7px 12px;border-top:1px solid color-mix(in srgb,var(--accent),#fff 80%);background:var(--panel);font-size:5px;letter-spacing:.8px;color:var(--accent)}.anime-colophon b{font-size:6px;white-space:nowrap}
/* 01: the narrow illustrated spine and ruled folio. */
.layout-folio .theme-hero{border-right:4px solid var(--accent2)}.layout-folio .record-card{border-radius:2px 11px 11px 2px;border-left:2px solid var(--accent);background:linear-gradient(90deg,#fff,#f7fbf4)}.layout-folio .anime-masthead{border-bottom:3px double var(--accent)}
/* 02: reversed neon editorial columns. */
.layout-reverse .anime-stage-body{grid-template-columns:minmax(0,1fr) 30%}.layout-reverse .theme-hero{grid-column:2;grid-row:1;border-left:2px solid var(--accent2)}.layout-reverse .record-panel{grid-column:1;grid-row:1}.layout-reverse .anime-masthead{background:#19223e}.layout-reverse .anime-masthead h1,.layout-reverse .anime-masthead p{color:white}.layout-reverse .anime-masthead small,.layout-reverse .chapter-seal{color:var(--accent2)}.layout-reverse .chapter-seal{border-radius:9px;border-color:var(--accent2);transform:rotate(6deg)}.layout-reverse .record-card{border-radius:3px 13px;border-bottom:2px solid var(--sky)}
/* 03: a diagonal film still above fine crimson receipts. */
.layout-diagonal .anime-stage-body{display:flex;flex-direction:column}.layout-diagonal .theme-hero{flex:none;height:28%;min-height:125px;clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}.layout-diagonal .hero-art{object-position:68% 31%}.layout-diagonal .anime-scene-note{left:18px;bottom:22px}.layout-diagonal .anime-scene-note strong{max-width:none;font-size:12px;line-height:1.4}.layout-diagonal .anime-scene-note span{display:none}.layout-diagonal .record-panel{padding-top:3px}.layout-diagonal .anime-total{width:64%;align-self:flex-end;transform:rotate(-2deg);margin-bottom:1px;border-radius:3px 12px}.layout-diagonal .record-card{border-left:3px solid var(--accent2);border-radius:13px 3px}.layout-diagonal .chapter-seal{border-radius:3px;transform:rotate(7deg)}
/* 04: spy dossier, photo strip and a stamped chapter tab. */
.layout-dossier .anime-masthead{background:var(--accent);border-bottom:4px solid var(--accent2)}.layout-dossier .anime-masthead h1,.layout-dossier .anime-masthead p,.layout-dossier .anime-masthead small{color:white}.layout-dossier .chapter-seal{background:var(--accent2);border:0;border-radius:5px;transform:rotate(7deg);font-size:28px}.layout-dossier .theme-hero{margin:9px 0 9px 7px;border:4px solid white;box-shadow:0 2px 5px #1243;transform:rotate(-1deg);height:calc(100% - 18px)}.layout-dossier .anime-scene-note{left:6px;right:5px}.layout-dossier .record-card{border-style:dashed;border-radius:4px}.layout-dossier .anime-total{border-radius:3px;background:var(--accent2)}
/* 05: ocean backdrop with an offset floating logbook. */
.layout-voyage .anime-stage-body{display:block}.layout-voyage .theme-hero{position:absolute;inset:0}.layout-voyage .hero-art{object-position:64% 30%}.layout-voyage .record-panel{position:absolute;right:0;bottom:0;width:83%;height:64%;background:#f5fcfff0;border-radius:22px 0 0 0;border-top:2px solid white;border-left:2px solid white;padding:11px 9px 9px;box-shadow:-6px -6px 25px #142a3c25}.layout-voyage .anime-scene-note{left:13px;top:14px;bottom:auto;right:30%;gap:5px}.layout-voyage .anime-scene-note strong{font-size:13px;max-width:11em;line-height:1.6}.layout-voyage .anime-scene-note span{display:none}.layout-voyage .anime-total{background:linear-gradient(120deg,#fff,#d1edf4);border-radius:15px 3px}.layout-voyage .record-card{border-radius:18px 8px}.layout-voyage .anime-masthead h1{font-family:Georgia,'Microsoft YaHei',serif}.layout-voyage .chapter-seal{border-style:dashed}
/* 06: botanical notebook, caption beneath the plate. */
.layout-journal .anime-stage-body{display:flex;flex-direction:column}.layout-journal .theme-hero{flex:none;height:30%;min-height:132px;margin:9px 10px 0;border:5px solid white;box-shadow:0 2px 7px #2333;transform:rotate(-1deg);width:calc(100% - 20px)}.layout-journal .hero-art{object-position:70% 35%}.layout-journal .anime-scene-note{left:10px;bottom:10px;gap:4px}.layout-journal .anime-scene-note strong{font-size:11px;max-width:17em;line-height:1.4}.layout-journal .anime-scene-note span{display:none}.layout-journal .record-panel{padding-top:8px;background:repeating-linear-gradient(var(--panel) 0 24px,#77957714 24px 25px)}.layout-journal .anime-total{flex-direction:row;align-items:center;justify-content:space-between;background:transparent;border:0;border-radius:0;box-shadow:none;padding:4px 3px 7px;border-bottom:1px dashed var(--accent)}.layout-journal .anime-total>span{display:none}.layout-journal .record-card{border-radius:3px;border-style:dashed;box-shadow:none}.layout-journal .chapter-seal{border-radius:50% 50% 4px 50%;font-size:31px}
/* 07: vertical sports strip, bold scoreboard and jersey seams. */
.layout-scoreboard .anime-masthead{background:linear-gradient(115deg,#17264a,var(--accent));border-bottom:5px solid var(--accent2)}.layout-scoreboard .anime-masthead h1,.layout-scoreboard .anime-masthead p,.layout-scoreboard .anime-masthead small{color:white}.layout-scoreboard .chapter-seal{font-family:system-ui;font-weight:950;border:0;color:var(--accent2);font-style:italic}.layout-scoreboard .theme-hero{clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.layout-scoreboard .record-panel{margin-left:-7px;padding-left:10px;background:transparent}.layout-scoreboard .anime-total{background:#20385e;color:white;border-color:var(--accent2);border-radius:3px}.layout-scoreboard .record-card{border-radius:3px;border-bottom:3px solid var(--sky)}
/* 08: a landscape postcard, postmark and offset paper. */
.layout-postcard .anime-stage-body{display:flex;flex-direction:column}.layout-postcard .theme-hero{height:31%;min-height:125px;flex:none;margin:8px 10px 0;width:calc(100% - 20px);border:5px solid white;transform:rotate(1.5deg);box-shadow:0 2px 9px #512b5529}.layout-postcard .anime-scene-note{bottom:12px;left:12px;gap:5px}.layout-postcard .anime-scene-note strong{max-width:none;font-size:12px;line-height:1.5}.layout-postcard .anime-scene-note span{display:none}.layout-postcard .anime-masthead{background:#fff8fd}.layout-postcard .chapter-seal{border-style:dashed;transform:rotate(-16deg);border-width:2px;font-size:29px}.layout-postcard .record-panel{padding-top:9px}.layout-postcard .anime-total{align-self:flex-start;width:64%;border-radius:4px 16px;background:#fff0f9;transform:rotate(-1deg)}.layout-postcard .record-card{border-radius:16px 3px;background:linear-gradient(90deg,#fff,#fff8fc)}
/* 09: orbital rail with a mission manifest on the left. */
.layout-orbital .anime-stage-body{grid-template-columns:minmax(0,1fr) 27%}.layout-orbital .theme-hero{grid-column:2;grid-row:1;border-left:3px solid var(--accent2);border-radius:60px 0 0 0}.layout-orbital .record-panel{grid-column:1;grid-row:1}.layout-orbital .anime-masthead{background:linear-gradient(135deg,#eaf7ff,var(--sky));border-bottom:1px solid var(--accent)}.layout-orbital .chapter-seal{border-radius:50%;box-shadow:0 0 0 5px #fff7;transform:rotate(12deg);font-family:monospace;font-size:29px}.layout-orbital .anime-total{border-radius:25px 8px;background:linear-gradient(115deg,#fff,var(--accent2))}.layout-orbital .record-card{border-radius:4px 13px;border-right:3px solid var(--accent)}
/* 10: field guide, tabbed illustrated spine and parchment receipts. */
.layout-fieldguide .theme-hero{border-right:3px double var(--accent2);border-radius:0 40px 0 0}.layout-fieldguide .anime-masthead{background:linear-gradient(120deg,#fffaf0,var(--sky));border-bottom:3px solid var(--accent2)}.layout-fieldguide .chapter-seal{border-radius:10px 10px 30px 30px;background:var(--accent);color:#fff;border:2px solid var(--accent2);font-size:30px}.layout-fieldguide .record-panel{background:repeating-linear-gradient(90deg,#aa763d05 0 1px,var(--panel) 1px 4px)}.layout-fieldguide .record-card{border-radius:4px 14px 4px 14px;background:#fffdf8;border-style:dashed}.layout-fieldguide .anime-total{border-radius:3px;background:#fff3d6;border:1px solid var(--accent2)}
/* 11: angular manga panel, dynamic border and bright issue badge. */
.layout-manga .anime-stage-body{grid-template-columns:minmax(0,1fr) 30%}.layout-manga .theme-hero{grid-column:2;grid-row:1;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.layout-manga .record-panel{grid-column:1;grid-row:1;padding-right:4px;background:transparent}.layout-manga .anime-masthead{background:var(--accent2);border-bottom:3px solid #23364a}.layout-manga .chapter-seal{border-radius:0;transform:rotate(9deg);font-family:system-ui;font-weight:950;background:#fff;box-shadow:3px 3px 0 #23364a;border:2px solid #23364a}.layout-manga .anime-total{border:2px solid #23364a;border-radius:2px;box-shadow:3px 3px 0 var(--accent2);background:#fff}.layout-manga .record-card{border-radius:2px 12px 2px 2px;border-color:#243c4a44;border-bottom:2px solid #243c4a;box-shadow:2px 2px 0 var(--sky)}
/* 12: moonlit art canvas, inset archive glass and a pearl chapter. */
.layout-moon .anime-stage-body{display:block}.layout-moon .theme-hero{position:absolute;inset:0}.layout-moon .hero-art{object-position:67% 28%}.layout-moon .record-panel{position:absolute;left:0;bottom:0;width:84%;height:64%;border:1px solid #fff9;border-radius:0 24px 0 0;background:#f8f9fff0;box-shadow:5px -5px 25px #18294d26;padding:11px 9px 9px}.layout-moon .anime-scene-note{left:14px;top:14px;right:28%;bottom:auto;gap:5px}.layout-moon .anime-scene-note strong{max-width:none;font-size:12px;line-height:1.6}.layout-moon .anime-scene-note span{display:none}.layout-moon .anime-masthead{background:linear-gradient(115deg,#f8fbff,var(--sky));border-bottom:1px solid #fff}.layout-moon .chapter-seal{background:radial-gradient(circle at 30% 20%,#fff,var(--accent2));border-color:white;box-shadow:0 0 12px #fff}.layout-moon .anime-total{border-radius:16px;background:linear-gradient(110deg,#fff,var(--sky));border-color:white}.layout-moon .record-card{border-radius:20px 6px;background:linear-gradient(110deg,#fff,#f5f5ff)}
/* Small ambient movements preserve the illustration and keep record text still. */
.anime-world.mode-dynamic .hero-art{animation:anime-breathe 18s ease-in-out infinite;transform-origin:70% 38%}.anime-world .scene-effects i{background:var(--accent2);box-shadow:0 0 9px #fff8}.anime-nightwatch .scene-effects i,.anime-starcourier .scene-effects i{border-radius:0;width:2px;height:28px;transform:rotate(30deg)}.anime-sakurablade .scene-effects i,.anime-cloudletter .scene-effects i{border-radius:80% 0 80% 0;width:10px;height:6px;background:#ffc4e1}.anime-blueline .scene-effects i,.anime-urbanpulse .scene-effects i{height:2px;width:25px;background:#fff}.anime-world .record-icon{animation:none!important}@keyframes anime-breathe{50%{transform:scale(1.035)}}
@media(max-width:359px){.anime-world .game-stage{padding-left:7px;padding-right:7px}.anime-masthead{padding:11px 12px;min-height:80px}.anime-masthead h1{font-size:24px}.chapter-seal{width:44px;height:44px;font-size:29px}.anime-masthead p{font-size:8px}.anime-world .anime-stage-body{grid-template-columns:24% minmax(0,1fr)}.anime-world.layout-reverse .anime-stage-body,.anime-world.layout-orbital .anime-stage-body,.anime-world.layout-manga .anime-stage-body{grid-template-columns:minmax(0,1fr) 24%}.anime-world .record-panel{padding-left:6px;padding-right:6px}.anime-world .record-card{grid-template-columns:23px minmax(0,1fr) auto;gap:4px;padding-left:5px;padding-right:5px}.anime-world .record-icon{width:23px;height:23px}.anime-world .record-main strong{font-size:10px}.anime-world .record-result strong{font-size:11px}.anime-world .record-main time,.anime-world .record-result span{font-size:6.5px}.anime-scene-note{left:7px;right:5px}.anime-scene-note strong{font-size:11px;line-height:1.9;letter-spacing:1px}.anime-scene-note small{font-size:4px;letter-spacing:.5px}.anime-world .anime-total strong{font-size:19px}.anime-world .record-heading h2{font-size:13px}.record-heading>small{font-size:4px;letter-spacing:.4px}.anime-colophon{font-size:4px;padding:6px 8px}.anime-colophon b{font-size:5px}.layout-voyage .record-panel,.layout-moon .record-panel{width:86%}.layout-voyage .anime-scene-note,.layout-moon .anime-scene-note{left:12px;top:13px;right:20%}}
@media(max-height:670px){.anime-masthead{min-height:72px;padding-top:9px;padding-bottom:9px}.anime-masthead h1{font-size:23px;margin-top:4px}.anime-masthead small{font-size:5px}.chapter-seal{width:42px;height:42px;font-size:27px}.anime-world .record-panel{padding-top:7px}.anime-world .anime-total{padding:6px 8px}.anime-world .anime-total strong{font-size:18px}.anime-world .record-heading{padding-top:8px;padding-bottom:6px}.anime-world .record-card{min-height:57px;padding-top:7px;padding-bottom:7px;margin-bottom:6px}.anime-colophon{padding-top:5px;padding-bottom:5px}.layout-diagonal .theme-hero,.layout-journal .theme-hero,.layout-postcard .theme-hero{min-height:108px}.anime-scene-note{bottom:12px}.layout-voyage .record-panel,.layout-moon .record-panel{height:65%}.layout-diagonal .anime-total,.layout-postcard .anime-total{width:64%}.layout-journal .anime-total{padding:3px 3px 6px}}
.anime-spine-title{display:none}
:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .scene-frame{background:linear-gradient(160deg,var(--accent),color-mix(in srgb,var(--accent),#112838 55%))}
:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .hero-art{height:43%;object-position:70% 28%}
:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .scene-frame:after{inset:29% 0 0;background:linear-gradient(transparent,var(--accent) 23%,transparent 70%)}
:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .anime-spine-title{display:block;position:absolute;z-index:3;top:45%;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;font-family:Georgia,'Microsoft YaHei',serif;font-size:29px;line-height:1.4;letter-spacing:6px;color:#fff9e8;text-shadow:0 2px 8px #10243233}
@media(max-height:670px){:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .anime-spine-title{top:44%;font-size:21px;letter-spacing:3px}:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .anime-scene-note strong{font-size:9px;letter-spacing:.5px;line-height:1.5}:is(.layout-folio,.layout-reverse,.layout-dossier,.layout-scoreboard,.layout-orbital,.layout-fieldguide,.layout-manga) .anime-scene-note{bottom:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.anime-world .hero-art,.anime-world .scene-effects i{animation:none!important}}