:root{--paper: #e9dfc6;--ink: #211a12;--amber: #e8b878;--red: #b23a30;--panel: rgba(20, 16, 12, .72);--serif: "Playfair Display", Georgia, "Times New Roman", serif;--type: "Special Elite", "Courier Prime", "Courier New", monospace;--shadow: 0 12px 34px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0a0908;color:#efe6d4;font-family:var(--type);-webkit-font-smoothing:antialiased}#app,canvas{display:block;width:100%;height:100%}#app{position:fixed;inset:0}body:after{content:"";position:fixed;inset:0;z-index:6;pointer-events:none;background:radial-gradient(120% 100% at 50% 42%,#0000 46%,#00000073 88%,#000000b3)}.loading{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(120% 120% at 50% 35%,#221a12,#0d0a07 70%);transition:opacity .8s ease}.loading.is-hidden{opacity:0;pointer-events:none}.loading__title{font-family:var(--serif);font-size:clamp(30px,6vw,60px);letter-spacing:.14em;color:var(--amber);text-shadow:0 0 30px rgba(230,170,90,.3)}.loading__sub{font-size:13px;letter-spacing:.4em;color:#c8a877;margin-top:-10px}.loading__bar{width:min(320px,70vw);height:3px;background:#ffffff1f;border-radius:3px;overflow:hidden}.loading__fill{height:100%;width:0;background:linear-gradient(90deg,#e8b878,#b23a30);transition:width .25s ease}.loading__pct{font-size:12px;letter-spacing:.2em;color:#b79b71}.hint{position:fixed;left:50%;bottom:30px;transform:translate(-50%);z-index:20;max-width:92vw;text-align:center;padding:9px 18px;border-radius:4px;background:var(--panel);border:1px solid rgba(232,184,120,.22);color:#efe0c6;font-size:13px;letter-spacing:.04em;box-shadow:var(--shadow);opacity:0;transition:opacity .5s ease;pointer-events:none}.hint.is-visible{opacity:1}.btn-info{position:fixed;top:22px;right:22px;z-index:22;width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,184,120,.4);background:var(--panel);color:var(--amber);font-family:var(--serif);font-style:italic;font-size:22px;font-weight:700;cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease,background .2s ease}.btn-info.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.btn-info:hover{background:#3c2c1cf2}.info-panel{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;padding:24px;background:#0605048c;opacity:0;pointer-events:none;transition:opacity .35s ease}.info-panel.is-visible{opacity:1;pointer-events:auto}.info-card{position:relative;max-width:30rem;width:100%;padding:26px 28px 24px;background:linear-gradient(180deg,#efe4c9,#e0d1ad);color:var(--ink);border:1px solid #b79b6a;box-shadow:var(--shadow),inset 0 0 0 2px #785a3238;rotate:-.5deg}.info-card__x{position:absolute;top:8px;right:12px;border:none;background:transparent;color:#6a4f34;font-size:26px;line-height:1;cursor:pointer}.info-card__tag{font-family:var(--type);font-size:11px;letter-spacing:.34em;color:#8a3a2e;border-bottom:1px solid rgba(120,90,50,.4);padding-bottom:8px}.info-card__title{font-family:var(--serif);font-size:26px;font-weight:700;margin:10px 0 12px}.info-card__list{margin:0;padding-left:18px;font-family:var(--type);font-size:14px;line-height:1.75;color:#40301e}.info-card__list li{margin-bottom:4px}.info-card__list b{color:#7a2f26}.btn-back{position:absolute;top:20px;left:20px;padding:10px 16px;border-radius:4px;border:1px solid rgba(232,184,120,.28);background:var(--panel);color:#f0e2c8;font-family:var(--type);font-size:14px;cursor:pointer;box-shadow:var(--shadow);transition:background .2s ease,transform .2s ease}.btn-back:hover{background:#3c2c1ce6;transform:translateY(-1px)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid rgba(232,184,120,.28);background:var(--panel);color:#f0e2c8;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.nav-arrow:hover{background:#3c2c1ce6}.nav-arrow:disabled{opacity:.28;cursor:default}.nav-arrow--prev{left:24px}.nav-arrow--next{right:24px}.zoom-ui{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;transition:opacity .4s ease}.zoom-ui.is-visible{opacity:1}.zoom-ui.is-visible .btn-back,.zoom-ui.is-visible .case-card{pointer-events:auto}.case-card{pointer-events:none;position:absolute;left:50%;bottom:34px;transform:translate(-50%);min-width:240px;max-width:84vw;padding:14px 22px 16px;text-align:center;background:linear-gradient(180deg,#efe4c9,#e2d4b2);color:var(--ink);border:1px solid #b79b6a;box-shadow:var(--shadow),inset 0 0 0 2px #785a3240;transform-origin:center;rotate:-.6deg}.case-card__tag{font-family:var(--type);font-size:11px;letter-spacing:.4em;color:#8a3a2e;border-bottom:1px solid rgba(120,90,50,.4);padding-bottom:6px;margin-bottom:8px}.case-card__name{font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:.02em}.case-card__cap{font-family:var(--type);font-size:13px;color:#5a4632;margin-top:4px}.reader-ui{position:fixed;inset:0;z-index:25;pointer-events:none;opacity:0;transition:opacity .45s ease}.reader-ui.is-visible{opacity:1}.reader-ui.is-visible button{pointer-events:auto}.btn-read-full{position:absolute;top:20px;right:20px;padding:10px 16px;border-radius:4px;border:1px solid rgba(232,184,120,.28);background:var(--panel);color:#f0e2c8;font-family:var(--type);font-size:14px;cursor:pointer;box-shadow:var(--shadow);transition:background .2s ease,transform .2s ease}.btn-read-full:hover{background:#3c2c1ce6;transform:translateY(-1px)}.page-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:7px 16px;border-radius:4px;background:var(--panel);border:1px solid rgba(232,184,120,.2);color:#f0dcc2;font-size:12px;letter-spacing:.14em}.fsr{position:fixed;inset:0;z-index:40;display:none;flex-direction:column;background:radial-gradient(130% 120% at 50% 40%,#1a140d,#080605 78%)}.fsr.is-open{display:flex}.fsr__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;z-index:3}.fsr__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fsr__btn{padding:8px 14px;border-radius:4px;border:1px solid rgba(232,184,120,.28);background:var(--panel);color:#f0e2c8;font-family:var(--type);font-size:13px;cursor:pointer;transition:background .2s ease}.fsr__btn:hover{background:#3c2c1ce6}.fsr__zval{min-width:46px;text-align:center;font-size:12px;letter-spacing:.1em;color:#d8c19c}.fsr__viewport{flex:1;position:relative;overflow:hidden;cursor:grab;touch-action:none}.fsr__viewport.is-zoomed{cursor:grab}.fsr__viewport.is-grabbing{cursor:grabbing}.fsr__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 60px 28px;transform-origin:center center;will-change:transform}.fsr__page{max-height:88vh;max-width:46%;object-fit:contain;border-radius:3px;box-shadow:0 18px 60px #000000b3;user-select:none;-webkit-user-drag:none}.fsr__stage--single .fsr__page{max-width:82%}.fsr__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(232,184,120,.28);background:var(--panel);color:#f0e2c8;font-size:24px;cursor:pointer;z-index:3}.fsr__nav:hover{background:#3c2c1ce6}.fsr__nav:disabled{opacity:.25;cursor:default}.fsr__prev{left:18px}.fsr__next{right:18px}.fsr__counter{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:4px;background:var(--panel);border:1px solid rgba(232,184,120,.2);color:#f0dcc2;font-size:12px;letter-spacing:.14em;z-index:3}.fsr__hint{position:absolute;bottom:18px;right:20px;font-size:11px;letter-spacing:.08em;color:#9c8a6a;z-index:3}.fmap{position:fixed;inset:0;z-index:42;display:none;flex-direction:column;background:radial-gradient(130% 120% at 50% 42%,#1c150d,#080605 80%)}.fmap.is-open{display:flex}.fmap__top{display:flex;align-items:center;gap:12px;padding:14px 18px}.fmap__top .fmap__spacer{flex:1}.fmap__title{flex:1;text-align:center;font-family:var(--serif);font-size:clamp(20px,3.4vw,34px);letter-spacing:.14em;color:var(--amber);text-shadow:0 0 24px rgba(230,170,90,.25)}.fmap__btn{padding:9px 15px;border-radius:4px;border:1px solid rgba(232,184,120,.28);background:var(--panel);color:#f0e2c8;font-family:var(--type);font-size:14px;cursor:pointer}.fmap__btn:hover{background:#3c2c1ce6}.fmap__body{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 24px 26px;overflow:hidden}.fmap__mapwrap{position:relative;max-width:94vw;max-height:82vh;width:auto;height:100%}.fmap__canvas{display:block;width:100%;height:100%;border-radius:4px;box-shadow:0 20px 70px #000000b3}.fmap__pins{position:absolute;inset:0;pointer-events:none}.fmap__pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:0;cursor:pointer;pointer-events:auto}.fmap__pin-dot{width:26px;height:26px;border-radius:50%;background:#c62b2b;border:2px solid #f3ddb4;color:#fff;font-family:var(--type);font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080,0 0 0 6px #c62b2b2e;transition:transform .15s ease,box-shadow .15s ease}.fmap__pin:hover .fmap__pin-dot{transform:scale(1.18);box-shadow:0 4px 14px #0009,0 0 0 8px #c62b2b47}.fmap__pin-label{font-family:var(--type);font-size:11px;letter-spacing:.04em;color:#2a1c10;background:#f3ddb4e6;padding:1px 6px;border-radius:3px;white-space:nowrap}.fmap__panel{position:fixed;top:0;right:0;width:min(380px,88vw);height:100%;background:linear-gradient(180deg,#efe4c9,#ddcda6);color:var(--ink);box-shadow:-14px 0 40px #00000080;transform:translate(100%);transition:transform .35s ease;padding:22px 22px 24px;overflow-y:auto;z-index:2}.fmap__panel.is-open{transform:translate(0)}.fmap__panel-x{position:absolute;top:10px;right:14px;border:none;background:transparent;color:#6a4f34;font-size:26px;cursor:pointer}.fmap__panel-city{font-family:var(--serif);font-size:28px;font-weight:700;color:#3a2a16}.fmap__panel-sub{font-family:var(--type);font-size:12px;letter-spacing:.1em;color:#8a3a2e;border-bottom:1px solid rgba(120,90,50,.35);padding-bottom:12px;margin-bottom:14px}.fmap__member{display:flex;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(120,90,50,.3)}.fmap__member-photo{width:64px;height:80px;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.fmap__member-name{font-family:var(--serif);font-size:18px;font-weight:700;color:#2a1d10}.fmap__member-cap{font-family:var(--type);font-size:11px;color:#8a6a3c;margin:2px 0 4px}.fmap__member-bio{font-family:var(--type);font-size:13px;line-height:1.5;color:#40301e}.mobile-gate{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:32px 26px;text-align:center;background:radial-gradient(130% 130% at 50% 30%,#241a12,#0d0a07 70%)}.mobile-gate__badge{font-size:12px;letter-spacing:.4em;color:#c8a877}.mobile-gate__title{font-family:var(--serif);font-size:28px;letter-spacing:.08em;color:var(--amber)}.mobile-gate__msg{font-size:15px;line-height:1.7;color:#ecdcc6;max-width:30rem}.mobile-gate__btn{margin-top:6px;padding:14px 26px;border-radius:4px;border:none;background:linear-gradient(90deg,#e8b878,#b23a30);color:#241206;font-family:var(--type);font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 28px #b4502859}.mobile-gate__btn:active{transform:translateY(1px) scale(.99)}.flipbook{position:fixed;inset:0;z-index:45;display:none;flex-direction:column;background:#0d0a07;touch-action:pan-y}.flipbook.is-open{display:flex}.flipbook__stage{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.flipbook__img{max-width:94%;max-height:94%;border-radius:4px;box-shadow:0 18px 50px #0009;user-select:none;-webkit-user-drag:none;will-change:transform,opacity}.flipbook__img.is-anim{transition:transform .32s ease,opacity .32s ease}.flipbook__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#0000004d}.flipbook__nav{width:52px;height:52px;border-radius:50%;border:1px solid rgba(232,184,120,.28);background:#281e12e6;color:#f0e2c8;font-size:22px;cursor:pointer}.flipbook__nav:disabled{opacity:.3}.flipbook__count{font-size:13px;letter-spacing:.14em;color:#e9d6bd}.flipbook__close{position:absolute;top:calc(14px + env(safe-area-inset-top));right:16px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(232,184,120,.28);background:#281e12e6;color:#f0e2c8;font-size:20px;cursor:pointer;z-index:2}.is-gone{display:none!important}