@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--ink:#354a40;--sub:#778171;--cream:#f4f1e5;--line:#d9ddcc;--sage:#849579;--gold:#bc9b63;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e4e6d0;font-family:Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-offset:5px;outline:2px solid #9c7a47}button{background:0 0;border:0}h1,h2,p{margin:0}svg{flex-shrink:0}kbd{font-family:inherit}button{touch-action:manipulation}input{min-width:0}.temple-app{isolation:isolate;height:100dvh;min-height:520px;position:relative;overflow:hidden}.scene{z-index:-2;position:absolute;inset:0}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.scene-wash{z-index:-1;pointer-events:none;background:linear-gradient(#f4f3e2f2 0%,#f2f1de1a 16%,#0000 72%,#ebecd8ad 100%);position:absolute;inset:0}.is-welcoming .scene-wash{background:linear-gradient(90deg,#eff0dd 0%,#eff0ddf0 18%,#eff0dda6 35%,#0000 60%),linear-gradient(#f2f2deb3,#0000 20% 75%,#edefd899)}.topbar{justify-content:space-between;align-items:center;gap:25px;height:105px;padding:0 46px;display:flex}.brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.brand-seal{color:#f7efdb;outline-offset:3px;background:#667b61;border-radius:3px;outline:1px solid #667b61;padding:6px 7px;font-family:Noto Serif SC,serif;font-size:15px;line-height:1.15;transform:rotate(-3deg)}.brand-name{letter-spacing:5px;font-family:Noto Serif SC,serif;font-size:25px;font-weight:600}.brand-name small{letter-spacing:2.4px;color:#76816e;margin-top:5px;font:8px Segoe UI,sans-serif;display:block}.top-motto{color:#7a8571;letter-spacing:4px;margin-left:90px;font-family:Noto Serif SC,serif;font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}.round-btn{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:inline-flex}.round-btn:hover,.round-btn.selected{background:#e0e4d4}.presence{background:#f5f5e380;border:1px solid #6b7f5b38;border-radius:30px;align-items:center;gap:9px;margin-right:10px;padding:10px 15px;font-size:12px;display:flex}.presence-dot{background:#a89d77;border-radius:50%;width:6px;height:6px;display:inline-block}.presence-dot.connected{background:#6f9160;box-shadow:0 0 0 3px #6f916012}.presence-dot.offline{background:#ac805b}.welcome{max-width:420px;position:absolute;top:24%;left:8.3%}.eyebrow{letter-spacing:3px;color:#71826a;align-items:center;gap:10px;font-size:11px;display:flex}.eyebrow>span{background:#8f9d7d;width:28px;height:1px}.welcome h1{letter-spacing:6px;margin:24px 0 20px;font-family:Noto Serif SC,SimSun,serif;font-size:clamp(40px,4.5vw,68px);font-weight:500;line-height:1.48}.welcome>p{color:#7b8270;letter-spacing:1px;font-family:Noto Serif SC,serif;font-size:14px;line-height:2.2}.enter-button{color:#f8f4e4;letter-spacing:2px;background:#526e54;border-radius:3px;justify-content:space-between;align-items:center;gap:48px;min-width:243px;margin-top:32px;padding:18px 25px;font-family:Noto Serif SC,serif;font-size:15px;transition:background .2s,transform .2s;display:flex;box-shadow:0 8px 20px #465e4212}.enter-button:hover{background:#405e45;transform:translateY(-2px)}.welcome-note{letter-spacing:1px;color:#8a927e;align-items:center;gap:9px;margin-top:16px;font-size:10px;display:flex}.welcome-note i{background:#9ca38f;border-radius:100%;width:2px;height:2px}.inspiration{align-items:center;gap:15px;margin-top:42px;display:flex}.inspiration-line{background:#acb49b;width:1px;height:34px}.inspiration p{letter-spacing:1px;color:#8a927c;font-family:Noto Serif SC,serif;font-size:11px}.inspiration small{letter-spacing:2px;color:#98a08c;margin-top:8px;font:9px Segoe UI,sans-serif;display:block}.welcome-footer{letter-spacing:1px;color:#7e8a73;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:27px;left:46px;right:46px}.welcome-footer>span,.welcome-footer button{align-items:center;gap:9px;display:flex}.welcome-footer button{font-size:11px}.location-label{pointer-events:none;position:absolute;top:139px;left:46px}.location-label .eyebrow{letter-spacing:2px;font-size:9px}.location-label h1{letter-spacing:4px;margin:12px 0 10px;font-family:Noto Serif SC,serif;font-size:28px;font-weight:500}.location-label p{letter-spacing:1px;color:#7e8975;font-family:Noto Serif SC,serif;font-size:11px}.view-tools{flex-direction:column;gap:10px;display:flex;position:absolute;top:143px;right:36px}.view-tools button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f4e3cc;border:1px solid #dfe2ce;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;min-height:53px;transition:background .2s;display:flex}.view-tools button:hover,.view-tools button[aria-pressed=true]{background:#f7f4e8}.view-tools span{color:#74816c;letter-spacing:1px;font-size:9px}.ritual-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f5f2e2e0;border:1px solid #e7e6d0cc;border-radius:18px;align-items:center;gap:4px;padding:10px 15px;display:flex;position:absolute;bottom:73px;left:50%;transform:translate(-50%);box-shadow:0 6px 32px #39482f12}.ritual-bar button{color:#68745f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:73px;min-height:65px;transition:background .2s;display:flex;position:relative}.ritual-bar button>span{letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:12px}.ritual-bar button kbd{opacity:.5;font-size:9px;position:absolute;top:3px;right:8px}.ritual-bar button.active{color:#384f38;background:#dce2ce}.ritual-bar button:hover{background:#e3e7d7}.ritual-status{letter-spacing:1px;white-space:nowrap;background:#f6f2e2f0;border-radius:30px;align-items:center;gap:10px;padding:9px 15px;font-size:11px;display:flex;position:absolute;bottom:178px;left:50%;transform:translate(-50%)}.ritual-dot{background:#96a47d;border-radius:50%;width:4px;height:4px}.ritual-status button{color:#8c8f79;border-left:1px solid #d9dfcb;margin-left:6px;padding-left:12px;font-size:10px}.ritual-status button span{border:1px solid #d0d5c3;border-radius:3px;margin-left:8px;padding:2px 4px;font-size:8px}.toast{color:#536448;z-index:5;background:#fbf8e8f2;border:1px solid #dde0cc;border-radius:30px;align-items:center;gap:9px;max-width:80%;padding:12px 20px;font-size:12px;display:flex;position:absolute;top:110px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #33442c0a}.incense-status{letter-spacing:2px;color:#7c795b;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:240px;left:46px}.bead-next{color:#f6eedb;background:#526c51;border-radius:30px;align-items:center;gap:10px;padding:11px 19px;font-family:Noto Serif SC,serif;font-size:12px;display:flex;position:absolute;bottom:219px;left:50%;transform:translate(-50%)}.game-footer{color:#77836c;justify-content:space-between;align-items:center;gap:15px;display:flex;position:absolute;bottom:23px;left:36px;right:36px}.movement-hint{align-items:center;gap:11px;display:flex}.key-cluster{flex-direction:column;align-items:center;gap:3px;display:flex}.key-cluster>span{gap:3px;display:flex}.key-cluster kbd{border:1px solid #9ca78d80;border-radius:2px;justify-content:center;align-items:center;width:15px;height:15px;font:8px Segoe UI,sans-serif;display:flex}.movement-hint p{letter-spacing:1px;font-size:10px}.movement-hint p>span{color:#919a83;margin-top:5px;font-size:9px;display:block}.footer-right{align-items:center;gap:18px;display:flex}.footer-right button{padding:5px}.player-name{letter-spacing:1px;font-family:Noto Serif SC,serif;font-size:11px}.player-name small{text-align:right;color:#919a83;margin-top:3px;font:8px Segoe UI,sans-serif;display:block}.touch-pad{display:none}.map-panel{background:#f6f3e4f7;border:1px solid #d5dcc5;border-radius:12px;width:270px;padding:14px;position:absolute;bottom:85px;right:28px;box-shadow:0 10px 40px #36482d15}.panel-heading{justify-content:space-between;align-items:center;padding:0 0 7px;font-family:Noto Serif SC,serif;font-size:12px;display:flex}.panel-heading button{align-items:center;padding:4px;display:flex}.map-panel svg{width:100%;display:block}.map-panel svg text{fill:#f1efdf;font:10px Microsoft YaHei,sans-serif}.map-panel svg text.dark{fill:#65715c}.map-legend{color:#89927a;justify-content:space-between;align-items:center;font-size:8px;display:flex}.map-legend>span:first-child{align-items:center;gap:5px;display:flex}.map-legend i{background:#ae6848;border-radius:50%;width:5px;height:5px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#27352542;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{background:#f6f3e8;border:1px solid #e9e8d9;border-radius:16px;width:440px;max-width:100%;max-height:calc(100dvh - 44px);padding:26px 29px;overflow-y:auto;box-shadow:0 25px 100px #26342122}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dialog-heading h2{letter-spacing:2px;font-family:Noto Serif SC,serif;font-size:21px;font-weight:500}.dialog-heading .round-btn{width:30px;height:30px;margin-right:-5px}.dialog-desc{color:#7d8570;letter-spacing:.4px;margin-bottom:22px;font-size:12px;line-height:2.1}.dialog-desc.centered{text-align:center}.room-status{letter-spacing:1px;background:#e7eadb;border-radius:5px;align-items:center;gap:9px;margin-bottom:23px;padding:13px 15px;font-size:11px;display:flex}.field-label{letter-spacing:1px;margin-bottom:10px;font-size:11px;display:block}.copy-field,.join-field{background:#eeeee0;border:1px solid #d6dcc6;border-radius:5px;display:flex;overflow:hidden}.copy-field input,.join-field input{color:#6d7a62;text-overflow:ellipsis;background:0 0;border:0;outline:0;width:100%;padding:12px;font-size:11px}.copy-field button,.join-field button{border-left:1px solid #d6dcc6;align-items:center;padding:9px 12px;display:flex}.field-note{color:#969c87;margin-top:11px;font-size:10px;line-height:1.9}.divider{background:#dfe2d1;height:1px;margin:23px 0}.text-button{color:#869378;align-items:center;gap:8px;margin:19px 0 0;padding:0;font-size:10px;display:flex}.primary-button{color:#f4f0df;letter-spacing:2px;background:#567055;border-radius:5px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:22px;padding:13px 18px;font-size:12px;display:flex}.setting-row{border-top:1px solid #e0e4d1;justify-content:space-between;align-items:center;gap:14px;padding:19px 0;display:flex}.setting-row>div{align-items:center;gap:12px;display:flex}.setting-row span{font-size:12px}.setting-row small{color:#939a84;margin-top:7px;font-size:10px;line-height:1.6;display:block}.toggle{background:#d3d9c4;border-radius:30px;flex-shrink:0;width:36px;height:21px;padding:3px}.toggle>span{background:#f7f6ec;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block}.toggle.on{background:#6c8662}.toggle.on>span{transform:translate(15px)}.volume-label{color:#88957a;justify-content:space-between;margin:1px 0 10px;font-size:10px;display:flex}input[type=range]{accent-color:#6e8462;width:100%;height:4px;margin:0 0 24px}.help-list{flex-direction:column;gap:19px;margin-top:25px;margin-bottom:25px;display:flex}.help-list>div{align-items:flex-start;gap:15px;display:flex}.help-list svg{color:#8b987c;width:19px;height:19px}.help-list p{letter-spacing:1px;font-family:Noto Serif SC,serif;font-size:12px}.help-list small{color:#8a947c;letter-spacing:.4px;margin-top:5px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:10px;line-height:1.9;display:block}.support-mark{color:#9a8966;justify-content:center;padding:10px 0 20px;display:flex}.support-note{text-align:center;color:#6a795e;background:#eeeee0;border:1px solid #dfe2ce;border-radius:7px;padding:18px;font-size:12px;line-height:2}.support-note small{color:#939c84;font-size:10px}.form-error,.load-error{color:#a15e43;margin-top:12px;font-size:11px;line-height:1.8}.load-error{max-width:300px}.load-error button,.game-error button{margin-left:10px;text-decoration:underline}.game-error{color:#985c40;z-index:10;background:#f1e2cf;border-radius:8px;padding:15px;font-size:12px;position:absolute;top:100px;left:20%;right:20%}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.welcome{top:26%}.welcome h1{font-size:76px}.welcome>p{font-size:16px}.enter-button{margin-top:39px}.inspiration{margin-top:62px}}@media (max-height:760px) and (min-width:701px){.welcome{top:21%}.welcome h1{margin:14px 0;font-size:46px}.welcome>p{font-size:12px}.enter-button{margin-top:23px;padding:15px 20px}.inspiration{margin-top:25px}.topbar{height:88px}.welcome-note{margin-top:12px}.location-label{top:115px}}@media (max-width:1000px){.topbar{padding:0 28px}.top-motto{display:none}.welcome{left:7%}.ritual-bar button{width:64px}.map-panel{bottom:210px}.movement-hint p>span{max-width:130px;line-height:1.6}.game-footer{left:25px;right:25px}.location-label,.incense-status{left:30px}}@media (max-width:700px){.temple-app{min-height:500px}.topbar{height:83px;padding:0 22px}.brand{gap:11px}.brand-name{letter-spacing:3px;font-size:20px}.brand-name small{letter-spacing:1.8px;font-size:6px}.brand-seal{padding:4px 5px;font-size:12px}.top-actions{gap:3px}.round-btn{width:34px;height:34px}.presence{gap:6px;margin-right:2px;padding:8px 10px;font-size:10px}.presence svg{display:none}.welcome{max-width:85%;top:23%;left:8%}.welcome h1{letter-spacing:4px;margin:20px 0 18px;font-size:43px}.welcome>p{font-size:12px}.eyebrow{letter-spacing:2px;font-size:9px}.enter-button{min-width:220px;margin-top:27px;padding:16px 21px;font-size:13px}.welcome-note{font-size:9px}.inspiration{margin-top:34px}.inspiration p{font-size:10px}.welcome-footer{font-size:9px;bottom:23px;left:23px;right:23px}.welcome-footer button{font-size:10px}.is-welcoming .scene-wash{background:linear-gradient(90deg,#eff0ddf2,#eff0ddb3 50%,#eff0dd1f),linear-gradient(#eeefdc9a,#0000 40%,#eeefdc77)}.location-label{top:112px;left:25px}.location-label h1{font-size:23px}.location-label p{font-size:10px}.view-tools{gap:8px;top:115px;right:17px}.view-tools button{width:41px;min-height:47px}.ritual-bar{border-radius:16px;gap:1px;max-width:calc(100% - 28px);padding:8px;bottom:76px}.ritual-bar button{gap:6px;width:48px;min-height:57px}.ritual-bar button>svg{width:20px;height:20px}.ritual-bar button>span{letter-spacing:1px;font-size:10px}.ritual-bar button kbd,.movement-hint{display:none}.game-footer{justify-content:flex-end;bottom:24px;left:23px;right:23px}.footer-right{gap:19px;width:100%}.player-name{margin-right:auto;font-size:10px}.player-name small{text-align:left}.incense-status{font-size:9px;top:205px;left:25px}.ritual-status{font-size:10px;bottom:165px}.bead-next{bottom:207px}.toast{white-space:normal;width:max-content;max-width:90%;padding:10px 14px;font-size:10px;line-height:1.7;top:85px}.map-panel{width:235px;bottom:169px;right:18px}.dialog{padding:21px 23px}.dialog-heading h2{font-size:18px}.dialog-desc{font-size:11px}.touch-pad{opacity:.85;grid-template-rows:35px 35px;grid-template-columns:35px 35px 35px;gap:3px;display:grid;position:absolute;bottom:183px;left:23px}.touch-pad button{touch-action:none;-webkit-user-select:none;user-select:none;background:#f1efdfc4;border:1px solid #d0d9bc;border-radius:6px;font-size:10px}.touch-pad .up{grid-column:2}.touch-pad .left{grid-area:2/1}.touch-pad .down{grid-area:2/2}.touch-pad .right{grid-area:2/3}.ritual-status{max-width:90%}.game-error{left:5%;right:5%}}@media (max-width:370px){.ritual-bar button{width:43px}.brand-name small{display:none}.presence{padding:8px}.welcome h1{font-size:38px}.inspiration{margin-top:22px}.ritual-status button span{display:none}}.is-playing .scene-wash{background:linear-gradient(#12171380,#0000 15% 83%,#12171380)}.is-playing .topbar,.is-playing .location-label,.is-playing .location-label .eyebrow,.is-playing .location-label p,.is-playing .game-footer,.is-playing .top-motto{color:#eee8d8}.is-playing .ritual-bar{box-shadow:none;background:#272a22c2;border-color:#d9d9b838}.is-playing .ritual-bar button{color:#e9e7d6}.is-playing .ritual-bar button.active,.is-playing .ritual-bar button:hover{color:#f4dfa0;background:#a69c6138}.has-practice .scene{filter:blur(12px);transform:scale(1.03)}.practice-view{z-index:12;color:#f5ecd5;background:#1115115e;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.practice-close{color:#f1e6cb;background:#34382b99;border:1px solid #d9d9b83a;border-radius:30px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex;position:absolute;top:100px;left:35px}.practice-object{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;outline-offset:-6px;width:min(80vw,500px);height:min(63vh,680px)}.practice-object:active{cursor:grabbing}.practice-object canvas{display:block}.practice-fish .practice-object{cursor:pointer;width:min(88vw,620px);height:min(53vh,490px)}.practice-count{pointer-events:none;position:absolute;bottom:175px;left:calc(50% - 230px)}.practice-count strong{font-size:36px;font-weight:500}.practice-count span{font-size:13px}.practice-count small{letter-spacing:1px;margin-top:10px;font-size:12px;display:block}.practice-controls{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#31392dc9;border:1px solid #dee0c64d;border-radius:40px;align-items:center;gap:10px;margin-top:10px;padding:10px 17px;display:flex}.practice-controls button{color:#f3ecd7;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.practice-controls label{border-left:1px solid #d9d9b83a;align-items:center;gap:7px;padding-left:12px;font-size:10px;display:flex}.practice-controls input{accent-color:#d5bd7b;width:75px;margin:0}.practice-controls span{white-space:nowrap}.practice-beads .practice-count{bottom:140px}.practice-beads .practice-controls{margin-top:0}.asset-credits{color:#88917b;margin-top:15px;font-size:10px;line-height:1.9}.asset-credits a{text-decoration:underline}@media (max-width:700px){.practice-close{font-size:10px;top:87px;left:20px}.practice-count{bottom:145px;left:25px}.practice-count strong{font-size:29px}.practice-object{height:64vh}.practice-controls{gap:6px;max-width:95%;padding:6px 10px}.practice-controls label{gap:5px;font-size:9px}.practice-controls input{width:50px}.practice-beads .practice-count{bottom:120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.spin{animation:none}}.map-destinations{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.map-destinations button{background:#d8ddca88;border:1px solid #aab49b55;border-radius:5px;justify-content:space-between;align-items:center;padding:9px;font-size:11px;display:flex}.donation-prompt{color:#e9d5a5;z-index:8;background:#39342be6;border:1px solid #bda46a77;border-radius:30px;align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.donation-prompt kbd{border:1px solid #bda46a66;border-radius:3px;padding:2px 5px;font-size:10px}.donation-qr-placeholder{aspect-ratio:1;background:#fff;border:1px solid #dedacc;border-radius:9px;width:220px;margin:0 auto}.donation-empty{text-align:center;margin:12px 0 20px}.context-actions{z-index:8;flex-wrap:wrap;justify-content:center;gap:10px;width:max-content;max-width:94%;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.context-actions button,.cup-status{color:#eeddb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#342f27dd;border:1px solid #bca77577;border-radius:30px;align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex}.context-actions kbd{border:1px solid #bca77566;border-radius:3px;padding:2px 5px;font-size:10px}.incense-queue{color:#eeddb3;z-index:9;background:#302d24dc;border-radius:30px;gap:16px;padding:10px 18px;font-size:12px;display:flex;position:absolute;bottom:250px;left:50%;transform:translate(-50%)}.incense-queue button{font-size:11px;text-decoration:underline}.cup-status{padding:8px 13px;font-size:10px;position:absolute;bottom:95px;right:35px}.primary-button:disabled{opacity:.55;cursor:default}@media (max-width:700px){.context-actions{bottom:245px}.incense-queue{bottom:310px}.cup-status{bottom:110px;right:20px}}.practice-fish .practice-object{width:min(88vw,660px);height:min(62vh,570px)}.practice-beads .practice-object{height:min(72vh,750px)}.has-practice .ritual-bar,.has-practice .ritual-status,.has-practice .game-footer,.has-practice .view-tools,.has-practice .location-label,.has-practice .incense-status,.has-practice .cup-status{visibility:hidden}.reading-page{color:#4b483b;background:linear-gradient(100deg,#ded7bd,#f6efd8 8%,#eee5cb);border:1px solid #b9ab8d;margin:12px 0 24px;padding:32px 30px;font-family:Noto Serif SC,Songti SC,serif;box-shadow:inset 8px 0 16px #77674720,0 10px 32px #0002}.reading-page>span{letter-spacing:.2em;color:#8a8067;font:11px sans-serif}.reading-page h3{letter-spacing:.25em;margin:28px 0 20px;font-size:30px;font-weight:500}.reading-page p{letter-spacing:.1em;font-size:19px;line-height:2.15}.reading-page small{color:#8a8067;margin-top:32px;font-size:12px;display:block}.reading-actions{justify-content:space-between;gap:20px;display:flex}button:not(:disabled),[role=button]{cursor:pointer}button:disabled{cursor:not-allowed}.donation-qr{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:9px;width:280px;max-width:100%;height:auto;margin:0 auto;padding:10px;display:block}.temple-app,.temple-app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.temple-app input,.temple-app textarea{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.temple-app button,.temple-app canvas{touch-action:manipulation}.touch-pad,.touch-pad button,.temple-app canvas{touch-action:none}