@font-face{font-family:Han;src:url(/assets/fonts/candidates/zh/HanSanQuanYuan-Regular.ttf)}@font-face{font-family:Han;src:url(/assets/fonts/candidates/zh/HanSanQuanYuan-Bold.ttf);font-weight:700}@font-face{font-family:Roboto;src:url(/assets/fonts/Roboto.ttf)}*{box-sizing:border-box}html,body{margin:0;background:#eee7de;color:#78544e;font-family:Han,system-ui;overscroll-behavior:none}button,select{font:inherit}button{cursor:pointer}#app{min-height:100dvh;display:flex;align-items:center;justify-content:center;gap:64px;padding:24px}#stage{height:min(92dvh,1000px);aspect-ratio:1080/2400;position:relative;flex:none;box-shadow:0 25px 70px #6c45342b;border-radius:22px;overflow:hidden;background:#f7f2ee}canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}#controls{position:absolute;inset:0;pointer-events:none}#controls button{position:absolute;background:none;color:transparent;border:0;padding:0;pointer-events:auto;border-radius:20px;touch-action:manipulation;font-size:1px}#controls button:focus-visible{outline:2px solid #875af0}aside{max-height:92dvh;overflow-y:auto;scrollbar-width:thin;width:320px;flex:none}.eyebrow{font:11px Roboto;letter-spacing:2px;color:#ac897a}h1{font-size:36px;line-height:1.3;margin:22px 0;color:#805844}.intro{line-height:1.9;color:#a18a80;font-size:13px}nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:26px 0}nav button,.actions button{background:#faf6f0;color:#8d6557;border:1px solid #d9c9bc;border-radius:9px;padding:11px 4px;font-size:12px}nav button.active{background:#f99b19;color:#fff;border-color:#f99b19}label{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:13px}select{max-width:200px;background:#fff8ef;border:1px solid #dccdbc;border-radius:6px;padding:8px;color:#7a554b;font-size:12px}.help{font-size:12px;line-height:1.9;padding:16px 0;border-top:1px solid #d9cbbe;border-bottom:1px solid #d9cbbe}#facts{font-size:12px;line-height:1.9;margin:15px 0;color:#9b8073}details{font-size:12px;line-height:1.8}summary{cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}small{font-size:11px;color:#aa9387}#research-toggle{display:none}#a11y-live{position:fixed;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:760px){html,body{background:#f7f2ee;overflow:hidden}#app{padding:0;gap:0;height:100dvh;min-height:0;overflow:hidden}#stage{height:100dvh;max-width:100vw;aspect-ratio:1080/2400;border-radius:0;box-shadow:none}aside{display:none;position:fixed;inset:auto 12px 28px;width:auto;background:#fffaf2;padding:22px;border-radius:24px;z-index:5;max-height:82dvh;overflow:auto;box-shadow:0 10px 80px #57352266}aside.open{display:block}aside h1{font-size:25px;margin:10px 0}aside nav{margin:14px 0}#research-toggle{display:block;position:fixed;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:6;border:1px solid #d9cabd;border-radius:20px;background:#fff9efed;color:#9c7b6c;font-size:10px;padding:5px 10px;opacity:.65}#research-toggle:hover{opacity:1}}