:root{--bg-hud:#180f09c2;--bg-hud-strong:#1e120aeb;--border-gold:#e2ba626b;--gold-bright:#ffd54f;--gold-soft:#ebd399;--text-light:#fdf8ef;--text-muted:#fdf8efa6;--accent-green:#66bb6a}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-light);background:#1a0f08;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}#canvas-container{z-index:1;position:fixed;inset:0}#label-layer{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.char-nameplate{text-align:center;pointer-events:none;white-space:nowrap;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.char-nameplate .char-title{color:#ffe082;text-shadow:0 1px 3px #000000f2;background:#140c06ad;border:1px solid #ffd54f73;border-radius:99px;margin-bottom:2px;padding:1px 7px;font-size:11px;font-weight:700}.char-nameplate .char-name{color:#fff;letter-spacing:.2px;text-shadow:0 1px 2px #000,0 2px 6px #000000f2,0 0 8px #000000bf;font-size:14px;font-weight:800}.char-nameplate.is-player .char-name{color:#ffe57f;font-size:15px}.char-nameplate.is-abbot .char-name{color:#ffd54f;font-size:15px}.char-nameplate .char-level{color:#e6d7be;text-shadow:0 1px 4px #000000f2;margin-top:1px;font-size:11px;font-weight:600}.floating-merit-popup{color:#ffd54f;text-shadow:0 2px 6px #000000f2;pointer-events:none;font-size:13px;font-weight:800;animation:1.1s ease-out forwards floatUpFade;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes floatUpFade{0%{opacity:1;transform:translate(-50%)scale(.85)}to{opacity:0;transform:translate(-50%,-34px)scale(1.08)}}#hud-layer{z-index:10;pointer-events:none;position:fixed;inset:0}.hud-interactive{pointer-events:auto}.hud-top-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;top:14px;left:16px}.profile-pill{background:var(--bg-hud);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-gold);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 6px;transition:transform .15s,border-color .2s;display:flex}.profile-pill:hover{border-color:var(--gold-bright);transform:translateY(-1px)}.profile-avatar{border:2px solid var(--gold-soft);background:radial-gradient(circle at 30% 30%,#f48fb1,#880e4f);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name-row{align-items:center;gap:8px;display:flex}.profile-name{color:#fff;font-size:13px;font-weight:800}.profile-realm{color:var(--gold-soft);font-size:11px}.profile-exp-bar{background:#ffffff29;border-radius:4px;width:110px;height:4px;margin-top:3px;overflow:hidden}.profile-exp-fill{background:linear-gradient(90deg,#ffb74d,#ffd54f);width:35%;height:100%;transition:width .3s}.profile-level-badge{color:#2b1708;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:flex}.temple-location-title{color:#fff;text-shadow:0 2px 6px #000000e6;padding-left:4px;font-size:15px;font-weight:800}.btn-courtyard-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f9ebd2;cursor:pointer;background:#26190fd1;border:1px solid #ebd39973;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.btn-courtyard-switch:hover{border-color:var(--gold-bright);background:#442c18eb;transform:translateY(-1px)}.online-indicator{color:#dfd5c5;text-shadow:0 1px 4px #000000e6;align-items:center;gap:6px;padding-left:4px;font-size:12px;display:inline-flex}.online-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #4caf50}.hud-top-center{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.live-broadcast-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f7e6c4;white-space:nowrap;background:#140c07b8;border:1px solid #ebd39952;border-radius:999px;padding:6px 18px;font-size:12.5px;transition:opacity .35s;box-shadow:0 4px 14px #00000073}.story-tracker-pill{color:#ffe082;cursor:pointer;background:#2d1c0ed6;border:1px solid #ffd54f73;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;transition:transform .15s;display:flex}.story-tracker-pill:hover{transform:scale(1.03)}.hud-top-right{align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:16px}.currency-pill{background:var(--bg-hud);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-gold);color:var(--gold-bright);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:800;display:flex}.icon-btn-top{background:var(--bg-hud);border:1px solid var(--border-gold);width:34px;height:34px;color:var(--gold-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:flex}.icon-btn-top:hover,.icon-btn-top.active{border-color:var(--gold-bright);color:#fff;background:#e2ba6240}.hud-right-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18100ab8;border:1px solid #ebd3994d;border-radius:14px;grid-template-columns:repeat(3,62px);gap:6px;padding:8px;display:grid;position:absolute;bottom:68px;right:18px}.action-tile-btn{color:#f3e5c8;cursor:pointer;background:#ffffff0d;border:1px solid #ebd3992e;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:56px;transition:all .16s;display:flex}.action-tile-btn .tile-icon{font-size:20px}.action-tile-btn .tile-label{font-size:11px;font-weight:600}.action-tile-btn:hover,.action-tile-btn.active{border-color:var(--gold-bright);color:#fff;background:#e8cb8a40;transform:translateY(-1px)}.sutra-chanting-overlay{pointer-events:none;flex-direction:column;align-items:center;width:min(740px,92vw);transition:opacity .25s;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.sutra-chanting-overlay.hidden{opacity:0;pointer-events:none;display:none}.sutra-tabs-row{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.sutra-tab-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e6d7be;cursor:pointer;background:#1a120cc7;border:1px solid #ebd39959;border-radius:999px;padding:6px 15px;font-size:12.5px;font-weight:600;transition:all .18s}.sutra-tab-btn:hover{border-color:var(--gold-bright);color:#fff}.sutra-tab-btn.active{color:#2b1708;background:linear-gradient(#f3dfb1,#dfbe78);border-color:#fff3d1;font-weight:800;box-shadow:0 2px 12px #ebc87373}.sutra-subtitle{color:#fff0d2b8;text-shadow:0 1px 4px #000000f2;margin-bottom:10px;font-size:12px}.sutra-lyrics-stage{text-align:center;background:radial-gradient(#120a05a6 0%,#120a0500 75%);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:158px;margin-bottom:8px;padding:6px 16px;display:flex}.sutra-line{text-shadow:0 2px 6px #000000f2;transition:all .2s}.sutra-line.far-prev,.sutra-line.far-next{color:#ebdec852;font-size:13px}.sutra-line.near-prev,.sutra-line.near-next{color:#f5ead68f;font-size:14.5px}.sutra-line.current{color:#fff7e0;text-shadow:0 0 14px #ffd54fbf,0 2px 6px #000;padding:3px 14px;font-size:20px;font-weight:800;transform:scale(1.04)}.wooden-fish-clicker{pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;width:84px;height:68px;transition:transform 80ms;display:flex;position:relative}.wooden-fish-clicker:active,.wooden-fish-clicker.striking{transform:scale(.9)}.wooden-fish-svg{filter:drop-shadow(0 6px 12px #000000bf);width:78px;height:62px}.wooden-fish-hint{color:#ffebbec7;text-shadow:0 1px 3px #000;margin-top:2px;font-size:11px}.sutra-counter-bottom-left{color:#fff;text-shadow:0 2px 5px #000;z-index:12;font-size:16px;font-weight:800;position:absolute;bottom:14px;left:18px}.sutra-counter-bottom-left span{color:#ffffffa6;font-size:12.5px;font-weight:500}.auto-wooden-fish-panel{z-index:12;background:#140c07b8;border:1px solid #ebd39940;border-radius:8px;flex-direction:column;align-items:flex-end;gap:4px;padding:6px 10px;font-size:11.5px;display:flex;position:absolute;bottom:12px;right:16px}.auto-mo-row{cursor:pointer;color:#f3e5c8;align-items:center;gap:6px;display:flex}.tempo-row{color:#d7c4a3;align-items:center;gap:6px;display:flex}.tempo-row input[type=range]{accent-color:#ffd54f;cursor:pointer;width:78px}.bottom-dock-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:15;background:#160e08d6;border:1px solid #ebd39959;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0009}.dock-item-btn{color:#e2d2b5;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .16s;display:flex}.dock-item-btn:hover,.dock-item-btn.active{color:var(--gold-bright);background:#ebc87338}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#0a0603ad;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-backdrop.hidden{display:none}.modal-card{width:min(640px,95vw);max-height:84vh;color:var(--text-light);background:linear-gradient(#2b1a0e 0%,#1d1109 100%);border:1.5px solid #c99e46;border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 55px #000000d9}.modal-header{background:#c99e4624;border-bottom:1px solid #c99e4652;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-title{color:var(--gold-bright);align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.modal-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;width:30px;height:30px;font-size:15px}.modal-close-btn:hover{background:#e5393573}.modal-body{flex-direction:column;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.section-box{background:#ffffff0a;border:1px solid #ebd39938;border-radius:12px;padding:14px}.abbot-story-card{background:linear-gradient(135deg,#d4a3382e,#3e241180);border:1px solid #ffd54f73;border-radius:14px;align-items:flex-start;gap:14px;padding:14px;display:flex}.abbot-avatar{border:2px solid var(--gold-bright);background:#00000059;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:36px;display:flex}.quest-row,.shop-item-card{background:#ffffff0a;border:1px solid #ebd39933;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.btn-gold{color:#261405;cursor:pointer;background:linear-gradient(#ffe082,#d4a034);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:800;transition:transform .15s,filter .15s}.btn-gold:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.btn-gold:disabled{opacity:.45;cursor:default}.btn-outline-gold{color:var(--gold-bright);cursor:pointer;background:#ebc8731f;border:1px solid #ebc87380;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:700}.btn-outline-gold:hover{background:#ebc87342}.input-temple{color:#fff;background:#00000061;border:1px solid #ebd39961;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13.5px}.input-temple:focus{border-color:var(--gold-bright)}.beads-circle-stage{flex-direction:column;align-items:center;gap:14px;padding:12px;display:flex}.beads-wheel{cursor:pointer;background:radial-gradient(circle,#d4a03429,#0000 70%);border:3px dashed #ebc87359;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:210px;height:210px;transition:transform .2s;display:flex;position:relative}.beads-wheel:active{transform:scale(.96)}.bead-dot{background:radial-gradient(circle at 35% 35%,#d7995b,#6d3b16);border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 2px 5px #000000b3}.meditation-lotus-circle{border:2px solid var(--gold-bright);background:radial-gradient(circle,#f48fb173,#ffd54f26);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:170px;height:170px;margin:12px auto;transition:transform 3.5s ease-in-out;display:flex}.meditation-lotus-circle.inhale{transform:scale(1.25)}.meditation-lotus-circle.exhale{transform:scale(.85)}#toast-container{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:78px;left:50%;transform:translate(-50%)}.temple-toast{border:1px solid var(--gold-bright);color:#fff5d6;background:#1c1108eb;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;animation:.25s ease-out toastIn;box-shadow:0 6px 20px #000000a6}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onboarding-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:90;background:radial-gradient(circle,#201209c7 0%,#0a0502eb 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboarding-backdrop.hidden{display:none}.onboarding-card{width:min(600px,96vw);max-height:90vh;color:var(--text-light);background:linear-gradient(#2e1b0f 0%,#1b0f07 100%);border:2px solid #deb050;border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000eb,0 0 40px #ffd54f2e}.onboarding-header{text-align:center;background:#d4a0341f;border-bottom:1px solid #d4a03452;padding:18px 22px 12px}.onboarding-mode-tabs{justify-content:center;gap:8px;margin-top:12px;display:flex}.onboarding-tab-btn{color:#e6d7be;cursor:pointer;background:#0000004d;border:1px solid #ebd39959;border-radius:10px;flex:1;padding:9px 12px;font-size:13px;font-weight:700;transition:all .18s}.onboarding-tab-btn.active{color:#261405;background:linear-gradient(#ffe082,#d4a034);border-color:#fff3d1;font-weight:800}.onboarding-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.destiny-code-plaque{text-align:center;background:linear-gradient(135deg,#3c220e 0%,#211106 100%);border:2px solid #ffd54f;border-radius:14px;padding:18px 16px;box-shadow:inset 0 0 22px #ffd54f2e}.destiny-code-digits{letter-spacing:3px;color:#ffd54f;text-shadow:0 0 14px #ffd54f8c;-webkit-user-select:all;user-select:all;margin:8px 0;font-family:Courier New,Courier,monospace;font-size:30px;font-weight:900}.destiny-confirm-box{cursor:pointer;color:#fff3d1;background:#ffd54f1a;border:1px solid #ffd54f6b;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.destiny-confirm-box input[type=checkbox]{accent-color:#ffd54f;flex-shrink:0;width:18px;height:18px;margin-top:2px}.dharma-chips-grid{background:#00000047;border:1px solid #ebd39938;border-radius:10px;flex-wrap:wrap;gap:6px;max-height:112px;padding:8px;display:flex;overflow-y:auto}.dharma-chip{color:#f3e5c8;cursor:pointer;background:#ffffff0f;border:1px solid #ebd3994d;border-radius:999px;padding:4px 10px;font-size:12px;transition:all .14s}.dharma-chip:hover{color:#fff;background:#ffd54f40;border-color:#ffd54f}@media (width<=768px){.bottom-dock-nav{justify-content:flex-start;max-width:96vw;overflow-x:auto}.hud-right-actions{grid-template-columns:repeat(2,56px);bottom:62px}}