:root{--lotus-pink:#d99a9b;--jade:#92b2a2;--lacquer:#70251d;--gold:#e4bf79}
.title-stack{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.temple-brand{font:10px/1.1 Arial,sans-serif;letter-spacing:1.6px;color:#deb77c;white-space:nowrap}.title-stack #location{font-size:21px;color:#f4e0bd;line-height:1.15}.location{border-color:#b89058;box-shadow:0 5px 25px #17070655,inset 0 1px #f4d8a91c}.seal{width:43px;height:46px;display:grid;place-items:center;padding:0;border-color:#b98c50;background:linear-gradient(150deg,#ab3b2a,#612015)}.lotus-emblem{width:30px;height:30px;fill:none;stroke:#eccb89;stroke-width:1.4;stroke-linejoin:round}.guide{border-left:2px solid #cda267}.guide b{letter-spacing:1px}.top .subtitle{border-color:#94764c88;color:#cfb794;font-size:10px}.tools .tool{box-shadow:0 3px 12px #1e080954,inset 0 1px #f4d4a316}.tool.gold{box-shadow:0 0 22px #efbe5159,inset 0 1px #fff0b3}.tool small{font-size:9px}.target{border-color:#d9b578;background:linear-gradient(110deg,#51251aec,#31120ee8);box-shadow:0 3px 20px #230c0733}.action{background:linear-gradient(145deg,#b84636,#8d281e 65%,#6a1d14);border-color:#c99c68}.action small{font-family:Arial,sans-serif}.action:active,.tool:active{filter:brightness(1.2)}#languageSettings{position:relative!important;inset:auto!important;display:grid!important;place-items:center;margin:0;width:60px!important;height:60px!important;border-radius:50%!important;background:radial-gradient(ellipse at 40% 30%,#56301c,#301109)!important;z-index:auto!important}body:has(.temple-entry:not([hidden])) #languageSettings{position:fixed!important;right:18px!important;top:18px!important;bottom:auto!important;left:auto!important;z-index:90!important}body:has(#sheet:not([hidden])) #languageSettings{visibility:visible}#languageDialog .control-settings{border-color:#9f77524f}
.temple-entry{background:radial-gradient(ellipse at 50% 30%,#713e3644,#160907e6 90%);padding:20px}.entry-card{background:linear-gradient(150deg,#4d241de8,#210e0bed);border-color:#b49060;border-radius:25px;box-shadow:0 25px 100px #16070799,inset 0 0 0 6px #d7b17909;padding:25px 32px}.entry-mark{display:grid;place-items:center;border:1px solid #bd986155;width:70px;height:70px;border-radius:50%;margin:0 auto 16px;box-shadow:0 0 35px #dda97618}.entry-mark .lotus-emblem{width:48px;height:48px;stroke:#edc589;stroke-width:1}.entry-card>small{font-size:9px;letter-spacing:2.6px}.entry-card h1{font-size:48px;letter-spacing:1px;line-height:1.2;margin:13px -10px 8px;color:#f1d49a}.entry-lead{font-size:16px;line-height:1.6;color:#d3bca0;margin-bottom:20px}.entry-features span{border-color:#9d774a66;color:#d5bc97;background:#d3aa6c07}.entry-card input{border-color:#956c4c99;background:#200e0b80}.enter-temple{background:linear-gradient(115deg,#c28a4b,#e2be7a);border-color:#e4bd79;font-weight:500}.entry-footnote{line-height:1.6}.entry-footnote a{color:#ddbd7c}
.temple-map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0 20px}.temple-map button{border:1px solid #9e7b4b66;background:linear-gradient(#67332655,#32150f);color:#e6cda6;padding:15px 5px;border-radius:14px;min-height:82px;font:12px Arial}.temple-map b{display:block;font:26px Georgia,serif;color:#debd7c;margin-bottom:9px}.map-note{font:12px/1.6 Arial;color:#bba58a}.map-region{display:flex;align-items:center;gap:12px;margin:27px 0 9px;scroll-margin-top:75px}.map-region span{font:12px Arial;color:#8dbaaa;border:1px solid #90b19e55;border-radius:20px;padding:4px 8px}.map-region h3{font:21px Georgia,serif;margin:0;color:#e8c587}.navlist .zonebtn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border-color:#98714b66;background:#d4ae6b05}.navlist .zonebtn small{font:10px Arial;white-space:nowrap;color:#b59b78}.navlist .zonebtn:hover{background:#ad664020;border-color:#cda15e}.cup-stage{min-height:190px;display:flex;justify-content:center;align-items:center;gap:24px;border:1px solid #ab7f424f;border-radius:18px;background:radial-gradient(ellipse at center,#b56b3230,#24100b);margin:20px 0}.moon-block{width:80px;height:45px;background:linear-gradient(145deg,#de6c43,#982717);border:1px solid #dfaa66;border-radius:80px 80px 18px 18px;box-shadow:inset 0 3px 10px #ffc08530,0 12px 15px #0005;transform:rotate(-25deg)}.moon-block.back{background:linear-gradient(145deg,#d6b27c,#ae7848);transform:rotate(25deg)}.cup-stage.tossing .moon-block{animation:cupToss .65s ease-in-out}.cup-stage.tossing .moon-block:last-child{animation-delay:.08s}@keyframes cupToss{50%{transform:translateY(-55px) rotate(200deg)}}#cupOutcome{color:#edcb8c;font:25px Georgia,serif;text-align:center;min-height:32px}.cup-help{color:#bfa586;font:13px/1.8 Arial}
@media(max-width:600px){.temple-brand{font-size:9px;letter-spacing:1px}.title-stack #location{font-size:19px}.location .seal{width:32px;height:37px;flex-shrink:0}.lotus-emblem{width:25px;height:25px}.location .switch{font-size:10px;padding:7px 9px}.location{min-height:59px}.tools #languageSettings{width:56px!important;height:56px!important}.tools{gap:15px 10px}.entry-card h1{font-size:40px}.entry-card{padding:25px 25px 20px}.entry-mark{width:60px;height:60px;margin-bottom:13px}.entry-mark .lotus-emblem{width:40px;height:40px}.entry-lead{font-size:15px}.temple-map{gap:6px}.temple-map button{font-size:11px;min-height:78px}.navlist .zonebtn small{font-size:9px}.sheet h2{font-size:23px}html[lang=en] .title-stack #location{font-size:17px}html[lang=en] .temple-brand{font-size:9px;letter-spacing:.6px}}
@media(max-width:390px){.tools{grid-template-columns:repeat(2,49px);gap:13px 9px}.tools #languageSettings{width:49px!important;height:49px!important}.temple-brand{font-size:8px;letter-spacing:.8px}.title-stack #location{font-size:17px}.location .switch{font-size:10px;padding:7px}.entry-card h1{font-size:37px}.navlist .zonebtn small{white-space:normal;text-align:right;max-width:100px}}
@media(max-height:700px){.entry-mark{display:none}.entry-card{padding-top:20px}.entry-card h1{font-size:35px}.entry-lead{font-size:13px;margin-bottom:12px}.entry-features{margin-bottom:12px}}
@media(max-height:560px) and (min-width:601px){.tools #languageSettings{width:40px!important;height:40px!important}.temple-brand{font-size:8px}.title-stack #location{font-size:17px}.tools{gap:9px}.location{min-height:49px}.temple-entry{padding:12px}.entry-card{padding:20px 28px}.entry-card input{padding:9px}.enter-temple{padding:10px}}
@media(prefers-reduced-motion:reduce){.cup-stage.tossing .moon-block{animation:none}}