:root{
  --ink:#0b1715;--ink2:#10231f;--panel:#112722e8;--panel2:#17352ede;
  --jade:#8ebda3;--jade2:#c6dcc8;--gold:#d8bc78;--paper:#eef2df;--muted:#a9b9ae;
  --danger:#c86855;--line:#7691844c;--safe:#84c89e;--shadow:0 18px 55px #0009;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#091512;color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button{border:0;color:inherit}button:active{transform:scale(.97)}.hidden{display:none!important}.hidden-ui{opacity:0;pointer-events:none}.ico{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;pointer-events:none}

#world{position:fixed;inset:0;width:100vw;height:100vh;display:block;background:#18372e;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 48%,#06100a36 80%,#02070699 112%);z-index:2}

.boot-screen{position:fixed;inset:0;z-index:100;background:linear-gradient(180deg,#dce8d5 0%,#8eb6a4 38%,#24483e 72%,#0b1b17 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:opacity .7s ease,visibility .7s}.boot-screen.done{opacity:0;visibility:hidden}.boot-mountains{position:absolute;inset:25% -15% 0;background:linear-gradient(160deg,transparent 30%,#456f5d 31% 43%,transparent 44%),linear-gradient(205deg,transparent 36%,#284f43 37% 55%,transparent 56%),linear-gradient(155deg,transparent 46%,#173e34 47% 68%,transparent 69%);filter:blur(.2px);opacity:.78}.boot-screen:after{content:"";position:absolute;inset:auto -20% 9%;height:35%;background:radial-gradient(ellipse at center,#dbe9d3aa 0 20%,transparent 63%);filter:blur(16px)}.boot-cloud{position:absolute;width:260px;height:55px;border-radius:50%;background:#eff6e8a6;filter:blur(15px)}.cloud-a{top:28%;left:-80px}.cloud-b{bottom:28%;right:-90px;opacity:.55}.seal{position:relative;z-index:2;width:62px;height:62px;border:2px solid #7d2d24;color:#7d2d24;display:grid;place-items:center;font:700 35px/1 serif;transform:rotate(-3deg);background:#e7e7d2aa}.boot-screen h1{position:relative;z-index:2;margin:18px 0 5px;font-family:"STKaiti","KaiTi",serif;font-weight:500;letter-spacing:.18em;font-size:38px;text-shadow:0 2px 10px #fff8}.boot-screen p{position:relative;z-index:2;margin:0;color:#30493f;letter-spacing:.24em;font-size:13px}.boot-line{position:relative;z-index:2;width:150px;height:1px;background:#30493f44;margin:28px 0 14px;overflow:hidden}.boot-line span{display:block;width:45px;height:1px;background:#c8aa62;animation:loadingLine 1.4s ease-in-out infinite}.boot-screen small{position:relative;z-index:2;color:#d6dfd5;letter-spacing:.12em}@keyframes loadingLine{0%{transform:translateX(-50px)}100%{transform:translateX(180px)}}

#hud{position:fixed;z-index:10;left:14px;right:14px;top:calc(var(--safe-top) + 10px);display:flex;align-items:center;gap:10px;transition:opacity .35s}.avatar-btn{position:relative;width:48px;height:48px;border-radius:50%;padding:3px;background:linear-gradient(145deg,#d7c594,#587568);box-shadow:0 5px 18px #0006}.avatar-glyph{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dce6d7,#779b88 64%,#294d42);font-family:"STKaiti","KaiTi",serif;font-size:23px;color:#17362d;border:1px solid #eef2df99}.online-dot{position:absolute;right:1px;bottom:3px;width:10px;height:10px;border-radius:50%;background:#7fe39c;border:2px solid #18352d}.identity{min-width:0;flex:1}.identity-line{display:flex;align-items:center;gap:7px;text-shadow:0 2px 5px #000}.identity-line b{font-family:"STKaiti","KaiTi",serif;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.identity-line span{font-size:10px;padding:3px 7px;border:1px solid #d6bd7c7a;border-radius:999px;background:#2a342be0;color:#efdcaa}.cultivation-bar{position:relative;margin-top:5px;width:min(190px,48vw);height:8px;border-radius:8px;background:#06100f99;border:1px solid #b3c8b62e;overflow:hidden}.cultivation-bar i{position:absolute;inset:0 auto 0 0;width:12%;background:linear-gradient(90deg,#699d7c,#b6d69d,#e3d08b);box-shadow:0 0 12px #b8e2a3}.cultivation-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:7px;letter-spacing:.08em;color:#fff9;text-shadow:0 1px 2px #000}.wallet-mini{display:flex;flex-direction:column;gap:4px}.wallet-mini button{display:flex;align-items:center;justify-content:flex-end;gap:4px;height:22px;min-width:68px;padding:2px 7px;border-radius:12px;background:#081915aa;border:1px solid #c4d4c329;box-shadow:0 4px 10px #0004;font-size:11px}.wallet-mini .ico{width:14px;height:14px;color:#dbbf78}.wallet-mini button:first-child .ico{color:#bcdccf}

.location-card{position:fixed;z-index:9;left:14px;top:calc(var(--safe-top) + 72px);display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:13px;background:linear-gradient(90deg,#0e221dbf,#0c1815a8);border:1px solid #aec1b32c;backdrop-filter:blur(7px);box-shadow:0 8px 22px #0004;transition:opacity .35s}.location-card div{display:flex;flex-direction:column}.location-card span{font-size:9px;color:#a8bfb2;letter-spacing:.15em}.location-card b{font:500 14px/1.25 "STKaiti","KaiTi",serif;letter-spacing:.06em}.pvp-tag{font-size:9px!important;border-radius:999px;padding:3px 6px;background:#5d7d6a55;color:#bfe3c9!important;border:1px solid #7dbb8e66}.pvp-tag.danger{background:#6c2e2b7a;color:#f3b2a8!important;border-color:#b85e50}.pvp-tag.normal{background:#6c60327a;color:#ecd69c!important;border-color:#b59b55}

.quest-tracker{position:fixed;z-index:8;top:calc(var(--safe-top) + 118px);right:10px;width:155px;display:flex;align-items:center;gap:8px;padding:8px 10px;text-align:left;border-radius:12px;background:linear-gradient(90deg,#142721d9,#0b1714c7);border:1px solid #bdcdbf2c;box-shadow:0 8px 20px #0004}.quest-tracker .ico{width:18px;color:#d4b870}.quest-tracker div{min-width:0;display:flex;flex-direction:column;flex:1}.quest-tracker small{font-size:9px;color:#9db0a6}.quest-tracker b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quest-tracker>span{color:#d6c188}

.nearby-talk{position:fixed;z-index:13;top:calc(var(--safe-top) + 150px);left:50%;transform:translateX(-50%);max-width:75vw;padding:8px 12px;border-radius:16px 16px 16px 4px;background:#f3ecd6;color:#2b3b35;box-shadow:0 10px 30px #0007;font-size:12px;animation:talkIn .2s ease}@keyframes talkIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.interact-btn{position:fixed;z-index:10;right:20px;bottom:calc(var(--safe-bottom) + 154px);min-width:86px;height:46px;border-radius:23px;padding:0 15px;background:radial-gradient(circle at 30% 20%,#e8dfb7,#9d8251 72%);color:#1c2a25;border:2px solid #f2e6b9bb;box-shadow:0 0 0 5px #0b1d1855,0 8px 20px #0007;font:600 13px "STKaiti","KaiTi",serif}

.joystick{position:fixed;z-index:9;left:20px;bottom:calc(var(--safe-bottom) + 94px);width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#b8d0c01a 0 33%,#1d41377a 34% 66%,#d9e6da22 67%);border:1px solid #d9e6da38;box-shadow:inset 0 0 25px #0a1512aa,0 8px 25px #0004;touch-action:none;transition:opacity .35s}.joystick:before,.joystick:after{content:"";position:absolute;inset:12px;border:1px solid #d8e5da1d;border-radius:50%}.joystick:after{inset:31px}.joy-runes{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:8px;color:#c5d7c344;font:9px "STKaiti","KaiTi",serif;letter-spacing:.15em}.joystick #knob{position:absolute;left:33px;top:33px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dbe6d7cc,#809b8999 75%);border:1px solid #e7eee3a6;box-shadow:0 5px 12px #0006;will-change:transform}

.skill-wheel{position:fixed;z-index:9;right:18px;bottom:calc(var(--safe-bottom) + 90px);width:135px;height:110px;pointer-events:none;transition:opacity .35s}.skill-wheel button{pointer-events:auto;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 32% 25%,#335e4e,#173a30 65%,#0b201b);border:1px solid #d6c17b7a;box-shadow:0 0 0 4px #0b171588,0 8px 22px #0008}.skill-wheel .ico{color:#e5d49e}.skill-wheel span{font:11px "STKaiti","KaiTi",serif;margin-top:2px}.skill-main{right:0;bottom:0;width:66px;height:66px}.skill-main .ico{width:27px;height:27px}.skill-sub{right:76px;bottom:7px;width:50px;height:50px}.skill-sub .ico{width:20px;height:20px}.skill-sub span{font-size:9px}

.bottom-dock{position:fixed;z-index:11;left:10px;right:10px;bottom:calc(var(--safe-bottom) + 8px);height:70px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 5px 4px;border-radius:21px;background:linear-gradient(180deg,#18362fdf,#0b1e19ef);border:1px solid #dce5db24;box-shadow:0 15px 40px #0009,inset 0 1px #ffffff12;backdrop-filter:blur(14px);transition:opacity .35s}.bottom-dock:before{content:"";position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d2b96d88,transparent)}.bottom-dock button{background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#aebeb5}.bottom-dock button .ico{width:21px;height:21px}.bottom-dock button span{font-size:10px}.bottom-dock .dock-center{color:#e2d7ac}.bottom-dock .dock-center .ico{width:27px;height:27px;filter:drop-shadow(0 0 6px #b5d39480)}

.sheet-backdrop{position:fixed;inset:0;z-index:30;background:#02070687;backdrop-filter:blur(2px);display:flex;align-items:flex-end}.sheet{width:100%;max-height:min(82vh,760px);min-height:42vh;background:linear-gradient(180deg,#173129 0%,#0e211c 54%,#091713 100%);border-radius:24px 24px 0 0;border:1px solid #b8c9ba2d;border-bottom:0;box-shadow:var(--shadow);overflow:hidden;animation:sheetUp .23s ease-out;position:relative}.sheet:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 0,#91b49712,transparent 32%),linear-gradient(90deg,transparent 49.8%,#ffffff07 50%,transparent 50.2%);opacity:.7}@keyframes sheetUp{from{transform:translateY(35%);opacity:.3}to{transform:none;opacity:1}}.sheet-handle{width:38px;height:4px;border-radius:4px;background:#9daf9f77;margin:8px auto 3px}.sheet-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 18px 9px;border-bottom:1px solid #b7c8b523}.sheet-header small{font-size:9px;color:#9fb0a6;letter-spacing:.18em}.sheet-header h2{margin:2px 0 0;font:500 23px "STKaiti","KaiTi",serif;letter-spacing:.08em}.icon-btn{width:36px;height:36px;border-radius:50%;background:#e8eddc10;border:1px solid #dce6d629;font-size:25px;color:#dce5db}.sheet-tabs{position:relative;z-index:2;display:flex;gap:7px;overflow:auto;padding:9px 14px 2px;scrollbar-width:none}.sheet-tabs::-webkit-scrollbar{display:none}.sheet-tabs button{white-space:nowrap;padding:8px 13px;border-radius:16px;background:#dfe7db0a;border:1px solid #c5d0c124;color:#9fb1a6;font-size:11px}.sheet-tabs button.active{background:#c9d6c51b;color:#eee7c8;border-color:#d0bd7d66}.sheet-body{position:relative;z-index:2;max-height:calc(min(82vh,760px) - 88px);overflow:auto;padding:14px 16px calc(var(--safe-bottom) + 24px);overscroll-behavior:contain}.sheet-body::-webkit-scrollbar{width:4px}.sheet-body::-webkit-scrollbar-thumb{background:#78908355;border-radius:4px}

.hero-card{position:relative;overflow:hidden;border-radius:20px;padding:16px;background:linear-gradient(135deg,#23483c,#142f29 55%,#182821);border:1px solid #d6c27c3a;box-shadow:inset 0 1px #fff1,0 8px 24px #0004}.hero-card:before{content:"";position:absolute;right:-25px;top:-42px;width:160px;height:160px;border:1px solid #e6d79717;border-radius:50%;box-shadow:0 0 0 22px #d5c7830b,0 0 0 44px #d5c78308}.role-hero{display:grid;grid-template-columns:112px 1fr;gap:14px}.role-portrait{position:relative;height:154px;border-radius:70px 70px 20px 20px;background:radial-gradient(circle at 50% 28%,#d6e2d3 0 12%,transparent 13%),linear-gradient(155deg,transparent 24%,#334c43 25% 32%,transparent 33%),linear-gradient(65deg,transparent 33%,#7fa28e 34% 47%,#3e6b59 48% 69%,transparent 70%);border:1px solid #d8e0ce28;overflow:hidden}.role-portrait:before{content:"";position:absolute;left:50%;top:35px;transform:translateX(-50%);width:45px;height:45px;border-radius:50% 50% 44% 44%;background:#ecd3bb;box-shadow:0 -13px 0 -2px #1f2926}.role-portrait:after{content:"";position:absolute;left:20px;right:20px;bottom:7px;height:88px;background:linear-gradient(145deg,#6f947f,#315e4d);clip-path:polygon(50% 0,68% 10%,100% 80%,72% 100%,50% 76%,28% 100%,0 80%,32% 10%);filter:drop-shadow(0 5px 5px #0004)}.role-main h3{margin:8px 0 2px;font:500 25px "STKaiti","KaiTi",serif}.role-main .subline{font-size:11px;color:#bccbbf}.realm-stamp{display:inline-block;margin-top:10px;padding:5px 9px;border:1px solid #d9c27c75;border-radius:3px;color:#ead9a0;font:13px "STKaiti","KaiTi",serif;background:#4f41233b}.root-chips,.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.chip{padding:4px 7px;border-radius:10px;background:#d7e1d70c;border:1px solid #c3d0c123;color:#b7c8bd;font-size:10px}.chip.gold{color:#e5d097;border-color:#cfb76a5c;background:#8f74231c}

.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.stat-card{min-height:66px;padding:10px;border-radius:14px;background:#d9e7dc0b;border:1px solid #c5d3c624}.stat-card small{display:block;color:#8fa299;font-size:9px}.stat-card b{display:block;margin-top:5px;font:500 18px "STKaiti","KaiTi",serif;color:#e6eadb}.progress-box{padding:12px;border-radius:15px;background:#0a18159c;border:1px solid #d6e0d31a;margin-top:9px}.progress-head{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.progress-head span{color:#9bad9f}.bar{height:9px;border-radius:6px;background:#040b09aa;border:1px solid #c0d0c01b;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#5f9679,#a7c58c,#dfca7e);box-shadow:0 0 10px #99bf89}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 8px}.section-title h3{margin:0;font:500 17px "STKaiti","KaiTi",serif}.section-title small{color:#869a8e;font-size:9px}

.grid-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.item-card{position:relative;min-width:0;padding:7px 5px 8px;border-radius:13px;background:#dce8dd0a;border:1px solid #c4d0c01e;text-align:center}.item-card .item-icon{margin:auto}.item-card b{display:block;margin-top:5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card small{font-size:8px;color:#899d91}.item-card .qty{position:absolute;right:5px;top:5px;border-radius:8px;padding:1px 5px;background:#07110fd9;color:#e8eadc;font-size:8px}.item-icon{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff2,#0003),linear-gradient(145deg,#3f6857,#1a332b);border:1px solid #8eaa9866;box-shadow:inset 0 0 12px #fff1}.item-icon svg{width:29px;height:29px}.rarity-凡品{border-color:#80908655}.rarity-灵品{border-color:#5d9d7f9a;box-shadow:inset 0 0 13px #4fc48b1a}.rarity-玄品{border-color:#668ac7aa;box-shadow:inset 0 0 13px #4d78c826}.rarity-地品{border-color:#9971cbba;box-shadow:inset 0 0 14px #8d54d22e}.rarity-天品,.rarity-仙品{border-color:#d3b05ec9;box-shadow:inset 0 0 14px #d5a94f2c}.empty-state{text-align:center;padding:38px 10px;color:#81968a}.empty-state b{display:block;font:500 19px "STKaiti","KaiTi",serif;color:#cbd7cb;margin-bottom:5px}

.list-card{display:flex;gap:11px;align-items:center;padding:11px;border-radius:14px;background:#dfe9df09;border:1px solid #c7d2c61d;margin-bottom:8px}.list-card .item-icon{width:46px;height:46px;flex:0 0 auto}.list-main{min-width:0;flex:1}.list-main b{display:block;font-size:13px}.list-main p{margin:3px 0 0;color:#8fa198;font-size:10px;line-height:1.5}.list-meta{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.list-meta span{font-size:8px;padding:2px 6px;border-radius:8px;background:#fff1;color:#a9baaf}.action-btn,.secondary-btn,.danger-btn{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid #cbb67369;background:linear-gradient(180deg,#6f6846,#4d482e);color:#f0e5bb;font-size:11px}.secondary-btn{background:#d9e5da0d;border-color:#c4d4c22f;color:#bdcbc1}.danger-btn{background:#6a302b8f;border-color:#ae564b;color:#f0b8ad}.action-row{display:flex;gap:8px;margin-top:12px}.action-row button{flex:1}.full-btn{width:100%}.inline-form{display:flex;gap:7px}.inline-form input,.inline-form select{min-width:0;flex:1;background:#06120fcc;border:1px solid #b7c8b632;border-radius:11px;color:#e9ede1;padding:10px 11px;outline:none}.inline-form input:focus{border-color:#c9b67180}.price{color:#dec678;font-weight:700}.status-pill{display:inline-block;border-radius:9px;padding:2px 6px;background:#79a88a1d;color:#9ed2ac;font-size:8px}.status-pill.warn{background:#9d773424;color:#d8c17c}.status-pill.danger{background:#993e3629;color:#e89e91}

.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.menu-tile{height:86px;border-radius:16px;background:linear-gradient(145deg,#1d3a32,#122822);border:1px solid #c6d2c126;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:inset 0 1px #fff1}.menu-tile .ico{width:25px;height:25px;color:#d7c27f}.menu-tile span{font-size:11px}.menu-tile small{font-size:8px;color:#84978d}

.cultivation-orbit{height:190px;position:relative;display:grid;place-items:center;margin:3px 0 8px}.cultivation-orbit:before,.cultivation-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #b5caaf2a}.cultivation-orbit:before{width:154px;height:154px;box-shadow:0 0 0 19px #a7c9940a,0 0 45px #88bb8c19}.cultivation-orbit:after{width:105px;height:105px;border-style:dashed;animation:spin 18s linear infinite}.cultivation-orbit .lotus-mark{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#bcd8aa55,#3d735624 50%,transparent 72%);color:#d8cd94;filter:drop-shadow(0 0 12px #a8d38c45)}.cultivation-orbit .lotus-mark .ico{width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}

.map-card{position:relative;overflow:hidden;padding:13px 14px 12px 82px;min-height:88px;border-radius:16px;margin-bottom:9px;background:linear-gradient(135deg,#1c3d33,#122b25);border:1px solid #bfcdc12a}.map-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:72px;background:linear-gradient(155deg,#7fa68b,#315c4c);opacity:.8}.map-card:after{content:"山";position:absolute;left:16px;top:17px;font:38px "STKaiti","KaiTi",serif;color:#e4ead999;text-shadow:18px 14px 0 #264d4166}.map-card b{font:500 15px "STKaiti","KaiTi",serif}.map-card p{margin:5px 0;color:#8fa59a;font-size:9px;line-height:1.5}.map-card footer{display:flex;align-items:center;justify-content:space-between}.map-card footer span{font-size:8px;color:#b6c4ba}.map-card.current{border-color:#d3bd7673;box-shadow:inset 0 0 0 1px #d3bd7625}.map-card.current:before{filter:saturate(1.2) brightness(1.1)}

.dialogue-card{padding:14px;border-radius:18px;background:linear-gradient(145deg,#203d34,#132b25);border:1px solid #c3d1c52b}.npc-head{display:flex;gap:12px;align-items:center}.npc-portrait{width:66px;height:76px;flex:none;border-radius:35px 35px 14px 14px;background:linear-gradient(160deg,#95b6a0,#355d50);position:relative;overflow:hidden;border:1px solid #d3dfd342}.npc-portrait:before{content:"";position:absolute;width:29px;height:29px;border-radius:50%;background:#edd5bd;left:18px;top:13px;box-shadow:0 -9px 0 #26302d}.npc-portrait:after{content:"";position:absolute;width:58px;height:48px;left:4px;bottom:-5px;background:#335e50;clip-path:polygon(50% 0,100% 85%,70% 100%,50% 75%,30% 100%,0 85%)}.dialogue-card h3{margin:0;font:500 20px "STKaiti","KaiTi",serif}.dialogue-card p{color:#9fb0a6;font-size:10px;line-height:1.65;margin:6px 0}.dialogue-quote{margin-top:12px;padding:12px 13px;border-left:2px solid #c4aa62;background:#0919148c;color:#dfe6d8;font:13px/1.7 "STKaiti","KaiTi",serif}

.combat-result{padding:6px 0}.combat-banner{text-align:center;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% 10%,#d4bb6e32,transparent 58%),#122820;border:1px solid #cab37042}.combat-banner b{display:block;font:500 28px "STKaiti","KaiTi",serif;color:#e4d39d}.combat-banner p{font-size:10px;color:#98aa9f}.round-log{margin-top:10px;max-height:180px;overflow:auto}.round-line{display:flex;justify-content:space-between;padding:7px 8px;border-bottom:1px solid #fff1;font-size:9px;color:#aebdb4}.round-line strong{color:#e6dcc0}

.modal{position:fixed;z-index:50;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,380px);max-height:75vh;overflow:auto;padding:18px;border-radius:20px;background:linear-gradient(180deg,#1b342d,#0d201b);border:1px solid #d6c27c4b;box-shadow:var(--shadow)}.modal h3{margin:0 0 12px;font:500 21px "STKaiti","KaiTi",serif}.toast{position:fixed;z-index:70;left:50%;top:calc(var(--safe-top) + 92px);transform:translateX(-50%);max-width:82vw;padding:9px 14px;border-radius:14px;background:#071310e9;border:1px solid #c7d3c62d;box-shadow:0 10px 25px #0007;color:#e8ecdf;font-size:11px;text-align:center;pointer-events:none}

.create-page{position:fixed;inset:0;z-index:40;overflow:auto;padding:calc(var(--safe-top) + 35px) 18px calc(var(--safe-bottom) + 30px);background:linear-gradient(#dce9d4aa,#23463dbf 48%,#0a1b17),radial-gradient(circle at 65% 20%,#fff8,transparent 28%)}.create-title{text-align:center;margin-bottom:22px}.create-title .seal{margin:auto;width:45px;height:45px;font-size:26px}.create-title h2{font:500 30px "STKaiti","KaiTi",serif;letter-spacing:.1em;margin:10px 0 2px}.create-title p{font-size:10px;color:#c8d6ca}.create-card{padding:16px;border-radius:20px;background:#0d221de6;border:1px solid #d9e1d22c;box-shadow:0 18px 45px #0007}.field-label{font:13px "STKaiti","KaiTi",serif;color:#d9c887;margin:12px 0 6px}.create-card input,.create-card select{width:100%;min-height:44px;background:#071713;border:1px solid #b9cbb93a;border-radius:12px;color:#edf0e4;padding:0 12px;outline:none}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-card{height:74px;border-radius:14px;background:#d9e5da0a;border:1px solid #c8d5c727;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.choice-card.active{border-color:#d5bd716f;background:#ad914623;color:#f1dfaa}.choice-card b{font:500 16px "STKaiti","KaiTi",serif}.choice-card small{font-size:8px;color:#91a398}.create-submit{width:100%;height:48px;margin-top:16px;border-radius:14px;background:linear-gradient(180deg,#9c8956,#695b37);border:1px solid #e5d49c;color:#fff4cf;font:500 16px "STKaiti","KaiTi",serif;letter-spacing:.12em}

@media (min-width:700px){#hud{left:24px;right:24px}.location-card{left:24px}.bottom-dock{width:480px;left:50%;right:auto;transform:translateX(-50%)}.sheet{width:min(520px,94vw);margin:0 auto}.grid-list{grid-template-columns:repeat(5,1fr)}.quest-tracker{right:24px}.joystick{left:32px}.skill-wheel{right:32px}}
@media (max-height:720px){.quest-tracker{display:none}.joystick{width:98px;height:98px;bottom:calc(var(--safe-bottom) + 82px)}.joystick #knob{left:28px;top:28px;width:42px;height:42px}.skill-wheel{bottom:calc(var(--safe-bottom) + 82px);transform:scale(.9);transform-origin:bottom right}.bottom-dock{height:62px}.sheet{max-height:88vh}.sheet-body{max-height:calc(88vh - 88px)}}