#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}}
