#gate{position:fixed;inset:0;z-index:4;padding:125px 6% 25px;overflow:auto;background:linear-gradient(100deg,#102620f2,#17342dd9 55%,#17332bbc);backdrop-filter:blur(7px)}body.choosing header{z-index:6}body.choosing .intro,body.choosing .practice,body.choosing .scene-label,body.choosing footer{visibility:hidden}.gate-heading{text-align:center}.gate-heading h1{font:36px "SimSun",serif;letter-spacing:7px;margin:19px 0}.gate-heading p{font-size:11px;line-height:2.2;letter-spacing:2px;color:#bbc5b4}.hall-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:1250px;margin:35px auto 20px}.hall-card{position:relative;border:1px solid #ccb47b4d;background:linear-gradient(160deg,#e3d7b50c,#081d1970);border-radius:100px 100px 12px 12px;min-height:320px;padding:16px 12px 22px;display:flex;align-items:center;flex-direction:column;transition:.3s;overflow:hidden}.hall-card:hover,.hall-card:focus-visible{transform:translateY(-8px);border-color:var(--hall-color);background:#ccbc8a12;box-shadow:0 20px 40px #0003}.hall-card strong{font:24px "SimSun",serif;letter-spacing:4px;margin:15px 0 12px}.hall-card small{font-size:10px;line-height:1.8;color:#bdc8b5;max-width:110px;letter-spacing:1px}.hall-card em{font-style:normal;font-size:9px;letter-spacing:2px;color:#c7af7e;margin-top:19px}.hall-art{height:145px;width:130px;position:relative;color:var(--hall-color);margin-top:12px;filter:drop-shadow(0 0 20px #d2ac5120)}.hall-art i{position:absolute;display:block}.art-halo{width:108px;height:108px;border:1px solid currentColor;border-radius:50%;left:11px;top:2px;box-shadow:inset 0 0 20px #d6c08d10,0 0 0 5px #d6c08d07}.art-head{width:30px;height:39px;left:50px;top:23px;border-radius:48% 48% 42% 42%;background:linear-gradient(100deg,currentColor,#78633e)}.art-body{width:74px;height:71px;left:28px;top:62px;border-radius:45% 45% 17% 17%;background:linear-gradient(110deg,currentColor,#665634);clip-path:polygon(29% 0,70% 0,100% 100%,0 100%)}.art-lotus{width:102px;height:19px;left:14px;top:123px;background:linear-gradient(180deg,currentColor,#6c613d);border-radius:50% 50% 30% 30%}.hall-art span{position:absolute;top:85px;left:53px;color:#28392a;font:23px "SimSun",serif}.hall-love .art-head{box-shadow:0 -6px 0 #915047}.hall-wealth .art-head,.hall-wuye .art-head{box-shadow:0 -7px 0 #8a723b}.hall-child .art-halo{border-style:double;border-width:3px}.hall-medicine .art-body{background:linear-gradient(110deg,#77a8bd,#2f5068)}.gate-note{text-align:center;font-size:9px;color:#92a48f;letter-spacing:2px}.floating-panel{position:fixed;left:6%;top:22%;z-index:3;width:290px;border:1px solid #b3945860;background:#142c26f5;border-radius:18px;padding:25px;box-shadow:0 20px 70px #0005;backdrop-filter:blur(10px)}.floating-panel h2{font:24px "SimSun",serif;letter-spacing:3px;margin:14px 0}.panel-close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:24px;color:#bcc5b2}.wood-illustration{position:relative;width:80px;height:60px;margin:0 auto 16px}.wood-illustration i{position:absolute;width:75px;height:48px;background:radial-gradient(ellipse at 30% 25%,#bc8c53,#694729);border:2px solid #d2ad76;border-radius:50% 50% 38% 38%;bottom:0}.wood-illustration i:after{content:'';position:absolute;width:45px;height:3px;background:#35251a;left:14px;top:10px;transform:rotate(-8deg)}.wood-illustration b{position:absolute;right:0;top:0;width:47px;height:6px;background:#b08b5a;transform:rotate(-45deg);transform-origin:right}.wood-illustration b:after{content:'';position:absolute;left:0;top:-4px;border-radius:50%;width:15px;height:15px;background:#d3ac76}body[data-wood=playing] .wood-illustration b{animation:knock .6s ease infinite}@keyframes knock{50%{transform:rotate(-10deg)}}.wood-options,.player-actions{display:flex;gap:7px}.wood-options button,.player-actions button{flex:1;border:1px solid #a68e5f66;border-radius:7px;background:#d3b27c10;padding:10px 5px;font-size:11px}.wood-options button:hover,.player-actions button:hover{background:#d3b27c33}.player-actions button:disabled{opacity:.35;cursor:default}.floating-panel label{font-size:10px;line-height:2;margin-top:15px}.floating-panel select{width:100%;margin-top:5px}.floating-panel p{font-size:11px;color:#c7c5aa;min-height:20px;line-height:1.8}.player-actions{margin-top:13px}select{color:#eee8d4;background:#203c31;border:1px solid #9e8e6655;padding:10px;border-radius:6px;font:12px inherit}#scripture{width:100%;margin:8px 0}#chant-audio{width:100%;height:38px;margin:6px 0;color-scheme:light}.repeat-label{display:flex;gap:8px;align-items:center;margin:10px 0;font-size:11px}#chant-dialog{max-height:85dvh;overflow:auto}#chant-dialog .audio-note{font-size:10px;color:#9faf9d;margin:5px 0}#scripture-text{white-space:pre-wrap;max-height:200px;overflow:auto;border-block:1px solid #c9b47b33;padding:14px 5px;line-height:2.1;font:13px/2.1 "SimSun",serif;color:#ddd8c5;margin:15px 0}#scripture-source,.license-note a{font-size:10px;color:#d3b27c}#chant-dialog .license-note{font-size:9px;margin-bottom:0}.rituals button:disabled{opacity:.5;cursor:wait}#toast{z-index:7}#incense:disabled .ritual-icon{animation:breathe 2s infinite}
@media(max-width:1100px){.hall-grid{grid-template-columns:repeat(3,1fr);max-width:740px;gap:18px}.hall-card{min-height:230px;border-radius:65px 65px 10px 10px;padding:10px}.hall-art{height:105px;transform:scale(.72);transform-origin:top center;margin-bottom:-30px}.hall-card strong{font-size:22px;margin:10px 0}.hall-card small{max-width:180px}.hall-card em{margin-top:10px}#gate{padding-top:110px}.gate-heading h1{font-size:30px}.hall-grid{margin-top:22px}}
@media(max-width:700px){#gate{padding:108px 22px 25px}.gate-heading h1{font-size:24px;letter-spacing:3px;margin:14px 0}.gate-heading p{font-size:10px;letter-spacing:1px}.hall-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:23px}.hall-card{min-height:208px;padding:10px;border-radius:55px 55px 10px 10px}.hall-card strong{font-size:21px;letter-spacing:2px}.hall-card small{font-size:9px;letter-spacing:0}.hall-card em{font-size:8px}.hall-art{height:98px;transform:scale(.67);margin-bottom:-32px}.gate-note{font-size:8px;letter-spacing:1px;margin-top:20px}.floating-panel{width:260px;left:22px;top:18%;padding:22px}.floating-panel h2{font-size:21px}body:has(#wood-panel:not([hidden])) .intro{visibility:hidden}.footer-line>span{max-width:120px}.scene-label{bottom:225px}}
@media(max-width:1100px){.hall-art{height:125px;transform:scale(.8);margin:5px 0 0;flex-shrink:0}.hall-card{min-height:270px}.hall-card strong{position:relative;margin:4px 0 12px}}@media(max-width:700px){.hall-art{height:115px;transform:scale(.75);margin:0}.hall-card{min-height:250px}.hall-card strong{margin:3px 0 12px}}

.rituals{max-width:calc(100vw - 32px)}.rituals #chant.active .chant-icon{color:#f7db9f;text-shadow:0 0 15px #d3b27c80}#audio-source{font-size:10px;color:#d3b27c;line-height:1.8}#chant-default{font-size:11px;color:#d8c9a8;margin-bottom:10px}#chant-dialog label[for=scripture]{margin-top:16px}#chant-toggle{color:#dcc699;min-width:90px}@media(max-width:700px){.rituals button{font-size:9px;padding-inline:2px}.rituals{max-width:100%}.ritual-icon{font-size:24px}.footer-line{gap:7px}}

#scripture-search{width:100%;margin:9px 0 12px;border:1px solid #b69d6c55;border-radius:8px;background:#10271f;color:#eee8d4;padding:11px 12px;font:12px inherit}#scripture-search::placeholder{color:#91a796}#scripture-search:focus-visible{outline:2px solid #d3b27c;outline-offset:2px}.scripture-picker-label{display:flex;align-items:center;justify-content:space-between}.scripture-picker-label label{margin:0!important}#scripture-count{font-size:10px;color:#aabca8}.chant-skip{display:flex;gap:10px;margin:8px 0}.chant-skip button{flex:1;padding:9px;border:1px solid #b69d6c55;background:#d3b27c0a;border-radius:7px;color:#ddd0af;font-size:11px}.chant-skip button:hover{background:#d3b27c20}.chant-skip button:disabled{opacity:.4;cursor:default}


.audio-cache-actions{display:flex;gap:10px;margin:7px 0}.audio-cache-actions button{padding:8px 10px;background:#d3b27c10;color:#d8c9a8;border:1px solid #b69d6c55;border-radius:6px;font-size:11px}.audio-cache-actions button:disabled{opacity:.5}#chant-dialog .background-note{font-size:10px;line-height:1.8;color:#aabca8;margin:8px 0}#audio-cache-status{min-height:1.8em}

.now-playing{border:1px solid #b69d6c44;border-radius:12px;padding:15px;background:#d3b27c09}.now-playing>small{font-size:10px;color:#aabca8}.now-playing>strong{display:block;font:17px/1.7 "SimSun",serif;color:#eee3ca;margin:4px 0}.now-playing #chant-status{font-size:10px;color:#b8c6b3;margin:5px 0;line-height:1.6}.now-playing .chant-skip{margin:10px 0}.play-mode{display:flex;align-items:center;justify-content:space-between;font-size:11px}.play-mode select{font-size:11px;padding:6px 9px}.playlist-section{margin-top:19px}.playlist-section #scripture-search{margin-bottom:8px}#scripture-list{max-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9b9168 #18332b}.playlist-track{display:flex;align-items:center;gap:9px;width:100%;padding:12px 8px;border:1px solid transparent;border-bottom-color:#ad9b6a22;border-radius:7px;background:transparent;color:#d6ddc9;text-align:left;cursor:pointer}.playlist-track:hover{background:#d3b27c0f}.playlist-track.selected{background:#d3b27c16;border-color:#b69d6c66}.playlist-track:focus-visible{outline:2px solid #d3b27c;outline-offset:-2px}.track-number{font:10px monospace;color:#8ba18e;flex:0 0 19px}.track-info{flex:1;min-width:0}.track-info strong{display:block;font-size:12px;line-height:1.7;font-weight:500}.track-info small{display:block;font-size:9px;color:#9daf9e;line-height:1.6;margin-top:2px}.track-state{font-size:11px;color:#d7bf84;flex:0 0 24px;text-align:center}.playlist-empty{font-size:11px;color:#aabca8;padding:14px 8px}.player-details{border-top:1px solid #ad9b6a33;margin-top:14px;padding-top:12px}.player-details summary{cursor:pointer;color:#c5cbb8;font-size:11px;padding:3px 0}.player-details[open] summary{margin-bottom:10px}#chant-dialog h2{margin-bottom:9px}@media(max-width:700px){#chant-dialog{padding:24px 20px}.now-playing{padding:12px}.now-playing>strong{font-size:16px}#scripture-list{max-height:210px}}

.playlist-track:disabled{cursor:default;opacity:.75}.playlist-track:disabled .track-state{font-size:9px;flex-basis:32px}#chant-toggle:disabled{opacity:.65;cursor:default}

.resume-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.resume-controls span{font-size:10px;color:#aabca8}.resume-controls button,#clear-play-history{font-size:10px;padding:7px 10px;border:1px solid #b69d6c55;border-radius:6px;background:#d3b27c0a;color:#d8c9a8;white-space:nowrap}.resume-controls button:disabled,#clear-play-history:disabled{opacity:.45}.history-row button{position:relative;display:block;text-align:left;width:100%;padding:11px 60px 11px 5px;border:0;border-bottom:1px solid #ad9b6a33;background:transparent;color:#ddd8c5}.history-row strong{display:block;font-size:12px;font-weight:500}.history-row small{display:block;font-size:9px;color:#aabca8;margin-top:5px}.history-row span{position:absolute;right:5px;top:13px;color:#d3b27c;font-size:10px}.history-row button:disabled{opacity:.5;cursor:default}.history-empty{font-size:11px;color:#aabca8}#play-history-list{max-height:240px;overflow:auto}#clear-play-history{margin-top:10px}

.library-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.library-filters label{min-width:0;font-size:10px;color:#b8c6b3}.library-filters select{display:block;width:100%;margin-top:5px;font-size:10px;padding:8px 4px}#scripture-more{display:block;width:100%;padding:9px;margin-top:8px;border:1px solid #b69d6c44;border-radius:6px;background:#d3b27c0a;color:#d8c9a8;font-size:11px}#scripture-more[hidden]{display:none}.track-number{flex-basis:26px}
