:root{--gold: #e7c56a;--paper: #f4e6c8}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#05070e}body{font-family:"Noto Serif SC",serif;color:var(--paper);touch-action:none;user-select:none;-webkit-user-select:none}canvas{display:block;width:100%;height:100%}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.top{pointer-events:none;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 12px 0}.hpbox{min-width:46vw;max-width:320px}.name{font-family:Ma Shan Zheng,cursive;font-size:18px;letter-spacing:.16em;color:var(--gold);text-shadow:0 0 12px #d4af5a88}.bar{height:9px;margin-top:5px;border-radius:99px;overflow:hidden;background:#1a1320cc;border:1px solid #e7c56a55}.bar>i{display:block;height:100%;width:40%}.hp>i{background:linear-gradient(90deg,#7a1f24,#e36a4a)}.mp>i{background:linear-gradient(90deg,#1c4d7a,#6ec8ff)}.xp>i{background:linear-gradient(90deg,#8a6a22,#e7c56a)}.stats{font-size:11px;opacity:.85;margin-top:4px;letter-spacing:.08em}.chips{display:flex;gap:8px}.chip{pointer-events:none;background:#0b1220cc;border:1px solid #e7c56a44;border-radius:999px;padding:4px 10px;font-size:12px}.joy-zone{pointer-events:auto;position:absolute;left:0;top:70px;bottom:0;width:52%}.stick{pointer-events:none;position:absolute;left:28px;bottom:36px;width:148px;height:148px;opacity:.55;transition:opacity .12s}.stick.show{opacity:1}.stick-base,.stick-knob{position:absolute;border-radius:50%}.stick-base{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#ffffff14,#0006);border:2px solid #e7c56a66}.stick-knob{width:54px;height:54px;left:39px;top:39px;background:radial-gradient(circle at 35% 30%,#f3e2a8,#8a6a22);box-shadow:0 6px 16px #0008}.skills{pointer-events:auto;position:absolute;right:16px;bottom:24px;width:180px;height:180px}.sk{position:absolute;width:58px;height:58px;border-radius:50%;border:2px solid #e7c56a99;color:#f8e7b0;background:radial-gradient(circle at 30% 25%,#3a2a12,#120e18 70%);font:12px "Noto Serif SC",serif;letter-spacing:.08em;pointer-events:auto}.sk.atk{right:8px;bottom:8px;width:68px;height:68px;font-size:14px}.sk.s1{right:86px;bottom:18px}.sk.s2{right:18px;bottom:92px}.sk.dash{right:96px;bottom:92px}.sk:disabled{opacity:.45}.cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#0009 var(--p, 0%),transparent 0);pointer-events:none}.ai-btn,.pause-btn{pointer-events:auto;position:absolute;top:12px;border:1px solid #e7c56a88;background:#0b1220cc;color:var(--gold);border-radius:999px;padding:6px 12px;font:13px "Noto Serif SC",serif;letter-spacing:.12em}.ai-btn{right:12px;top:52px}.pause-btn{right:12px}.cover,.ai-page,.dead{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8}.cover{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 24px 56px;background:radial-gradient(900px 480px at 72% 14%,#f3e2a833,transparent 55%),linear-gradient(180deg,transparent 52%,#070b14ee 90%)}.cover h1{font-family:Ma Shan Zheng,cursive;font-size:clamp(42px,12vw,72px);letter-spacing:.36em;color:#f3e2a8;text-shadow:0 0 28px #d4af5a99,0 8px 24px #000}.cover p{margin:8px 0 18px;letter-spacing:.42em;opacity:.8}.cover-actions{display:flex;flex-direction:column;gap:10px;width:min(74vw,280px)}.start,.start.ghost{width:100%;height:48px;border-radius:999px;border:1px solid #f3e2a8;background:linear-gradient(180deg,#5a4318,#1a140c);color:#f8e7b0;font:18px ZCOOL XiaoWei,serif;letter-spacing:.4em}.start.ghost{background:#0b1220aa;letter-spacing:.28em}.ai-page{display:none;flex-direction:column;background:#070b14}.ai-page.open{display:flex}.ai-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #e7c56a44}.ai-head h2{font-family:Ma Shan Zheng,cursive;letter-spacing:.2em;color:var(--gold);font-size:20px}.ai-head button,.dead button{border:1px solid #e7c56a88;background:transparent;color:var(--gold);border-radius:999px;padding:6px 12px;font:13px "Noto Serif SC",serif}.ai-frame{flex:1;border:0;width:100%;background:#0b1220}.ai-status{position:absolute;left:50%;top:56%;transform:translate(-50%);color:#f4e6c8cc;font-size:13px;letter-spacing:.12em}.dead{display:none;align-items:center;justify-content:center;background:#070b14cc;flex-direction:column;gap:14px}.dead.open{display:flex}.dead h2{font-family:Ma Shan Zheng,cursive;font-size:36px;letter-spacing:.2em;color:#f3e2a8}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%);background:#0b1220ee;border:1px solid var(--gold);color:var(--gold);padding:8px 14px;border-radius:999px;z-index:20;display:none;pointer-events:none}