:root{--hud-safe-top:env(safe-area-inset-top,0px);--hud-safe-right:env(safe-area-inset-right,0px);--hud-safe-bottom:env(safe-area-inset-bottom,0px);--hud-safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#e6e8ea;overscroll-behavior:none;background:#0b0d10;width:100vw;height:100dvh;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100vw;height:100dvh;position:relative}#app>canvas{touch-action:none;width:100%;height:100%;display:block}.hud{padding:var(--hud-safe-top) var(--hud-safe-right) var(--hud-safe-bottom) var(--hud-safe-left);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.zone-report{left:calc(8px + var(--hud-safe-left));top:calc(56px + var(--hud-safe-top));pointer-events:auto;font-variant-numeric:tabular-nums;background:#0b0d10d1;border:1px solid #e6e8ea29;max-height:calc(100dvh - 120px);font-size:10px;line-height:1.45;position:absolute;overflow:auto}.zone-report table{border-collapse:collapse;white-space:nowrap}.zone-report th,.zone-report td{text-align:right;padding:1px 7px}.zone-report thead th{color:#e6e8ea8c;text-transform:uppercase;letter-spacing:.05em;background:#0b0d10f2;border-bottom:1px solid #e6e8ea29;font-weight:400;position:sticky;top:0}.zone-report tbody th{text-align:left;color:#e6e8eabf;font-weight:400}.zone-report tbody th em{color:#e6e8ea59;margin-left:3px;font-style:normal}.zone-report i{width:7px;height:7px;margin-right:5px;display:inline-block}.zone-report .sep td{text-align:left;color:#e6e8ea66;text-transform:uppercase;letter-spacing:.06em;padding-top:5px}.zone-report .mid{color:#e6e8ea80}.zone-report .delta.even{color:#e6e8ea59}.zone-report .delta.a{color:#d8a05a}.zone-report .delta.b{color:#6aa9d8}.tile-readout{left:calc(8px + var(--hud-safe-left));bottom:calc(8px + var(--hud-safe-bottom));pointer-events:none;font-variant-numeric:tabular-nums;background:#0b0d10d1;border:1px solid #e6e8ea29;flex-direction:column;gap:1px;padding:5px 9px;font-size:11px;line-height:1.6;display:flex;position:absolute}.tile-readout span{color:#e6e8ea73;text-transform:uppercase;letter-spacing:.07em;width:58px;font-size:9px;display:inline-block}.tile-readout b{margin-right:5px;font-weight:600}.tile-readout em{color:#e6e8ea80;margin-left:6px;font-style:normal}.tile-readout i{width:7px;height:7px;margin-right:6px;display:inline-block}.menu{pointer-events:auto;color:#e6e8ea;background:#0b0d10eb;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.menu h1{letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:28px;font-weight:500}.menu h2{letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin:14px 0 0;font-size:10px;font-weight:400}.menu__maps{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;display:flex}.menu__map{display:flex}.menu__map button[data-drop]{opacity:.45;border-left:0;padding:7px 9px}.menu__map button[data-drop]:hover{opacity:1}.menu__empty{opacity:.55;margin:0;font-size:11px}.menu button{color:inherit;font:inherit;cursor:pointer;background:#e6e8ea0f;border:1px solid #e6e8ea33;align-items:baseline;gap:8px;padding:7px 14px;font-size:12px;display:flex}.menu button:hover{background:#e6e8ea24}.menu button em{opacity:.5;font-size:10px;font-style:normal}.topbar{top:calc(10px + var(--hud-safe-top,0px));pointer-events:auto;color:#e6e8ea;background:#0b0d10db;border:1px solid #e6e8ea29;align-items:center;gap:6px;padding:5px 7px;font-size:11px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar button,.topbar input{color:inherit;font:inherit;background:#e6e8ea0f;border:1px solid #e6e8ea33;padding:4px 9px;font-size:11px}.topbar button{cursor:pointer}.topbar button:hover{background:#e6e8ea24}.topbar__note{opacity:.6;min-width:120px}:root{--ui-fond:#0b0d10e6;--ui-relief:#e6e8ea12;--ui-trait:#e6e8ea2e;--ui-texte:#e6e8ea;--ui-faible:#e6e8ea80}.players{top:calc(10px + var(--hud-safe-top,0px));left:calc(10px + var(--hud-safe-left,0px));pointer-events:auto;gap:4px;display:flex;position:absolute}.players button{background:var(--ui-fond);border:1px solid var(--ui-trait);color:var(--ui-faible);font:inherit;letter-spacing:.06em;cursor:pointer;padding:5px 10px;font-size:11px}.players button.is-active{color:var(--ui-texte);background:var(--ui-relief);border-color:#e6e8ea80}.drawer{top:calc(10px + var(--hud-safe-top,0px));right:calc(10px + var(--hud-safe-right,0px));pointer-events:auto;background:var(--ui-fond);border:1px solid var(--ui-trait);width:300px;max-height:calc(100% - 170px);color:var(--ui-texte);font-size:13px;position:absolute;overflow-y:auto}.drawer__art{background:linear-gradient(#0b0d1000 40%, #0b0d10d9), var(--art,#444);height:96px}.drawer__title{border-bottom:1px solid var(--ui-trait);padding:10px 14px 12px}.drawer__title h2{letter-spacing:.02em;margin:0;font-size:19px;font-weight:500}.drawer__title p{color:var(--ui-faible);margin:3px 0 0;font-size:11px}.drawer__hp{background:#e6e8ea1f;height:4px}.drawer__hp span{background:#8fbf6a;height:100%;display:block}.drawer__list{margin:0;padding:6px 14px 10px}.drawer__row{border-bottom:1px solid #e6e8ea12;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.drawer__row dt{color:var(--ui-faible);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.drawer__row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.drawer__note{color:var(--ui-faible);margin:0;padding:10px 14px 14px;font-size:11px;line-height:1.5}.bubbles{bottom:calc(20px + var(--hud-safe-bottom));right:calc(10px + var(--hud-safe-right,0px));pointer-events:auto;flex-wrap:wrap-reverse;place-content:flex-end;gap:6px;display:flex;position:absolute;left:calc(50% + 200px)}.bubble{background:conic-gradient(var(--teinte) calc(var(--vie) * 3.6), #e6e8ea24 0);width:46px;height:46px;color:var(--ui-texte);font:inherit;cursor:pointer;border:0;border-radius:50%;padding:0;position:relative}.bubble__face{letter-spacing:.02em;text-transform:uppercase;background:#16191d;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;inset:3px}.bubble__pts{border:1px solid var(--ui-trait);font-variant-numeric:tabular-nums;background:#16191d;border-radius:8px;min-width:16px;padding:1px 3px;font-size:10px;position:absolute;bottom:-1px;right:-1px}.bubble.is-active .bubble__face{background:#2a3138}.bubble.is-active{outline:2px solid var(--ui-texte);outline-offset:1px}.bubble.is-down{opacity:.45}.card{bottom:calc(14px + var(--hud-safe-bottom));pointer-events:auto;background:var(--ui-fond);border:1px solid var(--ui-trait);width:400px;color:var(--ui-texte);align-items:flex-start;gap:12px;padding:12px 12px 12px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.card__token{background:var(--teinte,#2a3138);color:#10131a;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:15px;font-weight:600;display:grid}.card__body{flex:auto;min-width:0}.card__body h3{margin:0;font-size:17px;font-weight:500}.card__sub{color:var(--ui-faible);margin:2px 0 0;font-size:11px}.card__summary{color:var(--ui-faible);margin:6px 0 0;font-size:11px;line-height:1.45}.card__actions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.card__actions[hidden]{display:none}.card button{background:var(--ui-relief);border:1px solid var(--ui-trait);color:inherit;font:inherit;letter-spacing:.03em;cursor:pointer;padding:7px 14px;font-size:12px}.card button:hover{background:#e6e8ea24}.card button.is-active[data-mode=move]{color:#cfe4f5;border-color:#7fb3e0}.card button.is-active[data-mode=attack]{color:#f2c3b6;border-color:#d9705a}.card__confirm{color:#cfe6ba!important;border-color:#8fbf6a99!important}.card__turn{margin-left:auto;color:var(--ui-faible)!important}.card__tools{flex:none;gap:4px;display:flex}.card__tools button{width:26px;height:26px;padding:0;line-height:1}.drawer__close{z-index:1;border:1px solid var(--ui-trait);width:26px;height:26px;color:var(--ui-texte);font:inherit;cursor:pointer;background:#0b0d10b3;padding:0;position:absolute;top:6px;right:6px}.modal{pointer-events:auto;background:#080a0cb3;place-items:center;display:grid;position:absolute;inset:0}.modal[hidden]{display:none}.modal__sheet{border:1px solid var(--ui-trait);width:min(420px,100% - 32px);max-height:70%;color:var(--ui-texte);background:#12151a;padding:16px;position:relative;overflow-y:auto}.modal__sheet h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ui-faible);margin:0 0 10px;font-size:13px;font-weight:400}.modal__close{background:var(--ui-relief);border:1px solid var(--ui-trait);width:26px;height:26px;color:inherit;font:inherit;cursor:pointer;padding:0;position:absolute;top:10px;right:10px}.modal__list{flex-direction:column;gap:5px;display:flex}.modal__unit{background:var(--ui-relief);color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #0000;align-items:center;gap:11px;padding:8px;display:flex}.modal__unit.is-active{border-color:var(--ui-texte)}.modal__token{background:var(--teinte);color:#10131a;text-transform:uppercase;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:grid}.modal__name{flex-direction:column;font-size:14px;display:flex}.modal__name em{color:var(--ui-faible);font-size:11px;font-style:normal}.bubble--count{background:var(--ui-relief);display:none}@media (max-width:760px){.card{width:auto;left:10px;right:78px;transform:none}.bubbles{left:auto}.bubble:not(.bubble--count){display:none}.bubble--count{display:block}.drawer{width:min(360px,100% - 28px);max-height:76%;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}}