html,body{width:100%;height:100%;padding:0;margin:0;overflow:hidden;background:#0c0804 url("background.jpg") center/cover no-repeat fixed}body{font-family:Arial,sans-serif;color:#ffe7ad;touch-action:none}#unity-container{position:fixed;inset:0;z-index:1;display:grid;place-items:center;background:transparent}#unity-canvas{aspect-ratio:16/9;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,calc(100vw * 9 / 16));max-width:100vw;max-height:100dvh;opacity:0;background:#231f20;transition:opacity .45s ease;outline:0}.unity-mobile #unity-canvas{aspect-ratio:16/9;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,calc(100vw * 9 / 16));max-width:100vw;max-height:100dvh}#unity-canvas.is-ready{opacity:1}.gameplay-locked #unity-canvas{pointer-events:none;user-select:none}#unity-warning{position:absolute;left:50%;top:5%;z-index:20;display:none;max-width:min(92vw,520px);transform:translateX(-50%);background:#fff;padding:10px;color:#111}.banner-error{background:#b00020;color:white;padding:10px}.banner-warning{background:#f5c84c;color:#241600;padding:10px}#unity-loading-screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#0c0804 url("background.jpg") center/cover no-repeat fixed;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}#unity-loading-screen:before,.gate-overlay:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,5,2,.74),rgba(42,22,6,.48),rgba(5,5,5,.68))}#unity-loading-screen.is-hidden{opacity:0;visibility:hidden}#unity-loading-screen.is-error{z-index:50;opacity:1;visibility:visible}.loader-panel{position:relative;display:grid;justify-items:center;gap:14px;color:#ffe6a1;text-shadow:0 2px 12px rgba(0,0,0,.85)}.loader-spinner{width:58px;height:58px;border:5px solid rgba(255,223,139,.22);border-top-color:#f4c95d;border-right-color:#ffe8a8;border-radius:50%;animation:shan-spin .85s linear infinite}.loader-text{font-size:18px;font-weight:700;letter-spacing:0}#unity-progress-percent{font-size:24px;font-weight:700}#unity-loading-screen.is-error .loader-spinner{display:none}#unity-loading-screen.is-error .loader-text{font-size:22px;color:#ffe8aa}#unity-loading-screen.is-error #unity-progress-percent{max-width:min(86vw,620px);font-size:15px;font-weight:700;line-height:1.45;color:#fff2ca;white-space:normal;overflow-wrap:anywhere}.gate-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;overflow:hidden;background:#0c0804 url("background.jpg") center/cover no-repeat fixed;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility .38s ease}.gate-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.gate-overlay:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 26% 30%,rgba(244,201,93,.18),transparent 27%),radial-gradient(circle at 75% 62%,rgba(66,150,183,.15),transparent 30%);animation:shan-float 4.8s ease-in-out infinite alternate}.gate-panel{position:relative;z-index:1;display:grid;justify-items:center;gap:12px;width:min(90vw,360px);max-height:90vh;padding:14px 16px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.9)}.gate-logo{width:clamp(72px,22vw,120px);max-height:18vh;height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(244,201,93,.34));animation:shan-pulse 1.8s ease-in-out infinite}.gate-title{margin:2px 0 0;font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:0;color:#ffe8aa}.gate-copy{margin:0;max-width:28em;font-size:14.5px;line-height:1.38;color:#fff2ca}.gate-button{min-width:170px;border:1px solid rgba(255,232,168,.9);border-radius:8px;padding:11px 16px;background:linear-gradient(180deg,#ffd56e,#b97820);box-shadow:0 0 24px rgba(255,203,95,.32),0 7px 18px rgba(0,0,0,.38);color:#261300;font-size:16px;font-weight:800;letter-spacing:0;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.gate-button:active{transform:translateY(1px)}.gate-button:disabled{cursor:wait;opacity:.7}.gate-status{min-height:20px;margin:0;color:#ffdca0;font-size:14px}.rotate-phone{position:relative;width:82px;height:132px;border:5px solid #ffe8aa;border-radius:17px;box-shadow:0 0 24px rgba(255,214,116,.45),inset 0 0 18px rgba(255,214,116,.12);animation:shan-rotate-phone 1.8s cubic-bezier(.45,0,.2,1) infinite}.rotate-phone:before{content:"";position:absolute;left:50%;top:9px;width:24px;height:4px;border-radius:99px;background:#ffe8aa;transform:translateX(-50%)}.rotate-phone:after{content:"";position:absolute;left:50%;bottom:8px;width:10px;height:10px;border-radius:50%;background:#ffe8aa;transform:translateX(-50%)}.rotate-orbit{position:relative;display:grid;place-items:center;width:170px;height:150px;animation:shan-pulse 1.8s ease-in-out infinite}.rotate-orbit:before,.rotate-orbit:after{content:"";position:absolute;width:138px;height:138px;border-radius:50%;border:1px solid rgba(255,232,168,.34)}.rotate-orbit:after{width:104px;height:104px;border-color:rgba(92,190,208,.3)}@keyframes shan-spin{to{transform:rotate(360deg)}}@keyframes shan-float{to{transform:translate3d(2%,1%,0) scale(1.02)}}@keyframes shan-pulse{0%,100%{transform:translateY(0);filter:drop-shadow(0 8px 22px rgba(244,201,93,.3))}50%{transform:translateY(-4px);filter:drop-shadow(0 12px 30px rgba(244,201,93,.56))}}@keyframes shan-rotate-phone{0%,18%{transform:rotate(0deg)}55%,76%{transform:rotate(90deg)}100%{transform:rotate(0deg)}}@media(max-width:700px){.loader-spinner{width:48px;height:48px}.loader-text{font-size:16px}#unity-progress-percent{font-size:22px}.gate-panel{gap:10px;width:min(88vw,320px);padding:12px}.gate-logo{width:clamp(64px,24vw,92px);max-height:16vh}.gate-title{font-size:23px}.gate-copy{font-size:13.5px;line-height:1.34}.gate-button{min-width:160px;padding:10px 14px;font-size:15px}.gate-status{font-size:13px}.rotate-orbit{width:132px;height:116px}.rotate-phone{width:58px;height:94px;border-width:4px;border-radius:13px}}