* {

  -webkit-tap-highlight-color: transparent;

}



body {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

}



input, textarea, [contenteditable] {

  -webkit-user-select: text !important;

  -moz-user-select: text !important;

  -ms-user-select: text !important;

  user-select: text !important;

  -webkit-touch-callout: default !important;

  cursor: auto;

}



#res,

#id-display,

.selectable,

.modal-content {

  -webkit-user-select: text;

  -moz-user-select: text;

  user-select: text;

  cursor: text;

}



img, svg {

  pointer-events: none; 

}

svg.interactive {

  pointer-events: auto;

}

body::after {

    content: "";

    position: fixed;

    top: 0; left: 0; width: 100vw; height: 100vh;

    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), 

                linear-gradient(90deg, rgba(255, 0, 0, 0.03), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.03));

    background-size: 100% 4px, 6px 100%;

    pointer-events: none;

    z-index: 99999;

    opacity: 0.4;

}



body {

    opacity: 0;

    transition: opacity 0.4s cubic-bezier(0.4, 0.0, 0.2, 1);

}

body.loaded {

    opacity: 1;

}

body.exiting {

    opacity: 0;

    transform: scale(0.99);

}



.gdpr-overlay {

    position: fixed; inset: 0; background: rgba(5, 5, 8, 0.95); z-index: 100000;

    display: flex; align-items: center; justify-content: center;

    backdrop-filter: blur(5px); animation: fadeIn 0.3s ease-out;

}

.gdpr-box {

    width: 90%; max-width: 400px; background: #0a0a10; border: 1px solid #333;

    padding: 25px; box-shadow: 0 0 30px rgba(0, 255, 157, 0.1);

    font-family: 'Rajdhani', sans-serif; position: relative;

}

.gdpr-box::before {

    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px;

    background: #00ff9d; box-shadow: 0 0 10px #00ff9d;

}

.gdpr-title {

    color: #fff; font-size: 22px; font-weight: 800; margin-bottom: 15px;

    text-transform: uppercase; letter-spacing: 2px;

}

.gdpr-text { color: #888; font-size: 14px; line-height: 1.5; margin-bottom: 20px; }

.gdpr-label {

    display: flex; align-items: flex-start; gap: 10px; cursor: pointer;

    margin-bottom: 15px; color: #ccc; font-size: 14px;

}

.gdpr-check {

    accent-color: #00ff9d; width: 20px; height: 20px; margin-top: 2px; cursor: pointer;

}

.gdpr-btn {

    width: 100%; background: #333; color: #666; border: none; padding: 15px;

    font-family: 'Rajdhani'; font-weight: 800; font-size: 16px; letter-spacing: 2px;

    cursor: not-allowed; transition: 0.3s;

    clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);

}

.gdpr-btn.active {

    background: #00ff9d; color: #000; cursor: pointer;

}

.gdpr-btn.active:hover { box-shadow: 0 0 20px #00ff9d; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }



@media (hover: hover) {

    body { cursor: crosshair; }

    button, a, input[type="range"] { cursor: pointer; }

}