html{height:-webkit-fill-available}body{padding:0;margin:0}needle-engine{position:absolute;top:0;left:0;width:100%;height:100%}*{box-sizing:border-box}#ar-intro-overlay-tarragona{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;min-height:-webkit-fill-available;background:#A8113C;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(16px,4vh,24px) clamp(16px,5vw,24px);padding-top:max(env(safe-area-inset-top,16px),16px);padding-bottom:max(env(safe-area-inset-bottom,16px),16px);padding-left:max(env(safe-area-inset-left,16px),16px);padding-right:max(env(safe-area-inset-right,16px),16px);font-family:Poppins,sans-serif;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;margin:0}.tarragona-overlay-content{max-width:min(500px,90vw);width:100%;text-align:center;margin:auto 0;flex-shrink:0}.tarragona-overlay-logo{width:clamp(80px,20vw,120px);height:auto;margin:0 auto clamp(20px,4vh,32px);display:block;filter:brightness(0) invert(1)}.tarragona-overlay-title{font-size:clamp(18px,4.5vw,24px);font-weight:800;color:#fff;margin:0 0 clamp(24px,5vh,36px) 0;letter-spacing:.3px;line-height:1.25;padding:0 8px}.tarragona-instructions-list{list-style:none;padding:0;margin:0 0 clamp(24px,5vh,36px) 0;counter-reset:tarragona-instruction}.tarragona-instruction-item{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:3px solid #FFFFFF;border-radius:8px;padding:clamp(12px,3vh,18px) clamp(16px,4vw,22px);margin-bottom:clamp(10px,2vh,14px);text-align:left;position:relative;counter-increment:tarragona-instruction;transition:all .3s ease}.tarragona-instruction-item:hover{background:rgba(255,255,255,.15);transform:translate(5px);border-left-color:#0bd0ff}.tarragona-instruction-item:before{content:counter(tarragona-instruction);position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:clamp(26px,6vw,30px);height:clamp(26px,6vw,30px);background:#FFFFFF;color:#a8113c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(13px,3vw,15px);box-shadow:0 2px 8px #0003;transition:all .3s ease}.tarragona-instruction-item:hover:before{background:#0BD0FF;color:#fff;transform:translateY(-50%) scale(1.1)}.tarragona-instruction-text{font-size:clamp(13px,3.2vw,15px);font-weight:500;color:#fff;line-height:1.5;margin:0;padding-left:clamp(16px,4vw,22px)}.tarragona-start-button{background:linear-gradient(135deg,#FFFFFF 0%,rgba(255,255,255,.9) 100%);color:#a8113c;border:none;border-radius:8px;padding:clamp(14px,3vh,18px) clamp(32px,8vw,48px);font-size:clamp(15px,3.5vw,17px);font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;box-shadow:0 4px 20px #ffffff4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:clamp(.8px,.2vw,1.2px);text-indent:clamp(.8px,.2vw,1.2px);position:relative;overflow:hidden;width:100%;max-width:320px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.tarragona-start-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(168,17,60,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.tarragona-start-button:hover:before{width:300px;height:300px}.tarragona-start-button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #ffffff80;background:#FFFFFF}.tarragona-start-button:active{transform:translateY(-1px);box-shadow:0 3px 15px #fff6}.tarragona-start-button:focus{outline:3px solid #0BD0FF;outline-offset:4px}@media (max-width: 768px) and (orientation: landscape){#ar-intro-overlay-tarragona{padding:12px 20px;justify-content:flex-start}}