@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500&display=swap');:root{--gold:#b99862;--paper:#deccb0;--serif:'Noto Serif SC','SimSun',serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:#090708;color:var(--paper);font:13px Arial,'Microsoft YaHei',sans-serif;overflow:hidden;height:100svh;min-width:320px}button,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #d4b477;outline-offset:4px}button{transition:background 180ms ease,transform 150ms var(--ease),color 180ms ease}button:active:not(:disabled){transform:scale(.97)}[hidden]{display:none!important}.environment,.room-shade,#canvas-host{position:fixed;inset:0}.environment{z-index:0;background:#130d0b}.environment>img{width:100%;height:100%;object-fit:cover;object-position:center 44%;display:block;filter:brightness(.79)}.room-shade{box-shadow:inset 0 0 15vw 5vw #030305a3;background:linear-gradient(#05030588,transparent 26%,transparent 68%,#03030599);pointer-events:none}#canvas-host{z-index:1;touch-action:none;transition:opacity 600ms ease;opacity:.01}#canvas-host.ready{opacity:1}#canvas-host canvas{display:block;width:100%;height:100%;touch-action:none}header{position:fixed;z-index:15;top:0;left:0;width:100%;height:90px;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080508d9,#08050800);gap:16px}.brand{display:flex;gap:12px;align-items:center;font-family:var(--serif);font-size:21px;letter-spacing:5px;text-decoration:none;color:#deccb0}.brand>span{font:39px Georgia,serif;color:var(--gold)}.brand small{display:block;font:7px Arial,sans-serif;letter-spacing:2.2px;margin-top:8px;color:#a58b62}.brand>div{min-width:130px}nav{display:flex;align-items:center;gap:20px;color:#80705a;font-size:9px;letter-spacing:1px}nav i{height:1px;width:25px;background:#785b394c}nav .current{color:#cfb27d}.header-actions{display:flex;gap:22px;align-items:center}.header-actions button, .table-actions button,#edit-question{background:none;border:0;font-size:10px;color:#b29a75;letter-spacing:.5px;padding:10px 0}.header-actions #style-toggle{padding:10px 12px;border:1px solid #b18c4a44;border-radius:3px;background:#120b0c80;font-size:10px}.header-actions #style-toggle span{margin-left:10px}main{position:fixed;inset:0;pointer-events:none;z-index:10}.witch-speech{position:fixed;left:50%;top:30%;transform:translateX(-50%);z-index:5;text-align:center;pointer-events:none;text-shadow:0 2px 10px #000,0 1px 4px #000;max-width:90%;white-space:nowrap;transition:top 900ms var(--ease)}.witch-speech>span{font-size:8px;color:#b1915d;letter-spacing:4px}.witch-speech p{font:400 17px/1.8 var(--serif);letter-spacing:2px;margin:11px 0;color:#e2cfaa}.question-panel{pointer-events:auto;position:absolute;left:50%;bottom:10%;transform:translateX(-50%);width:450px;max-width:calc(100% - 38px);padding:25px 27px 18px;border:1px solid #ae8b4b57;background:linear-gradient(145deg,#160c10e8,#10090cf4);box-shadow:0 15px 70px #000b,inset 0 0 30px #b78c4b06;backdrop-filter:blur(8px);border-radius:4px;transition:opacity 350ms ease,transform 500ms var(--ease)}.panel-ornament{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:#1c1213;color:#bf9b62;padding:0 9px;font-size:23px}.eyebrow{font-size:7px;letter-spacing:2px;text-align:center;color:#91764e;margin:5px 0 9px}.question-panel h1{font:400 24px/1.7 var(--serif);text-align:center;letter-spacing:2px;margin:9px 0 22px}.question-panel label{display:block;font-size:9px;letter-spacing:1px;color:#b49a74;margin-bottom:10px}.question-panel textarea{display:block;width:100%;height:70px;resize:none;background:#07050766;color:#d8c5a7;border:1px solid #88694366;border-radius:2px;padding:12px;font-size:11px;line-height:1.8;outline:none}.question-panel textarea:focus{border-color:#c4a26a}.question-panel textarea::placeholder{color:#76634f}.field-meta{display:flex;justify-content:space-between;color:#7f6b54;font-size:8px;margin-top:8px}.topics{display:flex;gap:9px;margin:14px 0 20px}.topics button{border:1px solid #8e6c443d;background:#b9975705;color:#a9906c;border-radius:20px;font-size:8px;padding:7px 10px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #b59661;background:linear-gradient(100deg,#a98650,#bea16b);color:#20150c;border-radius:2px;font-size:11px;letter-spacing:1px;padding:15px 18px}.primary:disabled{background:#4a3828;border-color:#6b5236;color:#9f896a;cursor:not-allowed}.private-note{text-align:center;font:8px var(--serif);color:#78634f;letter-spacing:1px;margin:13px 0 0}.table-hud{position:absolute;inset:0;pointer-events:none}.question-ribbon{position:absolute;top:98px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;max-width:80%;padding:9px 18px;background:#0d080ac4;border:1px solid #785a3433;border-radius:30px;backdrop-filter:blur(5px)}.question-ribbon>span{white-space:nowrap;font-size:8px;color:#8e734e}.question-ribbon p{margin:0;font:11px/1.8 var(--serif);max-width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccb48d}.question-ribbon button{pointer-events:auto;white-space:nowrap;margin-left:5px}.positions{position:absolute;left:50%;top:44%;transform:translateX(-50%);display:flex;justify-content:space-between;width:410px;max-width:80vw;font-family:var(--serif);font-size:10px;color:#c2a472;text-shadow:0 2px 7px #000;letter-spacing:2px;opacity:.7}.positions span{width:100px;text-align:center}.table-status{position:absolute;left:50%;bottom:13%;transform:translateX(-50%);display:flex;gap:22px;align-items:center;background:#0b070bcc;border:1px solid #9c773b35;padding:11px 18px;border-radius:3px;white-space:nowrap;box-shadow:0 5px 25px #0004}.table-status>span{font-size:10px;color:#bda27a;letter-spacing:.6px}.table-status>b{font:14px Georgia,serif;color:#c4a466;font-weight:400;letter-spacing:2px}.table-actions{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);pointer-events:auto}.table-actions button{font-size:10px}.table-actions button:disabled{color:#6a553e}.style-panel{pointer-events:auto;position:absolute;top:87px;right:4%;width:370px;max-width:calc(100% - 28px);max-height:calc(100svh - 115px);overflow-y:auto;border:1px solid #a7834966;background:#130c12f5;padding:22px;box-shadow:0 15px 80px #000d;border-radius:5px;backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#6a5035 transparent}.style-heading{display:flex;justify-content:space-between;align-items:flex-start}.style-heading small{font-size:7px;letter-spacing:2px;color:#a68a5c}.style-heading h2{font:400 20px var(--serif);margin:10px 0}.style-heading button{background:none;border:0;font-size:25px;color:#a68e69;padding:0}.style-panel>p{font-size:10px;line-height:1.9;color:#937e64;margin:8px 0 18px}.style-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.style-option{padding:7px;border:1px solid #755a3544;background:#08060966;border-radius:3px;color:#ad936e;text-align:left;position:relative}.style-option[aria-pressed=true]{border-color:#d7b57a;background:#b3955c15}.style-option[aria-pressed=true]::after{content:'✓';position:absolute;top:12px;right:12px;background:#b69760;color:#130c0a;border-radius:50%;font-size:10px;padding:4px 5px}.style-option img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:2px}.style-option span{display:block;font-size:9px;margin:9px 0 3px;letter-spacing:.5px}footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;padding:15px 4% 19px;z-index:10;pointer-events:none;font-size:8px;letter-spacing:.7px;color:#796448;text-shadow:0 1px 4px #000;background:linear-gradient(transparent,#070507a6)}.loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:40;background:#0c080bf5;color:#af8d58;transition:opacity 400ms ease}.loading>span{font:48px Georgia,serif}.loading p{font:13px var(--serif);letter-spacing:2px;margin-top:24px}.loading.done{opacity:0;pointer-events:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only:focus-within{position:fixed!important;left:20px;bottom:65px;width:auto!important;height:auto!important;clip:auto!important;margin:0!important;z-index:50;background:#100b10;padding:10px!important}.sr-only button{background:#291b19;color:#d3b580;border:1px solid #9e7b48;padding:7px;margin:3px;font-size:10px}body[data-mode=reading] .witch-speech{top:23%;opacity:.9}body[data-mode=reading] .environment img{filter:brightness(.72)}@media(hover:hover){button:hover:not(:disabled){color:#ead3a9}.primary:hover:not(:disabled){color:#20150c;background:#d1af74}.style-option:hover{border-color:#ad884f}}@media(max-width:900px){header{height:78px;padding:16px 4%}.brand{font-size:18px;gap:8px}.brand>span{font-size:32px}.brand>div{min-width:105px}.brand small{font-size:6px;letter-spacing:1.4px}.header-actions{gap:12px}nav{gap:10px;font-size:8px}nav i{width:14px}.header-actions #style-toggle{font-size:8px;padding:9px}.header-actions button{font-size:9px}.question-panel{bottom:9%;width:420px}.witch-speech{top:29%}.witch-speech p{font-size:15px}.question-ribbon{top:85px}.positions{top:43%}}@media(max-width:620px){header{height:75px}.brand{font-size:17px;letter-spacing:4px}.brand small{font-size:5px;letter-spacing:1.2px}.brand>div{min-width:90px}.brand>span{font-size:29px}nav{position:absolute;top:87px;left:50%;transform:translateX(-50%);width:100%;justify-content:center;gap:17px;font-size:8px}nav i{width:25px}.header-actions{gap:13px}.header-actions #style-toggle{font-size:8px;padding:8px}.header-actions #style-toggle span{margin-left:5px}#sound{font-size:9px}.environment img{object-position:50% 39%}.room-shade{box-shadow:inset 0 0 100px 15px #03030580;background:linear-gradient(#05030588,transparent 30%,transparent 60%,#030305c9)}.witch-speech{top:28%;white-space:normal;width:95%;max-width:95%}.witch-speech p{font-size:13px;letter-spacing:1px}.witch-speech>span{font-size:7px}.question-panel{max-width:calc(100% - 36px);bottom:9%;padding:23px 20px 17px}.question-panel h1{font-size:21px;margin:8px 0 18px;letter-spacing:1px}.eyebrow{font-size:6px;letter-spacing:1.3px}.question-panel textarea{font-size:10px;height:65px}.topics{gap:7px;margin:12px 0 17px}.topics button{font-size:8px;padding:6px 9px}.primary{font-size:10px;padding:14px 15px}.question-panel label{font-size:9px}.private-note{font-size:7px}.question-ribbon{top:118px;max-width:92%;padding:7px 12px;gap:8px;width:auto}.question-ribbon p{font-size:9px;max-width:205px}.question-ribbon>span{font-size:7px}.question-ribbon button{font-size:8px}.positions{top:42%;width:310px;max-width:87%;font-size:8px;letter-spacing:1px}.positions span{width:85px}.table-status{max-width:95%;bottom:14%;padding:10px 11px;gap:12px}.table-status>span{font-size:8px;white-space:normal;line-height:1.8;max-width:250px}.table-status>b{font-size:13px;white-space:nowrap}.table-actions{bottom:8%}.table-actions button{font-size:9px}footer{font-size:6px;padding-bottom:18px;gap:15px}footer>span:first-child{display:none}.style-panel{top:116px;right:14px;padding:18px;max-height:calc(100svh - 145px)}.style-heading h2{font-size:19px}.style-grid{gap:12px}body[data-mode=reading] .witch-speech{top:25%}.loading p{font-size:11px}}@media(max-height:700px) and (min-width:621px){.question-panel{bottom:8%;padding:19px 23px 15px;width:400px}.question-panel h1{font-size:20px;margin:5px 0 14px}.question-panel textarea{height:55px}.topics{margin:11px 0 15px}.witch-speech{top:20%}.witch-speech p{font-size:13px}.primary{padding:12px 16px}.positions{top:39%}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}

