@font-face{font-family:Barlow;src:url('assets/Barlow-Regular.ttf')}@font-face{font-family:BarlowCondensed;src:url('assets/BarlowCondensed-SemiBold.ttf');font-weight:600}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101610;color:#f5f1e9;font-family:Barlow,Arial,sans-serif}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e1b879;outline-offset:5px}button:disabled{opacity:.4;cursor:default}.viewer-top{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 26px;border-bottom:1px solid #ffffff12;background:#101610;position:relative;z-index:30}.viewer-brand{font-family:BarlowCondensed,'Arial Narrow',sans-serif;font-size:25px;letter-spacing:3px;display:flex;align-items:center;gap:8px;color:#f5f1e9;text-decoration:none}.viewer-brand>span{width:5px;height:5px;border-radius:50%;background:#e1b879}.viewer-caption{font-size:11px;letter-spacing:3px;color:#a4ad9d}.viewer-caption b{font-weight:400;color:#e1b879;margin-left:14px}.viewer-tools{display:flex;gap:10px}.viewer-tools button{border:1px solid #ffffff1b;border-radius:5px;background:none;color:#f5f1e9;min-height:40px;padding:0 15px;font-size:14px;display:flex;align-items:center;gap:15px}.viewer-tools button:hover{border-color:#e1b879;background:#e1b8790b}.viewer-tools span{font-size:10px;border:1px solid #ffffff28;padding:2px 4px;color:#a9b98b}hyperframes-slideshow{position:relative;display:block;width:100%;height:calc(100% - 64px);outline:none}hyperframes-player{position:absolute;inset:0 0 76px;width:100%;height:calc(100% - 76px);display:block}.motion-dock{position:fixed;left:24px;bottom:20px;display:flex;align-items:center;gap:6px;background:#101610e8;border:1px solid #ffffff20;padding:6px 10px;border-radius:9px;z-index:40;box-shadow:0 10px 35px #0002}.motion-dock button{min-width:44px;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;color:#e1b879;font-size:22px;border-radius:5px}.motion-dock button:hover{background:#ffffff0a}.motion-dock button span{font-size:12px;color:#e6e9e1}.motion-dock input{width:90px;height:25px;accent-color:#e1b879;margin:0 8px}.manual-label{font-size:9px;letter-spacing:1.8px;color:#89917f;white-space:nowrap;padding:0 4px}dialog{background:#f5f1e9;color:#382538;border:0;border-radius:12px;padding:38px;max-width:1000px;width:calc(100vw - 60px);max-height:calc(100dvh - 70px);box-shadow:0 30px 150px #0008;overflow:auto}dialog::backdrop{background:#0b100bd9;backdrop-filter:blur(8px)}.dialog-top{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:2.8px;color:#80603c}.dialog-top h2{font-family:BarlowCondensed,'Arial Narrow',sans-serif;font-size:46px;line-height:1;letter-spacing:-.6px;margin:12px 0 0;font-weight:600}.close-dialog{flex:none;border:1px solid #38253822;min-width:44px;min-height:44px;border-radius:50%;background:transparent;color:#382538;font-size:25px}.close-dialog:hover{background:#3825380a}#slide-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#38253820;border:1px solid #38253820}#slide-index button{border:0;display:flex;align-items:center;text-align:left;gap:18px;min-height:70px;padding:15px 20px;background:#f5f1e9;color:#382538}#slide-index button:hover,#slide-index button.active{background:#e8dfcf}#slide-index .index-no{font-family:BarlowCondensed,'Arial Narrow',sans-serif;font-size:32px;color:#98774e}#slide-index .index-title{font-size:17px;line-height:1.15}.detail-info{font-size:15px;line-height:1.5;color:#786b72;max-width:750px;border-bottom:1px solid #38253820;padding-bottom:20px}#detail-copy{white-space:pre-wrap;font-size:20px;line-height:1.6;overflow-wrap:anywhere;padding-bottom:15px}.source-note{font-size:15px;color:#776b72;border-top:1px solid #38253822;padding-top:20px}#map-dialog{max-width:1450px}#map-dialog .dialog-top{margin-bottom:16px}.map-tools{display:flex;align-items:center;gap:10px;margin-bottom:18px}.map-tools button{min-width:44px;min-height:44px;border:1px solid #38253820;background:transparent;border-radius:5px;color:#382538;padding:0 15px}.map-tools span{margin-left:8px;font-size:13px;color:#776b72}.map-scroll{width:100%;height:min(70vh,700px);overflow:auto;background:#fff}.map-scroll img{width:100%;max-width:none;display:block}.audience-mode .viewer-top,.audience-mode .motion-dock{display:none}.audience-mode hyperframes-slideshow{height:100%}#loading{position:fixed;inset:64px 0 0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#151d17;transition:opacity .4s;pointer-events:none}#loading.hidden{opacity:0;visibility:hidden}#loading span{font-family:BarlowCondensed,'Arial Narrow',sans-serif;letter-spacing:9px;font-size:52px}#loading p{color:#a9b98b;font-size:15px;letter-spacing:2px}.reduced-badge{color:#a9b98b}.viewer-tools button,.motion-dock button,.close-dialog{transition:background .15s,border-color .15s}@media(max-width:850px){.viewer-caption{display:none}.manual-label{display:none}.motion-dock input{width:60px}}@media(max-width:600px){.viewer-top{height:58px;padding:0 16px;gap:12px}.viewer-brand{font-size:20px;letter-spacing:2px}.viewer-tools{gap:5px}.viewer-tools button{padding:0 11px;min-height:40px;font-size:13px}.viewer-tools span{display:none}hyperframes-slideshow{height:calc(100% - 58px)}.motion-dock{bottom:80px;left:50%;transform:translateX(-50%);padding:5px 10px;gap:8px}.motion-dock input{width:70px}.motion-dock button{gap:6px;min-height:36px}.motion-dock button span{font-size:11px}dialog{width:calc(100vw - 22px);max-height:calc(100dvh - 30px);padding:24px}.dialog-top h2{font-size:34px}#slide-index{grid-template-columns:1fr}#slide-index button{min-height:62px;padding:12px 16px}#detail-copy{font-size:18px}.map-tools{flex-wrap:wrap}.map-tools span{margin:0;width:100%}.audience-mode .motion-dock{display:none}}