@import url('/english/styles.css');
:root{--comic-bg:#f4f1e9;--comic-card:#fffdf8;--comic-ink:#182b2c;--comic-muted:#60716e;--comic-line:#d7ded5;--comic-accent:#204f4b;--comic-gold:#d4ac62;--comic-note:#f4e7c9;color-scheme:light}
[data-theme=dark]{--comic-bg:#0d191d;--comic-card:#15292d;--comic-ink:#f1eddf;--comic-muted:#b8cbc5;--comic-line:#34504e;--comic-accent:#bdebd8;--comic-gold:#edca89;--comic-note:#29382e;color-scheme:dark}
.comic-site{background:var(--comic-bg);color:var(--comic-ink);line-height:1.6}.comic-site button{font:inherit;touch-action:manipulation}.comic-site button,.comic-site a{min-height:44px}.comic-site button:focus-visible,.comic-site a:focus-visible,.comic-site summary:focus-visible{outline:3px solid var(--comic-gold);outline-offset:4px}.comic-top{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;border-bottom:1px solid var(--comic-line);gap:16px}.comic-brand{font-weight:900;font-size:1.8rem;letter-spacing:-.04em;display:flex;align-items:center;gap:17px}.comic-brand span{border-left:1px solid var(--comic-line);padding-left:17px;font-size:.68rem;letter-spacing:.14em;color:var(--comic-muted)}.comic-header-links{display:flex;align-items:center;gap:20px;font-size:.83rem}.comic-header-links a{display:flex;align-items:center}.comic-header-links button,.reader-tools button,.assist button{border:1px solid var(--comic-line);border-radius:8px;background:var(--comic-card);color:var(--comic-ink);padding:10px 13px}.comic-catalogue,.reader-wrap{max-width:1184px;margin:auto;padding:50px 28px}.catalogue-heading,.reader-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.comic-kicker,.story-tag{font-size:.69rem;letter-spacing:.16em;font-weight:800;color:var(--comic-accent);margin:0 0 15px}.catalogue-heading h1{font-size:clamp(2.8rem,6vw,5.3rem);line-height:1.04;letter-spacing:-.06em;margin:0 0 24px}.comic-subtitle{font-size:.98rem;color:var(--comic-muted);max-width:620px;line-height:1.7;margin:0}.comic-stamp{display:flex;flex-direction:column;align-items:center;font-size:4rem;line-height:1.1;border:1px solid var(--comic-line);padding:25px;border-radius:50%;min-width:130px;color:var(--comic-accent)}.comic-stamp small{font-size:.65rem;letter-spacing:.12em}.story-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--comic-card);border:1px solid var(--comic-line);border-radius:16px;overflow:hidden;max-width:1020px;box-shadow:0 18px 60px #08231b0b}.story-cover{display:block;overflow:hidden}.story-cover img{display:block;width:100%;height:auto}.story-card-body{padding:clamp(24px,4vw,50px);align-self:center}.story-card h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;margin:20px 0}.story-card h2 span{display:block;font:700 1.1rem Arial,sans-serif;margin-top:13px}.story-card-body>p{color:var(--comic-muted);line-height:1.85}.story-facts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.story-facts span{font-size:.73rem;border:1px solid var(--comic-line);border-radius:20px;padding:6px 10px}.comic-action{display:flex;justify-content:center;align-items:center;border:0;min-height:52px;background:#d9efbb;color:#15362e;padding:15px 20px;border-radius:8px;font-weight:800;font-size:.87rem;letter-spacing:.04em;width:100%;cursor:pointer}.comic-action:hover{background:#bfe59c}.poster-link{display:block;text-align:center;padding:12px;font-size:.8rem;text-decoration:underline}.small-note{font-size:.78rem!important}.catalogue-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:40px 0}.catalogue-note b{font-size:.85rem;color:var(--comic-accent)}.catalogue-note p{font-size:.85rem;color:var(--comic-muted)}.comic-footer{text-align:center;padding:24px;color:var(--comic-muted);font-size:.8rem;border-top:1px solid var(--comic-line)}.reader-wrap{padding-top:28px}.reader-heading h1{font-family:Georgia,serif;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin:5px 0 12px}.reader-badge{padding:13px 18px;border:1px solid var(--comic-line);border-radius:8px;text-align:center;font-weight:800;white-space:nowrap}.reader-badge small{font-size:.6rem;color:var(--comic-muted)}.room-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px;scroll-margin-top:14px}.room-marker{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--comic-line);border-radius:8px;color:var(--comic-muted);font-size:.7rem;letter-spacing:.08em}.room-marker b{font-size:.95rem}.room-marker.current{border-color:var(--comic-accent);background:var(--comic-card);color:var(--comic-accent)}.room-marker.complete{color:var(--comic-accent)}.reader-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:24px;align-items:start}.comic-page{margin:0;min-width:0}.comic-page img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 10px 38px #0002}.comic-page a{display:block;padding:12px;text-align:center;font-size:.75rem;color:var(--comic-muted)}.reader-controls{background:var(--comic-card);border:1px solid var(--comic-line);border-radius:12px;padding:25px;min-width:0}.reader-meta{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.08em;color:var(--comic-muted)}progress{width:100%;height:5px;accent-color:#639b77;margin:14px 0 8px}.reader-controls h2{font-size:1.25rem;line-height:1.4;margin:14px 0}.dialogue{margin-bottom:19px;border-left:2px solid var(--comic-line);padding-left:14px}.dialogue p{margin:10px 0;font-size:.95rem}.dialogue small{display:block;font-size:.65rem;font-weight:800;color:var(--comic-muted);letter-spacing:.04em}.dialogue span{display:block}.translation{color:var(--comic-muted);font-size:.83rem;line-height:1.6;margin-top:5px}.note{padding:19px 20px;background:var(--comic-note);border:1px solid var(--comic-gold);border-radius:5px}.note>span{font-size:.57rem;letter-spacing:.13em;color:var(--comic-accent);font-weight:800}.note p[lang=en]{font-family:Georgia,serif;font-size:1.5rem;line-height:1.45;margin:10px 0 0}.assist{display:flex;gap:9px;margin-top:12px}.assist button{flex:1;font-size:.78rem}.reader-controls h3{font-size:1.12rem;line-height:1.5;margin:24px 0 1px}.question-mn{font-size:.8rem;margin:0 0 13px;color:var(--comic-muted)}.choices{display:grid;gap:10px}.choice{display:flex;gap:14px;align-items:center;border:1px solid var(--comic-line);padding:14px 15px;border-radius:9px;background:var(--comic-bg);color:var(--comic-ink);text-align:left;min-height:62px;width:100%;line-height:1.5;font-size:1rem}.choice>b{font-size:.78rem;border:1px solid var(--comic-line);padding:3px 8px;border-radius:4px;color:var(--comic-accent)}.choice:hover:not(:disabled){border-color:var(--comic-accent)}.choice small{display:block}.choice:disabled{opacity:.7}.choice.selected-correct{border-color:#53996e;opacity:1}.feedback{padding:15px;border-radius:8px;margin-top:14px;font-size:.85rem;line-height:1.7}.feedback:empty{display:none}.feedback p{margin:7px 0 0}.feedback.correct{border:1px solid #75ad88;background:#82a98614}.feedback.wrong{border:1px solid #b49261;background:#b7945810}.next{margin-top:16px}.reader-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.reader-tools button{flex:1;font-size:.74rem}.reader-controls details{margin-top:24px;border-top:1px solid var(--comic-line);padding-top:18px}.reader-controls summary{cursor:pointer;font-size:.88rem;font-weight:700;min-height:44px}.word{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--comic-line);font-size:.85rem}.word span{text-align:right;color:var(--comic-muted)}.grammar-rule{font-size:.84rem;line-height:1.8;color:var(--comic-muted)}.explanation{font-size:.85rem;background:#86a59918;padding:12px;border-radius:7px;line-height:1.7}.ending h2{font-family:Georgia,serif;font-size:2.5rem}.ending p{color:var(--comic-muted)}.score{display:flex;align-items:center;gap:20px;margin:25px 0}.score strong{font-size:4rem;line-height:1;font-weight:800;color:var(--comic-accent)}.score strong small{font-size:1.2rem}.score>span{font-size:.8rem;color:var(--comic-muted)}.learning-recap{margin-top:35px;padding:30px;border:1px solid var(--comic-line);border-radius:12px;background:var(--comic-card)}.learning-recap h2{font-size:1.5rem}.recap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.recap-grid h3{font-size:.85rem}.recap-grid p{display:flex;flex-direction:column;font-size:.9rem}.recap-grid span{font-size:.8rem;color:var(--comic-muted)}.reader-note{font-size:.75rem;color:var(--comic-muted);margin-top:20px}[hidden]{display:none!important}
@media(max-width:850px){.reader-layout{grid-template-columns:1fr}.comic-page{max-width:660px;margin:auto;width:100%}.reader-controls{padding:23px;max-width:660px;margin:auto;width:100%}.reader-wrap{padding:28px 20px}.recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card-body{padding:25px}.comic-stamp{min-width:95px;font-size:3rem;padding:20px}.catalogue-heading h1{font-size:3.5rem}.comic-page img{border-radius:8px}}
@media(max-width:600px){.comic-top{padding:14px 16px;gap:8px}.comic-brand{font-size:1.5rem;gap:8px}.comic-brand span{font-size:.53rem;padding-left:8px;letter-spacing:.07em}.comic-header-links{gap:7px;font-size:.72rem}.comic-header-links button{font-size:.7rem;padding:8px}.comic-catalogue{padding:32px 16px}.catalogue-heading{align-items:flex-start;gap:10px}.catalogue-heading h1{font-size:2.7rem}.comic-stamp{min-width:70px;padding:14px;font-size:2rem}.comic-stamp small{font-size:.5rem}.story-card{grid-template-columns:1fr}.story-cover img{max-height:none}.story-card-body{padding:26px}.story-card h2{font-size:2.6rem}.catalogue-note{grid-template-columns:1fr;gap:8px;padding:27px 0}.catalogue-note p{margin:5px 0}.reader-wrap{padding:24px 14px}.reader-heading{gap:12px;margin-bottom:22px}.reader-heading h1{font-size:2.6rem}.reader-heading .comic-subtitle{font-size:.8rem}.reader-badge{padding:10px;font-size:.65rem}.reader-badge small{font-size:.48rem}.comic-kicker{font-size:.59rem}.room-marker{padding:9px 6px;gap:5px;font-size:.52rem}.room-marker b{font-size:.75rem}.room-map{gap:5px}.reader-controls{padding:19px}.note p[lang=en]{font-size:1.38rem}.reader-controls h2{font-size:1.18rem}.choice{font-size:1rem;padding:14px 12px;min-height:64px}.learning-recap{padding:22px 16px}.recap-grid{gap:15px}.word{font-size:.81rem}.reader-tools button{font-size:.7rem}.comic-subtitle{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:360px){.comic-top{flex-wrap:wrap}.comic-header-links{margin-left:auto}.reader-heading h1{font-size:2.25rem}}

.tourist-catalogue-card{margin-bottom:26px}.tourist-catalogue-card .story-cover img{height:auto;object-fit:contain}