:root{font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:#fff5db;font-size:16px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#233f46}canvas{display:block}#game{position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #d7b87980;background:#172c30d9;border-radius:5px;padding:.6rem 1rem;transition:background .2s}button:hover{background:#6b4334}button:focus-visible{outline:2px solid #ffe5a0;outline-offset:4px}button:disabled{opacity:.4;cursor:wait}.hud{position:fixed;z-index:2}header{top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font-family:serif;font-size:25px;letter-spacing:5px;text-shadow:0 2px 8px #000}.brand span{font:13px sans-serif;letter-spacing:3px;display:block;margin-top:6px;color:#e9d4af}.top-buttons{display:flex;gap:9px;pointer-events:auto}.top-buttons button{font-size:13px;background:#152f397d;backdrop-filter:blur(9px)}.quest{left:28px;top:116px;width:255px;padding:20px 22px;background:linear-gradient(100deg,#142930db,#14293035);border-left:2px solid #e4c98a;backdrop-filter:blur(8px)}small{font-size:12px;letter-spacing:3px;color:#e5c38b}h2{font-family:serif;font-weight:500;font-size:23px;margin:10px 0}p{line-height:1.7}.quest p{font-size:14px;color:#efe8d8}.quest button{font-size:13px;background:transparent}.minimap{right:28px;top:110px;text-align:center}.minimap canvas{width:168px;height:168px;border-radius:50%;border:2px solid #c6a574;background:#122e35c7;box-shadow:0 4px 24px #13252c55}.minimap span{font-size:13px;display:block;margin-top:10px;text-shadow:0 1px 5px #000}.bottom-left{bottom:28px;left:28px;text-shadow:0 2px 7px #000}.name{font-family:serif;font-size:27px;margin-right:20px}#action-state{font-size:13px;border-bottom:1px solid #d7b879}.bottom-left p{font-size:13px;margin-bottom:0}.skills{display:flex;gap:15px;right:28px;bottom:32px}.skills button{background:radial-gradient(ellipse,#47656cdd,#152734ec);border-radius:50%;width:76px;height:76px;border:2px solid #d4b982;box-shadow:inset 0 0 0 4px #163438,0 5px 20px #0006;position:relative}.skills b{font-family:serif;font-size:29px;font-weight:400}.skills span{display:block;font-size:12px;white-space:nowrap;position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);text-shadow:0 2px 4px #000}.skills button.active{background:#a47a3ddd;box-shadow:0 0 18px #f6c86588}#interact{left:50%;bottom:18%;transform:translateX(-50%);background:#1d353ce8;padding:13px 24px;border-color:#f0cb82}#toast{position:fixed;top:42%;left:50%;transform:translate(-50%,-50%);background:#142b35db;padding:12px 24px;border-radius:5px;z-index:5;opacity:0;pointer-events:none;transition:opacity .2s;max-width:80vw;text-align:center}#toast.show{opacity:1}dialog{color:#fff3dc;background:#203339f2;border:1px solid #d3b87c;border-radius:8px;padding:34px;max-width:440px;box-shadow:0 15px 80px #0008}dialog::backdrop{background:#12232a77;backdrop-filter:blur(3px)}dialog button{float:right;background:#87603b}#loading{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 40%,#305359,#10232c);display:flex;align-items:center;justify-content:center;flex-direction:column}#loading h1{font:38px serif;letter-spacing:9px;font-weight:400}#loading p{color:#d9d4bf;font-size:14px}.seal{font:32px serif;border:1px solid #c69553;padding:12px;color:#e8c27b;transform:rotate(-4deg)}progress{width:270px;height:3px;accent-color:#d2ad6a}#loading .small{font-size:12px;opacity:.6}.touch{display:none}.photo .hud{display:none!important}@media(max-width:750px){header{left:15px;right:15px;top:15px}.brand{font-size:19px}.top-buttons #quality{display:none}.top-buttons button{font-size:12px;padding:8px}.quest{top:85px;left:14px;width:200px;padding:12px}.minimap{top:90px;right:12px}.minimap canvas{width:110px;height:110px}.skills{right:15px;bottom:40px;gap:8px}.skills button{width:54px;height:54px;padding:0}.skills b{font-size:22px}.bottom-left{bottom:125px;left:15px}.bottom-left p{display:none}.touch{display:block;left:15px;bottom:22px;text-align:center}.touch button{padding:8px 13px;margin:2px;touch-action:none}#interact{bottom:26%}.quest p{font-size:13px}}