.deck-navigation{position:absolute;left:50%;bottom:23%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;pointer-events:auto;background:#0e0809b0;padding:7px 12px;border:1px solid #98713c30;border-radius:4px}.deck-navigation button{border:1px solid #9b794533;border-radius:3px;background:#6d492b12;color:#c2a370;width:28px;height:33px;font:23px Georgia,serif}.deck-scroll{display:flex;flex-direction:column;align-items:center;gap:5px}.deck-scroll span{font-size:8px;letter-spacing:.8px;color:#a78d66;white-space:nowrap}.deck-scroll input{width:175px;height:8px;margin:0;accent-color:#ae8750;cursor:ew-resize;touch-action:pan-x}.deck-navigation>span{font-size:8px;color:#9c835e;white-space:nowrap;border-left:1px solid #9c763833;padding-left:12px}.back-preview{grid-column:1/-1;margin:0;text-align:center}.back-preview img{display:block;width:100%;max-width:240px;margin:0 auto;border-radius:8px;box-shadow:0 10px 30px #0008}.back-preview figcaption{font:10px var(--serif);color:#ad9167;margin-top:15px;line-height:2}.positions{width:450px}.positions span{width:128px;white-space:nowrap}.table-status>span{max-width:65vw;white-space:normal;text-align:center;line-height:1.8}@media(max-width:620px){.deck-navigation{bottom:23%;gap:8px;padding:7px 10px}.deck-scroll input{width:140px}.deck-scroll span{font-size:7px}.deck-navigation>span{font-size:7px;padding-left:8px}.deck-navigation button{width:26px;height:30px;font-size:21px}.positions{width:88%;max-width:88%;font-size:8px;letter-spacing:.5px}.positions span{width:100px}.table-status{bottom:13%;max-width:92%}.table-status>span{max-width:66vw;font-size:8px}.style-panel{width:320px}.back-preview img{max-width:205px}}

/* 交互控件保留独立下沿，牌名跟随三维投影置于牌上方 */
#canvas-host{bottom:132px}.table-dock{position:absolute;left:0;right:0;bottom:27px;height:103px;background:linear-gradient(transparent,#080508a6);pointer-events:none}.deck-navigation{top:0;bottom:auto;pointer-events:auto}.table-status{top:51px;bottom:auto;padding:5px 12px;min-height:27px}.table-actions{top:78px;bottom:auto;white-space:nowrap}.table-actions button{padding:5px 0;font-size:9px}.positions{position:absolute;inset:0;transform:none;width:auto;max-width:none;opacity:1}.positions span{position:absolute;width:auto;min-width:90px;text-align:center;transform:translate(-50%,-100%);padding:4px 9px;line-height:1.7;white-space:nowrap;background:#0c0709a3;border:1px solid #97713b30;border-radius:3px;font-size:10px;letter-spacing:.7px;text-shadow:0 1px 5px #000}footer{padding-bottom:8px;padding-top:5px;font-size:7px}@media(max-width:620px){#canvas-host{bottom:142px}.table-dock{bottom:24px;height:116px}.deck-navigation{top:0;bottom:auto}.table-status{top:52px;bottom:auto;max-width:94%;padding:5px 10px}.table-status>span{font-size:8px}.table-actions{top:91px;bottom:auto}.positions{inset:0;width:auto;max-width:none}.positions span{font-size:8px;letter-spacing:.2px;min-width:75px;padding:3px 6px}footer{font-size:6px;padding-bottom:7px}}

.reading-panel{position:absolute;left:50%;bottom:136px;transform:translateX(-50%);width:900px;max-width:94%;max-height:290px;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding:18px 23px 16px;background:linear-gradient(135deg,#1d1219f7,#100b10fa);border:1px solid #9f7b454f;border-radius:5px;box-shadow:0 15px 70px #000c;backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:#7f623e transparent}.reading-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.reading-panel-head small{font-size:8px;letter-spacing:1.5px;color:#ad8f60}.reading-panel-head h2{font:400 17px/1.8 var(--serif);margin:5px 0 0;color:#d7bf96}.reading-panel-head button{background:none;border:0;font-size:24px;color:#ab8e64;padding:0 2px;line-height:1}.reading-question{font:10px/1.9 var(--serif);color:#c1a985;margin:9px 0 5px}.reading-focus{font-size:9px;line-height:1.9;color:#9d896c;margin:0 0 13px}.reading-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.reading-cards article{border-top:1px solid #a17c413b;padding-top:11px}.reading-cards small{font-size:8px;letter-spacing:1px;color:#927951}.reading-cards h3{font:400 17px var(--serif);color:#d2b47d;margin:9px 0 7px}.reading-keywords{font-size:8px;color:#a88e65;letter-spacing:.8px}.reading-cards article p{font-size:11px;line-height:1.95;color:#c8b69a;margin:9px 0 0}.reading-reflection{border-left:2px solid #a7844f;padding:9px 13px;background:#b78c4c06;margin-top:16px}.reading-reflection>span{font-size:8px;color:#9e8157}.reading-reflection p{font:11px/1.9 var(--serif);color:#d0b893;margin:5px 0 0}.reading-note{font-size:8px;line-height:1.8;color:#806b50;margin:11px 0 0}.table-actions{display:flex;align-items:center;justify-content:center;gap:23px}body[data-reading=open] .deck-navigation,body[data-reading=open] .table-status{visibility:hidden}.art-preview-link{display:block;margin-top:19px;padding-top:15px;border-top:1px solid #98723d33;color:#b59865;font-size:10px;text-decoration:none;text-align:center}@media(max-width:620px){.reading-panel{bottom:146px;max-width:94%;padding:15px 16px}.reading-panel-head h2{font-size:14px}.reading-panel-head small{font-size:7px}.reading-cards{grid-template-columns:1fr;gap:14px}.reading-cards h3{font-size:17px;margin-top:8px}.reading-cards article p{font-size:11px}.reading-focus{font-size:9px}.reading-question{font-size:10px}.reading-reflection p{font-size:11px}.table-actions{gap:18px}.table-actions button{font-size:8px}}

/* Mobile gesture policy: no double-tap zoom or long-press callouts. */
html,body{touch-action:manipulation;-webkit-touch-callout:none}body{-webkit-user-select:none;user-select:none}button,a,textarea,input{touch-action:manipulation}textarea,input[type=text]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;-webkit-touch-callout:none}#canvas-host,#canvas-host canvas{touch-action:none}
@media(pointer:coarse){.question-panel textarea{font-size:16px}}

/* Restore the first edition ink-green desk palette. */
body{background:#101514}.environment{background:radial-gradient(ellipse at 50% 64%,#2b483845,transparent 66%),radial-gradient(ellipse at 74% 38%,#26392c50,transparent 48%),#101514}.environment::before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(0deg,#c6d2b508 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#020a0718 0 1px,transparent 1px 5px);pointer-events:none}.room-shade{box-shadow:inset 0 0 18vw 3vw #02080675;background:linear-gradient(#040a0866,transparent 30%,transparent 65%,#030a0880)}header{background:linear-gradient(#101514ed,#10151400)}.table-dock{background:linear-gradient(transparent,#080e0bb0)}

/* Midnight violet desk: soft pool of light with a quiet velvet texture. */
body{background:#130c20}.environment{background:radial-gradient(ellipse at 50% 64%,#62446b55 0%,#38223f33 36%,transparent 70%),radial-gradient(ellipse at 18% 12%,#49305738,transparent 52%),linear-gradient(145deg,#1d122c,#100b1b 66%,#180d22)}.environment::before{opacity:.12;background:repeating-linear-gradient(0deg,#e6c6f20a 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#03010922 0 1px,transparent 1px 5px)}.environment::after{content:"";position:absolute;left:50%;bottom:-34vh;transform:translateX(-50%);width:140vw;height:115vh;border-radius:50%;border:1px solid #c39ece0c;box-shadow:inset 0 30px 100px #9d73ac08,0 -40px 100px #09051030;pointer-events:none}.room-shade{box-shadow:inset 0 0 18vw 3vw #07041088;background:linear-gradient(#09051166,transparent 32%,transparent 65%,#09051177)}header{background:linear-gradient(#120c20eb,#120c2000)}.question-panel{background:linear-gradient(140deg,#271831e8,#140e1ff5);border-color:#aa8ca44d}.question-panel textarea{background:#0b071266}.question-ribbon{background:#140d20d9}.table-dock{background:linear-gradient(transparent,#0c0716b0)}.table-status{background:#130d20d9}.loading{background:#130c20}
body[data-result=true] .table-status{display:none}body[data-result=true] .question-ribbon{opacity:.8}body[data-result=true] .positions span{font-family:var(--serif);font-size:20px;letter-spacing:2px;line-height:1.6;color:#e2c88d;background:#150d23c4;border-color:#b99a5f3d;padding:6px 14px;box-shadow:0 3px 18px #06030b55}body[data-result=true] .table-actions{top:55px}body[data-result=true] #restart{font-size:12px;color:#d5bd8f}
@media(max-width:620px){body[data-result=true] .positions span{font-size:14px;letter-spacing:.4px;min-width:0;padding:5px 8px}body[data-result=true] #restart{font-size:11px}.environment::after{width:200vw;height:95vh;bottom:-25vh}}