*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:Montserrat,system-ui,sans-serif;background:linear-gradient(180deg,#7ec8c9,#dff1e4);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}.world-root{position:relative;width:100%;height:100%}.world-root canvas{display:block}.frame-vignette,.frame-grain,.frame-warm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.frame-vignette{background:radial-gradient(transparent 62%,#17181a14)}.frame-grain{opacity:.015;mix-blend-mode:overlay;background-repeat:repeat;animation:grain-shift .6s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-32px,18px)}50%{transform:translate(24px,-26px)}75%{transform:translate(-14px,-8px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.frame-grain{animation:none}}.frame-warm{background:#fff0d205}.hud-logo{position:absolute;top:20px;left:24px;display:block;filter:drop-shadow(0 3px 8px rgba(23,24,26,.3))}.hud-logo svg{display:block;height:40px;width:auto}.hud-bottom-left{position:absolute;bottom:22px;left:24px;display:flex;align-items:center;gap:12px}.hud-basileus{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .12s ease}.hud-basileus img{display:block;height:44px;width:auto}.hud-basileus:hover{transform:scale(1.05)}.hud-cta{position:absolute;top:20px;right:24px;background:#8bc53f;color:#fff;font-weight:800;font-size:14px;letter-spacing:1px;text-decoration:none;padding:12px 22px;border-radius:999px;box-shadow:0 6px 24px #17181a2e;transition:transform .15s ease,box-shadow .15s ease}.hud-cta:hover{transform:translateY(-2px);box-shadow:0 10px 28px #17181a38}.hud-achievement{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#fff;color:#1e2430;font-weight:800;font-size:16px;padding:12px 22px;border-radius:999px;border:2px solid #8bc53f;box-shadow:0 10px 32px #17181a33;animation:achievement-in .45s cubic-bezier(.2,1.4,.4,1);pointer-events:none;z-index:30}@keyframes achievement-in{0%{transform:translate(-50%,-60px);opacity:0}to{transform:translate(-50%);opacity:1}}.hud-quest{position:absolute;top:24px;left:50%;transform:translate(-50%);background:#fff;color:#1e2430;font-weight:800;font-size:15px;padding:14px 24px;border-radius:16px;border:2px solid #8bc53f;box-shadow:0 10px 32px #17181a33;animation:achievement-in .45s cubic-bezier(.2,1.4,.4,1);pointer-events:none;z-index:30;max-width:min(86vw,460px);text-align:center}.hud-mute{position:absolute;bottom:22px;right:24px;width:44px;height:44px;border-radius:50%;border:1px solid #e7e2d6;background:#fff;color:#1e2430;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 24px #17181a1f}.hud-camera{position:absolute;bottom:22px;right:80px;width:44px;height:44px;border-radius:50%;border:1px solid #e7e2d6;background:#fff;color:#1e2430;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 24px #17181a1f}.photo-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.photo-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:min(100vh,125vw);aspect-ratio:4 / 5;box-shadow:0 0 0 9999px #0c100d8c;border:2px solid rgba(255,255,255,.8);border-radius:8px}.photo-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);color:#ffffffeb;font-weight:700;font-size:13px;letter-spacing:.6px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.photo-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#ffffffeb;color:#1e2430;font-size:18px;font-weight:800;cursor:pointer;pointer-events:auto;box-shadow:0 6px 24px #00000040}.photo-controls{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;pointer-events:auto}.photo-snap{width:74px;height:74px;border-radius:50%;border:5px solid #ffffff;background:#ffffff47;cursor:pointer;box-shadow:0 8px 28px #00000059;transition:transform .1s ease}.photo-snap:active{transform:scale(.9)}.photo-selfie{background:#8bc53f;color:#fff;border:none;font-family:inherit;font-weight:800;font-size:13px;letter-spacing:.5px;padding:12px 18px;border-radius:999px;cursor:pointer;box-shadow:0 6px 24px #00000040}.photo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:photo-flash .26s ease-out forwards}@keyframes photo-flash{0%{opacity:1}to{opacity:0}}.photo-count{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-size:96px;font-weight:800;color:#fff;text-shadow:0 6px 28px rgba(0,0,0,.45)}.photo-preview{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c100db8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:auto}.photo-preview img{max-height:70vh;max-width:88vw;border-radius:10px;border:6px solid #ffffff;box-shadow:0 24px 70px #00000073}.photo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.photo-actions button{display:flex;align-items:center;gap:8px;background:#fff;color:#1e2430;border:none;font-family:inherit;font-weight:800;font-size:13px;letter-spacing:.8px;padding:13px 22px;border-radius:999px;cursor:pointer;box-shadow:0 8px 28px #0000004d}.photo-actions .photo-again{background:#8bc53f;color:#fff}.photo-zoom{position:absolute;bottom:118px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#ffffffeb;border-radius:999px;padding:4px 8px;pointer-events:auto;box-shadow:0 6px 24px #00000040}.photo-zoom button{width:34px;height:34px;border-radius:50%;border:none;background:#f1ede2;color:#1e2430;font-size:18px;font-weight:800;cursor:pointer}.photo-zoom span{min-width:44px;text-align:center;font-weight:800;font-size:13px;color:#1e2430}.loading-shared{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 0 4px}.loading-shared img{max-height:30vh;max-width:60vw;border:5px solid #ffffff;border-radius:8px;box-shadow:0 14px 40px #00000040;transform:rotate(-2deg)}.loading-shared span{font-size:13px;font-weight:700;opacity:.85}.photo-toast{position:absolute;bottom:118px;left:50%;transform:translate(-50%);background:#fff;color:#1e2430;font-weight:700;font-size:13px;padding:10px 18px;border-radius:999px;box-shadow:0 8px 28px #0000004d;pointer-events:none;white-space:nowrap}.hud-skip{position:absolute;bottom:22px;right:80px;background:#ffffffd9;border:1px solid #e7e2d6;border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:700;font-size:13px;color:#1e2430;cursor:pointer}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5bc8e8e0,#96dcee8c 42%,#c9f0e247);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.loading-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}.loading-basiwood svg{display:block;height:clamp(54px,9vw,92px);width:auto;filter:drop-shadow(0 6px 20px rgba(23,24,26,.25))}.loading-basileus{height:clamp(30px,5vw,44px);width:auto;margin-top:-2px;filter:drop-shadow(0 3px 10px rgba(23,24,26,.22))}.loading-clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.loading-cloud{position:absolute;background:#ffffffe6;border-radius:999px;filter:blur(2px);box-shadow:38px -14px 0 6px #ffffffd9,-34px -8px 0 2px #fffc;animation:cloud-drift linear infinite}.lc1{top:14%;width:120px;height:34px;animation-duration:46s}.lc2{top:26%;width:90px;height:26px;animation-duration:62s;animation-delay:-20s}.lc3{top:8%;width:70px;height:22px;animation-duration:38s;animation-delay:-9s}.lc4{top:38%;width:105px;height:30px;animation-duration:74s;animation-delay:-40s}@keyframes cloud-drift{0%{left:-20%}to{left:110%}}.loading-bar{width:240px;height:8px;border-radius:999px;background:#ffffff80;overflow:hidden;margin-top:16px}.loading-bar-fill{height:100%;background:#8bc53f;border-radius:999px;transition:width .1s linear}.loading-hint{font-size:13px;font-weight:600;color:#17181a;opacity:.6}.loading-enter{margin-top:18px;background:#8bc53f;border:none;color:#fff;font-family:inherit;font-weight:800;font-size:16px;letter-spacing:2px;padding:16px 44px;border-radius:999px;cursor:pointer;box-shadow:0 10px 30px #17181a2e;transition:transform .15s ease,opacity .2s}.loading-enter:disabled{opacity:.45;cursor:default}.loading-enter:not(:disabled):hover{transform:translateY(-2px)}.move-hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#0f12101f;animation:mh-in .35s ease-out}@keyframes mh-in{0%{opacity:0}to{opacity:1}}.move-hint-card{position:relative;width:min(210px,52vw);aspect-ratio:1;background:#fff;border-radius:26px;box-shadow:0 24px 70px #17181a4d}.move-hint-card svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mh-dot{transform-origin:66px 52px;animation:mh-dot 1.6s ease-in-out infinite}@keyframes mh-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}.mh-path{animation:mh-path 1.6s linear infinite}@keyframes mh-path{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}.mh-hand{position:absolute;right:14%;bottom:8%;font-size:56px;line-height:1;transform-origin:50% 90%;animation:mh-tap 1.6s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(23,24,26,.25))}@keyframes mh-tap{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(8px) scale(.88)}36%{transform:translateY(0) scale(1)}}.dialogue-wrap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 16px 26px;pointer-events:none}.dialogue-wrap--show{top:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;background:#141a1673;pointer-events:auto}.dialogue-media{border-radius:22px;overflow:hidden;background:#fff;border:8px solid #ffffff;box-shadow:0 18px 60px #17181a59;flex-shrink:0;animation:mediaPop .35s cubic-bezier(.34,1.56,.64,1)}.dialogue-media img{display:block;width:auto;height:auto;max-width:min(78vw,620px);max-height:56vh}@keyframes mediaPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.dialogue-card{pointer-events:auto;background:#fff;border:1px solid #e7e2d6;border-radius:14px;box-shadow:0 6px 24px #17181a1f;padding:18px 20px 16px;max-width:520px;width:100%;text-align:center;position:relative}.dialogue-card:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%) rotate(45deg);width:18px;height:18px;background:#fff;border-left:1px solid #e7e2d6;border-top:1px solid #e7e2d6}.dialogue-tag{display:inline-flex;align-items:center;gap:8px;background:#8bc53f;color:#fff;font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:5px 12px 5px 6px;border-radius:999px;margin-bottom:10px}.dialogue-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;border:2px solid rgba(255,255,255,.7);position:relative;overflow:hidden}.dialogue-avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dialogue-text{min-height:66px;font-size:16px;line-height:1.5;color:#1e2430;font-weight:500}.dialogue-text strong{color:#6fa32e;font-weight:800}.dialogue-text em{font-style:italic}.dialogue-caret{color:#8bc53f;animation:caret-blink .8s steps(2) infinite}@keyframes caret-blink{50%{opacity:0}}.dialogue-btn{margin-top:12px;background:#17181a;color:#fff;border:none;font-family:inherit;font-weight:800;font-size:13px;letter-spacing:1.5px;padding:12px 34px;border-radius:999px;cursor:pointer;transition:transform .12s ease}.dialogue-btn:hover{transform:translateY(-1px)}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:24px}.avatar-rows{position:absolute;top:3.5%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:68px;width:min(520px,90vw)}.avatar-row{display:flex;align-items:center;justify-content:space-between;pointer-events:none}.avatar-arrow{pointer-events:auto;width:46px;height:46px;border-radius:50%;border:1px solid #e7e2d6;background:#fff;color:#1e2430;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 24px #17181a1f;transition:transform .12s ease}.avatar-arrow:hover{transform:scale(1.08)}.avatar-row-label{display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffffd9;border-radius:10px;padding:4px 14px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#6b7280}.avatar-row-label strong{font-size:13px;color:#1e2430}.avatar-card{pointer-events:auto;background:#fff;border:1px solid #e7e2d6;border-radius:14px;box-shadow:0 6px 24px #17181a1f;padding:20px 26px;max-width:460px;text-align:center}.avatar-card h2{font-size:17px;font-weight:800;letter-spacing:1px;color:#1e2430}.avatar-card p{margin-top:6px;font-size:13px;color:#6b7280}@media (max-width: 640px),(max-height: 500px){.hud-logo{top:12px;left:14px}.hud-logo svg{height:30px}.hud-cta{top:12px;right:14px;font-size:12px;padding:10px 14px}.hud-bottom-left{bottom:12px;left:14px;gap:8px}.hud-mute{bottom:12px;right:14px;width:48px;height:48px}.hud-camera{bottom:12px;right:72px;width:48px;height:48px}.photo-snap{width:66px;height:66px}.photo-preview img{max-height:62vh}.hud-skip{bottom:12px;right:72px;padding:12px 16px;font-size:13px}.dialogue-wrap{padding:0 10px 12px}.dialogue-card{max-width:100%;padding:14px 14px 12px}.dialogue-text{font-size:15px;min-height:54px}.dialogue-btn{padding:13px 26px;min-height:46px}.dialogue-media img{max-width:90vw;max-height:42vh}.dialogue-wrap--show{gap:10px}.avatar-rows{top:2.5%;width:94vw}.avatar-arrow{width:54px;height:54px}.avatar-card{max-width:92vw;padding:16px}.avatar-overlay{padding-bottom:14px}}.avatar-go{margin-top:14px;background:#8bc53f;color:#fff;border:none;font-family:inherit;font-weight:800;font-size:14px;letter-spacing:1.5px;padding:14px 40px;border-radius:999px;cursor:pointer;box-shadow:0 8px 26px #8bc53f73;transition:transform .12s ease}.avatar-go:hover{transform:translateY(-2px)}@media (max-width: 640px){.hud-cta{font-size:12px;padding:10px 16px}.dialogue-text{font-size:14px}.avatar-rows{gap:52px}}