body, html {
            width: 100%; height: 100%; margin: 0; padding: 0;
            overflow: hidden; background: #000;
            position: fixed; top: 0; left: 0;
        }
        /* ARテキスト基本スタイル */
        .ar-text { white-space: nowrap !important; }
        #camera_container {
            position: fixed; top: 0; left: 0;
            width: 100%; height: 100%;
            z-index: 1; overflow: hidden; background: #000;
        }
        #camera_bg {
            position: absolute; top: 50%; left: 50%;
            min-width: 100%; min-height: 100%;
            width: auto; height: auto;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            object-fit: cover; pointer-events: none; will-change: transform;
        }
        /* KRpano（ジャイロ専用・完全透明） */
        #pano {
            position: fixed; top: 0; left: 0;
            width: 100vw; height: 100vh;
            z-index: 10; background: transparent;
            pointer-events: none;
        }
        /* ARオーバーレイ */
        #ar_overlay {
            display: none;
            position: fixed; top: 0; left: 0;
            width: 100%; height: 100%;
            z-index: 20;
            overflow: visible;  /* scale()で拡大した要素が見切れないよう visible */
            pointer-events: none;
        }
        /* ボタン */
        #ar_start_btn {
            position: fixed; top: 50%; left: 50%;
            transform: translate(-50%,-50%);
            padding: 18px 36px; font-size: 20px; font-weight: bold;
            background: #FF6600; color: #FFF; border: none;
            border-radius: 30px; z-index: 100; cursor: pointer;
            box-shadow: 0 4px 15px rgba(0,0,0,0.4);
        }
        #ar_close_btn {
            display: none;
            position: fixed; top: 20px; right: 20px;
            padding: 10px 20px; font-size: 16px; font-weight: bold;
            background: rgba(0,0,0,0.6); color: #FFF;
            border: 2px solid #FFF; border-radius: 8px;
            z-index: 100; cursor: pointer;
        }