._card_ugbno_12{--u: calc(var(--planner-card-w) / 177);position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:177 / 268;overflow:hidden;border:3px solid;border-image:linear-gradient(180deg,var(--planner-stops)) 1;background-image:linear-gradient(180deg,var(--planner-stops)),var(--planner-sheet);background-blend-mode:color,normal;background-repeat:no-repeat;background-size:auto,var(--planner-sheet-size) var(--planner-sheet-size);background-position:0 0,var(--planner-sheet-pos);background-color:#0d0d0d;color:#fff;box-shadow:4px 4px 4px #00000073;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;text-align:left;outline:none;transition:transform .2s ease,box-shadow .3s ease,opacity .2s ease}._draggable_ugbno_46{cursor:grab}._card_ugbno_12:hover{transform:translateY(-2px);box-shadow:0 0 4px 1px var(--planner-c0),6px 6px 4px #0009}._card_ugbno_12:focus-visible,._card_ugbno_12[data-focused=true]{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary),6px 6px 4px #0009}._card_ugbno_12[data-highlight=true]{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-info),6px 6px 4px #0009}._card_ugbno_12[data-drop=true]{transform:scale(1.03);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary),0 0 18px 2px var(--color-primary)}._card_ugbno_12[data-dragging=true]{transform:scale(.97);opacity:.4}._shine_ugbno_85{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(135deg,var(--planner-stops));transition:opacity .4s ease}._card_ugbno_12:hover ._shine_ugbno_85{opacity:.1}._art_ugbno_100{position:relative;flex:1;min-height:0}._portrait_ugbno_106{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}._initial_ugbno_115{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(40 * var(--u));color:#ffffff4d}._corner_ugbno_127{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;width:calc(40 * var(--u));min-width:26px;box-shadow:2px 2px 6px #0009}._level_ugbno_139{display:flex;align-items:center;justify-content:center;height:calc(34 * var(--u));min-height:22px;background:var(--planner-c0);color:#fff;font-weight:800;font-size:max(11px,calc(18 * var(--u)));font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.8)}._classBox_ugbno_154,._eliteBox_ugbno_155{display:flex;align-items:center;justify-content:center;height:calc(34 * var(--u));min-height:22px}._classBox_ugbno_154{background:color-mix(in srgb,var(--planner-c0) 70%,transparent)}._eliteBox_ugbno_155{background:#000000b8}._classBox_ugbno_154 img,._eliteBox_ugbno_155 img,._glyph_ugbno_180{filter:brightness(0) invert(1) drop-shadow(0 1px 1px rgba(0,0,0,.8))}._classBox_ugbno_154 img{width:calc(26 * var(--u));min-width:16px;height:auto}._eliteBox_ugbno_155 img{width:calc(24 * var(--u));min-width:15px;height:auto}._stars_ugbno_196{position:absolute;top:calc(5 * var(--u));left:max(30px,calc(44 * var(--u)));right:max(34px,calc(44 * var(--u)));z-index:2;overflow:hidden;text-align:center;color:var(--star-color);font-size:max(8px,calc(13 * var(--u)));letter-spacing:-1px;line-height:1;white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none}._role_ugbno_216{position:absolute;top:calc(max(28px,36 * var(--u)) + 4px);right:0;z-index:2;display:flex;align-items:center;gap:2px;padding:3px 5px 3px 4px;color:#fff;font-weight:800;font-size:max(8px,calc(9 * var(--u)));letter-spacing:.06em;line-height:1;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:-2px 2px 6px #00000080;pointer-events:none}._roleLeader_ugbno_236{background:var(--color-primary)}._roleSupport_ugbno_240{background:var(--color-info)}._role_ugbno_216 svg{width:max(9px,calc(10 * var(--u)));height:max(9px,calc(10 * var(--u)))}._band_ugbno_250{position:absolute;inset:auto 0 0;z-index:2;display:flex;align-items:flex-end;gap:calc(4 * var(--u));padding:calc(14 * var(--u)) calc(5 * var(--u)) calc(5 * var(--u));background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.5) 60%,transparent)}._tile_ugbno_261{position:relative;display:flex;flex:none;align-items:center;justify-content:center;width:calc(34 * var(--u));height:calc(34 * var(--u));min-width:22px;min-height:22px;overflow:hidden;border-radius:3px;background:#000000b3;box-shadow:0 0 0 1px #fff3}._tile_ugbno_261 img{width:100%;height:100%;object-fit:contain}._tileEmpty_ugbno_283{background:transparent;box-shadow:none;border:1px dashed rgba(255,255,255,.35)}._tileEmpty_ugbno_283:after{content:"";width:40%;height:1px;background:#ffffff73}._tileText_ugbno_296{font-family:var(--font-mono, ui-monospace, monospace);font-size:max(8px,calc(10 * var(--u)));color:#fffc}._rank_ugbno_302{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;min-width:calc(14 * var(--u));height:calc(14 * var(--u));min-height:11px;padding:0 2px;border-top-left-radius:3px;background:#fff;color:#000;font-family:var(--font-mono, ui-monospace, monospace);font-weight:800;font-size:max(8px,calc(9.5 * var(--u)));line-height:1}._glyph_ugbno_180{position:absolute;right:-1px;bottom:-1px;width:calc(17 * var(--u));min-width:12px;height:auto}._potential_ugbno_331{display:flex;flex:none;align-items:center;justify-content:center;margin-left:auto;height:calc(34 * var(--u));min-height:22px}._potential_ugbno_331 img{width:calc(24 * var(--u));min-width:15px;height:auto}._strip_ugbno_348{position:relative;z-index:2;display:flex;flex:none;align-items:center;justify-content:center;height:calc(32 * var(--u));min-height:22px;border-top:3px solid;border-image:linear-gradient(90deg,var(--planner-stops)) 1;background:linear-gradient(#0000008c,#000000bf),linear-gradient(90deg,var(--planner-stops));padding:0 calc(18 * var(--u));overflow:hidden;color:#fff;font-weight:800;font-size:max(9px,calc(14 * var(--u)));letter-spacing:.02em;line-height:1;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.8)}._name_ugbno_374{min-width:0;overflow:hidden;text-overflow:ellipsis}._seatNo_ugbno_380{position:absolute;top:0;bottom:0;left:calc(5 * var(--u));display:flex;align-items:center;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;font-size:max(8px,calc(9 * var(--u)));font-variant-numeric:tabular-nums;opacity:.6}._menu_ugbno_395{--u: calc(var(--planner-card-w) / 177);position:absolute;top:3px;right:3px;z-index:3;display:flex;align-items:center;justify-content:center;width:max(28px,calc(36 * var(--u)));height:max(28px,calc(36 * var(--u)));background:#000000bf;color:#fff;cursor:pointer;outline:none;transition:opacity .2s ease,background-color .2s ease}._menu_ugbno_395:hover,._menu_ugbno_395:focus-visible,._menu_ugbno_395[data-popup-open]{background:#000000eb;opacity:1}._menu_ugbno_395:focus-visible{box-shadow:inset 0 0 0 2px var(--color-ring)}._menu_ugbno_395 svg{width:max(14px,calc(18 * var(--u)));height:max(14px,calc(18 * var(--u)))}._empty_ugbno_432{aspect-ratio:177 / 268}@media(max-width:639.98px){._empty_ugbno_432{aspect-ratio:1;height:100%}}@media(prefers-reduced-motion:reduce){._card_ugbno_12,._shine_ugbno_85,._menu_ugbno_395{transition:none}._card_ugbno_12:hover,._card_ugbno_12[data-drop=true]{transform:none}}:is(:lang(ko),:lang(ja),:lang(zh),:lang(th)) :is(._role_ugbno_216,._name_ugbno_374){letter-spacing:normal}
