.onehp{border-radius:6px;flex-direction:column;min-height:clamp(480px,66svh,740px);display:flex;container-type:inline-size}.onehp-title{margin:0;line-height:1.2}.onehp-view,.onehp-result-view{flex:1;margin:16px 24px;display:grid;container:onehp-view/inline-size}.onehp-view-finished{display:none}.onehp-stage{grid-template-columns:minmax(0,1.61803fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.onehp-play{flex-direction:column;justify-content:center;align-self:stretch;gap:18px;min-width:0;min-height:260px;display:flex}.onehp-target-column{flex-direction:column;align-self:stretch;min-width:0;display:flex}.onehp-stage:has(.onehp-board-status:not(:empty)) .onehp-target-column{margin-bottom:34px}.onehp-gromp{flex-direction:column;flex:1;justify-content:center;min-width:0;margin:0;display:flex}.onehp-gromp-instruction{text-align:center;color:#e4dbe8;max-width:28ch;margin:16px auto auto;padding-bottom:22px;font-size:clamp(18px,2.1cqw,22px);font-weight:700;line-height:1.45}.onehp-health-art{width:100%;height:auto;color:var(--gromp-health-color);transition:color .24s;display:block;overflow:visible}.onehp-health-clip{transition:y var(--onehp-health-duration,.32s) ease, height var(--onehp-health-duration,.32s) ease}.onehp-gromp-target{transform-origin:50% 100%;margin-inline:auto;position:relative}.onehp-health-art{transform-origin:50% 85%}.onehp-hit-ring{pointer-events:none;border:3px solid var(--onehp-hit-color,#e8c2b6);opacity:0;border-radius:50%;width:86px;height:86px;position:absolute;top:48%;left:50%}.onehp-health-outline{opacity:.65}.onehp-health-caption{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;gap:8px;margin:14px 0 auto;padding-bottom:8px;display:flex}.onehp-health-number{color:var(--gromp-health-color);--score-font-size:clamp(32px, 4.6cqw, 46px);align-items:baseline;gap:6px;display:flex}.onehp-gromp-name{color:#aab4c0;font-size:14px}.onehp-resistances{justify-content:center;gap:22px;display:flex}.onehp-resistance{color:#d0d1da;cursor:help;border-radius:4px;align-items:center;gap:6px;transition:color .2s;display:inline-flex}.onehp-resistance-armor{--resistance-color:#ef8586}.onehp-resistance-mr{--resistance-color:#87bbee}.onehp-resistance>img{object-fit:contain;width:24px;height:24px}.onehp-resistance .score-ticker{--score-font-size:20px;font-weight:500}.onehp-resistance-reduced{color:var(--resistance-color)}.onehp-hidden-stat{filter:blur(5px);user-select:none;pointer-events:none;font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.onehp-level .onehp-hidden-stat{filter:blur(3px)}.onehp-hard-label{color:#efae79;-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#ef8586,#edc273) text;font-style:italic;font-weight:700}.onehp-health-caption strong{color:var(--gromp-health-color);font-size:24px;font-weight:600}.onehp-health-caption small{color:#aab4c0;font-size:13px;font-weight:400}.onehp-overkill{color:var(--gromp-health-color);font-size:14px}.onehp-champion-rows{scrollbar-width:thin;scrollbar-color:#62626f #26272d;border-radius:12px;gap:12px;min-width:0;padding-bottom:6px;display:grid;overflow-x:auto}.onehp-champion{background:#27282f;border:0;border-radius:12px;grid-template-columns:64px 144px minmax(242px,1fr) 120px;align-items:center;gap:10px 6px;min-width:600px;min-height:114px;padding:14px 6px;display:grid}.onehp-champion-identity{grid-row:1/3;justify-items:center;gap:10px;display:grid}.onehp-passives{justify-content:center;gap:6px;display:flex}.onehp-portrait{position:relative}.onehp-portrait>img{border-radius:12px;width:64px;height:64px;display:block}.onehp-level{color:#ecebf1;background:#1c1c22;border-radius:7px;place-items:center;min-width:23px;height:23px;font-size:13px;font-weight:500;display:grid;position:absolute;bottom:-4px;right:-4px}.onehp-champion-details{display:contents}.onehp-stats{--onehp-stat-gap:10px;letter-spacing:-.025em;color:#d0d1da;font-variant-numeric:tabular-nums;flex-wrap:nowrap;grid-area:1/2/auto/-1;align-items:center;min-width:0;font-size:16px;font-weight:400;display:flex}.onehp-stat-slot{min-width:0;margin-right:var(--onehp-stat-gap);flex:none;display:inline-flex;overflow:hidden}.onehp-stat-content{flex:none;padding:2px;display:inline-flex}.onehp-stat-content>span{white-space:nowrap;align-items:center;gap:4px;display:flex}.onehp-stats img{object-fit:contain;width:20px;height:20px}.onehp-stats .score-ticker{--score-font-size:16px;font-weight:400}.onehp-stats .score-ticker__unit{opacity:1;font-size:1em;font-weight:400}.onehp-stats:has(>span:nth-child(5)){--onehp-stat-gap:7px;font-size:14px}.onehp-stats:has(>span:nth-child(5)) .score-ticker{--score-font-size:14px}.onehp-stats:has(>span:nth-child(5)) img{width:18px;height:18px}.onehp-attack-speed-value{align-items:baseline;gap:2px;display:inline-flex}.onehp-attack-speed-value small{color:#aab4c0;font-size:.75em}.onehp-stat-help{color:#d0d1da;cursor:pointer;background:#ffffff0a;border:0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;padding:0;font-family:inherit;font-size:12px;font-weight:600;line-height:1;display:inline-grid}.onehp-stat-help:is(:hover,[aria-expanded=true]){color:#fff;background:#ffffff1c}.onehp-stat-help:focus-visible{outline-offset:2px;outline:2px solid #fff}.onehp-items{grid-area:2/2;gap:6px;display:flex}.onehp-item-slot{border-radius:10px;width:44px;height:44px;position:relative}.onehp-abilities{grid-area:2/3;justify-content:flex-end;gap:6px;display:flex}.onehp-tile{color:#ecebf1;width:48px;height:48px;font:inherit;cursor:grab;touch-action:none;user-select:none;background:#34343e;border:0;border-radius:10px;flex:none;padding:0;transition:transform .15s,box-shadow .15s,filter .15s;display:block;position:relative}.onehp-tile>img{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.onehp-action-tile{border-radius:12px;width:56px;height:56px}.onehp-item-tile{width:44px;height:44px}.onehp-tile:hover:not(:disabled){filter:brightness(1.13);box-shadow:0 0 0 2px #bbb9cd88}.onehp-tile:active:not(:disabled){cursor:grabbing}.onehp-tile:disabled{opacity:.3;cursor:default}.onehp-tile>small{color:#dddde6;pointer-events:none;background:#1c1c22;border-radius:5px;padding:1px 4px;font-size:11px;line-height:1.3;position:absolute;bottom:-3px;left:-3px}.onehp-tile>.onehp-crit-badge{background:#29252d;border-radius:7px;width:26px;height:26px;padding:2px;position:absolute;bottom:-7px;left:-7px}.onehp-tile-count{color:#e5e3ed;pointer-events:none;background:#1c1c22;border-radius:6px;min-width:20px;padding:0 4px;font-size:14px;font-weight:500;line-height:1.5;position:absolute;bottom:-3px;right:-4px}.onehp .onehp-tile:is(.onehp-tile-selected,.onehp-tile-held){z-index:2;filter:brightness(1.14);transform:scale(1.16);box-shadow:0 0 0 2px #dfd2f4,0 0 20px #c8a8ee55}.onehp-auto-pool .onehp-tile:is(.onehp-tile-selected,.onehp-tile-held){transform:none}.onehp-tile-in-field{background:#ffffff04;box-shadow:inset 0 0 0 1px #77758155}.onehp-tile-in-field>img,.onehp-tile-in-field>.onehp-effects{visibility:hidden}.onehp-return-mark{color:#aaa2b5;pointer-events:none;place-items:center;font-size:23px;display:grid;position:absolute;inset:0}.onehp-tile.onehp-tile-moving{box-shadow:none;background:0 0}.onehp-tile-moving>*,.onehp-field-card:has(.onehp-tile-moving) .onehp-field-owner{visibility:hidden}.onehp-passive{opacity:.7;cursor:help}.onehp-auto-pool{grid-area:2/4;justify-content:flex-end;align-items:center;gap:8px;display:flex}.onehp-empty-slot{color:#9292a5;cursor:pointer;background:#ffffff05;border:1px dashed #71717e55;border-radius:10px;place-items:center;width:100%;height:100%;font-size:22px;display:grid}.onehp-bench{background:#2b2b3480;border-radius:14px;flex-direction:column;gap:16px;min-height:126px;padding:16px 18px 20px;display:flex;position:relative}.onehp-area-title{color:#d5d1dd;align-self:flex-start;margin:0;font-size:18px;font-weight:400;line-height:1.4}.onehp-bench-title{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0;font-family:inherit}.onehp-bench-items{flex-wrap:wrap;gap:12px;display:flex}.onehp-bench-items .onehp-tile{border-radius:11px;width:48px;height:48px}.onehp-field{background:#b8646420;border-radius:14px;flex-direction:column;gap:18px;min-height:190px;padding:18px 20px;display:flex}.onehp-field-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.onehp-field .onehp-area-title{color:#e5bcbc}.onehp-clear{color:#c5a5a9;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 0 4px 12px;font-size:14px}.onehp-field-cards{flex-flow:row-reverse wrap;align-items:flex-start;gap:34px 24px;min-height:88px;padding-block:14px 10px;display:flex}.onehp-field-card{position:relative}.onehp-field-resolved{opacity:.28;transition:opacity .16s}.onehp-field-active{z-index:4}.onehp-attack-flight{z-index:150;pointer-events:none;transform-origin:50%;filter:drop-shadow(0 8px 12px #0008);position:absolute}.onehp-attack-flight .onehp-tile{cursor:default}.onehp-field-card .onehp-tile{border-radius:14px;width:64px;height:64px}.onehp-field-owner{pointer-events:none;border:2px solid #33282e;border-radius:50%;width:30px;height:30px;position:absolute;bottom:-11px;right:-11px}.onehp-insertion-slot>*{visibility:hidden}.onehp-insertion-slot:after{content:"";pointer-events:none;background:#e6bfc913;border:2px dashed #e6bfc9;border-radius:14px;position:absolute;inset:0;box-shadow:0 0 16px #e6bfc912}.onehp-insertion-invalid:after{content:"×";color:#ff7b84;background:#e2576530;border-color:#ef717b;place-items:center;font:600 64px/1 Inter,sans-serif;display:grid}.onehp-insertion-invalid{z-index:120}.onehp-rejected-spot{color:#ff7b84;z-index:110;pointer-events:none;background:#a7344255;border-radius:14px;place-items:center;width:64px;height:64px;font:600 64px/1 Inter,sans-serif;display:grid;position:fixed}.onehp-tile-empowered:not(.onehp-tile-in-field,.onehp-tile-moving){box-shadow:0 0 0 2px #e7c57f,0 0 16px #e7c57f25}.onehp-effects{z-index:3;gap:3px;display:flex;position:absolute}.onehp-effects:empty{display:none}.onehp-effects>span{background:#292731;border-radius:7px;flex:none;width:24px;height:24px;display:block;box-shadow:0 0 0 2px #292731}.onehp-effects img{border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.onehp-effects-empower{top:-14px;left:-8px}.onehp-effects-empower>span+span{margin-left:-8px}.onehp-effects-persistent{top:-14px;right:-8px}.onehp-effects-persistent.onehp-effects-offset{top:12px}.onehp-effects-persistent>span+span{margin-left:-8px}.onehp-effects-items{flex-direction:column;gap:2px;top:50%;left:-13px;transform:translateY(-50%)}.onehp-effects-items>span{width:22px;height:22px}.onehp-effects-items>span+span{margin-top:-6px}.onehp-champion .onehp-effects-empower{left:0}.onehp-champion .onehp-effects-persistent{right:0}.onehp-champion .onehp-effects-items{left:-5px}.onehp-champion .onehp-crit-badge{left:0}.onehp-field-hint{color:#c3a2a8;margin:auto 0;font-size:16px;font-weight:400}.onehp-field-help{color:#af939a;margin:auto 0 0;font-size:13px}.onehp-board-status{color:#d0bdc8;min-height:20px;margin:-4px 0 0;font-size:14px}.onehp-board-status:empty{display:none}.onehp-can-drop{box-shadow:inset 0 0 0 2px #aad5c5a6,inset 0 0 28px #83c8b21c}.onehp-item-slot.onehp-can-drop:after{content:"";pointer-events:none;border:2px solid #b0dccd;border-radius:12px;position:absolute;inset:-3px;box-shadow:0 0 13px #94d8bd44}.onehp-item-slot.onehp-can-drop>button{cursor:pointer}.onehp-bench-spot{color:#d0f0e3;background:#82c4a921;border:2px solid #b0dccd;width:42px;height:42px;position:absolute;top:10px;right:14px}.onehp-field.onehp-can-drop{box-shadow:inset 0 0 0 2px #e9b3b7aa,inset 0 0 36px #edb1b11c}.onehp-drop-ready{outline-offset:-2px;outline:2px solid #c5b1ca}.onehp-drag-ghost,.onehp-flying-tile{z-index:100;pointer-events:none;width:52px;height:52px;position:fixed;box-shadow:0 6px 24px #0008}.onehp-flying-tile{transform-origin:0 0;transition:none}.onehp-tooltip{z-index:200;box-sizing:border-box;color:#d2ced8;backdrop-filter:blur(10px);background:#26252df5;border:1px solid #77717f77;border-radius:14px;max-height:calc(100dvh - 24px);padding:16px 18px;font:14px/1.55 Inter,system-ui,sans-serif;animation:.14s ease-out onehp-tooltip-in;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #0007}.onehp-tooltip>strong{color:#f0e9f2;font-size:17px;font-weight:500}.onehp-tooltip p{margin:9px 0 0}.onehp-item-stats{gap:3px;margin:12px 0;display:grid}.onehp-item-stats>div{background:#ffffff06;border-radius:5px;justify-content:space-between;gap:12px;padding:4px 7px;display:flex}.onehp-item-stats dt{align-items:center;gap:7px;display:flex}.onehp-item-stats dt img{object-fit:contain;flex:none;width:18px;height:18px}.onehp-item-stats dd{color:#ece6f0;font-variant-numeric:tabular-nums;margin:0}.onehp-rules{border-collapse:separate;border-spacing:0 5px;width:100%;margin-top:8px;font-size:13px;line-height:1.45}.onehp-rules th{text-align:left;border-radius:7px 0 0 7px;width:31%;font-weight:600}.onehp-rules td{color:#d2ced8;border-radius:0 7px 7px 0}.onehp-rules :is(td,th){background:#ffffff07;padding:8px}.onehp .score-guide{z-index:210;max-height:calc(100dvh - 160px);overflow-y:auto}.onehp-text-physical{color:#efb48b}.onehp-text-magic{color:#b8a1f1}.onehp-text-true{color:#f3eff9}.onehp-text-health{color:#8bd0b6}.onehp-text-attack{color:#e7c780}@keyframes onehp-tooltip-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.onehp :is(button,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #d3ccdf}.onehp-loading{color:#aab4c0;font-size:15px}.onehp-board-loading{flex-direction:column;gap:18px;min-width:0;display:flex;position:relative}.onehp-board-loading>.onehp-loading{z-index:1;margin:0;padding:18px;position:absolute;inset:0 0 auto}.onehp-loading-row{height:125px}.onehp-board-loading .onehp-tile{cursor:default}.onehp-board-loading .onehp-champion-rows{pointer-events:none}.onehp-loading-target{padding-top:266px}.onehp-loading-target>div{aspect-ratio:638/450;width:100%}.onehp-attack-dock{justify-content:flex-end;align-items:center;min-height:44px;padding-top:12px;display:flex}.onehp-attack-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.onehp-attack{white-space:nowrap;flex-shrink:0;gap:10px;width:max-content;min-width:112px;padding-inline:12px}.onehp-attack:disabled{cursor:default;color:#b2b5bd;box-shadow:none;background:#393b40}.onehp-swords{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:28px;height:28px;overflow:visible}.onehp-sword-left{transform-origin:7px 24px}.onehp-sword-right{transform-origin:25px 24px}.onehp-sword-left,.onehp-sword-right{transition:transform .2s ease-out}.onehp-attack-ready .onehp-sword-left{transform:translateY(-1px)rotate(-40deg)}.onehp-attack-ready .onehp-sword-right{transform:translateY(-1px)rotate(40deg)}.onehp-sparks{stroke:#ffe296;opacity:0;transform-origin:16px 13px}.onehp-attack:active{color:#fff;background:#365f3e}.onehp-entering:not([data-entrance=reveal]) .onehp-stage{opacity:0}.onehp-entering .onehp-champion-rows{overflow:hidden}.onehp-entering .onehp-attack-dock{opacity:0}.onehp-intro-layer{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.onehp-intro-gromp{transform-origin:0 0;position:absolute}.onehp-intro-body{transform-origin:50% 80%;background:url(/home/gromp-1hp.webp) 50%/contain no-repeat;width:100%;height:100%}.onehp-intro-champion{border-radius:12px;position:absolute;box-shadow:0 6px 20px #0005}.onehp-surprise{opacity:0;gap:12px;display:flex;position:absolute;top:-14%;left:-6%;transform:rotate(-20deg)}.onehp-surprise i{background:#ffdb73;border-radius:2px;width:9px;height:31px;display:block;box-shadow:0 0 12px #ffd56c55}.onehp-surprise i:first-child{transform:rotate(-32deg)translateY(7px)}.onehp-surprise i:last-child{transform:rotate(32deg)translateY(7px)}@container onehp-view (width<=649.99px){.onehp-stage{grid-template-columns:minmax(0,1fr);gap:12px}.onehp-target-column{justify-self:center;width:min(100%,360px)}.onehp-stage:has(.onehp-board-status:not(:empty)) .onehp-target-column{margin-bottom:0}.onehp-gromp{width:100%}.onehp-gromp-instruction{margin-top:18px;padding-bottom:24px}}@container onehp-view (width<=279.99px){.onehp-attack-dock .puzzle-actions-complete{width:100%}.onehp-attack-dock .puzzle-actions-complete .puzzle-next{flex:1 1 0;width:0}}@media (prefers-reduced-motion:reduce){.onehp-sword-left,.onehp-sword-right{transition:none;transform:none!important}.onehp-health-clip,.onehp-health-art,.onehp-tile,.onehp-field-resolved{transition:none}.onehp-tooltip{animation:none}}@media (width<=600px){.onehp-view,.onehp-result-view{margin-inline:12px}}