/* TPS and battle panels keep input hints in Settings. */
.playing #gameCanvas,.playing canvas#game{cursor:none}#reticle{left:50%;top:50%;pointer-events:none}
body.playing,body.playing #game,body.playing *{cursor:none!important}
#reticle{position:fixed;width:24px;height:24px;transform:translate(-50%,-50%);z-index:3;color:#eee9dd;opacity:.86;transition:width .12s,height .12s,opacity .12s}
#reticle i{background:currentColor;box-shadow:0 0 2px #142229,0 1px 2px #0009;border-radius:1px}
#reticle i:nth-child(1){top:1px;left:calc(50% - 1px);width:2px;height:5px}
#reticle i:nth-child(2){bottom:1px;left:calc(50% - 1px);width:2px;height:5px}
#reticle i:nth-child(3){left:1px;top:calc(50% - 1px);width:5px;height:2px}
#reticle i:nth-child(4){right:1px;top:calc(50% - 1px);width:5px;height:2px}
#reticle.aiming{width:18px;height:18px;opacity:1}#reticle.onTarget{color:#d6dfaa}#reticle.onTarget i{background:currentColor}
body:not(.playing) #reticle{display:none}
/* Gameplay clicks belong to combat; hold Alt to use the HUD with the cursor. */
body.playing{cursor:none}body.playing :is(button,a,input,select,#questTracker){pointer-events:none!important}
#duelPanel{width:min(1160px,96vw);max-height:96vh}#duelCanvas{height:clamp(240px,38vh,440px);width:100%;border-radius:16px;background:#13272d}.duelUnit.validTarget{border-color:#688d80}.duelUnit.targeted{outline:2px solid #d9c58c;box-shadow:0 0 18px #d9c58c24}.duelUnit:not(.validTarget):not(.acting){opacity:.76}
#duelPreview{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:15px;padding:10px 18px;border-radius:12px;background:#182e33}#duelPreview div{display:grid;gap:4px}#duelPreview span{color:#b4c9c8;font-size:13px}#duelConfirm{background:#8aaea0;color:#15282b;padding:12px 24px;border-radius:9px}#duelActions{flex-wrap:wrap}.duelUnit{position:relative}.duelUnit em{font-size:11px}
#characterCreation .creationCard{width:min(1180px,96vw);max-height:94vh;grid-template-columns:1.08fr 1fr}#characterCreation .creationPreview{min-height:530px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#334b52,#14262d 70%)}#creationCanvas{height:100%;width:100%;touch-action:none}#characterCreation .creationControls{overflow:auto;padding:28px;max-height:92vh}#characterCreation h1{font-size:30px;margin:10px 0}.creationTabs,.creationTools,.portraitTools{display:flex;gap:8px;flex-wrap:wrap}.creationTabs button{border-radius:8px;padding:9px 15px;color:#a4bdba;background:#233a40}.creationTabs button[aria-selected=true]{color:#ecdfbb;border:1px solid #9b956e}.creationTools{margin:18px 0}.creationTools button,.portraitTools button{padding:8px 12px;border-radius:8px;background:#29444b;color:#dbe6df}.portraitTools{position:absolute;bottom:24px;left:24px;right:24px;justify-content:center}#creationOptions fieldset{margin:14px 0;padding:12px;border:1px solid #45605b55;border-radius:12px}#creationOptions legend{font-size:13px;color:#bdd0c9}.appearanceChoices{display:flex;flex-wrap:wrap;gap:8px}.appearanceChoices button{min-width:44px;padding:8px;border-radius:7px;border:1px solid transparent}.appearanceChoices button[aria-pressed=true]{border-color:#e5d09c;outline:1px solid #c9ba8190}.appearanceChoices .colorChoice{width:35px;height:35px;min-width:35px;background:var(--swatch);border-radius:50%}.creationSlider{display:grid;gap:8px;font-size:13px;color:#bdc9c3;margin:18px 0}.creationSlider input{width:100%;accent-color:#a6c7b4}#creationConfirm{width:100%;padding:16px;border-radius:9px;font-weight:700;background:#a1bdae;color:#162a2f}#creationStatus{position:absolute;left:20px;top:55px;color:#bdc9c3}.creationPreview>.eyebrow{position:absolute;top:24px;left:24px}
@media(max-width:750px){#characterCreation .creationCard{grid-template-columns:1fr;overflow:auto}#characterCreation .creationPreview{min-height:280px;height:38vh}#characterCreation .creationControls{max-height:none;overflow:visible}.duelUnit strong{font-size:12px}#duelPreview{padding:8px}#duelCanvas{height:28vh}}
#turnOrder .zerionPortrait{width:26px;height:26px;flex:none}#turnOrder .zerionPortrait img{width:100%;height:100%;object-fit:contain}.duelUnit>.zerionPortrait,.duelUnit>.npcArt{display:block;width:38px;height:38px;float:left;margin:0 6px 3px 0}.duelUnit>.zerionPortrait img{width:100%;height:100%;object-fit:contain}.duelUnit .npcArt svg{height:38px;width:38px}.duelUnit .npcArt span{display:none}.duelUnit strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:11px}.duelHealth{clear:both}.duelArena{padding:6px 0}#duelPanel{padding:18px}#duelLog{min-height:20px}