.re-world{--re-accent:#40eaff;position:fixed;inset:0;background:#060619;z-index:110;color:#edfaff;font-family:Arial,sans-serif;isolation:isolate}.re-world canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.re-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #02020b80;background:linear-gradient(#03031280,transparent 25%,transparent 70%,#030312bd)}.re-head{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.re-head>div{max-width:70%}.re-world small{font-size:10px;letter-spacing:2px;color:var(--re-accent)}.re-head h1{font-size:clamp(23px,4vw,44px);letter-spacing:-1.5px;line-height:1;margin:10px 0;font-weight:900}.re-head p{font-size:12px;color:#bec5de}.re-world button{pointer-events:auto;border:1px solid #c0e9ff38;border-radius:12px;background:#0c1023bd;color:#eefaff;min-height:44px;padding:11px 16px;cursor:pointer;backdrop-filter:blur(14px);font-size:12px}.re-world button:hover,.re-world button:focus-visible{border-color:var(--re-accent);box-shadow:0 0 20px #2cddff22;outline:2px solid transparent}.re-compass{position:absolute;top:130px;left:28px;font-size:9px;letter-spacing:2px;color:#a9b7cf;display:flex;gap:12px;align-items:center}.re-compass i{width:35px;height:1px;background:var(--re-accent)}.re-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff7a;pointer-events:none;font-size:18px}.re-prompt{position:absolute;bottom:180px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:1px;text-align:center;padding:12px 20px;border-radius:30px;background:#060c2390;border:1px solid #c0e9ff25;pointer-events:none;max-width:85%;width:max-content}.re-bottom{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;gap:18px}.re-stick{position:relative;width:112px;height:112px;flex-shrink:0;border:1px solid #a4edff42;border-radius:50%;background:#10213f5c;touch-action:none;box-shadow:inset 0 0 32px #3cdfff0a;user-select:none}.re-stick span{position:absolute;top:34px;left:34px;width:42px;height:42px;border:1px solid #b1f6ff88;border-radius:50%;background:radial-gradient(circle at 30% 20%,#a0e8ff77,#25527b77);box-shadow:0 0 24px #22dfff20;pointer-events:none}.re-stick b{position:absolute;bottom:-19px;width:100%;text-align:center;font-size:8px;letter-spacing:3px;color:#a6b6ca}.re-guide{font-size:11px;font-weight:700;letter-spacing:2px;padding-bottom:6px}.re-guide small{display:block;margin:10px 0;font-size:10px;letter-spacing:0;color:#bdc7db;font-weight:400}.re-guide span{font-size:9px;letter-spacing:.5px;color:#8991ae;font-weight:400}.re-actions{display:flex;gap:7px;flex-wrap:wrap;max-width:250px;justify-content:end}.re-actions button:last-child{border-color:var(--re-accent);color:var(--re-accent)}#reFade{position:absolute;inset:0;pointer-events:none;background:#b2ffff;opacity:0}#reError{position:absolute;inset:0;background:#070a1af0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}#reError[hidden]{display:none}.re-dialog{width:min(480px,calc(100% - 30px));border:1px solid #59dfff55;border-radius:23px;background:#090e22f5;color:#edfaff;padding:30px;box-shadow:0 0 80px #20d9ff16}.re-dialog::backdrop{background:#020716aa;backdrop-filter:blur(8px)}.re-dialog h2{font-size:29px;margin:12px 0}.re-dialog p{font-size:13px;color:#b4bfda}.re-dialog small{font-size:10px;color:#69dfff;letter-spacing:1px;display:block}.re-dialog button{display:block;width:100%;text-align:left;padding:17px;border:1px solid #6187b53d;border-radius:12px;background:linear-gradient(110deg,#15334b,#15132d);color:#e9faff;margin:10px 0;min-height:44px;cursor:pointer}.re-dialog button strong,.re-dialog button span{display:block}.re-dialog button span{font-size:11px;color:#a8bed3;margin-top:6px}.re-dialog button:focus-visible{outline:2px solid #6affed}.re-dialog .re-close{width:42px;height:42px;position:absolute;right:10px;top:4px;text-align:center;padding:0;font-size:24px;border:0;background:transparent}@media(max-width:650px){.re-head{left:18px;right:18px;top:max(18px,env(safe-area-inset-top))}.re-head>div{max-width:62%}.re-head h1{font-size:25px;letter-spacing:-.8px}.re-head p{max-width:210px;font-size:10px}.re-head button{font-size:10px;padding:10px}.re-compass{left:18px;top:135px;font-size:8px;letter-spacing:1px}.re-bottom{left:22px;right:18px;bottom:max(35px,env(safe-area-inset-bottom))}.re-stick{width:104px;height:104px}.re-stick span{top:30px;left:30px}.re-guide{display:none}.re-actions{max-width:160px}.re-actions button{font-size:10px;padding:10px 12px}.re-prompt{bottom:181px;font-size:9px;padding:10px 14px}}@media(prefers-reduced-motion:reduce){.re-world *{animation:none!important;transition:none!important}}
/* Spatial navigation: names stay attached to their actual 3D rifts. */
.re-signals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.re-world .re-signal{position:absolute;transform:translate(-50%,-100%);text-align:center;padding:9px 13px;border:1px solid #84efff42;border-radius:5px 16px 5px 16px;box-shadow:0 4px 28px #02020a70,inset 0 1px #ffffff0d;background:linear-gradient(120deg,#071a2dd9,#0c0b23c9);min-width:130px;max-width:180px;backdrop-filter:blur(9px)}.re-world .re-signal[hidden]{display:none}.re-signal strong,.re-signal span{display:block}.re-signal strong{font-size:11px;letter-spacing:.8px;margin:5px 0}.re-signal small{font-size:7px;letter-spacing:2px;color:var(--re-accent)}.re-signal span{font-size:8px;color:#aabdd6}.re-zone{position:absolute;left:28px;top:158px;font-size:8px;letter-spacing:2px;padding:7px 11px;border-left:2px solid var(--re-accent);background:#050c1f6b;color:#b0bed6;pointer-events:none}.re-head h1{text-shadow:0 0 32px #36cfff40}.re-compass{color:#cee5f8}.re-prompt{backdrop-filter:blur(9px);box-shadow:0 6px 30px #01061655}.re-actions{max-width:290px}.re-stick{background:radial-gradient(circle,#133f5b44,#06142677);border-color:#8dedff66}.re-stick:after{content:'';position:absolute;inset:12px;border:1px dashed #c2f5ff20;border-radius:50%;pointer-events:none}.re-stick span{background:radial-gradient(circle at 30% 20%,#bcf6ffa0,#267ac380);box-shadow:0 0 24px #22dfff40,inset 0 1px #eaffff77}.re-world button[aria-pressed=true]{color:var(--re-accent);border-color:var(--re-accent)}@media(max-width:650px){.re-zone{left:18px;top:158px;font-size:7px}.re-world .re-signal{min-width:100px;max-width:140px;padding:7px 9px}.re-signal strong{font-size:9px;letter-spacing:.3px}.re-signal span{display:none}.re-actions{max-width:180px}.re-head{pointer-events:none}.re-head>div{padding:9px 10px 12px 0;background:radial-gradient(ellipse at left,#050b2180,transparent 70%)}}@media(max-height:500px){.re-head h1{font-size:23px}.re-compass{top:99px}.re-zone{top:122px}.re-bottom{bottom:25px}.re-stick{width:90px;height:90px}.re-stick span{left:23px;top:23px}.re-prompt{bottom:125px}.re-guide{display:none}}
.re-loot{position:absolute;top:87px;right:28px;display:grid;grid-template-columns:1fr 1fr;gap:6px 17px;padding:12px 16px;background:linear-gradient(130deg,#071b2cd9,#0c0b20d9);border:1px solid #8ac9ff30;border-radius:16px;backdrop-filter:blur(12px);pointer-events:none;z-index:3}.re-loot>div{display:grid;grid-template-columns:20px auto;gap:1px 7px;align-items:center}.re-loot i{grid-row:span 2;color:#67fff1;font-style:normal;font-size:20px;filter:drop-shadow(0 0 8px #44ffe870)}.re-loot>div:nth-child(2) i{color:#ffcf5f;filter:drop-shadow(0 0 8px #ffc93460)}.re-loot strong{font-size:20px;line-height:1}.re-loot span{font-size:7px;letter-spacing:1.3px;color:#c6d2e7}.re-loot small{grid-column:span 2;font-size:6px;letter-spacing:1px;color:#93a7bb;margin-top:5px}.re-loot-toast{position:absolute;top:39%;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:13px 24px;border:1px solid #83ffdb55;border-radius:25px;background:#071b25d9;box-shadow:0 0 40px #42ffd52a;color:#b3fff2;font-size:13px;font-weight:700;letter-spacing:1.5px;transition:opacity .2s,transform .2s;z-index:4}.re-loot-toast.visible{opacity:1;transform:translate(-50%,0)}.re-head,.re-bottom{z-index:4}.re-compass,.re-zone,.re-prompt{z-index:3}.re-signals{z-index:1}@media(max-width:650px){.re-loot{top:auto;bottom:215px;right:18px;padding:9px 10px;gap:5px 12px}.re-loot strong{font-size:16px}.re-loot span{font-size:6px}.re-loot small{font-size:5px;letter-spacing:.5px}.re-loot-toast{font-size:10px;padding:11px 17px;width:max-content;max-width:85%}}@media(max-height:500px){.re-loot{top:78px;bottom:auto;right:18px;transform:scale(.85);transform-origin:right top}}
.re-bottom{align-items:center}.re-aim{order:4;border-color:#bda8ff66;background:radial-gradient(circle,#53387544,#12112677)}.re-aim span{background:radial-gradient(circle at 30% 20%,#dfc5ffb0,#7256b980);box-shadow:0 0 22px #b490ff33}.re-actions{position:absolute;right:0;bottom:145px;max-width:190px}.re-guide{margin:auto}.re-stick{width:118px;height:118px}.re-stick span{left:37px;top:37px}.re-sensitivity{display:block;font-size:12px;color:#c1d9eb;margin:22px 0}.re-sensitivity output{float:right;color:#83ffde}.re-sensitivity input{width:100%;margin-top:15px;accent-color:#81fbea;min-height:35px}.re-loot-toast.visible{animation:reRewardPop .55s cubic-bezier(.2,1,.3,1)}@keyframes reRewardPop{0%{transform:translate(-50%,12px) scale(.75)}55%{transform:translate(-50%,-3px) scale(1.08)}100%{transform:translate(-50%,0) scale(1)}}@media(max-width:650px){.re-stick{width:108px;height:108px}.re-stick span{left:32px;top:32px}.re-actions{bottom:142px;max-width:180px}.re-loot{top:185px;bottom:auto}.re-prompt{bottom:182px;left:22px;transform:none;max-width:43%;text-align:left;font-size:8px;padding:10px}.re-bottom{justify-content:space-between}.re-guide{display:none}}@media(max-height:500px){.re-stick{width:90px;height:90px}.re-stick span{left:23px;top:23px}.re-actions{bottom:115px;max-width:300px}.re-loot{top:78px;bottom:auto}.re-prompt{bottom:128px}}