.game-telemetry{position:absolute;left:8px;top:100%;padding:1px 4px;font:11px Georgia,"Times New Roman",serif;color:#ead492;text-shadow:1px 1px 1px #000;background:#141008b8;white-space:nowrap;pointer-events:none}
.game-shell .effect-bar{margin-top:16px}

@font-face{font-family:'Phong Than PC v1.1';src:url('assets/overhead/pt-pc-v11-14.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:block}
.game-shell .newcomer-actor span,.game-shell .chat-content,.game-shell .chat-message,.game-shell .chat-sender,.game-shell .chat-text,.game-shell #chatInput,.game-shell #chatChannel,.game-shell #chatForm button{font-family:'Phong Than PC v1.1';font-weight:400}
.game-shell .chat,.game-shell .chat-content,.game-shell #chatInput,.game-shell #chatChannel,.game-shell #chatForm button{font-family:'Phong Than PC v1.1'!important}
.inventory-cell canvas{width:100%;height:100%;object-fit:contain;pointer-events:none}.newcomer-items canvas{width:32px;height:32px;object-fit:contain;flex:none}
.game-shell .native-skill-cell .hand-skill-icon{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);max-width:none;max-height:none;object-fit:cover;z-index:1}
.game-shell .native-skill-cell .native-skill-label{z-index:2}
.game-shell .effect-icon{box-sizing:border-box;border:1px solid #45f66b;box-shadow:0 0 1px #154f24}
.inventory-window [data-quality=green]{--quality-line:#20e646}.inventory-window [data-quality=gold]{--quality-line:#f1ce39}.inventory-window [data-quality=orange]{--quality-line:#ff912f}

.inventory-detail .equipment-line{color:#eee;margin:3px 0}.inventory-detail .equipment-line.description{margin:10px 0}.inventory-detail .equipment-line.requirement{color:#ffca7e}.inventory-detail .equipment-line.state,.inventory-detail .equipment-line.set{color:#41f34b}.inventory-detail .equipment-line.upgrade{color:#8faaff}.inventory-detail .equipment-line.magic{color:#719cff}.inventory-detail .equipment-line.power{color:#fff443}.inventory-detail .equipment-line.unverified{color:#e1b987}.inventory-detail .equipment-line.set-active{color:#ffdf63}.inventory-detail .equipment-line.set-inactive{color:#9a9b96}
.equipment-max-star{display:inline-block;color:#ffdf63;font:12px Arial,sans-serif;margin-right:4px;text-shadow:0 0 2px #d8a91a;vertical-align:1px}
.game-shell button,.inventory-window button,.newcomer-dialog button,.inventory-detail button{-webkit-tap-highlight-color:transparent}
/* One aligned inset frame for every item kind; white/blue retain only the grid. */
.inventory-window .inventory-cell{border:1px solid #383320;outline:0;box-shadow:none}
.inventory-window .inventory-equip-slot.equipped{border-color:#383320;box-shadow:none}
.inventory-window :is(.inventory-cell,.inventory-equip-slot):is([data-quality=green],[data-quality=gold],[data-quality=orange])::after{content:"";position:absolute;inset:1px;box-sizing:border-box;border:1px solid var(--quality-line);pointer-events:none}
.inventory-window .inventory-cell.selected{outline:1px solid #fff0b7;outline-offset:-1px}
.inventory-window :is(.inventory-cell,.inventory-equip-slot):is([data-quality=white],[data-quality=blue])::after{content:none}
.inventory-detail-actions{position:sticky;bottom:-15px;background:#151207;padding:7px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.inventory-detail .inventory-detail-actions button{width:100%;margin:0;min-height:40px}
.character-skill-window .cs-tree{right:12px;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(39px,1fr);gap:1px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scroll-padding-bottom:12px;padding-bottom:6px;box-sizing:border-box}.character-skill-window .cs-tree .cs-node{min-height:39px}.character-skill-window .cs-tree .cs-node canvas{width:29px;height:29px}
.ground-item{position:absolute;z-index:3;transform:translate(-50%,-100%);border:0;background:none;min-height:20px;padding:0;font:12px 'Phong Than PC v1.1';white-space:nowrap;text-shadow:1px 1px #000,-1px -1px #000}.ground-item img{display:block;margin:auto;max-width:64px;max-height:64px;object-fit:contain}.ground-item span{display:block}
.stall-items{display:grid;gap:4px;max-height:45vh;overflow:auto}
.train-scene{position:fixed;inset:0;z-index:2;pointer-events:none;width:100%;height:100%}.compact-panel{position:fixed;box-sizing:border-box;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 90px);padding:8px;border:1px solid #a8873e;border-radius:2px;background:#0b0d08;color:#e4d5a4;font:12px/1.4 'TG Vietnamese Serif',Georgia,serif;overflow:auto}.compact-panel::backdrop{background:#0004}.compact-panel header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-8px;z-index:1;background:#251c0e;color:#ead392;padding:4px 6px;font-weight:bold}.compact-panel header button{width:28px;min-height:26px;margin:0;padding:0;font-size:23px}.compact-panel button{font:inherit;min-height:34px;padding:4px 6px;border-radius:2px}.train-options,.pk-options{display:grid;gap:4px;margin-top:6px}.pk-options small{display:block;font-size:10px}.pk-options [aria-pressed=true]{border-color:currentColor}.auto-form{display:grid;gap:5px;padding-top:6px}.auto-check{display:flex;align-items:center;gap:5px;min-height:28px}.auto-check input[type=checkbox]{width:18px;height:18px;accent-color:#bf9c44}.auto-check input[type=number]{width:44px;min-height:26px;font-size:14px;padding:1px 3px;background:#14190c;border:1px solid #66542b;color:#ead392;margin-left:auto}.auto-form fieldset{margin:0;border:1px solid #65522e;padding:5px}.auto-buffs,.auto-rotation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.auto-buffs select:first-child{grid-column:span 2}.auto-form select{min-width:0;width:100%;height:30px;background:#151b0d;border:1px solid #806936;color:#e4d5a4;font-size:11px}.auto-form footer{display:flex;gap:5px}.auto-form footer button{flex:1}.skill-cooldown{position:absolute;inset:3px;z-index:3;display:grid;place-items:center;color:#fff;font:bold 18px 'Phong Than PC v1.1';text-shadow:1px 1px #000,-1px -1px #000;pointer-events:none}.skill-cooldown[hidden]{display:none}
.compact-panel.pk-state-menu{position:fixed;z-index:35;margin:0;width:218px;padding:3px;background:rgba(34,27,30,.94);border:1px solid #82756b;box-shadow:2px 3px 8px #0008;overflow:visible}.pk-state-menu button{display:flex;align-items:center;gap:6px;width:100%;height:28px;min-height:28px;padding:1px 5px;margin:0;border:0;background:transparent;font:bold 13px Tahoma,Arial,sans-serif;text-shadow:1px 1px #000,-1px -1px #000;text-align:left}.pk-color-chip{width:19px;height:14px;flex:none;border:1px solid #cfcfcf;box-shadow:inset 0 0 0 1px #0006}.pk-current{margin-left:auto;color:#fff}.pk-state-menu button:hover,.pk-state-menu button:focus-visible{background:#ffffff25;outline:1px solid #c0ad85}.pk-state-menu small{display:block;padding:3px 5px;color:#d9caa8;font-size:10px}

.game-tooltip,.game-tooltip :is(h2,h3,p,strong,.equipment-line){text-align:center}.game-tooltip label,.game-tooltip .cs-detail-actions{justify-content:center}

/* Ground icons: three times the previous 64px display, with the name above. */
.ground-item img{width:96px;height:96px;max-width:96px;max-height:96px}
.ground-item{pointer-events:none}.ground-item img,.ground-item span{pointer-events:auto}

.game-shell .status-info .xp{--fill:0%;background:linear-gradient(#f5d46a,#b77c21) left center/var(--fill) 100% no-repeat,#17160e;border:1px solid #81662d;border-radius:4px;box-sizing:border-box;color:#fff1c9;text-shadow:0 1px 2px #000;overflow:hidden}

.game-shell #chatForm{position:relative}.game-shell #chatForm .chat-unread-dot{position:absolute;z-index:3;top:-3px;min-width:12px;min-height:12px;width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#ed3333;box-shadow:0 0 0 1px #ffe0a0,0 0 4px #000c;cursor:pointer}.game-shell #chatForm .chat-unread-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}

.actor[data-nearby-chat=true] .native-overhead{visibility:hidden}.nearby-speech{position:absolute;left:0;transform:translateX(-50%);white-space:nowrap;pointer-events:none;z-index:5;color:#ffffff;font-family:"Phong Than PC v1.1",serif;text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;line-height:1.2}

.nearby-speech .nearby-text{color:#ffffff}.nearby-speech{text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}

.game-shell #chatForm .chat-compose{display:flex;flex:1;order:1;min-width:0;align-items:center;flex-wrap:wrap}.game-shell #chatForm .chat-compose #chatInput{flex:1;min-width:40px;width:0;order:1}.game-shell #chatForm .chat-compose .chat-compose-item{order:0;flex:0 1 auto;width:auto;max-width:100%;min-height:18px;height:auto;line-height:18px;padding:0 2px;border:0;background:none;white-space:normal;overflow-wrap:anywhere;text-align:left;font:inherit}.game-shell #chatForm:has(.chat-compose-item:not([hidden])){height:auto;min-height:22px;align-items:stretch}.game-shell .chat-item-link{font:inherit;text-shadow:1px 1px #000,-1px -1px #000}

.game-shell button.chat-item-link{display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;white-space:normal;text-align:inherit;cursor:pointer}.game-shell button.chat-item-link:hover{text-decoration:underline}.chat-item-tooltip [role=status]{color:#b9ab86}