*{
            box-sizing:border-box;
            margin:0;
            padding:0;
        }

        html,
        body{
            width:100%;
            height:100%;
            overflow:hidden;
            background:#fffdf8;
        }

        body{
            min-height:100vh;
            min-height:100dvh;
        }

        .intro-screen{
            position:fixed;
            inset:0;
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
            height:100vh;
            height:100dvh;
            padding:24px;
            overflow:hidden;
            background:linear-gradient(135deg,#ffffff 0%,#fffdf8 45%,#fdf7e9 100%);
        }

        .intro-screen::before{
            position:absolute;
            top:-180px;
            left:-170px;
            width:450px;
            height:450px;
            border-radius:50%;
            content:"";
            background:radial-gradient(circle,rgba(215,184,117,.08),transparent 70%);
            pointer-events:none;
        }

        .intro-screen::after{
            position:absolute;
            right:-200px;
            bottom:-200px;
            width:500px;
            height:500px;
            border-radius:50%;
            content:"";
            background:radial-gradient(circle,rgba(215,184,117,.07),transparent 70%);
            pointer-events:none;
        }

        .intro-video{
            position:relative;
            z-index:1;
            display:block;
            width:min(85%,1200px);
            height:auto;
            max-height:calc(100vh - 48px);
            max-height:calc(100dvh - 48px);
            aspect-ratio:16/9;
            object-fit:contain;
            border:1px solid rgba(181,139,69,.28);
            border-radius:10px;
            background:#fff;
            box-shadow:0 0 0 4px rgba(255,255,255,.8),0 18px 45px rgba(68,53,25,.12);
        }

        .skip-intro{
            position:fixed;
            right:max(24px,env(safe-area-inset-right));
            bottom:max(24px,env(safe-area-inset-bottom));
            z-index:100;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:44px;
            padding:11px 20px;
            border:1px solid #b58b45;
            border-radius:24px;
            background:#000080;
            color:#fff;
            font-family:Arial,sans-serif;
            font-size:14px;
            font-weight:700;
            line-height:1;
            text-decoration:none;
            white-space:nowrap;
            cursor:pointer;
            box-shadow:0 8px 22px rgba(80,55,18,.22);
            transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
        }

        .skip-intro:hover,
        .skip-intro:focus{
            background:#b58b45;
            color:#fff;
            text-decoration:none;
            transform:translateY(-2px);
            box-shadow:0 10px 26px rgba(80,55,18,.28);
        }

        .skip-intro:focus-visible{
            outline:3px solid rgba(181,139,69,.35);
            outline-offset:3px;
        }

        @media(max-width:991.98px){
            .intro-screen{padding:18px;}
            .intro-video{width:min(92%,900px);max-height:calc(100dvh - 36px);}
            .skip-intro{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));}
        }

        @media(max-width:575.98px){
            .intro-screen{padding:10px;}
            .intro-video{
                width:100%;
                max-height:calc(100dvh - 20px);
                border-radius:7px;
                box-shadow:0 0 0 2px rgba(255,255,255,.8),0 12px 30px rgba(68,53,25,.12);
            }
            .skip-intro{
                right:max(16px,env(safe-area-inset-right));
                bottom:max(16px,env(safe-area-inset-bottom));
                min-height:40px;
                padding:9px 17px;
                font-size:13px;
            }
        }

        @media(max-height:500px) and (orientation:landscape){
            .intro-screen{padding:8px;}
            .intro-video{width:auto;height:calc(100dvh - 16px);max-width:90vw;max-height:none;}
            .skip-intro{
                right:max(12px,env(safe-area-inset-right));
                bottom:max(12px,env(safe-area-inset-bottom));
                min-height:38px;
                padding:8px 15px;
                font-size:12px;
            }
        }

        @media(prefers-reduced-motion:reduce){
            .skip-intro{transition:none;}
            .skip-intro:hover{transform:none;}
        }