:root{--bg:#1b130e;--ink:#f6eee2;--ink-soft:#f6eee2b8;--gold:#e3b866;--gold-deep:#b98a3a;--glass:#140c086b;--glass-strong:#140c088c;--glass-line:#fff0d729;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.landing{background:radial-gradient(ellipse at 50% 20%, #e3b86638, transparent 60%), linear-gradient(180deg, #2a1a11, var(--bg));place-items:center;min-height:100%;padding:24px 16px;display:grid}.landing-card{text-align:center;max-width:520px}.landing-lotus{font-size:56px}.landing h1{letter-spacing:.04em;color:var(--gold);margin:8px 0 12px;font-size:clamp(40px,9vw,64px);font-weight:600}.landing-lead{color:var(--ink-soft);margin:0 0 28px;font-size:17px;line-height:1.6}.landing-hints{color:var(--ink-soft);margin:28px 0 0;padding:0;font-size:14px;line-height:1.8;list-style:none}.enter-button{color:#2a1a0c;background:linear-gradient(180deg, #f2cf86, var(--gold-deep));border:0;border-radius:999px;padding:14px 40px;font-size:18px;font-weight:600;box-shadow:0 8px 30px #e3b86659}.loading{height:100%;color:var(--ink-soft);place-items:center;display:grid}.hud-top,.action-rail,.chat,.chat-reopen,.joystick{z-index:20}.toast{z-index:30}.beads-backdrop,.overlay{z-index:40}.temple{touch-action:none;position:fixed;inset:0;overflow:hidden}.temple canvas{display:block}.hud-top{top:calc(12px + var(--safe-top));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;left:16px;right:16px}.hud-top>*{pointer-events:auto}.brand{text-shadow:0 1px 4px #0009;flex-direction:column;gap:4px;font-weight:600;display:flex}.status{color:var(--ink-soft);font-size:12px;font-weight:400}.status-reconnecting,.status-error{color:#f3a77b}.pill-button,.icon-button{border:1px solid var(--glass-line);background:var(--glass);border-radius:999px;padding:8px 16px;font-size:14px}.icon-button{padding:6px 10px}.nameplates{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.nameplate{will-change:transform;white-space:nowrap;color:var(--ink);-webkit-user-select:none;user-select:none;background:#00000059;border-radius:999px;padding:2px 8px;font-size:13px;position:absolute;top:0;left:0}.action-rail{flex-direction:column;gap:14px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.rail-button{text-shadow:0 1px 4px #000000b3;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.rail-icon{background:var(--glass);border:1px solid var(--glass-line);border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;transition:transform .15s,background .15s;display:grid}.rail-button:active .rail-icon{transform:scale(.92)}.rail-button.active .rail-icon{border-color:var(--gold);background:#e3b86673}.rail-label{font-size:12px}.chat{left:12px;bottom:calc(12px + var(--safe-bottom));flex-direction:column;gap:8px;width:min(360px,100vw - 180px);min-width:220px;display:flex;position:absolute}.chat-list{scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;align-items:flex-start;gap:6px;max-height:min(38vh,300px);padding-top:32px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 48px);mask-image:linear-gradient(#0000 0,#000 48px)}.chat-list::-webkit-scrollbar{display:none}.chat-msg{text-shadow:0 1px 2px #00000080;overflow-wrap:anywhere;background:#0000006b;border-radius:14px;max-width:100%;padding:6px 10px;font-size:14px;line-height:1.4;animation:.2s ease-out chat-in}.chat-msg.mine{background:#e3b86638}.chat-name{color:var(--gold);margin-right:6px;font-weight:600}.chat-text{color:var(--ink)}.chat-empty{color:var(--ink-soft);text-shadow:0 1px 3px #0009;padding:4px 2px;font-size:13px}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}}.chat-emoji{background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);border-radius:16px;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.chat-emoji button{background:0 0;border:0;border-radius:8px;padding:4px;font-size:22px}.chat-emoji button:hover{background:#ffffff1a}.chat-input{border:1px solid var(--glass-line);background:#1e16108c;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.chat-input input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:6px 4px;font-size:16px}.chat-input input::placeholder{color:var(--ink-soft)}.chat-icon{background:0 0;border:0;border-radius:50%;flex:none;width:34px;height:34px;font-size:18px}.chat-send{background:var(--gold);color:#2a1a0c;border:0;border-radius:999px;flex:none;padding:6px 14px;font-weight:600}.chat-reopen{left:12px;bottom:calc(12px + var(--safe-bottom));border:1px solid var(--glass-line);background:var(--glass);border-radius:50%;width:48px;height:48px;font-size:22px;position:absolute}.badge{color:#fff;background:#e0533d;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.joystick{right:20px;bottom:calc(20px + var(--safe-bottom));border:1px solid var(--glass-line);touch-action:none;background:#ffffff14;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.joystick-knob{background:#fff0d766;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 10px #0006}@media (pointer:coarse){.action-rail{top:calc(64px + var(--safe-top));bottom:calc(136px + var(--safe-bottom));scrollbar-width:none;touch-action:pan-y;gap:8px;overflow-y:auto;transform:none}.action-rail::-webkit-scrollbar{display:none}.action-rail>:first-child{margin-top:auto}.rail-icon{width:40px;height:40px;font-size:20px}.rail-label{font-size:11px}.joystick{right:16px;bottom:calc(16px + var(--safe-bottom));width:104px;height:104px}.joystick-knob{width:44px;height:44px}.pill-button{padding:6px 12px;font-size:13px}.chat{width:min(320px,100vw - 150px)}}.beads-backdrop{background:#0a060473;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.beads-panel{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(16px);text-align:center;background:#1e140ed1;border-radius:24px;width:min(380px,100%);padding:16px}.beads-header{justify-content:space-between;align-items:center;font-weight:600;display:flex}.beads-ring{aspect-ratio:1;touch-action:manipulation;background:0 0;border:0;width:100%;margin:8px 0;padding:0;display:block;position:relative}.bead{fill:#f6eee22e;transition:fill .2s}.bead.on{fill:var(--gold)}.beads-count{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.beads-count strong{color:var(--gold);font-size:56px;font-weight:600;line-height:1}.beads-count small{color:var(--ink-soft)}.beads-hint{color:var(--ink-soft);margin:0 0 12px;font-size:14px}.toast{top:calc(64px + var(--safe-top));background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:8px 16px;font-size:14px;position:absolute;left:50%;transform:translate(-50%)}.overlay{text-align:center;background:#0a0604bf;place-content:center;gap:16px;padding:16px;display:grid;position:absolute;inset:0}.picker-caption{color:var(--ink-soft);margin:0 0 10px;font-size:14px}.picker{flex-direction:column;gap:14px;max-width:420px;margin:0 auto 24px;display:flex}.beads-panel .picker{margin:12px 0 4px}.picker-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.picker-tile{border:1px solid var(--glass-line);background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:12px;display:flex}.picker-tile.selected{border-color:var(--gold);background:#e3b8662e}.picker-icon{border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;display:grid}.picker-colors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.swatch.selected{border-color:var(--ink);box-shadow:0 0 0 2px var(--gold)}.nameplate{color:#3a2a1e;background:#fffaf0e0;align-items:center;gap:6px;padding:3px 10px 3px 4px;display:flex}.nameplate:not(:has(.nameplate-me)){padding-left:10px}.nameplate-me{color:#fff;background:#5b4636;border-radius:999px;padding:1px 6px;font-size:11px}.nameplate-ambient{color:#6e5c4b;background:#fffaf099}.nameplate-bot{color:#b08a3e;margin-left:-2px;font-size:10px}.hint{top:calc(64px + var(--safe-top));z-index:20;background:var(--glass);white-space:nowrap;pointer-events:none;text-shadow:0 1px 3px #00000080;border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=520px){.hint{white-space:normal;text-align:center;width:calc(100% - 32px)}}.name-field{text-align:left;flex-direction:column;gap:6px;max-width:420px;margin:0 auto 18px;display:flex}.beads-panel .name-field{margin:12px 0 0}.name-field label{color:var(--ink-soft);font-size:14px}.name-row{gap:8px;display:flex}.name-row input{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--glass-line);background:#ffffff12;border-radius:12px;outline:none;flex:1;padding:10px 12px;font-size:16px}.name-row input:focus{border-color:var(--gold)}.name-row input[aria-invalid=true]{border-color:#e0896f}.name-row input::placeholder{color:#f6eee280}.name-hint{color:var(--ink-soft);font-size:12px}.name-hint.error{color:#f0a58a}.fps{left:50%;bottom:calc(8px + var(--safe-bottom));z-index:30;pointer-events:none;background:#0009;border-radius:6px;padding:2px 8px;font:12px ui-monospace,monospace;position:absolute;transform:translate(-50%)}.music-opt{color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;margin:12px 0 0;font-size:14px;display:flex}.sound-panel{text-align:left}.sound-row{align-items:center;gap:12px;margin:14px 0 6px;display:flex}.sound-row input[type=range]{min-width:0;accent-color:var(--gold);flex:1}.pill-button.active{border-color:var(--gold);background:#e3b86640}.sound-zone{border:0;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;display:flex}.sound-zone:disabled{opacity:.5}.sound-zone legend{color:var(--ink-soft);padding:0 0 6px;font-size:14px}.sound-here{color:var(--gold)}.sound-track{border:1px solid var(--glass-line);cursor:pointer;background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.sound-track.selected{border-color:var(--gold);background:#e3b8662e}.sound-track input{accent-color:var(--gold);margin:0}.rail-button-glow .rail-icon{border-color:var(--gold);box-shadow:0 0 14px #e3b8668c}.wish-panel{text-align:left;flex-direction:column;width:min(420px,100%);max-height:min(640px,100% - 32px);display:flex}.wish-form{margin:12px 0 4px}.wish-form textarea{resize:none;border:1px solid var(--glass-line);width:100%;color:var(--ink);font:inherit;background:#fff8ec14;border-radius:14px;padding:10px 12px;font-size:15px;line-height:1.45}.wish-form textarea:focus{border-color:var(--gold);outline:none}.wish-form-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.wish-form-row small{color:var(--ink-soft);font-size:12px}.wish-over{color:#f0a08a!important}.wish-hang{background:linear-gradient(#c8402f,#8e1f18);border-color:#d9a54f}.wish-hang:disabled{opacity:.45}.wish-note{color:var(--ink-soft);margin:6px 0 0;font-size:12px}.wish-list{gap:8px;margin:12px 0 0;padding:0 2px 0 0;list-style:none;display:grid;overflow-y:auto}.wish{background:#961e1652;border-left:3px solid #c8402f;border-radius:12px;padding:10px 12px 8px}.wish-mine{border-left-color:var(--gold)}.wish-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 6px;line-height:1.45}.wish-meta{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.wish-meta button,.wish-report{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;text-decoration:underline}.wish-confirm{align-items:center;gap:4px;display:inline-flex}.wish-empty{color:var(--ink-soft);padding:8px 0;font-size:14px}.offering-panel{text-align:left}.offering-lead{color:var(--ink-soft);margin:10px 0 14px;font-size:14px;line-height:1.5}.offering-label{margin:0 0 8px;font-size:14px;font-weight:600}.offering-amounts{flex-wrap:wrap;gap:8px;display:flex}.offering-amounts .chip{border:1px solid var(--glass-line);color:var(--ink);font:inherit;cursor:pointer;background:#fff8ec0f;border-radius:999px;padding:8px 12px;font-size:14px}.offering-amounts .chip.active{border-color:var(--gold);background:#e3b86638}.offering-note{color:var(--ink-soft);margin:10px 0 14px;font-size:12px}.offering-take{width:100%}.offering-take:disabled{opacity:.55;cursor:default}.offering-items{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.offering-item{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #e3b86659;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-weight:600;display:flex}.offering-item.active{border-color:var(--gold);background:#e3b86638}.offering-item-icon{font-size:20px}.fortune-panel{text-align:center}.fortune-number{letter-spacing:.08em;color:var(--ink-soft);margin:12px 0 0;font-size:13px}.fortune-grade{color:var(--gold);margin:4px 0 14px;font-size:26px;font-weight:600}.fortune-grade-low{color:#d7c4a8}.fortune-verse{gap:4px;margin:0;font-size:16px;line-height:1.65;display:grid}.fortune-meaning{color:var(--ink-soft);margin:14px 0 8px;font-size:14px;line-height:1.5}.ritual-guide{left:50%;bottom:calc(96px + var(--safe-bottom));max-width:calc(100% - 32px);color:var(--ink);text-align:center;pointer-events:none;z-index:20;background:#1e140eb8;border:1px solid #e3b86673;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;transform:translate(-50%)}