.light-draw-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid #d8bd7c;background:#f4e5bfdE;color:#234f53;padding:10px 20px;font:14px var(--serif);letter-spacing:1px;box-shadow:0 4px 18px #09263355;cursor:pointer}
.light-draw-button:hover{background:#fff2d6}.hero-bottom{z-index:3}
.quiz-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:108px;padding:15px 12px;margin:0 0 26px;border:1px solid #ac8c52;background:#173e48;color:#f3dfb7;text-align:left;cursor:pointer}
.quiz-entry img{width:50px;height:65px;object-fit:contain}.quiz-entry>span{flex:1}.quiz-entry small{display:block;color:#d0b87d;font:8px Georgia,serif;letter-spacing:1px}.quiz-entry strong{display:block;font:17px/1.7 var(--serif);margin:6px 0 3px}.quiz-entry em{font:10px/1.8 var(--serif);color:#ded1b6}.quiz-entry>b{font-weight:400}
.play-dialog{width:calc(100% - 28px);max-width:420px;max-height:88svh;overflow:auto;margin:auto;border:1px solid #b48d48;border-radius:4px;padding:22px;background:#f2e5c9 url('./assets/art-v1/texture-sandstone.png') center/cover;color:#214b51;overscroll-behavior:contain;box-shadow:0 20px 80px #0007}
.play-dialog::backdrop{background:#041c2cdc;backdrop-filter:blur(6px)}
body:has(.play-dialog[open]){overflow:hidden}
.play-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.play-dialog-bar small{font:8px/1.7 Georgia,serif;letter-spacing:1.3px;color:#897039}.play-close{height:44px;min-width:44px;border:1px solid #a0875250;border-radius:50%;background:#f7edd8aa;color:#214b51;font-size:25px;cursor:pointer}
.play-dialog h2{font:25px/1.6 var(--serif);letter-spacing:1px;margin:18px 0 10px}.play-dialog h2:focus{outline:none}.play-dialog button:focus-visible{outline:2px solid #327c75;outline-offset:4px}
.play-intro{font:12px/1.8 var(--serif);color:#627265;margin:12px 0 20px}
.draw-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0 18px}
.draw-card{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#163a49 url('./assets/art-v1/texture-lapis.png') center/cover;border:1px solid #bda164;color:#e9d098;position:relative;cursor:pointer;transition:transform .2s}
.draw-card:after{content:'';position:absolute;inset:5px;border:1px solid #b69e6355;pointer-events:none}.draw-card:hover{transform:translateY(-6px)}.draw-card img{width:60px;height:60px;object-fit:contain}.draw-card span{font:22px var(--serif)}.draw-card small{font:10px var(--serif);letter-spacing:3px}
.play-footnote{font:11px/1.8 var(--serif);color:#72755f;text-align:center;margin:18px 0}
.light-result{text-align:center;animation:play-reveal .45s ease both}.light-result img{display:block;object-fit:contain;width:100%;height:200px;margin:0 auto 10px}.light-result>span{font:20px var(--serif);letter-spacing:3px}.light-result p,.quiz-result p{font:13px/1.9 var(--serif);color:#52685f;margin:18px 0 24px}
.play-primary{display:block;min-height:48px;padding:12px 16px;border:1px solid #9c9866;background:#24534e;color:#f6e8c7;width:100%;font:13px/1.7 var(--serif);letter-spacing:1px;cursor:pointer}.play-primary:disabled{background:#485d58;color:#d5d2b8;cursor:default}.play-primary:not(:disabled):hover{background:#163c39}
.play-secondary{display:block;min-height:44px;padding:10px 8px;background:none;border:0;color:#3a675e;margin:8px auto 0;font:12px var(--serif);cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.play-action-row{display:flex;justify-content:center;gap:30px}
.quiz-progress{display:flex;align-items:center;gap:6px;margin:22px 0 12px}.quiz-progress span{height:3px;flex:1;background:#b3b49d}.quiz-progress .lit{background:#367a72}.quiz-progress small{font:10px Georgia,serif;padding-left:8px}
.quiz-choices{display:grid;gap:12px;margin:22px 0}.quiz-choices button{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px;border:1px solid #ab955e;background:#fff8e5b8;color:#204d50;text-align:left;font:14px var(--serif);cursor:pointer}.quiz-choices span{font:italic 12px Georgia,serif;color:#9b7f43}.quiz-choices b{margin-left:auto;font-weight:400}.quiz-choices button:hover{background:#e3e5ce;border-color:#3b7266}
.quiz-result{text-align:center;animation:play-reveal .4s ease both}.quiz-result img{width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 9px 8px #68502122)}.quiz-result h3{font:23px var(--serif);letter-spacing:2px;margin:0}
.mural-exploration{margin:0 -24px 35px;background:#123947;border-bottom:1px solid #b3945855;padding-bottom:24px}
.exploration-heading{text-align:center;padding:20px 22px}.exploration-heading small{font:8px Georgia,serif;letter-spacing:2px;color:#d1ba83}.ritual .exploration-heading h2{font:23px/1.6 var(--serif);letter-spacing:2px;margin:12px 0}.ritual .exploration-heading p{font:11px/1.8 var(--serif);margin:0;color:#d3c6aa}
.mural-stage{height:345px;position:relative;background:#efe0c0 url('./assets/art-v1/hero-background.png') center/cover;overflow:hidden;border-block:1px solid #b59b65}
.mural-token{position:absolute;border:0;background:none;padding:0;cursor:pointer;filter:saturate(.45);transition:filter .3s,transform .3s}.mural-token img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #664b3322)}.mural-token>span{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:75px;padding:6px 10px;background:#173b48eF;color:#e9d297;border:1px solid #ba9a57;font:12px var(--serif);white-space:nowrap}.mural-token b{font-weight:400}.mural-token:hover{transform:translateY(-3px)}.mural-token[aria-pressed=true]{filter:saturate(1)}.mural-token[aria-pressed=true]>span{background:#386b59}.mural-token:focus-visible{outline:2px solid #357565;outline-offset:3px}
.token-feitian{width:64%;height:165px;top:8px;left:0;z-index:3}.token-lotus{width:38%;height:165px;bottom:10px;left:4%;z-index:2}.token-deer{width:52%;height:250px;right:1%;bottom:15px;z-index:1}
.exploration-progress{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 10px;gap:10px;color:#dfc48e;font:11px var(--serif)}.motif-stamps{display:flex;gap:5px}.motif-stamps span{padding:6px 8px;border:1px dashed #9b9c8177;color:#a7aaa0}.motif-stamps .collected{border-style:solid;border-color:#d2ae65;color:#f0d69f;background:#a88b4422}
.motif-story{margin:8px 20px 18px;border-block:1px solid #b4965a44;padding:15px 0;min-height:125px}.motif-story h3{font:18px var(--serif);letter-spacing:2px;color:#f0d69e;margin:0 0 10px}.ritual .motif-story p{font:12px/2 var(--serif);color:#d6ccb4;margin:0}
.mural-exploration>.play-primary{width:calc(100% - 40px);margin:0 auto}.mural-exploration>.play-secondary{color:#d7c38d}
.ritual .exploration-status{margin:12px 20px 0;min-height:20px;font:11px/1.8 var(--serif);text-align:center;color:#e9d299}
.collection-reward{margin:20px;background:#f2e3c5 url('./assets/art-v1/texture-sandstone.png') center/cover;border:1px solid #c5a263;padding:22px 15px;text-align:center;color:#255051;animation:play-reveal .45s ease both}.collection-reward>small{font:8px Georgia,serif;letter-spacing:1px;color:#8c7444}.collection-reward h3{font:21px/1.6 var(--serif);letter-spacing:1px;margin:10px 0 15px}.collection-reward>div{display:flex;align-items:center;justify-content:center}.collection-reward img{width:33.33%;height:85px;object-fit:contain}.ritual .collection-reward p{font:11px/1.8 var(--serif);color:#557063;margin:15px 0 0}
@keyframes play-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:360px){.play-dialog{padding:18px}.play-dialog h2{font-size:22px}.draw-card{height:165px}.draw-card img{width:50px;height:50px}.quiz-entry{gap:8px}.quiz-entry img{width:40px}.quiz-entry strong{font-size:15px}.exploration-progress{padding-inline:15px}.motif-stamps span{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.play-dialog *,.mural-exploration *{animation:none!important;transition:none!important}}